@charset "utf-8";

@import url("normalize.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 400;
	font-style: normal;
	src: url('../font/NotoSans-Regular.eot');
	src: url('../font/NotoSans-Regular.eot?#iefix')
		format('embedded-opentype'), url('../font/NotoSans-Regular.woff')
		format('woff'), url('../font/NotoSans-Regular.ttf') format('truetype'),
		url('../font/NotoSans-Regular.svg') format('svg');
}


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

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

@font-face {
	font-family: 'Noto Sans KR';
	font-weight: 900;
	font-style: normal;
	src: url('../font/NotoSans-Black.eot');
	src: url('../font/NotoSans-Black.eot?#iefix')
		format('embedded-opentype'), url('../font/NotoSans-Black.woff')
		format('woff'), url('../font/NotoSans-Black.ttf') format('truetype'),
		url('../font/NotoSans-Black.svg') format('svg');
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { /* To receive click events on iOS */
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* word-break: break-word; */
} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
.m_layer * {
	outline: none !important
}

html {
	margin: 0;
	padding: 0; /*  -webkit-overflow-scrolling: touch; */
	
}

html, body {
	width: 100%;
	height: 100%;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}
select, textarea, button, input {
	color: #464646;
	font-family: 'Noto Sans KR', '맑은 고딕', 'Roboto', 'AppleGothic', Dotum,
		sans-serif;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

select::-ms-expand {
	display: none
}

body {
	min-width: 320px;
	height: auto;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.3;
	color: #464646;
	background-color: #fff;
}

div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, p, form, fieldset,
	input, table, tr, th, td, button, textarea, select {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

img {
	border: 0;
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;/*이미지 랜더링 방식 변경*/
}

hr {
	display: none;
}

ul, ol, dl, dt, dd, li {
	list-style: none;
	padding: 0;
	margin: 0
}

table, th, td {
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
}

caption {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
button, input, a{
	cursor: pointer;
}
fieldset, blockquote, iframe, button {
	border: none;
}

i, em, u, cite {
	font-style: normal;
}

p {
	vertical-align: middle;
}

strong, em, b {
	font-weight: normal;
}

a {
	color: #464646;
	text-decoration: none;
	cursor: pointer
}

button {
	font-family: Pretendard;
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: none;
	border-image-width: 0;
	vertical-align: top
}

button:focus {
	outline: #000 dotted 1px;
	outline: none
}

button, input[type="submit"], input[type="button"], input[type="reset"]
	{
	cursor: pointer;
	-webkit-appearance: none;
}

section, nav, article, aside, header, footer, main {
	display: block;
}

input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button
	{
	display: none;
}

input[type="date"], input[type="text"], input[type="search"], input[type="tel"],
	input[type="number"], input[type="password"] {
	font-size: 14px;
	color: #464646;
	-webkit-appearance: none;
	border-radius: 0
}

input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder,
	input[type="password"]::-webkit-input-placeholder {
	color: #969696;
}

input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder,
	input[type="password"]::-moz-placeholder {
	color: #969696;
}

input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder,
	input[type="password"]:-moz-placeholder {
	color: #969696;
}

input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder,
	input[type="password"]:-ms-input-placeholder {
	color: #969696;
}

textarea::-webkit-input-placeholder {
	color: #969696;
}

textarea::-moz-placeholder {
	color: #969696;
}

textarea:-moz-placeholder {
	color: #969696;
}

textarea:-ms-input-placeholder {
	color: #969696;
}

::-ms-clear, ::-ms-reveal {
	display: none;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
	input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner
	{
	border: 0;
	padding: 0;
	margin: 0;
}

input[disabled] {
	cursor: not-allowed;
}

input[type="text"], input[type="tel"], input[type="password"], input[type="date"]
	{
	padding-left: 8px;
	width: 100%;
	border: 0;
	border: 1px solid #ccc;
	background-color: inherit;
	vertical-align: middle;
}

textarea {
	overflow: auto;
	padding: 10px 6px;
	width: 100%;
	font-size: 16px;
	line-height: 1.5em;
	border: 0;
	resize: none;
	-webkit-overflow-scrolling: touch;
}

input[type="text"], input[type="search"] {
	-webkit-appearance: none;
	border-radius: 0;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus,
	textarea:focus, select:focus {
	position: relative;
	z-index: 1;
	outline: none
}

input[type="text"]:focus, input[type="password"]:focus {
	color: rgba(0, 0, 0, 1);
	border-color: #303030;
	background: #fff
}

/* float clear */
.clearfix:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
	min-height: 1px;
}

.txt_red {
	color: #e0000c
}
/* err */
input[type="text"].err, input[type="tel"].err, input[type="password"].err,
	select.err, .err {
	border: 1px solid #e00001 !important;
}

.onlyNumber {
	ime-mode: disabled !important;
}

input[type=text]::-ms-clear {
	display: none;
}

input::-ms-clear {
	display: none;
}

.safari input[type="text"], .safari input[type="tel"], .safari input[type="password"],
	.safari input[type="date"] {
	line-height: normal !important;
	vertical-align: middle !important
}

.safari input[type="text"]::placeholder, .safari input[type="tel"]::placeholder,
	.safari input[type="password"]::placeholder.safari input[type="date"]::placeholder
	{
	line-height: normal;
	vertical-align: middle !important
}

.m_view {
	display: none !important;
}

.w_view {
	display: block;
}

.w_viewC {
	display: contents !important
}

.hidden {
	display: none !important;
}
/****************************** font setting ******************************/
.vis_show {
	visibility: visible;
	height: auto;
	overflow: visible;
}

.vis_hide {
	visibility: hidden;
	height: 0;
	overflow: hidden
}

.sch_box label {
	color: #464646 !important
}

.ellips {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.ellips2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

input[type="checkbox"] {
	width: 0;
	height: 0;
	opacity: 0;
}

input[type="checkbox"]+label {
	font-size: 18px;
	font-weight: 400;
	padding-left: 35px;
	padding-top: 0px;
	position: relative;
	word-break: break-all;
	display: inline-block;
	min-height: 24px;
	cursor: pointer;
	color: #222;
}

input[type="checkbox"]+label:after {
	content: '';
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/common/Check_default.svg) no-repeat 0 0;
	background-size: 24px 24px
}

input[type="checkbox"]:checked+label:after {
	height: 24px;
	top: 0px;
	background: url(../images/common/Check_Active.svg) no-repeat 0 0;
	background-size: 24px 24px
}

input[type="checkbox"]:disabled+label, input[type="radio"]:disabled+label
	{
	opacity: 0.3 !important
}

input[type="radio"] {
	width: 0;
	height: 0;
	opacity: 0;
}

input[type="radio"]+label {
	font-size: 18px;
	color: #222;
	font-weight: 300;
	padding-left: 30px;
	padding-top: 0px;
	position: relative;
	word-break: break-all;
	display: inline-block;
	text-indent: 0;
	/* line-height: 1.3; */
	min-height: 20px;
	cursor: pointer;
}
input[type="radio"]:checked+label,
input[type="checkbox"]:checked+label{
	font-weight: 700;
}
input[type="radio"]+label:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/common/circle_defalut.svg) no-repeat 0 0;
	background-size: 20px 20px
}

input[type="radio"]:checked+label:after {
	background: url(../images/common/circle_active.svg) no-repeat 0 0;
	background-size: 20px 20px;
}

input[type="radio"].radio-blue-bg-white+label:after {
	background: url(../images/common/radio_bbw_active_default.png) no-repeat 0 0;
	background-size: 20px 20px
}

input[type="radio"].radio-blue-bg-white:checked+label:after {
	background: url(../images/common/radio_bbw_active_check.png) no-repeat 0 0;
	background-size: 20px 20px;
}
input[type="radio"].radio-blue-bg-white:disabled+label:after {
	background: url(../images/common/radio_bbw_disabled_default.png) no-repeat 0 0;
	background-size: 20px 20px;
}

input[type="radio"].radio-blue-bg-white:disabled:checked+label:after {
	background: url(../images/common/radio_bbw_disabled_check.png) no-repeat 0 0;
	background-size: 20px 20px;
}

.ch_check input[type="checkbox"] {
	width: 0;
	height: 0;
	opacity: 0;
}

.ch_check input[type="checkbox"]+label {
	font-size: 0;
	font-weight: 300;
	color: #303030;
	
	padding-top: 0;
	position: relative;
	word-break: break-all;
	display: inline-block;
	height: 44px;
	vertical-align: middle;
	cursor: pointer;
}

.ch_check input[type="checkbox"]+label:after {
	content: '';
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/easyres/ds_2check_01.svg) no-repeat 0 0;
	background-size: 44px 44px;
	opacity: 0.2
}

.ch_check input[type="checkbox"]+label.purple:after {
	background: url(../images/easyres/ds_2check_02.svg) no-repeat 0 0;
	background-size: 44px 44px
}

.ch_check input[type="checkbox"]+label.green:after {
	background: url(../images/easyres/ds_2check_03.svg) no-repeat 0 0;
	background-size: 44px 44px
}

.ch_check input[type="checkbox"]:checked+label:after {
	opacity: 1 !important
}

.ch_check input[type="checkbox"]+label span {
	text-decoration: underline;
}

.fd_check input[type="radio"] {
	width: 0;
	height: 0;
	opacity: 0;
}

.fd_check input[type="radio"]+label {
	font-size: 0;
	font-weight: 300;
	color: #303030;
	padding-left: 44px;
	padding-top: 0;
	position: relative;
	word-break: break-all;
	display: inline-block;
	height: 44px;
	vertical-align: middle;
	cursor: pointer;
}

.fd_check input[type="radio"]+label:after {
	content: '';
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/easyres/ds_check_01.png) no-repeat 0 0;
	background-size: 44px 44px;
	opacity: 0.2
}

.fd_check input[type="radio"]:checked+label:after {
	opacity: 1 !important
}

.fd_check input[type="radio"]+label span {
	text-decoration: underline;
}

textarea {
	padding: 10px;
	background: #fff;
	border: 1px solid #c5cfd6;
	font-size: 16px;
	max-width: 840px;
	width: 100%;
	height: 100px
}

textarea:focus {
	background: #fff;
	border: 1px solid #000;
}
/* color */
.redtxt {
	color: #e0000c !important
}

.blacktxt {
	color: #303030 !important
}

input[type="text"], input[type="tel"], input[type="password"] {
	background: #fff;
	border-color: #c5cfd6;
	padding: 0 15px;
	line-height: 41px;
	font-size: 16px;
	height: 42px
}

.vt_m {
	vertical-align: middle !important
}
/* ==========================================================================
Base styles: base layer
========================================================================== */
/* header s */
.wrap.fix_w {
	overflow: hidden;
	height: -webkit-fill-available
}

.wrap {
	width: 100%;
	/* max-width: 1920px; */
	margin: 0 auto;
}
.top-banner{
	height: 64px;
	line-height: 64px;
	text-align: center;
	background-color: #FFF5DA; 
	display: block;
}
.top-banner span{
	font-size: 20px;
	font-weight: 300;
	color: #222;
	position: relative;
}
.top-banner > span::after{
	position: absolute;
	content:'';
	display: block;
	background: url('/images/common/top-banner.png') no-repeat;
	width: 122px;
	height: 122px;
	overflow:hidden;
	right: -77%;
	top:-18px;
}
.top-banner span b{
	font-weight: 700;
}
.top-banner span > span{
	color: #0C73BE;
	font-size: 16px;
	font-weight: 700;
	text-decoration: underline;
	margin-left: 16px;
	position: relative;
}
.top-banner span > span::before{
	position: absolute;
	content:'';
	display: block;
	background: url('/images/common/arrow_blue.svg') no-repeat;
	width: 24px;
	height: 24px;
	right: -27px;
	top:1px;
}

.top-banner img{
	position: absolute;
	width:16px;
	height:16px;
	right: 40px;
	top:24px;
}
.w_headerInner {
	width: 100%;
	background: rgba(255, 255, 255);
	z-index: 10;
	position: relative;
}

.w_header {
	max-width: 1240px;
	min-height: 128px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.w_logo {
	width: 160px;
	height: 56px;
	display: inline-block;
	background: url(/images/common/Carehe_logo.svg) no-repeat 0 0 / 100%;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 40px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .w_logo{
      background: url(/images/common/w_logo_01.png);
      background-size:cover;
      width: 198px;
    }
}
.head_info {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #222;
}

.head_info ul li {
	float: left;
	font-size: 16px;
	height: 64px;
	line-height: 64px;
}
.head_candidate_box{
	border-radius: 8px;
	padding: 0 24px;
}
.head_info ul li.head_candidate_box > dl{
    display: flex;	
}
.head_candidate_box .info_name .header-icon{
	margin-right: 8px;
}
.head_candidate_box .info_tag .header-icon{
	margin: 0 8px 0 16px;
}

.head_info ul li dt, .head_info ul li dd {
	display: inline-flex;
}

.head_info ul li a {
	color: #222;
}

.info_name dd, .info_name dl {
	color: #222;
}
.info_name dd span {
	color: #242424;
	font-weight: 700;
}
.info_tag dl dd span:nth-child(2){
	font-weight: 500;
}

.info_log {
	margin-right: 24px;
}

.w_nav {
	position: absolute;
	right: 18px;
	top: 64px;
	z-index: 10;
	width: 80%;
	height: 64px;
	line-height: 64px;
}

.w_nav>ul {
	float: right;
	height: 64px;
	line-height: 64px;
}

.w_nav>ul>li {
	float: left;
	height: 64px;
	line-height: 64px;
}

.w_nav>ul>li>a {
	width: 164px;
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 20px;
	color: #222;
	text-align: center;
	display: block;
	position: relative;
	height: 64px;
	line-height: 64px;
}
  .w_nav>ul>li>a:hover, .w_nav>ul>li.active>a{
	color:#1875FF;
  }
  .w_nav>ul>li.active>a::after{
	width: 100%;
	height: 4.44px;
	background:#1875FF;
	left: 0;
  }
  .w_nav>ul>li>a::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	z-index: -1;
	width: 0;
	height: 4.44px;
	background:#1875FF;
	left: 50%;
	transition:all 0.5s ease;
  }

   .w_nav>ul>li>a:hover::after{
	width: 100%;
	left: 0;
	transition: all .4s ease;
  }
   .w_nav>ul>li:last-child>a, .w_nav>ul>li.last>a {
	padding-right: 0;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	text-align: left
}
.w_nav>ul>li.care-plus>a{
	text-transform: uppercase;
	background: linear-gradient(to right, #1875FF 0%, rgb(13, 160, 176) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	position: relative;
}
.w_nav>ul>li.care-plus>a::before{
	position: absolute;
	content:'';
	background: url('/images/common/add_round.svg') no-repeat;
	width: 20px;
	height: 20px;
	top: 12px;
	right: 20px;
}
.detph2 {
	padding-top: 10px;
	padding-bottom: 35px;
	display: none;
	position: absolute;
	width: 181px;
	line-height: 23px;
	height: 260px;
}

.detph2>li>a {
	width: 164px;
	font-size: 17px;
	font-weight: 400;
	color: #595959;
	display: block;
	padding: 10px 0;
	text-align: center;
	transition:all .6s;
}

.detph2>li>a:hover {
	color:#222;
	font-weight: 500;
}
.w_nav:hover .detph2, .w_headerInner.jh .w_nav .detph2, .w_headerInner.jh .nav_dim{
	display: block !important
}
.gnb {
    width: 200px;
    height: 200px;
    position: absolute;
	left:-300px;
	top:80px;
	display: none;
}
.gnb-slide{
    text-align: center;
    font-size: 18px;
    background: none;
      }
.gnb-slide img {
    display: block;
    width: 152px;
    height: 144px;
    object-fit: cover;
    margin: 0 auto;
}
.gnb .swiper-pagination-bullet{
	background-color: #c9c9c9;
	width: 4px;
	height: 4px;
}

.gnb .swiper-pagination-bullet-active{
	background-color: #595959
}
.gnb .swiper-button-next::after, .gnb .swiper-button-prev::after{
	font-size: 16px;
	color: #929292;
}
.gnb .swiper-button-disabled::after{
	color: #c9c9c9;
}
.w_nav.on .gnb{
	display: block;
}
.nav_dim {
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 128px;
	min-height: 260px;
	z-index: 5;
	display: none;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

.m_header {
	display: none;
	box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.1);
}

.contents {
	height: 100%;
	padding: 0 10px;
}
/* header e */

/**/
.navtop {
	width: 100%;
	position: relative;
	touch-action: none
}

.leftN_close {
	width: 30px;
	height: 30px;
	position: absolute;
	left: -45px;
	top: 20px;
	background: url(../images/common/mnav_close.png) no-repeat center center;
	background-size: 25px 25px;
	z-index: 5;
	text-indent: -99999px;
	display: block;
}

.nav_mhead {
	background: #45bbe4;
	width: 100%;
	height: 48px;
	padding-top: 10px;
	padding-left: 23px;
	box-shadow: 0 0px 10px 0px rgba(61, 166, 202, 1);
	position: relative;
	z-index: 3
}

.nav_mhead ul li {
	float: left
}

.nav_mhead ul li:nth-child(2) {
	margin: 0 72px;
}

.nav_mhead ul li img {
	height: 31px;
}

.nav_mbody {
	height: 160px;
	position: relative;
	background: #44b9e2; /* Old browsers */
	background: -moz-linear-gradient(top, #44b9e2 0%, #127098 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #44b9e2 0%, #127098 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #44b9e2 0%, #127098 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b9e2',
		endColorstr='#127098', GradientType=0); /* IE6-9 */
}

.minfo {
	height: 65px;
	overflow: hidden
}

.mbtns ul li {
	float: left;
	margin-left: 9px
}

.mbtns ul li img {
	width: 86px;
}

.mlogo_type {
	padding-top: 14px;
	text-align: center;
}

.mlogo_type img {
	height: 40px
}

.navbottom {
	padding-left: 94px;
	position: relative;
	height: calc(100vh - 208px);
	width: 100%;
	touch-action: none
}

.navbottom .mnav_tab {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 94px;
	background: #f7f7f7
}

.navbottom .mnav_tab li {
	margin-top: 2px;
	position: relative;
}

.navbottom .mnav_tab li:first-child {
	margin-top: 0 !important;
}

.navbottom .mnav_tab li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 94px;
	height: 80px;
	background: #e9e9e9;
	font-size: 16px;
	font-weight: 500;
}

.navbottom .mnav_tab li.on a {
	color: #127098 !important;
	background: #fff
}

.navbottom .mnav_tab li.on a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 4px;
	background: #45bbe4;
	display: block;
	z-index: 5
}

.mnav_tabArea {
	padding-left: 6px;
}

.mnav_tabArea ul li {
	position: relative;
	border-bottom: 1px solid #eceef0
}

.mnav_tabArea ul li a {
	height: 48px;
	line-height: 48px;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding-left: 15px;
}

.mnav_user {
	padding: 0 9px;
}

.mnav_user li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.mnav_user li .mnav_name {
	display: table-cell;
	vertical-align: middle;
	width: 95px;
	height: 65px
}

.mnav_user li .mnav_name h2 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.mnav_user li .mnav_name p {
	font-size: 13px;
	font-weight: 500;
	color: #cfe7ef;
	margin-top: 5px;
}

.mnav_user li .mnav_name p span {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

.mnav_user li .markInner {
	display: table-cell;
	vertical-align: middle;
	width: 95px;
	height: 65px;
}

.mnav_user li .markInner .mark {
	margin: 3px 0;
}

.mnav_user li .mnav_point {
	display: table-cell;
	vertical-align: middle;
	width: 95px;
	height: 65px;
}

.mnav_user li .mnav_point p {
	font-size: 18px;
	font-weight: 700;
	color: #aeff00;
}

.mnav_user li .mnav_point p span {
	color: #fff;
	font-weight: 500;
}
/* 
footer s
.footer {
	width: 100%;
	background: #7B7D83;
	padding:40px 0;
}
.footer-row{
	display: none !important;
}
.footInner {
	width: 100%;
	max-width: 1220px;
	padding-left: 210px;
	margin: 0 auto;
	position: relative;           
}
.footInner>:nth-child(3) {
	padding: 16px 0 0 72px;
}
.footInner>img{
	position: absolute;
	left: 0;
}
.footer .foot_logo {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 137px;
	height: 40px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../images/common/HancomCarelink_CI_white.svg) no-repeat 0 0 / 100%;
}

.footer p {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	padding: 3px 0 3px 72px;
}

.footer a {
	color: #fff;
}
.footer .footer-site{
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.footer .footer-site > p{
	padding: 0 0 0 72px;
}
.footer .footer-site .sns-icon{
	margin: 6px 0  0 120px;
}
.footer .footer-site .sns-icon a{
	width: 24px;
	height: 24px;
	display: inline-block;
}
.footer .footer-site .sns-icon a:not(:last-child){
	margin-right: 18px;
}
.footer .footer-site .sns-icon a:nth-child(1){
	background: url('/images/main/sns_icon_01.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(2){
	background: url('/images/main/sns_icon_02.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(3){
	background: url('/images/main/sns_icon_03.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(1):hover{
	background: url('/images/main/sns_icon_04.svg') no-repeat;
}
.footer .footer-site .sns-icon a:nth-child(2):hover{
	background: url('/images/main/sns_icon_05.svg') no-repeat;
}
.footer .footer-site .sns-icon a:nth-child(3):hover{
	background: url('/images/main/sns_icon_06.svg') no-repeat;
}
.footer .family-site{
	width: 240px;
	border:1px solid #fff;
	border-radius: 20px;
	color: #fff;
	background-color: #7B7D83;
	background-image: url("/images/common/chevron-left.png");
	background-position: center right 26px;
	padding: 0 26px;
	height: 40px;
	line-height: 39px;
}
.footer .family-site option{
	background-color: #fff;
	color: #595959;
}
.ezwelfooter {
	width: 100%;
	background: #ffffff;
	top: 0px;
}

.ezwelfootInner {
	width: 100%;
} */

.loading {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10005;
	background: rgba(255, 255, 255, 0.9);
}

.loading img {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -70px;
	margin-top: -70px;
}
/* ==========================================================================
Base styles: main layer
========================================================================== */
/* PC 메인 */
.main .sub_area {
	width: 1360px;
	padding: 64px 60px 80px;
	/* margin-top: -145px; */
}

/* 2023.02 수정 */
.main_top_box {
	position: relative;
	z-index: 5;
	margin-top: 118px;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main_top_wrap {
	width: 1360px;
	padding: 0 60px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.main_slider {
	margin-top: 2px;
	width: 736px;
	height: 326px;
	float: left;
	border-radius: 16px;
}
.main_slider .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 58px 48px;
}
.slider_txt1 {
	font-weight: 500;
	font-size: 16px;
	color: #FFD02B;
}
.slider_txt2 {
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	margin: 8px 0 24px;
}
.slider_btn {
	padding: 8px 48px 8px 24px;
	text-align: center;
	border-radius: 50px;
	color: #0C73BE;
	background: #fff url(/images/main/w_btn_arrow.png) no-repeat right 24px center;
	background-size: 24px;
	font-weight: 700;
	font-size: 16px;
}
.main_slider .slider1 {
	background: #317CEB url(/images/main/web_img_main_banner_1.png) no-repeat right bottom;
	background-size: 232px;
}
.main_slider .slider2 {
	background: #008DBA url(/images/main/web_img_main_banner_2.png) no-repeat right bottom;
	background-size: 254px;
}
.main_slider .slider3 {
	background: #5A7CE0 url(/images/main/web_img_main_banner_3.png) no-repeat right bottom;
	background-size: 276px;
}

/* swiper 수정 */
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	width: 24px !important;
	height: 24px !important;
}
.swiper-button-prev {
	left: 44px !important;
	top: 286px !important;
	background: url(/images/main/w_main_slider_prev.png) no-repeat center center;
	background-size: 24px;
}
.swiper-button-next {
	left: 126px !important;
	top: 286px !important;
	background: url(/images/main/w_main_slider_next.png) no-repeat center center;
	background-size: 24px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
	color: #fff;
}
.swiper-pagination-bullets {
	position: absolute;
	left: 40px !important;
	bottom: 40px !important;
	width: 114px !important;
}
.swiper-pagination-bullet {
     background-color: #fff !important;
}
.swiper-pagination-bullet-active {
     background-color: #fff !important;
}

.main_login {
	position: relative;
	margin-top: 4px;
	float: right;
	width: 488px;
	height: 326px;
	background: #F8F8F8;
	box-shadow: -1px -1px 0px #FFFFFF, -2px -2px 2px #B8CCE0, inset -1px -1px 0px #FFFFFF, inset -2px -2px 2px #B8CCE0;
	border-radius: 16px;
}
.main_loginPlz {
	position: absolute;
	top: 28px;
	left: 28px;
	color: #458EE8;
	font-weight: 600;
	font-size: 22px;
	line-height: 140%;
}
.main_loginPlz:hover {
	text-decoration-line: underline;
}
.main_loginPlz + img {
	position: absolute;
	width: 56px;
	top: 30px;
	right: 40px;
}
.main_user {
	position: absolute;
	top: 24px;
	left: 28px;
}
.main_user p {
	font-weight: 600;
	font-size: 20px;
	line-height: 160%;
	color: #222;
}
.main_user span {
	color: #1875FF;
}

.main_selUser_btn {
	margin-top: 18px;
    display: block;
    width: 212px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background: #E9EFF4 url(/images/common/refresh_icon.svg) no-repeat left 16px center;
    color: #0C73BE !important;
	border: 1px solid #E9EFF4;
    border-radius: 50px;    
    font-weight: 600;
    font-size: 14px;
    padding-left: 24px;
    box-sizing: border-box;
    transition: border 0.2s;
}
.main_selUser_btn:hover {
	border: 1px solid #0C73BE;
}

.main_reserv_btn {
	position: absolute;
	top: 112px;
	left: 22px;
	display: block;
	margin: 40px 0 16px;
	width: calc(100% - 48px);
	margin: 0 auto;
	height: 64px;
	line-height: 64px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	background: #1875FF url(/images/main/web_icn_main_reserv_32px.png) no-repeat left 24px center;
	background-size: 32px;
	border-radius: 8px;
	transition: all .1s;
	box-shadow: 0px 4px 16px rgba(2, 95, 232, 0.32);
}
.main_reserv_btn::after {
	content:'';
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 16px;
	right: 24px;
	background: url(/images/main/chevron-right-white.svg) no-repeat center center;
}
.main_reserv_btn:hover {
	background: #1067E7 url(/images/main/web_icn_main_reserv_32px.png) no-repeat left 24px center;
	background-size: 32px;
}

.main_btn_box {
	position: absolute;
	bottom: 24px;
	left: 22px;
	width: calc(100% - 48px);
	margin: 0 auto;
}
.main_btn_box ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main_btn_box ul li a {
	position: relative;
	display: block;
	width: 136px;
	height: 108px;
	background: #F2F7FB;
	border: 1px solid #ECEEEF;
	box-shadow: 6px 6px 16px #C9D9E8, -6px -6px 16px #FFFFFF;
	border-radius: 16px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #112C43;
	padding: 64px 22px 22px;
	transition: all 0.1s;
}
.main_btn_box ul li a:hover {
	color: #1875FF;
}
.main_btn_box ul li a::before {
	content:'';
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 22px;
	left: 52px;
}
.main_btn_box ul li a:active {
	box-shadow: inset 0px -4px 9px rgba(255, 255, 255, 0.7), inset 4.5px 4.5px 19px rgba(174, 174, 192, 0.2);
}



.main_btn_box ul li .main_design_btn::before {
	background: url(/images/main/web_icn_main_planner_32px.png) no-repeat center center;
	background-size: 32px;
}
.main_btn_box ul li .main_check-change_btn::before {
	background: url(/images/main/web_icn_main_reservecheck_32px.png) no-repeat center center;
	background-size: 32px;
}
.main_btn_box ul li .main_check_btn::before {
	background: url(/images/main/web_icn_main_result_32px.png) no-repeat center center;
	background-size: 32px;
}


.main_top {
	position: relative;
	margin-bottom: 64px;
}

.main_top li a {
	width: 220px;
	height: 220px;
	position: absolute;
	display: block;
	text-align: center;
}

.main_top li a dt {
	margin-top: 44px;
}

.main_top li a dd {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-top: 25px;
}

.main_top li.ico_00 a {
	left: 0px;
	top: 220px;
}

.main_top li.ico_01 a {
	left: 220px;
	top: 0;
}

.main_top li.ico_02 a {
	right: 220px;
	top: 0;
}

.main_top li.ico_03 a {
	left: 440px;
	top: 220px;
}

.main_top li.ico_04 a {
	right: 0;
	top: 220px;
}

.main_center {
	width: 1360px;
	margin: 0 auto;
	padding: 0 60px 56px;
	overflow: hidden;
}

.main_center>div {
	height: 188px;
	display: flex;
	justify-content: space-between;
}
.main_c1, .main_c2 {
	position: relative;
	text-align: left;
	width: 416px;
	padding: 24px 30px;
	box-sizing: border-box;
	border-radius: 8px;
	height: auto;
}
.main_c1 {
	background: #E1F1FF;
}
.main_c2 {
	background: #E2F5F2;
}
/* 23.02 main_notice 수정*/
.main_notice .b1_notice {
	width: 100%;
	overflow: hidden;
	background: #F8F8F8;
	border-radius: 16px;
	padding: 20px 32px;
}


.main_c3 dt, .main_notice dt {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #222;
}
.main_c1 dt, .main_c2 dt {
	font-size: 18px;
	font-weight: 700;
}


.main_c1 dd, .main_c2 dd {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #595959;
}
.ad_slide_wrap.ad_slide_type_short {
	border-radius: 8px;
}
.main_c1 dd, .main_c2 dd {
	margin: 8px 0 16px;
}
.main_notice dd {
	margin: 16px 0 0 0;
	height: 150px;
	line-height: 23px;
}
.main_c1 p, .main_c2 p {
	font-size: 16px;
	font-weight: 500;
	color: #6f8994;
	margin-bottom: 28px;
	line-height: 1.5;
}

.main_c1 a, .main_c2 a {
	height: 32px;
	line-height: 32px;
	color: #fff;
	display: block;
	border-radius: 24px;
	max-width: 180px;
	width: 156px;
	margin: 0;
	text-align: center;
	font-weight: 500;
}

.main_c1 a {
	background: #158FFF url(/images/main/web_main_wArrow.svg) no-repeat right 24px center;
	font-size: 16px;
	padding-right: 16px;
}
.main_c1 img {
	position: absolute;
	right: 24px;
	bottom: 16px;
}
.main_c2 a:nth-child(2) {
	margin-top: 20px;
	background: #7AB3B7 url(/images/main/web_main_phone.svg) no-repeat left 12px center;
	padding-left: 12px;
	float: left;
}
.main_c2 a:last-child {
	margin-top: 20px;
	background: #00A99F url(/images/main/web_main_wArrow.svg) no-repeat right 16px center;
	padding-right: 16px;
	float: left;
	margin-left: 12px;
}
.main_notice dt,
.main_c3 dt{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main_notice dt a,
.main_c3 dt a{
	font-size: 14px;
	color: #929292;
	font-weight: 400;
	padding-right: 20px;
	height: 16px;
	line-height: 16px;
	background: url(/images/main/web_main_allArrow.svg) no-repeat right center;
}

.main_noti li {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #6f8994;
	position: relative;
	padding-left: 20px;
	padding-right: 50px;
	margin-top: 7px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.main_noti li a {
	color: #222;
}
.main_noti li:first-child {
	margin-top: 0 !important
}

.main_noti li:after{
	content: '';
	width: 7px;
	height: 7px;
	background: #1F94FF;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
	position: absolute;
}

.main_noti li span {
	width: 44px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: #FF753A;
	font-size: 13px;
	font-weight: 700;
	position: absolute;
	right: 0;
	font-style: italic
}
.youtube-area{
	margin: 0!important;
}
.youtube-area dt {
	font-size: 24px;
	margin-bottom: 8px;
	color: #242424;
	font-weight: 500;
}


.main_bottom1 li {
	float: left;

}
.main_bottom1>ul>:first-child{
	width: 848px;
	
}
.main_bottom1>ul>:last-child{	
   float: right;
}
.main_bottom2 {
	margin-bottom: 44px
}

.main_bottom2 ul {
	margin-left: -10px
}

.main_bottom2 li {
	float: left;
	padding-left: 10px;
}

.main_bottom_container {
	width: 360px;
	height: 150px;
	cursor: pointer;

}

.main_bottom_slide {
	text-align: center;
	font-size: 18px;
	background: #eaeaea;
	width: 400px;
	height: 180px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 180px;
}

.main_bottom_container .swiper-pagination-fraction {
	bottom: 10px;
	width: 44px !important;
	height:20px;
	line-height:14px;
	background-color: #111;
	color: #fff;
	border-radius: 9px;
	padding: 2px;
	font-weight: 300;
	font-size: 11px;
	opacity: 80%;
}

.main_bottom_pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(300px, 0, 0) !important;
	z-index: 10;
	right: 10px;
}

/* 모바일 메인 */
#mmenu {
	opacity: 0;
	display: none;
}

.mm-wrapper_opened #mmenu {
	opacity: 1
}

.m_header.hsmain {
	background: #fff;
	max-width: 360px;
	margin: 0 auto;
	display: none;
}

.m_header .m_mainLogo {
	display: none
}

.m_header.hsmain .m_mainLogo {
	position: absolute;
	left: 15px;
	top: 11px;
	display: block;
}

.m_header.hsmain .m_mainLogo img {
	height: 25px
}

.hsmain .mmback {
	display: none !important
}

.hsmain .mmtit {
	display: block;
}

.hsmain .mmenu {
	background: url(../images/main/m_mainmenu.png) no-repeat center center;
	background-size: 23px 17px;
	display: none;
}


/* 23.02 모바일 수정 */

.m_main {
	max-width: 360px;
	margin: 0 auto;
	height: calc(98vh);
	background: #fff;
	padding-bottom: 60px;
}
.m_main_top {
	background: #458EE8;
	color: #fff;
}
.m_main header{
	background: inherit;
	padding: 28px 20px 0;
}
.m_main header img:nth-child(1){
	width: 112px; 
}
.m_main_top>div {
	position: relative;
	width: 100%;
	height: 150px;
	padding: 24px 24px 64px;
}
.before_login a {
	position: absolute;
	bottom: 60px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	line-height: 160%;
	text-decoration-line: underline;
}
.before_login img {
	position: absolute;
	right: 32px;
	bottom: 60px;
}
.after_login p {
	position: absolute;
	bottom: 95px;
	font-weight: 600;
	font-size: 20px;
	color: #fff;	
}
.after_login a {
	position: absolute;
	bottom: 60px;
	color: #fff;
 }

.m_main_sl {
	width: calc(100% - 32px);
	height: 140px;
	margin: -36px auto 0;
	background: #FFFFFF;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	overflow: hidden;
}
.m_main_sl li.sl {
	padding: 28px 24px;
	width: 100%;
	height: 140px;
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #333;
}
.m_main_sl li.sl_1 {
	background: url(/images/main/app_img_main_banner_1.png) no-repeat top 32px right 32px;
	background-size: 89px;
}
.m_main_sl li.sl_2 {
	background: url(/images/main/app_img_main_banner_2.png) no-repeat bottom 0 right 0;
	background-size: 139px;
}
.m_main_sl li.sl_3 {
	background: url(/images/main/app_img_main_banner_3.png) no-repeat top 32px right 16px;
	background-size: 104px;
}

.m_main_sl .slick-dots {
	width: 54px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.m_main_sl .slick-dots li {
	width: 8px;
	height: 4px;
}
.m_main_sl .slick-dots li button{
	width: 8px;
	height: 4px;
}
.m_main_sl .slick-dots li button::before {
	opacity: 1;
	width: 16px;
	height: 4px;
	line-height: unset;
	content:"";
	background: url(/images/main/app_slider_dot.svg) no-repeat center center;
	transition: all 0.2s;
}
.m_main_sl .slick-dots li.slick-active button:before {
	width: 16px;
	opacity: 1;
	background: url(/images/main/app_slider_active.svg) no-repeat center center;
}
.m_main_sl_wrap .slick-dotted.slick-slider {
	margin-bottom: 24px;
}

.m_mainbArea {
	width: 100%;
	/* background: #f8f8f8; */
	position: relative;
	padding: 0px 16px 0px;
	min-height: 100px
}
.m_mainbArea .re_btn {
	position: relative;
	display: block;
	width: 100%;
	height: 64px;
	line-height: 64px;
	margin: 0 auto;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	background: #2C7FFA url(/images/main/app_icn_main_reserv_32px.svg) no-repeat left 24px center;
	box-shadow: 0px 4px 8px rgba(24, 117, 255, 0.24);
	border-radius: 16px;
	text-align: center;
	margin-bottom: 16px;
}
.m_mainbArea .re_btn::after {
	display: block;
	content:"";
	position: absolute;
	width: 24px;
	height: 24px;
	right: 20px;
	top: 20px;
	background: url(/images/main/web_main_wArrow.svg);
	background-size: 24px;
}
.m_mainbArea .re_btns {
	width: 100%;
	height: 100px;
}
.re_btns ul {
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.re_btns ul li {
	width: 32%;
	height: 100%;
	border-radius: 16px;
}
.re_btns ul li:nth-child(1) {
	background: #f8f8f8 url(/images/main/app_icn_main_viewhospitals_32px.svg) no-repeat top 18px center;
}
.re_btns ul li:nth-child(2) {
	background: #f8f8f8 url(/images/main/app_icn_main_reservecheck_32px.svg) no-repeat top 18px center;
}
.re_btns ul li:nth-child(3) {
	background: #f8f8f8 url(/images/main/app_icn_main_result_32px.svg) no-repeat top 18px center;
}
.re_btns ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #112C43;
	padding-top: 64px;
}


@keyframes imagebulger { 
	0%, 100% {
	background-size: 110px auto;
	-webkit-background-size: 110px;
}
50%
{
background-size:180px auto;
-webkit-background-size:180px;
}
}
.m_cjh {
	width: 110px;
	height: 110px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 9px;
	margin-left: -55px;
	overflow: hidden;
}

.m_cjh.on {
	animation: imagebulger 1s 1;
}

.m_cjh a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	padding-top: 58px;
	position: relative;
	z-index: 3
}

.health-data-area{
	height: 80px;
	width: 100%;
}
.health-data-area a{
	height: 80px;
}
.health-data-area img{
	height: 100%;
	width: 100%;
}
/*     m_event       */
.m_event {
	position: relative;
	margin: 0;
	padding: 0;
	clear: left;
	background: #fff;
}

.m_event .main_title {
	padding: 40px 0 16px 0;
	margin: 0 16px;
    color: #595959;
}

.main_title {
	display: flex;
	justify-content: space-between;
	line-height: 20px;
	padding: 40px 16px 16px 16px;
}

.main_title>:first-child {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}
.main_title a{
	font-weight: 300;
	letter-spacing: -0.03em;
}
.main_title a img{
	vertical-align:  unset;
	margin-left:8px;
}
.event_container {
	width: 100%;
	height: 150px;
}

.event_wrapper {
	height: 150px;
}

.event_slide {
	text-align: center;
	font-size: 18px;
	width: 100% !important;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media only all and (max-width: 768px) {
	.ad_slide_wrap.ad_slide_type_short {
		border-radius: 0;
	}

}

.m_event .swiper-pagination-fraction {
	bottom: 10px;
	right: 10px;
	width: 50px !important;
	background-color: #747474;
	color: #fff;
	border-radius: 10px;
	padding: 2px;
	font-weight: 300;
	font-size: 11px;
}

.event_pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(300px, 0, 0) !important;
	z-index: 10;
}
.m_noti{
	margin-top: 40px;
	border-radius: 16px 16px 0 0;
	background-color: #ECEEEF;
}
.m_noti dl{
	background: #fff;
	width: calc(100% - 32px);
	margin: 0 auto;
	border-radius: 16px;
	padding: 8px 0;
}
.m_noti dl ul li{
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 16px 0 32px;
}
.m_noti dl ul li::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #1F94FF;
	border-radius: 50%;
	position: absolute;
	left: 16px;
	top: 19px;
	position: absolute;
}

.m_noti dl ul li a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 272px;
}
.m_noti dl ul li span{
	background: #FF753A;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    height: 16px;
    line-height: 17px;
    width: 36px;
    font-size: 10px;
    text-align: center;
    top: -8px;
    font-weight: 700;
    left: 2px;
}
.m_youtube {
	background-color: #fff;
}
.youtube_container{
	height: 220px;
}
.youtube-wrapper{
	padding-left: 16px;
}
.youtube-slide  iframe{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;	
}
.youtube-button-next{
	position: relative;
	left: auto !important;
	height: 44px !important;
}
.youtube-button-next{
	top:92%!important;
	right: 16px!important;
	width: 86px!important;
}
.youtube-button-next::after{
	content:''!important;
	position:absolute;
	display:block;
	background: url('/images/main/ic_arrow_blue.svg') no-repeat;
	width:100%;
	height: 16px;
}
.m_health_story {
	background: #fff;
}

.m_health_container {
	width: 100%;
	height: 100%;
}
.m_health_wrapper {
	padding: 8px 0 24px 16px;
}
.m_health_slide {
	text-align: center;
	font-size: 18px;
	width:256px !important;
	/* Center slide text vertically 
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;*/
	display:block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	
}
.m_health_slide .m_health_img img{
	width: 256px;
	height: 180px;
	border-radius: 8px 8px 0 0;
}
.m_health_slide .m_health_text{
	background: #fff;
	padding: 15px 30px;
	font-size: 16px;
	color: #222;
	border-radius: 0 0 8px 8px;
}
.m_health_slide .m_health_text p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m_main_bottom {
	padding: 24px 16px 56px 16px;
	background: #ECEEEF;
}
.m_main_bottom ul li {
	height: 48px;
}
.m_main_bottom ul li dl {
	width: 100%;
	color: #595959;
	border-radius: 8px;
	line-height: 2;
	padding: 0 16px;
	font-weight: 600;
}
.m_main_bottom ul li dl dd img{
	vertical-align: middle;
}
.m_main_bottom .sns-icon {
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
}
.m_main_bottom .sns-icon dl{
	padding: 0;
	width: 100%;
}
.m_main_bottom .sns-icon dl:first-child {
	width: 120px;
	display: flex;
	justify-content: space-between;
}
.m_main_bottom .sns-icon dl:last-child {
	width: 30px;
}
.m_main_bottom .m-footer-site {
    margin-bottom: 8px;
}
.m_main_bottom .m-footer-site dl{
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: #585858;
	border-radius: 8px;
}
.m_main_bottom .m-footer-site dl dd img{
	transform: rotate(90deg);
}

.m_main_bottom .m-footer-site .sns-icon dd img{
	transform: rotate(0);
}
 .m_main_bottom .m-footer-site .family-site{
 	color: #595959;
 	padding: 0;
	border:0;
	background: inherit;
	background-position: right;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	width: 268px;
	border-radius:0; /* 아이폰 사파리 보더 없애기 */
	-webkit-appearance:none; /* 화살표 없애기 for chrome*/
	-moz-appearance:none; /* 화살표 없애기 for firefox*/
	appearance:none; /* 화살표 없애기 공통*/
	font-weight: 600;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;	
}
.m_main_bottom  .family-site option{
	background-color: #fff;
}

.m_mainFix {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 360px;
	margin: 0 auto;
	background: #f0f0f0;
	height: 60px;
}

.logout_fix img {
	width: 100%;
	background: #f0f0f0;
}

.login_fix {
	background: #f0f0f0;
	position: absolute;
	z-index: 3;
	height: 91px;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/main/dosu_bg.png) repeat-x left bottom;
	background-size: auto 91px;
}

.btn_dosu {
	content: '';
	width: 96px;
	height: 91px;
	position: absolute;
	left: 50%;
	margin-left: -48px;
	bottom: 0;
	background: url(../images/main/dosu.png) no-repeat center bottom;
	background-size: auto 91px;
	text-indent: -99999px
}

.today_road {
	position: absolute;
	left: 20px;
	bottom: 16px
}

.today_road dt {
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.today_road dd {
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 4px
}

.today_wk {
	position: absolute;
	left: 232px;
	bottom: 16px
}

.today_wk dt {
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.today_wk dd {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	margin-left: 4px
}

/* step1 및 기본 */
.easy_res {
	background: #ECEEEF;
	position: relative;
	padding-bottom: 120px
}

.contents.easy_res {
	padding-top: 55px;
}

.easy_bg:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 535px;
	background: #ECEEEF;
}
/* 로그인페이지 로고 추가 */
.easy_bg .login-logo {
	width: 99%;
	position: absolute;
}
.easy_bg .login-logo h1 {
	width: 1016px;
	margin: 0 auto;
}
.easy_bg .login-logo h1 a {
	position: absolute;
	z-index: 100;
	display: block;
	width: 160px;
	height: 56px;
	background: url(/images/common/Carehe_logo.svg) no-repeat 0 0 / 100%;
}
.easy_box {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1016px;
	margin: 0 auto;
	min-height: 500px;
	padding-top: 80px;
}

.easy_inner {
	display: flex;
}

.easy_Lbox,
.easy_Rbox {
	position: relative;
	width: 50%;
	max-width: 500px;
	min-height: 500px;
	border-radius: 24px;
	padding: 64px 56px;
}
.easy_Lbox {
	color: #fff;
	margin-right: 16px;
	background: #2F80ED;
	box-shadow: 0px 4px 16px 0px rgba(2, 95, 232, 0.32);
}
.easy_Rbox {
	color: #222;
	background: #fff;
	box-shadow:  0px 4px 16px 0px rgba(166, 166, 166, 0.32);
}

.easy_Rbox:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: -30px;
	bottom: 0;
	display: block;
}

.btn_back {
	text-align: center;
	max-width: 320px;
    min-width:320px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	display: block;
	margin: 0 auto;
	background: #999;
	border-radius: 8px;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	position: relative;
	margin-top: 15px;
}

.btn_go {
	text-align: center;
	max-width: 320px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	display: block;
	margin: 0 auto;
	background: #2C7FFA;
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	position: relative;
}

.btn_easyArea {
	position: relative;
	min-height: 64px
}

.btn_easyArea .btn_go {
	text-align: center;
}

.easy_Rbox .box_top {
	margin-bottom: 32px;
	text-align: center;
}

.easy_Lbox .box_top {
	margin-bottom: 24px;
	max-height: 270px;
	text-align: center;
}
.join_page .easy_Lbox .box_top{
	height: 100%;
    max-height: 295px;
    text-align: center;
    padding: 40px 35px 0 35px;
    color: #fff;
    margin: -5px;
}
.login .box_top>p {
	text-align: left;
	font-size: 30px;
	font-weight: 700;
}
.easy_Lbox .box_top img{
	width: 128px;
}
.login .box_top dl {
	display: flex;
	justify-content: space-between;
}

.easy_Rbox .box_top dt {
	font-weight: 400;
	color: #595959;
}
.box_top dt {
	margin: 24px 0;
	line-height: 28px;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	letter-spacing: -0.36px;
}

.box_top dd {
	font-size: 20px;
	color: #fff;
}

.box_top dd span.imp {
	color: #0d1d96;
}

.box_bottom {
	text-align: center;
}
.join_page .box_top dt{
	text-align: center;
	margin:0 0 24px;
}
.txt_yellow {
	color: #eaff00 !important
}

.txt_white {
	color: #fff !important
}

.tabs {
	position: relative;
	z-index: 1;
	margin-bottom: 16px;
	display: none
}

.tabs li a {
	color: #fff;
	padding: 3px 0 3px 3px;
	display: block;
	background: #127098;
	border-radius: 8px 0 0 8px
}

.tabs li+li a {
	padding: 3px 3px 3px 0px;
	border-radius: 0 8px 8px 0
}

.tabs li span {
	/*padding: 3px 0;*/
	text-align: center;
	position: relative;
	min-height: 40px;
	line-height: 43px;
	display: block;
	font-size: 18px;
	color: #595959;
	font-weight: 400;
	border-radius: 6px 0 0 6px;
	opacity: 0.8;
	background: #ebebeb;
}

.tabs li+li span {
	/*padding: 3px 0;*/
	text-align: center;
	position: relative;
	min-height: 40px;
	line-height: 43px;
	border-radius: 0 6px 6px 0;
}

/*               */
.tabs li.act span {
	opacity: 1;
	background: none;
	color: #fff
}

.tabs li span:after {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -20px;
}

.tabs li+li span:after {
	left: 6px;
	top: 50%;
	margin-top: -20px;
}

.tab_ico0:after {
	background: url(../images/easyres/tab_ico_01.gif) no-repeat center
		center;
	background-size: 40px 40px;
}

.tabs li {
	float: left;
	width: 50%;
	position: relative;
	height: 48px;
}

.easy_Lbox.tab_area, .easy_Rbox.tab_area {
	display: block;
}

/* step 2*/
.art_choice {
	padding: 0 35px
}

.art_choice>li {
	display: table;
	width: 100%;
	margin-top: 12px;
	position: relative;
}

.art_choice>li:first-child {
	margin-top: 0;
}
.art_choice>li dl {
	background: #458EE8;
	width: 100%;
	padding: 8px 8px;
	border-radius: 14px;
	vertical-align: middle;
}

.art_choice>li+li dl {
	background: #777CE7;
}

.art_choice>li dd {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}

.art_choice>li dd img {
	margin: 6px;
	width: 70px;
	height: 70px;
}

.art_choice>li dd.ch_who {
	width: 82px;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
}

.art_choice>li dd.ch_name {
	width: 124px;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
}

.art_choice>li dd.ch_pay {
	width: 204px;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
}

.art_choice>li dd.ch_check {
	padding: 0 10px;
	width: 64px;
	height: 64px
}

.ch_family {
	position: absolute;
	top: 98px;
	left: 0;
	right: 0;
	background: #f7f7f7;
	padding: 10px 14px 0px;
	text-align: left;
	z-index: 3;
	display: none
}

.ch_family:after {
	content: '';
	width: 28px;
	height: 16px;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: -16px;
	background: url(../images/easyres/arrow_top_01.png) no-repeat center top;
}

.ch_family li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ch_family li:last-child {
	margin-right: 0;
}

.ch_where ul {
	margin: 0 35px 20px;
	min-height: 172px;
	max-height: 192px;
	overflow-y: auto
}

.ch_where li {
	margin-bottom: 12px;
}

.ch_where li dl {
	padding-right: 0;
	position: relative;
}

.ch_where li dl dt {
	background: #fff;
	height: 42px;
	line-height: 42px;
	color: #444;
	font-size: 16px;
	text-align: center;
	padding: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all;
}

.ch_where li dl dd a {
	width: 50%;
	height: 38px;
	line-height: 38px;
	background: #063244;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	display: inline-block;
}

.ch_where li dl dd a.ot {
	background: #99b748
}

.ch_where p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}

.ch_box {
	padding: 12px 0;
}
/* login */
.easy_log .box_top dd span.txt {
	font-size: 18px;
}

.easy_res input[type="text"], 
.easy_res input[type="tel"], 
.easy_res input[type="password"] {
	background: #fff;
	border-color: #c5cfd6;
	padding: 0 12px;
	line-height: 48px;
	font-size: 14px;
	height: 44px;
	border-radius: 4px;
	font-weight: 300;
	border-radius: 8px;
	font-family: Pretendard;
}

/* .easy_log .code_area {
	margin: 0 auto;
	width: 400px;
} */
.code_area a {
	background: #06A5EA;
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	display: block;
	text-align: center;
	position: relative;
}
.login .easy_Lbox .ico_arrow {
	background: #fff;
	color: #222;
	border-radius: 24px;
	font-weight: 500;
}
.login .easy_Lbox .ico_sch {
	background: none;
	border: 2px solid #FFF;
	border-radius: 24px;
	color: #FFF;
}
.login .easy_Lbox .login_text {
	text-align: left;
	color: #FFF;
	line-height: 22px;
	letter-spacing: -0.32px;
	font-size: 16px;
	font-weight: 300;
}
.login .easy_Lbox .login_text b {
	font-weight: 600;
}
.login .easy_Lbox .login_text span {
	font-size: 14px;
	letter-spacing: -0.28px;
}
.login .easy_Rbox .ico_arrow,
.cpbox_inner .code_area .ico_arrow {
	background: #2C7FFA url(/images/main/web_main_wArrow.svg) no-repeat right 24px center / 24px;
	color:#fff;
	border-radius: 8px;
	font-size: 16px;
	font-family: Pretendard;
	font-weight: 600;
	height: 56px;
	line-height: 56px;
}
.code_area ul.sel_ul {
	text-align: left;
}
.easy_box .sel_ul li{
	margin-bottom: 12px;
}
.easy_box .individual_code input[type="text"], 
.easy_box .individual_code input[type="password"],
.easy_cpbox .sel_ul input[type="text"],
.easy_cpbox .sel_ul input[type="password"] {
	border-color: #929292;
	font-family: Pretendard;
}
.code_area ul.sel_ul #cp_msg{
	color: #222;
	margin-bottom: 24px;
}
.code_area ul.sel_ul #cp_msg span {
	font-weight: 700;
}
.easy_box .sel_ul .company_code label {
	font-size: 14px;
	font-weight: 600;
}
.easy_Lbox .sel_ul li input, 
.easy_box .sel_ul .company_code button,
.easy_Lbox .sel_ul li button {
	margin-top: 8px;
}
.easy_cpbox .sel_ul li input {
	margin-top: 0px;
}
.easy_box .sel_ul .company_code input[type="text"]{
	width: 270px;
	border: 1px solid #E4E4E4;
}
.easy_box .sel_ul .company_code button{
	width: 105px;
	height: 48px;
	line-height: 44px;
	color: #fff;
	border-radius: 8px;
	background: #1C4EAF;
	margin-left: 8px;
	font-size: 16px;
	font-weight: 600;
	font-family: Pretendard;
}
.easy_box .sel_ul .company_code{
	margin-bottom: 16px;
	max-height: 73px;
}
.easy_box .sel_ul .company-list{
	width: 270px;
	background-color: #fff;
	color: #222;
	margin: 4px 0 0;
	border-radius: 8px;
	position: absolute;
	z-index: 2;
	max-height: 240px;
	min-height:0;
	overflow-y:auto;
}

.easy_box .sel_ul .company-list li{
	padding: 15px 8px;
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 300;
}
.easy_box .sel_ul .company-list li:hover{
	font-weight: 400;
}
.easy_box .sel_ul .company-list li dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.easy_box .sel_ul .company-list li dl dt{
	width: 200px;
}
.easy_box .sel_ul .company-list li dl dd{
	width: 86px;
	margin-left:12px;
	text-align: right;
	opacity: 50%;
}
.join_page .code_area a {
	background: #0C73BE;
	border-radius: 4px;
	font-size: 16px;
}
.easy_Lbox .find_ul, .easy_Rbox .find_ul{
    display: none;
}

.easy_box .individual_code, .easy_box .individual_code + a, .easy_box .sel_ul + a{
	width: 360px;
}
.easy_box .sel_ul + a{
	margin: 12px 0 0;
}
.easy_box .individual_code li{
	margin-bottom: 8px;
}
#daelimbtn{
	width: 360px;
	margin-top: 8px;
}
#daelimbtn button{
	border-radius: 8px;
	color: #fff;
	background: #0C73BE;
	height: 56px;
	line-height: 56px;
    width: 48%;
    float: left;
}
#daelimbtn button:last-child{
	background: #388BB9;
	float: right;
}

.instruction {
	margin: 32px 0 48px;
	color: #595959;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}
.instruction b {
	font-weight: 700;
}


.pc_find_ul {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.pc_find_ul li a {
	display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #595959;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
	font-size: 16px;
	font-weight: 400;
	color: #111
}


.err_box {
	background: #fff;
	border-radius: 15px;
	padding: 10px 20px;
	text-align: center;
	color: #ff0000;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 40px;
}

.easy_cpbox {
	border-radius: 24px;
	background: #fff;
	text-align: center;
	position: absolute;
	left: 516px;
	top: 0;
	height: 500px;
	z-index: 3;
	width: 0;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.easy_cpbox.on {
	width: 100%
}
.easy_cpbox.on .box_top dt{
	/* margin-top:60px; */
}
.cpbox_inner {
	padding: 40px 56px 56px;
	width: 500px;
	height: 100%
}
.easy_cpbox .box_top {
	padding-top: 0 !important;
	max-height: 265px
}

.easy_cpbox .box_top dt {
	margin-bottom: 45px
}

.easy_cpbox .box_top dt img {
	width: 100%
}
.cpbox_inner .code_area {
	width: 360px;
}
.cpbox_inner .code_area .sel_ul li{
	margin-bottom: 8px;
}
/* #loginBtn {
	background: #1875FF;
	color: #fff;
	width: 100%;
} */

.easy_cpbox .tel_call {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin-top: 30px;
}

/* find password & id */
.easy_find .easy_Lbox .box_top {
	max-height: 275px
}

.easy_find .easy_Rbox .box_top {
	max-height: 243px
}

.fix_num {
	position: relative;
	padding-right: 112px;
}

.fix_num a {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px
}

.addr_ul {
	margin: 35px 0 12px
}

.addr_ul li {
	margin-top: 12px;
}

.addr_ul li:first-child {
	margin-top: 0 !important
}

.easy_find .box_bottom {
	position: relative;
	opacity: 0.5;
	padding: 0 35px
}

.easy_find .box_bottom.act {
	opacity: 1
}

/* easy_onlybox */
.easy_onlybox {
	height: 280px;
}
.easy_onlybox:after {
	content: '';
	width: auto;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 0;
}
.easy_onlybox dl {
	position: relative;
}

.easy_onlybox dl dt {
	position: absolute;
	left: 63px;
	top: 82px;
}

.easy_onlybox dl dd {
	position: absolute;
	left: 247px;
	top: 70px;
	width: 578px
}

.identify_box p {
	font-size: 22px;
	color: #444;
	font-weight: 400;
	line-height: 1.5
}

.easy_onlybox dl dd .code_area {
	margin: 20px auto 0;
	position: relative
}

.easy_onlybox dl dd .code_area  ul li {
	margin-top: 12px;
	max-width: 355px
}

.easy_onlybox dl dd .code_area  ul li:first-child {
	margin-top: 0 !important
}

.easy_onlybox dl dd .code_area .iden_txt {
	font-size: 18px;
	text-align: center;
	color: #464646;
	font-weight: 400;
	background: #fff;
	height: 46px;
	line-height: 44px;
	border: 1px solid #c5cfd6
}

.easy_onlybox dl dd .code_area .btn_pw {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px
}
.join_complete_cont{
	text-align: center;
}
.join_complete_box .identify_box img{
	transform: rotate(0deg);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	width: 170px;
}
.join_complete_box .identify_box p{
	text-align: center;
	font-size: 18px;
	padding: 19px 0 56px 0;
	color: #222;
}
.join_complete_box{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.join_complete_box dl{
	text-align: center;
}
.join_complete_box dl dd{
	width: 330px;
}
.join_complete_box .code_area ul li a{
	border-radius: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}
/* addr_top */
.addr_top {
	padding-top: 41px;
	margin: 0 35px;
	height: 464px
}

.addr_top ul li {
	margin-top: 12px;
}

.addr_top ul li:first-child {
	margin-top: 0 !important;
}

.addr_bottom {
	margin: 12px 35px 0;
}

.addr_bottom p {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
}

.easy_join .box_top dd span {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 16px;
}

.easy_join .box_bottom {
	margin: 0 35px;
}

.easy_join a.tel_call {
	width: unset;
	height: unset;
	display: inline-block;
	font-size: 14px;
	color: #222;
	font-weight: 400;
	margin-top: 20px;
	text-align: center;
}

.add_cardBox {
	margin-bottom: 60px;
}

.add_card {
	background: #1f7fa7;
	position: relative;
	margin: 30px 0 30px;
	padding: 24px 40px 24px
}

.add_card:before {
	content: '';
	width: auto;
	height: 15px;
	position: absolute;
	left: 0;
	top: -30px;
	right: 0;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #2b90ba;
}

.add_card:after {
	content: '';
	width: auto;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 0;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #156182;
}

.card_left {
	float: left;
	padding: 0 14px;
	width: 50%
}

.card_right {
	float: left;
	padding: 0 14px;
	width: 50%
}

.add_card ul li {
	margin-top: 12px;
}

.add_card ul li:first-child {
	margin-top: 0 !important;
}

.add_card .ch_box {
	padding: 10px 0;
}

.add_card:last-child:after {
	content: none
}

/* agree_scroll */
.easy_fullbox {
	background: #ECEEEF;
	height: 280px;
	position: relative;
}

.easy_fullbox dl {
	text-align: center;
}

.easy_fullbox dt img {
	margin: 40px 0 25px;
}

.easy_fullbox dd {
	font-size: 22px;
	color: #111;
	font-weight: 400;
}

.easy_fullbox dd span {
	font-size: 18px;
}

.agree_box {
	background: #3B80BE;
	position: relative;
	margin: 40px 0 48px;
}

.agree_box input[type="checkbox"]+label {
	color: #222;
	padding-left: 96px;
}
.agree_box .all_chk input[type="checkbox"]+label{
	font-weight: 700;
	font-size: 20px;
}

.agree_step {
	position: relative;
    min-height: 76px;
    line-height: 76px;
    background: #F8F8F8;
    border: 1px solid #E4E4E4;
}
.all_chk.agree_step{
	border: 1px solid #C9C9C9;
	background: #fff;
	height: 100px;
	line-height: 100px;
}



.agree_step input[type="checkbox"]+label:after{
	top:15px;
	background: url(/images/tilko/check_default.svg) no-repeat 0 0;
    background-size: 48px 48px;
    left: 36px;
    width: 48px;
    height: 48px;
}
.agree_step input[type="checkbox"]:checked+label:after{
	background: url(/images/tilko/Check_fill.svg) no-repeat 0 0;
	background-size: 48px 48px;
    left: 36px;
    width: 48px;
    height: 48px;
    top: 15px;
}
.all_chk.agree_step input[type="checkbox"]+label:after{
	top:27px;
}

.agree_box li.agree_step .more-btn img {
	position: absolute;
	width: 12px;
	height: 12px;
    transform: rotate( 90deg );
    right: 46px;
    top: 34px;
    display: none;
}
.agree_box li.agree_step .more-btn img.more-btn-up {
    transform: rotate( -90deg );
}

.agree_box li.agree_step .more-btn img.show {
	display: block;
}

@media only screen and (max-width: 480px) {
	.agree_box li.agree_step .more-btn img {
	    right: 16px;
	    top: 18px;
	}
}

/* 약관 수정 */
.agree_scroll {line-height: 1.4;}
.agree_scroll h4 {font-weight: 700;}
.agree_scroll .article:not(:first-child) {margin-top: 16px;}
.agree_scroll .article ol li {margin-left: 8px;}
.agree_scroll .article b {font-weight: 600}

.agree_scroll {
	background: #E4E4E4;
	padding: 24px 48px;
	overflow: auto;
	height: 280px;
	color: #464646;
}
/* .agree_scroll h2 {
	font-size: 20px;
	font-weight: 700;
}

.agree_scroll h3 {
	font-size: 18px;
	font-weight: 700;
}

.agree_scroll h4 {
	font-size: 18px;
	font-weight: 700;
}

.agree_scroll p {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 60px;
	line-height: 1.5
}
.agree_scroll .agree_div {
	line-height: 22px;
	font-size: 14px;
}
.agree_scroll .agree_div ul {
	margin-left: 24px;
}
.agree_scroll .agree_div ul ol {
	margin-left: 16px;
}
.agree_scroll pre{
	white-space: pre-wrap;
	line-height: 22px;
	font-size: 14px;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
} */
.agree_box .agree-inner{
	display: none;
}
.agree_box .agree-inner.show{
	display: block;
}

/*  탈퇴하기  */
.resign_box{
	width: 500px;
	background: #fff;
	margin: 0 auto;
	padding: 37px 60px 48px;
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
}
.resign_box .addr_top{
	height: auto;
}
.resign_box .box_top dt {
	text-align: center;
	margin: 0;
}
.resign_box .box_top dt img{
	width: 150px;
	margin-bottom: 32px;
}
.resign_box .box_top dd{
	color: #222;
	text-align: center;
	font-size: 16px;
}
.resign_box  .addr_bottom a{
	border-radius: 24px;
	margin-top: 24px;
}
/*  join   */
.join_Lbox .box_top img{
	width: 175px;
}
.join_Lbox .box_top dd{
	font-size: 24px;
}
.join_Lbox .box_top dd span{
	font-size: 18px;
}
.join_Lbox .box_bottom{
	margin: 64px 0 0 0;
}
.join_Rbox input[type="radio"]+label {
	font-size: 14px;
}
.join_Rbox .code_area .ico_arrow{
	/* max-width: 328px; */
	height: 56px;
	line-height: 56px;
	margin-top: 16px;
	border-radius: 8px;
	background: #2C7FFA;
}
.join_Rbox .code_area .addr_bottom {
	margin: 0;
}
.join_Rbox .addr_top {
	margin: 0;
	padding: 0;
	height: auto;
}
.join_Rbox .addr_top p {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
}
/* sub_공통 */
.contents.vs_top {
	padding: 0 0;
	margin-top: -95px;
}

.sub_top {
	height: 476px;
	position: relative;
	width: 100%;
	/* 수정 */
	/* height: 342px;
	margin-top: 95px;
	box-sizing: content-box; */
}

.sub_top.vs2 {
	background: #458EE8 url(../images/common/top_bg_01.svg) no-repeat center center;
	text-indent: -99999px;
	/* 수정 */
	height: 342px;
	margin-top: 95px;
	box-sizing: content-box;
}

.sub_top.vs3 {
	background: #5A7CE0 url(../images/common/top_bg_02.svg) no-repeat center center;
	text-indent: -99999px;
	/* 수정 */
	height: 342px;
	margin-top: 95px;
	box-sizing: content-box;
}

.sub_top.vs4 {
	background: #05BCBC url(../images/common/top_bg_03.svg) no-repeat center center;
	text-indent: -99999px;
	/* 수정 */
	height: 342px;
	margin-top: 95px;
	box-sizing: content-box;
}

.sub_top.vs5 {
	background: #458EE8 url(../images/common/top_bg_01.svg) no-repeat center center;
	text-indent: -99999px;
	/* 수정 */
	height: 342px;
	margin-top: 95px;
	box-sizing: content-box;
}

.sub_top.vs6 {
	background: #458EE8 url(../images/common/top_bg_01.svg) no-repeat center center;
	text-indent: -99999px;
	/* 수정 */
	height: 342px;
	margin-top: 95px;
	box-sizing: content-box;
}

.sub_top.vs7 {
	background: url(../images/common/top_vs7_bg.jpg) repeat;
	text-indent: -99999px;
}

.sub_top.vs7:after {
	content: '';
	max-width: 1500px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	background: url(../images/common/top_vs7.jpg) no-repeat center top;
}

.sub_area {
	position: relative;
	z-index: 2;
	max-width: 1220px;
	margin: -70px auto 80px;
	padding: 45px 60px 0;
	background: #fff;
}
.w_1100 {
	width: 1100px;
	margin: 0 auto;
}

.notice_sub_area, .checkup_plan_sub, .checkup_choice_sub{
	padding: 41px 0 0 0;
}
.notice_sub_area .sub_title{
	margin-left: 36px;
}

.main .sub_area {
	background: none;
}
.swiper.adSwiper {
    width: 100%;
    height: 100%;
    max-width: 1220px;
}

.swiper-slide.ad-area {
    text-align: center;
    font-size: 18px;
    width: 100%;
	max-width: 1220px;
	background-color: #e1e4e6;
	height: 120px;
	margin: 0 auto 24px;
}
.swiper-slide.ad-area img{
	width: 100%;
	height: 100%;
}

.sub_area_icon {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.sub_area_icon ul li {
	display: block;
	background: #fff;
	height: 100%;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	margin: 0 10px;
	transition: all 0.1s;
}
.sub_area_icon ul li:hover{
	/* box-shadow: 0px 6px 30px rgba(197, 197, 197, 0.78); */
	box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.16);
}
.sub_area_icon ul li a{
	display: block;
	padding: 24px 32px;
}
.sub_area_icon>:first-child li {
	width: 310px;
}

.sub_area_icon>:last-child li {
	width: 250px;
	margin-right: 0;
}

.sub_area_icon ul li:hover p {
	color: #1875FF;
}

.sub_area_icon ul li img {
	width: 48px;
}

.sub_area_icon ul li p {
	font-size: 18px;
	font-weight: 400;
	margin: 20px 0 0px;
	color: #222;
	display: flex;
	justify-content: space-between;
}

.sub_area_icon ul li p img {
	width: 9px;
}

.sub_area_icon>:first-child p, .sub_area_icon>:last-child {
	display: flex;
}

.sub_title {
	font-size: 27px;
	font-weight: 400;
	color: #161616;
	height: 30px;
	line-height: 30px;
	border-left: 6px solid #1875FF;
	padding-left: 14px;
	margin-bottom: 46px;
}

.checkup_plan_sub .sub_title, .checkup_choice_sub .sub_title{
	margin-left: 36px;
}
/* checkup_res */
.sub_area .tit-txt{
	font-size: 18px;
	font-weight: 700;
	color: #222;
	text-align: center;
	position: relative;
}
.sub_area .tit-txt::after{
	position: absolute;
    display: block;
    content: '';
    width: 32px;
    height: 8px;
    background-color: #2C7FFA;
    border-radius: 4px;
    top: -24px;
    left: 48.5%;
}
.sub_topInfo {
	position: relative;
	margin:40px 0 60px 0;
}
.sub_topInfo.add_tail {
	/* padding-right: 220px; */
}

.sub_topInfoinner {
	
	display: flex;
	gap: 16px;
}

.sub_topInfoinner.add_etc {
	padding-right: 200px;
}

.sub_cplogo {
	width: 220px;
/* 	position: absolute;
	left: 0;
	top: 0;
	bottom: 0; */
	border-radius: 16px;
	border: 1px solid #E4E4E4;
	background: #fff;
}

.sub_cplogo .cplogo_in {
/* 	display: table-cell;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;
}

.sub_cplogo .cplogo_in img {
	padding-bottom: 0px;
	/* width: 100%; */
	width: 198px !important;
	margin-top: 16px;
}

.sub_cplogo .cplogo_in p {
	font-size: 16px;
	color: #595959;
	font-weight: 700;
	margin-top: 16px;
}

.sub_cplogo dd {
	display: table-cell;
	vertical-align: middle;
}

.sub_user {
	width: calc(100% - 220px);
	padding: 26px 38px;
	border: 1px solid #C9C9C9;
	position: relative;
	background:#F8F8F8;
	min-height: 150px;
	border-radius: 16px;
}

.sub_user ul li {
	width: 50%;
	float: left;
	padding: 6px 0;
}

.sub_user ul li dt, .sub_user ul li dd {
	display: inline-block;
	font-size: 16px;
	color: #222;
}

.sub_user ul li dt {
	font-weight: 700;
	width: 80px
}

.sub_user ul li dd {
	font-weight: 400;
}

.sub_user ul li dd b {
	font-weight: 700;
}

.markbox {
	display: inline-block;
	padding-left: 8px;
}

.mark {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	border-radius: 12px;
	padding: 0 12px !important;
    height:18px;
    line-height:18px;
	text-align: center;
	margin-left:4px;
	font-weight: 300;
}

.mark.pink {
	background: #06a5ea;
}

.mark.green {
	background: #66c982;
}

.mark.gray {
	background: #a5b1be;
}

.mark.dark {
	background: #4fb3bc;
}

.mark.blue {
	background: #637ecf;
}

.mark.purple {
	background: #ff7562;
}

.mark.orange {
	background: #db9040
}

.mark.white {
	background: #fff
}
.mark.sky{
	background: #0074dd;
}
.mark.aqua{
	background: #458EE8;
}
.bg-main01{background-color: #1875FF !important;}
.bg-sub01{background-color: #05C1AB;}
.sub_etc {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	text-align: center;
	background: #fff;
}

.btn_merge {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	height: 142px;
	width: 200px
}

.btn_merge a {
	background: #5793c1;
	padding: 0 12px;
	height: 36px;
	line-height: 35px;
	color: #fff;
	display: block;
	border-radius: 18px;
	max-width: 160px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
}

.sub_tail {
	position: absolute;
	right: 0;
	top: 0;
}
.sub_tail a {
	position: relative;
	border-radius: 8px;
	width: 212px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding-left: 16px;
	display: block;
	transition: all 0.2s;
}
.sub_tail a.sub_fir {
	height: 88px;
	line-height: 88px;
	color: #fff;
	background: #458EE8 url(../images/list/web_icn_reserve_option_32px.svg) no-repeat left 24px center;
}
.sub_tail a.sub_fir:hover {
	background-color: #2d81e8;
}
.sub_tail a.sub_fir:focus {
	background-color: #2474d6;
}
.sub_tail a.sub_fir::after {
	content:'';
	display: block;
	width: 16px;
	height: 16px;
	background: url(/images/list/web_icn_reserve_arrowW_16px.svg) no-repeat;
	position: absolute;
	top: 35px;
	right: 16px;
}

.sub_tail a.sub_sec {
	margin-top: 8px;
	border: 1px solid #C9C9C9;
	height: 56px;
	line-height: 56px;
	color: #595959;
	background: url(../images/list/web_icn_reserve_view_32px.svg) no-repeat left 24px center;
}
.sub_tail a.sub_sec:hover {
	background-color: #F3F4F6;
}
.sub_tail a.sub_sec:focus {
	background-color: #EDEFF2;
}
.sub_tail a.sub_sec::after {
	content:'';
	display: block;
	width: 16px;
	height: 16px;
	background: url(/images/list/web_icn_reserve_arrowB_16px.svg) no-repeat;
	position: absolute;
	top: 20px;
	right: 16px;
}


.sub_area h4.sub_partN, .modal-wrap h4.sub_partN {
	font-size: 24px;
	color: #464646;
	font-weight: 400;
	position: relative;
	padding-left: 25px;
	margin-bottom: 18px;
}

.modal-wrap h4.sub_partN:before {
	content: '';
	width: 12px;
	height: 3px;
	display: block;
	background: #4abfe7;
	position: absolute;
	left: 0;
	top: 15px;
}
.sub_search .search-txt{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 28px;
}
.sub_search .search-txt img{
	margin-top: -3px;
}

.sch_box {
	border-radius: 15px;
	width: 100%;
	border: 1px solid #C9C9C9;
	margin-bottom: 32px;
	padding: 40px 80px 16px;
	background: #F8F8F8;
}
.sch_box ul {
	display: grid;
    grid-template-columns: 1fr 1fr;	
    grid-row-gap: 16px;
}
.sch_box ul .td_cell {
	position: relative;
	display: flex;
	align-items: center;
}
.sch_box ul .td_cell dt {
	font-size: 16px;
	color: #222;
	font-weight: 700;
	width: 96px;
}
.sch_box ul .td_cell input,
.sch_box ul .td_cell select {
	font-family: Pretendard;
	font-size: 14px;
	width: 296px;
	border-radius: 8px;
	border: 1px solid #929292;
	background-color: #fff;
}
.sch_box ul .td_cell select {
	width: 144px;
	margin-right: 4px;
}
.sch_box ul .td_cell input[type="checkbox"]+label {
	width: 296px;
	height: 42px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #929292;
	font-size: 14px;
	color: #929292;
	padding-left: 48px;
	display: flex;
	align-items: center;
}
.sch_box ul .td_cell input[type="checkbox"]+label:after {
	top: 8px;
	left: 16px;
}
.sch_box ul .btn_sch {
	margin-top: 16px;
	grid-column: 1/3;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.sch_box ul .btn_sch a {
	/* margin: 0 auto; */
	display: block;
	width: 156px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 8px;
	background: #458EE8;
}
.sch_box ul .btn_sch a.clear {
	background: #E4E4E4;
	color: #929292;
}

.sch_box ul .td_cell .date_del {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 86px;
	width: 24px;
	height: 24px;
	background: url(/images/common/app_icn_date_delete_24px.svg);
}

/* .sch_box ul>li{
	width: 50%;
	float: left;
	border-top:0;
	height: 64px;
	padding: 0;
}
.sch_box ul>.option {
	width: 100%;
	height: 64px;
}
.sch_box ul>.option .td_cell {
	display: flex;
	align-items: center;
}
.sch_box ul>.option .td_cell dt,
.sch_box ul>.option .td_cell dd {
	display: block;
	float: left;
}
.sch_box ul>.option .td_cell .td_cell_dt {
	width: 90.48px;
}
.sch_box ul>.option .td_cell dd {
	width: 168px;
}
.sch_box ul>li .td_cell {
	display: table;
	width: 100%;
}

.sch_box ul>li .td_cell dt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 64px;
	font-size: 16px;
	color: #222;
	font-weight: 700;
}

.sch_box ul>li .td_cell dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 296px;
	padding-left: 0;
}
.sch_box ul>li .td_cell dd input[type="checkbox"]+label{
	font-weight: 600;
	color: #595959;
	font-size: 16px;
	line-height: 24px;
	
	width: 296px;
	height: 48px;
	background: #fff;
	border: 1px solid #929292;
	border-radius: 8px;
	
	display: flex;
	align-items: center;
}
.sch_box ul>li .td_cell dd select{
	font-family: Pretendard;
	border: 1px solid #929292;
	border-radius: 8px;
	font-size: 14px;
	color: #595959;
	width: 144px;
}
.sch_box ul>.off-season-event .td_cell dt{
	text-align: left;
	font-size: 23px;
	padding-left: 25px;
	font-weight: 400;
}
.sub_search .btn_sch {
	background: #2C7FFA;
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	display: block;
	border-radius: 8px;
	max-width: 196px;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

.sch_box input[type="text"], .easy_res input[type="tel"], .easy_res input[type="password"]
	{
	background: #fff;
	border-color: #c5cfd6;
	padding: 0 15px;
	line-height: 42px;
	height: 42px;
	font-size: 14px;
} 

.checkup_res .sch_box input[type="text"] {
	font-family: Pretendard;
	max-width: 296px;
	border: 1px solid #929292;
	border-radius: 8px;
	height: 48px;
	line-height: 48px;
	color: #595959;
}
.checkup_res .sch_box input[type="text"]::placeholder{
	font-weight: 400;
	color: #595959;
}

.checkup_res .sch_box .date_del {
	display: inline-block;
	margin: 12px 0 0 -40px;
	width: 24px;
	height: 24px;
	z-index: 99;
	background: #ECEEEF;
	border-radius: 50px;
	color: #929292;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	line-height: 24px;
	font-size: 13px;
	box-sizing: border-box;
} 

.checkup_res .sch_box .td_cell {
	position: relative;
}

.checkup_res .sch_box .date_del.m_view {
	position: absolute;
	width: 22px;
	height: 22px;
	line-height: 22px;
	top: 28px;
	right: 10px;
	border: 1px solid #c9c9c9;
	color: #c9c9c9;
}


.checkup_res .sch_box .date_del.m_view {
	display: none;
}  */


select {
	height: 42px;
	line-height:42px;
	padding-left: 15px;
	padding-right: 28px;
	width: 100%;
	border-color: #c5cfd6;
	background: #fff url(../images/tilko/menu-down.svg);
	background-position:center right 10px; 
    background-repeat:no-repeat;
	font-size: 16px;
	color: #464646;
	font-weight: 400;
}

.sch_addr li {
	max-width: 150px;
	width: 100%;
	float: left;
	margin-left: 0;
}

.sch_addr li:first-child {
	margin-left: 0;
}


.checkup_res .ckRes_info1 ul li dt, .checkup_res .ckRes_info1 ul li dd {
	vertical-align: middle;
}

.sub_besttop {
	text-align: center;
	margin-bottom: 60px;
}

.sub_besttop ul {
	margin-left: -40px
}

.sub_besttop ul li {
	width: 33.33%;
	float: left
}

.sub_besttop dl {
	padding-left: 40px;
}

.sub_besttop dt {
	position: relative;
}

.sub_besttop dt img {
	width: 100%
}

.sub_besttop dt span {
	position: absolute;
	left: 0;
	top: 0;
}

.sub_besttop dd.tit {
	font-size: 24px;
	color: #464646;
	text-align: center;
	font-weight: 500;
	margin-top: 20px;
}

.sub_besttop dd.txt {
	width: 150px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #c5cfd6;
	font-size: 18px;
	color: #464646;
	font-weight: 400;
	text-align: center;
	margin: 20px auto 0;
}

.bestTit {
	text-align: center;
	border-bottom: 2px solid #a4d8ea;
	height: 30px;
	position: relative;
	margin-bottom: 40px;
}

.bestTit:after {
	content: '';
	width: 307px;
	height: 30px;
	background: url(../images/list/top_bg0.gif) no-repeat center top;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 0
}

.list_area {
	margin-top: 48px;
	position: relative;
}

/* .list_area:after {
	content: '';
	position: absolute;
	width: 20px;
	left: -20px;
	top: 0;
	bottom: 0;
	background: #fff;
	display: block;
} */

.list_topBtn {
	height: 40px;
	display: flex;
	
	position: relative;
}
.list_topBtn > button {
	background: #F8F8F8 url(/images/list/web_icn_reserve_plan_16px.svg) no-repeat left 24px center;
	width: 168px;
	color: #222;
	border: 1px solid #e4e4e4;
	border-radius: 50px;
	box-sizing: border-box;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	float: left;
	padding-left: 24px;
	font-weight: 500;
	font-size: 14px;
} 
.list_topBtn > button:hover {
	background-color: #ECEEEF; 
}
.list_topBtn .look_map {
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	padding-left: 16px;
	text-align: center;
	float: left;
	margin-left: 16px;
	margin-right: auto;
	width: 140px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #E4E4E4;
	border-radius: 50px;
	color: #595959;
	background: #fff url(/images/list/app_icn_reserve_map_24px.svg) no-repeat left 16px center / 32px;
}

.list_topBtn .btn_albums,
.list_topBtn .btn_lists {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	text-indent: -99999px;
	position: relative;
	margin: 2px 0 0 4px;
}
.list_topBtn .sub_sec,
.list_topBtn .sub_fir {
	width: 216px;
	border-radius: 50px;
	text-align: center;
	padding-left: 32px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
}
.list_topBtn .sub_sec {
	position: relative;
	background: linear-gradient(92deg, #3B6DFF 9.27%, #3E2EFF 91.64%), linear-gradient(93deg, #36E619 2.58%, #257CFF 92.69%), #FFF;
	/*background: #fff url(/images/list/icn_AI_sparkle.svg) no-repeat left 24px center / 24px;*/
	color: #fff;
}
.list_topBtn .sub_sec::before {
	content:"";
	width: 24px;
	height: 24px;
	position: absolute;
	left: 24px;
	top: 8px;
	background: url(/images/list/icn_AI_sparkle.svg) no-repeat 0 0 / 100%;
}
.list_topBtn .sub_fir {
	border: 1px solid #2C7FFA;
	margin: 0 16px;
	background: #fff url(/images/list/icn_Book_check.svg) no-repeat left 24px center / 24px;
	color: #2C7FFA;
}


.list_topBtn .btn_albums {
	background: url(../images/list/list-icon01.svg) no-repeat center center
}

.list_topBtn .btn_lists {
	/*margin-right: auto;*/
	background: url(../images/list/list-icon02.svg) no-repeat center center
}

.list_areaInner {
	border-top: 0;
	border-bottom: 0;
	margin-top:0;
}

.list_areaInner>ul>li {
	padding: 24px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e4e4e4;
}
.list_areaInner>ul>li:not(:last-child) {
	margin-bottom: 24px;
}
.list_areaInner.only>ul>li:not(:last-child) {
	margin-bottom: 0;
}
.chk_inner li {
	display: inline-block;
	width: 220px;
	padding: 8px 0
}

.checkup_res .pay {
	margin-right: 0;
}

/* ico_grade */
.ico_grade {
	display: inline-block;
	*display: inline;
	width: 106px;
	height: 20px;
	vertical-align: middle;
	background: url(../images/common/ico_grade.png) no-repeat 0 0;
	background-size: 106px 269px;
	*zoom: 1;
	margin-top: 5px;
	margin-right: 5px;
}

.ico_grade.t10 {
	background-position: 0 0
}

.ico_grade.t09 {
	background-position: 0 -25px
}

.ico_grade.t08 {
	background-position: 0 -50px
}

.ico_grade.t07 {
	background-position: 0 -75px
}

.ico_grade.t06 {
	background-position: 0 -100px
}

.ico_grade.t05 {
	background-position: 0 -125px
}

.ico_grade.t04 {
	background-position: 0 -150px
}

.ico_grade.t03 {
	background-position: 0 -175px
}

.ico_grade.t02 {
	background-position: 0 -200px
}

.ico_grade.t01 {
	background-position: 0 -225px
}

.ico_grade.t00 {
	background-position: 0 -250px
}

.m_map_wrap {
	display: none;
}

/* part1 */
.list_type {
	padding-top: 0;
	position: relative;
}

.part1 {
	padding-left: 168px;
	min-height:auto;
	min-width: auto;
	float: left;
	margin: 0;
}

.part1 .imh_hp {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 150px;
	border-radius: 8px;
}

.part1 .imh_hp img {
	width: 100%;
	height: 100%
}

.part1 h3 {
	position: relative;
	font-size:18px;
	color: #222;
	font-weight: 400;
	margin-bottom: 8px;
}
.list_areaInner .select_pay{
	position: relative;
	height: 32px;
}
.list_areaInner.only .select_pay {
	height: 115px;
}

.select_pay select {
	font-size: 14px;
	font-weight: 700;
	color: #595959;
	min-width: 380px;
	position: absolute;
	bottom: 0;
}
.list_areaInner .select_pay select{
	cursor: pointer;
	min-width: 100%;
	border-radius: 8px;
	border-color: #e4e4e4;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	font-family: Pretendard;
}
.rating_hp {
	position: absolute;
	right: 0;
	top: 64px;
	font-size: 15px;
	color: #5793c1;
	font-weight: 400;
}

.rating_del {
	position: absolute;
	right: 0;
	top: 10px;
	text-align: right;
	color: #ee5555;
	font-size: 18px;
	text-decoration: line-through;
}

.list_grade {
	margin-top: 17px;
}

.list_grade dt, .list_grade dd {
	display: inline-block;
	vertical-align: top
}

.list_grade dt {
	width: 120px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #c5cfd6;
	font-size: 16px;
	color: #464646;
	font-weight: 400;
	text-align: center;
	border-radius: 4px;
	margin-right: 5px;
}

.btn_q a {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url(../images/list/list_ico_03.gif) no-repeat center center;
	text-indent: -99999px;
	vertical-align: middle;
	cursor: pointer;
}

.rate_info {
	font-size: 16px;
	color: #929292;
	font-weight: 400;
	margin:0 0 32px;
	max-width: 300px;
	word-break:keep-all;
}

.album_info {
	display: none
}

.albumBtn {
	display: none
}

.album_info .info1 {
	font-size: 18px;
	font-weight: 500;
	color: #464646;
	text-align: center;
	margin-bottom: 25px;
}

.album_info .info2 {
	font-size: 16px;
	font-weight: 400;
	color: #969696;
	text-align: center;
	margin-bottom: 28px;
}

/* part2 */
.part2 {
	position: relative;
	min-width: 450px;
	float:right;
	margin-top: 0;
	height: 147px;
	width: 450px;
}
.up_info{
	float: left;
	position: absolute;
	bottom: 0;
}
.up_info li.w_info {
	float: left;
}

.up_info li.w_btnarea {
	padding-top: 1px;
	float: right;
}

.w_info {
	width: 150px;
	line-height: 34px;
	border: 0;
	font-size: 16px;
	color: #595959;
	font-weight: 400;
	text-align: left;
}

.w_btnarea a {
	background: #fff;
	border: 1px solid #929292;
	min-width: 124px;
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	border-radius: 28px;
	text-align: center;
	margin: 0;
}
.w_btnarea a:not(:last-child){
	margin-right: 8px;
}
.w_btnarea .deep {
	background: #EFFAFF;
	color: #1875FF;
	border: 1px solid #1875FF;
	width: 157px
}

.down_info {
	margin-top: 0;
	font-size: 16px;
	color: #595959;
	font-weight: 400;
}

.down_info li {
	float: left;
	height: 24px;
	line-height: 24px;
	margin-bottom: 16px;
}
.down_info li+li {
	float:left;
}
.down_info li:nth-child(3){
	width: 100%;
}
.fix_top {
	width: 545px
}

.fix_top .down_info {
	margin-top: 16px;
}

.list_areaInner {
	position: relative;
	padding-top: 16px;
}

.map_area {
	width: 540px;
	height: 540px;
	position: absolute;
	right: 0;
	top: 16px;
	border: 1px solid #c5cfd6;
	background: #fafafa;
	text-align: center;
	z-index: 3;
}

.list_areaInner.only {
	margin-left: -13px;
	padding-top: 16px;
}
.list_areaInner.only .list_areaWapper {
	display: grid;
	grid-gap: 16px; 
    grid-template-columns: repeat(4, 1fr);
}
.list_areaInner.only .map_area {
	display: none;
}

.list_areaInner.only .fix_top {
	width: 25%;
}

.list_areaInner.only .list_type {
	position: relative;
	padding-bottom: 45px;
	border: 1px solid #e4e4e4;
}

.list_areaInner.only .part1 {
	padding-left: 0;
	margin-right: 0;
	min-width: inherit;
	float: none;
	margin-top: 0;
	padding-bottom: 7px
}

.list_areaInner.only .part1 .imh_hp {
	position: relative;
	left: inherit;
	top: inherit;
}

.list_areaInner.only .part1 .imh_hp {
	position: relative;
	left: 12px;
	top: 8px;
	width: calc(100% - 24px);
	border-radius: 16px;
}

.list_areaInner.only .part2 {
	position: static;
	height: inherit;
	max-height: inherit;
	min-width: inherit;
	float: none;
	margin-top: 0;
}

.list_areaInner.only .list_type {
	padding-top: 0;
	border-radius: 16px;
}

.list_areaInner.only .select_pay {
	padding: 0;
	margin: 4px 12px 12px;
	height: 42px;
}

.list_areaInner.only .select_pay p.rating_hp {
	top: 4px;
	left: 14px;
	text-align: left
}

.list_areaInner.only .select_pay p.rating_del {
	top: 0;
	right: 14px;
	text-align: right;
}

.list_areaInner.only .list_grade {
	display: none
}

.list_areaInner.only .part1 h3 {
	color: #222;
	position: inherit;
	top: inherit;
	text-align: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
	padding: 0 20px;
	margin: 24px 0 0;
	height: 56px;
	line-height: 24px; 
	white-space: inherit;
	word-wrap: break-word;
	word-break: keep-all;
}

.list_areaInner.only .hs_where {
	display: none
}

.list_areaInner.only .w_btnarea {
	display: none
}

.list_areaInner.only .albumBtn {
	width: 100%;
	float: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 8px 8px;
}

.list_areaInner.only .albumBtn a {
	height: 42px;
	line-height: 42px;
	width: 115px;
	background: #EFF1F5;
	border-radius: 8px;
	color: #595959;
	font-size: 14px;
	font-weight:700;
	text-align: center;
}

.list_areaInner.only .albumBtn a span {
	display: none
}

.list_areaInner.only .list_hsArea {
	position: relative;
}

.list_areaInner.only .list_hsArea .event-badge{
	position: absolute;
	width: 52px;
	z-index: 10;
	right: -13px;
	top:-10px;
	left: auto;
}
.list_areaInner .list_hsArea .event-badge{
	top:44px;
	left: 138px;
	width: 52px;
	position: absolute;
	
}
.list_areaInner.only .down_info {
	margin-top: 0;
}

.list_areaInner.only>ul>li {
	width: 100%;
	border: 0;
	padding: 0;
}

.list_areaInner.only .rate_info {
	display: none
}

.list_areaInner.only .part2 {
	text-align: center;
	display: none;
	background: #fff
}

.list_areaInner.only .part2 .w_info {
	margin: 0 auto;
	float: none
}

.list_areaInner.only .part2 .down_info {
	margin-top: 20px;
	font-size: 18px;
	color: #464646;
	font-weight: 400;
}

.list_areaInner.only .part2 .down_info li {
	float: none;
	margin-bottom: 20px;
}

.list_areaInner.only .part2 .down_info li+li {
	float: none;
	margin-bottom: 20px;
	font-size: 16px;
}

.list_areaInner.only .album_info {
	display: block
}

.list_areaInner.only .albumBtn {
	display: flex;
	justify-content: space-between;
	padding: 0 12px 10px;
}

.w_layer .list_areaInner.only .list_type.on .part2, .w_layer .list_areaInner.only .list_type.act .part2
	{
	display: none
}

.w_layer .album_inner {
	margin-top: auto;
}

/* .w_layer .list_areaInner.only .list_type.on .album_inner, 
.w_layer .list_areaInner.only .list_type.act .album_inner
	{
	position: absolute;
	left: -1px;
	right: -1px;
	z-index: 2;
	background: #fff;
	border-left: 1px solid #c5cfd6;
	border-right: 1px solid #c5cfd6;
	border-bottom: 1px solid #c5cfd6;
	padding-bottom: 45px
} */

/* 지도 보기 */
.web_map_wrap {
	display: none;
	margin-top: 40px;
	height: 760px;
}
.web_map_wrap>ul::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */
.web_map_wrap>ul::-webkit-scrollbar-track { background-color:#E4E4E4; } /* 스크롤 바 밑의 배경 */
.web_map_wrap>ul::-webkit-scrollbar-thumb { background: #929292; border-radius: 10px; } /* 실질적 스크롤 바 */
.web_map_wrap>ul::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.web_map_wrap>ul::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.web_map_wrap>ul::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */
.web_map_wrap>ul {
	width: 406px;
	height: 760px;
	overflow-y: auto;
	background :#fff;
}
.web_map_wrap>ul>li {
	position: relative;
	cursor: pointer;
	background :#fff;
	width: 100%;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	border-bottom: 1px solid #e4e4e4;
	padding: 24px 12px;
}
.web_map_wrap>ul>li:first-child {
	border-top: 1px solid #e4e4e4;
}
.web_map_wrap>ul>li.checkqqq {
	border-radius: 8px 0px 0px 8px;
	border: 1px solid #1875FF;
}
.web_map_wrap>ul>li.checkqqq::before {
	content:"선택됨";
	display: block;
	border-radius: 8px 0px 4px 0px;
	width: 64px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #1875FF url(/images/list/icn_check.svg) no-repeat left 10px center;
	padding-left: 12px;
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 100;
	font-weight: 500;
	font-size: 12px;
}





.web_map_wrap>ul>li:hover {
	background: #F8F8F8;
}
.web_map_wrap>ul>li:not(:last-child) {
	margin-bottom: 0;
}
.web_map_wrap .down_info, 
.web_map_wrap .select_pay,
.web_map_wrap .w_btnarea a.hs_where {
	display: none;
}
.web_map_wrap .part1 {
	padding: 0;
}
.web_map_wrap .part1 .imh_hp {
	position: static;
	float: left;
	width: 96px;
	height: 96px;
	margin-right: 12px;
	border-radius: 8px;
}
.web_map_wrap .part1 h3 {
	float: left;
	width: calc(100% - 108px);
	font-weight: 400;
	font-size: 16px;
	color: #222;
	margin-bottom: 4px;
}
.web_map_wrap .rate_info {
	float: left;
	width: calc(100% - 108px);
	font-weight: 400;
	font-size: 14px;
	color: #929292;
}
.web_map_wrap .part2 {
	position: absolute;
	right: 0px;
	bottom: -8px;
	min-width: unset;
	width: calc(100% - 108px);
	height: 32px;
}
.web_map_wrap .w_btnarea a {
	width: 124px;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
	font-weight: 700;
	font-size: 14px;
}
.web_map_wrap .w_btnarea a:first-child {
	border-color: #595959;
}
.web_map_wrap .w_btnarea a:last-child {
	border:1px solid #1875FF;
	background: #EFFAFF;
	color: #2C7FFA;
}

.web_map_wrap>ul{
	float: left;
}




/* paging */
.w_paging {
	display: inline;
	margin: 0 10px;
}

.cntPaging {
	text-align: center;
	margin-top: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cntPaging strong {
	display: inline-block;
	*display: inline;
	min-width: 28px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #4abfe7;
	background: #4abfe7;
	box-sizing: border-box;
	*zoom: 1;
	padding: 0 5px;
	font-weight: 500;
}

.cntPaging a {
	display: inline-block;
	*display: inline;
	min-width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	color: #6a6a6a;
	vertical-align: middle;
	box-sizing: border-box;
	*zoom: 1;
	border: 1px solid #fff;
	margin: 0 1px;
	padding: 0 5px;
	background: #fff;
	margin: 4px;
}
.cntPaging a.active {
    background-color: #06A5EA;
    border: 1px solid #06A5EA;
    border-radius: 3px;
    color: white;
}
.cntPaging a:hover:not(.active) {
	border: solid 1px #B1B1B1;
	border-radius: 3px;
	text-decoration: none;
}
.cntPaging a.prev, .cntPaging a.next {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.cntPaging a.prev {
	margin: 0 2px 0 2px;
	background: url(../images/common/pagination_02.svg) no-repeat center center;
	text-indent: -99999px;
}

.cntPaging a.next {
	margin: 0 2px 0 2px;
	background: url(../images/common/pagination_03.svg) no-repeat center center;
	text-indent: -99999px;
}


/* list_view */
.viewTop {
	font-size: 32px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	height:80px;
	line-height:80px;
	background: #458EE8;
	margin-bottom: 24px;
}

.viewTopIn {
	margin-bottom: 44px;
}

.viewTop_info .vtLeft {
	float: left;
	max-width: 548px;
	width: 50%
}
.viewTop_info .vtLeft .vT_img > div{
	margin-bottom: 14px;
}
.viewTop_info .vtLef .vT_img .slick-slide div.inner{
	width: 548px;
	height: 290px;
}
.viewTop_info .vtLeft img {
	width: 100%;
	max-height: 290px;
	max-width: 548px;
}
.viewTop_info .vtRight {
	float: right;
	max-width: 534px;
	height: 493px;
	width: 50%;
	border: 1px solid #e2e6e9;
	background: #f7f7f7
}

.viewTop_info .mapArea {
	width: 100%;
	height: 100%
}
.viewTop_info .vtLeft .slick-dots {
	margin-left: -6px
}

.viewTop_info .vtLeft .slick-dots li {
	float: left;
	width: 25%;
	padding-left: 6px;
	padding-top: 6px;
	cursor: pointer;
	max-height: 94px;
	object-fit: cover;
	overflow: hidden;
}

.viewTop_info .img_tit {
	text-align: center;
	color: #fff;
	width: 100%;
	display: block;
}

.viewCenter_info {
	position: relative;
	margin:40px 0;
}
.viewCenter_info > li{
	width: 50%;
	float: left;
	max-width: 548px;
}

.viewCenter_info .vcLeft dl {
	position: relative;
	margin-bottom: 8px;
	color: #222;
	font-size: 16px;
	height: auto;
	min-height: 34px;
	line-height: 1.4;
}
.viewCenter_info .vcLeft dt {
	width: 120px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #C9C9C9;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.viewCenter_info .vcLeft dd {
	font-weight: 400;
	padding-left: 136px;
	padding-top: 6px;
}

.viewCenter_info .vcLeft a img{
	margin-left: 8px;
}
.viewCenter_info .vcLeft ul li {
	margin-top: 8px;
	height: auto;
	overflow: hidden;
	vertical-align: middle;
}

.viewCenter_info .vcLeft ul li:first-child {
	margin-top: 0
}

.viewCenter_info .vcSide ul li {
	float: left;
	width: 20%;
	margin-bottom: 20px;
}

.viewCenter_info .vcSide ul li dl {
	padding-left: 16px;
}

.viewCenter_info .vcSide ul li dt img {
	width: 100%
}

.viewCenter_info .vcSide ul li dl dd {
	text-align: center;
	font-size: 14px;
	color: #222;
	margin-top: 8px;
}

.vtbottom {
	position: relative;
	padding-left: 194px;
	border: 1px solid #C9C9C9;
	background: #f7f7f7;
	overflow: hidden;
	border-radius: 8px;
}

.vtbottom  .vtb_tit {
	width: 194px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
}

.vtbottom  .vtb_tit .vtb_tit_in {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 194px;
	font-size: 18px;
	color: #595959;
	font-weight: 700;
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.vtbottom  .vtb_txt {
	padding: 16px 24px;
	display: table;
	line-height: 26px;
}

.vtbottom  .vtb_txt ul {
	display: table-cell;
	vertical-align: middle
}

.vtbottom  .vtb_txt li {
	font-size: 16px;
	color: #464646;
	padding: 4px 0;
	text-indent: -9px;
	padding-left: 9px;
}

.viewBtn {
	text-align: center;
	margin: 120px 0;
}

.viewBtn li {
	display: inline-block;
	margin: 0 6px;
}

.plan_Btn {
	padding: 0 30px;
	font-size: 22px;
	font-weight: 400 !important;
}

.plan_Btn img {
	margin-top: 25px;
	float: right;
}

.viewBtn li a {
	text-align: center;
	min-width: 360px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	display: block;
	margin: 0 auto;
	background:#06A5EA;
	border-radius: 32px;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	position: relative;
}
.viewBtn li:last-child a{
	background: #05C1AB;
}
.viewBtn li a.m_view{
	display: none;
}
.viewBottom_info {
	margin:64px 0 16px;
}

.viewBottom_info .vb_body {
	display: grid;
	grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
    
}
.viewBottom_info .vb_body div {
	border-radius: 8px;
	background: #EFF1F5;
	font-size: 18px;
	font-weight: 600;
	color: #7a7a7a;
	height: 72px;
}
.viewBottom_info .vb_body input[type="radio"]+label,
.viewBottom_info .vb_body input[type="radio"]:checked+label {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #7A7A7A;
	padding: 24px 40px 24px 30px;
	font-weight: 600;
	word-break: keep-all;
}
.viewBottom_info .vb_body input[type="radio"]:checked+label {
	color: #2C7FFA;
}
.viewBottom_info .vb_body input[type="radio"]+label:after {
	position: absolute;
	left: unset;
	right: 24px;
	top: 24px;
	background: url(/images/list/icn_check.svg) no-repeat 0 0;
}
.viewBottom_info .vb_body input[type="radio"]:checked+label:after {
	position: absolute;
	left: unset;
	right: 24px;
	top: 24px;
	background: url(/images/list/icn_checked.svg) no-repeat 0 0;
}

@media only all and (max-width: 768px) {
	.viewBottom_info .vb_body div {
		background: inherit;
		height: 24px;
	}
	.viewBottom_info .vb_body div:not(:last-child) {
		margin-bottom: 16px;
	}
	.viewBottom_info .vb_body input[type="radio"]+label, 
	.viewBottom_info .vb_body input[type="radio"]:checked+label {
		padding: 0 40px 0 30px;
	}
	.viewBottom_info .vb_body input[type="radio"]+label:after,
	.viewBottom_info .vb_body input[type="radio"]:checked+label:after {
		/* width: 24px;
		height: 24px;
		top: -2px; */
		width: 18px;
		height: 18px;
		top: 0;
		background-size: 18px !important;
		position: absolute;
		left: 0;
		right: unset;
	}
	.viewBottom_info .vb_body input[type="radio"]+label:after {
		background: url(/images/common/circle_defalut.svg) no-repeat 0 0 / 24px;
	}
	.viewBottom_info .vb_body input[type="radio"]:checked+label:after {
		background: url(/images/common/circle_active.svg) no-repeat 0 0 / 24px;
	}
	
}


/* 
.viewBottom_info .vbtop {
	position: relative;
	padding-left: 200px;
	border: 1px solid #C9C9C9;
	background: #F8F8F8;
    border-radius: 8px;
    min-height: fit-content;
}

.viewBottom_info .vb_head {
	width: 194px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-radius: 8px 0 0 8px;
}

.viewBottom_info .vb_head .vb_tit_in {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	font-size: 18px;
	color: #595959;
	font-weight: 700;
	position: absolute;
	top:50%;
	transform:translate(0, -50%);
}

.viewBottom_info .vb_body {
	padding: 24px 56px;
	display: table;
	width: 100%;
}

.viewBottom_info .vb_body ul {
	display: table-cell;
	vertical-align: middle
}

.viewBottom_info .vb_body li {
	float: left;
	width: 48%;
	padding: 6px 0
}

.viewBottom_info .vb_body li:last-child {
	margin-right: 0;
	width: 52%;
}

.vbtop.add_etc {
	padding-right: 300px;
} */

.vb_etc {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
	background: #fff;
	bottom: 0;
}

.vb_etc p {
	font-size: 24px;
	font-weight: 400;
	color: #464646;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	line-height: 40px;
	letter-spacing: -0.05em
}

.vb_etc p b {
	font-weight: 900;
	font-size: 28px;
}

.vb_etc .view_grade {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -30px;
	width: 120px;
	text-align: center;
}

.vb_etc .view_grade .list_grade {
	margin-top: 0;
}

.vb_etc .view_grade .list_grade dt {
	display: inline-block;
	margin-right: 0
}

.vb_etc .view_grade .list_grade dd {
	display: inline-block;
	margin-right: 0;
	margin-top: 10px;
}
.viewEdit a{
	line-height: 26px;
	color: #222;
    margin: 40px 0 0;
    display: block;
    padding-bottom: 16px;
	border-bottom:1px solid #595959;
	font-size: 18px;
	font-weight: 700;
	position: relative;
}
.viewEdit a::after{
	content: '';
    width: 10px;
    height: 5px;
    background: url(../images/tilko/menu-down.svg) no-repeat 0 0;
    position: absolute;
    right: 23px;
    top: 57%;
    margin-top: -6px;
}
.viewEdit a.on::after {
	transform: rotate(180deg);
    transform-origin: center;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.viewEdit p{
	padding: 24px 16px 0;
}
.vbbottom{
	margin-top: 32px;
}
.info_vbtit {
	position: relative;
	width: 100%;
	display: block;
	height: 64px;
	line-height:64px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #5793c1;
    background: #F8F8F8;
    border: 1px solid #BCBCBC;
    border-radius: 8px;
    margin-top: 8px;
}
.info_vbtit.type_T{
	background: #E9EFF4;
	border:0;
	color: #222;
}
/* .info_vbtit.type_1, .ckRes_box .type_1{
	color: #0C73BE;
}

.info_vbtit.type_2, .ckRes_box .type_2 {
	color: #05C1AB;
}

.info_vbtit.type_3, .ckRes_box .type_3 {
	color:  #FF753A;
}

.info_vbtit.type_4, .ckRes_box .type_4 {
	color: #4fb3bc;
}

.info_vbtit.type_5, .ckRes_box .type_5 {
	color: #637ecf;
} */

.info_vbtit:after{
	content: '';
	width: 10px;
	height: 5px;
	background: url(../images/tilko/menu-down.svg) no-repeat 0 0;
	position: absolute;
	right: 23px;
	top: 57%;
	margin-top: -6px;
}
.on .info_vbtit:after {
	transform: rotate(180deg);
    transform-origin: center;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.cg_table {
	display: table;
	width: 100%;
}

.cg_table li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:20px;
	font-weight: 700;
	color: #222;
	height: 64px;
	background: #E9EFF4;
	border-bottom: 1px solid #333;
	padding: 0 4px;
}

.info_vblist li:not(:last-child) {
	border-bottom: 1px solid #929292;
}
.info_vblist dl {
	display: table;
	width: 100%;
}

.info_vblist dt, .info_vblist dd {
	text-align: center;
	display: table-cell;
	width: 50%;
	height: 60px;
	font-size: 18px;
	color: #222;
	vertical-align: middle;
}

/* ckRes */
.ckRes_top {
	position: relative;
	margin: 40px 0 18px;
}

.checkup_card .ckRes_top {
	position: relative;
	margin: 0 0 25px;
}

.ckRes_topInfoinner {
	border: 1px solid #C9C9C9;
	position: relative;
	padding-left: 240px;
	background:  #fff;
	min-height: 152px;
	border-radius: 16px;
}

.ckRes_head {
	width: 220px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #458EE8;
	border-radius: 16px 0 0 16px;
	color: #fff;
}

.ckRes_head .ckRes_in {
	text-align: center;
	padding: 0;
	position: absolute;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	height: auto;
}

.ckRes_head .ckRes_in ul li:nth-child(1) {
	font-size: 14px;
	color: #E4E4E4;
    font-weight: 400;
    margin-bottom: 4px
}
.ckRes_head .ckRes_in ul li:nth-child(2){
	font-size: 24px;
	font-weight: 700;
}
.ckRes_head dl dt {
	font-size: 16px;
	font-weight: 400;
	margin:6px 0 0;
}
.ckRes_head dd .mark {
	margin: 0 2px;
}
.ckRes_body ul {
	padding: 32px 36px;
	display: flex;
	flex-wrap: wrap;
}
.ckRes_body ul li{
	width: 50%;
	font-size: 18px;
}
.ckRes_body ul.ckRes_list li dl dt{
	min-width: 120px;
}
 .ckRes_body ul li:not(:last-child){
	margin-bottom: 16px;
}
.ckRes_body ul li dl{
	display: flex;
	color: #222;
}
.ckRes_body ul li dl dt{
	min-width: 80px;
	font-weight: 800;
}
.ckRes_body ul li dl dd{
	font-weight: 400;
}
.ckRes_body ul li dl dd .type-tag{
	display: block;
	max-width: 280px;
	border:1px solid #C9C9C9;
	background-color: #fff;
	border-radius: 12px;
	padding: 0 12px;
	line-height: 24px;
	font-weight: 700;
	color: #595959;
	font-size: 12px;
}
.ckRes_step4 .view-tit{
	margin: 32px 0 16px;
}
.notice_info{
	background: #F8F8F8;
    border-radius: 8px;
    padding: 16px 32px 24px 32px;
    color: #222;
    margin: 18px 0 64px;
}
.notice_info dl dt{
	font-weight: 700;
	margin-bottom: 12px;
	color: #FF753A;
}
.notice_info dl dd{
	font-weight: 400;
	font-size: 18px;
}
.checkup_res .view-tit,
.viewBottom_info .view-tit{
	margin-top:64px;
}
.checkup_res .view-tit span,
.viewBottom_info .view-tit span{
	font-weight: 700;
	font-size: 24px; 
	color: #222;
	margin-left: 4px;
}

.checkup_res .view-tit p,
.viewBottom_info .view-tit p{
	color:#595959;
	margin: 8px 0 32px;
}
.ckRes_step1 .choice_day .month select{
	border-radius: 8px;
	border:2px solid #929292;
	text-align: center;
	width: 332px;
	background: #fff url('/images/tilko/drop-down.svg') no-repeat;
	background-position: center right 16px;
	color: #222;
	height: 64px;
	line-height: 64px;
	padding: 0;
	font-weight: 700;
	font-size: 20px;
}
.ckRes_step1 .select-item{
	margin: 32px 0 0;
}
.ckRes_step1 .select-item .button_box{
	margin-bottom: 16px;
}
.ckRes_step1 .select-item .button_box .careBtn > span{
	color: #222;
	font-weight: 700;
	font-size: 18px;
}
.ckRes_step1 .select-item .button_box .careBtn img{
	margin-left: 8px;
}
.ckRes_step1 .select-item ul{
    display: flex;
}
.ckRes_step1 .select-item ul li:not(:last-child){
	margin-right: 8px;
}
.ckRes_step1 .select-item ul li input[type="checkbox"]+label::after, .ckRes_step1 .select-item ul li input[type="checkbox"]:checked+label::after{
	display: none;
}
.ckRes_step1 .select-item ul li input[type="checkbox"]+label{
	padding: 0;
	width: 128px;
	border-radius: 50px;
	height:40px;
	line-height:39px;
	font-weight:500;
	border:1px solid #929292;
	text-align: center;
	font-size: 16px;
	color: #929292;
	margin: 0;
}
.ckRes_step1 .select-item ul li input[type="checkbox"]:checked+label{
	background-color: #458EE8;
	color:#fff;
	border:0;
}
.slick-next, .slick-prev{
    display: none !important;
}
.btnres_in{
	margin-top: 16px;
}
.btnres_in, .select-item-icon > ul{
	display: flex;
	justify-content: space-between
}

.calendar-arrow{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 8px;
}	
.calendar-arrow li{
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.calendar-arrow li:not(:nth-child(2)):hover{
	background: #F2F2F2;
}
.calendar-arrow li img{
	vertical-align: middle;
	width: 14px;
	height: 8px;
}
.calendar-arrow li:nth-child(1) img{
	transform: rotate( 90deg );
}
.calendar-arrow li:nth-child(2){
	color:  #595959;
	font-weight: 700;
	width: auto;
	margin: 0 16px;
}
.calendar-arrow li:nth-child(3) img{
	transform: rotate( 270deg );
}
.btnres_in a:nth-child(2){
	margin-left: 8px;
}

.checkup_res .select-date, .checkup_res .select-date dl, .checkup_res .select-date dl dd{
	display: flex;
}
.checkup_res .select-date{background: #F8F8F8;border-radius: 8px;border: 1px solid #C9C9C9;justify-content: space-between;padding: 32px 40px;}
.checkup_res .select-date li.active input{border: 2px solid #458EE8;}
.checkup_res .select-date li.active button{background: #458EE8;color: #fff;}
.checkup_res .select-date dl dt{
	font-weight: 700;
	color: #222;
	font-size: 18px;
	line-height: 48px;
}
.checkup_res .select-date dl dd input{border: 2px solid #929292;;border-radius: 8px;background-color: #fff;color: #222;font-size: 16px;font-weight: 500;width: 186px;margin: 0 8px 0 16px;height: 48px;line-height: 48px;}
.checkup_res .select-date dl dd button{background: #929292;border-radius: 8px;font-size:14px;width: 106px; }
.icon-follwer{
	position: absolute;
	z-index: 1000;
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
	background: #F8F8F8;
	border: 1px solid #E4E4E4;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}
.icon-follwer ul{
	display: flex;
	font-weight: 700;
	font-size: 16px;
}
.icon-follwer ul .select-item-icon{
	padding: 0;
	margin-right: 8px;
}
.icon-follwer ul .select-item-icon ul {
	padding-top: 16px;
}
.icon-follwer ul .select-item-icon ul li{
	width: 8px;
	height: 8px;
}
.icon-follwer ul .reservation{
	margin: 0 8px 0 16px;
}
.icon-follwer ul .select-item-text ul li.stomach{
	color: #3CB13A;
}
.icon-follwer ul .select-item-text ul li.colon{
	color: #E7A4FF;
}
.icon-follwer ul .select-item-text ul li.heart{
	color: #00C1DC;
}
.icon-follwer ul .select-item-text ul li.breast{
	color:  #FF8170;
}
.icon-follwer ul li ul .morning{
	color:  #FF753A;
}
.icon-follwer ul li ul .afternoon{
	color:  #0C73BE;
}
/**/
.ckRes_info1 {
	float: left;
	padding: 0 16px;
	display: table;
	height: 185px;
	vertical-align: middle;
	width: 410px
}

.ckRes_info1 ul {
	display: table-cell;
	vertical-align: middle
}

.ckRes_info1 ul li {
	padding: 6px 0
}

.ckRes_info1 ul li dt, .ckRes_info1 ul li dd {
	display: inline-block;
	font-size: 18px;
	color: #464646
}

.ckRes_info1 ul li dt {
	font-weight: 700;
	width: 85px
}

.ckRes_info1 ul li dd {
	font-weight: 400;
}

.ckRes_info1 ul li dd b {
	font-weight: 700;
}

.ckRes_info2 {
	float: left;
	display: table;
	height: 220px;
	vertical-align: middle;
	width: 480px;
	background: #fff
}

.ckRes_info2 dt {
	display: table-cell;
	height: 220px;
	width: 90px;
	vertical-align: middle;
	background: #e2e6e9;
	text-align: center;
	font-size: 18px;
	color: #4f646c;
	font-weight: 700;
}

.ckRes_info2 dd {
	display: table-cell;
	height: 220px;
	vertical-align: middle;
	background: #fff;
	text-align: left;
	font-size: 16px;
	color: #464646;
	font-weight: 400;
	padding: 15px 15px;
	line-height: 1.6
}

.pay_tag {
	min-width: 100%;
	height: 100%;
	line-height: 28px;
	border: 1px solid #c5cfd6;
	font-size: 16px;
	color: #464646;
	font-weight: 400;
	text-align: left;
	border-radius: 4px;
	background: #fff;
	padding: 0 10px;
	vertical-align: top;
	display: inline-block;
	margin-top: 6px;
}

.pay {
	font-size: 28px;
	line-height: 28px;
	font-weight: 900;
	color: #464646;
	vertical-align: sub;
	margin-right: 30px;
}

.pay b {
	font-size: 24px;
	font-weight: 400 !important;
}
/* ckRes_step */
.partN_line {
	position: relative;
	margin-bottom: 40px;
}

.partN_line .sub_partN {
	position: relative;
	border-bottom: 2px solid #a4d8ea;
	padding-bottom: 15px
}

.partN_line span {
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 18px;
	width: 100%;
	text-align: right;
}

.btn_mprev {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	width: 28px;
	height: 28px;
	display: block;
	text-indent: -99999px;
	background: url(../images/common/page_prev.gif) no-repeat;
}

.btn_mnext {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
	width: 28px;
	height: 28px;
	display: block;
	text-indent: -99999px;
	background: url(../images/common/page_next.gif) no-repeat;
}

.m_calendar {
	display: none
}

.w_calendar table {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 24px;
}

.w_calendar table thead th, .w_calendar table tbody td {
	border: 1px solid #C9C9C9;
}

.w_calendar table thead th {
	height: 44px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background: #458EE8;
}

.w_calendar table tbody td {
	height: 100px;
	vertical-align: top;
	text-align: center;
	background: #fff;
	padding: 12px 16px;
}
.w_calendar table tbody td.not-day{
	background:#ebebeb;
	color:#595959; 
}
.w_calendar table tbody tr td:first-child span{
	color: #F8463B !important;
}

.cal_inner {
	position: relative;
	text-align: left;
}

.cal_inner p.bookable {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 400;
	color: #222;
	font-size: 16px;
}
.cal_inner span.bookable,
.cal_inner span.unbookable{
	margin-right: 8px;
} 
.cal_inner span.bookable {
	font-size: 16px;
	color:  #222;
}
.cal_inner span.unbookable{
	color: #929292;
}
.cal_inner .btn_regWrong {
	display: inline-block;
	border-bottom: 1px solid #969696;
	font-size: 14px;
	color: #969696;
	font-weight: 400;
	padding: 0 6px;
	margin-top: 11px;
}

.btn_res {
	width: 64px;
	height: 24px;
	line-height: 23px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background:  #05C1AB;
	border-radius: 16px;
}

.btn_res.pink {
	background:  #0C73BE;
}

.btn_year {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	max-width: 200px;
	width: 100%;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	background: #5793c1;
	display: inline-block;
	border-radius: 18px;
	text-align: center;
	margin-left: 5px
}

.ckRes_step3 {
	margin: 64px 0 80px;	
}
.ckRes_step3  > ol{
	margin-top: 32px;
}
.ckRes_step3 .partN_line {
	margin-bottom: 0;
}

.ckRes_step3 h4.sub_partN {
	margin-bottom: 0;
}
.ckRes_step3 .inquiry-box dt, 
.ckRes_step3 .add-examination dt.arrow{
	background: #F8F8F8;
	height: 64px;
	line-height:64px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #222;
	padding: 0 16px;
}
.ckRes_step3 dt.arrow.ad_in {
	background: #BFD8ED;
}

/* 더보기 버튼 추가 */
p.add3_btn {
	width: 238px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 50px;
	cursor: pointer;
	margin: 16px auto 64px;
}
p.add3_btn img {
	margin-top: 4px;
}
p.add3_btn:hover {
	background: #f2f2f2;
}
p.add3_btn.add_w {
	width: 120px;
}



.ckRes_step3 .inquiry-box dd textarea{
	margin-top: 8px;
	border-radius: 8px;
	max-width: 100%;
	height: 224px;
	border: 1px solid #A7A7A7;
	padding: 24px 32px;
}
.ckRes_step3 .inquiry-box dd textarea::placeholder{
	font-size: 16px;
	font-weight: 400;
	
}
.ckRes_step3 .ckRes_box dl {
	display: table;
	width: 100%;
}

.ckRes_step3 .ckRes_box dt {
	display: table-cell;
	vertical-align: middle;
	width: 190px;
	background: #EFF1F5;
	border-radius: 8px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	padding: 22px 0;
	color: #222;
}
.ckRes_step3 .ckRes_box dt.add_in {
	background: #458EE8;
	color: #fff;
}
.ckRes_step3 .ckRes_box dt span {
	font-size: 16px;
	font-weight: 600;
	color: #595959;
}
.ckRes_step3 .ckRes_box dt.add_in span {
	color: #fff;
	opacity: 0.8;
}
.ckRes_step3 .exami-add-txt {
	color: #F8463B;
	margin-top: 12px;
	font-size: 16px;
	font-weight: 600;
}

.ckRes_box.add-examination .video_button.video_back {
	color: #464646 !important;
	background: #fff url(../images/common/Tag_Reserve.svg) right center no-repeat;
    min-height: 34px;
    line-height: 34px;
    padding: 2px 0 2px 135px;
    float: right;
	margin-top: -36px;
	margin-right: 8px;
}



.ckRes_step3 .ckRes_box dd {
	display: table-cell;
	vertical-align: top;
	padding: 12px 0 12px 16px;
	width: 910px;
}
.ckRes_step3 .ckRes_box .video_button {
	cursor: pointer;
	color: #464646 !important;
	background: #fff url("../images/common/Tag_Reserve.svg") no-repeat right center;
	min-height: 34px;
	line-height: 34px;
	padding: 2px 0 2px 135px;
}
.ckRes_step3 .ckRes_box label{
	padding: 7px 0 8px 35px;
	word-break: keep-all;
}
.ckRes_step3 .ckRes_box input[type="radio"]+label {
	font-weight: 400;
}
.ckRes_step3 .ckRes_box li:not(.side):hover{
	background-color: #f4f4f4;
	color: #373737;
}
.ckRes_step3 .ckRes_box li:hover .video_button{
	background-color: #f4f4f4;
}
.ckRes_step3 input[type="checkbox"]+label:after{
	margin-top: 7px;
}
.ckRes_step3 .ckRes_box li {
	font-size: 14px;
	color: #595959;
	font-weight: 400;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
	padding: 2px 0;
}

.ckRes_step3 .ckRes_box li:first-child {
	margin-top: 0 !important;
}

/* 2023.12 radio버튼 커스텀 추가 */
.ckRes_step3 input[type="radio"]+label:after {
	margin-top: 7px;	
	width: 24px;
	height: 24px;
	background: url(/images/common/Check_default.svg) no-repeat 0 0 / 24px;
	font-weight: 400;
}
.ckRes_step3 input[type="radio"]:checked+label:after {	
	margin-top: 7px;	
	width: 24px;
	height: 24px;
	background: url(/images/common/Check_Active.svg) no-repeat 0 0 / 24px;
}



.dis_txt {
	font-size: 13px;
	color: #F8463B;
}

.ckRes_step3 ol>li {
	border-top: 0;
	position: relative;
	margin-top: 24px;
}

.ckRes_step3 ol>li:first-child {
	border-top: 0
}

.ckRes_step3 ol li .add-examination dt.arrow, 
.ckRes_step3 ol li .add-examination dd{
	display: block;
	width: 100%;
	padding: 0;
}
.ckRes_step3 ol li .add-examination dt.arrow {
	padding: 10px 0;
	height: auto;
	line-height: 1.6;
}
.ckRes_step3 ol li .add-examination dt.arrow .red {
	display: block;
	font-size: 16px;
	color: #F8463B;
}
.ckRes_step3 ol li .add-examination .ckRes_box dd{
	padding: 0 0 0 16px;;
}
.ckRes_step3 ol li .add-examination .ckRes_box dd span{
	font-size: 14px;
	font-weight: 600;
	color: #F8463B;
	display: block;
	margin-bottom: 8px;
	line-height: 22px;
}
.ckRes_step3 ol li .add-examination .examination-inner{
	display: block;
	/* background: #FAFAFA; */
}
.ckRes_step3 ol li .add-examination.show .examination-inner{
	display: block;
}
.ckRes_step3 ol li .add-examination.show .examination-inner dl dt{
	width: 260px;
	background: #fff;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.ckRes_step3 ol li .add-examination dt span.m_view{
	text-align: center;
	font-size: 14px;
	font-weight: 400;	
}
.ckRes_step3 ol>li>ul>li{
	margin-bottom: 16px;
}



/* 예약페이지 이지웰 이메일 폼 추가 */
.ckRes_getEmail {
	margin: -32px 0 56px;
	border-top: 8px solid #E9EFF4;
	border-bottom: 8px solid #E9EFF4;
	padding: 32px 0;
}
.ckRes_getEmail dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}
.ckRes_getEmail dt {
	width: 170px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
.ckRes_getEmail dt span {
	color: #F8463B;
	font-weight: 400;
}
.ckRes_getEmail dd {
	width: 100%;
}
.ckRes_getEmail dd input {
	font-family: Pretendard;
	width: 100%;
	height: 56px;
	border-radius: 8px;
	border: 1px solid #BCBCBC;
}

@media only all and (max-width: 768px) {
	.ckRes_getEmail {
	    padding: 24px 0;
	}
	.ckRes_getEmail dl {
	    display: block;
	}
	.ckRes_getEmail dt {
	    width: 100%;
	    font-size: 14px;
	}
	.ckRes_getEmail dd input {
	    height: 40px;
	    margin-top: 8px;
	    font-size: 14px;
	}
}


/* ckRes_total */
.ckRes_total {
	border: 2px solid #1875FF;
	border-radius: 24px;
	margin: 0 0 64px;
	overflow: hidden;
}
.total_pay .check_pay_text {
	border-bottom: 1px solid #929292;
	box-sizing: border-box;
}
.total_pay dl {
	display: table;
	padding-left: 76px;
	height: 88px;
}

.total_pay dl dt {
	display: table-cell;
	width: 300px;
	height: inherit;
	font-size: 26px;
	font-weight: 700;
	vertical-align: middle;
	text-align: center;
	color: #444;
}

.total_pay dl dd.txt {
	display: table-cell;
	width: 440px;
	height: inherit;
	font-size: 26px;
	font-weight: 700;
	vertical-align: middle;
	text-align: right;
}
.total_pay dl dd.txt span#todayCost {
	font-size: 36px;
}
.total_pay dl dd.txt span {
	font-size: 20px;
	font-weight: 900;
	color: #ee5555;
}
.total_pay .check_pay dl .txt{
	text-align: right;
}
.total_pay dl dd.etc {
	display: table-cell;
	width: 280px;
	font-size: 20px;
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
}

.total_pay dl dd.etc img {
	margin: 0 8px;
	vertical-align: sub
}

.check_pay {
	background: #eceeef;
}

.check_pay dl {
	display: table;
	padding-left: 76px;
	position: relative;
	height: 64px;
}
.check_pay dl:not(:last-child) {
	border-bottom: 1px solid #929292;
}
.check_pay_text #todayCost{
	text-align: right;
}
.check_pay dl:before {
	content: "A";
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	font-size: 34px;
	color: #e2e6e9;
	line-height: 30px;
	text-align: center;
}

.check_pay dl.add:before {
	content: "B";
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	font-size: 34px;
	color: #e2e6e9;
	line-height: 30px;
	text-align: center;
}

.check_pay dl dt {
	display: table-cell;
	width: 300px;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	vertical-align: middle;
	text-align: center;
}

.check_pay dl dd.txt {
	display: table-cell;
	width: 440px;
	font-size: 20px;
	font-weight: 700;
	color: #444;
	vertical-align: middle;
	text-align: right
}

.check_pay dl dd.txt span {
	font-weight: 700;
	color: #444;
}

.check_pay dl dd.etc {
	display: table-cell;
	width: 280px;
	font-size: 15px;
	color: #595959;
	font-weight: 500;
	vertical-align: middle;
	text-align: center;
}

.check_pay dl dd.etc .won {
	display: inline-block;
}

.check_pay dl dd.etc p {
	display: block;
	font-size: 24px;
	margin-top: 5px;
}

.check_pay dl dd.etc p span {
	font-size: 24px;
	font-weight: 900;
}

.check_pay dl dd.etc img {
	margin: 0 8px;
	vertical-align: super;
}

.check_pay.b2b dl:before {
	content: none !important
}

.payment_pay {
	background: #f7f7f7
}

.payment_pay dl {
	display: table;
	padding-left: 72px;
	border-top: 1px solid #fff;
}

.payment_pay dl dt {
	display: table-cell;
	width: 300px;
	font-size: 22px;
	font-weight: 700;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.payment_pay dl dd.txt {
	display: table-cell;
	width: 340px;
	font-size: 28px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.payment_pay dl dd.txt span {
	font-size: 34px;
	font-weight: 900;
	color: #5793c1;
}

.payment_pay dl dd.etc {
	display: table-cell;
	width: 380px;
	font-size: 22px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.payment_pay dl dd.etc .won {
	display: inline-block;
	line-height: 28px
}

.payment_pay dl dd.etc img {
	margin: 0 8px;
	vertical-align: bottom;
}
/*btn-check*/
.btn-check{
	margin-bottom: 70px;
}
.btn-check>div {
	width: 622px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.btn-check>div a {
	height: 56px;
	line-height: 56px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
.btn-check>div a:nth-child(1).rear {
	margin: 0 auto;
	width: 306px;
	background: #e9e9e9;
	color: #595959;
}
.btn-check>div a:nth-child(1) {
	height: 64px;
	line-height: 64px;
	width: 100%;
	background: #1875FF;
	color: #fff;
	margin-bottom: 16px;
}
.btn-check>div a:nth-child(2) {
	width: 49%;
	background: #999;
	color: #fff;
	font-size: 18px;
}
.btn-check>div a:nth-child(3) {
	width: 49%;
	background: #e9e9e9;
	color: #595959;
	font-size: 18px;
}


/* .btn-check li{
	width: 33%;
	float: left;
}
.btn-check li div{
	margin: 0 10px;
	border-radius: 32px;
	height: 56px;
	line-height: 56px;
	text-align: center;
}
.btn-check li div a{
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	display: block;
	width: 100%;
} */

.btn_baseArea {
	text-align: center;
}

.btn_baseArea li {
	display: inline-block;
	margin: 0 8px;
	border-radius: 32px;
}

.btn_baseArea li a {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	display: block;
	height: 56px;
	line-height: 56px;
	padding: 0 30px;
	border-radius: 32px;
}

.btn_baseArea ul>:first-child {
	width: 30%;
	background: #1875FF;
}

.btn_baseArea ul>:nth-child(2) {
	background: #999 !important;
	color: #fff;
}

.btn_baseArea ul>:last-child a {
	background: #e9e9e9 !important;
	color: #4e4e4e;
}

.btn_baseArea ul>:nth-child(2), .btn_baseArea ul>:last-child {
	width: 30%;
}
.btn_baseArea ul>:last-child a {
    background: #e9e9e9 !important;
    color: #4e4e4e;
    }
.ckRes_etc .btn_baseArea li a {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background: #5793c1;
	min-width: inherit;
	padding: 0 0
}
.checkup_plan .planother_text {
	font-size: 16px;
	text-align: center;
	color: #595959;
	margin-bottom: 15px;
}
.checkup_plan ul .btn_planother{
	width: 352px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border-radius: 32px;
	margin: 0 auto;
}
.checkup_plan ul .btn_planother a{
    color: #fff;
	font-size: 18px;
	display: block;
	width: 100%;
	position: relative;
}
.checkup_plan ul .btn_planother a::after{
	position: absolute;
	display: block;
	content:'';
	background: url(/images/main/chevron-right-white.svg) no-repeat;
	width: 8px;
	height: 12px;
	top: 26px;
	right: 32px;
}
.btn_blue {
	background: #1875FF !important
}

.btn_gray {
	background: #9cb4c7 !important
}

.btn_deep {
	background: #5793c1 !important
}
.btn_baseArea #cancelSurvey{
	color: #4e4e4e;
}

/* checkup_care */
.care_mal {
	text-align: center;
	margin: 80px auto 75px
}
.care_notice{
	text-align: center;
	margin: 50px auto 50px;
	font-size: 24px;
	color: #333;
}
 .chkResult_mal p, .care_mal p, .care_notice p, .fmb_list .fmb_list_text p {
	text-align: center;
	font-size: 24px;
	color: #222;
	position: relative;
	padding: 0 48px 0;
	display: inline-block;
}

 .care_mal p:before, .care_notice p:before, .fmb_list .fmb_list_text p:before{
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 23px;
	height: 23px;
	background: url(../images/list/mal_icon_01.svg) no-repeat 0 0;
}

  .care_mal p:after, .care_notice p:after,  .fmb_list .fmb_list_text p:after{
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	width: 23px;
	height: 23px;
	background: url(../images/list/mal_icon_02.svg) no-repeat 0 0;
}

.mypage_result .chkResult_mal p {
    font-size: 18px;
}

.table_inner {
	margin-bottom: 60px;
}

.table_inner table {
	table-layout: fixed;
	width: 100%
}

.table_inner table th, .table_inner table td {
	padding: 12px 0;
	vertical-align: middle;
	border-top: 1px solid #C9C9C9;
	height: 64px
}

.table_inner table tr:first-child th, .table_inner table tr:first-child td
	{
	border-top: 0;
}

.table_inner table th {
	font-size: 18px;
	font-weight: 700;
	color: #464646
}

.table_inner table td {
	font-size: 18px;
	font-weight: 400;
	color: #464646
}

.dot_ul li {
	position: relative;
	margin: 6px 0 6px 0;
	padding-left: 16px;
	line-height: 1.6
}

.dot_ul li:after {
	content: '';
	width: 5px;
	height: 5px;
	background: #222;
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
	border-radius: 50%;
}

.dot_ul.last {
	padding-left: 30px
}

.dot_ul.last li {
	margin: 12px 0
}

/* 맞춤형 검진설계 팝업 */
.exm_wrap {
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.3);
	display: grid;
	place-items: center;
}
.wrap_body {
	padding: 88px 24px 16px;
	display: inline-block;
	position: relative;
	border-radius: 8px;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.wrap_body.refresh {
	min-width: 452px;
	background: #fff url(/images/plan/tabler_refresh.svg) no-repeat top 32px center;
}
.wrap_body.alret {
	padding-top: 72px;
	min-width: 328px;
	background: #fff url(/images/plan/alert-circle.svg) no-repeat top 32px center; 
}
.wrap_body::before {
	content:"";
	width: 100%;
	height: 12px;
	background: #2C7FFA;
	position: absolute;
	top: 0;
	left: 0;
}
.wrap_body p {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #595959;
	line-height: 1.6;
}
.wrap_body .btn_wrap {
	margin-top: 32px;
	display: flex;
	gap: 8px;
}
.wrap_body .btn_wrap button {
	flex: 1;
	height: 40px;
	border-radius: 50px;
	background: #E9EFF4;
	font-weight: 700;
	font-family: Pretendard;
	color: #929292;
}
.wrap_body .btn_wrap button:last-child {
	color: #fff;
	background: #1875FF;
}
.wrap_body.alret button {
	margin-top: 32px;
	height: 40px;
	color: #595959;
	font-weight: 700;
	width: 100%;
	border-radius: 50px;
	background: #E9EFF4;
}


/* 맞춤형 검진설계 질환별 위험도 산출 기준 */
.riskCalculationStandards {
	width: 100%;
	padding: 24px;
	line-height: 1.4;
}
.riskCalculationStandards h1 {
	margin-bottom: 4px;
	font-size: 24px;
	font-weight: 700;
}
.riskCalculationStandards dt {
	margin-bottom: 4px;
	font-size: 16px;
	color: #222;
	font-weight: 600;
}
.riskCalculationStandards dd {
	margin-bottom: 24px;
	font-size: 14px;
	color: #595959;
}
.riskCalculationStandards dt b {
	font-size: 18px;
	font-weight: 700;
}
.riskCalculationStandards ul {
	font-weight: 600;
}
.riskCalculationStandards ul .green {
	color: #2ABB75;
}
.riskCalculationStandards ul .yellow {
	color: #FFBE3F;
}
.riskCalculationStandards ul .orange {
	color: #FF753A;
}
.riskCalculationStandards ul .red {
	color: #F8463B;
}
.riskCalculationStandards hr {
	display: block;
	margin: 20px 0 24px;
	height: 4px;
	background: #E9EFF4;
	border: none;
}
.riskCalculationStandards .flex {
	justify-content: space-between;
	margin-bottom: 24px;
}
.riskCalculationStandards .flex dt {
	margin-bottom: 0;
}
.riskCalculationStandards .flex dd {
	font-size: 12px;
	color: #929292;
	margin-bottom: 0;
}


@media only screen and (max-width: 768px) {
	.riskCalculationStandards {
		padding: 64px 16px 16px;
	}
	.riskCalculationStandards .flex {
		display: block;
	}
}


/* 맞춤형 검진설계 */
.flex {
	display: flex;
	align-items: center;
}
.grid {
	display: grid;
}
.selvy {
	position: absolute;
	top: 48px;
	right: 70px;
	color: #929292;
}
/* reservation */
.exm_reservation {
	margin: 48px 0;
}
.exm_resBox {
	margin-top: 16px;
	gap: 24px;
}
.exm_resBox > div {
	flex: 1;
}
.exm_resBox > div:first-child {
	border-radius: 16px;
	background: #F8F8F8;
	padding: 16px;
}
.exm_resBox + .txt {
	color: #595959;
	font-size: 12px;
	margin-top: 8px;
}
.resBox_inner {
	gap: 40px;
	position: relative;
}
.resBox_inner > div:not(.arrow) {
	flex: 1;
	border-radius: 8px;
	border: 1px solid #E4E4E4;
	background: #FFF;
	text-align: center;
	padding: 4px;
}
.resBox_inner > div p {
	padding: 8px 0;
	border-radius: 4px;
	font-weight: 700;
}
.resBox_inner > div:first-child p {
	background: #E9EFF4;
	color: #595959;
}
.resBox_inner > div:last-child p {
	background: #458EE8;
	color: #fff;
}
.resBox_inner > div dl {
	padding: 8px;
	justify-content: center;
	gap: 2px;
}
.resBox_inner > div dt {
	font-size: 42px;
	font-weight: 700;
}
.resBox_inner > div dd {
	padding-top: 14px;
	font-size: 16px;
	font-weight: 600;
}
.resBox_inner > div:last-child dl {
	color: #458EE8;
}
.exm_resBox_inner .txt {
	font-size: 12px;
	color: #595959;
	margin-top: 16px;
}
.resBox_inner .arrow {
	position: absolute;
	width: 124px;
	height: 90px;
	left: 50%;
	transform: translateX(-50%);
	background: url(/images/plan/arrowRed.svg) no-repeat center center / 100%;
}
.resBox_inner .arrow .age {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 42%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

.exm_resBox > div > dl dt {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 16px;
}
.exm_resBox > div > dl dt span {
	position: relative;
}
.exm_resBox > div > dl dt span b {
	font-weight: 700;
}
.exm_resBox > div > dl dt span b.red {
	color: #F8463B;
}
.exm_resBox > div > dl dt span b.blue {
	color: #2C7FFA;
}

.exm_resBox > div > dl dd {
	margin: 8px 0 16px;
	color: #595959;
}
.exm_resBox .txtDanger {
	padding-left: 32px;
	background: url(/images/plan/icn_AI_agegrade.svg) no-repeat left center / 24px;
	font-weight: 600;
	color: #222;
}
.exm_resBox .txtDanger + .txt {
	margin-top: 8px;
    font-size: 14px;
    color: #595959;
}

.exm_resBox > div > ul {
	min-height: 124px;
	margin-top: 16px;
	display: flex;
	gap: 8px;
}
.exm_resBox > div > ul li {
	position: relative;
	flex: 1;
	background: #F8F8F8;
	border-radius: 8px;
	padding: 72px 12px 16px;
	text-align: center;
}


.exm_resBox > div > ul li.rank {
	flex: 1.2;
	background: #fff url(/images/plan/icn_AI_trophy.svg) no-repeat top center ;
	padding: 64px 12px 12px;
}
.exm_resBox > div > ul li.rank dt {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.exm_resBox > div > ul li.rank dd {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	position: relative;
	left: unset;
	bottom: unset;
	padding-right: 0;
	font-size: 28px;
	font-weight: 700;
	z-index: 1;
}
.exm_resBox > div > ul li.rank dd::after {
	content:"";
	z-index: -1;
	position: absolute;
	bottom: 4px;
	left: 50%;
    transform: translateX(-50%);
	width: 72px;
	height: 12px;
	background: #cdedfb;
}

.exm_resBox > div > ul dt {
	font-size: 16px;
	font-weight: 600;
}
.exm_resBox > div > ul dd {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 700;
	color: #595959;
}

.exm_resBox > div > ul .rank1 {
	background: #F8F8F8 url(/images/plan/icn_AI_gold.svg) no-repeat top 24px center / 32px;
}
.exm_resBox > div > ul .rank2 {
	background: #F8F8F8 url(/images/plan/icn_AI_silver.svg) no-repeat top 24px center / 32px;
}
.exm_resBox > div > ul .rank3 {
	background: #F8F8F8 url(/images/plan/icn_AI_bronze.svg) no-repeat top 24px center / 32px;
}

.exmDesign .exm_chart {
	max-width: 540px;
	margin: 0 0 16px 0;
	width: 540px;
	height: 160px;
	position: absolute;
	right: 24px;
	top: 16px;
}
.exmDesign .exm_chart>div>svg>g>g>path {
	fill: transparent;
}
.exmDesign .exm_chart>div>svg>g>g>g {
	transform: translate(0, 0);
}
.exmDesign .exm_chart>div>svg>g>g>g:nth-of-type(2) {
	transform: translate(80px, 72px);
	x: 50%;
	y: 50%;
}
.exmDesign .exm_chart>div>svg>g>g>g>g:nth-child(2) {
	fill: red;
}
.exmDesign .exm_chart>div>svg>g>g>g>g:nth-child(3) {
	fill: orange;
	transform: translate(170px, 0);
}
.exmDesign .exm_chart>div>svg>g>g>g>g:nth-child(4) {
	fill: green;
	transform: translate(338px, 0);
}

.exmDesign .exm_chart .rate {
	margin-top: 4px;
	padding: 2px 8px;
	background: #F8463B;
	color: #fff;
	border-radius: 50px;
}

.exmDesign .exm_top.chart {
	margin-top: 16px;
}
.exmDesign .exm_top.chartjs {
	position: relative;
	padding-bottom: 48px;
}
.exm_top.chart p {
	position: absolute;
	right: 16px;
	bottom: 6px;
	font-size: 14px;
	color: #595959;
}
.exm_top.chart ul {
	margin-top: 8px;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 60px;
	font-size: 16px;
	font-weight: 700;
	color: #222;
}
.exm_top.chart ul li {
	width: 114px;
	text-align: center;
	word-break: keep-all;
	white-space: wrap;
}
.exmDesign .exm_chart .smile {
	display: flex;
	justify-content: center;
	gap: 40px;
}
.exmDesign .exm_chart .smile li {
	height: 114px;
	background: url(/images/plan/ant-design_smile-filled.svg) no-repeat 0 0 / 100%;
}


/* exm_table_wrap */
.yes_result {
	padding-bottom: 40px;
}
.yes_result .exm_table button {
	padding: 6px 24px;
	border-radius: 18px;
	background: #458EE8;
	color: #fff;
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 700;
}

.exm_table_wrap {
	margin-bottom: 40px;
}
.exm_table_wrap .exm_none {
	display: grid;
	place-items: center;
	height: 96px;
	margin-top: 16px;
	background: #f6f6f6;
	border-radius: 8px;
	color: #595959;
}

.exm_table_wrap .exm_tit p:nth-child(2) {
	color: #FF753A;
    font-size: 16px;
}
.exm_table {
	margin-top: 16px;
	width: 100%;
	text-align: center;
}
.exm_table tr {
	height: 56px;
	border-bottom: 1px solid #E4E4E4;
}
.exm_table thead {
	background: #F6F6F6;
	border-top: 1px solid #868686;
}
.exm_table thead th {
	font-weight: bold;
}

.exm_number {
	margin-top: 40px;
	font-size: 18px;
}
.exm_number ul {
	margin-top: 16px;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 8px;
}
.exm_number .gray {
	color: #929292;
	font-size: 15px;
	margin-top: 4px;
}
.exm_number ul li label {
	display: inline-block;
	width: 100%;
    height: 48px;
    line-height: 28px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F8F8F8;
    cursor: pointer;
    font-size: 16px;
    color: #595959;
    text-align: center;
	border: 1px solid #F8F8F8;
}
.exm_number ul:not(.two, .three) li:first-child {
	width: calc(25% - 4px);
	grid-column: span 4;
}
.exm_number ul li input[type="radio"],
.exm_number ul li input[type="checkbox"] {
	display: none;
}
.exm_number ul li input[type="radio"]+label:after,
.exm_number ul li input[type="checkbox"]+label:after {
	display: none;
}
.exm_number ul li input[type="radio"]:checked+label,
.exm_number ul li input[type="checkbox"]:checked+label {
	color: #2C7FFA;
	border: 1px solid #2C7FFA;
}
.exm_number ul.two {
	grid-template-columns: repeat(2, 1fr);
}
.exm_number ul.three {
	grid-template-columns: repeat(3, 1fr);
}
/* .exm_number ul.week {
	position: relative;
	grid-template-columns: repeat(8, 1fr);
}

.exm_number ul.week li:last-child {
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(-50%);
} */
.exm_number_adbox {
	margin-top: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 108px;
	width: 100%;
	height: 56px;
	border-radius: 8px;
	border: 1px solid #2C7FFA;
}
.exm_number_adboxWrap {
	display: none;
}
.exm_number_adboxWrap.show {
	display: block;
}
.exm_number_adbox dl {
	display: flex;
	align-items: center;
	gap: 80px;
	font-size: 16px;
}
.exm_number_adbox dt {
	font-weight: 700;
}
.exm_number_adbox dd {
	color: #595959;
}
.exm_number_adbox dd input[type="number"] {
	width: 72px;
	height: 32px;
	background: #F1F4F6;
	border-radius: 4px;
	border: none;
	margin-left: 8px;
	padding: 0 8px;
}

.exmDesign .exm_top {
	margin-top: 72px;
	position: relative;
	padding: 32px 64px;
	border-radius: 16px;
	background: #F8F8F8;
}
.exmDesign .exm_top::after {
	content:"";
	position: absolute;
	right: 64px;
}
.exmDesign .exm_top.before_login::after {
	bottom: 0;
	width: 248px;
	height: 237px;
	background: url(/images/plan/img_AIplanner_1.png) no-repeat;
	background-size: 100%;
}
.exm_top.before_login {
	background: #fff;
	padding-left: 0;
}
.exm_top.before_login dt {
	font-size: 20px;
	margin-bottom: 4px;
}
.exm_top.before_login dd {
	font-size: 32px;
	font-weight: 700;
	color: #2C7FFA;
}
.exm_top.before_login ul {
	height: 56px;
	margin-top: 16px;
	display: flex;
	border-bottom: 1px solid #929292;
}
.exm_top.before_login ul li {
	height: 100%;
	line-height: 56px;
	text-align: center;
}
.exm_top.before_login ul li input[type="radio"]+label {
	padding: 0 16px;
	font-size: 32px;
	font-weight: 700;
	color: #929292;
}
.exm_top.before_login ul li input[type="radio"]:checked+label {	
	background: transparent;
	border-bottom: 4px solid #2C7FFA;
	color: #2C7FFA;
}
.exm_top.before_login input[type="radio"]+label:after {
	display: none;
}
.exm_top.login {
	color: #222;
	font-size: 24px;
}
.exm_top.login dt {
	margin-bottom: 8px;
}
.exm_top.login dd.box {
	margin-top: 16px;
	width: 423px;
	padding: 6px 0;
	text-align: center;
	background: #DEEFFF;
	color: #2C7FFA;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
}
.exm_top.login small {
	font-size: 20px;
	display: block;
	margin: 8px 0;
}
.exm_top.login b {
	font-weight: 700;
}
.exm_top.login span {
	color: #2C7FFA;
	font-weight: 700;
}
.exm_top.login span.eleBox {
	display: none;
}
.exm_top.login span.number {
	font-size: 24px;
	cursor: pointer;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
	padding: 2px 12px 1px;
	transition: box-shadow 0.3s;
}
.exm_top.login span.number:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
}
.exm_top.login .number_box {
	display: none;
	z-index: 10;
	left: 224px;
	top: 90px;
	width: 300px;
	position: absolute;
	border-radius: 8px;
	border: 1px solid #C9C9C9;
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
	padding: 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	color: #222;
	text-align: center;
	cursor: auto;
}
.exm_top.login .number_box table {
	width: 100%;
}
.exm_top.login .number_box table td:last-child {
	font-weight: bold;
}
.exm_top.login .number_box .red {
	color: #F8463B;
}
.exm_top.login .number_box .org {
	color: #FF753A;
}
.exm_top.login .number_box .ylw {
	color: #FFBE3F;
}
.exm_top.login .number_box .blue {
	color: #2ABB75;
}
.exm_top.login .number_box.show {
	display: block;
}

.exmDesign .exm_btn {
	margin: 40px 0;
}
.exmDesign .exm_btn ul {
	height: 40px;
	display: flex;
	gap: 12px;
}
.exmDesign .exm_btn ul li input[type="radio"] {
	display: none;
}
.exmDesign .exm_btn ul li input[type="radio"]+label {
	width: 126px;
	height: 100%;
	border-radius: 50px;
	background: #ECEEEF;
	font-size: 16px;
	color: #929292;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 0;
	padding: 0;
}
.exm_btn.login ul li input[type="radio"]+label {
	width: 140px;
}
.exmDesign .exm_btn ul li input[type="radio"]:checked+label {
	background: #5394F5;
	color: #fff;
}
.exmDesign .exm_btn input[type="radio"]+label:after {
	display: none;
}

.exmDesign .exm_body {
	display: grid;
	grid-row-gap: 32px;
	grid-column-gap: 16px;
	grid-template-columns: repeat(4, 1fr);
}
.exmDesign .exm_body > div {
	cursor: pointer;
	border: 1px solid #E4E4E4;
	background: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	gap: 8px;
	padding: 16px;
	overflow: hidden;
}
.exmDesign .exm_body > div img {
	width: calc(100% + 32px);
	margin: -16px 0 0 -16px;
	aspect-ratio: 266 / 142;
	background: #eee;
}
.exmDesign .exm_body > div h4 {
	margin: 4px 0 8px;
	font-size: 18px;
	color: #222;
}
.exmDesign .exm_body > div .btn_wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 32px;
	gap: 8px;
}
.exm_body > div .btn_wrap button {
	border-radius: 50px;
	border: 1px solid #929292;
	font-weight: 700;
	color: #595959;
	font-size: 14px;
	font-family: Pretendard;
}
.exm_body > div .btn_wrap button:last-child {
	border: 1px solid #2C7FFA;
	background: #EFFAFF;
	color: #2C7FFA;
}
.exmDesign .exm_bottom {
	margin: 40px 0 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.exmDesign .exm_bottom .exm_curious {
	margin: 32px 0 8px;
	font-size: 18px;
	font-weight: 600;
	color: #FF753A;
}
.exmDesign .exm_bottom .exm_curious span {
	text-decoration: underline;
}
.exmDesign .exm_bottom button {
	width: 360px;
	height: 64px;
	padding-left: 32px;
	border-radius: 50px;
	font-weight: bold;
	font-family: Pretendard;
}
.exmDesign .exm_bottom button.before_login {
	background: #fff url(/images/plan/Add_round.svg) no-repeat left 97px center;
	border: 1px solid #929292;
	color: #595959;
}
.exmDesign .exm_bottom button.login_none {
	background: #fff url(/images/plan/Refresh.svg) no-repeat left 54px center;
	border: 1px solid #0C73BE;
	color: #0C73BE;
}
.exmDesign .exm_bottom button.next {
	padding-left: 0;
	background: #2C7FFA;
	color: #fff;
}
.exmDesign .exm_bottom p {
	color: #595959;
	margin-bottom: 16px;
}
.exmDesign .exm_bottom .gry {
	margin-top: 16px;
	cursor: pointer;
}

.exmDesign .exm_tit {
	margin-top: 40px;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}
.exmDesign .exm_tit .exm_addtit {
	font-size: 24px;
	font-weight: 600;
}
.exmDesign .exm_tit p {
	font-size: 16px;
	font-weight: 600;
	color: #595959;
}
.exmDesign .exm_tit p b {
	font-weight: bold;
}
.exmDesign .exm_tit p:nth-of-type(2) {
	font-weight: 400;
}
.exmDesign .exm_tit h3 {
	font-size: 18px;
	font-weight: 700;
	padding-left: 32px;
	background: url(/images/plan/file-plus.svg) no-repeat left center;
}
.exmDesign .exm_tit .hexagon {
	margin-right: auto;
	background: url(/images/plan/hexagon.svg) no-repeat left center;
}
.exmDesign .exm_tit .exp_btn {
	background: url(/images/print/question.svg) no-repeat left center / 16px;
	padding-left: 20px;
	font-size: 14px;
}
.exmDesign .exm_tit .exp_btn:hover {
	text-decoration: underline;
}
.exmDesign .tit_btn {
	width: 226px;
	height: 40px;
	border-radius: 8px;
	background: #E9EFF4 url(/images/plan/Refresh.svg) no-repeat left 40px center;
	border-radius: 8px;
	color: #0C73BE;
	padding-left: 32px;	
	font-weight: 600;
	font-family: Pretendard;
}
.exmDesign .exm_title {
	margin-top: 32px;
	color: #222;
	font-size: 24px;
	font-weight: 600;
}
.exmDesign .exm_title span {
	color: #2C7FFA;
}
.exm_btn.login_all {
	margin: 0;
	margin-left: auto;
}
.exmDesign select {
	cursor: pointer;
	border: 1px solid #929292;
	border-radius: 8px;
	line-height: 32px;
	font-size: 16px;
	color: #595959;
	font-family: Pretendard;
	height: 32px;
}
.exmDesign .exm_select {
	margin: 24px 0;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 12px;
}
.exm_select .set_region {
	width: 152px;
}
.exmDesign .exm_body_all {
	display: grid;
	grid-template-columns: 248px 1fr;
	grid-gap: 24px;
}
.rec_exm_items .rec_box {
	border-radius: 8px;
	border: 1px solid #2C7FFA;
	padding: 0 12px 16px;
	height: 725px;
}
.rec_exm_items .rec_box p {
	position: relative;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #222;
	font-weight: 700;
}
.exm_select .add_wrap {
	height: 24px;
	line-height: 24px;
	margin-left: auto;
}
.exm_select .add_wrap label {
	font-size: 15px;
}
.rec_exm_items .rec_box .num {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	padding: 4px 8px 3px;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	background: #2C7FFA;
	border-radius: 50px;
	line-height: 1;
}
.rec_exm_items .rec_box .listWrap {
	width: 100%;
	height: calc(100% - 48px - 56px - 16px - 56px);
	overflow: auto;
}
.listWrap::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */
.listWrap { background-color:#fff; } /* 스크롤 바 밑의 배경 */
.listWrap::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */
.listWrap::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.listWrap::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.listWrap::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

.rec_exm_items .rec_box .listBtn button {
	margin-top: 8px;
	width: 100%;
	height: 56px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	font-family: Pretendard;
}
.rec_exm_items .rec_box .listBtn button:first-child {
	background: #2C7FFA;
	color: #fff;
}
.rec_exm_items .rec_box .listBtn button:last-child {
	background: #E4E4E4;
	color: #929292;
}
.rec_box .listWrap > div {
	position: relative;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #595959;
	background: #F8F8F8;
	padding: 14px 16px;
	border-radius: 8px;
}
.rec_box .listWrap > div::after {
	content:"";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	width: 24px;
	height: 24px;
	background: url(/images/etc/app_icn_result_detailsUp_16px.svg) no-repeat 0 0 / 100%;
	transform: translateY(-50%) rotate(0deg);
}
.rec_box .listWrap > div.active::after {
	transform: translateY(-50%) rotate(180deg);
}
.rec_box .listWrap > div .itemNum {
	border-radius: 50px;
	border: 1px solid #595959;
	background: #fff;
	margin-left: 8px;
	font-size: 12px;
	color: #595959;
	padding: 3px 8px 2px;
}
.rec_box .listWrap > div:not(:first-child),
.rec_box .listWrap > div+ol li {
	margin-top: 8px;
}
.rec_box .listWrap > div+ol {
	display: none;
	padding: 8px 0;
}
.rec_box .listWrap > div+ol span {
	font-size: 14px;
}

.exm_body_all .body_none {
	display: none;
	position: relative;
}
.exm_body_all .body_none > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.exm_body_all .body_none p {
	text-align: center;
	font-size: 18px;
	color: #595959;
	font-weight: 700;
}
.exm_body_all .body_none button {
	margin: 24px auto 0;
	width: 360px;
	height: 64px;
	border-radius: 50px;
	border: 1px solid #2C7FFA;
	font-size: 18px;
	color: #2C7FFA;
	font-weight: 600;
	font-family: Pretendard;
}
.exm_body_all .body_none b {
	color: #222;
	font-weight: bold;
}
.exm_body_all .body_wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 16px;
	max-height: 725px;
	overflow-y: auto;
}

.exm_body_all .body_wrap::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */
.exm_body_all .body_wrap::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */
.exm_body_all .body_wrap::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */
.exm_body_all .body_wrap::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.exm_body_all .body_wrap::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.exm_body_all .body_wrap::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */


.exm_body_all .body_wrap .box {
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #C9C9C9;
	background: #FFF;
	padding: 8px 12px 12px;
	transition: background 0.1s;
}
.exm_body_all .body_wrap .box:hover {
	background: #f8f8f8;
}
.body_wrap .box div:first-child img {
	width: 100%;
	min-width: 100%;
	max-height: 136px;
	min-height: 136px;

	background: #eee;
	border-radius: 8px;
}
.body_wrap .box div:first-child p {
	text-align: center;
	font-size: 14px;
	color: #929292;
	margin-top: 8px;
	font-weight: 600;
}
.body_wrap .box div:first-child span {
	color: #FF753A;
}
.body_wrap .box div:last-child h4 {
	margin-top: 16px;
	font-size: 18px;
	color: #222;
	width: 100%;
}
.body_wrap .box div:last-child h5 {
	font-size: 14px;
	color: #595959;
}
.body_wrap .box div:last-child dl {
	margin-top: 8px;
	font-weight: 600;
    flex-wrap: wrap;
	justify-content: space-between;
}
.body_wrap .box div:last-child dt {
	font-size: 16px;
	color: #595959;
}
.body_wrap .box div:last-child dt span {
	font-size: 13px;
	color: #929292;
}
.body_wrap .box div:last-child dd {
	font-size: 18px;
	color: #2C7FFA;
    margin-left: auto;
}
.body_wrap .box div:last-child p {
	position: absolute;
	top: 12px;
	right: 16px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	color: #222;
	font-size: 14px;
	font-weight: 600;
	padding: 3px 6px 2px;
	border-radius: 4px;
}
/* 추가 */
#case2_exm_body .box ul {
	margin-top: 8px;
	display: flex;
	gap: 8px;
}
#case2_exm_body .box ul li {
	height: 24px;
	padding: 0 8px 0 16px;
	border-radius: 4px;
	background: #F8F8F8;
	font-size: 12px;
	font-weight: 600;
	color: #595959;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#case2_exm_body .box ul li span {
	color: #2C7FFA;
	font-weight: 700;
	margin-left: 16px;
}
#case2_exm_body .box p {
	font-size: 20px;
	color: #222;
	font-weight: 600;
	text-align: right;
}


@media only screen and (max-width: 768px) {
	/* 팝업 */
	.exm_wrap {
		padding: 0 16px;
	}
	.wrap_body {
		width: 100%;
		padding: 88px 0 0 0;
	}
	.wrap_body.refresh {
		min-width: 100%;
	}
	.wrap_body .btn_wrap {
		gap: 0;
	}
	.wrap_body .btn_wrap button {
		border-radius: 0;
		height: 56px;
		font-size: 16px;
	}
	.wrap_body.alret button {
		border-radius: 0;
		height: 56px;
		font-size: 16px;
	}	
	/* 팝업 끝 */

	/* 24.03 맞춤형 */
	.exmDesign {
		word-break: keep-all;
	}
	.exm_table_wrap {
		margin-bottom: 0;
	}
	.exmDesign .exm_tit:first-child {
		margin: 0;
	}
	.exmDesign .result {
		padding: 12px 0 24px;
		background: url(/images/main/app_img_main_banner_4.png) no-repeat right center / 98px;
	}
	.exmDesign .exm_tit h3 {
		font-size: 16px;
		padding-left: 30px;
	}
	.exmDesign .exm_tit p:nth-of-type(2) {
		font-size: 14px;
	}
	.exmDesign .exm_tit.margin {
		margin: 16px 0;
	}
	.exmDesign .exm_tit .exp_btn {
		font-size: 12px;
	}
	.exmDesign .sub_area {
		padding: 64px 16px 40px 16px;
	}
	.exm_table_wrap .exm_none {
		height: unset;
		padding: 24px 0;
	}
	.exm_table_box {
		margin-top: 16px;
		max-height: 310px;
		overflow-y: auto;
	}
	.exm_table {
		margin-top: 0;
	}
	.exm_table tr {
		height: 48px;
	}
	.yes_result .exm_table button {
		font-size: 14px;
		padding: 4px 12px;
	}
	.exmDesign .exm_bottom button.next {
		border-radius: 8px;
	}
	.exm_number {
		font-size: 16px;
	}
	.exm_number ul {
		grid-template-columns: repeat(2, 1fr);
		font-size: 14px;
	}
	.exm_number ul:not(.two, .three) li:first-child {
		width: 100%;
		grid-column: span 2;
	}
	.exm_number ul li label {
		height: unset;
	}
	.exm_number input[type="checkbox"]+label {
		margin: 0;
	}
	.exm_number ul.week {
		width: calc(100% - 24px);
	}
	.exm_number ul.three {
		display: block;
	}
	.exm_number ul.three li:not(:last-child) {
		margin-bottom: 8px;
	}
	.exm_number_adbox {
		border: none;
		height: unset;
	}
	.exm_number_adbox,
	.exm_number_adbox dl {
		display: block;
	}
	.exm_number_adbox dt {
		margin: 4px 0 8px;
	}
	.exm_reservation {
		margin: 0 0 24px;
	}
	.exm_resBox {
		display: block;
		margin-top: 12px;
	}
	.exm_resBox > div > dl dt {
		font-size: 16px;
	}
	.exm_resBox > div > ul li {
		border: none;
	}
	.resBox_inner .arrow {
		width: 80px;
		height: 72px;
	}
	.resBox_inner .arrow .age {
		font-size: 16px;
	}
	.exm_resBox .txtDanger {
		font-size: 16px;
	}
	.exm_resBox > div {
		margin-top: 16px;
	}
	.resBox_inner > div dt {
		font-size: 32px;
	}
	.exm_resBox > div:last-child > ul {
		margin-top: 8px;
		display: block;
	}
	.exm_resBox > div:last-child > ul li {
		width: 100%;
		flex: unset;
		padding: 10px 16px 10px 64px;
	}
	.exm_resBox > div > ul dt {
		margin: 0;
	}
	.exm_resBox > div:last-child > ul li dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.exm_resBox > div:last-child > ul li dt {
		font-size: 14px;
		font-weight: 700;
	}
	.exm_resBox > div:last-child > ul li dd {
		position: static;
	}

	.exm_resBox > div > ul li.rank {
		background: #F8F8F8 url(/images/plan/icn_AI_trophy.svg) no-repeat left 16px center / 32px;
	}
	.exm_resBox > div > ul .rank1 {
		background: #fff url(/images/plan/icn_AI_gold.svg) no-repeat left 16px center / 24px;
	}
	.exm_resBox > div > ul .rank2 {
		background: #fff url(/images/plan/icn_AI_silver.svg) no-repeat left 16px center / 24px;
	}
	.exm_resBox > div > ul .rank3 {
		background: #fff url(/images/plan/icn_AI_bronze.svg) no-repeat left 16px center / 24px;
	}

	.exm_resBox > div > ul li.rank dd {
		margin-top: 0;
	    font-size: 16px;
	}
	.exm_resBox > div > ul li.rank dd::after {
		display: none;
	}
	.exmDesign .exm_chart,
	.exm_top.chart p {
		position: static;
	}
	.exm_top.login dd.box,
	.exmDesign .exm_chart {
		width: 100%;
	}
	.exmDesign .exm_chart {
		width: 100%;
		height: unset;
		margin: 16px auto 8px;
	}
	.exmDesign .exm_chart.chart {
		height: 280px;
	}
	.exm_top.chart ul {
		width: 100%;
		justify-content: center;
		margin: 0 auto;
	}
	.exm_top.login dd.box {
		font-size: 14px;
		margin-top: 8px;
	}
	.exmDesign .exm_top {
		margin-top: 40px;
		padding: 16px;
		border-radius: 8px;
	}
	.exmDesign .exm_top.chartjs {
		padding-bottom: 18px;
	}
	.exm_top.login .number_box {
		left: 0;
		top: 64px;
	}
	.exm_top.before_login dt {
		font-size: 14px;
	}
	.exm_top.before_login dd {
		font-size: 18px;
	}
	.exm_top.before_login {
		background: #F8F8F8;
		padding-left: 16px;
	}
	.exm_top.before_login ul {
		height: unset;
		line-height: unset;
		margin-top: 12px;
		gap: 16px;
		border-bottom: 0;
	}
	.exm_top.before_login ul li {
		flex: 1;
		height: 100%;
		line-height: unset;
		text-align: center;
	}
	.exm_top.before_login ul li input[type="radio"]+label {
		width: 100%;
		border-radius: 4px;
		padding: 6px 16px;
		font-size: 14px;
		color: #929292;
		border: 1px solid #929292;
	}
	.exm_top.before_login ul li input[type="radio"]:checked+label {	
		background: #2C7FFA;
		border: 1px solid #2C7FFA;
		color: #fff;
	}
	.exmDesign .exm_top.before_login::after {
		width: 96px;
		height: 91px;
		right: 0px;
		top: -48px;
	}
	.exmDesign .exm_btn {
		margin: 32px 0 16px;
	}
	.exmDesign .exm_btn ul {
		height: 32px;
		gap: 8px;
	}
	.exmDesign .exm_btn ul li {
		flex: 1;
	}
	.exmDesign .exm_btn ul li input[type="radio"]+label {
		width: unset;
	}
	.exmDesign .exm_body {
		grid-row-gap: 16px;
		grid-column-gap: 8px;
		grid-template-columns: repeat(2, 1fr);
	}
	.exmDesign .exm_body > div {
		padding: 8px;
	}
	.exmDesign .exm_body > div img {
		width: calc(100% + 16px);
		margin: -8px 0 0 -8px;
	}
	.exmDesign .exm_body > div h4 {
		font-size: 14px;
	}
	.exmDesign .exm_body > div .btn_wrap {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(2, 40px);
		gap: 4px;
	}
	.exm_body > div .btn_wrap button {
		 border-radius: 8px;
		 border: none;
		 background: #F8F8F8;
	}
	.exm_body > div .btn_wrap button:last-child {
		 border: none;
	}
	.exmDesign .exm_bottom {
		margin: 40px 0;
	}
	.exmDesign .exm_bottom button {
		width: 100%;
		height: 56px;
	}
	.exmDesign .exm_bottom button.before_login {
		background: #fff url(/images/plan/Add_round.svg) no-repeat left 30% center
	}
	.exmDesign .exm_tit {
		flex-wrap: wrap;
		gap: 12px;
	}
	.exmDesign .exm_tit.m_margin {
		margin-top: 4px;
	}
	.exmDesign .exm_tit .exm_addtit {
		font-size: 20px;
	}
	.exmDesign .exm_tit p {
		font-size: 16px;
		font-weight: 600;
		color: #595959;
	}
	.exmDesign .exm_tit p:nth-of-type(1) {
		font-size: 14px;
		margin-left: 0;
	}
	.exmDesign .tit_btn {
		margin-top: 12px;
		width: 100%;
		height: 56px;
		font-size: 16px;
		background: #E9EFF4 url(/images/plan/Refresh.svg) no-repeat left 30% center;
	}
	.exmDesign .exm_title {
		font-size: 18px;
		margin: 32px 0 16px;
	}
	/* 바텀 */
	.exm_items_btn {
		width: 100%;
		height: 56px;
		font-weight: 600;
		color: #2C7FFA;
		border: 1px solid #2C7FFA;
		border-radius: 8px;
		margin: 24px 0 16px;
		background: #fff url(/images/plan/icn_AI_test.svg) no-repeat center left 16px;
	}
	.rec_exm_items {
		display: none;
		z-index: 10000;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
	}
	.rec_exm_items .rec_box {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 75%;
		background: #fff;
		border-radius: 16px;
		border: none;
	}
	.rec_exm_items .rec_box p {
		font-size: 16px;
	}
	.rec_exm_items .rec_box ul {
		padding: 8px 0 40px 32px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);	
	}
	.rec_exm_items .rec_box ul li {
		text-align: left;
		height: 32px;
		line-height: 32px;
	}
	.rec_exm_items .rec_box .listBtn {
		display: flex;
		gap: 8px;
	}
	.rec_exm_items .rec_box .listBtn button:first-child {
		flex :3;
	}
	.rec_exm_items .rec_box .listBtn button:last-child {
		flex :2;
	}
	.rec_exm_items .rec_box .add_wrap {
		line-height: unset;
	}
	.exmDesign .exm_select {
		margin: 24px 0 0;
		gap: 8px;
		flex-wrap: wrap;
	}
	.exmDesign select {
		text-align: center;
		flex: 1;
		font-size: 14px;
		font-weight: 400;
	}
	.exm_select .add_wrap {
		margin-left: unset;
	}
	.exm_select .add_wrap input[type="checkbox"]+label:after,
	.exm_select .add_wrap input[type="checkbox"]:checked+label:after {
		background-size: 24px;
	}
	.exm_select .set_order {
		border: 1px solid #929292;
	}
	.exm_btn.login_all {
		width: 100%;
		margin: 0;
	}
	.exm_btn.login ul li input[type="radio"]+label {
		width: unset;
	}
	.exmDesign .exm_body_all {
		display:  block;
		margin: 16px 0 0;
	}
	.exm_body_all .body_wrap {
		display: block;
	}
	.exm_body_all .body_wrap .box {
		display: grid;
		grid-template-columns: 96px 1fr;
		grid-gap: 12px;
		padding: 12px;
	}
	.exm_body_all .body_wrap .box:not(:last-child) {
		margin-bottom: 12px;
	}
	.body_wrap .box div:first-child img {
		min-width: 96px;
		min-height: 96px;
		aspect-ratio: 1 / 1;
	}
	.body_wrap .box div:last-child p {
		position: static;
		padding: 4px 0 0 0;
		background: unset;
	}
	.body_wrap .box div:last-child h4 {
		margin-top: 4px;
		font-size: 16px;
		font-weight: 600;
	}
	.body_wrap .box div:last-child dd {
		font-size: 16px;
	}
	.exm_body_all .body_none > div {
		position: static;
		transform: unset;
		padding: 40px 0;
	}
	.exm_body_all .body_none p {
		font-size: 16px;
	}
	.exm_body_all .body_none button {
		display: block;
		width: 100%;
		max-width: 360px;
	}
	.exm_top.login {
		margin-top: 142px;
		font-size: 14px;
	}
	.exm_top.login dt {
		font-size: 18px;
		margin-bottom: 4px;
	}
	.exm_top.login small {
		font-size: 14px;
	}
	.exm_top.login span {
		font-size: 18px;
	}
	.exm_top.login span.number {
		font-size: 18px;
		padding: 2px 8px 1px;
	}
	.exm_top.login span.number .number_box {
		width: 240px;
		bottom: 24px;
		right: -80px;
		margin-top: 0;
		font-size: 14px;
	}
	/* 추가 */
	#case2_exm_body .box ul {
		gap: 4px;
	}
	#case2_exm_body .box ul li {
		flex: 1;
		padding: 0 4px;
	}
	#case2_exm_body .box ul li span {
		margin-left: 0px;
	}
	#case2_exm_body .box h4 {
		font-size: 14px;
	}
	#case2_exm_body .box p {
		font-size: 16px;
	}

}


/* family_res */
.fmb_top {
	text-align: center;
	margin-bottom: 70px;
}

.fmb_top h2 {
	font-size: 30px;
	font-weight: 500;
	color: #222;
	position: relative;
	padding: 0 45px;
	display: inline-block;
}
.fmb_top h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 23px;
    height: 23px;
    background: url(../images/list/mal_icon_01.svg) no-repeat 0 0;
    }
    .fmb_top h2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 7px;
    width: 23px;
    height: 23px;
    background: url(../images/list/mal_icon_02.svg) no-repeat 0 0;}
    
.btn_addfamily {
	max-width: 160px;
	height: 36px;
	line-height: 36px;
	display: block;
	margin: 0 auto 65px;
	background: #9cb4c7;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	border-radius: 18px
}

.fmb_list {
	margin-bottom: 110px;
}

.fmb_list .art_choice {
	text-align: center;
	padding: 0 0;
}

.fmb_list .art_choice>li {
	display: inline-block;
	max-width: 358px;
	margin: 3px 3px;
}

.fmb_list .art_choice>li+li+li dl {
	background: #4FB3BC;
	position: relative;
}
#chkResultView .fmb_list_button, .fmb_list_choice .fmb_list_button{
	max-width: 362px;
	height: 56px;
	line-height: 56px;
	background: #06A5EA;
    border-radius: 28px;
    color: #fff;
    margin: 72px auto 0;
    font-size: 20px;
    cursor: pointer;
}
#chkResultView .fmb_list_button img, .fmb_list_choice .fmb_list_button img{
	width: 12px;
	float: right;
	margin: 20px 32px 0 0; 
}
.contents .vs_top .exam_list{
	margin-top: 0;
}

/* checkup_res2 */
.checkup_res2 .ckRes_info1 {
	float: none;
	width: auto
}

.checkup_res2 .ckRes_info1 .list_grade {
	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

.checkup_res2 .ckRes_info1 .list_grade dt {
	background: #fff;
	width: 120px;
	font-weight: 400;
	font-size: 16px;
}

.checkup_res2 .ckRes_info1>ul>li>dl {
	position: relative;
}

.checkup_res2 .ckRes_info1>ul>li>dl>dt {
	width: 140px;
	position: absolute;
	left: 0;
	top: 0;
}

.checkup_res2 .ckRes_info1>ul>li.other>dl>dt {
	top: 4px;
}

.checkup_res2 .ckRes_info1>ul>li>dl>dd {
	padding-left: 140px
}

.ckRes_step4 .table_inner {
	margin-bottom: 24px;
}

.ckRes_step4 .table_inner table th {
	background: #f7f7f7;
	text-align: center;
}

.ckRes_step4 .table_inner table td {
	padding-left: 35px;
}

.point_care dl {
	display: table;
	padding-left: 72px;
	border-top: 1px solid #fff;
}

.point_care dl dt {
	display: table-cell;
	width: 300px;
	font-size: 22px;
	font-weight: 700;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_care dl dd.txt {
	display: table-cell;
	width: 340px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_care dl dd.txt span {
	font-size: 22px;
	font-weight: 400;
	color: #ee5555;
	vertical-align: middle;
}

.point_care dl dd.txt input {
	width: 120px;
	text-align: center;
}

.point_care dl dd.txt a {
	width: 100px;
	height: 44px;
	line-height: 44px;
	background: #5793c1;
	vertical-align: top;
	display: inline-block;
	margin-left: 20px;
	color: #fff;
	font-size: 18px;
}

.point_care dl dd.etc {
	display: table-cell;
	width: 380px;
	font-size: 18px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_care dl dd.etc span {
	font-size: 24px;
	font-weight: 400;
	margin-left: 8px
}

.point_care dl dd.etc span b {
	font-weight: 700;
	color: #ee5555;
}

.point_fcare dl {
	display: table;
	padding-left: 72px;
	border-top: 1px solid #fff;
}

.point_fcare dl dt {
	display: table-cell;
	width: 300px;
	font-size: 22px;
	font-weight: 700;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_fcare dl dd.etc {
	display: table-cell;
	width: 380px;
	font-size: 18px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_fcare dl dd.txt {
	display: table-cell;
	width: 340px;
	font-weight: 400;
	height: 85px;
	vertical-align: middle;
	text-align: center;
}

.point_fcare dl dd.txt span {
	font-size: 34px;
	font-weight: 900;
	color: #5793c1;
}

.page_btn {
	margin-bottom: 100px;
	text-align: center;
}
.page_btn ul {
	display: flex;
	justify-content: space-around;
}
.page_btn li a {
	width: 100%;
	min-width: 347px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: 700;
	display: block;
	margin: 0 auto;
	font-size: 20px;
	color: #595959;
	position: relative;
}
.page_btn a.ico_01 {
	background: #fff url(../images/etc/page_btn_01.svg) no-repeat left 0px center;
	background-size: 48px 48px;
}

.page_btn a.ico_02 {
	background: url(../images/etc/page_btn_02.svg) no-repeat left 0px center;
	background-size: 48px 48px;
}

.page_btn a.ico_03 {
	background: url(../images/etc/page_btn_02.svg) no-repeat left 0px center;
	background-size: 48px 48px;
}
.page_btn li a::after{
	position: absolute;
	content: '';
	display: block;
	background: url(/images/tilko/arrow-black.svg) no-repeat;
	width: 11px;
	height: 17px;
	right: 8px;
	top:17px;
}
.page_btn li{
	text-transform:uppercase; 
}
.page_btn li:after {
    display:block;
    content: '';
    border-bottom:3px solid #0C73BE;
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
}
.page_btn li:hover:after { 
	transform: scaleX(1); 
}
.careBtn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.button_box {
	display: inline-block;
	position: relative;
}

.w_layer .careBtn:hover+.button_area {
	 display: block !important;
}
.button_box .button_area {
	position: absolute;
	left: 12px;
	bottom: 33px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 15px;
	padding: 16px;
	width: 250px;
	display: none;
	z-index: 3
}

.button_box .button_area a {
	display:block;
	font-size: 14px;
	margin: 0 0 16px;
	border:0;
	border-radius: 0;
	padding: 0;
	color: #222;
	font-weight: 700;
}

.button_box .button_area p {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #595959;
}

.button_box .careBtn {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	margin: 5px 5px;
}

.button_area a {
	text-align: center;
	margin: 20px auto;
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	font-size: 13px;
}
.select-item .button_box .button_area{
	left: 182px;
	bottom:-106px;
}
.select-item .button_box .button_area a{
	font-size: 14px;
	color: #222;
	font-weight: 700;
	padding: 0 0 16px;
	margin: 0;
	border: 0
}
.ckRestop_base {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: #F8F8F8;
	display: block;
	position: relative;
	text-align: center;
	padding: 0 32px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
}
.ckRes_step3 ol li .add-examination .arrow > span:nth-child(1),
.ckRestop_base > span:nth-child(1) {
	font-weight: 600;
	font-size: 20px;
	color: #222;
	padding-left: 90px;
}
.ckRes_step3 ol li .add-examination .arrow > span:nth-child(1) {
	padding-left: 0;
}


.add-examination .arrow .ckRestop_button img,
.ckRestop_base .ckRestop_button img {
	vertical-align: middle;
	margin-top: -1px;
	width: 20px;
}
.add-examination.show .arrow .ckRestop_button img,
.ckRestop_base.on .ckRestop_button img {
	transform: rotate(180deg);
	transform-origin: center;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.add-examination .arrow .ckRestop_button {
	color: #595959;
	border: 2px solid #595959;
	width: 90px;
	border-radius: 16px;
	height: 32px;
	line-height:32px;
	font-size: 16px;
	background-color: #fff;
	float: right;
	margin-top: 16px;
	font-weight: 700;
}

.ckRestop_base .ckRestop_button {
	color: #595959;
	border: 1px solid #A7A7A7;
	width: 128px;
	border-radius: 50px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background: #fff;
	float: right;
	margin-top: 24px;
	font-weight: 600;
	padding-left: 8px;
}
.add-examination .arrow .ckRestop_button{
	line-height: 32px;
}
.ckRestop_baseTb {
	display: none;
	border-top: 1px solid #e2e6e9;
}

.ckRestop_baseTb table {
	width: 100%;
	table-layout: fixed
}

.ckRestop_baseTb table th {
	background: #f7f7f7;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding: 15px 10px;
	border-left: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}

.ckRestop_baseTb table td {
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	padding: 15px 10px;
	border-left: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}

.ckRestop_baseTb table th:first-child, .ckRestop_baseTb table td:first-child
	{
	border-left: 0;
}

.ckRestop_baseTb table td dt {
	font-size: 16px;
}

.ckRestop_baseTb table td img {
	width: 28px
}

@media only screen and (max-width: 768px) {
	body{font-size: 14px;}
	.ckRestop_base p {margin-left: 40%;}
}

.ckRes_step2 .viewBottom_text {
	display: flex;
}

.ckRes_step2 .viewBottom_text span {
	margin: 10px 0 0 10px;
}

@media only screen and (max-width: 480px) {
	.ckRestop_base p {
		margin-left: 100px;
		font-size: 18px;
	}
	.ckRes_step2 .viewBottom_text {
		display: block;
	}
	.ckRes_step2 .viewBottom_text span {
		font-size: 14px;
		margin: 0;
	}
	#myRun dl dd {
		font-size: 11px;
	}
}
/* checkup_card */
.checkup_card .ckRes_topInfoinner {
	padding-right: 120px;
}

.checkup_card .ckRes_info1 {
	float: none;
	width: auto;
	padding: 5px 20px
}

.checkup_card .ckRes_info1 .list_grade {
	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

.checkup_card .ckRes_info1 .list_grade dt {
	background: #fff;
	width: 120px;
	font-weight: 400;
	font-size: 16px;
}

.checkup_card .ckRes_info1>ul>li>dl {
	position: relative;
}

.checkup_card .ckRes_info1>ul>li>dl>dt {
	width: 140px;
	position: absolute;
	left: 0;
	top: 0;
}

.checkup_card .ckRes_info1>ul>li.other>dl>dt {
	top: 4px;
}

.checkup_card .ckRes_info1>ul>li>dl>dd {
	padding-left: 140px
}

.checkup_card .ckRes_head .ckRes_in p {
	margin-bottom: 25px
}

.checkup_card .ckRes_head .ckRes_in .mark {
	display: block;
	max-width: 80px;
	margin: 10px auto;
}

.ckRes_etc {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	text-align: center;
	background: #fff;
}

.ckRes_etc .btn_baseArea {
	text-align: center;
	display: table-cell;
	height: 225px;
	vertical-align: middle;
}

.ckRes_etc .btn_baseArea li {
	display: inline-block;
	margin: 12px 8px;
}

.ckRes_etc .btn_baseArea li a {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background: #5793c1
}

.info_card {
	margin-bottom: 24px;
}

.info_cardbtn {
	position: relative;
	width: 100%;
	display: block;
	height: 58px;
	line-height: 58px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	border-top: 2px solid #a4d8ea;
	border-bottom: 1px solid #e2e6e9;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f7f7f7', GradientType=0);
}

.info_cardbtn:after {
	content: '';
	width: 20px;
	height: 12px;
	background: url(../images/common/v_arrow.png) no-repeat 0 0;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -6px;
	transform: rotate(180deg);
}

.on .info_cardbtn:after {
	transform: rotate(0deg);
}

.info_card .table_inner table {
	border-top: 0;
}

/* checkup_plan */
.plan_topStep {
	text-align: center;
	position: relative;
	padding-bottom: 12px;
	margin: 56px 0 70px;
}
.plan_topStep ol {
	display: inline-block;
}

.plan_topStep li {
	float: left;
	padding: 0 30px;
	position: relative;
}

.plan_topStep li:after {
	content: '';
	width:100%;
	height: 4px;
	background:#e4e4e4;
	position: absolute;
	left: -73px;
	top: 50%;
	z-index: -1;
}

.plan_topStep li:first-child:after {
	content: none
}

.plan_topStep li dl {
	position: relative;
	background: url(../images/plan/plan_off.svg) no-repeat;
	width: 180px;
	height: 180px;
	display: block;
}

.plan_topStep li dt {
	position: absolute;
	left: 64px;
	top: 13px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.plan_topStep li dd {
	position: absolute;
	top: 77px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #929292;
	width: 138px;
}
.plan_topStep li dl.act {
	background: url(../images/plan/plan_on.svg) no-repeat;
}
.plan_topStep li dl.act dd {
	color: #222;
}
.plan_tit{
	color: #222;
	font-weight: 700;
	font-size: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #222;
}
.plan_tit img{
	width: 32px;
	height: 32px;
	margin: -8px 16px 0 0;
}
.plan_part {
	margin:40px 0 0;
}
.plan_Listcell>li {
	border-top: 1px solid #929292;
}
.plan_Listcell.baseInfo>li{
	border:0;
	margin-bottom: 40px
}
.plan_Listcell>li.smoking-question .inner_ul label{
	margin-right: 24px;
}

.plan_Listcell.baseInfo #smoking-1-sub dl,
.plan_Listcell.baseInfo #smoking-2-sub dl{
	margin-bottom: 40px;
}
.plan_Listcell>li>dl {
    display: table;
}

.plan_Listcell>li>dl dt {
	font-size: 18px;
	color: #222;
	width: 100%;
	min-width: 180px;
}

.plan_Listcell>li>dl dd {
    display: table-cell;
}
.plan_Listcell>li>dl dd.input_pos,
.plan_Listcell>li>dl dd .inner_ul{
	position: relative;
}
.plan_Listcell>li>dl dd.input_pos input {
	width: 366px;
	padding: 0 24px;
	background: #F1F4F6;
    border-radius: 4px;
    border:0;
}

.plan_Listcell>li>dl dd .input_cm,
.plan_Listcell>li>dl dd .input_kg{
	position: relative;
}
.plan_Listcell>li>dl dd .input_cm:after {
	content: 'cm';
	position: absolute;
	right: 16px;
	top: 10px;
	z-index: 2;
	font-size: 18px;
	color: #595959;
}

.plan_Listcell>li>dl dd .input_kg:after {
	content: 'kg';
	position: absolute;
	right: 16px;
	top: 10px;
	z-index: 2;
	font-size: 18px;
	color: #595959;
}
.plan_Listcell #smoking-1-sub label,
.plan_Listcell #smoking-2-sub label{
	position: absolute;
	right: 16px;
	top:12px;
}
.plan_Listcell #smoking-1-sub .inner_ul div label,
.plan_Listcell #smoking-2-sub .inner_ul div label{
	right: -120px;
}
.inner_ul li {
	float: left;
	margin-left: 64px;
}
.check_list_style ul li .inner_ul li{
	min-width: 180px;
	margin: 0;
}
.inner_ul li:first-child {
	margin-left: 0
}

.plan_Listcell.baseInfo .side {
	margin-top: -7px;
	margin-left: 65px
}

.plan_Listcell.baseInfo .side span {
	font-size: 16px;
	margin-left: 12px;
	font-weight: 400;
	color: #969696
}

.btn_planM {
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background: #9cb4c7;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 0 22px;
	min-width: 72px;
	display: inline-block;
}
.down_button{
	background: #fff;
	border: 1px solid #2F80ED;
	color: #2F80ED;
}
.print_button{
	background: #4FB3BC;
}
.result_button{
	background: #2F80ED;
}
.plan_Listcell>li>dl dd.input_smoke {
	top: 12px;
	line-height: 44px;
	font-size: 18px;
}

.plan_Listcell>li>dl dd.input_smoke input {
	width: 80px;
	margin: 0 8px;
	text-align: center;
	vertical-align: top
}

.input_smoke .inner_ul li {
	margin-left: 20px
}

.plan_Listcell>li>dl dd.input_sool {
	top: 12px;
	line-height: 44px;
	font-size: 18px;
}

.plan_Listcell>li>dl dd.input_sool input {
	width: 80px;
	margin: 0 8px;
	text-align: center;
	vertical-align: top
}

.input_sool .inner_ul li {
	margin-left: 20px
}

.inner_sub {
	background: #f7f7f7;
	padding: 8px 34px
}

.inner_sub dl {
	position: relative;
	padding-left: 105px;
	padding-top: 10px;
	min-height: 36px
}

.inner_sub dl dt {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px;
}

.inner_sub dl dd {
	font-size: 14px;
	font-weight: 400;
}

.checkup_choice .care_mal p, .checkup_plan .care_mal p {
	font-size: 30px;
}

.checkup_plan.enna .care_mal p {
	font-size: 24px;
}

.checkup_choice .care_mal p:before, .checkup_plan .care_mal p:before {
	top: 6px
}

.checkup_choice .care_mal p:after, .checkup_plan .care_mal p:after {
	top: 6px
}
.choice_text{
	width: 598px;
	height: 88px;
	line-height:88px;
	background:#ECF1F5;
	border-radius: 8px;
	margin: 80px auto 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #222;
}
.part_choice {
	padding: 64px 0 100px;
}

.part_choice>p {
	padding-top: 20px;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
}

.part_choiceInner {
	max-width: 840px;
	margin: 0 auto;
}

.part_choice ol {
	margin-left: -40px;
}

.part_choice li {
	width: 25%;
	text-align: center;
	padding-left: 40px;
	padding-bottom: 20px;
	float: left
}

.part_choice li a {
	width: 180px;
	height: 180px;
	display: block;
	text-indent: -9999px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

.part_choice li.ico_01 a {
	background: url(../images/plan/head_off.png) no-repeat center center;
}

.part_choice li.ico_02 a {
	background: url(../images/plan/neck_off.png) no-repeat center center;
}

.part_choice li.ico_03 a {
	background: url(../images/plan/chest_off.png) no-repeat center center;
}

.part_choice li.ico_04 a {
	background: url(../images/plan/abdomen_off.png) no-repeat center center;
}

.part_choice li.ico_05 a {
	background: url(../images/plan/lovehandle_off.png) no-repeat center
		center;
}

.part_choice li.ico_06 a {
	background: url(../images/plan/belly_off.png) no-repeat center center;
}

.part_choice li.ico_07 a {
	background: url(../images/plan/golban_off.png) no-repeat center center;
}

.part_choice li.ico_08 a {
	background: url(../images/plan/genderm_off.png) no-repeat center center;
}

.part_choice li.ico_09 a {
	background: url(../images/plan/genderw_off.png) no-repeat center center;
}

.part_choice li.ico_10 a {
	background: url(../images/plan/back_off.png) no-repeat center center;
}

.part_choice li.ico_11 a {
	background: url(../images/plan/hand_off.png) no-repeat center center;
}

.part_choice li.ico_12 a {
	background: url(../images/plan/mouth_off.png) no-repeat center center;
}

.part_choice li.ico_13 a {
	background: url(../images/plan/etc_off.png) no-repeat center center;
}

.w_layer .part_choice li.ico_01 a:hover {
	background: url(../images/plan/head_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_02 a:hover {
	background: url(../images/plan/neck_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_03 a:hover {
	background: url(../images/plan/chest_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_04 a:hover {
	background: url(../images/plan/abdomen_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_05 a:hover {
	background: url(../images/plan/lovehandle_on.png) no-repeat center
		center;
}

.w_layer .part_choice li.ico_06 a:hover {
	background: url(../images/plan/belly_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_07 a:hover {
	background: url(../images/plan/golban_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_08 a:hover {
	background: url(../images/plan/genderm_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_09 a:hover {
	background: url(../images/plan/genderw_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_10 a:hover {
	background: url(../images/plan/back_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_11 a:hover {
	background: url(../images/plan/hand_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_12 a:hover {
	background: url(../images/plan/mouth_on.png) no-repeat center center;
}

.w_layer .part_choice li.ico_13 a:hover {
	background: url(../images/plan/etc_on.png) no-repeat center center;
}

.part_choice li.ico_01 a.on {
	background: url(../images/plan/head_on.png) no-repeat center center;
}

.part_choice li.ico_02 a.on {
	background: url(../images/plan/neck_on.png) no-repeat center center;
}

.part_choice li.ico_03 a.on {
	background: url(../images/plan/chest_on.png) no-repeat center center;
}

.part_choice li.ico_04 a.on {
	background: url(../images/plan/abdomen_on.png) no-repeat center center;
}

.part_choice li.ico_05 a.on {
	background: url(../images/plan/lovehandle_on.png) no-repeat center
		center;
}

.part_choice li.ico_06 a.on {
	background: url(../images/plan/belly_on.png) no-repeat center center;
}

.part_choice li.ico_07 a.on {
	background: url(../images/plan/golban_on.png) no-repeat center center;
}

.part_choice li.ico_08 a.on {
	background: url(../images/plan/genderm_on.png) no-repeat center center;
}

.part_choice li.ico_09 a.on {
	background: url(../images/plan/genderw_on.png) no-repeat center center;
}

.part_choice li.ico_10 a.on {
	background: url(../images/plan/back_on.png) no-repeat center center;
}

.part_choice li.ico_11 a.on {
	background: url(../images/plan/hand_on.png) no-repeat center center;
}

.part_choice li.ico_12 a.on {
	background: url(../images/plan/mouth_on.png) no-repeat center center;
}

.part_choice li.ico_13 a.on {
	background: url(../images/plan/etc_on.png) no-repeat center center;
}
.plan_part_question{
	margin: 16px 0 64px !important;
}
.plan_part_question ul li{
	padding: 12px 0;
}
.plan_part_question > .plan_border{
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	padding: 14px 0;
}
/* checkup_plan */
.checkup_plan .ckRes_head .ckRes_in p {
	margin-bottom: 45px
}

.checkup_plan .ckRes_info1 {
	float: none;
	width: 100%;
	padding: 0 0;
	vertical-align: top;
	height: auto;
}
.plan-box{
	border:0;
	border-radius: 0;
	min-height: 162px;
}
.plan-box .ckRes_head{
	border-radius: 8px;
}
.pl_tit {
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
.pl_tit img{
	margin:0 8px 16px 0;
}
.ckRes_topInfoinner.addckRes_etc {
	padding-right: 120px;
}

.checkup_plan .ckRes_info1 ul {
	display: block;
	padding: 16px 24px;
	background-color: #F6F6F6;
	border: 1px solid #C9C9C9;
	border-radius: 8px;
	min-height: 88px;
}

.checkup_plan .ckRes_info1 ul li {
	font-size: 16px;
	padding: 0 0 0 16px;
	position: relative;
	color: #222;
}
.checkup_plan .ckRes_info1 ul li:not(:last-child){
	margin-bottom: 8px;
}
.checkup_plan .ckRes_info1 ul li:after {
	content: '';
	width: 3px;
	height: 3px;
	display: block;
	background: #222;
	position: absolute;
	left: 0;
	top: 7px;
	border-radius: 50%;
}

.checkup_plan .ckRes_topInfoinner.addckRes_etc {
	padding-right: 140px;
}

.checkup_plan .ckRes_etc {
	width: 140px
}

.checkup_plan .ckRes_etc ul {
	height: 200px
}

.checkup_plan .ckRes_etc .btn_baseArea li a {
	width: 120px
}

.etc_d {
    color:#0C73BE;
	padding: 8px 0 0;
	font-size: 14px;
	font-weight: 500;
}
.no_trans_box {
	border-top: 1px solid #868686;
}

.ckRes_bot{
	margin: 46px 0 72px;
}
.ckRes_bot h4{
	font-size: 20px;
	font-weight: 700;
	color: #222;
	margin-bottom: 24px;
}
.ckRes_bot h4 img{
	vertical-align: middle;
	margin-right: 16px;
}
.plan_table .no_trans {
	table-layout: auto;
	width: 100%;
	margin-bottom: 56px;
}

.plan_table .no_trans th {
	font-size: 16px;
	height: 56px;
	text-align: center;
	background: #F6F6F6;
	color: #222;
	font-weight: 700;
	display: table-cell;
}

.plan_table .no_trans td {
	font-size: 16px;
	height: 56px;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	display: table-cell;
	color: #222;
}

.plan_table .tb_info {
	padding: 25px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	border-top: 2px solid #dcecf5
}

.no_trans.border td:first-child, .no_trans.border th:first-child {
	border-left: 0
}

.no_trans.border tr:first-child td {
	border-top: 0
}
/* plan_topPart */
.plan_topPart {
	text-align: center;
	position: relative;
	padding-bottom: 15px;
	margin: 0 0 70px;
}

.plan_topPart:before {
	content: '';
	height: 105px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f7f7f7;
}

.part_txt {
	display: inline-block;
	width: 180px;
	height: 180px;
	position: relative;
	z-index: 2;
	border-radius: 50%;
	text-indent: -99999px
}

.part_txt.ico_01 {
	background: url(../images/plan/body_off_01.gif) no-repeat center center
}

.part_txt.ico_02 {
	background: url(../images/plan/body_off_02.gif) no-repeat center center
}

.part_txt.ico_03 {
	background: url(../images/plan/body_off_03.gif) no-repeat center center
}

.part_txt.ico_04 {
	background: url(../images/plan/body_off_04.gif) no-repeat center center
}

.part_txt.ico_05 {
	background: url(../images/plan/body_off_05.gif) no-repeat center center
}

.part_txt.ico_06 {
	background: url(../images/plan/body_off_06.gif) no-repeat center center
}

.part_txt.ico_07 {
	background: url(../images/plan/body_off_07.gif) no-repeat center center
}

.part_txt.ico_08 {
	background: url(../images/plan/body_off_08.gif) no-repeat center center
}

.plan_Listcell .side {
	display: inline-block;
	margin-left: 20px;
}

.plan_Listcell .side span {
	margin-left: 8px;
	color: #969696;
	font-size: 16px;
	font-weight: 400;
}

.plan_Listcell>li>dl.hasside {
	padding: 16px 0 16px 34px
}

.plan_partList .plan_part {
	margin-bottom: 56px
}

.plan_partList {
	margin-bottom: 44px
}

.checkup_planlist {
	margin-top: 44px;
}

.checkup_planlist>ul>li {
	margin-bottom: 50px
}

.checkup_planlist>ul>li .ckRes_top {
	margin-bottom: 12px
}

/* checkup_planinfo */
.checkup_planinfo {
	text-align: center;
}

.checkup_planinfo .care_mal {
	margin: 75px auto 55px;
}

.checkup_planinfo dl dt {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 20px
}

.checkup_planinfo dl dd {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #969696;
	margin-bottom: 5px
}

.planinfo_img {
	position: relative;
}

.planinfo_img img {
	width: 100%
}

.planinfo_img a {
	border: 3px solid #cad8e2;
	border-radius: 32px;
	width: 380px;
	height: 64px;
	line-height: 56px;
	text-align: center;
	font-weight: 500;
	display: block;
	padding-left: 60px;
	padding-right: 30px;
	background: #fff;
	margin: 0 auto;
	font-size: 24px;
	color: #5793c1;
	position: absolute;
	left: 0;
	bottom: 60px;
	right: 0
}

.planinfo_img a:after {
	content: '';
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -27px;
	background: url(../images/etc/page_btn_04.png) no-repeat center center;
	background-size: 54px 54px;
}
/**/
.plan_part input[type="checkbox"]+label{
	min-height: 18px;
	padding-left: 30px;
}
.plan_part input[type="checkbox"]+label:after,
.plan_part input[type="checkbox"]:checked+label:after{
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	margin-top: 1px;
}
.plan_question_box{
	margin: 0 0 64px;
}
.plan_question_box .plan_Listcell.baseInfo>li{
	border-bottom:1px solid #929292;
	margin: 0;
	padding: 26px 16px;
	line-height: 19px;
}
.plan_question_box .plan_Listcell>li>dl dt{
	min-width: 278px;
}
.symptom_plan .part_choice{
	padding: 72px 0 56px;
	border-bottom:12px solid #eee;
	margin-bottom: 32px;
}
.symptom_plan .choice_text{
	height: auto;
	line-height: 24px;
	margin: 32px auto 48px;
	font-size: 18px;
	padding: 20px;
}  
.symptom_plan .choice_text span{
	font-weight: 400;
}
/* noti */
.sub_tab ul {
	margin-top: 44px;
}

.sub_tab ul li {
	position: relative;
	float: left;
	width: 33.3333%;
}

.sub_tab ul.ea2 li.act {
	width: 33.3333%
}

.sub_tab ul li a {
	font-size: 20px;
	color: #929292;
	font-weight: 600;
	text-align: center;
	width: 100%;
	line-height: 64px;
	height: 64px;
	display: block;
	background: #ECEEEF;
	transition: all 0.2s;
}

.sub_tab ul li.act a, .w_layer .sub_tab ul li:hover a {
	color: #fff;
	background-color: #1875FF;
}

.sub_tab ul .metabolic_age_top-menu{
	width: 50%; 
}
.sub_tab ul li {
	width: 50%;
}

.notice .care_mal {
	margin: 60px auto 60px;
}

.noti_view {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	margin-bottom: 44px
}

.noti_view .noti_top {
	font-size: 20px !important;
	font-weight: 400;
	text-align: left;
	position: relative;
	padding: 20px 200px 20px 34px;
	background: #f7f7f7
}

.noti_view .noti_top span {
	font-size: 18px !important;
	font-weight: 400;
	position: absolute;
	right: 50px;
	top: 22px
}

.noti_area {
	padding: 35px 34px;
	font-size: 18px !important;
	line-height: 1.8
}

.noti_view table {
	table-layout: auto;
	width: 100%;
	color: #222;
}

.noti_view table th {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	height: 55px;
	vertical-align: middle;
	background: #f7f7f7;
	padding: 5px 30px;
	
}
.noti_view table tr:not(:first-child){
	border-top: 1px solid #e2e6e9;
}
.noti_view table td {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	height: 60px;
	vertical-align: middle;
	background: #fff;
	padding: 5px 30px
}

.noti_view table td a {
	text-align: left;
	display: block;
}
/* qna */
.tab_qna {
	border-bottom: 1px solid #777;
	width: 99.96%
}

.tab_qna ul {
	margin-left: -4px;
}

.tab_qna li {
	float: left;
	padding-left: 4px;
	padding-bottom: 0;
	width: 11.11%
}

.tab_qna li a {
	width: 100%;
	height: 68px;
	line-height: 68px;
	background: #f7f7f7;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #777;
	font-weight: 400;
	position: relative;
	z-index: 2
}

.tab_qna li.act a, .w_layer .tab_qna li:hover a {
	background: #06A5EA;
	color: #fff;
	font-weight: 500;
}

.tab_qnaBox {
	border-bottom: 1px solid #ececec;
}

.tab_qnaBox dt {
	padding: 25px 34px 25px;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}

.tab_qnaBox dd {
	padding: 25px 34px 25px;
	background: #f6f6f6;
	font-weight: 400;
	text-align: left;
	border-top: 1px solid #e2e6e9;
	display: none;
	color: #555;
	line-height: 28px;
	font-size: 18px;
}
.tab_qnaBox dd span {
	font-family: Pretendard !important;
	font-size: 18px !important;
}

.tab_qnaBox ul li {
	border-top: 1px solid #ececec;
}

.tab_qnaBox ul li:first-child {
	border-top: 0
}

/* inquiry_list */
.inquiry_top {
	background: #f6f6f6;
	padding: 20px 24px;
	margin-bottom: 44px
}

.inquiry_top ul li {
	padding-left: 10px;
	text-indent: -10px;
	font-size: 18px;
	font-weight: 400;
	margin-top: 15px;
}

.inquiry_top ul li:first-child {
	margin-top: 0;
}

.inquiry_list {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	margin: 64px 0 44px
}
#qna_list .inquiry_list colgroup{
	display: none;
}
.inquiry_list table {
	table-layout: auto;
	width: 100%;
}

.inquiry_list table th {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	height: 68px;
	vertical-align: middle;
	background: #f7f7f7;
	border-bottom: 1px solid #e2e6e9;
	padding: 5px 30px
}

.inquiry_list table td {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	height: 68px;
	vertical-align: middle;
	background: #fff;
	border-top: 1px solid #e2e6e9;
	padding: 5px 30px
}

.inquiry_list table td a {
	text-align: left;
	display: block;
}
.inquiry_button{
	text-align: -webkit-center;
}
.inquiry_button ul li a{
	background: #06A5EA;
border-radius: 28px;
text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    width: 220px;
}
.txt_ok {
	color: #FF4F4F !important
}

.txt_ing {
	color: #2e95d6 !important
}

.inquiry_form {
	border-bottom: 2px solid #c7c7c7;
	margin: 64px 0 44px
}
.inquiry_form input, .inquiry_form textarea{
	border-color: #929292;
}
.inquiry_form table {
	table-layout: auto;
	width: 100%;
}

.inquiry_form table td {
	vertical-align: middle;
	background: #fff;
	padding: 12px 0;
	border-radius: 8px;
}

.inquiry_form .form td textarea {
	width: 100%;
	max-width: 100%;
	height: 440px;
	font-size: 18px;
	padding: 10px 15px;
	border-radius: 8px;
}

/* etc */
.bnnr_list {
	margin-top: 44px;
	margin-left: -20px
}

.bnnr_list ul li {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-bottom: 20px
}

.bnnr_list ul li img {
	width: 100%
}

.bnnr_view {
	margin: 44px auto
}

.bnnr_view img {
	width: 100%
}

/* 도수 모바일 전용 */
.m_sub {
	padding-top: 45px;
	background: #f7f7f7
}

.dosu_top {
	border: 8px solid #e2e6e9;
	background: #fff;
	text-align: center;
	margin-bottom: 15px
}

.dosu_user {
	background: #f7f7f7;
	padding: 10px 10px;
}

.dosu_btn {
	padding: 8px 8px
}

.dosu_btn a {
	background: #5793c1;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	display: block;
	border-radius: 15px;
	max-width: 135px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 500;
}

.cicle_area {
	padding-bottom: 40px;
}

.cicle_inner {
	position: relative;
	max-width: 360px;
	margin: 0 auto
}

.dosu_tit {
	background: #5793c1;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-radius: 8px;
	margin: 0 17px;
	margin-bottom: 27px
}

.side_bottom {
	height: 38px;
	line-height: 37px;
	width: 160px;
	margin: 14px auto 0;
	display: block;
	background: #fff;
	border-radius: 19px;
	border: 1px solid #46bce5;
	color: #46bce5;
	text-align: center;
	font-size: 18px;
}

.side_left {
	height: 80px;
	line-height: 78px;
	width: 80px;
	display: block;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #46bce5;
	color: #46bce5;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 80px;
	left: 17px
}

.side_left p {
	font-size: 13px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	line-height: 1
}

.side_right {
	height: 80px;
	line-height: 78px;
	width: 80px;
	display: block;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #46bce5;
	color: #46bce5;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 80px;
	right: 17px
}

.side_right p {
	font-size: 13px;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	line-height: 1
}

.side_center {
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 50%;
	width: 120px;
	margin-left: -60px
}

.side_center dl {
	text-align: center;
	padding-top: 32px;
	background: url(../images/main/dosu_02.gif) no-repeat center top;
	background-size: 30px auto
}

.side_center dt {
	font-size: 28px;
	color: #45bce5;
	font-weight: 700;
}

.side_center dd {
	font-size: 13px;
	color: #45bce5;
	font-weight: 500;
	margin-top: 11px;
}

.dosu_bottom {
	padding: 0 17px 40px
}

.dosu_bottom .dosu_tabs {
	background: #5793c1;
	border-radius: 8px;
	overflow: hidden;
	padding: 3px;
	margin-bottom: 14px
}

.dosu_bottom .dosu_tabs li {
	float: left;
	width: 50%
}

.dosu_bottom .dosu_tabs li a {
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	display: block;
	background: #5793c1;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.dosu_bottom .dosu_tabs li.act a {
	background: #143e67;
	color: #5c82a8;
	border-radius: 5px 0 0 5px
}

.dosu_bottom .dosu_tabs li+li.act a {
	border-radius: 0 5px 5px 0
}

.week_info {
	position: relative;
	padding-right: 115px;
}

.week_info dl {
	border: 1px solid #eef0f1;
	max-width: 210px
}

.week_info dl dt, .week_info dl dd {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
}

.week_info dl dt {
	background: #fff;
	font-size: 13px;
}

.week_info select {
	position: absolute;
	right: 0;
	top: 0;
	width: 105px;
	background: #fff url(../images/common/select_arrow_01.gif) no-repeat
		right center;
}

.chart_area {
	background: #fff;
	margin-top: 15px;
}

/* mypage */
.mypage_result .care_mal {
	margin: 48px auto;
}

.mypage_result .care_mal p {
	font-size: 18px;
	color: #595959;
}
 .fmb_list .fmb_list_text{
    text-align: center;
    font-size: 24px;
    color: #222;
    padding: 40px 0;
   }

.mypage_result .care_mal p:before {
	top: 50%;
	margin-top: -12px;
}

.mypage_result .care_mal p:after {
	top: 50%;
	margin-top: -12px;
}

.mypage_result .bnnr {
	margin-top: 65px;
}

.mypage_result .bnnr img {
	width: 100%
}

.mypage_result .fmb_list {
	margin-bottom: 44px
}

.mypage_btn {
	margin-bottom: 44px;
}

.mypage_btn ul {
	margin-left: -5px;
}

.mypage_btn li {
	float: left;
	padding-left: 5px;
	padding-bottom: 5px
}

.mypage_btn .clearfix_box a {
	width: 240px;
	height: 44px;
	line-height: 44px;
	color: #595959;
	text-align: center;
	display: block;
	background: #F7F7F7;;
	border-radius: 4px;
}

.mypage_btn .clearfix_box li a:hover {
	background: #5394F5;
	color: #fff;
}

.mypage_btn .clearfix_box li.on a {
	background:#06A5EA;
	color:#fff;
}


/* 삭제 알럿 */
.delete_alert {
	display: none;
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	width: 328px;
	height: auto;
	overflow: hidden;
	background: #fff url(/images/common/popup_warn.svg) no-repeat top 32px center;
	text-align: center;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	padding: 64px 16px 16px;
	color: #222;
	z-index: 100;
}
.delete_alert::before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12px;
	background: #0C73BE;
}
.delete_alert input {
	width: 100%;
	margin-top: 8px;
	background: #fff;
	border: 1px solid #C9C9C9;
}
.delete_alert p {
	font-size: 16px !important;
}
.delete_alert>div {
	margin-top: 16px;
}
.delete_alert>div button {
	width: 116px !important;
	height: 40px !important;
	border: 2px solid #E9EFF4 !important;
	border-radius: 50px !important;
	background: #fff !important;
	color: #929292 !important;
	font-size: 16px !important;
}
.delete_alert>div button:last-child {
	margin-left: 8px !important;
	background: #E9EFF4 !important;
	color: #595959 !important;
}

.jong_hap {
	width: 100%;
	height: 56px;
	margin-left: -32px;
	margin-bottom: 24px;
}

.jong_hap img {
	float: left;
}
.jong_hap p {
	float: left;
	height: 56px;
	line-height: 56px;
	font-weight: 700;
	font-size: 20px;
	margin-left: 12px;
	color: #222;
}

.jong_hap_h {
	width: 100%;
	height: 32px;
	margin-bottom: 24px;
}
.jong_hap_h img {
	float: left;
}
.jong_hap_h p {
	float: left;
	height: 32px;
	line-height: 32px;
	font-weight: 700;
	font-size: 22px;
	margin-left: 12px;
	color: #222;
}



.jong_box {
	margin-bottom: 40px;
}
.jh_body_j {
	border: 1px solid #C9C9C9;
	border-radius: 8px;
	padding: 24px;
	box-sizing: border-box;
	background: #fff;
	color: #222;
}

.jh_body_j img {
	float: left;
}

.jh_body_j p {
	font-weight: 700;
	margin-bottom: 12px;
	height: 24px;
	line-height: 24px;
}

.jh_body_j_m {
	border: 1px solid #C9C9C9;
	border-radius: 8px;
	padding: 12px 16px;
	box-sizing: border-box;
	background: #fff;
	font-weight: bold;
}

.jh_body_j_m span {
	font-weight: normal;
	float: right;
	margin-right: 10px;
}

.jh_body_j_m span img {
	position: absolute;
}
.jh_body_j_m span img.s_images.active {
	display: none;
}

.jh_body_opinion {
	display: none;
	transition: all 0.5s;
	padding: 16px;
	background: #f8f8f8;
	margin: 4px 0 16px;
	border-radius: 8px;
	line-height: 1.6;
}

.jh_body_opinion.show {
	display: block;
}



.jh_area {
	margin-bottom: 16px;
}

.jh_areaIn {
	position: relative;
	background: #fff;
	height: 72px;
	border: 1px solid #929292;
	border-radius: 8px;
}

.jh_areaIn .jh_cell .jh_p {
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-left: 24px;
    margin: 24px 0 0 24px;
}
.jh_areaIn .jh_cell .jh_p p {
	float: left;
	color: #222;
}

.jh_areaIn .jh_cell .jh_p .jh_img {
	position: relative;
	float: left;
}

.jh_areaIn .jh_cell .jh_p .jh_img img {
	vertical-align: middle;
	margin-left: 4px;
	float: left;
}

.jh_areaIn .jh_cell .jh_p .jh_img:hover .jh_body {
	display: block;
}

.jh_body {
	display: none;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 650px;
	overflow: hidden;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	background: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 16px;
	box-sizing: border-box;
	padding: 16px 24px;
	z-index: 15;
	color: #595959;
}

.jh_areaIn .jh_end .jh_cell .jh_info p {
	height: 70px;
	line-height: 72px;
	margin-left: 40px;
	color: #222;
}

.jh_areaIn .jh_end .jh_cell .jh_info p span {
	color: #595959;
	font-weight: 700;
	margin-right: 8px;
}

.mypage_result .jh_head .jh_cell dt {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
}

.jh_info {
	display: table;
	height: 100%
}

.mypage_result .care_mal p span {
	font-size: 24px;
	margin: 0 auto 12px;
	display: block;
	width: 370px;
}
.mypage_result .result_none {
	text-align: center;
	padding: 80px 0;
}

/* pillgram */
.pillgram .btn_wrap > div {
	float: right;
}
.pillgram .update_box {
	float: unset;
	width: 244px;
}
.pillgram .update_box + p {
	font-size: 14px;
	color: #595959;
	text-align: center;
}
.pillgram .txt1 {
	font-size: 18px;
	margin: 48px 0 32px;
}
.pillgram .txt2 {
	width: 900px;
	margin: 0 auto;
	padding: 32px 40px;
	background: #F8F8F8;
	border-radius: 16px;
	font-size: 16px;
	color: #595959;
	line-height: 140%;
}
.pillgram .txt2 b {
	font-weight: 600;
}
.pillgram .result_none dl {
	margin: 56px 0 32px;
}
.pillgram .result_none dt {
	font-size: 28px;
	font-weight: 600;
	color: #222;
	margin-bottom: 16px;
}
.pillgram .result_none dd {
	color: #595959;
	font-size: 20px;
}
.pillgram .careplus_2_btn,
.pillgram .careplus_insucare_btn {
	position: relative;
	width: 328px;
	height: 64px;
	font-size: 18px;
	padding-left: 0;
	bottom: unset;
}
.pillgram .careplus_2_btn::after,
.pillgram .careplus_insucare_btn::after {
	top: 21px;
}
.pillgram #chkResultView {
	padding: 48px 56px;
}
.pillgram .table-wrap {
	position: relative;
}
.pillgram .nr_tr_1 {
	position: relative;
}
.pillgram .table-scroll {
	overflow-x: auto;
	position: relative;
}

.pillgram .fixed-column {
	position: sticky;
	left: 0;
	z-index: 5;
	background: #fff;
 }
.pillgram .js_before_box, 
.pillgram .js_after_box {
	position: sticky;
  	z-index: 4;
	top: 40px;
}
.pillgram .js_before_box {
	left: 320px;
}
.pillgram .js_after_box {
	left: calc(100% - 40px);
}
.pillgram .check_result_pc .table-wrap>table {
	margin-top: -48px;
}

.pillgram .normal_result {
	padding: 24px 0;
}




.pill_select select {
	width: 100%;
	height: 56px;
	background: #1875FF url(/images/pillgram/select_arrow.svg) no-repeat right 24px center;
	border: none;
	border-radius: 16px;
	color: #fff;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
     text-overflow: ellipsis;
	 overflow: hidden;
	 white-space: nowrap;    
}




.result_wrap {
	margin: 24px 0 64px;
}
.result_box {
	position: relative;
	background: #F8F8F8;
	border-radius: 16px;
	padding: 28px 40px;
}
.result_box:not(:last-child) {
	margin-bottom: 24px;
}
.result_box dl {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.result_box.cont1 dt {
	margin-right: 16px;
	font-weight: 700;
	font-size: 20px;
	color: #222;
	padding-left: 32px;
	background: url(/images/pillgram/icn_pillgram_pill_checked.svg) no-repeat left center;
	background-size: 24px;
}
.result_box.cont2 dt {
	margin-right: 24px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	width: 135px;
	height: 36px;
	line-height: 36px;
	border-radius: 99px;
	text-align: center;
}
.result_box.cont2 dt.purple {
	background: #7761FF;
}
.result_box.cont2 dt.green {
	background: #05C1AB;
}
.result_box.cont2 dt.gray {
	background: #929292;
}
.result_box.cont2 dt.red {
	background: #FF6A61;
}
.result_box dd {
	font-size: 14px;
	color: #595959;
}
.result_box .result {
	display: flex;
	align-items: center;
}
.result_box .result p {
	font-size: 16px;
	color: #222;
	margin-right: 16px;
}
.result_box .result span {
	cursor: pointer;
	padding: 6px 16px;
	background: #fff;
	border: 1px solid #929292;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
	color: #595959;
}
.result_box .result span:hover {
	color: #1875FF;
	border: 1px solid #1875FF;
}
.result_box .result span:not(:last-child) {
	margin-right: 8px; 
}
.result_box .pill {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 56px;
	font-size: 16px;
	font-weight: 700;
}
.result_box .pill::after {
	content:"";
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: -20px;
	background: url(/images/pillgram/pill_arrow.svg) no-repeat left center;
}
.result_box .pill:hover {
	color: #1875FF;
	text-decoration-line: underline;
}
.result_box .pill:hover::after {
	background: url(/images/pillgram/pill_arrow_active.svg) no-repeat left center;
}

/* pill_popup */
.pill_popup {
	display: none;
	z-index: 1000;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
	border-radius: 16px;
	overflow: auto;
	width: 452px;
	max-height: 80%;
}
.pill_popup .top {
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: linear-gradient(91.54deg, #366EFF 3.93%, #8B4AFF 97.34%);
}
.pill_popup .top img {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 16px;
}


.pill_popup .body {
	padding: 32px;
	
}
.pill_popup .body h3 {
	font-weight: 700;
	font-size: 28px;
	color: #222;
}

.pill_popup .body .pill_img {
	top: 80px;
	right: 32px;
	position: absolute;
	width: 108px;
	height: 64px;
	border-radius: 16px;
}
.pill_popup .body .txt {
	background: #F8F8F8;
	border-radius: 8px;
	width: 100%;
	overflow: hidden;
	padding: 16px;
	margin-top: 48px;
}
.pill_popup .body .txt dl {
	margin-bottom: 12px;
}
.pill_popup .body .txt dt {
	color: #1875FF;
	margin-bottom: 6px;
}
.pill_popup .body .txt dd {
	font-size: 14px;
	color: #595959;
}
.pill_popup .body h5 {
	font-weight: 700;
	font-size: 18px;
	color: #222;
	margin: 16px 8px;
}
.pill_popup .body .txt1 {
	margin-top: 0;
}
.pill_popup .body .txt1 dt {
	color: #595959;
	font-weight: 600;
}













@media only all and (max-width:768px) {
	
.pillgram #chkResultView {
	padding: 0;
}
.pillgram .result_none {
	display: flex;
    flex-direction: column-reverse;
}
.pillgram .btn_wrap + div img,
.no_result .result_none img {
	width: 100%;
	max-width: 400px;
}
.no_result .result_none {
	display: block;
}
.pillgram .result_none dl {
	margin: 40px 0;
}
.pillgram .result_none dt {
	font-weight: 600;
	font-size: 18px;
}
.pillgram .result_none dd {
	font-size: 16px;
}
.pillgram .careplus_2_btn,
.pillgram .careplus_insucare_btn {
	width: 100%;
	height: 56px;
	font-size: 16px;
}
.pillgram .careplus_2_btn::after,
.pillgram .careplus_insucare_btn::after {
	top: 16px;
}
.pillgram .btn_wrap > div {
	float: unset;
	margin: 8px auto 0;
}
.pillgram .update_box {
	width: 100%;
	height: 56px;
	line-height: 56px;
	border-radius: 50px;
}
.pillgram .update_box img {
	margin-top: 14px;
}
.pillgram .txt1 {
	margin: 32px 0 16px;
}
.pillgram .txt2 {
	width: 100% !important;
	word-break: keep-all;
}

.pillgram #chkResultView {
	display: flex;
	flex-direction: column-reverse;
}

.pillgram .result_wrap {
	margin: 16px 0;
}

.result_box {
	padding: 16px 24px 40px;
}
.result_box:not(:last-child) {
	margin-bottom: 16px;
}
.result_box dl {
	margin-bottom: 12px;
}
.result_box.cont1 dt {
	font-size: 16px;
}
.result_box.cont2 dt {
	margin-right: 8px;
}
.result_box dd {
	word-break: keep-all;
}

.result_box .result {
	flex-wrap: wrap;
}
.result_box p {
	font-size: 14px;
	margin: 8px 0;
	color: #222;
}
.result_box .result span {
	margin-bottom: 8px;
}
.result_box .pill {
	top: unset;
	right: 40px;
	transform: unset;
	bottom: 16px;	
}
.result_box.cont2 dt {
	width: 96px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}

.pillgram .mobile {
	padding-bottom: 64px;
}
.pillgram .mobile dl {
	margin: 24px 0 12px;
	display: flex;
	justify-content: space-between;
}
.pillgram .mobile dt {
	font-weight: 600;
	font-size: 14px;
	color: #222;
}
.pillgram .mobile dd {
	font-weight: 600;
	font-size: 12px;
	color: #929292;
}
/* .pillgram .mobile input[type="date"] {
	background: #F8F8F8;
	border: 1px solid #929292;
	border-radius: 8px;
	width: 100%;
	height: 48px;
	padding: 0 16px;
}
.pillgram .mobile input[type="date"]::-webkit-calendar-picker-indicator,
.pillgram .mobile input[type="date"]::-webkit-inner-spin-button {
	display: block;
} */


.pillgram .mobile .txt1 {
	text-align: center;
	margin-top: 8px;
	font-size: 14px;
	line-height: 160%;
}
.pillgram .mobile .box {
	padding: 16px;
	background: #F8F8F8;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pillgram .mobile .box:not(:last-child) {
	margin-bottom: 8px;
}
.pillgram .mobile .box span {
	margin-left: auto;
}
.pillgram .mobile .all {
	margin: 24px 0 56px;
	display: flex;
	justify-content: center;
}
.pillgram .mobile .all span {
	color: #929292;
	font-weight: 600;
	padding-left: 32px;
	background: url(/images/tilko/Add_round.svg) no-repeat left center;
}
.pillgram .mobile .btn {
	z-index: 100;
	display: block;
	position: static;
	background: linear-gradient(91.54deg, #366EFF 3.93%, #8B4AFF 97.34%);
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	width: 100%;
	height: 64px;
	border-radius: 50px;
	margin-top: 32px;
}

.pillgram .mobile .info {
	display: flex;
	justify-content: space-between;
	background: #F1F8FB;
	border-radius: 16px;
	padding: 16px;
}
.pillgram .mobile .info dl {
	display: block;
	margin: 0;
}
.pillgram .mobile .info dt {
	font-weight: 400;
	font-size: 12px;
	color: #595959;
}
.pillgram .mobile .info dd {
	font-weight: 600;
	font-size: 18px;
	color: #222;
}
.pillgram .mobile .reference {
	display: flex;
	margin-top: 16px;
	border-top: 6px solid #f3f3f3;
	width: calc(100% + 32px);
	margin-left: -16px;
	padding: 16px 0 0 16px;
}
.pillgram .mobile .reference li {
	position: relative;
	margin-right: 8px;
	font-size: 12px;
	color: #595959;
	padding-left: 12px;
}
.pillgram .mobile .reference li::before {
	position: absolute;
	left: 0;
	top: 3px;
	content:"";
	width: 8px;
	height: 8px;
	border-radius: 50px;
	
}
.pillgram .mobile .reference li:nth-child(1)::before {
	background: #2ABB75;
}
.pillgram .mobile .reference li:nth-child(2)::before {
	background: #FFD02B;
}
.pillgram .mobile .reference li:nth-child(3)::before {
	background: #FF753A;
}
.pillgram .mobile .reference li:nth-child(4)::before {
	background: #F8463B;
}
.pillgram .mobile .arrow_box {
	position: relative;
}
.pillgram .mobile .arrow_box div {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 8px;
}
.pillgram .mobile .arrow_box div:nth-child(1) {
	background: url(/images/tilko/chevron-left.svg) no-repeat center;
	left: 33.3333%;
}
.pillgram .mobile .arrow_box div:nth-child(2) {
	background: url(/images/tilko/chevron-left.svg) no-repeat center;
	transform: rotate(180deg);
	right: 8px;
}

/* table2 */
.pillgram .mobile .reference_table {
	margin: -40px 0 40px;
}
.pillgram .mobile .table2 {
	width: 100%;
	text-align: center;
}
.pillgram .mobile .table-wrap>table tr {
	height: 40px;
}
.pillgram .mobile .table-wrap>table .color-tr th {
	background: #F3F3F3;
	color: #595959;
	font-weight: 600;
	border-top: none;
	font-size: 14px;
}
.pillgram .mobile .table-wrap>table tr:not(.color-tr) {
	border-bottom: none;
}
.pillgram .mobile .table2 th, 
.pillgram .mobile .table2 td {
	min-width: calc(33.3333vw - 16px);
}

.pillgram .js_before_box,
.pillgram .js_after_box {
	display: inline-block;
	background: transparent;
}
.pillgram .js_before_box:hover,
.pillgram .js_after_box:hover {
	background: transparent;
}
.pillgram .js_before_box {
	z-index: 10;
	top: 40px;
	left: calc(33.3333vw - 40px);
}
.pillgram .js_after_box {
	top: 40px;
}

.pillgram .mobile .table2 .green {
	color: #2ABB75;
}
.pillgram .mobile .table2 .yellow {
	color: #FFD02B;
}
.pillgram .mobile .table2 .orange {
	color: #FF753A;
}
.pillgram .mobile .table2 .red {
	color: #F8463B;
}





.pill_popup {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0;
	transform: unset;
	box-shadow: unset;
	max-height: unset;	
	border-radius: unset;
}
.pill_popup .top {
	height: 48px;
	line-height: 48px;
	font-weight: 700;
	font-size: 16px;
	color: #222;
	background: #fff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
}
.pill_popup .body {
	padding: 24px 16px;
}
#pop_close {
    content: url('/images/pillgram/pill_pop_close_m.svg');
    top: 12px;
}





}















.mypage_result .result_none>p:nth-child(2){
	padding: 77px 0 30px;
	color: #222;
	font-size: 18px;
}
.mypage_result .result_none div:nth-child(3){
	background: #F8F8F8;
    border-radius: 16px;
    padding: 24px 0 40px;
    width: 880px;
    margin: 0 auto 48px;
    color: #222;
}
.mypage_result .result_none div:nth-child(3) p:nth-child(1){
	font-weight: 700;
	font-size: 18px;
}
.mypage_result .result_none div:nth-child(3) p:nth-child(2){
	line-height: 26px;
	margin-top: 16px;
}
.mypage_result .result_none ul li{
	width: 328px;
	border-radius: 8px;
	background: #05C1AB;
	height: 56px;
	line-height: 56px;
	margin: 0 auto 16px;
	position: relative;
}
.mypage_result .result_none ul li::after{
	position: absolute;
	display: block;
	content:'';
	background: url(/images/tilko/arrow-white.svg) no-repeat;
	width: 8px;
	height: 12px;
	right: 24px;
	top:23px;
}
.mypage_result .result_none ul li a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}
.side_table {
	padding-right: 295px;
	position: relative;
}

.side_table .sdtb {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 295px;
	border-left: 1px solid #e2e6e9;
	padding-top: 69px
}

.side_table .sdtb dl {
	display: table;
	width: 100%;
	height: 100%
}

.side_table .sdtb dt {
	font-size: 16px;
	font-weight: 700;
	height: 56px;
	text-align: center;
	background: #f6f6f6;
	line-height: 56px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color:#595959;
}

.side_table .sdtb dd {
	font-size: 16px;
	font-weight: 400;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	display: table-cell;
	line-height: 1.8
}

/* mypage_before */
.mypage_before .jh_area {
	border: 4px solid #e2e6e9;
	margin: 0 0 15px
}

.mypage_before .jh_areaIn {
	padding-left: 200px;
	padding-right: 122px;
	min-height: 130px
}

.mypage_before .jh_head {
	width: 200px
}

.mypage_before .jh_head .jh_cell {
	padding: 0 10px;
	vertical-align: top
}

.mypage_before .jh_head .jh_cell dt {
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #5793c1;
	border-bottom: 1px solid #e2e6e9;
	margin-bottom: 15px
}

.mypage_before .jh_head .jh_cell dd {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.mypage_before .jh_head .jh_cell dd span {
	font-size: 24px;
}

.mypage_before .jh_etc {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 122px;
	text-align: center;
}

.mypage_before .jh_etc a {
	width: 100px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	background: #5793c1;
	border-radius: 18px
}

.mypage_before .ckRes_step4 .table_inner {
	margin-bottom: 44px
}

/* mypage_satisfaction */
.sati_box {
	border-top: 2px solid #595959;
	border-bottom: 2px solid #e4e4e4;
}

.sati_tit {
	font-size: 24px;
	font-weight: 500;
	text-align: left;
	margin-bottom: 18px;
	text-indent: -25px;
	padding-left: 25px;
	margin-top: 60px
}

.sati_box label {
	color: #464646 !important
}

.sati_box>ul>li {
	padding: 17px 44px;
	border-top: 1px solid #e2e6e9;
}

.sati_box>ul>li:first-child {
	border-top: 0 !important
}

.sati_box>ul>li ol.sati_chol li {
	width: 165px;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0
}

.sati_box dl.ch_dls {
	padding-left: 340px;
	position: relative;
	height: 40px;
}

.sati_box dl.ch_dls dt {
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 18px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
}
.sati_box dl.ch_dls dd {
	height: 40px;
	line-height: 40px;
}
.sati_box dl.ch_dls dd li {
	width: 130px;
	display: inline-block;
	vertical-align: top;
}

.sati_box.textarea {
	text-align: center;
	padding: 12px 0
}

.sati_box textarea {
	height: 140px;
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
}

.sati_box ol.agree li {
	width: 140px;
	display: inline-block;
	vertical-align: middle;
}

.sati_box ol.agree li.hostit {
	width: auto;
}

.sati_box ol.agree li.hostit dt {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	vertical-align: middle;
}

.sati_box ol.agree li.hostit dd {
	display: inline-block;
	width: 220px;
	margin-left: 10px
}

.sati_box input[type="radio"]+label:after {
	top: 10px;
}
.sati_box .agree input[type="radio"]+label:after {
	top: 1.5px;
}

.mypage_satisfaction .btn_baseArea {
	margin-top: 44px;
}

/* mod_area */
.mod_area {
	border-top: 2px solid #a4d8ea;
	border-bottom: 2px solid #dcecf5;
	margin-bottom: 44px
}

.mod_area>ul>li {
	border-top: 1px solid #e2e6e9;
}

.mod_area>ul>li:first-child {
	border-top: 0 !important
}

.mod_area dl {
	position: relative;
	padding-left: 260px;
}

.mod_area dl dt {
	position: absolute;
	left: 0;
	width: 260px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.mod_area dl dd {
	height: 68px;
	font-size: 16px;
	font-weight: 400;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 540px;
	padding: 5px 0
}

.mod_area dl dd .fix_num {
	display: inline-block;
}

.mod_area dl dd span {
	font-size: 16px;
	margin-left: 20px;
	color: #969696
}

.mod_area dl dd a {
	width: 100px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	background: #5793c1;
	display: inline-block;
	vertical-align: top;
}

.mod_area .cgsex ol li {
	padding: 10px 40px 10px 0
}

/* mypage_point */
.point_btn {
	display: none
}

.point_btn a {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 100%;
	display: block;
	background: #fafafa;
	border-bottom: 1px solid #e2e6e9;
}

.point_btn a.on:after {
	background: url(../images/common/v_arrow.png) no-repeat center center;
	background-size: 16px 9px;
	transform: rotate(0deg);
}

.point_btn a:after {
	content: '';
	width: 16px;
	height: 9px;
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4.5px;
	background: url(../images/common/v_arrow.png) no-repeat center center;
	background-size: 16px 9px;
	transform: rotate(180deg);
}

.point_info {
	border: 4px solid #5793c1;
	background: #fff;
	margin-bottom: 65px
}

.point_info h4 {
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	font-weight: 700;
	color: #5793c1;
	display: inline-block;
	padding-left: 69px;
	margin: 18px auto;
}

.point_info .pt_info1 h4 {
	background: url(../images/plan/point_ico01.gif) no-repeat left center;
}

.point_info .pt_info2 h4 {
	background: url(../images/plan/point_ico02.gif) no-repeat left center;
}

.point_info p {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	padding: 15px 10px
}

.pt_info1 {
	text-align: center;
	max-width: 544px;
	float: left;
	width: 50%
}

.pt_info2 {
	text-align: center;
	max-width: 544px;
	float: right;
	width: 50%
}

.innr_bg {
	background: #f7f7f7;
	padding: 8px
}

.innr_bg dl {
	position: relative;
	padding-left: 112px;
	min-height: 96px;
	height: 100%;
	margin-top: 8px;
}

.innr_bg dl:first-child {
	margin-top: 0;
}

.innr_bg dt {
	position: absolute;
	left: 0;
	top: 0;
	width: 96px;
	line-height: 96px;
	height: 96px;
	text-align: center;
	color: #fff;
	background: #9cb4c7;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 500;
}

.innr_bg dd {
	display: table;
	width: 100%;
	height: 96px
}

.innr_bg dd ul {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.innr_bg dd ul li {
	position: relative;
	padding-left: 17px;
	font-size: 17px;
	font-weight: 400;
	margin-top: 8px;
}

.innr_bg dd ul li:first-child {
	margin-top: 0;
}

.innr_bg dd ul li:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	background: #4abfe7;
	position: absolute;
	left: 0;
	top: 9px;
}

.pt_tb1 {
	border-top: 2px solid #a4d8ea;
	border-bottom: 2px solid #dcecf5;
	margin-bottom: 44px
}

.pt_tb1 table {
	width: 100%
}

.pt_tb1 thead th {
	background: #f7f7f7;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	height: 68px;
	vertical-align: middle;
	border-bottom: 1px solid #e2e6e9
}

.pt_tb1 tbody td {
	background: #fff;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	height: 68px;
	vertical-align: middle;
}

.pt_tb1 tbody td dt {
	display: none
}

.partN_op {
	position: relative;
	padding-right: 150px;
	margin-top: 55px;
}

.partN_op select {
	position: absolute;
	right: 0;
	top: -5px;
	width: 150px
}

.point_table {
	border-top: 2px solid #a4d8ea;
	border-bottom: 2px solid #dcecf5
}

.thead_ul, .tbody_ul {
	width: 100%
}

.thead_ul li {
	background: #f7f7f7;
	float: left;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	height: 68px;
	line-height: 68px
}

.pt_use {
	width: 20%
}

.pt_day {
	width: 30%
}

.pt_name {
	width: 30%
}

.pt_num {
	width: 20%
}

.tbody_ul li {
	border-top: 1px solid #e2e6e9;
	width: 100%;
	padding: 20px 0
}

.tbody_ul li:first-child {
	border-top: 0 !important
}

.tbody_ul li dd {
	float: left;
	font-size: 18px;
	text-align: center;
	font-weight: 400;
}

.txt_org {
	color: #e85e19
}

.txt_blue {
	color: #2e95d6
}

.mypage_point .jh_area {
	border: 4px solid #e2e6e9;
	margin: 65px 0 0
}

.mypage_point .jh_areaIn {
	padding-left: 200px;
	padding-right: 170px;
	min-height: 140px
}

.mypage_point .jh_head {
	width: 200px
}

.mypage_point .jh_head .jh_cell {
	padding: 0 10px;
	vertical-align: top
}

.mypage_point .jh_head .jh_cell dt {
	text-align: center;
	margin-top: 24px;
	margin-bottom: 10px
}

.mypage_point .jh_head .jh_cell dd {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #5793c1
}

.mypage_point .jh_body {
	padding: 26px 23px 0
}

.mypage_point .jh_body p {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 17px
}

.mypage_point .jh_body ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px
}

.mypage_point .jh_body ul li input {
	vertical-align: top;
	text-align: center;
}

.mypage_point .jh_body ul li span {
	font-size: 22px;
}

.mypage_point .jh_etc {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 170px;
	text-align: center;
}

.mypage_point .jh_etc a {
	width: 100px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	background: #5793c1;
	border-radius: 18px
}

.mypage_point .ckRes_step4 .table_inner {
	margin-bottom: 44px
}

/* shop_list */
.carehae_list .sub_title {
	margin-bottom: 0
}

.shop_list {
	overflow: hidden;
	position: relative;
}

.shop_list:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 2px solid #dcecf5;
	z-index: 1
}

.shop_list>ul {
	margin-left: -20px
}

.shop_list>ul>li {
	width: 25%;
	float: left;
	padding-left: 20px;
	text-align: center;
	max-height: 370px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e6e9;
	margin-top: 25px
}

.shop_list>ul>li img {
	width: 100%
}

.shop_list>ul>li dt {
	margin-bottom: 20px
}

.shop_list>ul>li dd.pd_name {
	font-size: 20px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 13px
}

.shop_list>ul>li dd.pd_point {
	font-size: 24px;
	font-weight: 400;
}

.shop_list>ul>li dd.pd_point span {
	font-size: 28px;
	font-weight: 900;
}

/* shop_view */
.shop_viewTop {
	position: relative;
	margin-bottom: 60px
}

.pd_img {
	border: 1px solid #c5cfd6;
	max-width: 520px;
	width: 48%;
	float: left
}

.pd_img img {
	width: 100%
}

.pd_info {
	max-width: 540px;
	width: 50%;
	float: right
}

.pd_tit {
	font-size: 32px;
	font-weight: 500;
	text-align: left;
	padding: 20px 0 25px
}

.info_ul>li {
	padding: 5px 0;
	line-height: 36px
}

.info_ul li dt {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	width: 175px;
	text-align: left;
}

.info_ul li dd {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	vertical-align: top;
}

.info_ul li dd b {
	font-weight: 900;
	font-size: 24px;
}

.info_ul li dd b.txt_red {
	font-size: 28px;
}

.info_ul li dd span {
	font-weight: 400;
	font-size: 24px;
}

.info_ul li dd.btn_pointAdd a {
	width: 100px;
	height: 36px;
	line-height: 36px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background: #5793c1;
	border-radius: 19px;
	text-align: center;
	margin-left: 20px
}

.pd_add {
	position: relative;
	padding: 0 34px;
	border: 1px solid #c5cfd6;
	max-width: 152px;
	height: 36px;
	overflow: hidden;
}

.pd_add input {
	border: 0;
	height: 34px;
	line-height: 34px;
	vertical-align: top;
	text-align: center;
}

.pd_add .btn_minus {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	background: url(../images/plan/pd_minus.gif) no-repeat 0 0;
	border-right: 1px solid #c5cfd6;
	text-align: center;
}

.pd_add .btn_plus {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	background: url(../images/plan/pd_plus.gif) no-repeat 0 0;
	border-left: 1px solid #c5cfd6;
	text-align: center;
}

.totla_point {
	border: 1px solid #e2e6e9;
	position: relative;
	padding-left: 200px;
	height: 82px;
	line-height: 82px;
	background: #f7f7f7;
	text-align: center;
	margin: 20px 0 25px
}

.totla_point dt {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	background: #fff
}

.totla_point dd b {
	font-size: 44px;
	font-weight: 700;
	color: #ee5555
}

.totla_point dd span {
	font-size: 36px;
	font-weight: 400;
}

.shop_fixBtn a {
	width: 260px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	display: block;
	font-size: 24px;
	color: #fff;
}

.shop_fixBtn ul {
	margin-left: -16px
}

.shop_fixBtn li {
	width: 50%;
	float: left;
	padding-left: 16px;
}

.shop_some {
	padding: 30px 20px;
	border-top: 2px solid #a4d8ea;
	background: #f7f7f7;
	border-bottom: 2px solid #dcecf5;
	text-align: center;
	min-height: 100px;
	line-height: 1.5
}

.shop_some img {
	max-width: 100% !important
}

/* shipping_list */
.shipping_list {
	margin-top: 60px;
}

.sh_Mtable {
	display: none
}

.sh_Wtable {
	border-top: 2px solid #a4d8ea;
	border-bottom: 2px solid #dcecf5;
	margin-bottom: 60px;
}

.sh_Wtable table {
	table-layout: auto;
	width: 100%
}

.sh_Wtable th {
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	height: 68px;
	background: #f7f7f7;
	border-left: 1px solid #e2e6e9;
}

.sh_Wtable td {
	border-top: 1px solid #e2e6e9;
	border-left: 1px solid #e2e6e9;
	padding: 16px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

.sh_Wtable td:first-child, .sh_Wtable th:first-child {
	border-left: 0;
}

.sh_pdinfo {
	position: relative;
	padding-left: 175px;
	min-height: 150px
}

.sh_img {
	width: 150px;
	height: 150px;
	border: 1px solid #c5cfd6;
	position: absolute;
	left: 0;
	top: 0;
}

.sh_img img {
	width: 100%
}

.sh_info p.sh_tit {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align: left;
}

.sh_info>ul>li {
	margin-top: 5px;
}

.sh_info>ul>li:first-child {
	margin-top: 0 !important
}

.sh_info dl {
	position: relative;
	padding-left: 95px
}

.sh_info dt {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11.5px;
	font-size: 18px;
	font-weight: 400;
	text-align: left
}

.sh_info dd {
	font-size: 18px;
	font-weight: 400;
	text-align: left
}

.sh_info dd span {
	font-size: 24px;
	font-weight: 400;
}

.sh_info dd b {
	font-size: 24px;
	font-weight: 700;
}

.sp_point {
	font-size: 24px;
	font-weight: 400;
}

.sp_point b {
	font-size: 28px;
	font-weight: 700;
	color: #ee5555
}

.shipping_info .mod_area {
	margin-bottom: 60px
}

.shipping_info .mod_area dl dd {
	width: 840px
}

.shipping_info .pt_tb1 span {
	font-weight: 400;
}

.shipping_info .pt_tb1 dd.txt_red {
	font-size: 44px;
	font-weight: 900;
}

.shipping_info .pt_tb1 dd.txt_red span {
	font-size: 36px;
	font-weight: 400;
	color: #464646;
	font-weight: 400;
}

.shipping_info .pt_tb1 thead th {
	border-left: 1px solid #e2e6e9;
}

.shipping_info .pt_tb1 tbody td {
	height: 96px;
	border-left: 1px solid #e2e6e9;
}

.shipping_info .pt_tb1 tbody td:first-child, .shipping_info .pt_tb1 thead th:first-child
	{
	border-left: 0
}

.partN_op label {
	color: #464646 !important
}

.partN_op .side {
	position: absolute;
	right: 0;
	top: 6px;
}

.bl_none {
	border-left: 0 !important;
}

.btn_shdel {
	width: 30px;
	height: 30px;
	display: block;
	margin: 12px auto 0
}

.btn_shdel img {
	width: 100%
}

.shipping_info .care_mal p {
	font-size: 36px;
}

.shipping_info .care_mal p:before {
	top: 6px
}

.shipping_info .care_mal p:after {
	top: 6px
}

.nowuse_inner {
	padding: 60px 0;
	position: relative;
}

.btn_nowuse {
	display: block;
	font-size: 16px;
	font-weight: 500;
	width: 160px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background: #5793c1;
	text-align: center;
	border-radius: 18px;
}

.nowuse_inner .btn_nowuse {
	position: absolute;
	left: 50%;
	margin-left: -80px;
	right: 0;
	bottom: 0;
	z-index: 1
}

.sh_btns li {
	margin-top: 12px;
}

.sh_btns li:first-child {
	margin-bottom: 20px
}

.sh_btns li a {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	color: #fff;
	margin: 0 auto
}

/* ==========================================================================
Base styles: media layer
========================================================================== */
@media only all and (max-width:1100px) {
	.w_logo {
		width: 130px;
		background: url(../images/common/Carehe_logo.svg) no-repeat 0 0 / 100%;
		margin-top: 52px;
		margin-left: 5px;
	}
}

@media only all and (max-width:768px) {
	body{
	    	padding-bottom: 40px;
	}
	a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-tap-highlight-color: transparent; /* For some Androids */
	}
	.m_view:not(.none){
	    display: block !important;
	}
	.w_view {
		display: none !important;
	}
	.w_viewC {
		display: none !important;
	}
	.wrap {
		overflow: inherit;
	}
	input[type="checkbox"]+label {
		font-size: 14px;
		padding-left: 30px;
		padding-top: 2px;
		margin: 5px 0;
	}
	input[type="checkbox"]+label:after {
		background: url(../images/common/Check_default.svg) no-repeat 0 0;
		background-size: 20px 20px;
		opacity: 0.8;
	}
	input[type="checkbox"]:checked+label:after {
		background: url(../images/common/Check_Active.svg) no-repeat 0 0;
		background-size: 20px 20px;
		opacity: 0.8;
	}
	input[type="radio"]+label {
		font-size: 14px;
		padding-left: 30px;
	}
	input[type="radio"]+label:after {
		background: url(../images/common/circle_defalut.svg) no-repeat 0 0;
		background-size: 20px 20px
	}
	input[type="radio"]:checked+label:after {
		background: url(../images/common/circle_active.svg) no-repeat 0 0 / 18px;
	}
	input[type="radio"].radio-blue-bg-white+label:after {
		background: url(../images/common/radio_bbw_active_default.png) no-repeat 0 0;
		background-size: 20px 20px
	}
	input[type="radio"].radio-blue-bg-white:checked+label:after {
		background: url(../images/common/radio_bbw_active_check.png) no-repeat 0 0;
		background-size: 20px 20px;
	}
	input[type="radio"].radio-blue-bg-white:disabled+label:after {
		background: url(../images/common/radio_bbw_disabled_default.png) no-repeat 0 0;
		background-size: 20px 20px;
	}
	input[type="radio"].radio-blue-bg-white:disabled:checked+label:after {
		background: url(../images/common/radio_bbw_disabled_check.png) no-repeat 0 0;
		background-size: 20px 20px;
	}
	.ch_check input[type="checkbox"]+label {
		font-size: 0;
		font-weight: 300;
		color: #303030;
		padding-left: 38px;
		padding-top: 0;
		position: relative;
		word-break: break-all;
		display: inline-block;
		height: 38px;
		vertical-align: middle;
		cursor: pointer;
	}
	.ch_check input[type="checkbox"]+label:after {
		content: '';
		width: 38px;
		height: 38px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/easyres/ds_2check_01.svg) no-repeat 0 0;
		background-size: 38px 38px;
		opacity: 0.2
	}
	.ch_check input[type="checkbox"]+label.purple:after {
		background: url(../images/easyres/ds_2check_02.svg) no-repeat 0 0;
		background-size: 38px 38px;
	}
	.ch_check input[type="checkbox"]+label.green:after {
		background: url(../images/easyres/ds_2check_03.svg) no-repeat 0 0;
		background-size: 38px 38px;
	}
	.ch_check input[type="checkbox"]:checked+label:after {
		opacity: 1 !important
	}
	.ch_check input[type="checkbox"]+label span {
		text-decoration: underline;
	}
	input[type="text"], input[type="tel"], input[type="password"] {
		padding: 0 10px;
		height: 42px;
		line-height: 38px;
		font-size: 16px;
	}
	.w_header {
		display: none !important
	}
	.footer {
		display: none !important
	}
	.footer-row{
	    display: block !important;
	}
	.m_header {
		height: 45px;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		background: #fff;
		display: block;
		z-index: 103;
	}
	.mmback {
		width: 30px;
		height: 30px;
		display: block;
		background: url(../images/common/m_headBack_v2.svg) no-repeat center
			center;
		background-size: 20px 20px;
		position: absolute;
		left: 8px;
		top: 50%;
		margin-top: -15px;
		text-indent: -9999px
	}
	.mmenu {
		width: 30px;
		height: 30px;
		display: block;
		background: url(../images/common/m_headmenu_v2.svg) no-repeat center
			center;
		background-size: 20px 20px;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -15px;
		text-indent: -9999px
	}
	.mmtit {
		position: absolute;
		left: 60px;
		right: 60px;
		top: 13px;
		text-align: center;
		color: #0074DD;
		font-size: 16px;
		font-weight: 500;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: break-all;
	}
	.login-header.m_view{
		top: 0;
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	    margin: 0 auto;
	    height:48px;
	    position: fixed;
	    background: #fff;
	    z-index: 15;
	    width: 100%;
	    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));
	 }
     .login-header .back-btn{
        left:16px;
        top:12px;
        position: absolute;
     }
     .login-header h2{
        font-size: 16px;
        font-weight: 700;
        color: #222;
     }

	 .login-header .back-btn{
	    transform:rotate( -180deg);
	 }
	.contents.easy_res {
		padding: 48px 16px 0;
		margin: 45px 0 30px 0;
		min-height: unset !important;
	}
	.easy_res {
		background: #fff;
		position: relative;
		padding-bottom: 10px
	}
	.easy_step1:before {
		height: 290px
	}
	.easy_box {
		position: relative;
		z-index: 1;
		width: 100%;
		max-width: inherit;
		margin: 0 auto;
		background: none;
		min-height: 300px;
		padding-top: 0
	}
	.easy_inner{
	    margin-bottom: 0;
	    background: #3b80be;
	    display: block;
	}
	/*백그라운드 색상이 조금 보여서 함*/
	.login .easy_inner{
	    background-color: #fff;
	}
	.easy_bg {
		padding: 20px 0 20px 0;
	}
	.easy_bg.easy_agree{
	    padding-top: 48px;
	}
	.easy_bg.login{
	    margin: 0 -16px;
	}
	.box_top dt img {
		width: 100px
	}

	.easy_Lbox, .easy_Rbox {
		width: 100%;
		max-width: inherit;
		float: none
	}
	.easy_step1 .easy_Lbox {
		height: 300px
	}
	.easy_step1 .easy_Rbox {
		height: 300px;
		margin-top: 20px;
	}
	.easy_Lbox .box_top {
		background: #fff;
		height: auto;
		max-height: inherit;
		padding: 0;
		padding-top: 28px;
	}
	.easy_Lbox .box_top dl dt{
       text-align: center;	
	}
	.easy_Rbox .box_top {
		padding: 0;
		padding-top: 28px;
		max-height: 200px;
		margin-bottom: 24px;
	}
	.easy_Lbox:after {
		content: '';
		width: auto;
		height: 10px;
		position: absolute;
		left: 0;
		bottom: -20px;
		right: 0;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #156182;
	}
	.easy_Rbox:after {
		content: '';
		width: auto;
		height: 10px;
		position: absolute;
		left: 0;
		top: -20px;
		right: 0;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-bottom: 10px solid #2b90ba;
		background: none
	}
	.tabs {
		display: block
	}
	.easy_bg.login .tabs{
	    padding: 0 16px;
	}
	.easy_Rbox.tab_area {
		display: none
	}
	.easy_Lbox.tab_area:after, .easy_Rbox.tab_area:after {
		content: none
	}
	.easy_Lbox.tab_area, .easy_Rbox.tab_area {
		margin-top: 0 !important;
		background: #fff;
	}
	.easy_find:before {
		height: 100%
	}
	.easy_find .easy_Lbox.tab_area, .easy_find .easy_Rbox.tab_area {
		max-height: 350px
	}
	.easy_find .easy_Lbox .box_bottom .fd_check, .easy_find .easy_Rbox .box_bottom .fd_check{
		display: none
	}
	.easy_find .box_top dt {
		margin-bottom: 18px;
	}
	.easy_find .box_top dd {
		font-size: 16px;
	}
	.easy_find .addr_ul {
		margin-top: 30px
	}
	.easy_find .box_bottom {
		padding: 0 15px;
		opacity: 1 !important
	}
	.fix_num {
		padding-right: 0;
	}
	.fix_num input[type="text"]{
	    width: 50%;
	}
	.fix_num a {
		width: 48%;
	}
	.easy_step1 .box_top dt {
		display: none
	}
	.easy_step1 .box_top dd {
		font-size: 14px;
		line-height: 1.6
	}
	.easy_step1 .box_top dl {
		padding-top: 0;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px
	}
	.easy_step1 .box_bottom img {
		width: 100%;
		max-width: 155px
	}
	.easy_step1 .easy_Lbox {
		padding-bottom: 75px;
	}
	.easy_step1 .easy_Rbox {
		padding-bottom: 75px;
	}
	.easy_step2:before {
		height: 400px
	}
	.easy_step2 .easy_Lbox {
		height: 465px;
	}
	.easy_step2 .easy_Rbox {
		margin-top: 20px;
		height: 420px
	}
	.easy_step2 .box_top dt {
		margin-bottom: 10px;
	}
	.easy_step2 .easy_Lbox .box_top dd {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 28px;
	}
	.easy_step2 .easy_Rbox .box_top dd {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 16px;
	}
	.art_choice {
		padding: 0 15px
	}
	.art_choice>li {
		margin-top: 6px
	}
	.art_choice>li dl {
		background: #458ee8;
		width: 90%;
		padding: 6px 8px;
		border-radius: 12px;
		margin: 0 auto;
	}
	.art_choice>li dd {
		display: table-cell;
		vertical-align: middle
	}
	.art_choice>li dd img {
		width: 55px;
		height: 55px
	}
	.art_choice>li dd.ch_who {
		width: 30%;
		font-size: 14px;
	}
	.art_choice>li dd.ch_name {
		width: 50%;
		font-size: 18px;
	}
	.art_choice>li dd.ch_pay {
		width: 80%;
		font-size: 20px;
	}
	.art_choice>li dd.ch_check {
		padding: 0 6px
	}
	.ch_family {
		top: 73px;
		left: 5%;
		width: 90%;
	}
	.ch_family li {
		display: inline-block;
		margin-right: 0;
		margin-bottom: 10px;
		width: 50%;
		float: left;
	}
	.ch_family li:last-child {
		margin-right: 0;
	}
	.ch_where ul {
		margin: 0 15px 15px;
		min-height: 153px;
		max-height: 153px;
		overflow-y: auto
	}
	.ch_where li {
		margin-bottom: 10px;
	}
	.ch_where li dl {
		padding-right: 0;
		position: relative;
	}
	.ch_where li dl dt {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		padding: 0 5px;
	}
	.ch_where li dl dd a {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.ch_where p {
		color: #fff;
		font-size: 14px;
	}
	.easy_log:before {
		height: 100%
	}
	.easy_log .easy_Lbox {
		height: 465px;
		padding: 0 16px;
	}
	.easy_log .easy_Rbox {
		margin-top: 20px;
		height: 480px;
		padding: 0 16px;
	}
	.easy_log .easy_Lbox .box_top dd, .easy_log .easy_Rbox .box_top dd {
		font-size: 16px;
		margin-bottom:16px;
	}
	.easy_log .easy_Lbox .box_top dd span.txt, .easy_log .easy_Rbox .box_top dd span.txt
		{
		font-size: 14px;
		margin-top: 5px;
	}
	.easy_log .box_top dt {
		margin-bottom: 18px;
	}
	.easy_res input[type="text"], .easy_res input[type="tel"], .easy_res input[type="password"]{
		padding: 0 16px;
		height: 48px;
		line-height: 48px;
		font-size: 14px;
		border-radius:8px;
	}
	.easy_log .code_area {
		margin: 0 15px;
	}
	.easy_log .easy_Lbox .code_area ul.sel_ul {
		min-height: inherit;
	}
	.easy_log .easy_Rbox .code_area ul.sel_ul {
		min-height: inherit;
		margin-bottom: 12px;
		width: 100%;
	}
	.easy_box .sel_ul + a{
		margin: 40px 0 0;
	}
	.code_area ul.sel_ul #cp_msg a{
	    background: #05C1AB;
	    border-radius: 8px;
	    height: 56px;
	    line-height: 56px;
	}
	.easy_log .ico_sch {
		position: absolute;
		left: 15px;
		right: 15px;
		bottom: 15px;
		width: auto
	}
	.easy_box .sel_ul .company_code input[type="text"]{
	    width: 80%;
	    margin-top: 12px;
	    height: 44px;
	}
	.easy_box .sel_ul .company_code button{
	    margin-left: 0;
	    background-color: #458EE8;
	    width: 19%;
	    height: 44px;
	    float: right;
	    margin-top: 12px;
	}
	.instruction {
		padding: 0 16px 160px;
		margin: 16px 0 0;
		line-height: 1.6;
		font-size: 14px;
	}
	.easy_box .sel_ul .company-list{
	    width: 74%;
	    border: 1px solid #CECECE;
	}
	.easy_box .sel_ul .company-list li dl dt{
	    width: 180px;
	}
	.easy_box .sel_ul .company-list li dl dd{
	    margin-left: 10px;
	}
	.code_area a {
		height: 38px;
		line-height: 38px;
		font-size: 16px;
	}
	.code_area ul.sel_ul li {
		margin: 10px 0 8px;
	}
	.code_area input[type="checkbox"]+label {
		font-size: 14px;
		color: #fff;
		padding-left: 28px;
		padding-top: 1px;
		min-height: 22px;
		cursor: pointer;
	}
	.code_area input[type="checkbox"]+label:after {
		content: '';
		width: 22px;
		height: 22px;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/common/Check_default.svg) no-repeat 0 0;
		background-size: 22px 22px;
		opacity: 1;
	}
	.code_area input[type="checkbox"]:checked+label:after {
		height: 22px;
		top: 0px;
		background: url(../images/common/Check_Active.svg) no-repeat 0 0;
		background-size: 22px 22px;
		opacity: 1;
	}
	.code_area .fix_num a {
		background: #0C73BE;
		border-radius: 8px;
		height: 48px;
		line-height: 48px;
		margin-top: 26px;
		font-size: 14px;
	}
	.code_area .fix_num a.f_search {
		margin-top: 8px;
	}
	.code_area .ico_arrow {
		background: #06a5ea;
		border-radius: 4px;
	}
	.ico_sch:after {
		background: url(../images/easyres/btn_ico_02.gif) no-repeat center center;
		right: 11px;
		margin-top: -14px;
		background-size: 23px 23px
	}
	.easy_Lbox .find_ul{
	    margin-top: 30px;
	}
	.easy_Rbox .find_ul{
	   margin-top: 24px;
	}
	.easy_Lbox .find_ul, .easy_Rbox .find_ul{
        display: flex;
	    justify-content:space-around;
    }
	.pc_find_ul{
        display: none;
	}
	.easy_Lbox .find_ul li{
	    width: 50%;
	    text-align: center;
	}
	.easy_Lbox .find_ul >:first-child{
	    border-right: 1px solid #BDBDBD;
	}
	.find_ul li{
        padding: 0;
        box-shadow: none;
        margin: 0;
        text-align: center;
        width: 33.33%;
	}
	.find_ul li+li:after, .find_ul li+li+li:after {
		height: 14px;
		margin-top: -6px;
	}
	.find_ul li a {
		font-size: 14px
	}
	.login .find_ul li a {
		color: #111;
	}
   .login .easy_Lbox .login_text {
        padding: 0 0 10px 0;
        font-size: 13px;
        color: #333;
        text-align: left;
        line-height: 20px;
     }
	.err_box {
		border-radius: 5px;
		padding: 10px 10px;
		font-size: 12px;
		margin-bottom: 40px;
	}
	.easy_cpbox .box_top {
		padding-top: 0 !important
	}
	.easy_cpbox .box_top dt {
		margin-bottom: 40px
	}
	.easy_cpbox .box_top dt img {
		width: 100%
	}
	.easy_cpbox .tel_call {
		font-size: 14px;
		margin-top: 12px;
	}
	.easy_log .easy_cpbox {
		height: 555px;
		margin-top: 0;
	}
	.easy_log .easy_cpbox:after {
		content: none
	}
	.easy_cpbox {
		background: #127098;
		left: 0;
		top: 0;
		height: inherit
	}
	.easy_cpbox.on {
		width: 100%
	}
	.cpbox_inner {
		width: 100%;
		margin: auto;
		padding: 0 16px;
	}

	/* easy_onlybox */
	.easy_result:before {
		height: 100%
	}
	.easy_onlybox {
		height: 325px;
		padding: 27px 15px 15px
	}
	.easy_result .easy_onlybox:after {
		content: none
	}
	.easy_onlybox dl dt {
		position: inherit;
		left: inherit;
		top: inherit;
	}
	.easy_onlybox dl dt img {
		width: 100px;
		height: 100px
	}
	.easy_onlybox dl dd {
		position: inherit;
		left: inherit;
		top: inherit;
		width: auto;
		margin-top: 17px;
		min-height: 165px
	}
	.join_complete:before{
	   background: #fff;
	}
	.join_complete_box  .identify_box img{
	  width: 130px;
	}
	.join_complete_box  .identify_box p{
	  font-size: 16px;
	}
	.join_complete_box .code_area ul li a{
	   border-radius: 8px; 
    }
	.identify_box p {
		font-size: 16px;
	}

	.easy_onlybox dl dd .code_area {
		margin: 50px auto 0;
		position: inherit;
	}
	.easy_onlybox dl dd .code_area  ul li {
		max-width: 100%
	}
	.easy_onlybox dl dd .code_area .iden_txt {
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}
	.easy_onlybox dl dd .code_area .btn_pw {
		position: absolute;
		right: 15px;
		left: 15px;
		bottom: -55px;
		width: auto
	}
	.easy_onlybox dl dd .code_area .btn_log {
		position: absolute;
		right: 15px;
		left: 15px;
		bottom: 15px;
		width: auto
	}

	/* easy_fullbox */
	.easy_agree:before {
		height: 245px;
		background: #fff;
	}
	.easy_agree .easy_fullbox {
		height: 178px;
		background: #fff;
	}
	.easy_fullbox dt img {
		margin: 0;
		width: 104px
	}
	.easy_fullbox dd {
		font-size: 16px;
		font-weight: 700;
		margin-top: 24px;
	}
	.easy_fullbox dd span {
		font-size: 14px;
		font-weight: 400;
	}
	.agree_box {
		margin: 40px -16px;
		padding: 0;
		background: 0;
	}
    .agree_box > li.m_view{
        padding:0 0 12px 16px;
        font-weight: 700;
        color: #222;
    }
	.agree_step {
		padding: 0;
		background: #f8f8f8;
		line-height: 36px;
		min-height: auto;
	}
	.all_chk.agree_step{
	    height: 56px;
	    line-height: 56px;
	}
	.easy_box .agree_step{
	    border-left: 0;
	    border-right: 0;
	}
/* 	.agree_box .agree_line {
		line-height: 1.4;
		margin: 8px 0;
	} */
	
	.agree_box input[type="checkbox"]+label{
	    padding-left: 48px;
	}
	.agree_box .all_chk input[type="checkbox"]+label{
	    color: #222;
	    font-size: 16px;
	    margin: 0;
	}
	.agree_step input[type="checkbox"]+label span {
		font-weight: 400 !important;
	}
	.agree_step input[type="checkbox"]+label:after,
	.agree_step input[type="checkbox"]:checked+label:after{
	    background-size: 24px 24px;
	    width: 24px;
	    height: 24px;
	    left: 12px;
	    top:8px;
	}
	.all_chk.agree_step input[type="checkbox"]+label:after{
	    top:16px;
	}
	.agree_box li.agree_step:not(:nth-child(2))::after{
	    right: 16px;
	    top: 22px;
	}
	.agree_step>dl {
		padding-bottom:0;
	}
	.agree_scroll {
		padding:8px 16px 8px 8px;
		height: 184px;
	}
	.agree_scroll .agree_div {
	    font-size: 12px;
	    line-height: 18px;
	}
	.agree_scroll .agree_div ul {
		margin-left: 16px;
	}
	.agree_scroll .agree_div ul ol {
		margin-left: 8px;
	}
	.agr_chk {
		position: absolute;
		right: inherit;
		left: 0;
		top: inherit;
		bottom: 0
	}
	.agree_scroll h2 {
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.agree_scroll h3 {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 15px;
	}
	.agree_scroll h4 {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 15px;
	}
/* 	.agree_scroll p {
		font-size: 10px;
		font-weight: 400;
		margin-bottom: 20px;
	} */
	.btn_easyArea .btn_go {
		position: relative;
		margin-bottom: 15px
	}
	.btn_go {
		max-width: 100%;
		height: 50px;
		line-height: 50px;
		border-radius: 8px;
		font-size: 16px;
	}

	/* easy_join */
	.easy_join:before {
		height: 100%;
		background: #fff;
	}
	.join_Rbox .addr_top {
		padding: 0;
		margin: 0 24px;
	}
	.addr_top {
		height: inherit;
		background: #3B80BE;
	}
	.addr_top ul li {
		margin-top: 12px;
	}
	.addr_top ul li:first-child {
		margin-top: 0 !important;
	}
	.addr_bottom {
		margin: 30px 15px 0
	}
	.addr_bottom p {
		color: #fff;
		font-weight: 400;
		font-size: 18px;
		text-align: center;
	}
	.contents.easy_res.join{
	     padding: 0;
	}
	.join .easy_join{
	    padding: 20px 0;
	}
	.join .easy_join .code_area label{
	    color: #222;
	    font-weight: 700;
	    margin-top: 24px;
	}
	.easy_Lbox, .easy_Rbox {
		padding: 0;
	}
	.easy_join .easy_Lbox {
		height: inherit;
		background: #fff;
	}
	.easy_join .easy_Lbox:after, .easy_join .easy_Rbox:after {
		content: none
	}
	.join_page .easy_Lbox .box_top{
	    padding: 40px 0 0;
	}
	.easy_join .easy_Rbox {
		margin-top: 0 !important;
		padding-bottom: 56px;
		background: #F8F8F8;
		height: inherit;
	}
	.easy_join .easy_inner,
	.easy_join .easy_Rbox .addr_top{
	    background: #F8F8F8;
	}
	.easy_join .box_bottom {
		margin: 0;
		background: #f8f8f8;
	    border-radius: 24px 24px 0 0;
	    padding: 8px 24px 0;
	}
	.easy_join .easy_Rbox .addr_top ul li{
        margin: 0;	
	}
	.easy_join .easy_Rbox ul li input{
	    margin-top: 8px;
	    height: 48px;
	    line-height: 48px;
	}
	.easy_join .tel_call {
		font-size: 14px;
		margin-top: 12px;
		color: #222;
	}
	.easy_join .ch_box {
		text-align: center;
		height: 48px;
		padding: 0;
		padding-top: 5px;
	}
	.easy_join .ch_box input[type="radio"]+label{
	    float: left;
	    padding: 0;
	    margin: 0;
	    border: 1px solid #C9C9C9;
	    width: 48%;
	    height: 48px;
	    line-height: 48px;
	    background: #fff;
	    border-radius: 8px;
	    color:  #929292;
	    font-weight: 400;
	}
	.easy_join .ch_box input[type="radio"]:checked+label{
	    border:2px solid #06A5EA;
	    color: #06A5EA;
	    font-weight: 700;
	    box-sizing: border-box;
	}
	.easy_join .ch_box input[type="radio"]+label.woman{
	    float: right;
	}
	.easy_join .ch_box input[type="radio"]+label:after{
	    background: none;	    
	}
	.easy_join .box_top dd {
		margin-bottom: 20px;
		font-size: 16px;
		color: #222;
		font-weight: 700;
	}
	.easy_join .box_top dd span {
		font-size: 14px;
		font-weight: 400;
	}
	.join_Rbox input[type="radio"]+label{
	    color: #fff;
	}
	.join_Rbox .code_area .ico_arrow{
	    border-radius: 8px;
	    max-width: 100%;
	    height: 56px;
	    line-height: 56px;
	}
	.easy_addcp {
		margin-bottom: 40px;
	}
	.easy_addcp:before {
		height: 245px
	}
	.easy_addcp .easy_fullbox {
		height: 215px;
	}
	.add_cardBox {
		margin-bottom: 30px;
	}
	.add_card {
		position: relative;
		margin: 20px 0 0;
		padding: 14px 14px 14px
	}
	.add_card:before {
		height: 10px;
		top: -20px;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-bottom: 10px solid #2b90ba;
	}
	.add_card:after {
		height: 10px;
		bottom: -20px;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #156182;
	}
	.card_left {
		float: none;
		padding: 0 0;
		width: 100%
	}
	.card_right {
		float: none;
		padding: 0 0;
		width: 100%;
		margin-top: 12px;
	}
	.add_card ul li {
		margin-top: 12px;
	}
	.add_card ul li:first-child {
		margin-top: 0 !important;
	}
	.add_card .ch_box {
		padding: 10px 0;
		text-align: center;
	}
    /*탈퇴하기*/
    .resign_box{
        box-shadow: none;
        width: 100%;
        padding: 0;
    }
    .resign_box .addr_top{
        margin: 0;
        background: #fff;
    }
    .resign_box .box_top dt img{
        margin: 40px 0;
    }
    .resign_box .box_top dd{
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 30px;
    }
    .resign_box .addr_bottom{
        margin: 40px 0 0;
    }
    .resign_box .addr_bottom a{
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        margin-top: 4px;
        border-radius: 8px;
    }
    .easy_resign_box .btn_back{
        display: none;
    }
	/* sub_공통 */
	.contents.vs_top {
		padding: 0 0;
		margin-top: 45px;
	}

	.sub_top {
		display: none
	}
	.sub_title {
		display: none
	}
	.sub_area {
		max-width: 1220px;
		margin: 0 auto 0;
		padding: 24px 16px 40px 16px;		
	}
	.sub_area.bg-gray{
	    background:  #F8F8F8;
	}	
	.survey_notice{
	    padding: 10px 0 20px 0;
	}
	.swiper-slide.ad-area{
	    height: 100px;
	    margin: 0 auto 16px;
	}
	.swiper-slide.ad-area img{
	    height: 100%;
	}
	.swiper-slide.ad-area:nth-child(1),.swiper-slide.ad-area:nth-child(2){
	    background: #e1e4e6;
	}
	/* checkup_res */
	.bg-gray{
	    background: #f8f8f8;
	}
	.sub_area .tit-txt{
	    display: none;
	    font-size: 16px
	}
	.sub_area .tilko-header .tit-txt::after{
	    display: none;
	}
	.sub_topInfo {
		position: relative;
		padding-right: 0;
		margin: 0 0 24px
	}
	.sub_topInfo.add_tail {
		padding-right: 0;
	}
	.sub_topInfoinner {
		display: block;
		background: #f7f7f7;
		min-height: inherit;
		border-radius: 8px;
		border:0;
		padding: 0px;
		width: 100%;
	}
	.sub_topInfoinner.add_etc {
		padding-right: 0;
	}
	.sub_cplogo {
		width: 100%;
		position: inherit;
		left: inherit;
		top: inherit;
		bottom: inherit;
		display: table;
		border-radius: 16px;
		border:1px solid #E4E4E4;
	}
	.sub_cplogo .cplogo_in {
		height: 140px;
		position: relative;
		top:0;
		left: 0;
		transform:inherit;
		padding: 0;
		
	}
	.sub_cplogo .cplogo_in img {
		padding-bottom: 0px;
		/* width: 100%; */
		width: 180px;
		border-radius: 16px 16px 0 0;
	}
	.sub_cplogo .cplogo_in p {
		padding: 16px 0;
		font-size: 16px;
		margin: 0;
	}
	.sub_user {
		padding: 16px 24px;
		display: table;
		width: 100%;
		background: #fff;
		margin-top: 24px;
	}
	.sub_user ul {
		display: table-cell;
		vertical-align: middle
	}
	.sub_user ul li {
		width: 100%;
		padding: 0;
	}
	.sub_user ul li:not(:last-child){
	    margin-bottom: 16px;
	}
	.sub_user ul li dt, .sub_user ul li dd {
		font-size: 14px
	}
	.sub_user ul li dt {
		width: 65px;
		color: #595959;
	}
	.markbox {
		padding-left: 5px;
	}
	.mark {
		display: inline-block;
		font-size: 12px;
		height: 18px;
		line-height: 17px;
		border-radius: 3px;
		padding: 0 8px;
		min-width: 55px;
		margin-left: 0px
	}
	.sub_etc {
		position: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		width: 100%;
		display: table
	}
	.btn_merge {
		height: 46px;
		width: 200px
	}
	.btn_merge a {
		padding: 0 12px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		max-width: 135px;
		font-size: 14px;
	}
	.sub_tail {
		position: inherit;
		right: inherit;
		top: inherit;
		margin-top: 32px;
	}
	.sub_tail a.sub_fir {
		border-radius: 28px;
		width: 273px;
		height: 56px;
		line-height: 56px;
		text-align: center;
		font-weight: 600;
		display: block;
		padding-top: 0;
		color: #fff;
		border: none;
		background: #2C7FFA;
		margin: 0 auto;
		font-size: 16px;
		position: relative;
	}
	.sub_tail a.sub_fir::after{
	   position: absolute;
	   display: block;
	   content:'';
	   background: url('/images/common/reserve_icon5.svg') no-repeat;
	   width: 24px;
	   height: 24px;
	   left: 45px;
	   top:16px;
	}
   	.sub_tail a.sub_fir::before{
	   position: absolute;
	   display: block;
	   content:'';
	   background: url('/images/main/chevron-right-white.svg') no-repeat;
	   width: 8px;
	   height: 12px;
	   right: 24px;
	   top:22px;
	}  
	.sub_area h4.sub_partN, .modal-wrap h4.sub_partN {
		font-size: 16px;
		padding-left: 18px;
		margin-bottom: 12px;
	}
	.sub_area h4.sub_partN{
	   margin-left: 17px
	}
	.sub_area h4.sub_partN:before, .modal-wrap h4.sub_partN:before {
		width: 9px;
		height: 1px;
		top: 12px;
	}
	.sub_search .search-txt{
	   font-size: 16px;
	   margin-bottom: 16px;
	}
	.sub_search .search-txt img{
	   width: 24px;
	   height: 24px;
	   margin-right: 4px;
	}
	.sch_box {
		margin-bottom: 0;
		background-color: #fff;
		padding: 24px 16px;
		border:1px solid #e4e4e4;
	}
	.sch_box ul {
		display: block;
	}
	.sch_box ul>li {
		padding: 0 0;
		border-top: 0;
		width: 100%;
		height: auto;
	}
	.sch_box ul>li dl.td_cell {
		display: inherit;
	}
	.sch_box ul>li dl.td_cell dt {
		display: inherit;
		text-align: left;
		width: 100%;
		font-size: 14px;
		height: auto;
		padding:0;
		background: #fff;
		border:0;
		margin-bottom: 8px;
	}
	.sch_box ul>.off-season-event dl.td_cell dt{
	    text-align:center;
	    font-size: 14px;
	    padding-left: 0;
	    font-weight: 500; 
	}
	.sch_box ul>li.option dl.td_cell dt.td_cell_dt {
		width: 100%;
	}
	.sch_box ul>li:first-child dl.td_cell dt {
		border:0;
		background: 0;
	}
	.sch_box ul>li dl.td_cell dd {
		display: flex;
		vertical-align: middle;
		text-align: left;
		width: 100%;
		padding-left: 0;
		margin-bottom: 24px;
		justify-content: space-between;
	}
	.sch_box ul>li.option dl.td_cell dt.td_cell_dt dd {
		margin-bottom: 0
	}
	.sch_box ul>.off-season-event dl.td_cell dd,
	.sch_box ul>.hospital-search dl.td_cell dd{
	    display: block;
	}
	.checkup_res .sch_box input[type="text"]{
	   max-width: 100%;
	   width: 100%;
	   border: 1px solid #C9C9C9;
	}
	.checkup_res .sch_box input[type="text"]::placeholder{
	   color: #929292;
	   font-weight: 300;
	}
	
	.checkup_res .sch_box .date_del.w_view {
		display: none;
	}
	.sch_box ul .td_cell .date_del {
		top: 36px;
		right: 16px;
	}
	.sch_box ul .td_cell input[type="checkbox"]+label {
		width: 100%;
		border: 1px solid #c9c9c9;
		color: #929292;
	}
	
	.sch_box ul>li dl.td_cell dd select{
	   width: 47% !important;
	   border: 1px solid #C9C9C9;
	   color: #929292;
	   font-weight: 300;
	}
	.sch_box ul>li dl.td_cell dd .sch_addr li select{
	   width: 100% !important;
	}
	.sch_box ul>li dl.td_cell dd input[type="checkbox"]+label::after,
	.sch_box ul>li dl.td_cell dd input[type="checkbox"]:checked+label::after{
	   width: 24px;
	   height: 24px;
	   background-size: 24px;
	   top: 9px;
	}
	.sch_box ul>li dl.td_cell dd input[type="checkbox"]+label{
	   font-size: 14px;
	   color: #222 !important;
	}
	.sub_search .btn_sch {
		display: block;
		padding: 0;
		height: 40px;
		line-height: 40px;
		border-radius: 8px;
		width: 100%;
		font-size: 16px;
		margin-top: 0px;
	}
	.sch_box ul .btn_sch a {
		width: 160px;
	}
	.sch_box input[type="text"], 
	.easy_res input[type="tel"], 
	.easy_res input[type="password"] {
		padding: 0 12px;
		line-height: 40px;
		font-size: 14px;
	}
	.sch_box + .sub_fir {
		margin: 24px 0 12px;
		display: block;
		width: 100%;
		height: 56px;
		line-height: 56px;
		border-radius: 8px;
		border: 1px solid #2C7FFA;
		background: #fff url(/images/list/icn_Book_check.svg) no-repeat left 24px center / 24px;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		color: #2C7FFA;
	}
	
	.list_topBtn {
		height: unset;
		flex-wrap: wrap;
		align-items: center;
		justify-content: end;
		gap: 8px;
	}	
	.list_topBtn .btn_albums, 
	.list_topBtn .btn_lists {
		width: 32px;
		height: 32px;
		margin: 0;
	}
	.list_topBtn .sub_sec {
		margin: 0 0 16px 0;
		border-radius: 8px;
		width: 100%;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		font-weight: 600;
		background: linear-gradient(92deg, #3B6DFF 9.27%, #3E2EFF 91.64%), linear-gradient(93deg, #36E619 2.58%, #257CFF 92.69%), #FFF;
	}
	.list_topBtn .sub_sec::before {
		top: 16px;
	}
	.sch_addr li {
		max-width: 100%;
		width: 100%;
		margin-left: 0;
	}
	.sub_besttop {
		margin-bottom: 40px
	}
	.sub_besttop ul {
		margin-left: -3px
	}
	.sub_besttop dl {
		padding-left: 3px;
	}
	.sub_besttop dt span {
		position: absolute;
		left: 0;
		top: 0;
	}
	.sub_besttop dt span img {
		width: 45px
	}
	.sub_besttop dd.tit {
		font-size: 12px;
		margin-top: 0;
		display: table;
		width: 100%;
	}
	.sub_besttop dd.tit span {
		display: table-cell;
		margin-top: 0;
		padding: 0 10px;
		height: 46px;
		width: 100%;
		vertical-align: middle;
	}
	.sub_besttop dd.txt {
		width: 100%;
		height: 26px;
		line-height: 24px;
		font-size: 12px;
		margin: 8px auto 0;
	}
	.bestTit {
		border-bottom: 1px solid #a4d8ea;
		height: 22px;
		position: relative;
		margin-bottom: 40px;
		text-indent: -99999px
	}
	.bestTit:after {
		width: 180px;
		height: 22px;
		background: #fff url(../images/list/top_bg0.gif) no-repeat center top;
		background-size: contain;
		position: absolute;
		left: 50%;
		margin-left: -90px;
	}
	.list_area {
		margin-top: 12px
	}
/* 	.list_area:after {
		width: 20px;
		left: -20px;
	    background-color: #f8f8f8;
	} */
	.list_topBtn > button {
	    width: 136px;
	    height: 32px;
	    line-height: 30px;
	    border-radius: 16px;
	    font-size: 12px;
	    background: #ECEEEF url(/images/list/web_icn_reserve_plan_16px.svg) no-repeat left 16px center;
	}
	.list_topBtn .look_map {
		width: 24px;
		height: 24px;
		top: 4px;
		right: 80px;
		background: transparent url(/images/list/app_icn_reserve_map_24px.svg);
		border: none;
		margin-right: unset;
		margin-left: auto;
	}
	.list_topBtn a {
		width: 30px;
		height: 30px;
		margin-left: 4px;
	}
	.list_topBtn a.btn_albums {
		background: url(../images/list/list-icon01.svg) no-repeat center
			center;
		background-size: contain;
	}
	.list_topBtn a.btn_lists {
		background: url(../images/list/list-icon02.svg) no-repeat center
			center;
		background-size: contain;
	}
	/* m_map_wrap */
	.web_map_wrap {
		display: none;
	}
	.m_map_wrap {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.6);
		z-index: 100;
	}
	.m_map_wrap .map_box_close {
		width: 48px;
		height: 48px;
		background: url(/images/list/app_icn_reserve_x_48px.svg);
		position: absolute;
		bottom: 85%;
		right: 0;
	}
	.m_map_wrap .map_box_m {
		position: absolute;
		width: 100%;
		height: 85%;
		background: #ccc;
		bottom: 0;
		left: 0;
	}
	.m_map_wrap .map_hospi_box {
		position: absolute;
		width: 100%;
		height: 180px;
		background: #fff;
		box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.16);
		border-radius: 16px 16px 0px 0px;
		left: 0;
		bottom: -176px;
		padding: 24px 16px;
		box-sizing: border-box;
	}
	.map_hospi_box>img {
		width: 80px;
		height: 80px;
		float: left;
		border-radius: 8px;
		margin-right: 8px;
	}
	.map_hospi_box>h3 {
		color: #222;
		font-weight: 400;
		font-size: 14px;
		margin-bottom: 8px;
	}
	.map_hospi_box .hospi_txt {
		font-size: 12px;
		color: #929292;
	}
	.map_hospi_box .hospi_btn {
		margin-top: 16px;
		float: left;
		width: 100%;
		height: 40px;
		padding: 0 16px;
		display: flex;
		justify-content: space-around;
	}
	.map_hospi_box .hospi_btn>a {
		display: inline-block;
		width: 140px;
		height: 100%;
		line-height: 40px;
		border-radius: 50px;
		text-align: center;
		color: #595959;
		font-weight: 700;
	}
	.map_hospi_box .hospi_btn>a:first-child {
		background: #E9EFF4;
	}
	.map_hospi_box .hospi_btn>a:last-child {
		background: #2C7FFA;
		color: #fff;
	}
	
	
	
	
	
	.list_areaInner {
		margin-top: 0;
		padding-top: 16px;
	}
	.list_areaInner.only .select_pay {
		margin: 32px 12px 0;
	}
	.list_areaInner.only>ul>li {
		padding: 16px;
		background: #fff;
		border: 1px solid #E4E4E4;
	}
	.list_areaInner.only .list_hsArea .event-badge{
	    left:56px;
	    top:24px;
	    width: 45px;
	}	
	.chk_inner li {
		display: inline-block;
		width: 50%;
		float: left;
		padding: 6px 0 6px 5px;
	}
	.map_area {
		display: none !important
	}
    .sub_user + div.m_view{
        text-align: center;
        margin-top: 16px;
    }
     .sub_user + div.m_view a{
        font-weight: 700;
        color: #595959;
        text-decoration: underline;
        text-underline-position: under;
     }
      .sub_user + div.m_view{
         margin-right: 8px;
      }
	/* ico_grade */
	.ico_grade {
		width: 70px;
		height: 13px;
		background: url(../images/common/ico_grade.png) no-repeat 0 0;
		background-size: 70px 177px;
		margin-top: 3px;
		margin-right: 5px;
	}
	.ico_grade.t10 {
		background-position: 0 0
	}
	.ico_grade.t09 {
		background-position: 0 -17px
	}
	.ico_grade.t08 {
		background-position: 0 -32px
	}
	.ico_grade.t07 {
		background-position: 0 -49px
	}
	.ico_grade.t06 {
		background-position: 0 -66px
	}
	.ico_grade.t05 {
		background-position: 0 -83px
	}
	.ico_grade.t04 {
		background-position: 0 -99px
	}
	.ico_grade.t03 {
		background-position: 0 -115px
	}
	.ico_grade.t02 {
		background-position: 0 -131px
	}
	.ico_grade.t01 {
		background-position: 0 -148px
	}
	.ico_grade.t00 {
		background-position: 0 -164px
	}
	/* part1 */
	.list_type {
		padding-top: 0;
	}
	.part1 {
		padding-left: 88px;
		min-height: inherit;
		margin-right: 0;
		width: 100%;
		min-width: inherit;
		float: none;
		margin-top: 0;
	}
	.list_type .part1 .imh_hp {
		width: 72px;
		height: 72px
	}
	.list_type .part1 h3 {
		font-size: 14px;
		margin-bottom: 0;
		white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  
	}
	.select_pay{
	    height: 76px;
	}
	/*.select_pay select{max-width:145px;font-size:16px;white-space:nowrap;} */
	.select_pay select {
		font-size: 12px;
		white-space: nowrap;
		height: 32px;
		line-height: 31px;
		font-weight: 400;
		padding-left: 8px;
		margin-top: 0;
		border: 1px solid #E4E4E4;
		min-width: 100%;
		bottom:8px;
	}
	.rating_del {
		position: absolute;
		right: 0;
		top: 9px;
		text-align: right;
		color: #ee5555;
		font-size: 16px;
	}
	.rating_hp {
		top: -25px;
		left: 0px;
		text-align: left;
	}
	.list_areaInner.only .select_pay p.rating_hp {
		top: 4px;
		left: 10px;
		font-size: 11px;
	}
	.list_areaInner.only .select_pay p.rating_del {
		top: 3px;
		right: 10px;
		font-size: 13px;
	}
	.list_grade {
		margin-top: 13px;
	}
	.list_grade dt {
		width: 85px;
		height: 20px;
		line-height: 18px;
		font-size: 12px;
		border-radius: 2px;
		margin-right: 7px;
	}
	.btn_q a {
		width: 20px;
		height: 20px;
		background: url(../images/list/list_ico_03.gif) no-repeat center center;
		background-size: 16px
	}
	.rate_info {
		font-size: 11px;
		margin: 4px 0 8px;
		width: 100%;
		max-width: unset;
		word-break: keep-all;
		word-wrap: break-word;
		height: 36px;
		line-height: 18px;
	}
    .list_areaInner.only .part1 .imh_hp{
        height: unset;
        width: 100%;
        aspect-ratio: 3 / 2;
        top: inherit;
        left: inherit;
        border-radius: 0;
    }
	/* part2 */
	.part2 {
		height: 100%;
		max-height: inherit;
		min-width: inherit;
		width: 100%;
		float: none;
		margin-top: 14px;
	}
	.up_info {
		text-align: center;
		position: inherit;
		width: 100%;
	}
	.up_info li.w_info {
		float: none;
		position: absolute;
		left: 0;
		top: -43px;
	}
	.up_info li.w_btnarea {
		padding-top: 36px;
		float: none;
		display: flex;
		justify-content: space-between;
		padding-left: 16px;
	}
	.down_info li{
	   height: auto;
	   display: none;
	}
	.down_info li.w_info {
		width: 72px;
		height: 28px;
		line-height: 26px;
		font-size: 13px;
		display: block;
		position: absolute;
		top:-34px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		text-align: center;
	}
	.w_info img{
	   display: none;
	}
	.list_areaInner.only .w_info img{
	   display: block;
	}

	.w_btnarea a {
		padding: 0;
		min-width: auto;
		font-size: 12px;
		height: 36px;
		border-radius:0;
		border:0;
		line-height: 25px;
		font-weight: 400;
		color: #222;
	}
	.w_btnarea a img{
	    margin: 0 auto;
	}
	.w_btnarea a.deep {
		background: #EFFAFF;
		border-radius:8px;
		width: 140px;
		font-size: 14px;
		color: #2C7FFA;
		line-height: 36px;
		font-weight: 700;
		position: relative;
		border: none !important;
	}
	.w_btnarea a.deep::after,
	.list_areaInner.only .albumBtn a:nth-child(2)::after{
	    position: absolute;
	    display: block;
	    content:'';
	    width: 16px;
	    height: 16px;
	    right:12px;
	    top: 12px;
	    background: url(/images/common/arrow-blue.svg) no-repeat;
	}
	.w_btnarea a.deep::after{
	    top:10px;
	}
	.down_info {
		margin-top: 0;
		font-size: 12px;
		height: 0;
	}
	.fix_top {
		width: 100%
	}
	.fix_top .down_info {
		margin-top: 12px;
	}
	.list_areaInner.only {
		margin-left: 0px;
		padding-top: 16px
	}
	.list_areaInner>ul>li {
		padding: 16px;
	}
	.list_areaInner.only>ul>li {
		border: 0;
	}
	.list_areaInner>ul>li:not(:last-child) {
		margin-bottom: 16px;
	}
	.list_areaInner.only .list_areaWapper {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 8px;
	}
	.list_areaInner.only .fix_top {
		width: 50%
	}
	.list_areaInner.only .list_type {
		height: 100%;
		border-radius: 8px;
		overflow: hidden;
		padding-bottom: 8px;
		background: #fff;
		
		display: flex;
		flex-direction: column;
	}
	.list_areaInner.only .part1 .imh_hp img {
		max-height: 184px;
		object-fit: cover;
	}
	.list_areaInner.only .part1 h3 {
		margin: 16px 0 0;
		font-size: 16px;
		height: 48px;
		padding: 0 8px 0;
		text-align: left;
	}
	.list_areaInner.only .albumBtn:after {
		width: 1px;
		margin-left: -0.5px;
	}
	.list_areaInner.only .part1{
	   padding-bottom: 0;
	}
	.list_areaInner .select_pay select {
		font-size: 12px;
	}
	.list_areaInner.only .albumBtn a:nth-child(1) {
		height:auto;
		font-size: 12px;
		position: absolute;
		top: -70px;
		left: 12px;
		color: #458EE8 !important;
		width: auto;
		line-height: inherit;
		border-radius: 0;
		border:0;
		display: inherit;
		background: transparent;
	}
	.list_areaInner.only .albumBtn a:nth-child(2){
	   width: calc(100% - 24px);
	   margin: 0 auto;
	   background-color:#EFFAFF !important;
	   font-weight: 700;
	   color: #2C7FFA !important;
	   position: relative;
	   height: 40px;
	   line-height: 40px;
	   margin-bottom: 8px;
	   border-radius: 8px;
	   border: none !important;
	}
	.list_areaInner.only .albumBtn a span {
		display: none
	}
	.list_areaInner.only .list_hsArea {
		height: 100%;
		background: 0;
		padding-bottom: 8px;
	}
	.list_areaInner.only>ul>li {
		width: 100%;
		padding: 0;
		background: 0;
		aspect-ratio: unset;
	}
	.list_areaInner.only .list_hsArea .event-badge{
	    width: 45px;
	    right: -7px;
	    top:-10px;
	}
	.list_areaInner.only .albumBtn{
		position: relative;
	    background-color: #fff;
	    padding: 0;
	}
	.w_layer .list_areaInner.only .list_type.on .part2, .w_layer .list_areaInner.only .list_type:hover .part2
		{
		display: none !important
	}


	/* paging */
	.w_paging {
		display: inline;
		margin: 0 0;
	}
	.cntPaging {
		margin-top: 40px;
	}
	.cntPaging strong {
		display: inline-block;
		*display: inline;
		min-width: 40px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		color: #fff;
		border: 1px solid #4abfe7;
		background: #4abfe7;
		box-sizing: border-box;
		*zoom: 1;
		padding: 0 5px;
		font-weight: 500;
	}
	.cntPaging a {
		display: inline-block;
		*display: inline;
		min-width: 40px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
		color: #464646;
		vertical-align: top;
		box-sizing: border-box;
		*zoom: 1;
		margin: 0 4px;
		padding: 0 5px;
	}
	.cntPaging a.prev, .cntPaging a.next {
		width: 40px;
		height: 40px;
	}
	.cntPaging a.prev {
		margin: 0 0px 0 0px;
		background: url(../images/common/pagination_02.svg) no-repeat center
			center;
		text-indent: -99999px;
	}
	.cntPaging a.next {
		margin: 0 0px 0 0px;
		background: url(../images/common/pagination_03.svg) no-repeat center center;
		text-indent: -99999px;
	}
	/* list view */
	.list_view {
		min-height: calc(100vh - 105px);
		padding-bottom: 60px
	}
	.viewTop {
		font-size: 16px;
		margin: 0 -17px;
		background: #fff;
		color: #222;
	}
	.m_viewTop{
	   padding: 0px 8px 16px;
	}
    .m_viewTop ul li:first-child{
       display: flex;
       justify-content: space-between;
    }
	.m_viewTop ul li p{
	   float: left;
	   width: 240px;
	   font-weight: 700;
	   font-size: 20px;
	   color: #222;
	}
	.m_viewTop ul li img{
	   width: 42px;
	}
	.m_viewTop ul li:last-child{
	   color: #929292;
	   font-size: 14px;
	}
	.viewCenter_info {
		margin: 0;
	}
    .viewCenter_info > li{
        width: 100%;
    }
    .viewCenter_info > li.vcLeft{
        background: #F8F8F8;
        padding: 16px 24px;
    }
    .viewCenter_info .vcLeft dl{
        height: auto;
        overflow: hidden;
        line-height: inherit;
    }
	.viewCenter_info .vcLeft dt {
		width: 100%;
		height: 34px;
		font-size: 14px;
		margin-top: 8px;
		border-radius: 0;
		position: static;
		border:0;
		text-align: left;
		color: #222;
		font-weight: 700;
		margin-bottom: 4px;
	}
	.viewCenter_info .vcLeft dd {
		font-size: 12px;
		padding:0;
		display:block;
		margin-top: -24px;
	}
	.viewCenter_info .vcLeft ul li {
		margin-top: 12px;
	}
	.viewCenter_info .vcSide {
		position: inherit;
		right: inherit;
		top: inherit;
		padding: 16px;
	}
	.viewCenter_info .vcSide ul {
		margin-left: -10px
	}
	.viewCenter_info .vcSide ul li {
		margin-bottom: 12px;
		width: 25%;
	}
	.viewCenter_info .vcSide ul li dl {
		padding-left: 10px;
	}
	.viewCenter_info .vcSide ul li dl dd {
		text-align: center !important;
		font-size: 10px;
		margin-top: 3px;
		width: 100% !important;
	}
	.vtbottom {
		position: relative;
		padding-left: 0;
		border: 1px solid #e2e6e9;
		min-height: auto;
		color: #222;
		margin: 12px 16px 200px;
		order:3;
	}
	.vtbottom .vtb_tit {
		width: 100%;
		position: inherit;
		left: inherit;
		top: inherit;
		bottom: inherit;
		background: #fff;
	}
	.vtbottom .vtb_tit .vtb_tit_in {
		display: inherit;
		width: 100%;
		height: auto;
		font-size: 14px;
		height: 32px;
		line-height: 32px;	
		color: #222;
		position: relative;
		transform:none;
	}
	.vtbottom .vtb_txt {
		padding: 8px 16px;
		display: inherit
	}
	.vtbottom .vtb_txt ul {
		display: inherit;
		vertical-align: middle
	}
	.vtbottom .vtb_txt li {
		font-size: 12px;
		padding: 2px 0;
		text-indent: -7px;
		padding-left: 7px;
	}
	.viewTopIn {
		margin-bottom: 0;		
	}
	.viewTop_info{
	    display: flex;
        flex-direction: column-reverse;
	}
	.viewTop_info .vtLeft {
		float: none;
		max-width: 100%;
		width: 100%;
		margin-top: 8px;
	}
	.viewTop_info .vtLeft img {
		width: 100%;
		max-height: 174px;
	}
	.viewTop_info .vtLeft .vT_img > div{
	   margin-bottom: 0
	}
	.viewTop_info .vtRight {
		float: none;
		max-width: 100%;
		height: 221px;
		width: 100%;
	}
	.viewTop_info .vtLeft .slick-dots {
		margin-left: -2px
	}
	.viewTop_info .vtLeft .slick-dots li {
		padding-left: 2px;
		padding-top: 2px;
		max-width: 136px;
		max-height: 92px;
	}
	.viewTop_info .img_tit {
		font-size: 12px;
		padding: 4px 0;
	}
	.viewTop_info .viewBtn {
		display: none !important
	}
	/*tab*/
	.tab_container{
	   margin: 0 -16px;
	}
	.tab_container .tab_list{
	   margin-bottom:-4px;
	}
	.tab_container .tab_list li{
	   width: 50%;
	   float: left;
	   text-align: center;
	}
	.tab_container .tab_list li a{
	   display: block;
	   height: 52px;
	   line-height: 52px;
	   color: #C9C9C9;
	   font-size: 16px;
	   font-weight: 700;
	}
	.tab_container .tab_list li.show a{
	   color: #06A5EA;
	   border-bottom: 2px solid #06A5EA;
	}
	.tab_container .content section{
	   display: none;
	}
	.tab_container .content section.target{
	   display: block;
	}
	.tab_container .content section.target:first-child{
	   display: flex;
	   float: left;
	   flex-direction: column;
	}
	.viewBottom_info {
		margin:24px 16px 64px;
	}
	.viewBottom_info .view-tit{
	    margin: 16px 0 0 0;
	}
	.viewBottom_info .view-tit img{
	    width: 24px;
	    height: 24px;
	}
	.viewBottom_info .view-tit span{
	    font-size: 16px;
	    line-height: 24px;
	}
	.viewBottom_info .view-tit p{
	    margin: 4px 0 16px;
	}
	.viewBottom_info .vbtop {
		padding-left: 0;
		border:1px solid #E4E4E4;
		min-height: auto;
		background: #fff;
		/* margin-bottom: 32px; */
	}
	.viewBottom_info .vb_head {
		width: 100%;
		position: inherit;
		left: inherit;
		top: inherit;
		bottom: inherit;
	}
	.viewBottom_info .vb_head .vb_tit_in {
		display: none;
	}
	.viewBottom_info .vb_body {
		padding: 16px;
		display: table;
		width: 100%;
		height: 85px;
	}
	.viewBottom_info .vb_body li {
		width: 100%;
		padding:8px 0; 
	}
	.vbtop.add_etc {
		padding-right: 0;
	}
	.vbbottom{
	    margin-top: 16px;
	}
	.vb_etc {
		position: inherit;
		right: inherit;
		top: inherit;
		width: 100%;
		bottom: inherit;
		background: #fff;
		padding: 20px 0 15px
	}
	.vb_etc p {
		font-size: 21px;
		position: inherit;
		left: inherit;
		top: inherit;
		margin-top: 0;
		height: auto;
		line-height: 1;
		letter-spacing: -0.05em;
		text-align: center;
	}
	.vb_etc p b {
		font-size: 28px;
	}
	.vb_etc .view_grade {
		position: inherit;
		right: inherit;
		top: inherit;
		margin-top: 15px;
		width: auto;
		text-align: center;
	}
	.vb_etc .view_grade .list_grade {
		margin-top: 0;
	}
	.vb_etc .view_grade .list_grade dt {
		margin-right: 10px
	}
	.vb_etc .view_grade .list_grade dd {
		margin-top: 3px;
	}
	.viewEdit {
		line-height: 22px;
		color: #595959;
		margin: 32px 16px 0;
	}
	.viewEdit a{
	    border:0;
	    font-size: 14px;
	    padding: 0 8px 12px;
	    margin: 0;
	}
	.viewEdit a::after{
	    top:43%;
	    right: 16px;
	}
	.viewEdit p{
	    padding: 0 8px 20px;
	}
	.info_vbtit {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		font-weight: 700
	}
	.info_vbtit:after{
	content: '';
		width: 10px;
		height: 5px;
		background: url(/images/tilko/menu-down.svg) no-repeat 0 0;
		right: 16px;
		background-size: 10px auto;
		top:60%;
    }
    .on .info_vbtit:after {
	    transform: rotate(180deg);
        transform-origin: center;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
   }
	.cg_table li {
		display: table-cell;
		width: 100%;
		text-align: center;
		font-size: 17px;
		height: 40px;
		background: #f7f7f7
	}
	.cg_table li:first-child {
		display: none !important
	}
	.info_vblist dl {
		display: table;
		width: 100%;
	}
	.info_vblist dt, .info_vblist dd {
		width: 100%;
		height: 48px;
		font-size: 14px;
	}
	.info_vblist dt {
		display: none !important
	}
	.viewBtn {
		text-align: center;
		margin: 32px 0;
	}
	.viewBtn ul {
		margin: 0;
	}
	.mFix_btn ul {
		margin: 0;
	}
	.viewBtn li {
		display: inline-block;
		width: 100%;
		margin: 0 auto;
	}
	.viewBtn li a {
		min-width: 290px;
		height: 50px;
		line-height: 50px;
		border-radius: 8px;
		font-size: 18px;
	}
	.viewBtn li a:after {
		content: '';
		width: 50px;
		height: 50px;
		background: url(../images/easyres/btn_back01.png) no-repeat 0 0;
		background-size: 50px 50px;
		top: 50%;
		margin-top: -25px;
	}
	.mFix_btn.viewBtn li a:after {
		content: none
	}
	.mFix_btn.viewBtn {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 64px;
		z-index: 5;
		margin: 0;
	}
	.mFix_btn.viewBtn li {
		float: left;
		width: 50%;
		margin: 0 0;
	}
	.mFix_btn.viewBtn li a {
		width: 100%;
		min-width: auto;
		width: 100%;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		border-radius: 0;
		padding: 0 0;
		font-weight: 400;
		background: #05C1AB;
	}
	.mFix_btn.viewBtn li:first-child a {
		background: #06A5EA;
	}
	.viewBtn .plan_Btn {
		background:#05C1AB;
		border-radius: 8px;
		font-size: 18px;
		text-align: center;
		width: 100%;
		height: 56px;
		line-height: 56px;
	}
	/* ckRes */
	.ckRes_top {
		position: relative;
		margin: 0 -17px 30px
	}
	.reservation_top{
	   margin: 0;
	}
	.ckRes_topInfoinner {
		border: 0;
		position: relative;
		padding-left: 0;
		background: #f7f7f7;
		min-height: auto;
		border-radius: 0;
		margin: 0 -16px;
	}
	.plan-box{
	    margin: 0 16px;
	}
	.plan-box .ckRes_head{
	    width: 100%;
	    border-radius: 16px;
	}
	.plan-box .ckRes_head dt span{
	    font-size: 14px;
	}
	.ckRes_head {
		width: 92%;
		position: inherit;
		left: inherit;
		top: inherit;
		bottom: inherit;
		border-radius: 16px;
		margin: 8px auto 24px;
	}
	.ckRes_head .ckRes_in {
		display: flex;
		height: auto;
		padding: 16px 24px 16px;
		position: relative;
		top:auto;
		transform:inherit;
		justify-content: space-between;
		left:0;
	}
	.ckRes_head .ckRes_in ul{
	    text-align: left;
	}
	.ckRes_head .ckRes_in ul li:nth-child(1) {
		font-size: 12px;
		color: #E4E4E4;
		font-weight: 400;
		height: auto;
		margin-bottom: 2px;
	}
	.ckRes_head .ckRes_in ul li:nth-child(2){
	    font-size: 18px;
	}
	.ckRes_head dl dt {
		font-size: 14px;
		margin-bottom: 0;
		line-height: 43px;
		font-weight: 600;
	}
	.ckRes_head dt br {
		display: none
	}
	.ckRes_head dt span {
		font-size: 14px
	}
	.ckRes_body ul{
 		width: calc(100% - 32px);
 		margin: 0 auto;
	    padding: 16px 24px;
	    background-color: #fff;
	}
	.ckRes_body ul li{
	    width: 100%;
	    margin-bottom: 16px !important;
	    font-size: 14px;
	}
	.ckRes_body ul.ckRes_list li dl dt{
	    min-width:110px;
	}
	.ckRes_body ul li dl dt{
	    color: #595959;
	    min-width: 64px;
	}
	.ckRes_step4 .view-tit{
	    margin: 24px 0 16px;
	}
	.notice_info{
	   margin:0 -16px 24px -16px;
	   padding: 0;
	   border-radius: 0;
	   background-color: #fff;
	}
	.notice_info dl{
	   padding-bottom: 16px;
	}
	.notice_info dl dt{
	   background-color:  #E9EFF4;
	   font-size: 16px;
	   height: 48px;
	   line-height: 48px;
	   text-align: center;
	   margin: 0;
	}
	.notice_info dl dd{
	   background-color: #fff;
	   padding: 16px 16px 0;
	   line-height: 22px;
	   font-size: 14px;
	}
	.ckRes_step2{
	   margin: 0 -16px;
	   background: #F8F8F8;
	}
	.ckRes_step2 .viewBottom_info {
       padding: 0 16px 32px 16px;
       margin: 0;
    }
    .checkup_res .view-tit img{
       width: 24px;
       vertical-align: bottom;
    }
    .checkup_res .view-tit span{
       font-size: 16px;
    }
    .checkup_res .view-tit p{
       font-size: 14px;
       margin: 4px 0 16px;
       font-weight: 400;
    }
    .ckRes_step2 .viewBottom_info .vbtop .vb_head{
       display: none;
    }
    .ckRes_step2 .viewBottom_info .vbtop .vb_body li{
       width: 100%;
    }
    .ckRes_step1 .choice_day .month select{
       background-color: #E9EFF4;
       height: 48px;
       line-height: 48px;
       border: 0;
       font-size: 16px;
       width: 100%;
    }
    .ckRes_step1 .choice_day .month select option{
       text-align: center;
    }
    .ckRes_step1 .select-item {
       margin: 24px -16px 8px 0;
    }
    .ckRes_step1 .select-item > p{
       margin-bottom: 4px;
       font-size: 14px;
    }
    .ckRes_step1 .select-item > p >img{
       width: 16px;
       height: 16px;
       vertical-align: middle;
    }
    .ckRes_step1 .select-item ul li:not(:last-child){
       margin-right: 6px;
    }
    .ckRes_step1 .select-item ul li input[type="checkbox"]+label{
       height: 30px;
       font-size: 12px;
       line-height:30px;
       width: 88px;
       max-width: 88px;
       text-align: center;
    }
    .ckRes_step1 .select-item .button_box{
       margin-bottom: -10px;
    }
    .ckRes_step1 .select-item .button_box .careBtn > span{
       font-size: 14px;
    }
    .ckRes_step1 .select-item .button_box .careBtn img{
       margin: 2px 0 4px;
       width: 16px;
    }
    .select-item .slick-slide{
       max-width: 88px !important;
       width: 88px !important;
    }
    .calendar-arrow{
       justify-content: space-between;
    }
    .calendar-arrow li{
       width: 24px;
       height:24px;
       line-height: 24px;
    }
	.ckRes_info1 {
		float: none;
		padding: 8px 15px;
		display: block;
		height: auto;
		width: 100%;
		background: #f7f7f7
	}
	.ckRes_info1 ul {
		display: block
	}
	.ckRes_info1 ul li {
		padding: 4px 0
	}
	.ckRes_info1 ul li dt, .ckRes_info1 ul li dd {
		display: inline-block;
		font-size: 13px
	}
	.ckRes_info1 ul li dt {
		width: 60px
	}
	.ckRes_info2 {
		float: none;
		display: block;
		height: auto;
		width: 100%;
		background: #fff
	}
	.ckRes_info2 dt {
		display: block;
		height: auto;
		width: 100%;
		font-size: 13px;
		background: #e2e6e9;
		padding: 12px 0
	}
	.ckRes_info2 dd {
		display: block;
		height: auto;
		vertical-align: top;
		font-size: 13px;
		padding: 13px 13px;
		line-height: 1.6
	}
	.pay_tag {
		min-width: 90px;
		height: auto;
		line-height: 18px;
		font-size: 12px;
		border-radius: 3px;
		margin-right: 10px;
	}
	.pay {
		font-size: 21px;
		margin-right: 0;
		line-height: 24px
	}
	.pay b {
		font-size: 18px;
	}
	/* ckRes_step */
	.partN_line {
		margin-bottom: 13px;
	}
	.partN_line .sub_partN {
		border-bottom: 1px solid #a4d8ea;
		padding-bottom: 10px
	}
	.partN_line span {
		position: inherit;
		right: inherit;
		top: inherit;
		font-size: 13px;
		width: 100%;
		text-align: center;
		display: block;
		padding-bottom: 10px;
		border-bottom: 1px solid #eceef0;
	}
	.chd_box {
		position: relative;
		padding-left: 0;
		margin-bottom: 7px;
	}
	.chd_box .month {
		position: inherit;
		left: inherit;
		top: inherit;
		min-height: 40px;
		max-width: 100%;
		text-align: center;
		padding: 0 45px;
		margin-bottom: 10px;
	}
	.chd_box .month p {
		font-size: 18px;
		line-height: 40px
	}
	.btn_mprev {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -20px;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -99999px;
		background: url(../images/common/page_prevx2.gif) no-repeat;
		background-size: 40px
	}
	.btn_mnext {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -20px;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -99999px;
		background: url(../images/common/page_nextx2.gif) no-repeat;
		background-size: 40px
	}
	.chd_box {
		text-align: center;
		border-bottom: 1px solid #eceef0;
		margin-bottom: 9px
	}
	.chd_box ul {
		display: block;
	}
	.chd_box ul li {
		font-size: 13px;
		display: block;
	}
	.chd_box ul li dt, .chd_box ul li dd {
		display: block
	}
	.chd_box ul li dt {
		line-height: 30px;
		margin-left: 0;
		width: 100%;
		margin-bottom: 7px;
		border-top: 1px solid #eceef0;
		background: #f7f7f7
	}
	.chd_box ul li dd {
		margin-left: 0;
		margin-bottom: 10px;
	}

	.w_calendar {
		display: none
	}
	.m_calendar {
		display: block;
		margin-bottom: 24px;
	}
	.m_calendar table {
		table-layout: fixed;
		width: 100%;
		border-top: 1px solid #E4E4E4;
		border-left: 1px solid #E4E4E4;
		margin-bottom: 10px;
	}
	.m_calendar table thead th, .m_calendar table tbody td {
		border-right: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
	}
	.m_calendar table thead th {
		height: 27px;
		vertical-align: middle;
		text-align: center;
		color: #fff;
		background:  #458EE8;
	}
	.m_calendar table tbody td {
		height: 64px;
		vertical-align: top;
		text-align: center;
		background: #fff;
		padding: 4px 12px;
	}
	.m_calendar table tbody td.not-day{
	    background: #EFEFEF;
	    font-size: 12px;
	}
	.m_calendar table tbody td.not-day ul li:nth-child(2){
	    font-weight: 700;
	}  
	.m_calendar table tbody tr td:first-child span{
		color: #F8463B !important;
	}
	.cal_inner {
		text-align: center;
	}
	.cal_inner span{
	    color:#929292;
	    font-weight: 700;
	}
	.cal_inner span:nth-child(1){
	    display: block;
	}
	.cal_inner span.bookable,
	.cal_inner span.unbookable {
		font-size: 12px;
		margin: 0 0 2px;
		font-weight: 400;
	}

	.btnres_in{
	    display:block;
	    margin: 0;
	    line-height: normal;
	}
	.cal_inner span.mbtn_res {
		font-size: 12px;
		color: #05C1AB;
		font-weight: 700;
	}
	.cal_inner span.mbtn_res.pink {
		color: #0C73BE;
	}

	.mblue_txt:after {
		content: "";
		width: 10px;
		height: 10px;
		display: block;
		text-align: center;
		background: #67b2e1;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -5px;
	}
	.mpink_txt:after {
		content: "";
		width: 10px;
		height: 10px;
		display: block;
		text-align: center;
		background: #e08383;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -5px;
	}
	.btn_year {
		max-width: 150px;
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
		border-radius: 12px;
		text-align: center;
		margin-left: 5px;
		position: absolute;
		right: 0;
		top: -45px;
		font-size: 12px;
		z-index: 1
	}

	.checkup_res .select-date, .checkup_res .select-date dl{
	   display: block;
	}
	.checkup_res .select-date{
	    background-color: #f8f8f8;
	    border-radius: 0;
	    border: 0;
	    padding: 0;
	}
	.checkup_res .select-date li:nth-child(1){
	    margin-bottom: 16px;
	}
	.checkup_res .select-date dl dt{
	   font-size: 14px;
	   line-height: 20px;
	   margin-bottom: 12px;
	}
	.checkup_res .select-date dl dd{
	   display: block;
	}
	.checkup_res .select-date dl dd input{
	   margin: 0 8px 0 0;  
	   width: 63%;
	   font-weight: 500;
	   font-size: 14px;
	}
	.checkup_res .select-date dl dd button{
	   height: 48px;
	   width: 33%;
	}
	.ckRes_step3 {
	   margin: 0 -16px ;
	   padding: 0 16px 24px;
	   background-color: #f8f8f8;
	}
	.checkup_res .view-tit,
	.ckRes_step3 .view-tit{
       margin-top: 32px;	
   	}
	.ckRes_step3 ol{
	   margin-top: 16px;
	}
	.ckRestop_base, .ckRes_step3 .inquiry-box dt{
	   background: #E9EFF4;
	   border-radius: 8px;
	   padding: 0;
	   border-bottom: 0;
	   height: 48px;
	   line-height: 48px;
	   font-size: 16px;
	}
	.ckRestop_base > span:nth-child(1){
	   padding-left:31px;
	   font-size: 16px;
	}
	.ckRestop_base .ckRestop_button{
	   width: auto;
	   background: none;
	   border-radius: 0;
	   border: 0;
	   margin: 11px 16px 0 0;
	}
	.ckRestop_base .ckRestop_button > span{
	   display: none;
	}
	.ckRestop_baseTb table td{
	   font-size: 14px;
	   padding: 8px;
	}
	.ckRes_step3 h4.sub_partN {
		margin-bottom: 12px;
	}
	.ckRes_step3 .ckRes_box {
		display: block;
		position: relative;
	}
	.ckRes_step3 .ckRes_box dt {
		display: block;
		width: 100%;
		text-align: left;
		font-size: 16px;
		padding: 0;
		height: 40px;
		line-height: 40px;
		background: #fff;
		position: relative;
		border-bottom: 1px solid  #C9C9C9;
		border-radius: 0;
	}
	.ckRes_step3 .ckRes_box dt span {
		float: right;
		font-size: 14px;
		color: #595959;
	}
	.ckRes_step3 .ckRes_box li {
		margin-top: 0;
		padding: 5px 0 8px 0;
		border:0;
		font-size: 13px;
	}
	.ckRes_step3 .ckRes_box li:first-child {
		border-top: 0;
	}
	.dis_txt {
		font-size: 11px;
		padding: 0 0 0 31px;
	}
	.ckRes_step3 .ckRes_box .video_button{
	   background: #fff url(../images/common/m_video_icon.svg) no-repeat;
       background-position: right center;
       padding: 2px 0 2px 40px;
       min-height: auto;
       
	}
	.ckRes_step3 .ckRes_box dd {
		display: block;
		padding: 0 0;
		width: 100%
	}
	.ckRes_step3 .ckRes_box .side {
		position: absolute;
		right: 0;
		top: 8px;
		font-size: 14px;
		color: #595959;
		font-weight:300 ;
		border-top: 0;
	}
	.ckRes_step3 ol>li:first-child {
		border-top: 0
	}
	.ckRes_step3 ol>li.choice-test{
	    background: #fff;
	    border: 1px solid #E4E4E4;
	    border-radius: 8px;
	    margin-top: 8px;
	}
	.ckRes_step3 ol>li>ul>li{
	    border-bottom: 0;
	}
	.ckRes_step3 ol>li.choice-test > ul{
	   padding: 24px 16px;
	}
	.ckRes_step3 ol>li.choice-test > ul > li:not(:last-child){
	   margin-bottom: 16px;
	}
	.ckRes_step3 .inquiry-box {
	   margin: 24px 0;
	}
	.ckRes_step3 .inquiry-box dd textarea {
		margin: 8px 0 0;
		border: 1px solid #E4E4E4;
		border-radius: 8px;
		height: 120px;
	}
	.ckRes_step3 .inquiry-box dd textarea::placeholder{
	    font-size: 14px;
	}
	.ckRes_step3 input[type="checkbox"]+label,
	.ckRes_step3 input[type="radio"]+label {
	   margin: 0;
	   padding:4px 0 0 28px;
	}
	.ckRes_step3 input[type="checkbox"]+label:after,
	.ckRes_step3 input[type="radio"]+label:after {
	   background-size: 18px;
	   width: 18px;
	   height: 18px;
	   margin-top: 0;
	   top: 3px;
	   position: absolute;
       top: 50%;
       transform: translate(0,-50%);
	}
	.ckRes_step3 input[type="checkbox"]:checked+label:after,
	.ckRes_step3 input[type="radio"]:checked+label:after {
	   margin-top: 0;
	   background-size: 18px;
	   width: 18px;
	   height: 18px;
	   position: absolute;
       top: 50%;
       transform: translate(0,-50%);
	}
	.ckRes_step3 ol li .add-examination dt{
	   height: auto;
	   line-height: 20px;
	   padding: 8px 0;
	}
	.ckRes_step3 .ckRes_box dt.add_in {
		background: #fff;
		color: #0C73BE;
	}
	.ckRes_box.add-examination .video_button.video_back {
		background: #fff url(../images/common/m_video_icon.svg) no-repeat;
		background-position: right center;
	    padding: 2px 0 2px 40px;
	    min-height: 34px;
	    margin-right: 0;
	    margin-top: -26px;
	}
	
	/* 모바일 더보기 버튼 추가 */
	p.add3_btn {
		border: none;
		margin: 24px auto 0;
	}
	.ckRes_step3 .add_in.w_view {
		display: none;
	}
	
	.ckRes_step3 ol li .add-examination .examination-inner {
		background: #fff;
	}
	.ckRes_step3 ol li .add-examination dt.arrow{
	   background: #fff;
	   text-align: left;
	   font-size: 16px;
	   height: 42px;
	   line-height: 42px;
	   border-bottom: 1px solid #C9C9C9;
	   border-radius: 0;
	   padding: 0; 
	}
	.ckRes_step3 ol li .add-examination dt.arrow b{
	   display: inline-block !important;
	}
	.ckRes_step3 ol li .add-examination .arrow > span:nth-child(2){
	   float: right;
	   font-size: 14px;
	   color: #595959;
	   font-weight: 400;
	}
	.ckRes_step3 ol li .add-examination .arrow > span:nth-child(1){
	  float: left;
	  font-weight: 700;
	  color: #222;
	  padding-left: 0;
	  font-size: 16px;
	}
	.add-examination .arrow .ckRestop_button{
	  text-align: center;
	  height: 24px;
	  line-height: 21px;
	  width: 82px;
	  margin: 8px 0 0;
	  border:1px solid #C9C9C9;
	  background: #EFEFEF;
	}
	.ckRes_step3 .ckRes_box dt.add_in span {
	   color: #595959;
	}
    .ckRes_step3 ol li .add-examination dt span{
       font-size: 14px;
       font-weight: 700;
    }
    .ckRes_step3 ol li .add-examination .ckRes_box dd{
       margin-top: 8px;
       padding: 0;
    }
    .ckRes_step3 ol li .add-examination.show .examination-inner dl dt {
       display: block;
       background: #FAFAFA;
    }
    .ckRes_step3 ol li .add-examination.show .examination-inner dl dt.st3-color {
    	background: #FAFAFA;
    }
    
	/* ckRes_total */
	.ckRes_total {
		border: 1px solid #2C7FFA;
		border-radius: 16px;
		margin: 0 auto 32px
	}
	.total_pay {
		padding-top: 10px;
		height: 102px;
		background: #fff;
	}
	.total_pay dl {
		display: block;
		padding-left: 0;
		height: 92px;
	}
	.total_pay dl dt {
		display: block;
		width: 100%;
		font-size: 14px;
		height: 33px;
		line-height: 33px;
	}
	.total_pay dl dd.txt {
		display: block;
		width: 100%;
		font-size: 28px;
		height: auto;
		/* padding: 15px 0 10px; */
		text-align: center;
	}
	.total_pay dl dd.txt span#todayCost {
		font-size: 28px;
	}
	.total_pay dl dd.etc {
		display: block;
		width: 100%;
		font-size: 18px;
		height: auto;
		padding-bottom: 15px
	}
	.total_pay dl dd.etc img {
		margin: 0 6px;
		vertical-align: sub;
		width: 20px
	}
	.check_pay_text .tit{
	    font-size: 18px;
    }
	.check_pay .total_pay {
		padding-top: unset;
		height: unset;
		background: inherit;
	}
	.check_pay dl {
		display: block;
		padding-left: 0;
		position: relative;
		height: 70px;
	}
	.check_pay dl:before {
		content: "A";
		position: absolute;
		left: 20px;
		top: 13px;
		margin-top: 0;
		width: 15px;
		height: 18px;
		font-size: 24px;
		line-height: 1;
		text-align: center;
	}
	.check_pay dl.add:before {
		content: "B";
		position: absolute;
		left: 20px;
		top: 13px;
		margin-top: 0;
		width: 15px;
		height: 18px;
		font-size: 24px;
		line-height: 1;
		text-align: center;
	}
	.check_pay dl.add:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		background: #fff;
	}
	.check_pay dl dt {
		float: left;
		display: block;
		width: 55%;
		font-size: 16px;
		height: inherit;
		padding: 24px 0 25px 13px;
		text-align: left;
		text-indent: 35px
	}
	.check_pay dl dt.tit {
		line-height: 1.3;
	}
	
	.check_pay.b2b dl dt {
		text-indent: 0;
		  
	}
	.check_pay dl dd.txt {
		float: left;
		display: block;
		width: 45%;
		font-size: 18px;
		height: auto;
		padding: 21px 13px 21px 0;
		text-align: right;
	}
	.check_pay dl dd.txt span {
		font-size: 21px;
	}
	.check_pay dl dd.etc {
		display: inline-block;
		width: 100%;
		font-size: 13px;
		color: #444;
		font-weight: 400;
		height: auto;
		vertical-align: middle;
		text-align: center;
		line-height: 20px;
		vertical-align: top
	}
	.check_pay dl dd.etc.b2b {
		padding-bottom: 15px
	}
	.check_pay dl dd.etc .won {
		display: inline-block;
		line-height: 20px;
		vertical-align: top;
		font-size: 13px;
	}
	.check_pay dl dd.etc p {
		display: inline-block;
		font-size: 13px;
		margin-top: 0;
		vertical-align: top
	}
	.check_pay dl dd.etc p span {
		font-size: 13px;
		margin-left: 5px
	}
	.check_pay dl dd.etc img {
		margin: 0 8px;
		vertical-align: super;
		width: 20px
	}
	.check_pay dl.add dd.etc {
		display: none
	}
	/*btn-check*/
	.btn-check{
	    margin: 32px 0;
	}
	.btn-check>div {
		width: 100%;
	}
	.btn-check>div a {
		font-size: 16px !important;
	}
	.btn-check>div a:nth-child(1) {
		height: 56px;
		line-height: 56px;
		margin-bottom: 8px;
	}
	.btn-check>div a:nth-child(1).rear {
		width: 100%;
	}
	
	
/* 	.btn-check li{
	    width: 50%;
	}
	.btn-check li:nth-child(1){
	    width: 100%;
	    margin-bottom: 8px;
	}
	.btn-check li div{
	    border-radius: 8px;
	    margin: 0 4px;
	}
	.btn-check li div a{
	    font-size: 16px;
	} */
	
	.btn_baseArea {
		text-align: center;
	}
	.btn_baseArea li {
		display: inline-block;
		margin: 0 5px;
	}
	.btn_baseArea li a {
		font-size: 17px;
		min-width: 155px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		padding: 0 10px
	}

	/*selectUser*/
	.exam_list .fmb_list_choice{
	    padding: 0 16px;
    }
     .exam_list .fmb_list_choice .fmb_list_text p{
	    font-size: 16px;
	    padding: 0 38px 0;
	    font-weight: 500;
    }
    .exam_list .fmb_list_choice .art_choice>li{
	    width: 286px;
	    margin: 8px auto;
    }

    .exam_list .fmb_list_choice .fmb_list_button{
	    margin-top: 46px;
	    border-radius: 8px;
	    font-size: 18px;
    }
    .exam_list .art_choice .ch_check label{
	    margin-top: -8px;
    }
    @media screen and (max-width : 768px) {
    	.btn_baseArea ul>:first-child {
			width: 80%;
			background: #1875FF;
		}
		.btn_baseArea ul>:nth-child(2) a {
			background: #999 !important;
			color: #fff;
		}
		.btn_baseArea ul>:last-child a {
			background: #e9e9e9 !important;
			color: #4e4e4e;
		}
		.btn_baseArea ul>:nth-child(2), .btn_baseArea ul>:last-child {
			width:80%;
		}
		.btn_check ul>:nth-child(2), .btn_check ul>:last-child{
			width: 45%;
		}
		.btn_check li a{/*button 겹쳐서 사이즈 수정*/
		    min-width: 45%;
		}
		.btn_baseArea li {
			margin: 5px 0;
		}
		.btn_baseArea li a {
			border-radius: 32px;
			font-size: 14px;
			height: 48px;
			line-height: 48px;
		}
		.btn_baseArea .chkup_btn{
		   width: 50%;
		}
    }
	@media screen and (max-width : 480px) {
		.enrol-tip {
			margin-left: 0 !important;
		}
		.btn_baseArea ul>:first-child {
			width: 90%;
			background: #1875FF;
		}
		.btn_baseArea ul>:nth-child(2) a {
			background: #999 !important;
			color: #fff;
		}
		.btn_baseArea ul>:last-child a {
			background: #e9e9e9 !important;
			color: #4e4e4e;
		}
		.btn_baseArea ul>:nth-child(2), .btn_baseArea ul>:last-child {
			width:90%;
		}
		.btn_check ul>:nth-child(2), .btn_check ul>:last-child{
			width: 45%;
		}
		.btn_check li a{/*button 겹쳐서 사이즈 수정*/
		    min-width: 45%;
		}
		.btn_baseArea li {
			margin: 5px 0;
			border-radius: 8px;
		}
		.btn_baseArea li a {
			border-radius: 8px;
			font-size: 14px;
			height: 48px;
			line-height: 48px;
		}
		.btn_baseArea .chkup_btn{
		   width: 50%;
		}
		#payForm, #paymentBtn {
			margin: 0 18px;
		}
		.orderInfo input {
			margin: 3px 0 20px 0;
		}
		#paymentBtn ul input {
			border: 0;
			color: #fff;
			height: 44px;
			border-radius: 4px;
			font-weight: 300;
			font-size: 16px;
		}
		#paymentBtn ul>:first-child input {
			background-color: #4CAF50;
		}
		#paymentBtn ul>:nth-child(3) input {
			background-color: #0B70B4;
		}
		.care_notice{
		 margin: 25px 0;
		 }
		.care_notice p{
		font-size: 14px;
		padding: 0 28px;
		line-height: 24px;
		margin-top: 20px;
		width: 300px;
		}
		.notice .sub_area{
		padding: 0 0 40px;
		}
		.survey_notice .sub_area{
		padding:0;
		}
		.chkup_btn{
	    width: 50% !important;
	}
	}

	/* checkup_care */
	.care_mal {
		margin: 30px auto 35px
	}
	.care_mal p {
		font-size: 15px;
		padding: 0 32px 0;
		padding-top: 20px;
	}
	.care_mal.app p {
		padding: 0 20px 0;
	}
	.care_mal p:before {
		content: '';
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -7px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_01.svg) no-repeat 0 0;
		background-size: 14px
	}
	.care_mal p:after {
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -7px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_02.svg) no-repeat 0 0;
		background-size: 14px
	}
	.table_inner {
		margin-bottom: 30px;
	}
	.table_inner table {
		border-top: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		table-layout: auto;
		width: 100%
	}
	.table_inner table th, .table_inner table td {
		padding: 0 0;
		vertical-align: middle;
		border-top: 1px solid #e2e6e9;
		height: auto
	}
	.table_inner table th {
		font-size: 14px;
		display: block;
		width: 100%;
		padding: 11px 0;
		background: #f7f7f7;
		border-bottom: 1px solid #eceef0;
	}
	.table_inner table td {
		font-size: 14px;
		display: block;
		width: 100%;
		padding: 15px 0;
		border-top: 0;
	}
	.dot_ul li {
		position: relative;
		margin: 7px 0 7px 0;
		padding-left: 10px;
	}
	.dot_ul li:after {
		top: 9px;
	}
	.dot_ul.last {
		padding-left: 0
	}
	.dot_ul.last li {
		margin: 7px 0
	}
	.m_table {
		display: none !important
	}
    .table-border{
	    margin-top: 8px;
	    text-align: left;
	}
	.table-border table{
	    border:0;
	    background: #fff;
	    border-collapse:separate;  
	    border-radius: 8px;
	    border:1px solid #E4E4E4;
	    padding-bottom: 16px;
	}
	.table-border table tr:first-child th{
	    border-radius: 8px 8px 0 0;
	}
		.table-border table tr:last-child th{
	    border-radius:0 0 8px 8px;
	}
	.table-border table th{
	    background: #fff;
	    border:0;
	    padding: 24px 16px 8px;
	    font-size: 16px;
	    color: #222;
	}
	.table-border table td{
	    padding: 0 16px; 
	    font-size: 14px;
	    color: #222;
	}
	.table-border table td ul{
	    min-height: 22px;
	    border-top:1px solid #c9c9c9; 
	    padding-top: 8px;
	}
	/* family_res */
	.fmb_top {
		margin-bottom: 30px;
	}
	.fmb_top h2 {
		font-size: 18px;
		padding: 0 23px;
	}
	.fmb_top h2:before {
		top: 5px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_01.svg) no-repeat 0 0;
		background-size: 14px
	}
	.fmb_top h2:after {
		top: 5px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_02.svg) no-repeat 0 0;
		background-size: 14px
	}
	.btn_addfamily {
		max-width: 130px;
		height: 30px;
		line-height: 30px;
		display: block;
		margin: 0 auto 30px;
		font-size: 13px;
		border-radius: 15px
	}
	.fmb_list {
		margin-bottom: 20px;
	}
	.fmb_list .art_choice>li {
		margin: 8px auto;
		display: block
	}

	/* checkup_res2 */
	.checkup_res2 .ckRes_info1 .list_grade {
		margin-top: 2px;
		display: none;
	}
	.checkup_res2 .ckRes_info1 .pay {
		line-height: 21px
	}
	.checkup_res2 .ckRes_info1 .list_grade dt {
		width: 93px;
		font-size: 12px;
	}
	.checkup_res2 .ckRes_info1>ul>li>dl {
		position: relative;
	}
	.checkup_res2 .ckRes_info1>ul>li>dl>dt {
		width: 100px;
		position: absolute;
		left: 0;
		top: 2px;
	}
	.checkup_res2 .ckRes_info1>ul>li.other>dl>dt {
		top: 4px;
	}
	.checkup_res2 .ckRes_info1>ul>li>dl>dd {
		padding-left: 100px
	}
	.ckRes_step4 .table_inner {
		margin-bottom: 14px;
	}
	.ckRes_step4 .table_inner table td {
		padding-left: 6px;
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		vertical-align: middle;
	}
	.point_care dl {
		width: 100%;
		padding-left: 0;
	}
	.point_care dl dt {
		display: block;
		width: 100%;
		font-size: 14px;
		height: 33px;
		line-height: 33px;
		background: #f7f7f7;
		border-bottom: 1px solid #d7e4ee;
		border-top: 1px solid #edf1f4;
	}
	.point_care dl dd.txt {
		display: block;
		width: 100%;
		font-size: 21px;
		height: auto;
		vertical-align: middle;
		text-align: center;
		padding: 20px 0 15px 0
	}
	.point_care dl dd.txt span {
		font-size: 25px;
		display: none
	}
	.point_care dl dd.txt input {
		width: 120px;
		text-align: center;
	}
	.point_care dl dd.txt a {
		width: 88px;
		height: 38px;
		line-height: 38px;
		margin-left: 6px;
		font-size: 16px;
	}
	.point_care dl dd.etc {
		display: block;
		width: 100%;
		font-size: 13px;
		height: auto;
		padding-bottom: 20px
	}
	.point_care dl dd.etc span {
		font-size: 18px;
		margin-left: 8px
	}
	.point_fcare dl {
		width: 100%;
		padding-left: 0;
	}
	.point_fcare dl dt {
		display: block;
		width: 100%;
		font-size: 14px;
		height: 33px;
		line-height: 33px;
		background: #f7f7f7;
		border-bottom: 1px solid #d7e4ee;
		border-top: 1px solid #edf1f4;
	}
	.point_fcare dl dd.txt {
		display: block;
		width: 100%;
		font-size: 21px;
		height: auto;
		vertical-align: middle;
		text-align: center;
		padding: 15px 0 15px 0;
	}
	.point_fcare dl dd.txt span {
		font-size: 25px;
	}
	.point_fcare dl dd.etc {
		display: none
	}
	.page_btn {
		padding: 0;
		margin-bottom: 48px;
	}
	.page_btn ul {
		display: block;
	}
	.page_btn li:nth-child(2){
	    margin-top: 24px;
	}
	.page_btn li a {
		width: 100%;
		min-width: 100%;
		max-width:100%;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
		padding-left: 56px;
		text-align: left;
	}
	.page_btn li a::after{
	    top:9px;
	}
	.page_btn a.ico_01 {
		background: url(../images/etc/page_btn_01.svg) no-repeat left 0 center;
		background-size: 32px 32px;
	}
	.page_btn a.ico_02 {
		background: url(../images/etc/page_btn_02.png) no-repeat left 0 center;
		background-size: 32px 32px;
	}
	.page_btn a.ico_03 {
		background: url(../images/etc/page_btn_02.svg) no-repeat left 0 center;
		background-size: 32px 32px;
	}
	.ckRestop_baseTb table td img{
		vertical-align: sub;
		width: 16px;
	}
	.ckRestop_baseTb {
		height: 400px;
		overflow: auto;
	}
	.button_box .button_area {
		left: -60%;
		top: -25%;
		bottom: inherit;
		transform:translate(-60%,25%);
	}
	.button_area a {
		text-align: center;
		margin: 20px auto;
		border: 1px solid #ccc;
		padding: 5px 10px;
		border-radius: 5px;
		display: block;
		font-size: 13px;
	}
    .button_box .button_area a{
        font-size: 14px;
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
    .button_box .button_area a img{
       float: right;
       width: 12px;
    }
    .button_box .button_area p{
        font-size: 14px;
    }
    .select-item .button_box .button_area{
        bottom: auto;
        top:0;
        left: 149px;
    }
	/* checkup_card */
	.m_card {
		display: none
	}
	.checkup_card .ckRes_top {
		margin: 0 -17px 15px
	}
	.checkup_card .ckRes_topInfoinner {
		padding-right: 0;
	}
	.checkup_card .ckRes_info1 .list_grade {
		margin-top: 2px;
		display: none;
	}
	.checkup_card .ckRes_info1 .pay {
		line-height: 21px
	}
	.checkup_card .ckRes_info1 .list_grade dt {
		width: 93px;
		font-size: 12px;
	}
	.checkup_card .ckRes_info1>ul>li>dl {
		position: relative;
	}
	.checkup_card .ckRes_info1>ul>li>dl>dt {
		width: 100px;
		position: absolute;
		left: 0;
		top: 2px;
	}
	.checkup_card .ckRes_info1>ul>li.other>dl>dt {
		top: 4px;
	}
	.checkup_card .ckRes_info1>ul>li>dl>dd {
		padding-left: 100px
	}
	.checkup_card .ckRes_head .ckRes_in p {
		margin-bottom: 10px
	}
	.checkup_card .ckRes_head .ckRes_in .mark {
		display: inline-block;
		max-width: 80px;
		margin: 0px 2px;
	}
	.ckRes_etc {
		position: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		width: auto !important;
		overflow: hidden;
	}
	.ckRes_etc .btn_baseArea {
		text-align: center;
		display: inherit;
		height: auto !important;
		vertical-align: middle;
	}
	.ckRes_etc .btn_baseArea li {
		display: inline-block;
		margin: 20px 6px;
	}
	.ckRes_etc .btn_baseArea li a {
		font-size: 14px;
		width: 154px;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
	}
	.info_card {
		margin-bottom: 15px;
	}
	.info_cardbtn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.info_cardbtn:after {
		background-size: 15px auto;
		right: 15px;
		width: 15px
	}
	.m_cardbtn dt {
		position: relative;
	}
	.m_cardbtn dt:after {
		content: '';
		width: 15px;
		height: 12px;
		background: url(../images/common/v_arrow.png) no-repeat 0 0;
		background-size: 15px auto;
		right: 15px;
		position: absolute;
		right: 14px;
		top: 50%;
		margin-top: -6px;
		transform: rotate(180deg);
	}
	.m_cardbtn dt.on:after {
		transform: rotate(0deg);
	}

	/* checkup_plan */
    .checkup_plan_sub{
        background:  #F8F8F8;
        padding: 32px 0 0;
    }
    .checkup_plan .plan_question_box input[type="checkbox"]+label:after,
    .checkup_plan .plan_question_box input[type="radio"]+label:after{
        background: none;
        width: 100%;
        height: 100%;
    }
	.plan_topStep {
		padding-bottom: 0;
		margin:32px 0 62px;
	}
	.plan_topStep:before {
		height: 45px;
	}
	.plan_topStep li:after {
		height: 1px;
		background: #c4c4c4;
		left:-48px;
	}
	.plan_topStep li dl {
		background: url(../images/plan/m_plan_on.svg) no-repeat;
		background-size: 24px 24px;
		width: 24px;
		height: 24px
	}
	.plan_topStep li dt {
		top: 6px;
		font-size: 12px;
		left: 8px;
	}
	.plan_topStep li dd {
		top: 30px;
		font-size: 14px;
		width: 52px;
		left:-15px;
		color: #464646;
		font-weight: 400;
	}
	.plan_topStep li dl.act dd{
	    color: #458EE8;
	    font-weight: 700;
	}
	.plan_topStep li dl.act {
		background: url(../images/plan/m_plan_off.svg) no-repeat;
		background-size: 24px 24px;
	}
	.bg_white{
	    background: #fff;
	    box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
        border-radius: 24px 24px 0px 0px;
        padding: 32px 16px 56px;
	}
	.plan_tit{
	    border: 0;
	    text-align: center;
	    background: #ECF1F5;
	    border-radius: 8px;
	    font-size: 14px;
	    padding: 16px 32px;
	}
	.plan_question_box{
	    margin-bottom: 48px;
	}
	.checkup_plan_sub.plan_part {
		position: relative;
	}
	.plan_Listcell>li {
		border-top: 0;
	}
	.plan_Listcell.baseInfo>li,
	.plan_Listcell.baseInfo #smoking-1-sub dl,
	.plan_Listcell.baseInfo #smoking-2-sub dl{
	    margin-bottom: 12px;
	}
	.plan_Listcell>li>dl {
		display: block;
	}
	.plan_Listcell>li>dl dt {
		font-size: 14px;
		padding: 12px 0;
		width: 100%;
		text-align: left;
		font-weight: 700;
		color: #222;
	}
	.plan_Listcell>li>dl dd {
		position: relative;
		right: inherit;
		top: inherit;
		padding: 12px 0;
		font-size: 16px;
		text-align: center;
	}
	.plan_Listcell>li>dl dd.input_pos {
		top: 0
	}
	.plan_Listcell>li>dl dd.input_pos input {
		width: 100%;
		font-size: 14px;
		height: 40px;
		padding: 0 16px;
	}
	.plan_Listcell>li>dl dd.input_pos input::placeholder{
	    font-weight: 300;

	}
	.plan_Listcell>li>dl dd .input_cm:after, .plan_Listcell>li>dl dd .input_kg:after {
		top: 12px;
		font-size: 14px;
		right:16px;
	}

	.inner_ul li {
		margin-left: 0;
		margin: 0 30px;
		display: inline-block;
	}
	.inner_ul input[type="radio"]+label {
	    padding-left: 26px
	}
	.inner_ul li:first-child {
		margin: 0 16px 0 0; 
	}
	.plan_Listcell>li.smoking-question .inner_ul label{
	    margin-right: 16px;
	}
	.checkup_plan .plan_question_box .inner_ul li{
	    margin: 0;
	    width: 50%;
	    float: left;
	    height: 40px;
	    line-height: 40px;
	    border:1px solid #C9C9C9;
	    color: #595959;
	    min-width: auto;
	    display: flex;
	} 
	.checkup_plan .plan_question_box .inner_ul.v2 li{
	   width: 33%;
	}
	.checkup_plan .plan_question_box .inner_ul li:nth-child(2n) {
	   border-left: 0;  
	}
	.checkup_plan .plan_question_box .inner_ul.v2 li:nth-child(2){
	   border-left: 0;
	   border-right: 0;
	}
	.checkup_plan .plan_question_box .inner_ul li:nth-child(3),
	.checkup_plan .plan_question_box .inner_ul li:nth-child(4){
	   border-top:0;
	}
	.checkup_plan .plan_question_box .inner_ul.v2 li:nth-child(3){
	   border-top:1px solid #c9c9c9;
	}
	.checkup_plan .plan_question_box .inner_ul li input+label{
	    padding: 0;
	    width: 100%;
	    height: 100%;
	    line-height: inherit;
	}
	.checkup_plan .plan_question_box .inner_ul li input:checked+label{
	   border:2px solid #06A5EA;
	   color: #06A5EA;
	   line-height: 36px;
	}
	.inner_ul.ea3 li:first-child {
		margin: 0 8px;
	}
	.inner_ul.ea3 li {
		margin: 0 8px;
	}
	.plan_Listcell.baseInfo>li>dl dd {
        display: block;
        padding: 0;
	}
	.plan_Listcell.baseInfo .side {
		margin-top: 20px;
		margin-left: 0;
		width: 100%;
		text-align: left;
		position: inherit;
		left: 0;
		bottom: inherit;
	}
	.btn_planM {
		height: 26px;
		line-height: 26px;
		border-radius: 15px;
		font-size: 12px;
		margin: 2px;
		padding: 0 12px;
		min-width: 84px;
		display: inline-block;
	}
	.modal-wrap .plan_Listcell>li>dl {
		padding: 0 0 0 0
	}
	.checkup_choice .care_mal p, .checkup_plan .care_mal p {
		font-size: 15px;
		padding: 0 22px 0
	}
	.checkup_plan.enna .care_mal p {
		font-size: 16px;
	}
	.checkup_choice .care_mal p:before, .checkup_plan .care_mal p:before {
		top: 50%
	}
	.checkup_choice .care_mal p:after, .checkup_plan .care_mal p:after {
		top: 50%
	}
	.part_choice {
		padding: 108px 0 14px;
		margin-bottom: 29px
	}
	.part_choice>p {
		padding-top: 0;
		font-size: 16px;
	}
	.part_choiceInner {
		max-width: 840px;
		margin: 0 auto;
	}
	.part_choice ol {
		margin-left: -14px;
	}
	.part_choice li {
		width: 33.33%;
		text-align: center;
		padding-left: 14px;
		padding-bottom: 14px;
		float: left
	}
	.part_choice li a {
		width: 90px;
		height: 90px;
		background-size: 90px 90px !important
	}
	.plan_question_box .plan_Listcell.baseInfo>li{
	    padding: 12px 0;
	    border:0;
	}
    .symptom_plan .sub_tab{
        padding: 0 16px;
    }
    .symptom_plan .checkup_plan_sub{
        padding: 24px 0 24px;
    }
    .symptom_plan .checkup_plan_sub .bg_white{
        padding: 105px 16px 56px;
        position: relative;
    }
    .symptom_plan .choice_text{
        font-size: 14px;
        padding: 16px 24px;
        line-height: 22px;
        top:0;
    }
    .symptom_plan .plan_tit{
        background: 0;
        padding:24px 0 8px;
        text-align: left;
        border-bottom: 1px solid #222;
        border-radius: 0;
    }
    .symptom_plan .plan_tit img{
        width: 24px;
        height: 24px;
        margin: -5px 8px 0 0;
    }
    .plan_part_question{
        margin: 0 !important;
    }
    .plan_part_question ul li{
       padding: 8px 0;
    }
    .symptom_plan .part_choice{
        padding: 32px 16px;
        border-bottom: 0;
        margin: 0;
    }
    .plan_part input[type="checkbox"]+label{
        margin: 0;
    }
    .plan_part_question > .plan_border{
        padding: 4px;
    }
	/* checkup_plan */
	.checkup_plan .ckRes_head .ckRes_in p {
		margin-bottom: 10px
	}
	.checkup_plan .ckRes_info1 {
		vertical-align: top;
		height: inherit;
	}
	.pl_tit {
		font-size: 14px;
		text-align: center;
		margin-bottom: 16px;
	}
	.pl_tit  img{
	    display: block;
	    margin: 0 auto 8px auto;
	}
	.ckRes_topInfoinner.addckRes_etc {
		padding-right: 0 !important;
	}
	.checkup_plan .ckRes_info1 ul {
		padding:16px;
		background-color: #fff;
	}
	.checkup_plan .ckRes_info1 ul li {
		font-size: 14px;
	}
	.checkup_plan .ckRes_info1 ul li:not(:last-child){
	    margin-bottom: 4px;
	}
	.checkup_plan .ckRes_info1 ul li:after {
		width: 3px;
		height: 3px;
		top: 8px;
	}
	.ckRes_bot{
	    margin: 32px -16px 0;
	    background: #fff;
	    box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
        border-radius: 24px 24px 0px 0px;
        padding: 24px 16px 80px;
	}
	.ckRes_bot h4{
	    font-size: 14px;
	    margin-bottom: 16px;
	}
	.plan_table .no_trans {
		table-layout: fixed;
		margin-bottom: 24px;
	}
	.plan_table .no_trans th,
	.plan_table .no_trans td {
		font-size: 14px;
		height: 40px;
		text-align: center;
	}
	.plan_table .tb_info {
		padding: 14px 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 400;
		border-top: 1px solid #dcecf5
	}
	.etc_d {
		font-size: 12px;
		font-weight: 400;
	}
    
	/* plan_topPart */
	.plan_topPart {
		text-align: center;
		position: relative;
		padding-bottom: 12px;
		margin: 0 -17px 35px;
	}
	.plan_topPart:before {
		height: 62px;
	}
	.part_txt {
		width: 98px;
		height: 98px;
		background-size: 98px 98px !important
	}
	.plan_Listcell .side {
		margin-left: 0;
		position: absolute;
		left: 0;
		bottom: -46px;
	}
	.plan_Listcell>li>dl.hasside {
		padding: 0 0 0 0
	}
	.plan_Listcell>li>dl.hasside dt {
		position: relative;
		margin-bottom: 55px
	}
	.plan_partList .plan_part {
		margin-bottom: 30px
	}
	.plan_partList {
		margin-bottom: 27px
	}
	.checkup_planlist {
		margin-top: 0;
	}
	.checkup_planlist>ul>li {
		margin-bottom: 28px
	}
	.checkup_planlist>ul>li .ckRes_top {
		margin-bottom: 12px
	}

	/* checkup_planinfo */
	.checkup_planinfo .care_mal {
		margin: 30px auto 25px;
	}
	.checkup_planinfo {
		margin: 0 -17px;
	}
	.checkup_planinfo dl dt {
		font-size: 14px;
	}
	.checkup_planinfo dl dd {
		font-size: 13px;
	}
	.planinfo_img a {
		margin-top: 40px;
		border-radius: 32px;
		width: 300px;
		height: 58px;
		line-height: 52px;
		padding-left: 55px;
		padding-right: 20px;
		background: #fff;
		font-size: 21px;
		position: inherit;
		left: inherit;
		bottom: inherit;
		right: inherit
	}
	.planinfo_img a:after {
		width: 49px;
		height: 49px;
		margin-top: -24.5px;
		background: url(../images/etc/page_btn_04.png) no-repeat center center;
		background-size: 49px 49px;
	}

	/* noti */
	.mypage_result .sub_tab, .checkup_choice_sub .sub_tab, .checkup_plan .sub_tab{
	  margin: 0 -17px;
	}
	.checkup_plan_sub .sub_tab{
	   margin: 0 16px;
	}
	.sub_tab ul {
		border-bottom: 1px solid #e2e6e9;
		margin-top: 0;
	}
	.sub_tab ul li a {
		font-size: 16px;
		line-height: 58px;
		height: 58px;
	}
	.sub_tab ul li.act:after {
		display: none;
	}
	.checkup_plan_sub .sub_tab ul,
	.checkup_choice_sub .sub_tab ul{
	    border-bottom: 0;
	    background: #ECEEEF;
	    border-radius: 28px;
	    padding: 4px;
	}
	.checkup_plan_sub .sub_tab ul li,
	.checkup_choice_sub .sub_tab ul li{
	   border-radius: 28px;
	   height: 48px;
	}
	.checkup_plan_sub .sub_tab ul li a,
	.checkup_choice_sub .sub_tab ul li a{
       border-radius: 28px;
	   height: 48px;
	   line-height: 48px;
	   font-size: 14px;
	   font-weight: 500;
	}
	.checkup_plan_sub .sub_tab ul li.act a,
	.checkup_choice_sub .sub_tab ul li.act a{
	    color: #458EE8;
	    background:  #fff;
	    border-radius: 28px;
	    height: 100%;
	    display: block;
	    line-height: 48px;
	    font-weight: 700;
	}
	.notice .care_mal {
		margin: 25px auto 25px;
	}
	.noti_view {
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		margin-bottom: 27px
	}
	.noti_view img, #faq_list img, #qna_list img{
	    width: 100% !important;
	}
	.noti_view .noti_top {
		font-size: 14px !important;
		padding: 8px 8px 8px 8px
	}
	.w_layer .sub_tab ul li:hover:after {
		bottom: -1px;
		height: 2px
	}
	.noti_view .noti_top span {
		display: block;
		font-size: 14px !important;
		position: inherit;
		right: inherit;
		top: inherit;
		margin-top: 3px;
	}
	.noti_area {
		padding: 13px 8px;
		font-size: 14px !important;
		line-height: 1.5
	}
	.noti_view table {
		table-layout: fixed;
	}
	.noti_view table thead {
		display: none !important
	}
	.noti_view table td {
		display: block;
		padding: 8px 8px;
		height: auto;
		font-size: 14px;
		text-align: left
	}
	.noti_view table td:last-child {
		border-top: 0;
		padding-top: 0
	}
	.noti_view table td a {
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		word-break: break-all;
	}
    .checkup_choice_sub{
    	min-height: 100vh;
        background: #f8f8f8;
    }
    .checkup_choice_sub .sub_tab{
        margin: 0;
    }
    .choice_text{
        width: 100%;
        font-size: 14px;
        margin: 0 auto;
        height: auto;
        padding: 16px 32px;
        line-height: 20px;
        position: absolute;
	    z-index: 2;
	    left:50%;
	    transform:translate(-50%, 0);
	    margin-top: 32px;
	    width: 90%;
    }

	    
	/* qna */
	.tab_qna {
		border-bottom: 0px solid #777;
		width: 99.99%;
		margin-bottom: 11px;
		padding: 0 16px;
	}
	.tab_qna ul {
		margin-left: -3px;
	}
	.tab_qna li {
		padding-bottom: 3px;
		width: 33.33%;
	}
	.tab_qna li a {
		height: 44px;
		line-height: 44px;
		font-size: 14px;
		border-radius: 5px
	}
	.tab_qnaBox {
		border-bottom: 1px solid #777;
		border-top: 1px solid #777;
	}
	.tab_qnaBox dt {
		display: table-cell;
		height: 48px;
		padding: 16px;
		background: #fff;
		font-size: 14px;
		vertical-align: middle;
		color: #222;
	}
	.tab_qnaBox dd {
		padding: 16px;
		background: #f7f7f7;
		font-size: 14px;
		line-height: 1.5
	}
	.tab_qnaBox ul li {
		border-top: 1px solid #e2e6e9;
	}

	/* inquiry_top */
	.inquiry_top {
		padding: 15px 13px;
		margin-bottom: 27px
	}
	.inquiry_top ul li {
		padding-left: 8px;
		text-indent: -8px;
		font-size: 12px;
		margin-top: 5px;
		line-height: 18px;
		color: #555;
	}
	.inquiry_list {
		border-top: 1px solid #777;
		border-bottom: 1px solid #777;
		margin: 27px 0 27px
	}
	.inquiry_list .num {
		display: none !important
	}
	.inquiry_list table {
		table-layout: fixed;
	}
	.inquiry_list table thead {
		display: none !important
	}
	.inquiry_list table td {
		display: block;
		padding:4px 16px;
		height: auto;
		font-size: 14px;
		text-align: left;
		border-top: 0;
		color: #555;
	}
	.inquiry_list table td a i{
	margin-right: 8px;
	}

	.inquiry_list table tr{
	   width: 100%;
	   border-bottom: 1px solid #ececec;
	   padding: 16px 0;
	}

	.inquiry_list table tr:last-child td:nth-child(4) {
		border-bottom: 0
	}
	.inquiry_list table td a {
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		word-break: break-all;
		color: #222;
	}
	#qna_form .inquiry_form, #qna_form .btn_baseArea{
	   padding: 0 16px;
	}
	.inquiry_form {
		border-bottom: 1px solid #c7c7c7;
		margin: 27px 0 27px
	}
	.inquiry_form table {
		table-layout: auto;
		width: 100%;
	}
	.inquiry_form table td {
		vertical-align: middle;
		background: #fff;
		padding: 12px 0
	}
	.inquiry_form .form td textarea {
		height: 210px;
		font-size: 16px;
		padding: 13px 10px
	}

	/* etc */
	.bnnr_list {
		margin-top: 20px;
		margin-left: -10px
	}
	.bnnr_list ul li {
		padding-left: 10px;
		padding-bottom: 10px
	}
	.bnnr_view {
		margin: 20px auto 27px
	}
	.bnnr_view img {
		width: 100%
	}
	.inquiry_button ul li a {
		width: 180px;
		height: 44px;
		line-height: 44px;
	}

	/* mypage */
	.mypage_result .care_mal {
		margin: 0 auto 24px;
		text-align: left;
	}
	
	.mypage_result .care_mal .notification {
	    font-weight: 700;
	    font-size: 14px;
	    margin-bottom: 8px;
	}

	.mypage_result .care_mal p {
		font-size: 13px;
		padding: 0 0;
		line-height: 1.6;
		text-align: left;
	}
	.mypage_result .care_mal p:before {
		content: none
	}
	.mypage_result .care_mal p:after {
		content: none
	}
	.mypage_result .bnnr {
		margin-top: 20px;
	}
	.mypage_result .fmb_list {
		padding: 0;
	}
	
	.jong_hap_h.m_view {
	   height: 24px;
	   margin-bottom: 16px;
	}
	
	.jong_hap_h.m_view p {
	   font-size: 16px;
	   line-height: 24px;
	   margin-top: 1px;
	   margin-left: 8px;
	}
	

  	.plan_table .no_trans th.examination_d {
		width: 40%;
	}
	
	.plan_table .no_trans td.ex_height {
	   height: 72px;
	}
	
	.plan_table .no_trans td {
	   border: none;
	   font-size: 14px;
	}
	
	.plan_table .no_trans td.examination_h {
		width: 60%;
	}
	
	.plan_table .no_trans th.w_view {
		display: none;
	}
	.plan_table .no_trans td.w_view {
		display: none;
	}
	
	/* 헤더 수정 */
	.jonghap-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	    height: 48px;
	    z-index: 100;
	    background: #fff;
	    text-align: center;
	    line-height: 48px;
	    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
	}
	
	.jonghap-header h2 {
		font-size: 16px;
		font-weight: bold;
	}
	
	.jonghap-header .back-btn {
		position: absolute;
		left: 16px;
		top: 12px;
	}
	
	/* gray_box */
	.gray_box {
		width: 100%;
		height: 8px;
		background: #f7f7f7;
		margin-bottom: 32px;
		margin-left: -16px;
		overFlow : scroll
	}


   /* mypage_btn */
	.mypage_btn {
		margin-bottom: 12px;
		margin-top: 0px;
		padding-top: 16px;
		position: sticky;
		top: 45px;
		background: #fff;
		z-index: 100;
	}
	
	.mypage_btn .m_clearfix {
		width: 100% !important;
		background: #fff;
		margin: 0;
	}
	
	.mypage_btn .menu_slider li {
		float: left;
		height: 28px;
		padding: 0;
		margin-right: 12px;
	}
	.mypage_btn .menu_slider li a {
		line-height: 28px;
	}
	
	/* on클릭 */
	.mypage_btn .menu_slider li.on {
		background: #fff;
		color: #06A5EA;
		border-bottom: 2px solid #06A5EA;
		box-sizing: border-box;
	}
	.mypage_btn .menu_slider li.on a {
		color: #06A5EA;
		font-weight: bold;
	}
	
	.mypage_btn .m_clearfix img.menu_down, .menu_up {
		position: absolute;
		top: 2px;
		left: 4px;
		z-index: 100;
	}
	
	.mypage_btn .m_clearfix .menu_img.active {
		display: none;
	} 
	
	/* 화살표 흰색 박스 */
	.mypage_btn .white_shadow {
		position: absolute;
		right: 0;
		width: 40px;
		height: 28px; /* 선택되어있는게 앞으로 가게되는게 되면 28px로 해도 됨 */
		background: #fff;
		z-index: 100;
		margin-right: -16px;
	}
	

   /* 박스 */
   .clearfix_box {
   	  display: none;
      margin-left: -16px;
      width: 100%;
      border-radius: 0px 0px 16px 16px;
      box-shadow: 3px 3px 8px -3px rgba(0,0,0,0.1);
      padding: 16px;
      background: #fff;
   }
   
    .clearfix_box.show {
   	  display: block;
    }
   
   .clearfix_box .clearfix {
      width: 100%;
      margin: 0 auto;
   }
   
    .mypage_btn .clearfix_box li {
		padding-left: 4px;
		padding-bottom: 4px;
		width: 33.33%;
	}
 	.mypage_btn .clearfix_box a {
		line-height: 1.3;
		display: table-cell;
		vertical-align: middle;
		border-radius: 4px;
	}  
   
 	.mypage_btn .clearfix_box li {
		padding-left: 4px;
		padding-bottom: 4px;
		width: 33.33%;
	}
 	.mypage_btn .clearfix_box a {
		line-height: 1.3;
		display: table-cell;
		vertical-align: middle;
		border-radius: 4px
	}  
	
	/* on클릭 */
 	.mypage_btn .clearfix_box li.on a {
		background: #06A5EA;
		color: #fff;
	}


	/* 검사 복사 */
	.w_1100 {
		width: 100%;
	}
	.jh_area {
		margin-bottom: 8px;
		z-index: 1;
		/*머리통 늘려줘서 a태그 위치 잡게함*/
		margin-top: -132px;
		padding-top: 132px;
	}
	
	.jh_areaIn_m {
		position: relative;
		background: #fff;
		width: 100%;
		overflow: hidden;
		border: 1px solid #c9c9c9;
		border-radius: 8px;
		padding: 12px 16px;
	}
	
	.jh_areaIn_m .jh_cell .jh_p {
	    font-size: 14px;
	    font-weight: bold;
	    float: left;
		width: 100%;
	}
	.jh_areaIn_m .jh_cell .jh_p p.jh_name {
		float: left;
		color: #222;
	}
	
	.jh_areaIn_m .jh_cell .jh_p img {
		width: 16px;
	}
	
	/* 물음표  */
	.question {
		display: inline-block;
		padding-top: 2px;
	}
	
	.popupClose {
		z-index: 10000;
	}
	
	/* 모바일 팝업 */
	.jh_body_pop {
		display: none;
		position: fixed;
		background: rgba(0,0,0,0.3);
		top: 0; 
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
	}
	
	.jh_body_pop .jh_body_m {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
		overflow: hidden;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		background: #fff;
		border: 1px solid #C9C9C9;
		border-radius: 16px;
		box-sizing: border-box;
		padding: 16px 24px;
		z-index: 15;
		color: #595959;
	}
	
	.jh_body_pop .jh_body_m p {
	   text-align: center;
	   font-size: 14px;
	   font-weight: bold;
	   margin-bottom: 12px;
	   color: #222;
	}
	.jh_body_pop .jh_body_m img {
	   position: absolute;
	   top: 16px;
	   right: 16px;
	}
	
	
	
	.jh_areaIn_m .jh_end .jh_cell .jh_info p {
		margin-top: 8px;
		color: #222;
	}
	
	.jh_areaIn_m .jh_end .jh_cell .jh_info p span {
		color: #595959;
		font-weight: 700;
		margin-right: 8px;
	}
		
	
	
	/* 모바일 탑버튼 */
	#goBtn.w_view {
		display: none !important;
	}
	
	#goBtn2 {
		display: none;
		position: fixed;
		bottom: 70px;
		left: 50%;
		transform: translate(-50%);
		z-index: 99999;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 0px;
		border-radius: 0px;
		opacity: 0.8;
	}
	
	
	
	.mypage_result .care_mal p span {
		font-size: 15px;
		position: relative;
		max-width: 194px;
		min-width: 194px;
		margin: 10px auto 15px;
		padding: 0 24px;
	}
	.mypage_result .care_mal .MetabolicAge {
		font-size: 14px;
	}
	.care_mal p span:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -7px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_01.svg) no-repeat 0 0;
		background-size: 14px
	}
	.care_mal p span:after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -7px;
		width: 14px;
		height: 14px;
		background: url(../images/list/mal_icon_02.svg) no-repeat 0 0;
		background-size: 14px
	}
	.side_table {
		padding-right: 0;
	}
	.side_table .sdtb {
		position: relative;
		right: inherit;
		top: inherit;
		bottom: inherit;
		width: 100%;
		border-left: 0;
		padding-top: 40px;
		border-top: 1px solid #e2e6e9;
	}
	.side_table .sdtb dl {
		display: table;
		width: 100%;
		height: 100%
	}
	.side_table .sdtb dt {
		font-size: 14px;
		height: 40px;
		border-bottom: 1px solid #e2e6e9;
		line-height: 40px;
		width: 100%
	}
	.side_table .sdtb dd {
		font-size: 12px;
		font-weight: 400;
		padding: 10px;
		line-height: 1.6
	}
	.mypage_result .viewBtn li a {
		min-width: 275px;
		padding-left: 12px;
		padding-right: 60px;
	}

	/* mypage_before */
	.mypage_before .fmb_list {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.mypage_before .jh_area {
		border: 8px solid #e2e6e9;
		margin: 0 -17px 15px;
	}
	.mypage_before .jh_areaIn {
		padding-left: 0;
		padding-right: 0;
		min-height: inherit;
	}
	.mypage_before .jh_head {
		width: 100%
	}
	.mypage_before .jh_head .jh_cell {
		padding: 0 8px;
	}
	.mypage_before .jh_head .jh_cell dt {
		font-size: 17px;
		margin-bottom: 13px
	}
	.mypage_before .jh_head .jh_cell dd {
		font-size: 16px;
		margin-bottom: 14px
	}
	.mypage_before .jh_head .jh_cell dd br {
		display: none
	}
	.mypage_before .jh_head .jh_cell dd span {
		font-size: 21px;
	}
	.mypage_before .jh_body dl {
		position: relative;
		padding-left: 62px;
	}
	.mypage_before .jh_body dt {
		position: absolute;
		left: 0;
		width: 62px;
		font-size: 13px;
	}
	.mypage_before .jh_body dd {
		font-size: 13px;
	}
	.mypage_before .jh_etc {
		position: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		width: 100%;
	}
	.mypage_before .jh_etc .jh_tcell {
		padding: 20px 0
	}
	.mypage_before .jh_etc a {
		width: 155px;
		height: 38px;
		line-height: 38px;
		font-size: 17px;
		border-radius: 19px
	}
	.mypage_before .ckRes_step4 .table_inner {
		margin-bottom: 27px
	}

	/* mypage_satisfaction */
	.sati_box {
		border-top: 1px solid #a4d8ea;
		border-bottom: 1px solid #dcecf5;
	}
	.sati_tit {
		font-size: 16px;
		margin-bottom: 10px;
		text-indent: -20px;
		padding-left: 20px;
		margin: 20px 10px 16px 10px;
	}
	.sati_box>ul>li {
		padding: 8px 8px;
	}
	.sati_box.has_dls>ul>li {
		padding: 0 0;
	}
	.sati_box>ul>li ol.sati_chol li {
		width: 50%;
		float: left;
		margin: 5px 0
	}
	.sati_box dl.ch_dls {
		padding-left: 0;
		position: relative;
		height: unset;
	}
	.sati_box dl.ch_dls dt {
		position: inherit;
		left: inherit;
		top: inherit;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background: #f7f7f7;
		padding-left: 12px;
		border-bottom: 1px solid #ebeef0
	}
	.sati_box dl.ch_dls dd {
		padding: 7px 0 7px 7px;
		height: unset;
	}
	.sati_box dl.ch_dls dd li {
		width: 60px;
		display: inline-block;
		vertical-align: top;
		margin: 5px 0
	}
	.sati_box dl.ch_dls textarea {
		height: 140px;
	}
	.sati_box.textarea {
		text-align: center;
		padding: 8px 0
	}
	.sati_box textarea {
		height: 210px;
	}
	.sati_box ol.agree li {
		width: 44%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin-top: 8px;
	}
	.sati_box ol.agree li.hostit {
		width: 100%;
		float: none;
		margin-top: 18px;
	}
	.sati_box ol.agree li.hostit dl {
		margin: 0 -8px;
	}
	.sati_box ol.agree li.hostit dt {
		display: inline-block;
		font-size: 14px;
		font-weight: 400;
		vertical-align: middle;
	}
	.sati_box ol.agree li.hostit dd {
		display: inline-block;
		width: 95%;
		margin-left: 0;
		margin-top: 12px;
	}
	.sati_box .agree input[type="radio"]+label:after {
		top: 0;
	}
	.mypage_satisfaction .btn_baseArea {
		margin-top: 27px;
	}
    .sati_box textarea{
    width: 95%;
    }
	/* mod_area */
	.mod_area {
		border-top: 1px solid #a4d8ea;
		padding-bottom: 5px;
		border-bottom: 1px solid #dcecf5;
		margin-bottom: 27px
	}
	.mod_area dl {
		position: relative;
		padding-left: 0;
	}
	.mod_area dl dt {
		display: none
	}
	.mod_area dl dd {
		height: 50px;
		font-size: 16px;
		width: 100% !important;
		padding: 0 0;
		line-height: 50px;
		text-align: center;
		display: inline-table;
	}
	.mod_area>ul>li {
		border-top: 0
	}
	.mod_area>ul>li:nth-child(2), .mod_area>ul>li:nth-child(3) {
		border-top: 1px solid #e2e6e9;
	}
	.mod_area dl dd span {
		display: none
	}
	.mod_area dl dd .fix_num {
		display: block;
	}
	.mod_area dl dd input[type="tel"], .mod_area dl dd input[type="text"],
		.mod_area dl dd input[type="password"] {
		width: 100% !important;
		vertical-align: baseline !important
	}
	.mod_area dl dd a {
		width: 85px;
		height: 38px;
		line-height: 38px;
		font-size: 16px;
		top: 50%;
		margin-top: -21px;
	}
	.mod_area .cgsex ol li {
		padding: 0 30px 0 30px
	}
	.mypage_mod .fmb_list {
		margin-bottom: 32px
	}
	.mypage_mod .care_mal {
		margin: 30px auto 30px;
	}
	.mypage_mod .care_mal p {
		padding: 0 25px 0;
		max-width: 330px;
		margin: 0 auto;
	}

	/* mypage_point */
	.m_ptInner {
		margin-bottom: 35px
	}
	.point_btn {
		display: block;
		margin: 0 -17px
	}
	.point_info {
		border: 8px solid #5793c1;
		margin: 0 -17px 34px;
	}
	.point_info h4 {
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		font-weight: 700;
		padding-left: 54px;
		margin: 10px auto;
	}
	.point_info .pt_info1 h4 {
		background: url(../images/plan/point_ico01.gif) no-repeat left center;
		background-size: 40px auto
	}
	.point_info .pt_info2 h4 {
		background: url(../images/plan/point_ico02.gif) no-repeat left center;
		background-size: 40px auto
	}
	.point_info p {
		font-size: 13px;
		padding: 13px 10px
	}
	.pt_info1 {
		text-align: center;
		max-width: 100%;
		float: none;
		width: 100%;
		border-bottom: 4px solid #5793c1
	}
	.pt_info2 {
		text-align: center;
		max-width: 100%;
		float: none;
		width: 100%;
		border-bottom: 1px solid #d4e2ed
	}
	.innr_bg {
		background: #f7f7f7;
		padding: 0
	}
	.innr_bg dl {
		position: relative;
		padding-left: inherit;
		min-height: inherit;
		height: auto;
		margin-top: 0;
	}
	.innr_bg dl:first-child {
		margin-top: 0;
	}
	.innr_bg dt {
		position: inherit;
		left: inherit;
		top: inherit;
		width: 100%;
		line-height: 40px;
		height: 40px;
		text-align: center;
		border-radius: 0;
		font-size: 18px;
	}
	.innr_bg dd {
		display: inherit;
		width: 100%;
		height: auto;
		padding: 10px 8px
	}
	.innr_bg dd ul {
		display: inherit;
	}
	.innr_bg dd ul li {
		padding-left: 9px;
		font-size: 13px;
		margin-top: 5px;
	}
	.innr_bg dd ul li:after {
		width: 4px;
		height: 4px;
		top: 6px;
	}
	.pt_tb1 {
		border-top: 1px solid #a4d8ea;
		border-bottom: 1px solid #dcecf5;
		margin-bottom: 27px
	}
	.pt_tb1 thead th {
		display: none
	}
	.pt_tb1 tbody td {
		display: block;
		width: 100%;
		height: auto !important;
	}
	.pt_tb1 tbody td dt {
		display: block;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background: #f7f7f7;
		border-bottom: 1px solid #eef0f1;
		font-weight: 500;
	}
	.pt_tb1 tbody td dd {
		height: 48px;
		line-height: 48px;
		font-size: 21px;
		display: block;
	}
	.partN_op {
		padding-right: 125px;
		margin-top: 50px;
	}
	.partN_op select {
		position: absolute;
		right: 0;
		top: -10px;
		width: 100px;
		font-size: 13px;
	}
	.point_table {
		border-top: 1px solid #a4d8ea;
		border-bottom: 1px solid #dcecf5
	}
	.thead_ul {
		display: none
	}
	.pt_use {
		width: auto;
		display: block;
	}
	.pt_day {
		width: 100%;
		display: block;
	}
	.pt_name {
		width: 100%;
		display: block;
		margin-top: 3px;
	}
	.pt_num {
		width: auto;
		display: block;
	}
	.tbody_ul li {
		padding: 8px 0
	}
	.tbody_ul li dd {
		float: none;
		font-size: 14px;
	}
	.tbody_ul li dl {
		position: relative;
		padding: 0 88px;
		width: 100%
	}
	.tbody_ul li dl .pt_use {
		position: absolute;
		left: 17px;
		top: 50%;
		margin-top: -10px;
	}
	.tbody_ul li dl .pt_num {
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -10px;
		height: 20px;
		line-height: 20px
	}
	.mypage_point .jh_area {
		border: 8px solid #e2e6e9;
		margin: 40px -17px 0
	}
	.mypage_point .jh_areaIn {
		padding-left: 0;
		padding-right: 0;
		min-height: inherit;
	}
	.mypage_point .jh_head {
		width: 100%
	}
	.mypage_point .jh_head .jh_cell dt {
		margin-top: 20px;
		margin-bottom: 10px
	}
	.mypage_point .jh_head .jh_cell dd {
		margin-bottom: 18px
	}
	.mypage_point .jh_body {
		padding: 20px 9px 0
	}
	.mypage_point .jh_body p {
		font-size: 14px;
		margin-bottom: 15px;
		text-align: center;
	}
	.mypage_point .jh_body ul li {
		display: block;
		vertical-align: top;
		margin-left: 5px;
		margin-bottom: 12px
	}
	.mypage_point .jh_body ul li input {
		vertical-align: top;
		width: 100% !important;
		text-align: center;
	}
	.mypage_point .jh_body ul li span {
		font-size: 22px;
		display: none
	}
	.mypage_point .jh_etc {
		position: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		width: 100%;
		text-align: center
	}
	.mypage_point .jh_etc .jh_tcell {
		padding: 20px 0
	}
	.mypage_point .jh_etc a {
		width: 155px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-weight: 500;
		background: #5793c1;
		border-radius: 20px
	}

	/* shop_list */
	.shop_list {
		max-width: 326px;
		margin: 8px auto 27px;
	}
	.shop_list:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		border-bottom: 2px solid #dcecf5;
		z-index: 1
	}
	.shop_list>ul {
		margin-left: -10px
	}
	.shop_list>ul>li {
		width: 50%;
		float: left;
		padding-left: 10px;
		height: 227px;
		margin-top: 12px;
		max-width: 168px
	}
	.shop_list>ul>li dt {
		margin-bottom: 13px
	}
	.shop_list>ul>li dd.pd_name {
		font-size: 12px;
		margin-bottom: 9px
	}
	.shop_list>ul>li dd.pd_point {
		font-size: 16px
	}
	.shop_list>ul>li dd.pd_point span {
		font-size: 17px
	}

	/* shop_view */
	.shop_view {
		min-height: calc(100vh - 105px);
		padding-bottom: 60px
	}
	.shop_viewTop {
		margin-top: 22px;
		margin-bottom: 30px
	}
	.pd_img {
		max-width: 100%;
		width: 100%;
		float: none
	}
	.pd_info {
		max-width: 100%;
		width: 100%;
		float: none
	}
	.pd_tit {
		font-size: 21px;
		text-align: center;
		padding: 20px 0 20px
	}
	.info_ul {
		border-top: 1px solid #f0f2f3;
		padding-top: 25px;
		padding-bottom: 30px
	}
	.info_ul>li {
		padding: 0 0;
		line-height: 1.3;
		margin-bottom: 20px
	}
	.info_ul li dl {
		position: relative;
		width: 100%;
		padding-left: 130px;
	}
	.info_ul li dt {
		display: inline-block;
		font-size: 17px;
		font-weight: 400;
		width: 175px;
		text-align: left;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -12px;
		height: 24px;
		line-height: 24px;
	}
	.info_ul li dd {
		display: inline-block;
		font-size: 17px;
		font-weight: 400;
		vertical-align: top;
		text-align: right;
		width: 100%
	}
	.info_ul li dd b {
		font-size: 23px;
	}
	.info_ul li dd b.txt_red {
		font-size: 27px;
	}
	.info_ul li dd span {
		font-size: 23px;
	}
	.info_ul li dd.btn_pointAdd {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -50px;
		z-index: 2
	}
	.info_ul li dd.btn_pointAdd a {
		width: 134px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		border-radius: 15px;
		margin-left: 0;
		margin: 0 auto;
	}
	.pd_add {
		padding: 0 38px;
		max-width: 145px;
		height: 38px;
		display: inline-block;
		vertical-align: bottom
	}
	.pd_add input {
		height: 36px;
		line-height: 36px;
		vertical-align: top;
		text-align: center;
	}
	.pd_add .btn_minus {
		width: 38px;
		height: 38px;
		background: url(../images/plan/pd_minus.gif) no-repeat 0 0;
		background-size: 38px 38px;
	}
	.pd_add .btn_plus {
		width: 38px;
		height: 38px;
		background: url(../images/plan/pd_plus.gif) no-repeat 0 0;
		background-size: 38px 38px;
	}
	.totla_point {
		padding-left: 0;
		height: auto;
		line-height: 1.3;
		background: #f7f7f7;
		margin: 20px 0 25px
	}
	.totla_point dt {
		position: inherit;
		left: inherit;
		top: inherit;
		bottom: inherit;
		width: 100%;
		font-size: 17px;
		padding: 10px 5px
	}
	.totla_point dd {
		padding: 13px 3px
	}
	.totla_point dd b {
		font-size: 30px
	}
	.totla_point dd span {
		font-size: 27px
	}
	.shop_fixBtn {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.6);
	}
	.shop_fixBtn a {
		width: 100%;
		height: 59px;
		line-height: 59px;
		font-size: 17px;
	}
	.shop_fixBtn ul {
		margin-left: -0
	}
	.shop_fixBtn li {
		width: 50%;
		float: left;
		padding-left: 0;
	}
	.shop_some {
		padding: 15px 10px;
		border-top: 1px solid #a4d8ea;
		border-bottom: 1px solid #dcecf5;
	}

	/* shipping_list */
	.shipping_list {
		margin-top: 30px;
	}
	.sh_Wtable {
		display: none
	}
	.shipping_info {
		min-height: calc(100vh - 105px);
		padding-bottom: 60px
	}
	.shipping_info .partN_op {
		margin-top: 30px
	}
	.shipping_info .table_inner table td {
		text-align: center;
	}
	.shipping_info .mod_area {
		padding-top: 5px;
		margin-bottom: 30px
	}
	.shipping_info .mod_area>ul>li:nth-child(2), .shipping_info .mod_area>ul>li:nth-child(3)
		{
		border-top: 0
	}
	.shipping_info .pt_tb1 tbody td {
		border-left: 0;
	}
	.shipping_info .pt_tb1 dd.txt_red {
		font-size: 21px;
	}
	.shipping_info .pt_tb1 dd.txt_red span {
		font-size: 21px;
	}
	.partN_op .side {
		position: absolute;
		right: 0;
		top: 2px;
	}
	.shipping_info .viewBtn.fix_ship {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 59px;
		box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.6);
	}
	.shipping_info .viewBtn.fix_ship li {
		margin: 0 0;
		display: block;
	}
	.shipping_info .viewBtn.fix_ship a {
		width: 100%;
		padding: 0 0;
		line-height: 59px;
		border-radius: 0;
		font-size: 17px;
		font-weight: 500;
	}
	.shipping_info .viewBtn.fix_ship a:after {
		content: none
	}
	.sh_Mtable {
		border-top: 1px solid #a4d8ea;
		border-bottom: 1px solid #dcecf5;
		margin-bottom: 30px;
		display: block;
	}
	.sh_Mtable>ul>li {
		padding: 12px 0;
		border-top: 1px solid #f3f5f6;
	}
	.sh_Mtable>ul>li:first-child {
		border-top: 0 !important
	}
	.sh_pdinfo {
		position: relative;
		padding-left: 105px;
		min-height: 95px;
		margin-bottom: 10px
	}
	.sh_img {
		width: 92px;
		height: 92px;
	}
	.sh_info p.sh_tit {
		font-size: 14px;
		margin-bottom: 13px
	}
	.sh_info>ul>li {
		margin-top: 7px;
	}
	.sh_info dl {
		position: relative;
		padding-left: 85px
	}
	.sh_info dt {
		top: 0;
		margin-top: 0px;
		font-size: 13px;
	}
	.sh_info dd {
		font-size: 13px;
		text-align: right
	}
	.sh_info dd span {
		font-size: 13px
	}
	.sh_info dd b {
		font-size: 13px
	}
	.sh_etc {
		position: relative;
		padding-left: 105px;
	}
	.sh_etc p.ea {
		font-size: 13px;
		font-weight: 400;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		width: 92px;
		height: 25px;
		line-height: 24px;
		border: 1px solid #c5cfd6
	}
	.sh_etc dl {
		position: relative;
		padding-left: 100px;
		border: 1px solid #c5cfd6;
		background: #f7f7f7;
		min-height: 25px;
		overflow: hidden;
	}
	.sh_etc dt {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100px;
		text-align: center;
		font-size: 13px;
		line-height: 24px;
		height: 25px;
		font-weight: 700;
		background: #fff
	}
	.sh_etc dd {
		text-align: center;
		font-size: 13px;
		font-weight: 900;
		line-height: 24px;
		color: #ee5555;
	}
	.sh_etc dd span {
		font-size: 13px;
		font-weight: 400;
		color: #464646;
	}
	.sp_btninner {
		margin-top: 12px;
		min-height: 30px;
		padding-top: 6px;
		position: relative;
	}
	.sh_btns {
		position: absolute;
		right: 0;
		top: 0
	}
	.sh_btns li {
		margin-top: 0;
		display: inline-block;
		margin-left: 5px
	}
	.sh_btns li:first-child {
		margin-bottom: 0
	}
	.sh_btns li a {
		font-size: 13px;
		text-align: center;
		display: block;
		width: 80px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		color: #fff;
		margin: 0 auto
	}
	.harf_box li {
		width: 50%;
		float: left;
		max-width: 145px
	}
	.harf_box li+li {
		float: right;
	}
	.shipping_info .care_mal {
		margin: 30px auto 30px;
	}
	.shipping_info .care_mal p {
		font-size: 18px;
	}
	.shipping_info .care_mal p:before {
		top: 50%
	}
	.shipping_info .care_mal p:after {
		top: 50%
	}
	.btn_nowuse {
		font-size: 13px;
		width: 135px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		margin: 12px auto 0;
	}
	.PostOverlay {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.9);
	}
	.overlay-content {
		background-color: #ffffff;
		margin: 25% auto 15% auto;
		/* 5% from the top, 15% from the bottom and centered */
		border: 1px solid #888;
		width: 100%;
		position: relative;
	}
	.PostOverlay .closebtn {
		position: absolute;
		top: 20px;
		right: 15px;
		font-size: 30px;
		cursor: pointer;
		color: white;
	}
	.PostOverlay .closebtn:hover {
		color: #ccc;
	}
}

.tbl02 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
    border-top: 1px solid #e4e4e4;
	/* 수정 */
	border-radius: 16px;
}

.tbl02 caption {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px;
}

.tbl02 th {
	padding: 10px 0;
	border-bottom: 1px solid #e4e4e4;
	background-color: #f8f8f8;
}
.tbl02 th:not(:last-child) {
	border-right: 1px solid #e4e4e4;
}

.tbl02 td {
	overflow: auto;
	padding: 8px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
}
.tbl02 td:not(:last-child) {
	border-right: 1px solid #e4e4e4;
}
.tbl02 td.have_btn>div {
	padding-top: 10px;
}

@media all and (max-width:767px) {
	.tbl02 {
		border-top: none;
		border-left: none;
	}
	.tbl02, .tbl02 thead, .tbl02 tbody, .tbl02 tr, .tbl02 th, .tbl02 td {
		display: block;
		overflow: auto;
	} /* 테이블의 모든 요소를 block화 시킴*/
	.tbl02 thead tr {
		position: absolute;
		left: -9999px;
		top: -9999px
	} /* thead의 tr을 화면밖으로 날림 */
	.tbl02 tr:after {
		content: "";
		display: block;
		clear: both
	} /* th,td의 플롯해제 */
	.tbl02 td {
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		overflow: auto;
		position: relative;
		float: left;
		width: 100%;
		padding-left: 45%;
		box-sizing: border-box;
		min-height: 37px;
	} /* td내용 우측에 타이틀 들어갈 영역 만듬 */
	
	/* 수정 */
	.tbl02 tr {
		border-top: 1px solid #e4e4e4;
		border-radius: 16px 16px 0 0;
	}
	.tbl02 td.have_btn {
		padding: 0;
		border-radius: 0 0 16px 16px;
		margin-bottom: 16px;
	}
	.tbl02 td.have_btn>div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		max-width: 264px;
		margin: 10px auto 0;
		padding-top: 0;
	}
	.tbl02 td.have_btn>div a {
		width: 124px;
	}
	.tbl02 td.status {
		font-weight: 600;
		color: #222;
	}
	
	
	
	.tbl02 td:before {
		overflow: auto;
		position: absolute;
		left: 0px;
		top: 0px;
		font-weight: bold;
		background: #F8F8F8;
		padding: 9px 0;
		width: 33%;
	}
	.tbl02 .daesang:before {
		content: "검진대상"
	} /* 가상선택자로 텍스트 생성-스크립트로 동적으로 가능함 */
	.tbl02 .onecha:before {
		content: "1차검진희망일"
	}
	.tbl02 .twocha:before {
		content: "2차검진희망일"
	}
	.tbl02 .threecha:before {
		content: "검진확정일"
	}
	.tbl02 .hospital:before {
		content: "검진병원"
	}
	.tbl02 .status:before {
		content: "상태"
	}
	.tbl02 .detail:before {
		content: "상세보기"
	}
	.tbl02 .daesang {
		border-radius: 16px 16px 0 0;
	}
}

.center {
	text-align: center;
}

.pagination {
	display: inline-block;
}

.pagination a {
	border: 0;
	color: #6A6A6A;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	margin: 0 4px;
	font-size: 18px;
}
.pagination a img{
	vertical-align: middle;
}
.pagination a.active {
	background-color: #2C7FFA;
	border: 1px solid #2C7FFA;
	border-radius: 16px;
	color: white;
}

.pagination a:hover:not(.active) {
	border: solid 1px #B1B1B1;
	border-radius: 3px;
	text-decoration: none;
}

.inPC {
	display: block;
	margin-top: 45px;
}

.inMobile {
	display: none;
	margin-top:25px;
}

@media screen and (max-width : 480px) {
	.inPC {
		display: none;
	}
	.inMobile {
		display: block;
	}
	.pagination a {
		margin: 0 2px;
	}
}
@media screen and (max-width : 384px) {
	.pagination a {
		margin: 0 2px;
		width: 32px;
		height: 32px;
		line-height: 32px;
	}
	.pagination a.active {
		border-radius: 12px;
	}
}

/* 
배너를 고정시킴
.footer-row {
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
	padding: 10px 0;
	z-index: 100;
	background: #fff;
}
.footer-column {
	position: relative; 
	float: left;
	width: 25%;
}

.footer-column svg path {
	font-weight: 300;
}

.footer-column a {
	display: block;
	font-size: 12px;
	color: #88A6C2;
	font-weight: 400;
}

.footer-column:active, .footer-column:link,
.footer-column:focus, .footer-column:visited, .footer-column:hover{
	color: #2C7FFA;
	font-weight: 400;
}
.footer-column:active svg path, .footer-column:link svg path, .footer-column:focus svg path, .footer-column:visited svg path, .footer-column:hover svg path,
.footer-column:active svg rect, .footer-column:link svg rect, .footer-column:focus svg rect, .footer-column:visited svg rect, .footer-column:hover svg rect{
	fill: #2C7FFA !important;
	stroke: #fff !important;
}
.footer-column:active svg, .footer-column:link svg, .footer-column:focus svg, .footer-column:visited svg, .footer-column:hover svg{
	fill: #2C7FFA !important;
	stroke: #fff !important;
}
.footer-column:hover svg circle{
	fill: #2C7FFA !important;
	stroke: #fff !important;
}
.footer-column:link a, .footer-column:visited a, .footer-column:hover a,
	.footer-column:active a, .footer-column:focus a {
	color: #2C7FFA;
	font-weight: 400;
} */

/* 마이페이지 rect 따로 */
.footer-row>div:nth-child(4):active svg rect, 
.footer-row>div:nth-child(4):link svg rect, 
.footer-row>div:nth-child(4):focus svg rect, 
.footer-row>div:nth-child(4):visited svg rect, 
.footer-row>div:nth-child(4):hover svg rect{
	opacity: 0.35;
}

/*        planner        */
.planner {
	position: relative;
	height: calc(100vh - 130px);
	color: #222;
	font-weight: 700;
}
.planner .planner_title{
	font-size: 20px;
	text-align: center;
	margin: 40px 0 24px;
}
.planner .art_choice li{
	z-index: 10;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 16px;
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
}
.planner .art_choice li a{
	display: inline-block;
	width: 100%;
	position: relative;
}
.planner .art_choice li a::after{
	position: absolute;
	display: block;
	content:'';
	right: 0;
	top:14px;
	background: url('/images/plan/arrow-black.svg') no-repeat;
	width: 43px;
	height: 14px;
}
.planner .art_choice li a img{
	vertical-align: middle;
	margin-right: 16px;
}
.planner .art_choice li a span{
	font-size: 16px;
	vertical-align: middle;
}
.planner .plan_image {
	position: absolute;
	bottom: -15px;
	right: -17px;
	padding: 0;
}



/*        careplus        */
.careplus {
	position: relative;
	height: calc(100vh - 130px);
	color: #222;
	font-weight: 700;
}
.careplus .careplus_title{
	font-size: 20px;
	text-align: center;
	margin: 40px 0 24px;
}
.careplus .art_choice li{
	z-index: 10;
	background-color: #fff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 16px;
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
}
.careplus .art_choice li a{
	display: inline-block;
	width: 100%;
	position: relative;
}
.careplus .art_choice li a::after{
	position: absolute;
	display: block;
	content:'';
	right: 0;
	top:14px;
	background: url('/images/pillgram/arrow-black.svg') no-repeat;
	width: 32px;
	height: 32px;
}
.careplus .art_choice li a img{
	vertical-align: middle;
	margin-right: 16px;
}
.careplus .art_choice li a span{
	font-size: 16px;
	vertical-align: middle;
}
.careplus .careplus_image {
	position: absolute;
	width: calc(100% - 28px);
	left: 50%;
	transform: translateX(-50%);
	bottom: 24px;
}
.careplus .careplus_image img {
	width: 100%;
}


/*      login       */
@media screen and (max-width: 768px) {
	.login:before {
		background: #fff;
	}
	.login .tabs ul {
		background: #E9EFF4;
		height: 48px;
		line-height: 48px;
		padding: 4px;
	}
	.login .tabs ul, .login .tabs ul li a, .login .tabs li span, .login .tabs li+li span{
		border-radius: 24px;
	}

	.login .tabs li a {
		background: #E9EFF4;
		height: 40px;
		line-height: 40px;
		padding: 0;
	}
	.login .tabs li a span {
		background: #E9EFF4;
	    font-size: 16px;
		font-weight: 700;
	}
	.login .tabs li.act a span {
		background: #fff;
	}
	.login .tabs li.act a span {
		line-height: 40px;
		color: #1875FF;
	}
	.login .code_area .ico_arrow, .login .code_area .ico_sch {
		border-radius: 8px;
		height: 56px;
		line-height: 56px;
	}
	.login .code_area .ico_arrow {
		background: #1875FF;
		color: #fff;
		width: 100%;
	}
	.login .code_area .ico_sch {
		background: #6186A8;
		width: 100%;
		margin-left: -15px;
		border: none;
		color: #fff;
	}
	.login .ico_arrow:after, .login .ico_sch:after {
		background: none;
	}
	.login .box_top>p {
		display: none;
	}
	.easy_Rbox, .easy_Lbox {
		box-shadow: none;
	}
	.easy_Lbox .box_top {
		max-height: 180px;
		padding: 28px 0 0;
	}
	.easy_Lbox .easy_cpbox.on .box_top{
	    max-height:208px;
	}
	.login .box_top dl>:first-child {
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		color: #111;
		margin: 0 0 24px;
	}
	.login .btn_back{
	   display: none;
	}
	.login .box_top img{
	   margin-top: 0;
	}
	.easy_Lbox .box_top img{
	   width: 124px;
	   margin-right: 4px;
    }
	.login .easy_Lbox .login_text {
		padding: 10px 10px 10px 0;
		font-size: 13px;
		color: #595959;
		text-align: left;
		line-height: 20px;
	}

	.login .code_area {
		margin: 0;
		width: 100%;
	}
	.login input[type="text"], .login input[type="password"] {
		border-radius: 4px;
		border: 1px solid #CECECE;
	}
	.easy_Lbox .box_bottom .sel_ul .company_code label{
	   color: #595959;
	   font-weight: 700;
	}
	
	/*       기업회원         */
	.login .easy_cpbox {
		background: #fff;
	}
	.login .easy_cpbox.on ul.sel_ul{
	    margin-top: 24px;
	}
	.code_area ul.sel_ul #cp_msg{
	    margin-bottom: 0;
	}
	.login  .box_top dd span.imp {
		color: #0d1d96;
	}
	.modal_addfamily table td ul {
		text-align: -webkit-center;
	}
	.pop_btnArea .btnArea_save {
		width: 340px;
		border-radius: 8px;
		background: #06A5EA;
		height: 50px;
		line-height: 50px;
	}
	/*        mypage         */
	.mypage{
	    margin-top: 45px;
	}
	.mypage_top {
		background: #458EE8;
		color: #fff;
	}
	.mypage_top>:first-child {
		font-size: 22px;
		text-decoration: underline;
	}
	.mypage_top>:first-child a {
		color: #fff;
		font-weight: 300;
	}
	.mypage_top>:first-child img {
		margin: 0 0 20px;
	    width: 6px;
	    height: 12px;
	}
	.mypage_top ul>:nth-child(2), .mypage_top ul>:nth-child(3) {
		font-size: 14px;
		margin: 10px 32px 10px 0;
		float: left;
	}
	.mypage_top ul>:nth-child(2) img, .mypage_top ul>:nth-child(3) img {
		margin: 4px 0 0 8px;
		width: 8px;
	}
	.mypage_image img {
	transform: rotate(0deg);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	right: 0;
    }
    .mypage_login_before{
      padding: 60px 0 60px 26px;
    }
    .mypage_login_before a img{
      width: 8px;
      height: 14px;
    }
    .mypage_login_after{
      display: flex;
      justify-content: space-between;
      padding: 40px 0 10px 26px;
    }
    .mypage_login_after ul >:first-child{
    font-size: 18px;
    }
	.mypage_top .mark {
		color: #fff;
		border-radius: 10px;
	}
	
	/* mypage_icon 수정 */
	.mypage_icon {
		display: flex;
		padding: 32px 24px;
	}
	.mypage_icon div {
		flex: 1;
		padding-top: 56px;
		text-align: center;
		color: #112C43;
		font-size: 14px;
		font-weight: 600;
	}
	.mypage_icon .ico_01 {
		background: url(../images/mypage/mypage_icon_01.svg) no-repeat top center;
	}
	.mypage_icon .ico_02 {
		background: url(../images/mypage/mypage_icon_02.svg) no-repeat top center;
	}
	.mypage_icon .ico_03 {
		background: url(../images/mypage/mypage_icon_03.svg) no-repeat top center;
	}
	
	/* mypage_bottom 수정 */
	.mypage_bottom {
		padding-bottom: 64px;
	}
	.mypage_bottom .bottom__inner {
		display: flex;
		flex-direction: column;
	}
	
	.mypage_bottom .bottom__inner dl {
		padding: 24px 32px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.mypage_bottom .bottom__inner dt {
		color: #112C43;
		font-size: 14px;
		font-weight: 600;
	}
	.mypage_bottom .bottom__inner dd {
		width: 24px;
		height: 24px;
		background: url(../images/common/my_arrow.svg) no-repeat center / 24px;
	}
	.mypage_bottom .bottom__inner dl:first-child {
		padding-left: 96px;
		border-top: 8px solid #f0f0f0;
		border-bottom: 8px solid #f0f0f0;
		background: url(../images/pillgram/app_icn_careplus2_40px.svg) no-repeat left 32px center / 40px;
	}
	.mypage_bottom .inner__bottom {
		display: flex;
		margin-top: 24px;
	}
	.mypage_bottom .inner__bottom div {
		position: relative;
		flex: 1;
		text-align: center;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		color: #777;
	}
	.mypage_bottom .inner__bottom div:first-child::after {
		content:"";
		position: absolute;
		right: 0;
		top: 12px;
		height: 16px;
		width: 1px;
		background: #777;
	}

	#daelimbtn{
      width: 100%;
   } 
	/*         event          */
	.event .tabs {
		padding: 30px 40px;
	}
	.event .tabs ul {
		background: #EBEBEB;
	}
	.event .tabs ul, .login .tabs ul li a, .login .tabs li span, .login .tabs li+li span{
		border-radius: 24px;
	}
	.event .tabs li a {
		background: #ededed;
		border-radius: 25px;
	}
	.event .tabs li span {
		min-height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.event .tabs li.act a {
		background: #06A5EA;
	}
	.event .tabs li+li span {
		border-radius: 25px;
	}
	.event .code_area .ico_arrow, .event .code_area .ico_sch {
		border-radius: 24px;
		height: 44px;
		line-height: 44px;
	}
	.event .code_area .ico_arrow {
		background: #06A5EA;
		color: #fff;
	}
	.event .code_area .ico_sch {
		background: #6186A8;
		width: 100%;
		margin-left: -15px;
	}
	.event .ico_arrow:after, .event .ico_sch:after {
		background: none;
	}
	.checkup_plan .planother_text {
		font-size: 14px;
	}
	.checkup_plan .reserv_button ul{
	    margin: 0 16px;
	}
	.checkup_plan ul .btn_planother{
	    width: 100%;
	    height: 56px;
	    line-height: 56px;
	    border-radius: 8px;
	}
	.checkup_plan ul .btn_planother a{
	    font-size: 16px;
	}
    .checkup_plan ul .btn_planother a::after{
        top:22px;
    }
}
/*nexthospital*/
small .small {
	font-size: 80%;
}

.text-muted {
	color: #777;
}

.counselAgree {
	width: 100%;
	margin: 0 auto;
}

.counselAgree div {
	margin: 20px 0;
	text-align: center;
	font-weight: bold;
	color: #666;
	letter-spacing: -1px;
}

input[id="ckh1"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#enrol_mobile_img_pick_button {
	margin: 0 35%;
	width: 30%;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: 500;
}

.sub_tab ul.ea2 li {
	width: 33.3333%;
}

/* The Modal (background) */
.modal_hospital{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_hospital .modal-content{
	margin: auto;
	display: block;
	max-width: 500px;
	padding: 10px;
}

/* Add Animation */
.modal_hospital .modal-content{
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform: scale(0)
}

to {
	-webkit-transform: scale(1)
}
}
@keyframes zoom {
	from {transform: scale(0)
}
to {
	transform: scale(1)
}
}
.nextHospital .inquiry_form table #dropZone {
	background: #f9f9f9;
	height:130px;
	padding: 0 57px;
	box-sizing: border-box;
	font-size: 16px;
	border-radius: 8px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #929292;
}
.nextHospital .inquiry_form table #dropZone img{
	margin-right: 17px;
}
.nextHospital .inquiry_form .cancle_btn{
	width: 88px;
	height: 36px;
	line-height:17px;
	background:#777;
	border-radius: 2px;
	margin-left: 8px;
}

/* The Close Button */
.modal_hospital .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	z-index: 10000;
}

.modal_hospital .close:hover, .modal_hospital .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_hospital .modal-content {
		width: 100%;
	}
}

.modal_hospital .modal_title {
	margin: 10px 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.modal_hospital .modal_term {
	margin: 0 20px;
}

.modal_hospital .modal_send {
	margin: 30px 20px;
}

.modal_hospital .modal_send_sub {
	color: #333333;
}

.modal_hospital .modal_send_text {
	margin: 5px 0;
	border: solid 1px #bbb;
	padding: 10px;
}

.modal_hospital .modal_bottom {
	text-align: center;
}

.modal_hospital .modal_button {
	margin: 10px;
	border: solid 1px #eee;
	padding: 5px 10px;
	border-radius: 10px;
}

.modal_hospital .modal_button:hover {
	color: #555;
	background-color: #eee;
}

#agreeModal .modal-content {
	text-align: center;
	width: 200px;
}

@media ( max-width : 479px) {
	.counselAgree {
		width: 300px;
	}
	#enrol_mobile_img_pick_button {
		margin: 0;
		width: 100%;
		height: 44px;
		font-size: 14px;
		color: #595959;
	}
	.fmb_list_choice>:last-child dl {
		padding: 6px;
	}
	#meta-search {
		width: 100%;
		padding: 12px 40px;
		border-radius: 8px;
		margin-left: -10px;
	}
}
/*        jsp 파일에 있던 css           */
.scrolltop { /*top.html, mhome.jsp*/ 
	display: none;
	position: fixed; 
	left: 50px; 
	top: 5px;
	right: 10px;
	bottom: 60px;
	z-index: 1280;
	font-size: 1.875rem; 
	color: #868e96;
	transition: all 0.5s ease-in-out; 
	opacity: 0.8;
}

.scrolltop:hover, .scrolltop:focus {
	color: #dc3545;
	transition: all 0.5s ease-in-out;
}

/*eztest.jsp*/
.form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.form-inline label {
	margin: 5px 10px 5px 0;
}

.form-inline input {
	vertical-align: middle;
	margin: 5px 10px 5px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.form-inline a {
	padding: 10px 20px;
	background-color: #5793c1;
	border: 0px solid #5793c1;
	color: white;
	cursor: pointer;
}

.form-inline button:hover {
	background-color: royalblue;
}
/*userchoicelnn.jsp, planOthers*/
.form-inline {
	cursor: pointer;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.form-inline label {
	margin: 5px 10px 5px 0;
}

.form-inline input {
	vertical-align: middle;
	margin: 5px 10px 5px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.form-inline a {
	padding: 10px 20px;
	background-color: #5793c1;
	border: 0px solid #5793c1;
	color: white;
	cursor: pointer;
	text-align: center;
}

.form-inline button:hover {
	background-color: royalblue;
}

/*appdown.jsp*/
.error_page {
	text-align: center;
    position:relative;
	width: 100%;
	height: 100%;
	background: url(/images/common/error.svg);
	background-repeat: no-repeat;
}

.error_inner, .appDown_cont {
   position: absolute;
   top:50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}
.error_page dl {
	margin-bottom: 80px
}
.error_page dt {
	font-size: 80px;
	font-weight: 700;
	color: #06A5EA;
	margin-bottom: 30px
}

.error_page dd {
	font-size: 22px;
	font-weight:400;
	color: #222;
	line-height: 40px;
}
.error_page button{
	width: 306px;
	height: 44px;
	line-height: 44px;
	border-radius: 28px;
	background: #06A5EA;
}
.error_page button a{
	color: #fff;
	font-size: 18px;
}

/* 24.01 appDown */
.appDown {
	position: relative;
	width: 100%;
	height: 100vh;
	display: grid;
	place-items: center;
	background: #F8F8F8;
}
.appdown-wrap {
	line-height: 1.4;
	padding-left: 700px;
	background: url(/images/app_download/img_careheAppDown.png) no-repeat left center / 620px;
}
.appdown-wrap .hancom_logo {
	position: absolute;
	top: 40px;
	right: 80px;
}
.appdown-wrap .blue {
	font-size: 18px;
	color: #2C7FFA;
}
.appdown-wrap .blue b {
	font-weight: 600;
}
.appdown-wrap .gray {
	margin: 24px 0 48px;
	font-size: 16px;
	color: #595959;
}
.appdown-wrap .QR_code ul {
	display: flex;
	gap: 56px;
}
.appdown-wrap .QR_code ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.appdown-wrap .QR_code ul li > img {
	margin: 16px 0 24px;
}
.appdown-wrap .appDown_btn {
	text-align: center;
	margin-top: 56px;
	width: 428px;
}
.appdown-wrap .appDown_btn a {
	font-size: 16px;
	font-weight: 600;
	color: #929292;
	display: inline-block;
}
.appdown-wrap .appDown_btn a:hover {
	text-decoration: underline;
}

@media only all and (max-width:768px) {
.appDown {
	height: unset;
	min-height: 100vh;
	display: block;
	padding: 56px 16px 0;
}
.appdown-wrap {
	background: url(/images/app_download/img_careheAppDown.png) no-repeat top 176px center / 340px;
	padding-left: 0;
}
.appdown-wrap .hancom_logo {
	width: 96px;
	top: 16px;
	right: 16px;
}
.appdown-wrap .blue {
	text-align: left;
	margin: 24px 0 16px;
}
.appdown-wrap .gray {
	font-size: 14px;	
	text-align: center;
}
.appdown-wrap .carehe_logo {
	width: 184px;
	padding-bottom: 348px;
}
/* 24.05 다운로드 버튼으로 변경 */
.appdown-wrap .mobile_dwn {
	position: sticky;
	bottom: 32px;
	text-align: center;
}
.appdown-wrap .mobile_dwn button {
	width: 100%;
	max-width: 360px;
	height: 64px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 50px;
	background: #2C7FFA url(/images/common/Download.svg) no-repeat right 40px center;
	box-shadow: 0px 4px 8px 0px rgba(24, 117, 255, 0.24);
	font-family: Pretendard;
}

.appdown-wrap .QR_code {
	width: 100%;
}
.appdown-wrap .QR_code ul {
	gap: 16px;
	justify-content: center;
}
.appdown-wrap .QR_code ul li > img {
	width: 96px;
}
.appdown-wrap .QR_code ul li a img {
	width: 148px;
}
.appdown-wrap .appDown_btn {
	width: unset;
	padding-bottom: 160px;
}
	
	
}

.error_page .center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
}

.error_page .button {
	background-color: #06A5EA;
	border: none;
	color: white;
	width:306px;
	height:56px;
	line-height:56px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}
/*checkupreservlnn.jsp, checkupreservupdatelnn.jsp, hospitalChoiceb2blnn.jsp*/
.btn {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 11px 12px;
	font-size: 16px;
	cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
	background-color: RoyalBlue;
}

.myView {
	width: 100%;
	padding: 20px 40px;
	text-align: left;
	background-color: #f8f8f8;
	/* margin-top: 20px; */
	display: none;
}
/*reservlisandcancellnn*/
.css-button-rounded {
	color: #fff;
	display: block;
	margin: 0 auto 10px;
	text-align: center;
	text-decoration: none;
	width: 140px;
	height: 40px;
	line-height:40px;
	border-radius: 8px;
}

@media only all and (max-width:768px) {
	.error_page{
	   text-align: center;
	}
	/* .appDown>img{
	   width: 175px;
	   left:50%;
	   transform:translate(-50%,0);
	}
    .appdown-wrap .appdown-inner ul li:nth-child(1){
       display: none;
    }
    .appdown-wrap .appdown-inner ul li:nth-child(2){
       text-align: center;
       padding-top: 103px;
    }
    .appdown-wrap .appdown-inner ul li:nth-child(2) img:nth-child(2){
       width: 274px;
       margin: 16px 0;
    }
    .appdown-wrap .appdown-inner ul li:nth-child(2) p:nth-child(3){
       font-size: 14px;
       white-space: pre-wrap;
    }
    .appdown-wrap .appdown-inner ul li .QR {
       margin: 40px 0 0;
       justify-content: center;
    }
    .appdown-wrap .appdown-inner ul li .QR dd{
       display: block;
    }
    .appdown-wrap .appdown-inner ul li .QR dd p:nth-child(1){
       font-size: 14px;
    }
    .appdown-wrap .appdown-inner ul li .QR dd img:nth-child(2){
       width: 104px;
    }
    .appdown-wrap .appdown-inner ul li .QR dd img:nth-child(3){
       width: 132px;
    }
    .appdown-wrap .appdown-inner ul {
       display: block;
    } */
    .error_page .button{
       width: 248px;
       height: 48px;
       line-height: 48px;
       padding: 0;
       font-size: 16px;
       margin-top: 56px;
    }
 .error_page {
	background: url(/images/common/m_error.svg) bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
} 
.error_page  .error_inner img{
	width: 120px;
}
.error_page  .error_inner p{
	font-size: 16px !important;
}
.error_page  .error_inner dl dt{
	font-size: 30px !important;
}
.error_page dl {
		margin-top: 30px;
		margin-bottom: 20px
}
.error_page dt {
		font-size: 35px;
		margin-bottom: 15px
}
.error_page dd {
		font-size: 14px;
		line-height: 23px;
		padding: 0 16px; 
}
.error_page button{
	width: 180px;
	height: 30px;
	line-height: 30px;
}
.error_page button a{
	font-size: 14px;
}
}

@media screen and (max-width:1100px) {
	.css-button-rounded {
		margin: 0 auto;
		margin-bottom: 10px;
	}
}
/*chkresultlnn*/
#goBtn {
	display: none;
	position: fixed;
	bottom: 70px;
	right: 30px;
	z-index: 99999;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #7a7a7a;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	opacity: 0.8;
}

#goBtn:hover {
	background-color: #555;
}

#goHospital {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 100px;
	z-index: 99999;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: gray;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}

#goHospital:hover {
	background-color: #555;
}

.metabolicTable {
	align-self: center;
	margin: 50px auto 0 auto;
}

.metabolicTable tr {
	height: 50px;
	border-bottom: solid 4px #eee;
}

.metabolicTable th, .metabolicTable td {
	width: 500px;
	text-align: center;
}

.metabolicTable th:first-child, .metabolicTable td:first-child {
	width: 300px;
}

.metabolicText {
	color: #aaa;
}

.sub_tab ul.ea2 li {
	width: 33.3333%;
}
/*chkinfonn*/
.health_content .container {
	padding: 16px;
	background-color: #fff;
	height: 100%;
}

/* Center website */
.health_content .main {
	max-width: 1000px;
	margin: auto;
}

.health_content h1 {
	font-size: 50px;
	word-break: break-all;
}

.health_content .row {
	margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.health_content .row, .health_content  .row>.column {
	padding: 8px;
}

/* Create four equal columns that floats next to each other */
.health_content .column {
	float: left;
	width: 50%;
}

/* Clear floats after rows */
.health_content .row:after {
	content: "";
	display: table;
	clear: both;
}

/* Content */
.health_content .content {
	background-color: white;
	padding: 10px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
	.health_content .column {
		width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.health_content  .column {
		width: 100%;
	}
}

/* The Modal (background) */
.health_content .modal {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}

/* Modal Content */
.health_content  .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}

/* The Close Button */
.health_content .close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.health_content .close:hover, .health_content .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.health_content .mySlides {
	display: none;
}

.health_content .cursor {
	cursor: pointer;
}

/* Next & previous buttons */
.health_content .prev, .health_content .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: #888;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.health_content .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.health_content .prev:hover, .health_content .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.health_content .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

.health_content img {
	margin-bottom: -4px;
}

/*nexthospitallnn*/
.nextHospital{
	font-family: 'Noto Sans KR', '맑은 고딕', 'Roboto', 'AppleGothic', Dotum, sans-serif;
	line-height: 1.3;
}
.nextHospital .mmtit{
	margin-top: 2px;
}

.modal_nextHospital .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_nextHospital .modal-content {
	margin: auto;
	display: block;
	max-width: 500px;
	padding: 10px;
}

/* Add Animation */
.modal_nextHospital .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_nextHospital .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	z-index: 10000;
}

.modal_nextHospital .close:hover, .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
	}
}

.modal_nextHospital .modal_title {
	margin: 10px 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.modal_nextHospital .modal_term {
	margin: 0 20px;
}

.modal_nextHospital .modal_send {
	margin: 30px 20px;
}

.modal_nextHospital .modal_send_sub {
	color: #333333;
}

.modal_nextHospital .modal_send_text {
	margin: 5px 0;
	border: solid 1px #bbb;
	padding: 10px;
}

.modal_nextHospital .modal_bottom {
	text-align: center;
}

.modal_nextHospital .modal_button {
	margin: 10px;
	border: solid 1px #eee;
	padding: 5px 10px;
	border-radius: 10px;
}

.modal_nextHospital .modal_button:hover {
	color: #555;
	background-color: #eee;
}

#agreeModal .modal-content {
	text-align: center;
	width: 200px;
}

.modal_meta #modal_loading {
	text-align: center;
	position: absolute;
	z-index: 12;
	top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal_meta #modal_loading img {
	width: 50%;
}
.modal_meta #modal_loading div {
	font-family: Noto Sans KR;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0em;
}
/*chkresultlnn*/
/* The Modal (background) */
.modal_chkresult .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_chkresult .modal-content {
	margin: auto;
	display: block;
	max-width: 500px;
	padding: 10px;
	background-color: #fff;
}

/* Add Animation */
.modal_chkresult .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}


/* The Close Button */
.modal_chkresult .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	z-index: 10000;
}

.modal_chkresult .close:hover, .modal_chkresult .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_chkresult .modal-content {
		width: 100%;
	}
}

.modal_chkresult .modal_title {
	margin: 10px 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.modal_chkresult .modal_term {
	margin: 30px 20px;
}

.modal_chkresult .modal_term_detail {
	margin: 10px -10px;
	border: solid 1px #ccc;
	padding: 10px 10px 20px 10px;
	line-height: 180%;
}

.modal_chkresult .modal_send {
	margin: 30px 20px;
}

.modal_chkresult .modal_send_sub {
	color: #333333;
}

.modal_chkresult .modal_send_text {
	margin: 5px 0;
	border: solid 1px #bbb;
	padding: 10px;
}

.modal_chkresult .modal_bottom {
	text-align: center;
}

.modal_chkresult .modal_button {
	margin: 10px;
	border: solid 1px #eee;
	padding: 5px 10px;
	border-radius: 10px;
}

.modal_chkresult .modal_button:hover {
	color: #555;
	background-color: #eee;
}

.modal #modal_loading {
	text-align: center;
}

.modal .modal_loading .modal__inner{
	background: none;
}
.modal .modal_loading .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 0 auto 32px;
}
.modal .modal_loading .modal__inner p{
    color: #fff;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*metabolicinforinn*/
small .small {
	font-size: 80%;
}

.text-muted {
	color: #777;
}

.mark {
	padding: 0;
}

.footer p {
	margin-bottom: 0;
}

.meta_form {
	margin-left: 2%;
	font-size: 1.0em;
}

.meta_form dt, .meta_form dd {
	height: 40px;
	margin: 5px 0;
}

.meta_form dt {
	color: #555;
	display: inline-block;
	width: 150px;
}

.meta_form dd {
	display: inline-block;
}

.input_meta input {
	height: 40px;
}

.input_meta input[type=text] {
	padding-left: 10px;
	width: 150px;
	font-size: 14px;
	font-weight: 300;
}

.input_meta input[type=date] {
	width: 150px;
}

#male, #female {
	margin-left: 30px;
}

.input_cap {
	color: #999;
	font-size: 12px;
}

.meta-button {
	border-radius: 28px;
	color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	margin: 0 5px;
}

.meta-button-wrap {
	margin-top: 30px;
	text-align: center;
}
.meta-button-wrap #meta-download{
	border: 1px solid #0074DD;
	color:#0074DD;
	background: #fff!important;
}
.ui-datepicker-year, .ui-datepicker-month {
	height: 100%;
	padding-left: 5px;
}

.meta-unit {
	text-align: right;
	color: #ccc;
	display: inline-block;
	margin-left: -60px;
	width: 50px;
	font-weight: 300;
}

@media ( min-width : 479px) {
	.counselAgree {
		width: 300px;
	}
	.meta_form {
		margin-left: 100px;
	}
	.meta_form dt, .meta_form dd {
		height: 40px;
		margin: 5px 0;
	}
	.meta_form dt {
		color: #555;
		display: inline-block;
		font-size: 18px;
		width: 400px;
	}
	.meta_form dd {
		display: inline-block;
	}
	.input_meta input {
		height: 40px;
	}
	.input_meta input[type=text] {
		padding-left: 20px;
		width: 380px;
		font-size: 16px;
	}
	.input_meta input[type=date] {
		width: 150px;
	}
	#male, #female {
		margin-left: 15px;
	}
	.input_cap {
		color: #999;
		font-size: 12px;
	}
	.meta-button {
		border-radius: 8px;
		color: #fff;
		font-size: 18px;
		padding: 15px 50px;
	}
	.meta-button-wrap {
		margin-top: 30px;
		text-align: center;
	}
	.ui-datepicker-year, .ui-datepicker-month {
		height: 100%;
		padding-left: 5px;
	}
	.meta-unit {
		text-align: right;
		color: #ccc;
		display: inline-block;
		margin-left: -60px;
		width: 50px;
	}
}




/*include.footer*/
.bnavbar {
	overflow: hidden;
	background-color: #333;
	z-index: 9999;
	position: fixed;
	bottom: 0;
	width: 100%;
	display: none;
}

.bnavbar a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 11px;
}

.bnavbar a:hover {
	background: #f1f1f1;
	color: black;
}

.bnavbar a.active {
	background-color: #4CAF50;
	color: white;
}

/*include_popmap*/

/* The Modal (background) */
.modal_map .modal, .modal_video {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}
 .modal_video{
    padding-top: 0;
 }
 .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* Modal Content (image) */
.modal_map .modal-content{
	margin: auto;
	display: block;
	max-width: 700px;
	padding: 10px;
	min-height: 550px;
}
.modal_video .modal-content{
	margin: auto;
	display: block;
	width:100%;
	padding: 10px;
	height: 100%;
	min-height: 100%;
}
/* Add Animation */
.modal_map .modal-content, .modal_video .modal-content{
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_map .close{
	z-index: 10000; /* Sit on top */
	color: #000000;
	position: absolute;
	right: 15px;
	padding-top: 5px;
	font-size: 48px;
	font-weight: bold;
	display: none;
}
.modal_video .close{
	z-index: 10000; /* Sit on top */
	color: #fff;
	position: absolute;
	right: 15px;
	padding-top: 5px;
	font-size: 48px;
	font-weight: bold;
	display: none;
}
.modal_map .close:hover, .modal_map .close:focus, .modal_video .close:hover, .modal_video .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	.modal_video .close{
	z-index: 10000; /* Sit on top */
	color: #222;
	position: absolute;
	left: 15px;
	padding-top: 5px;
	font-size: 48px;
	font-weight: bold;
	display: none;
	text-align: left;
  }
  .modal #modal_loading .modal__inner p{
	font-size: 14px;
  }
  /*tilko loading popup*/
  .modal .tilko_modal_loading .modal__inner{
	background: #fff;
	width: 100vw;
	height: 101vh;
	border-top:0;   
  }
  .modal .tilko_modal_loading .modal__inner p{
	position: absolute;
	z-index: 100;
	width: 100%;
  }
  .modal .tilko_modal_loading .modal__inner p:nth-child(1){
	color: #06A5EA;
	font-weight: 500;
	top:38%;left:50%;
	transform: translate(-50%, -38%);
	font-size: 16px;
  }
  .modal .tilko_modal_loading .modal__inner p:nth-child(3){
	color: #595959;
	font-weight: 300;
	top:61%;left:50%;
	transform: translate(-50%, -61%);
	font-size: 14px;
  }
  .modal .tilko_modal_loading .loading{
	display: flex;
    justify-content: center;
    top:48%;left: 50%;
    transform: translate(-50%, -48%);
    height: 70px;
    text-align: center;
  }
  .modal .tilko_modal_loading .loading div{
	width: 1rem;
    height: 1rem;
    margin: 2rem 0.3rem;
    background: #06A5EA;
    border-radius: 50%;
    animation: 0.9s bounce infinite alternate;
  }
  .modal .tilko_modal_loading .loading div:nth-child(2){
	animation-delay: 0.3s;
  }
  .modal .tilko_modal_loading .loading div:nth-child(3){
	animation-delay: 0.6s;
  }
@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1rem, 0);
  }
}
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_map .modal-content {
		width: 100%;
		height: 80%;
	}
}

.modal_map .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
	position: relative;
	background: #fffff0;
}
/*include_popmsg*/
.modal_popmsg .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_popmsg .modal-content {
	margin: auto;
	display: block;
	max-width: 700px;
	padding: 10px;
}
/* Add Animation */
.modal_popmsg .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_popmsg .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	display: none;
}

.modal_popmsg .close:hover, .modal_popmsg .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_popmsg .modal-content {
		width: 100%;
	}
}

.modal_popmsg .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
	position: relative;
}

/*loginlnn.jsp*/
.btn-group .button {
	background-color: #063244;
	border: 1px solid #063244;
	color: white;
	padding: 15px 22px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}

.btn-group .button:not(:last-child) {
	border-right: none; /* Prevent double borders */
}

.btn-group .button:hover {
	background-color: #3e8e41;
}

.modal_memIdSch {
	margin: 100px;
}

.modal {
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100vw;
	z-index: 110;
}
.modal .modal_video{
	z-index: 300!important;
}
.modal_login .modal-back {
	background-color: #000;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.modal_login .modal-box {
	background-color: #fff;
	box-shadow: 10px 10px 100px 10px #00000022;
	height: 50%;
	margin: auto;
	position: relative;
	top: 20%;
	width: 25%;
	z-index: 2;
	min-width: 300px;
}

.modal_login .modal-header {
	background-color: #127098;
	color: #fff;
	height: 13%;
	font-size: 1.5em;
	padding-top: 3%;
}

.modal_login .close {
	color: #fff;
	float: right;
	font-size: 48px;
	margin: -15px 5px 0 0;
}

.modal_login .close:hover, .modal_login .close:focus {
	color: #598496;
	text-decoration: none;
	cursor: pointer;
}

.modal_login .modal-content {
	font-size: 18px;
	height: 67%;
}

#login-modal-findpw_wrap {
	top: 0;
	left: 0;
	height: 100vh;
	position: fixed;
	width: 100vw;
}

#login-modal-findpw_back {
	background-color: #333;
	top: 0;
	left: 0;
	height: 100vh;
	position: absolute;
	width: 100vw;
	opacity: 0.4;
}

#login-modal-findpw {
	background-color: #FFF;
	position: absolute;
	width: 500px;
	left: 35%;
	top: 10%;
}

.login-modal-findpw-content {
	text-align: center;
	padding: 0 32px;
}

.modal-findpw-step_box {
	display: none;
}
#login-modal-findpw-step1{
	margin: 20px 0 40px 0;
}
#login-modal-findpw-step1 input[type='radio'] {
	margin-bottom: 10%;
}
#login-modal-findpw-step1 input[type='radio']+label{
	font-size: 16px;
	padding-left: 30px;
	color: #777;
	font-weight: 500;
	margin:0 14px;
}
#login-modal-findpw-step1 input[type='radio']+label:checked{
	color: #444;
}
#login-modal-findpw-step1 input[type='text'] {
	margin:4px 0;
	width: 100%;
	max-width:328px;
	height: 48px;
}
#login-modal-findpw-step1 #cpnmForPwd{
	width: 236px;
}
#login-modal-findpw-step1 select {
	margin-top: 10%;
}
#login-modal-findpw-step1 #login-modal-id-notice{
	font-size: 16px;
	color: #777;
	font-weight: 500;
	margin: 24px 0 32px 0;
}
#login-modal-findpw-step1 .result_list{
	border:none;
}
#login-modal-findpw-step1 .sch_area{
	margin-bottom: 0;
	padding-right: 95px;
}
#login-modal-findpw-step1 .sch_area dd a{
	width: 84px;
	height: 48px;
	line-height: 48px;
	background: #777;
	color: #fff;
	border-radius: 4px;
}
#login-modal-findpw-step2 {
	padding: 40px 32px 82px 32px;
}
#login-modal-findpw-step2 .modal-findpw-explain-text{
	font-size: 16px;
	color: #444;
	line-height: 23px;
}
#login-modal-findpw-step3 {
	padding:40px 32px 60px 32px;
}
#login-modal-findpw-step3 >:first-child{
	font-size: 16px;
	color: #444;
}
#login-modal-findpw-step3 b{
	color: #777;
}
#findpw-timer {
	display: inline-block;
	width: 100%;
}
#login-modal-findpw-step3 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#login-modal-findpw-cert-num {
	font-size: 1.4em;
	margin: 30px 0 10px 0;
	width: 100%;
	border:1px solid #CECECE;
	height: 48px;
	line-height: 48px;
	padding: 10px 12px;
	border-radius: 4px;
}
#login-modal-findpw-cert-num::placeholder{
	font-size: 14px;
    font-weight: 300;
}

#login-modal-findpw-step4 {
	padding: 40px 54px 38px;
}
#login-modal-findpw-step4 p{
	font-size: 16px;
	color: #444;
	line-height: 23px;
	margin-bottom: 40px;
}
#login-modal-findpw-step4 * {
	display: inline-block;
}

#login-modal-findpw-step4 .findpw-caption1 {
	font-size: 14px;
	color:#444;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}

#login-modal-findpw-step4 .findpw-caption2 {
	color: #ff1414;
	display: none;
	font-size: 14px;
	margin-bottom:14px;
	text-align: left;
}

#login-modal-findpw-step4 input {
	margin: 4px 0 8px 0;
	width: 100%;
}

#login-modal-findpw .modal-footer {
	margin: 0 32px 0 32px;
	text-align: center;
	border-top:1px solid #777;
	padding: 40px 0 30px 0;
}

.findpw-bottom-button {
	background-color: #06A5EA; 
	border-radius:8px;
	color: #fff;
	display: inline-block;
    width: 255px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    margin: 0 3px 24px 3px;
}
#findpw-pre-button{
	background: #999;
	width: 162px;
}

.modal-findpw-step {
	background:#c4c4c4;
	border-radius: 50%;
	display: inline-block;
	height:8px;
	width: 8px;
	margin: 0 8px;
}

.modal-findpw-selected-step {
	border: none;
	background-color: #06a5ea;
}
#login-modal-findpw-company-list{
	width: 328px;
	margin: 0 auto;
}
#login-modal-findpw-company-list .sch_area dd{
	margin-top: 4px;
}#login-modal-findpw-company-list .result_list li dl dt{
	font-size: 14px;
    color:#222;
	text-align: left;
	font-weight: 300;
}
#login-modal-findpw-company-list .result_list li dl dd a{
	background: #fff;
	border:1px solid #008BC8;
	width: 76px;
	height: 28px;
	line-height: 26px;
	border-radius: 18px;
	color: #008BC8;
	margin-top: 8px;
}
@media only screen and (max-width: 700px) {
	.modal_login .modal-box {
		top: 2%;
	}
	#login-modal-findpw {
		height: 100%;
		left: 0;
		min-width: 360px;
		top: 0;
		width: 100%;
		z-index: 11;
	}
	.login-modal-findpw-content {
	    padding: 0 16px;
	}
	#login-modal-findpw .modal-footer{
	    margin: 0 16px;
	}
	#login-modal-findpw-step2{
	    padding: 40px 32px 70px 32px;
	}
	#login-modal-findpw-step2 .modal-findpw-explain-text{
	    font-size: 14px;
	}
	#login-modal-findpw-step3{
	    padding: 40px 0 60px 0;
	}
	#findpw-pre-button{
	    width: 102px;
	}
	.findpw-bottom-button{
	    width: 210px;
	}
	#login-modal-findpw-step3 >:first-child {
	    font-size: 14px;
	}
	#login-modal-findpw-cert-num{
	    margin: 20px 0 10px 0;
	}
	#login-modal-findpw-step4{
	    padding: 40px 0;
	}
}
/*include_popmsg*/
.modal_popmsg .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_popmsg .modal-content {
	margin: auto;
	display: block;
	max-width: 700px;
	padding: 10px;
}
/* Add Animation */
.modal_popmsg .imgcontainer{
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_popmsg{
	display: none;
	height: 100vh;
	left: 50%;
	position: fixed;
	text-align: center;
	top: 50%;
	z-index: 14;
	transform: translate(-50%, -50%);
	width: auto;
}
.modal_popmsg .close {
	color: #000000;
	position: absolute;
    right:20px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	display: none;
	z-index: 100;
}

.modal_popmsg .close:hover, .modal_popmsg .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
.holiday-modal ul{
	background-color:#fff;
    position:relative;
	font-size: 14px;
	border-radius: 0 0 8px 8px;
}
.holiday-modal ul li{
	float: left;
	width: 50%;
	height: 64px;
	line-height: 64px;
}
.holiday-modal ul li a{
	font-size: 18px;
	color: #595959;
	font-weight: 500;
}
.holiday-modal{
	top:0;
	left:0;
	transform:none;
	width: 100vw;
}
.holiday-modal .imgcontainer{
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	width: 500px;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_popmsg .modal-content {
		width:300px;
		margin-top: 100px;
	}
}

.modal_popmsg .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
}
.modal_popmsg .imgcontainer img{
	position: relative;
	width: 500px;
	padding: 0;
}
@media only screen and (max-width: 480px){
	.holiday-modal .imgcontainer img, .modal_popmsg .imgcontainer img{
	  width: 328px;
	}
	.holiday-modal .imgcontainer{
	    width: 328px;
	}
	.holiday-modal ul li{
	    height: 48px;
	    line-height: 48px;
	}
	.holiday-modal ul li a{
	    font-size: 14px;
	}
}
/*healthinfocomponent*/
.modal_controls .modal {
	display: none;
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: black;
}

.modal_controls section>.container {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 50px;
}

.modal_controls section>.container * {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media ( max-width : 760px) {
	.modal_controls .sectionizr section {
		font-size: 200%
	}
}

.modal_controls .prev, .modal_controls .next {
	position: absolute;
	top: 50%;
	width: auto;
	padding: 20px;
	margin-top: -50px;
	color: white;
	border-radius: 0 3px 3px 0;
	font-weight: bold;
	font-size: 35px;
	z-index: 1012;
}

.modal_controls .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.modal_controls .close {
	color: white;
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	z-index: 1010;
}

#loading {
	height: 100%;
	left: 0px;
	position: fixed;
	_position: absolute;
	top: 0px;
	width: 100%;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.loading {
	background-color: white;
	z-index: 199;
}

#loading_img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 35px;
	z-index: 200;
}

.container_chk img {
	vertical-align: middle;
}

.container_chk .mySlides {
	display: none
}
/* Slideshow container */
.container_chk .slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
	background-color: #ffffff;
}

.container_chk .prev, .container_chk .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -30px;
	padding: 16px;
	color: #888;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.container_chk .next {
	position: absolute;
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.container_chk .prev:hover, .container_chk .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}
/*  */
.container_chk .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.container_chk .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.container_chk .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.container_chk .active, .container_chk .dot:hover {
	background-color: #717171;
}

/* Fading animation */
.container_chk .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4
}

to {
	opacity: 1
}

}
@keyframes fade {
	from {opacity: .4
}

to {
	opacity: 1
}

}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.container_chk .prev, .container_chk .next, .container_chk .text {
		font-size: 11px
	}
}
/**/
.modal_healthevent {
	display: none;
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: black;
}

.modal_healthevent>.container {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 50px;
}

.modal_healthevent>.container * {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media ( max-width : 760px) {
	.modal_healthevent .sectionizr section {
		font-size: 200%
	}
}

.modal_healthevent .prev, .modal_healthevent .next {
	position: absolute;
	top: 50%;
	width: auto;
	padding: 20px;
	margin-top: -50px;
	color: white;
	border-radius: 0 3px 3px 0;
	font-weight: bold;
	font-size: 35px;
	z-index: 1012;
}

.modal_healthevent .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

.modal_healthevent .close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	z-index: 1010;
}

.modal_healthevent .mark {
	padding: 0;
}

.modal_healthevent .footer p {
	margin-bottom: 0;
}
/*nexthospital*/
.ctgColor3 small .small {
	font-size: 80%;
}

.ctgColor3 .text-muted {
	color: #777;
}

.ctgColor3 .mark {
	padding: 0;
}

.ctgColor3 .footer p {
	margin-bottom: 0;
}

.ctgColor3 .mmtit {
	top: -5px;
}

.counselAgree {
	width: 100%;
	margin: 0 auto;
}

.counselAgree div {
	margin: 20px 0;
	text-align: center;
	font-weight: bold;
	color: #666;
	letter-spacing: -1px;
}

@media ( max-width : 479px) {
	.counselAgree {
		width: 300px;
	}
}

input[id="ckh1"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#enrol_mobile_img_pick_button {
	margin: 0 25%;
	width: 50%;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	border-radius: 30px;
}

.sub_tab ul.ea2 li {
	width: 33.3333%;
}



/* The Modal (background) */
.modal_next {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_next .modal-content {
	margin: auto;
	display: block;
	max-width: 500px;
	padding: 10px;
}

/* Add Animation */
.modal_next .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}


/* The Close Button */
.modal_next .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	z-index: 10000;
}

.modal_next .close:hover, .modal_next .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_next .modal-content {
		width: 100%;
	}
}

.modal_next .modal_title {
	margin: 10px 0 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.modal_next .modal_term {
	margin: 0 20px;
}

.modal_next .modal_send {
	margin: 30px 20px;
}

.modal_next .modal_send_sub {
	color: #333333;
}

.modal_next .modal_send_text {
	margin: 5px 0;
	border: solid 1px #bbb;
	padding: 10px;
}

.modal_next .modal_bottom {
	text-align: center;
}

.modal_next .modal_button {
	margin: 10px;
	border: solid 1px #eee;
	padding: 5px 10px;
	border-radius: 10px;
}

.modal_next .modal_button:hover {
	color: #555;
	background-color: #eee;
}

#agreeModal .modal-content {
	text-align: center;
	width: 200px;
}
/*nexthospital*/
small .small {
	font-size: 80%;
}

.text-muted {
	color: #777;
}

.counselAgree {
	width: 100%;
	margin: 0 auto;
}

.counselAgree p {
	height: 150px;
	padding: 20px;
	border: 1px #929292 solid;
	background: #fff;
	overflow: auto;
	border-radius: 8px;
}

.counselAgree div {
	margin: 20px 0;
	text-align: center;
	font-weight: bold;
	color: #666;
	letter-spacing: -1px;
}

input[id="ckh1"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#enrol_mobile_img_pick_button {
	margin: 0 35%;
	width: 30%;
	display: inline-block;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	border-radius: 8px;
	}
@media ( max-width : 480px){
	#enrol_mobile_img_pick_button{
	margin: 0;
	width: 100%;
	height: 44px;
	font-weight: 400;
	color: #595959;
	background: url(/images/common/camera.svg) no-repeat left 37% center;
	padding-left: 24px !important;
	}
	
}
.sub_tab ul .ea2 li {
	width: 33%;
}
.enrol-tip {
	padding: 10px 0 10px 50px;
	text-indent: -50px;
	margin-left: 50px;
}
#enrol-PastSendList {
	width: 100%;
	margin-top: 56px;
}
#enrol-sendList {
	width: 100%;
}
#enrol-sendList th, #enrol-sendList td {
	text-align: center;
	border: 1px solid #e5e5e5;
	height: 40px;
	line-height: 40px;
}
#enrol-sendList th{
	background-color: #f9f9f9;
	font-weight: 500;
}
#enrol-sendList div {
	display: inline-block;
	height: 30px;
}
/* The Modal (background) */
.modal_hospital {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /*      Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_hospital .modal-content {
	margin: auto;
	display: block;
	max-width: 500px;
	padding: 0 !important;
	background-color: #fff;
}

/* Add Animation */
.modal_hospital .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_hospital .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	z-index: 10000;
}

.modal_hospital .close:hover, .modal_hospital .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}


.modal_hospital .modal_title{
	height: 70px;
	line-height:70px;
	background: #008BC8;
	border-top: 4px solid #33C1FF;
	font-size: 24px;
	color: #fff;
	margin: 0;
	font-weight: 500;
}
.modal_hospital .modal_term {
	margin:32px 80px;
	color: #777;
	font-size: 16px;
	line-height: 23px;
}

.modal_hospital .modal_send {
	margin: 30px 20px;
}

.modal_hospital .modal_send_sub {
	color: #333333;
}
.inquiry_form .left{
	display: flex;
}
.inquiry_form .fileName{
	width: 326px;
	border:1px solid #777;
	padding: 8px 16px;
}
.modal_hospital .modal_send_text {
	border: solid 1px #CECECE;
	padding: 39px 65px;
	border-radius: 4px;
	text-align: left;
	line-height: 24px;
}

.modal_hospital .modal_bottom {
	text-align: center;
	width: 100%;
	display: flex;
}

.modal_hospital .modal_button {	
	border: solid 1px #E1E1E1;
	padding: 5px 10px;
	width: 50%;
	margin: 0;
	height:72px;
	line-height:62px;
	border-radius: 0;
	font-size: 18px;
}

#agreeModal .modal-content {
	text-align: center;
	width: 240px;
	border-top: 10px solid #06A5EA;
	border-radius: 0;
}
#agreeModal #modal-agree-text{
	padding: 24px 0;
}
#agreeModal .modal_button{
	height: 39px;
	line-height: 27px;
	font-size: 14px;
	
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 768px) {
	.inquiry_form .fileName{
	    width: 232px;
	}
	.modal_hospital .modal-content {
		width: 100%;
		max-width: 328px;
	}
	.modal_hospital .modal_title{
	    height: 40px;
	    line-height: 35px;
	    font-size: 16px;
	}
	.modal_hospital .modal_term{
	    margin: 32px 18px;
	    font-size: 14px;
	}
	.modal_hospital .modal_send_text{
	    padding: 30px 20px;
	}
	.modal_hospital .modal_button{
	    height: 47px;
	    line-height: 37px;
	}
}

/*surveydetail, messagingdetail*/
.jumbotron img {
	margin-right: 20px;
}

.jumbotron .img-left {
	float: left;
}

.jumbotron .img-right {
	float: right;
}
/*surveyhospital, surveytable*/
.glyphicon-star {
	font-size: 40px;
	color: #e67e22;
}

.glyphicon-star.half {
	position: relative;
}

.glyphicon-star.half:before {
	position: relative;
	z-index: 9;
	width: 47%;
	display: block;
	overflow: hidden;
}

.glyphicon-star.half:after {
	content: '\e006';
	position: absolute;
	z-index: 8;
	color: #bdc3c7;
	top: 0;
	left: 0;
}

.glyphicon-star.disabled {
	color: #bdc3c7;
}
/*surveytable*/
.panel-default .wrap {
	width: 900px;
	background: #eee;
	margin: 5px 10px 5px 20px;
}

.panel-default .wrap table {
	width: 900px;
	table-layout: fixed;
	background: #eee;
}

.panel-default table tr td {
	padding: 5px;
	border: 1px solid #eee;
	width: 100px;
	word-wrap: break-word;
	background: #ffffff;
}

.panel-default table.head tr td {
	width: 900px;
	background: #ffffff;
}

.panel-default .inner_table {
	height: 100px;
	overflow-y: auto;
	overflow-x: none;
	text-align: left;
	background: #ffffff;
}

.panel-default .form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.panel-default .form-inline button {
	padding: 10px 20px;
	background-color: dodgerblue;
	border: 1px solid #ddd;
	color: white;
	cursor: pointer;
}
/*include_modalconfirm*/
/* The Modal (background) */
.modal_include {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal_include .modal-content {
	margin: auto;
	display: block;
	max-width: 400px;
	max-height: 600px;
	padding: 10px;
	background-color: #ffffff; /* Fallback color */
}

/* Add Animation */
.modal_include .modal-content {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

/* The Close Button */
.modal_include .close {
	color: #000000;
	position: absolute;
	right: 7px;
	padding-top: 12px;
	font-size: 28px;
	font-weight: bold;
	display: none;
}

.modal_include .close:hover, .modal_include .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal_include .modal-content {
		width: 100%;
	}
}

.modal_include .imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
	position: relative;
}

.modal_include .button {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}
/*boarddetail*/
.board_detail .slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.board_detail .prev, .board_detail .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: gray;
	font-weight: bold;
	font-size: 28px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.board_detail .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.board_detail .prev:hover, .board_detail .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.board_detail .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.board_detailv .numbertext {
	color: gray;
	font-size: 22px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.board_detail .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.board_detail .active, .dot:hover {
	background-color: #717171;
}

/* Fading animation */
.board_detail .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
	.board_detail .prev, .board_detail .next, .board_detail .text {
		font-size: 11px;
	}
}
/*boardlist*/
#list td {
	text-align: unset;
}

.disabled {
	pointer-events: none;
	opacity: 0.4;
}

.center_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.right_container {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
/*admincompanyyearsetting*/
.scrolltbody {
	display: block;
	width: 100%;
	border-collapse: collapse;
	border: 0px solid gray;
}

.scrolltbody td {
	border: 1px solid gray;
	border-top: 0;
}

.scrolltbody tbody {
	display: block;
	height: 270px;
	overflow: auto;
}
/*chexkopreserv*/
.modal_cont .mres .button {
	width: 100%;
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
}

@media ( max-width : 480px) {
	/*         hospitalcomparison         */
	.compare_mobile .modal_cont{
	    background: #f8f8f8;
	}
	.hospital_modal_step1, .hospital_modal_step2 {
		margin: 0 16px;
		padding-top: 32px;
		height: 100%;
	}
	.hospital_modal_step1>p, .hospital_modal_step2>p{
		font-size: 20px;
		color: #222;
		font-weight: 700;
		margin-bottom: 32px;
	}
	.hospital_modal_step1 > ul, .hospital_modal_step2 > ul{
		padding:32px 16px 0px;
		height:100%;
		box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.08);
        border-radius: 24px 24px 0px 0px;
        background: #fff;
        margin: 0 -16px;
	}
	.hospital_modal_step1 > ul > li:not(:first-child), .hospital_modal_step2 > ul > li:not(:first-child) {
		margin: 16px 0;
	}
	.hospital_modal_step1 > ul > li > ul >li, .hospital_modal_step2 > ul > li > ul >li{
	    margin-bottom: 8px;
	    font-weight: 700;
	}
	.hospital_modal_step1 ul li select, .hospital_modal_step2 ul li select {
		background: #f1f1f1 url(../images/tilko/menu-down.svg) no-repeat 95% center;
		border: 0;
		height: 44px;
		font-size: 14px;
		color: #595959;
		border-radius: 8px;
		padding: 0 24px;
	}
	.hospital_modal_step1 ul li select option, .hospital_modal_step2 ul li select option {
		background: #fff;
		border-bottom: 1px solid #999;
	}
	.hospital_modal_step1 .next_btn, .hospital_modal_step2 .next_btn {
		width: 100%;
		height: 56px;
		line-height: 56px;
		margin-top: 80px
	}
	.hospital_modal_step1 .next_btn a, .hospital_modal_step2 .next_btn a {
		background: #06a5ea;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		display: block;
		text-align: center;
		border-radius: 8px;	
		margin-top: 80px;
	}

	/*         hospitalcomparison02         */
	.hospital_modal_step2 label {
		font-size: 16px;
		margin-left: 7px;
	}
	/*         hospitalcomparison03         */
	.compare_mobile .hospital_modal_step3 .table-wrapper{
	   background: #fff;
	}
	.compare_mobile .hospital_modal_step3 .table-wrapper #compareTab{
	   width: 90%;
	   margin: 0 auto;
	}
	.hospital_modal_step3 .chkweb_info li {
		margin-top: 3px;
	}
	.hospital_modal_step3 .chkweb_info li+li {
		color: #06a5ea
	}
	.hospital_modal_step3 .chkweb_info li+li+li {
		color: #66c982
	}
	.hospital_modal_step3 .chkweb_info li+li+li+li {
		color: #ff7562
	}
	.hospital_modal_step3 .chkweb_info li+li+li+li+li {
		color: #4fb3bc
	}
	.hospital_modal_step3 .chkweb_info li+li+li+li+li+li {
		color: #637ecf
	}
	.hospital_modal_step3 {
		width: 100%;
		height: 100vh;
		position: relative;		
	}
     #hospital_table{
	    position: sticky;top:0;
    }
    #hospital_table tr{
        border-bottom: 2px solid #D0D0D0;
    }
	.hospital_modal_step3 thead {
		background: #F8F8F8;
		border-bottom: 2px solid #D0D0D0;
	}
	.hspinfoTh tr{
	    vertical-align: top;
	}
	.hspinfoTh tr th >:first-child {
		font-size: 13px;
		margin-top: 2px;
		color: #222;
		font-weight: 700;
	}
	.hspinfoTh tr th .hsp-name li{
	    display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
        font-weight: 700 !important;
	}
	.hspinfoTh .chkweb_info li:first-child{
	    font-weight: 500;
	}
	.hspinfoTh tr th >:last-child {
		font-size: 12px;
		color: #777;
		font-weight: 300;
	}
	.header-bg>:last-child td {
		vertical-align: top !important;
	}
	.table-wrapper {
		overflow-x: hidden;
		overflow-y: auto;
		height: 100%;
	}
	.hospital_modal_step3 table {
		width: 100%;
		border-collapse: collapse;
	}
	.hospital_modal_step3 td {
		border-bottom: 1px solid #ccc;
		padding: 5px;
		text-align: center;
		vertical-align: top;
	}
	.hospital_modal_step3 td+td {
		border-left: 1px solid #ccc;
	}
	.hospital_modal_step3 th {
		padding: 0px; /* reset */
	}
	.hospital_modal_step3 .th-text ul {
		border-bottom: 1px solid #ccc;
		padding: 10px 5px;
	}
	th:first-child .th-text {
		border-left: none;
	}
	.hospital_modal_step3 table td {
		padding: 10px 5px;
		text-align: -webkit-center;
	}
	#compareTab tr:nth-child(even) {
		border-bottom: 2px solid #d0d0d0;
	}
	.hospital_modal_step3 tbody td {
		padding: 15px 10px;
	}

	/*          popup close             */
	.popup_header{font-size:16px;height:46px;line-height:41px;position: relative;box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.1);z-index: 10;}
	.popup_header .mmback{background: url(../images/common/m_headBack_v2.svg) no-repeat center center; background-size: 20px 20px;}
	.popup_header h1{text-align: center;color: #323232; font-weight: 700;}
	.popup_close{position:absolute;right:16px;top:50%;margin-top:-11px;;display:block;width:24px;height:24px;background:url(../images/common/close.svg) no-repeat center center;}
   
}
/*      headthinfo      */

.health-info_content_wrap .hide{
	display: none;
}

.health-info_content_wrap .sub_top{
	position: absolute;
	top: 0;	
}

.health-info_content_wrap .sub_title{
	margin: 30px 0 40px 36px;
}
.health-info_content_wrap{
	margin-top: -70px;
	min-height: 300px;
	padding-bottom: 100px;
	position: relative;
	width: 100%;
	z-index: 2;
}
.health-info_content{
	background-color: #fff;
	border-right: solid 1px #efefef;
	border-left: solid 1px #efefef;
	height: 100%;
	margin: auto;
	max-width: 1220px;
	min-height: 300px;
	padding-top: 10px;
	width: 100%;
}
/* 이미지 안꺠지게 크기조절 */
.health-info_story-content .health-info_img {
	width: 200px;
	height: 140px;
	border-radius: 8px;
}
.health-info_header{
	padding: 10px 5%;
}
.health-info_top-menu{
	color: #464646;
	display: inline-block;
	line-height: 10vh;
	font-size: 3vmin;
	font-weight: 500;
	height: 70px;
	text-align: center;
	vertical-align: center;
	width: 33%;
}

/* 코나아이 추가 */
.KonaI.health-info_btn_wrap button {
	display: block;
	margin: 0 auto;
	width: 360px;
	height: 64px;
	background: #06A5EA url(/images/common/Desk.svg) no-repeat left 56px center;
	border-radius: 50px;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	padding-left: 16px;
}
	
.m_back {
	display: none;
}
.black_back {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 10;
}

.modal_cons::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */
.modal_cons::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */
.modal_cons::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */
.modal_cons::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.modal_cons::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.modal_cons::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */
/* modal_cons */
.modal_wrap .modal_cons {
	width: 440px;
	max-height: 80%;
}
.modal_wrap .modal_cons.modal_box {
	overflow-y: auto;
}
.modal_wrap .modal_cons .talk_tit {
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #222;
}
.modal_cons #close {
	cursor: pointer;
	position: absolute;
	top: 32px;
	right: 24px;	
}
.modal_wrap .modal_cons .modal_body {
	padding: 20px 20px 80px;
}
.modal_cons .talk_box {
	margin-top: 20px;
	width: 100%;
	border-top: 1px solid #D9D9D9;
}
.modal_cons .talk_box .cons_tit {
	font-weight: 500;
	font-size: 14px;
	color: #222;
	margin: 16px 0 4px;
	line-height: 1.4;
}
.modal_cons .talk_box .cons_tit span {
	font-weight: 400;
	color: #929292;
	border-top: none;
}
.modal_cons .talk_box input {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	cursor: auto;
	font-weight: 400;
	font-size: 14px;
}
.modal_cons .talk_box textarea {
	border-radius: 4px;
	font-weight: 400;
	font-size: 14px;
}

#cons_close {
	background: #E9EFF4;
	color: #595959;
}

.cons_btn {
	display: none;
	z-index: 100;
	position: fixed;
	top: 84.7%;
	left: 50%;
	transform: translateX(-50%);
	width: 440px;
	margin: 0 auto;
	height: 50px;
	border-radius: 0 0 0px 8px;
	overflow: hidden;
}
.cons_btn button {
	display: block;
	margin: auto 0;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	background: #06A5EA;
	width: 50%;
	height: 100%;
	float: left;
	border-radius: 0;
}
	
@media only all and (max-width: 768px) {
	.modal_wrap .modal_cons .modal_body {
		padding: 24px 24px 80px;
	}
	.KonaI.health-info_btn_wrap button {
		width: 100%;
		height: 56px;
		border-radius: 8px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.m_back {
		display: block;
	}
	.modal_cons .talk_box .cons_tit {
		font-size: 16px;
		font-weight: 600;
	}
	.modal_cons .talk_box .cons_tit span {
		font-size: 14px;
	}
	.cons_btn {
		width: calc(100% - 32px);
	}
	
	
}


/* 가다실9 추가 */
.health-info_btn_wrap {
	margin-top: 80px;
	width: 100%;
	overflow: hidden;
}
.health-info_btn_wrap .health-info_btn {
	display: flex;
	justify-content: center;
	gap: 12px;
}
.health-info_btn_wrap .health-info_btn li {
	cursor: pointer;
	display: block;
	width: 360px;
	height: 64px;
	line-height: 64px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	border-radius: 50px;
	text-align: center;
}
.health-info_btn_wrap .health-info_btn .hospi_btn {
	background: #05C1AB url(/images/common/Add_ring.svg) no-repeat left 56px center;
}
.health-info_btn_wrap .health-info_btn .rsv_btn {
	background: #2C7FFA url(/images/common/Desk.svg) no-repeat left 56px center;
}


/* 모달 */
.modal_wrap .modal_box {
	display: none;
	z-index: 100;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.modal_wrap .modal_top {
	width: 100%;
	height: 12px;
	background: #2C7FFA;
}
.modal_wrap .modal_body {
	padding: 24px;
	box-sizing: border-box;
}

/* modal_talk */
.modal_wrap #modal_talk {
	width: 532px;
	max-height: 80%;
	overflow-y: auto;
}
.modal_wrap #modal_talk .talk_tit {
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #222;
}
.modal_wrap #modal_talk .talk_tit_add {
	margin-top: 8px;
	text-align: center;
	font-size: 15px;
	letter-spacing: -0.5px;
}
.modal_wrap #modal_talk .talk_tit_add b {
	font-weight: 600;
}
#modal_talk .talk_box {
	margin-top: 24px;
	width: 100%;
	border-top: 1px solid #D9D9D9;
}
#modal_talk .talk_box .talk_body dt {
	float: left;
	font-weight: 600;
	font-size: 15px;
	width: 134px;
	line-height: 40px;
}
#modal_talk .talk_box .talk_body dt span {
	color: #F8463B;
	font-weight: 400;
	font-size: 14px;
}
#modal_talk .talk_box .talk_body dt span.choose {
	color: #929292;
}
#modal_talk .talk_box .talk_body dd {
	margin: 24px 0;
}
#modal_talk .talk_box .talk_body dd.maleFemale {
	height: 40px;
	line-height: 40px;
}
#modal_talk .talk_box .talk_body dd input,
#modal_talk .talk_box .talk_body dd select {
	border: 1px solid #90A0B7;
	border-radius: 4px;
	font-weight: 400;
	font-size: 13px;
	color: #90A0B7;
}
#modal_talk .talk_box .talk_body dd input[type="text"],
#modal_talk .talk_box .talk_body dd select {
	width: 300px;
	height: 40px;
	color: #222;
	cursor: text;
}
#modal_talk .talk_box .talk_body dd select {
	cursor: pointer;
}
#modal_talk .talk_box .talk_body input[type="radio"]+label {
	padding-top: 2px;
	font-size: 14px;
}
#modal_talk .talk_box .talk_body input[type="radio"]+label::after {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 9px;
	left: 0;
	background: url(/images/common/circle_defalut.svg) no-repeat 0;
}
#modal_talk .talk_box .talk_body input[type="radio"]:checked+label::after {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 9px;
	left: 0;
	background: url(/images/common/circle_active.svg) no-repeat 0;
}


#modal_talk .talk_box .talk_body dd textarea {
	border: 1px solid #90A0B7;
	border-radius: 4px;
	font-size: 14px;
}
#modal_talk .talk_box .talk_agree {
	width: 100%;
	overflow: hidden;
}
#modal_talk .talk_box .talk_agree ul li {
	height: 24px;
	line-height: 24px;
}
#modal_talk .talk_box .talk_agree ul li:not(:last-child) {
	margin-bottom: 16px;
}
#modal_talk .talk_box .talk_agree ul li p
{	cursor: pointer;
	float: right;
	text-decoration-line: underline;
	font-weight: 600;
	font-size: 16px;
	color: #595959;
}
#modal_talk .talk_box .talk_agree input[type="checkbox"] {
	float: left;
}
#modal_talk .talk_box .talk_agree input[type="checkbox"]+label {
	float: left;
	position: relative;
	font-size: 15px;
}
#modal_talk .talk_box .talk_agree input[type="checkbox"]+label:after {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(/images/common/circle_defalut.svg) no-repeat 0 0;
}
#modal_talk .talk_box .talk_agree input[type="checkbox"]:checked+label:after {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(/images/common/checkfield.svg) no-repeat 0 0;
}
#modal_talk .talk_box .talk_agree input[type="checkbox"]+label span {
	font-weight: 400;
	font-size: 14px;
	color: #F8463B;
}
#modal_talk .talk_box .talk_agree li.talk_look {
	display: none;
	width: 100%;
	height: 100px;
	background: #f4f4f4;
	padding: 8px 16px;
	overflow-y: scroll;
	font-size: 14px;
	line-height: 1.5;
}

#modal_talk .talk_btn {
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
#modal_talk .talk_btn li {
	float: left;
}
#modal_talk .talk_btn li:last-child {
	float: right;
}
#modal_talk .talk_btn li button {
	width: 226px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	border-radius: 50px;
}
#modal_talk .talk_btn li button.talk_ok {
	background: #E9EFF4;
	color: #595959;
}
#modal_talk .talk_btn li button.talk_go {
	background: #2C7FFA;
	color: #fff;
}




/* 건강정보 수정 pc*/
.health-info_content_wrap .health_gnb {
	position: relative;
	width: 1032px;
	margin: 36px auto 64px;
	height: 40px;
}
.health-info_content_wrap .health_gnb ul {
	width: 100%;
	height: 40px;
	display: table;
	table-layout: fixed;
	border-spacing: 16px 0;
}
.health-info_content_wrap .health_gnb ul li {
	position: relative;
	height: 40px;
	display: table-cell;
	
}
.health-info_content_wrap .health_gnb ul li:not(:last-child) {
	margin-right: 16px;
}
.health-info_content_wrap .health_gnb ul li input[type="radio"]+label:after,
.health-info_content_wrap .health_gnb ul li input[type="radio"]:checked+label:after {
	width: 0;
	height: 0;
}
.health-info_content_wrap .health_gnb ul li input[type="radio"]+label {
	padding-left: 0;
	color: #929292;
	font-weight: 700;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #eceeef;
	cursor: pointer;
	border-radius: 50px;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
}
.health-info_content_wrap .health_gnb ul li input[type="radio"]:checked+label {
	background: #5394F5;
	color: #fff;
}
.health-info_content_wrap .health_gnb ul li:hover input[type="radio"]+label {
	background: #5394F5;
	color: #fff;
}

.health-info_content_wrap .health_gnb ul li:last-child {
	margin-right: 0;
}

.health-info_content_wrap .health-info-box ul {
	margin: 0 auto;
	width: 1000px;
	height: 64px;
}
.health-info_content_wrap .health-info-box ul li {
	position: relative;
	width: 50%;
}
.health-info_content_wrap .health-info-box ul li input[type="radio"]+label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	line-height: 64px;
	color: #929292;
	font-weight: 700;
	font-size: 20px;
	background: #ECEEEF;
	padding-left: 0;
}
.health-info_content_wrap .health-info-box ul li input[type="radio"]:checked+label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	line-height: 64px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	background: #1875FF;
	padding-left: 0;
}
.health-info_content_wrap .health-info-box ul li input[type="radio"]+label:after, 
.health-info_content_wrap .health-info-box ul li input[type="radio"]:checked+label:after {
	width: 0;
	height: 0;
}

#health-info_body{
	margin: 58px 109px 0 109px;
}
#health-info_body #health-info_info{
	margin: 50px 0;
}
.health-info_story-content {
	position: relative;
	border-bottom: solid 1px #c4c4c4;
	display: inline-block;
	max-width: 1220px;	
	min-width: 500px;
	width: 100%;
	padding: 20px 0;
	cursor: pointer;
}
.health-info_story-content div {
	display: inline-block;
	max-width: 1100px;
	min-width: 220px;
	text-align: left;
	width: 75%;
	padding: 0 0 0px 40px;
}
.health-info_story-content div.h_story {
	padding: 0;
	margin-bottom: 8px;
}
.health-info_story-content div.h_story p {
	width: 98px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #0C73BE;
	border-radius: 50px;
	border: 1px solid #0C73BE;
}
.health-info_story-content img.hea_img1 {
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
}


.health-info_story-content div >.h_txt1 {
	font-size: 24px;
	color: #000;
	font-weight: 400;
	/* display: inline-block; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.health-info_story-content div >.h_txt2 {
	line-height: 25px;
	padding: 16px 0;
	font-size: 18px;
	color: #555;
	font-weight: 400;
	width: 90%;
}

.health-info_story-content div >.h_txt3 {
	font-size: 16px;
	color: #555;
	font-weight: 400;
}

.health-info_story-content div.health-info_story-img {
     height: 140px;
     max-width: 200px;
     min-width: 200px;
     width: 200px;
     vertical-align: top;
     border-radius: 8px;
}



#health-info_event .center{
    padding: 40px 0;
}
.family_check img{
	position: absolute;
	right:-20px;
	top:75px;
	width: 50px;
}
.modal_healthstory .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    z-index: 1010;
}

body.modal-open {
    overflow: hidden;
}

.event_content li{
    width: 48.5%;
    float:left;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 48px;
    cursor: pointer;
}
.event_content >:nth-child(odd){
    margin-right:24px;
}
.event_content li .event_box_img img{
    border-radius:4px 4px 0 0;
    opacity: 1;
    display: block;
    width: 100%;
    height: 210px;
    /*transition: .5s ease;*/
    backface-visibility: hidden;
}

.event_content li .event_box_text{
   background: #fff;
   padding: 20px 24px;
   border-radius: 0 0 4px 4px;
   display: flex;
   justify-content: space-between;
 }
.event_content li .event_box_text p {
	font-size: 22px;
	color: #222;
	display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#health-info_event .event_box_text img{
    margin-left:22px;
 }

#health-info_event ul li .event_box_img{
  position: relative;
}
.event_box_img_end{
	border-radius:4px 4px 0 0;
}
.event_box_img_end:before{
  content: '이벤트가 종료되었습니다';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 22px;
  padding-top: 100px;
  border-radius: 4px;
}
 #health-info_event{
    width: 100%;
    text-align: center;
 }
 #health-info_event .health-info_event_header{
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 4px solid #222;
 }
 #health-info_event .health-info_event_header p{
    font-size: 24px;
    color: #222;
    font-weight: 400;
 }
 #health-info_event .health-info_event_cont{
    padding: 48px 0;
  }
 #health-info_event .health-info_event_cont>img{
    width: 100%;
 }
 .health-info_event_cont .health-info_event_button .health-info_event_button_list {
    padding-top: 80px;
 }
 .health-info_event_button .health-info_event_button_list li{
    height:56px;
    line-height:56px;
    max-width:326px;
    width:326px;
    margin:0 2px;
    border-radius: 8px !important;
    box-shadow: none !important;
 }
 /* 수정시작 */
.health-info_event_cont .lookUp {
 	margin: 120px 0 48px;
 	font-weight: 700;
	font-size: 32px;
	color: #222;
}
.health-info_event_cont .lookUp span {
	color: #06A5EA;
}
.health-info_event_cont .tabMenu {
	width: 100%;
	/* height: 792px; */
	overflow: hidden;
}
.health-info_event_cont .tabMenu .tabBtnSpace {
	width: 100%;
	height: 48px;
	margin-bottom: 32px;
}
.tabMenu .tabBtnSpace .tabBtn ul {
	display: flex;
	justify-content: space-between;
}

.tabMenu .tabBtnSpace .tabBtn ul li {
	width: 308px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #929292;
	border-radius: 50px;
	color: #929292;
	cursor: pointer;
	font-weight: 700;
	font-size: 18px;
}
.tabMenu .tabBtnSpace .tabBtn ul li.active {
	background: #06A5EA;
	color: #fff;
	border: none;
}

.health-info_event_cont .tabMenu .tabCont {
	width: 100%;
	height: 720px;
}
.health-info_event_cont .tabMenu .tabCont ul {
	height: 720px;
}
.health-info_event_cont .tabMenu .tabCont img {
	width: 100%;
}
.health-info_event_cont .tabMenu .tabCont li p {
	color: #222;
}
.health-info_event_cont .tabMenu .tabCont li p.cnt_txt {
	font-weight: 700;
	font-size: 24px;
	margin: 32px 0 12px;
}
.health-info_event_cont .tabMenu .tabCont li p:last-child {
	font-weight: 400;
	font-size: 18px;
}
.health-info_event_cont .tabMenu .tabCont li p:last-child span {
	font-weight: 700;
}



.health-info_event_cont .tabMenu .tabCont .slick-next,
.health-info_event_cont .tabMenu .tabCont .slick-prev {
	display: block !important;
	z-index: 100;
	width: 64px;
	height: 64px;
}
.health-info_event_cont .tabMenu .tabCont .slick-prev {
	left: 24px;
	background:url(/images/promotion_event/slick_left.png);
}
.health-info_event_cont .tabMenu .tabCont .slick-next {
	right: 24px;
	background:url(/images/promotion_event/slick_right.png);
}

.health-info_event_cont .tabMenu .tabCont .slick-next::before,
.health-info_event_cont .tabMenu .tabCont .slick-prev::before {
	content:'';
}

.health-info_event_cont .tabMenu .tabCont_m {
	height: 824px;
}

.health-info_event_cont .tabMenu .tabCont_m ul {
	height: 1500px;
}
.health-info_event_cont .tabMenu .tabCont_m li:nth-child(odd) img {
	width: 248px;
}
.health-info_event_cont .tabMenu .tabCont_m li:nth-child(even) {
	margin: 240px 24px 0;
}
.health-info_event_cont .tabMenu .tabCont_m li p {
	width: 248px;
}

 .health-info_event_cont .health-info-event-guide {
 	margin-top: 88px;
 	width: 100%;
 	overflow: hidden;
 	padding: 32px 36px;
 	text-align: left;
 	background: #ECEEEF;
 	color: #222;
 }
 .health-info_event_cont .health-info-event-guide .guide_tit {
 	font-weight: 700;
	font-size: 18px;
	margin-bottom: 16px;
 }
 .health-info_event_cont .health-info-event-guide dl {
 	font-weight: 400;
	font-size: 16px;
 }
 .health-info_event_cont .health-info-event-guide dl dd {
 	color: #595959;
 	margin-bottom: 20px;
 }
.health-info_event_cont .health-info-event-guide dl dt:nth-child(5) {
	margin-bottom: 20px;
}







@media only all and (max-width: 768px) {
	.health-info_event_cont .health-info_event_button .health-info_event_button_list {
		padding-top: 40px;
	}
	.health-info_event_cont .health-info-event-guide {
		padding: 32px 16px;
	}
	.health-info_event_cont .lookUp {
		font-size: 18px;
		margin: 56px 0 24px;
	}
	.health-info_event_cont .select_tab {
		position: relative;
		margin-bottom: 24px;
		width: 100%;
		height: 48px;
		line-height: 46px;
		color: #fff;
		background: #06A5EA;
		border-radius: 50px;
		font-weight: 500;
		font-size: 16px;
		text-align: center;
		box-sizing: border-box;
		border: 1px solid #06A5EA;
		background: url(/images/promotion_event/select_arrow.svg) no-repeat right 24px center;
		background-color: #06A5EA;
	}
	.health-info_event_cont .select_tab option {
		background: #fff;
		color: #595959;
	}
	.health-info_event_cont .tabMenu .tabCont {
		height: 416px;
	}
	.health-info_event_cont .tabMenu .tabCont .slick-next,
	.health-info_event_cont .tabMenu .tabCont .slick-prev {
		top: 380px;
		width: 40px;
		height: 40px;
	}
	.health-info_event_cont .tabMenu .tabCont .slick-prev {
		left: 100px;
		background:url(/images/promotion_event/slick_left_m.png) no-repeat center;
	}
	.health-info_event_cont .tabMenu .tabCont .slick-next {
		right: 100px;
		background: url(/images/promotion_event/slick_right_m.png) no-repeat center;
	}
	
	.health-info_event_cont .tabMenu .tabCont li p.cnt_txt {
		font-size: 16px;
	}
	.health-info_event_cont .tabMenu .tabCont li p:last-child {
		font-size: 16px;
	}
	.health-info_event_cont .tabMenu .tabCont_m .slick-next,
	.health-info_event_cont .tabMenu .tabCont_m .slick-prev {
		top: 600px;
		width: 40px;
		height: 40px;
	}
	.health-info_event_cont .tabMenu .tabCont_m {
		height: 636px;
	}
	.health-info_event_cont .tabMenu .tabCont_m li:nth-child(even) {
		margin-top: 160px;
	}
	.health-info_event_cont .tabMenu .tabCont_m li:nth-child(odd) img {
		width: 168px;
	}
	.health-info_event_cont .tabMenu .tabCont_m li:nth-child(odd) p {
		width: 168px;
	}
	
}


.none{
    display: none;
 }
  .health-info_event_button .health-info_event_button_list li a{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
 }
  .health-info_event_button .health-info_event_button_list li a img{
   vertical-align:middle;
     margin:-1px 10px 0 0;
  }
   #health-info_event .btn_baseArea ul li{
    text-align: center;
    width: 328px;
    height: 50px;
    line-height: 50px;
    background: #979797;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin:0;
    float: none;
    box-shadow: none;
   }
   #health-info_event .btn_baseArea ul li a{
     background: #979797 !important;
     color: #fff !important;
     font-size: 18px;
     font-weight: 400;
     border-radius: 8px;
   }
   
   
@media only all and (max-width: 768px){
	.health-info_content_wrap{
	    padding-bottom: 40px;
		margin-top: 45px;
	}
	.health-info_top-menu{
		width: 30%;
	}
	.health-info_story-content {
		display: flex;
		width: 100%;
		min-width: 320px;
	}
	#health-info_body{
		margin-bottom: 10px;
	}
	.btn_baseArea ul .btn_reserv{
	    width: 94%;
	}
    .family_check img{
	    position: absolute;
	    left:-20px;
	    top:55px;
	    width: 45px;
    }
    .health-info_story-content div.health-info_story-img {
        height: 70px;
        max-width: 100px;
        min-width: 100px;
        width:100px;
        vertical-align: top;
        border-radius: 4px;
    }
    .health-info_story-content {
	padding: 16px;
}
.health-info_story-content div {
	padding: 0 0 0 13px;
}
.health-info_story-content div {
	width: 50%;
}

.event_content, .event_content ul {
	display: block;
	width: 100%;
}
.event_content li{
	width: 328px;
	margin: 0 auto 24px auto;
	float: none;
}
.event_content li .event_box_img img{
    width: 328px;
    height: 136px;
}
.event_content >:nth-child(odd){
   margin: 0 auto 24px auto;
}
.event_content li .event_box_text{
    padding: 15px;
}
.event_content li .event_box_text p{
    font-size: 14px;
} 

/* 광고 모바일 수정 */
.event_content.Happy li {
	width: 100%;
}
.event_content.Happy li img {
	width: 100%;
}
.health-info_btn_wrap {
	padding: 0 16px;
	margin-top: 32px;
}
.health-info_btn_wrap .health-info_btn {
	width: 100%;
}
.health-info_btn_wrap .health-info_btn li {
	width: 100%;
	border-radius: 8px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
}


.black_back {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	padding: 0 16px;
	box-sizing: border-box;
	z-index: 99;
}
.modal_wrap .modal_box {
	width: calc(100% - 32px) !important;
	z-index: 100;
	max-height: 80%;
	overflow-y: auto;
}
.modal_wrap .modal_body {
	padding: 16px 24px 24px;
}
.modal_wrap #modal_talk .talk_tit {
	font-size: 16px;
}
#modal_talk .talk_box {
	margin-top: 16px;
}
#modal_talk .talk_box .talk_body dt {
	float: unset;
}
#modal_talk .talk_box .talk_body dd {
	margin: 0 0 16px;
}
#modal_talk .talk_box .talk_body dd input {
	width: 0;
}
#modal_talk .talk_box .talk_body dd input[type="text"],
#modal_talk .talk_box .talk_body dd textarea,
#modal_talk .talk_box .talk_body dd select {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
}
#modal_talk .talk_box .talk_body dd.maleFemale {
	height: 24px;
	line-height: 24px;
}
#modal_talk .talk_btn {
	margin-top: 0;
	width: 100%;
}
#modal_talk .talk_btn ul {
	width: 100%;
}
#modal_talk .talk_btn li {
	width: 50%;
	height: 50px;
}
#modal_talk .talk_btn li button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 0;
}
#modal_talk input[type="checkbox"]+label:after {
	top: 4px !important;
}
#modal_talk input[type="checkbox"]+label {
	margin-top: -2px;
}
#modal_talk .talk_box .talk_body input[type="radio"]+label::after,
#modal_talk .talk_box .talk_body input[type="radio"]:checked+label::after {
	top: 2px;
}



 #health-info_event .event_box_text img{
    width: 60px;
    margin-left: 13px;
 }
 #health-info_event {
   padding: 16px 16px 0 !important;
 }
 #health-info_event .health-info_event_header{
 border-bottom:0;
 padding: 0;
 display: block;
 text-align: left;
 }
 #health-info_event .health-info_event_header >:first-child{
 border-bottom: 2px solid #222;
 font-size: 16px;
 font-weight: 400;
 }
  #health-info_event .health-info_event_header >:last-child{
     font-size: 14px;
     font-weight: 400;
  }
 #health-info_event .health-info_event_header p{
    padding: 6px 0;
  }
  #health-info_event .btn_baseArea ul li{
   height: 44px;
   line-height: 44px;
  }
   #health-info_event .health-info_event_cont{
   padding: 15px 0 32px 0;
   }
   .event_box_img_end:before{
    font-size: 14px;
    padding-top: 58px;
   }
 .health-info_event_button .health-info_event_button_list li{
      height: 48px;
      line-height: 48px;
      margin: 0 0 8px 0 !important;
   }
   .health-info_event_button .health-info_event_button_list li a{
      font-size: 18px;
   } 
   .exam_list .fmb_list_choice .art_choice>li dl{
        width: 100%;
    }
}
@media only all and (max-width: 480px){

	#health-info_body #health-info_info{
		margin: 20px 0;
	}
	.health-info_top-menu{
		height:58px;
	}
}
@media only all and (max-width: 360px){
	.art_choice>li dl{
	   width: 97%;
	}
	.ch_family {
	   width: 97%;
	   left: 1.5%;
    } 
	.family_check img{
	left: -15px;
	}
}
@media only all and (max-width: 320px){
.health-info_story-content {
    padding: 12px;
    }
}
 #health-info_body .page{
        display:none;
        height:0;
        overflow:hidden;
        margin:0;
        padding:0;
        width:0;
    }
     .modal_healthstory.modal {
        display: none;
        position: fixed;
        z-index: 1001;
        width: 100%;
        height: 100%;
        background-color: black;
        padding: 60px 2px 2px;
    }
    
    .modal_healthstory section > .container {
        width: 100%;
        height: 100%;
        display: block; 
        margin: auto;
        padding: 2px;
    }
    
    .modal_healthstory section > .container * {
        display: block; 
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }   
     .reserv_button li a{
	   height: 64px;
	   line-height: 64px;
	   width: 352px;
	   font-size: 22px;
    }
    
    @media (max-width: 760px) {
        .modal_healthstory .sectionizr section { font-size: 200% }
    }
    
    /* On screens that are 992px wide or less, the background color is blue */
    @media screen and (max-width: 992px) {
      .modal_healthstory img {
        width: 50%;
      }
      .checkup_res .select-date{
        display: block;
      }
      .checkup_res .select-date li:nth-child(1){
        margin-bottom: 16px;
      }
    }
    
    /* On screens that are 600px wide or less, the background color is olive */
    @media screen and (max-width: 600px) {
      .modal_healthstory img {
        width:100%;
      }
    }
@media screen and (max-width:480px){
    .btn_back{
 	   height: 48px;
	   line-height: 48px;
	   min-width: 100%;
	   max-width: 100%;
	   font-size: 16px;
    }
}

@media screen and (max-width:320px) {
	.m_mainbArea ul li a{
	    width: 90px;
	    height: 90px;	
	    padding-top: 68px;
	    font-size: 13px;
	}
	.event_pagination {
		transform: translate3d(260px, 0, 0) !important;
	}
	.sch_addr li {
		max-width: 130px;
	}
	.ckRestop_base p{
	   margin-left: 85px;
	   font-size: 16px;
	}
	.ckRes_step2 .viewBottom_text span{
	   font-size: 13px;
	}
	.care_notice p{
	   font-size: 14px;
	}
    .pl_tit{
       font-size: 13px;
    }
    .checkup_plan .btn_baseArea ul .btn_planother a{
       min-width: 0;
    }
    .sub_tab ul li a{
      font-size: 14px;
    }
    .mypage_result .care_mal p{
      font-size: 12px;
    }
    .mypage_btn a{
      width: 93px;
    }
    .btn_baseArea ul>:nth-child(2) a, .btn_baseArea ul>:last-child a {
	  padding: 0;
	  min-width: 50px;
    }
    .mypage_icon ul li a{
      font-size: 13px;
    }
}

/* 건강정보 모바일 */
@media only all and (max-width:768px) {
	.health-info_content {
		padding: 0;
	}
	.login-header.health {
		top: 0;
	}
	.login-header span.go-home {
		position: absolute;
		right: 24px;
	}
	.health-info_content_wrap .sub_tab.health-info-box {
		width: 100%;
		height: 52px;
		padding: 0 16px;
		margin: 64px 0 16px;
	}
	.health-info_content_wrap .sub_tab.health-info-box ul {
		width: 100%;
		height: 52px;
		background: #E9EFF4;
		border-radius: 50px;
		padding: 4px;
		text-align: center;
	}
	/* 라디오 */
	.health-info_content_wrap .health-info-box ul li input[type="radio"]+label {
		background: #E9EFF4;
		color: #929292;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		height: 100%;
		border-radius: 50px;
		line-height: 44px;
	}
	.health-info_content_wrap .health-info-box ul li input[type="radio"]:checked+label {
		background:#fff;
		color: #1875FF;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		height: 100%;
		border-radius: 50px;
		line-height: 44px;
	}
	.health-info_content_wrap .health_gnb ul li input[type="radio"]:checked+label {
		width: 100%;
		height: 100%;
		line-height: 32px;
		text-align: center;
		background: #1875FF;
		border: none;
		border-radius: 50px;
		box-sizing: border-box;
		color: #fff;
		margin-right: 8px;
		font-weight: 400;
		font-size: 14px;
	}
	.health-info_content_wrap .health_gnb ul li input[type="radio"]+label {
		width: 100%;
		height: 100%;
		line-height: 32px;
		text-align: center;
		background: #fff;
		border: 1px solid #c9c9c9;
		border-radius: 50px;
		box-sizing: border-box;
		color: #929292;
		margin-right: 8px;
		font-weight: 400;
		font-size: 14px;
	}
	
	.health-info_content_wrap .sub_tab.health-info-box ul li {
		float: left;
		width: 50%;
		height: 44px;
		line-height: 44px;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
	}
	.health-info_content_wrap .sub_tab.health-info-box ul li a {
		color: #929292;
		background: inherit;
		height: 44px;
		line-height: 44px;
		border-radius: 28px;
	}
	.health-info_content_wrap .sub_tab.health-info-box ul li:nth-child(2) {
		float: right;
	}
	.health-info_content_wrap .sub_tab.health-info-box ul li.act a {
		background: #fff;
		color: #06A5EA;
	}
	
	
	
	/* 슬라이더 */
	.health-info_content_wrap .health_gnb {
		overflow: hidden;
		width: 100%;
		margin: 0;
		height: 34px;
		padding-left: 16px;
	}
	.health-info_content_wrap .health_gnb ul {
		display: flex;
		width: 100%;
		height: 34px;
		padding: 0;
	}
	.health-info_content_wrap .health_gnb ul li {
		height: 100%;
		float: left;
		line-height: 32px;
		text-align: center;
		background: #fff;
		border-radius: 50px;
		box-sizing: border-box;
		color: #929292;
	}

	.health_slide .slick-prev::before {
		display: none;
	}
	.health_slide .slick-next::before {
		display: none;
	}

	/* 박스 */
	.health-info_story-content {
		display: block;
		width: 100%;
		aspect-ratio: 125 / 83;
		border: none;
		padding: 0;
		box-sizing: border-box;
		position: relative;
	}
	
	.health-info_story-content .health-info_img,
	.health-info_story-content div.health-info_story-img {
		width: 93%;
		height: 93%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		max-width: unset;
		border-radius: 8px;
	}
	.health-info_story-content div {
		position: absolute;
	}
	.health-info_story-content .hea_back {
		width: 93%;
		height: 93%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background: linear-gradient(360deg, #000000 -30%, rgba(0, 0, 0, 0) 67.5%);
		border-radius: 8px;
	}
	.health-info_story-content>div {
		width: 100%;
		height: 100%;
	}
	/* 신체건강 하얀박스 */
	.health-info_story-content .h_story_m {
		position: absolute;
		padding: 0;
		left: 24px;
		bottom: 112px;
	}
	.health-info_story-content .h_story_m p {
		width: 88px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		color: #222;
		font-weight: 600;
		font-size: 14px;
		border: none;
		border-radius: 50px;
		background: #fff;
	}
	.health-info_story-content .hea_back>p {
		width: calc(100% - 60px);
		position: absolute;
		z-index: 20;
		color: #fff;
		padding: 0;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
		left: 24px;
	}
	.health-info_story-content .h_txt1_m {
		font-weight: 700;
		font-size: 16px;
		bottom: 80px;
	}
	.health-info_story-content .h_txt2_m {
		font-weight: 400;
		font-size: 14px;
		bottom: 56px;
	}
	.health-info_story-content .h_txt3_m {
		font-weight: 400;
		font-size: 12px;
		bottom: 24px;
	}

	
}



/*                BMI 챌린지                    */
      .title{
       font-family: 'GongGothicBold';
       font-size: 36px;
       color: #222;
       margin: 41px 0 56px;
     }
      .sub__tit{
       font-size: 20px;
       color: #222;
       font-weight: 500;
       padding-bottom: 12px;
     }
     .txt__body{
       color: #595959; 
       line-height: 26px;
     }
     .bg__mint{
       background-color: #05C1AB;
     }
     .bg__blue{
       background-color: #458EE8;
     }
     .bg_gray{
       background: #fff;
     }
     .bmi-content{
       text-align: center;
       padding: 90px 0;
     }
     .bmi-result{
       margin: 0 auto;
       position: relative;
     }      
     .bmi-content .bmi-result-txt{
       font-size: 32px;
       color:#247AC9;
       margin: 40px auto 16px;
       background: #FFFFFF;
       border: 3px solid #247AC9;
       border-radius: 35px;
       width: 168px;
       height: 60px;
       line-height: 54px;
    }
    .bmi-result .bmi-date-txt{
       text-align: center;
       margin-bottom: 56px;
    }
     .content-mid-01{
       border: 1px solid #595959;
       padding: 36px 0;
     }
     .content-mid-01 .txt__body, .content-mid-02 .txt__body, .content-bot .txt__body{
       white-space: pre-wrap;   
     }
     .content-mid-02{
       background-color:#F2F2F2;
       padding: 36px 0;
       margin: 32px 0 24px;
     }
     .bmi-content .content-bot{
       background: #fff;
     }
     .content-bot .txt__body{
       color: #222;
       line-height: 28px;
     }
     .content-btn{
       padding: 56px 0;
     }
     .content-btn ul li{
       max-width: 328px;
       height: 64px;
       line-height: 64px;
       border-radius: 8px;
       margin: 0 auto;
     }
     .content-btn ul li a{
       color: #fff;
       font-size: 18px;       
     }
     
/*            bmichallengeinner               */
     .event{
        text-align: center;
     }
     .event .content-top{
        background-image: url("/images/bmi/bg_top.svg");
        width : 100%;
	   /* max-height : 1080px;*/
	    position: relative;
	    padding: 100px 0 1px;
     }
     .event .top-inner{
        position: absolute;
        top:0;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 100px 0;
        width: 100%;
     }
     .event .top-innner-tit p{
        color: #fff;
        font-weight: 700;
     }
     .event .top-innner-tit p:nth-child(1){
        font-size: 30px;
     }
     .event .top-innner-tit p:nth-child(2){
        font-size: 36px;
        position: relative;
     }
     .event .top-innner-tit p:nth-child(2) span{
        color: #FFEA52;
     }
     .event .top-innner-tit p:nth-child(2)::after{
        width: 276px;
        height: 4px;
        background: #fff;
        content:"";
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translate(-50%, 0);
     }
     .top-inner-box{
        background-color: #fff;
        width: 65%;
        height: auto;
        margin: 195px auto 0;
        position: relative;
        padding: 65px 0;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
     }
     .top-inner-box img:nth-child(1){
       position: absolute;
       top:-21%;
       left:54%;
       transform: translate(-50%, 0);
     }
     .top-inner-box img:nth-child(2){
       display: none;
     }
     .top-inner-box p:nth-child(3), .top-inner-box p:nth-child(6){
       color: #333;
       font-size:22px; 
       font-family: 'GongGothicMedium';
     }
     .top-inner-box img:nth-child(4){
       margin: 24px 0;
     }   
     .top-inner-box p:nth-child(5){
       font-size: 48px;
       color: #2C7CF2;
       font-family: 'GongGothicBold';
     }
     .top-inner-box p:nth-child(7){
       font-size: 22px;
       font-family: 'GongGothicMedium';
       line-height: 36px;
       color: #333;
       margin-top: 50px;
     }
     .content-mid{
       background-color: #f8f8f8;
       padding: 32px 0; 
     }
     .mid-inner{
       background: #fff;
       width: 65%;
       margin: 0 auto;
       box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
       border-radius: 4px;
       padding: 45px 64px 84px;
     }
     .mid-inner-tit{
       max-width:239px;
       height: 46px;
       line-height: 46px;
       background-color: #2C7CF2;
       font-size: 24px;
       font-family: 'GongGothicMedium';
       color: #fff;
       margin: 0 auto;
     }  
     .mid-inner-cont01{
       margin: 21px 0 43px;
     }
     .mid-inner-cont01 ul li{
       margin:23px auto ;
       box-shadow: none;
       float: none;
       display: inline-block;
       width: 100%;
     }
     .mid-inner-cont01 ul li img{
       float: left;
       margin-right: 7%;
     }
     .mid-inner-cont01 ul li p{
       text-align: left;
       white-space: pre-wrap;
     }
     .mid-inner-cont01 ul li p:nth-child(2){
       font-size: 18px;
       color: #333;
       font-weight: 700;
       margin-top: 20px;
     }
     .mid-inner-cont01 ul li p:nth-child(2) span{
       color: #2C7CF2;
       font-weight: 700;
     }
     .mid-inner-cont01 ul li p:nth-child(3){
       font-size: 14px;
       color: #595959;
       line-height: 20px;
       margin-top: 8px;
     } 
     .mid-inner-cont02{margin-bottom: 28px;}
     .mid-inner-cont02>img{
       margin:24px 0 33px;
     }
     .mid-inner-cont02 ul li{
       float: left;
       width: 30%;
       box-shadow: none;
       margin-bottom: 16px;
       display: flex;
       justify-content: left;
     }
     .mid-inner-cont02 ul li:last-child{width: 40%;}
     .mid-inner-cont02 ul li p{
       margin-left: 8px;
       font-size: 18px;
       color: #333;
       font-family: 'GongGothicMedium';
     }
     .mid-inner-cont02 .jeju-list li:not(:last-child){
       display: block;
       width: 33%;
     }
     .mid-inner-cont02 .jeju-list li:last-child{
       width: 100%;
       margin:32px 0 16px 24px;
     }
     .mid-inner-cont02 .jeju-list li p{
       margin:14px 0 0;
       font-size: 24px;
     }
     .mid-inner-cont02 .jeju-list li:last-child p{
       margin: 6px 0 0 12px;
       font-size: 22px;
     }
     .mid-inner-cont03{
       text-align: left;
       padding: 0 35px;
       font-size: 14px;
       color: #222;
       line-height: 20px;
     }
     .mid-inner-cont03 dl dt{
       font-weight: 500;
     }
     .mid-inner-cont03 dl:nth-child(1){
       display: flex;
       margin-top: 32px;
     }
     .jeju-mid-inner-cont03{
       padding: 0;
       margin: 0 -37px;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1){
       border:1px solid #C9C9C9;
       border-radius: 16px;
       margin-top: 18px;
       padding: 16px 35px;
       text-align: center;
       display: block;
       text-align: left;
       line-height: 22px;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt:nth-child(3), .jeju-mid-inner-cont03 dl:nth-child(1) dd:nth-child(4){
       float: left;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt{
       font-weight:600;
       position: relative;
       margin-left: 20px;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt::after{
       position: absolute;
       content:'';
       background: url('/images/bmi/arrow.svg') no-repeat;
       left:-20px;
       top:6px;
       width: 12px;
       height: 12px;
       display: block;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dd{
       font-weight: 300;
       margin-bottom: 8px;
     }
     .mid-inner-box{
       width: 100%;
       background:#f2f2f2;
       padding: 24px;
     } 
     .mid-inner-box dt{
       float: left; 
       color: #222;
       font-family: 'GongGothicMedium';
       position: relative;
       z-index: 1;
     }  
     .mid-inner-box dt::after{
       content:"";
       background: #FED248;
       width: 76px;
       height: 8px;
       position: absolute;
       left:-9px;
       bottom: 0;
       z-index: -1;
     }
     .mid-inner-box dd{
        margin-left: 88px;
        text-align: left;
        color: #333;
        font-size: 18px;
        line-height: 26px;
     }
     .box-inner{
        width: 65%;
        margin:0 auto;
        background: #fff;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        padding: 16px 32px; 
        display: flex;
        justify-content: space-between;
     }
     .box-inner a img{
       display: none;
     }
     .box-inner p{
       color: #222;
       font-weight: 500;
     }
  
     .event .content-bot{
       background: #f8f8f8;
       padding-bottom: 64px;
       margin-bottom: 64px;
     }
     .content-bot>p{
        color: #222;
        font-size: 16px;
        white-space: none;
        margin: 48px 0 32px;
     }
     .content-bot ul li{
       max-width: 328px;
       height: 64px;
       line-height: 64px;
       border-radius: 8px;
       float: none;
       margin: 0 auto 16px;
       padding: 0 24px;
     }
     .content-bot ul li a{
       color: #fff;
       font-size: 18px;
     }
     .content-bot .clause, .content-bot .all_chk{
       display:block;
       background: #fff;
       width: 65%;
       margin: 0 auto;
       padding: 0 32px 19px;
     }
     .clause-inner{
       background: #f2f2f2;
       padding: 24px 30px;
       text-align: left;
       font-size: 14px;
     }
     .clause-inner p{
       white-space: pre-wrap;
       color: #595959;
     }
     .clause-inner p:nth-child(1){
       padding-bottom: 14px;
     }
     .content-bot .all_chk{
       display: flex;
       justify-content: space-between;
       padding-bottom: 32px;
     }
     .content-bot .all_chk p{
       color: #2C7CF2;
       font-size: 14px;
     }
     .content-bot .all_chk input[type="checkbox"]+label{
       font-size: 14px;
       padding-left: 26px;
     }
     .content-bot .all_chk input[type="checkbox"]+label:after{
       width: 18px;
       height: 18px;
       background-size: 18px 18px;
       top: 2px;
       background:url("/images/bmi/default.svg");
     }
     .content-bot .all_chk input[type="checkbox"]:checked+label:after{
       background:url("/images/bmi/checked.svg");
     }
/*           lifelog           */     
     .lifelog{
       padding-bottom: 120px;
     }
     .life-survey{
       margin-left: 36px;
     }
     .life-survey>p{
       font-size: 20px;
       color: #222;
       font-weight: 500;
     }
     .survey-wrap{
       display: table;
       table-layout: fixed;
       width: 100%;
       margin: 32px 0 56px -16px;
       border-spacing: 16px 0;
     }
     .survey-wrap .survey-box{
       display: table-cell;    
     }
      .survey-wrap input[type="radio"] {
       opacity: 0;
       position: fixed;
       width: 0;
     }
     .survey-wrap input[type="radio"]::after, .survey-wrap input[type="radio"]+label::after{
       background: none;
     }
     .survey-wrap input[type="radio"]+label {
       border-radius: 8px;
       height: 64px;
       line-height: 64px;
       border:1px solid #c9c9c9;
       margin-right: 16px !important;
       text-align: center;
       color: #595959;
       font-size: 18px;
       background: #fff;
       width: 100%;
       padding: 0;
     }
     .survey-wrap input[type="radio"]:focus + label {
       border: 2px solid #06A5EA;
       color: #06A5EA;
     }
     .survey-wrap input[type="radio"]:checked + label {
       border: 2px solid #06A5EA;
       background-color: #fff;
       color: #06A5EA;
     }
     .survey-box-none input[type="radio"]+label{
       border: 0;
       background: none;
     }
     .clear-btn{
       text-align: center;
     }
     .clear-btn input{
       width:352px;
       height: 64px;
       line-height: 64px;
       background: #c9c9c9;
       color: #595959;
       border-radius: 32px;
       font-size: 22px;
       border:none;
     }
     .survey-btn, .progress-text{
       display: none;
     }
    
/*            bmichallengeresult              */
     .bmi-result-page{
       text-align: center;
       padding:80px 0;   
     }
     .result-tit{
       font-size: 24px;
       color: #222;
       font-weight: 500;
     }
     .result-tit span{
       color: #2C7CF2;
     }
     .result-tit::after{
       content:'';
       width: 276px;
       height: 4px;
       background-color: #2C7CF2;
       display: block;
       margin: 16px auto 0; 
     }
     .result-cont{
       width: 82%;
       margin:175px auto 0;
       background-color: #f8f8f8;
       border-radius: 50px 50px 0 0;
       border: 3px solid #2C7CF2;
       position: relative;
       padding: 90px 200px 72px
     }
     .result-cont .result-cont-tit img:nth-child(1){
       width: 680px;
       position: absolute;
       top:-9%;
       left: 50%;
       transform:translate(-50%, -9%);
     }
      .result-cont .result-cont-tit img:nth-child(2), .bmi-result-check{
        display: none;
      }
      .bmi-result-graph{
         display: flex;
         width: 722px;
         position: relative;
         margin: 0 auto;
      }
      .bmi-content .bmi-result-graph{
         display: block;
      }
      .bmi-result-check-modal{display: none;}
      .bmi-result-graph #preview-textfield{
        display: none;
      }
      .bmi-result-graph #demo{
        width:600px;
      }
      .bmi-result-graph ul{
        margin: auto;
        text-align: left;
        line-height: 23px;
        position: absolute;
        right: 0;
        bottom:30px;
      }
      .bmi-content .bmi-result-graph ul{
         right: -47px;
       }
      .bmi-result-graph ul li:nth-child(1), .bmi-result-check-modal ul li:nth-child(1){color:#7DA4BD;}
      .bmi-result-graph ul li:nth-child(2), .bmi-result-check-modal ul li:nth-child(2){color:#28CE92;}
      .bmi-result-graph ul li:nth-child(3), .bmi-result-check-modalul li:nth-child(3){color:#247AC9;}
      .bmi-result-graph ul li:nth-child(4), .bmi-result-check-modal ul li:nth-child(4){color:#8761B7;}
      .bmi-result-graph ul li:nth-child(5), .bmi-result-check-modal ul li:nth-child(5){color:#F85264;}
      .bmi-result-cont p:nth-child(1){
        width: 168px;
        height: 60px;
        line-height: 55px;
        margin:0 auto;
        border-radius: 35px;
        font-size: 32px;
        font-weight: 700;
      }
     .bmi-result-cont p:nth-child(3){
       width: 126px;
       background: #fff;
       border:1px solid #929292;
       height: 32px;
       line-height: 30px;
       border-radius: 16px;
       margin: 0 auto;
     }
     .line{
       height: 49px;
       border:1px dashed #bbb;
       width: 1px;
       margin: 0 auto;
     }
     .bmi-result-box p:nth-child(1){
       width: 100%;
       background: #FFFFFF;
       box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
       border-radius: 8px;
       padding: 22px 0;
       font-size: 24px;
       font-family: 'GongGothicMedium';
       margin: 40px 0 16px;
     }
      .bmi-result-box p:nth-child(2){
        font-size: 16px;
        text-align: right;
        color: #595959;
     }
     .bmi-result-box02{
       width: 100%;
       border: 1px solid #595959; 
       padding: 32px 90px;
       background: #fff;
     }
     .bmi-result-box02 p{
       white-space: pre-wrap;
       line-height:26px;
       font-size: 16px;
     }
     .bmi-result-page .bmi-content{
       width: 82%;
       margin: 0 auto;
       padding: 0;
     }
     .bmi-ad{
       text-align: right;
       margin-top: -50px;
     }
     .bmi-ad p{display: none}
     
    
    
/*********결과 조회 방법 안내*********/ /* 이거 안쓸 예정 */
     .method-box{text-align: center;padding: 58px 0;}
     .method-box .circle{width: 12px;height: 12px;border-radius: 50%;background-color:#458EE8;display:inline-block; }
     .method-box .circle:nth-child(2){ margin: 0 16px;}
     .method-box .tit{font-weight: 600;color: #222;font-size: 24px;margin-top: 16px;}
     .method-box .tit+p{font-size:18px;margin-top: 8px;color: #595959; }
     .method-box .tit+p b{font-weight: 700;}
     .method-box ul.img-box{padding:59px 0 0;}
     .method-box .img-box li{float: left;width: 25%;height: 600px;position: relative;}
     .method-box .img-box li:not(:last-child)::after{position: absolute;content:'';display: block;right: -8px;background:url(/images/tilko/chevron-right-gray.svg) no-repeat;width: 16px;height: 25px;top:195px;}
     .method-box .img-box li img{width: 186px;}
     .method-box .img-box li p:nth-child(2){color: #222;font-weight: 700;margin: 24px 0 6px;}
     .method-box .img-box li p:nth-child(3){letter-spacing: -0.03em;}
     .method-box .img-box li p:nth-child(3),  .method-box .method-link li p{color: #222;}
     .method-box .img-box li p small{color: #595959;font-size: 14px;line-height: 18px;}
     .method-box .app-download{display: flex;justify-content: center;align-items: center;margin: 30px 0 100px;}
     .method-box .app-download p{font-size:32px;color: #222;font-weight: 700;line-height: 46px; }
     .method-box .app-download img{margin: 0 70px;}
     .method-box .app-download p span{color: #458EE8;}
     .method-box .method-link li{display: flex;font-size: 20px;}
     .method-box .method-link li:not(:last-child){margin-bottom: 16px;}
     .method-box .method-link li p{margin: 0 8px 0 10px;}
     .method-box .method-link li a{color: #458EE8;font-weight: 500;}
     .method-box .method-link li a:hover{text-decoration: underline;}
     
     
/* 국가건강검진 결과 확인 */
.normal_result {
	width: 100%;
	overflow: hidden;
	padding: 56px 60px 0;
}
.result_img_box {
	width: 248px;
	margin: 0 auto;
}
.result_img_box>img {
	width: 248px;
}
.n_r_chk {
	margin: 24px auto 32px;
	width: 546px;
	height: 64px;
	background: #F8F8F8;
	border-radius: 16px;
	line-height: 64px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #595959;
}
.n_r_txt {
	text-align: center;
	color: #595959;
	margin-bottom: 56px;
}
.n_r_txt span {
	font-weight: 700;
}
.n_r_tit {
	height: 32px;
	line-height: 32px;
	color: #222;
	font-weight: 700;
	font-size: 18px;
}
.n_r_tit img {
	margin-right: 4px;
}
.n_r_u_box {
	align-items: start;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	margin: 24px 0 48px;
}
.n_r_user {
	width: 348px;
	height: 72px;
	background: #458EE8;
	border-radius: 8px;
	line-height: 72px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	padding: 0 32px;
}
.n_r_user p {
	height: 72px;
}
.n_r_user .n_r_sp1 {
	font-weight: 400;
	font-size: 16px;
	margin-right: 8px;
}
.n_r_user .n_r_sp2 {
	font-size: 16px;
	float: right;
}

.up_wrap>div:first-child {
	width: 100%;
}

.update_box {
	float: right;
	width: 226px;
	height: 40px;
	line-height: 40px;
	background: #E9EFF4;
	border-radius: 8px;
	text-align: center;
	color: #0C73BE;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 8px;
	cursor: pointer;
}
.update_box.hospi {
	float: unset;
	margin: 0 auto;
}
.update_box img {
	width: 24px;
	margin-top: 8px;
	transition: all 0.3s;
}
.update_box:hover img {
	transform: rotate(360deg);
}

/* 24.04 medi 수정 */





.up_txt p {
	text-align: right;
}
.up_txt p:first-child {
	color: #595959;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 12px;
}
.up_txt p:last-child {
	font-weight: 500;
	font-size: 14px;
	color: #222;
}

p.nr_t_txt1 {
	color: #222;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}
p.nr_t_txt1 img:nth-child(1) {
	margin-right: 8px;
}
p.nr_t_txt1 img:nth-child(2) {
	margin-left: 8px;
}
p.nr_t_txt1 span {
	margin-left: 24px;
	color: #595959;
	font-weight: 400;
	font-size: 16px;
}
p.nr_t_txt1+span {
	float: right;
	font-weight: 400;
	font-size: 16px;
}
p.nr_t_txt1+span b {
	font-weight: 600;
}
p.nr_t_txt2 {
	float: right;
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 16px;
	cursor: pointer;
}

.normal_result table {
	width: 100%;
	text-align: center;
}
.normal_result table th {
	height: 56px;
	background: #F6F6F6;
	border-top: 1px solid #868686; 
	color: #222;
	font-weight: 700;
	font-size: 16px;
}
.normal_result table td {
	height: 56px;
	color: #222;
	font-weight: 400;
	font-size: 16px;
	border-bottom: 1px solid #e4e4e4;
}
.normal_result table td.no_n_r {
	color: #595959;
}
.normal_result table td.no_n_r span {
	font-weight: 700;
}

/* 체크박스 */
.normal_result table td input[type="checkbox"]+label::after {
	top: 6px;
	left: 8px;
	width: 18px;
	height: 18px;
	background: url(/images/bmi/default.svg) no-repeat;
}
.normal_result table td input[type="checkbox"]:checked+label:after {
	top: 6px;
	width: 18px;
	height: 18px;
	background: url(/images/bmi/checked.svg) no-repeat center;
}


.n_r_more {
	height: 24px;
	line-height: 24px;
	color: #929292;
	font-weight: 700;
	font-size: 16px;
	margin: 32px auto 40px;
	text-align: center;
}
.n_r_more span {
	cursor: pointer;
}
.n_r_more img {
	text-align: center;
	margin-right: 8px;
}
.n_r_look {
	margin: 0 auto;
	text-align: center;
	width: 360px;
	height: 56px;
	line-height: 56px;
	background: #1875FF;
	border-radius: 50px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	cursor: pointer;
}

/* 로딩 */
.loading_pop {
	padding: 64px 0 48px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 472px;
	background: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
	border-radius: 8px;
	text-align: center;
}
.loading_pop .load_txt1 {
	color: #2C7FFA;
	font-weight: 700;
	font-size: 20px;
}
.loading_pop .load_txt2 {
	color: #595959;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
}


/* 복사 */
.load-wrapp {
  margin: 32px auto 48px;
  width: 72px;
  height: 30px;
  display: flex;
  justify-content: space-between;
}
.load-line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #2C7FFA;
}
.load-wrapp .load-line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-wrapp .load-line:nth-last-child(2) {
  opacity: 0.6;
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-wrapp .load-line:nth-last-child(3) {
  opacity: 0.4;
  animation: loadingC 0.6s 0.3s linear infinite;
}

@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}



/* 검진결과 보기 */
.check_result_pc {
	margin: 0 auto;
	padding: 56px 60px;
	width: 1220px;
	overflow: hidden;
	border-top: 8px solid #E9EFF4;
}

.check_result_pc .n_r_tit {
	height: 32px;
	line-height: 32px;
	color: #222;
	font-weight: 700;
	font-size: 22px;
}
.check_result_pc .n_r_tit img {
	margin-right: 4px;
}
.chk_test {
	width: 100%;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	margin-top: 24px;
	border-spacing: 8px;
}
.chk_test li {
	display: table-cell;
	text-align: center;
	height: 44px;
	line-height: 44px;
	background: #F6F6F6;
	border-radius: 4px;
	cursor: pointer;
	transition: all .2s;
}

.chk_test li:hover {
	background: #06A5EA;
}
.chk_test li:hover a {
	color: #fff;
}

.check_result_pc .reference-list ul {
	margin-top: 32px;
}
.check_result_pc .reference-list ul li {
	float: left;
	margin-right: 8px;
	color: #595959;
	font-weight: 400;
	font-size: 16px;
}
.check_result_pc .reference-list ul li div{float: left;width: 16px;height: 16px;border-radius: 50%;margin: 2px 8px 0 0;}
.check_result_pc .reference-list ul li div.bg-green{background-color:#2ABB75; }
.check_result_pc .reference-list ul li div.bg-yellow{background-color:#FFD02B;}
.check_result_pc .reference-list ul li div.bg-tomato{background-color:#FF753A;}
.check_result_pc .reference-list ul li div.bg-red{background-color:#F8463B; }
.check_result_pc .reference-list p.tomato {
	color: #FF753A;
	font-weight: 400;
	font-size: 16px;
	margin: 24px 0 0;
}

/* 테이블 스크롤 기능 */
.check_result_pc .table-wrap>table.table_scroll {
	width: 100%;
}
.check_result_pc .table-wrap table.main-table th {
	min-width: 275px;
}
.check_result_pc .table-wrap table.main-table td table th {
	min-width: unset;
}

.tableScroll {
	position: relative;
}

/* .check_result_pc .table-wrap table.main-table>tr:first-child {
	position: sticky;
	left: 0;
}
.check_result_pc .table-wrap table.main-table>tr th:first-child {
	position: sticky;
	left: 0;
	z-index: 20;
}
.check_result_pc .table-wrap table.main-table>tr td:first-child {
	position: sticky;
	left: 0;
	background: #fff;
	z-index: 20;
} */



/* .tableScroll::-webkit-scrollbar {display: none} 스크롤 바 숨김  */


.check_result_pc .reference_table {
	margin-top: 64px;
}
.check_result_pc p.n_r_tits {
	height: 48px;
	line-height: 48px;
	color: #222;
	font-weight: 700;
	font-size: 18px;
}
.check_result_pc p.n_r_tits img {
	margin-right: 16px;
}
.check_result_pc .table-wrap>table {
	width: 100%;
	text-align: center;
	margin-top: 16px;
}
.table-wrap>table tr {
	height: 56px;
	transition: all 0.2s;
}
.table-wrap>table tr:not(.color-tr) {
	border-bottom: 1px solid #e4e4e4;
}

.table-wrap>table tr.re_tr:hover {
	background: #F8F8F8;
	cursor: pointer;
}
/* 그래프 있는 곳 */
.table-wrap>table tr.ref_inner {
	display: none;
 	width: 100%;
	height: unset;
	overflow: hidden;
	background: #f8f8f8;
	cursor: auto;
	text-align: left;
}
.table-wrap>table tr.ref_inner.show {
	display: table-row;
}
.table-wrap>table tr.re_tr.show {
	color: #06A5EA;
	font-weight: 700;
}
.table-wrap>table tr.ref_inner td {
	border: none;
	background: #fff;
}
.table-wrap>table tr.ref_inner .ref-box {
	margin: 24px 0 24px 56px;
	width: 248px;
	overflow: hidden;
	float: left;
}
.table-wrap>table tr.ref_inner p.ref_txt {
	color: #222;
	font-weight: 700;
	font-size: 18px;
}
.table-wrap>table tr.ref_inner p.ref_txt_add {
	font-size: 12px;
    color: #FF753A;
    margin-top: 16px;
} 


tr.ref_inner .ref_cont {
	float: left;
	margin-left: 12px;
	margin-top: 16px;
}
tr.ref_inner .ref_cont li {
	margin-bottom: 8px;
}
tr.ref_inner .ref_cont li dl {
	color: #595959;
	font-weight: 400;
	font-size: 12px;
	display: flex;
}

tr.ref_inner .ref_cont li dl dt {
	position: relative;
	width: 70px;
}
tr.ref_inner .ref_cont li dl dd {
	float: left;
}
tr.ref_inner .ref_cont li dl dt::before {
	display: block;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: -12px;
    top: 4px;
}
tr.ref_inner .ref_cont li dl dt.cir-green::before {
    background-color: #2ABB75;
}
tr.ref_inner .ref_cont li dl dt.cir-yellow::before {
    background-color: #FFD02B;
}
tr.ref_inner .ref_cont li dl dt.cir-red::before {
    background-color: #F8463B;
}
tr.ref_inner .ref_cont li dl dt.cir-orange::before {
    background-color: #FF753A;
}

tr.ref_inner canvas {
	width: 360px;
	height: 180px;
	float: left;
	margin: 24px 56px 24px -16px;
}

tr.ref_inner table {
	width: 328px;
	text-align: center;
	margin: 24px 0 24px 56px;
}
tr.ref_inner table tr {
	height: 40px;
}
tr.ref_inner table tr th {
	background: #E9EFF4;
	color: #595959;
	font-weight: 600;
	font-size: 14px;
	border: none;
	cursor: auto;
}
tr.ref_inner table tr td {
	background: #fff;
	color: #222;
	font-weight: 400;
	font-size: 14px;
	cursor: auto;
}
tr.ref_inner table tr td:last-child {
	color: #2ABB75;
	font-weight: 500;
	font-size: 14px;
}

.table-wrap>table .color-tr th {
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	background: #F6F6F6;
	border-top: 1px solid #868686; 
	cursor: auto;
}
.table-wrap>table tr.nr_tr_1 th {
	font-weight: 700;
	color: #458EE8;
	border-top: none;
	background: #F6F8FB;
	padding: 16px;
	background: #fff;
	font-size: 20px;
}
.table-wrap>table td {
	position: relative;
	/* border-bottom: 1px solid #e4e4e4; */
}

/* 결과 동그라미 */
.table-wrap>table td>div.cir-green, .table-wrap>table td>div.cir-yellow, .table-wrap>table td>div.cir-orange, .table-wrap>table td>div.cir-red {
	position: absolute;
	top: 24px;
	right: 35%;
	width: 8px;
	height: 8px;
	border-radius: 50px;
}
.table-wrap>table td>div.cir-green {
	background: #2ABB75;
}
.table-wrap>table td>div.cir-yellow {
	background: #FFD02B;
}
.table-wrap>table td>div.cir-orange {
	background: #FF753A;
}
.table-wrap>table td>div.cir-red {
	background: #F8463B;
} 

.js_before_box, .js_after_box {
	top: 8px;
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50px;
	transition: all .2s;
	z-index: 10;
	text-align: center;
	background: #fff;
}
.js_before_box:hover, .js_after_box:hover {
	background: #F8F8F8;
}
.js_before_box.opacity, .js_after_box.opacity {
	opacity: 0.5;
}
.js_before_box img, .js_after_box img {
	vertical-align: middle;
}

.table-wrap>table tr.nr_tr_1 img {
	margin-top: 14px;
}
.table-wrap>table tr.nr_tr_1 th:nth-child(2) {
	position: relative;
}
.table-wrap>table tr.nr_tr_1 th:last-child {
	position: relative;
}
.js_before_box {
	left: 320px;
}
.js_after_box {
	right: 0px;
}


/* 병원/약국/처방약 이용내역 */
.hospital_result {
	width: 100%;
	overflow: hidden;
	padding: 56px 60px 0;
}

.hospital_result .n_r_chk img {
	margin: 24px 0 0 4px;
}
.hospital_result .txt {
	text-align: center;
	margin-bottom: 56px;
}
.hospital_result .txt b {
	font-weight: bold;
}
.info_img {
	cursor: pointer;
}


/* 병원약국 팝업 */
.information_pop {
	display: none;
	position: fixed;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 580px;
	background: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
	border-radius: 16px;
	z-index: 20;
	max-height: 80%;
	overflow: auto;
}
.information_pop .info_ptop {
	position: relative;
	width: 100%;
	height: 56px;
	line-height: 56px;
	background: #0C73BE;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
}
.information_pop .info_ptop img {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
}
.information_pop .info_inner {
	padding: 32px 24px;
	line-height: 140%;
}

.information_pop .info_inner p.info_txt1 {
	color: #222;
	font-weight: 700;
	font-size: 16px;
}
.information_pop .info_inner p.info_txt2 {
	margin-bottom: 32px;
}
.information_pop .info_inner p:last-child.info_txt2 {
	margin-bottom: 0;
}
.information_pop .info_inner p.info_txt3 {
	margin-bottom: 32px;
}
/* 팝업끝 */


.hospi_medi {
	margin: 32px 0 16px;
	width: 100%;
	overflow: hidden;
	justify-content: end;
}
.hospi_medi ul {
	width: 328px;
	gap: 8px;
}
.hospi_medi ul li {
	position: relative;
}
.hospi_medi ul li:first-child a {
	background: #F8F8F8 url(/images/tilko/web_icn_tilko_hospi_40px.svg) no-repeat left 24px center;
	background-size: 24px;
}
.hospi_medi ul li:last-child a {
	background: #F8F8F8 url(/images/tilko/web_icn_tilko_pill_40px.svg) no-repeat left 24px center;
	background-size: 24px;
}
.hospi_medi ul li a {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	background: #F8F8F8;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	box-sizing: border-box;
	text-align: center;
	color: #595959;
	font-weight: 700;
	font-size: 16px;
}
.hospi_medi ul li a.active {
	border: 2px solid #5394F5;
	box-sizing: border-box;
	color: #5394F5;
	line-height: 38px;
}
.hospi_medi ul li a::before {
	display: none;
	content: '';
    background: url(/images/tilko/web_icn_tilko_check_40px.svg) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    right: 16px;
}
.hospi_medi ul li a.active::before {
	display: block;
}

/* 조회기간 */
.search_box {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: end;
}
.search_box .s_date li {
	float: left;
}
.search_box .s_date li:nth-child(2) {
	height: 48px;
	line-height: 48px;
	margin: 0 16px;
}
.s_date li.start_date, .s_date li.last_date {
	position: relative;
	width: 240px;
	height: 48px;
	line-height: 48px;
	background: #F8F8F8;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	padding-left: 24px;
	color: #929292;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
}
.s_date li.start_date::before, .s_date li.last_date::before {
	display: block;
	content: '';
	position: absolute;
    background: url(/images/tilko/web_icn_tilko_calendar_40px.svg) no-repeat;
    width: 20px;
    height: 20px;
    top: 14px;
    right: 16px;
}

/* 달력 */
.calender {
	display: none;
	position: absolute;
	top: 64px;
	left: 323px;
	width: 352px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
	border-radius: 14px;
	z-index: 15;
}
.calender.show {
	display: block;
}
.calender .cal_top {
	position: relative;
	width: 100%;
	height: 64px;
	line-height: 64px;
	border-radius: 14px 14px 0 0;
	color: #595959;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
.calender .cal_top img {
	width: 24px;
	height: 24px;
	position: absolute;
	cursor: pointer;
	top: 20px;
}
.calender .cal_top img.cal_left {
	left: 32px;
}
.calender .cal_top img.cal_right {
	right: 32px;
	transform: rotate(180deg);
}
.calender ul {
	width: 25%;
	float: right;
	margin-right: 26px;
	margin-bottom: 24px;
}
.calender ul li {
	float: left;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
	margin-top: 16px;
}

.calender ul li.cal_cancel {
	color: #595959;
	margin-right: 24px;
}
.calender ul li.cal_set {
	color: #06A5EA;
}
.search_box .s_wrap {
	gap: 8px;
}
.search_box .s_search {
	width: 320px;
	justify-content: space-between;
	margin: 40px 0 24px;
}

.s_search li {
	width: 156px;
	height: 48px;
	line-height: 48px;
	border-radius: 8px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
}
.s_search li.search_all {
	background: #fff;
	border: 1px solid #929292;
	color: #595959;
}
.s_search li.search {
	background: #458EE8;
	border-radius: 8px;
	color: #fff;
}

.search_box .s_txt1 {
	float: left;
	margin-top: 24px;
	font-weight: 400;
	font-size: 16px;
	color: #595959;
	line-height: 1.4;
}
.search_box .s_txt1 span {
	font-weight: 700;
}

.hospital_result table {
	width: 100%;
	text-align: center;
}
.hospital_result table tr {
	height: 56px;
	cursor: pointer;
	transition: all 0.2s;
}
.hospital_result table tr:hover {
	background: #F8F8F8;
}
.hospital_result table tr.no_result {
	cursor: auto;
}
.hospital_result table tr.no_result:hover {
	background: #fff;
}
.hospital_result table th {
	background: #f6f6f6;
	border-top: 1px solid #868686; 
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	cursor: auto;
}
.hospital_result table tr img.td_arrow.show {
	transform: rotate(180deg);
}
.hospital_result table tr.hm_inner {
	display: none;
	text-align: left;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
.hospital_result table tr.hm_inner.show {
	display: table-row;
}
.hospital_result table tr.hm_inner:hover {
	background: inherit;
	cursor: auto;
}
.hm_inner .inner_box {
	width: 100%;
	overflow: hidden;
	padding: 32px 72px;
}
.hm_inner .hospi_top {
	position: relative;
	width: 100%;
	height: 110px;
	background: #EAF9FF;
	border-radius: 8px;
	padding: 28px 40px;
	margin-bottom: 32px;
}
.hm_inner .hospi_top p:nth-child(1) {
	color: #222;
	font-weight: 700;
	font-size: 24px;
}
.hm_inner .hospi_top p:nth-child(2) {
	margin-top: 4px;
	color: #595959;
	font-weight: 400;
	font-size: 16px;
}
.hm_inner .hospi_top img {
	position: absolute;
	float: right;
	width: 48px;
	top: 31px;
	right: 56px;
}

.pre_txt_pc {
   	height: 32px;
   	line-height: 32px;
   	color: #222;
   	font-weight: 700;
	font-size: 18px;
}
.pre_txt_pc.y_fl {
   	float: left;
   	margin-bottom: 24px;
}
   
.pre_txt_pc img.pre_pill {
   	margin-right: 4px;
   	width: 32px;
}
.pre_sp1 img.pre_que_pc {
	width: 24px;
   	margin: 4px 0 0 8px;
   	margin-bottom: 16px;
}
.pre_sp1:hover .pre_sp2 {
   	display: block;
}
.pre_sp1 {
	position: relative;
	float: left;
}
.pre_sp2 {
   	display: none;
   	position: absolute;
   	width: 270px;
   	overflow: hidden;
   	padding: 16px;
   	background: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 16px;
	top: 10px;
	left: 10px;
	text-align: center;
	z-index: 15;
}
.pre_sp2 .sp2_txt1 {
   	color: #222;
   	font-weight: 600;
	font-size: 14px;
}
.pre_sp2 img.pre_close {
	cursor: pointer;
}
.pre_sp2 .sp2_txt2 {
   	margin-top: 8px;
	font-size: 14px;
}
.pre_sp2 .sp2_txt2 span {
   	font-weight: 600;
}
.pre_sp2 img {
   	position: absolute;
   	width: 16px;
   	top: 16px;
   	right: 16px;
}

/* 진료 정보 테이블 */
.cont-box {
	width: 100%;
	overflow: hidden;
	margin: 24px 0;
}
.cont-box>div {
	width: 50%;
	float: left;
}
.cont-box>div table {
	width: 70%;
	margin: 0 auto;
}
.cont-box>div table tr {
	height: 35px;
	font-size: 16px;
}
.cont-box>div table th {
	border: none;
	background: #fff;
	text-align: left;
	color: #929292;
	font-weight: 700;
}
.cont-box>div table td {
	border: none;
	text-align: right;
	color: #222;
	font-weight: 400;
}
.cont-box>div table td.cost {
	color: #06A5EA;
	font-weight: 700;
	font-size: 18px;
}
.cont-box>div table tr:hover {
	background: #fff;
	cursor: auto;
}

/* 처방내역 */
.prescription_pc {
	width: 100%;
	overflow: hidden;
}

.prescription_pc>ul {
	margin-bottom: 24px;
}
.prescription_pc>ul>li {
   	width: 86%;
   	overflow: hidden;
   	background: #F8F8F8;
	border-radius: 8px;
	padding: 24px;
	box-sizing: border-box;
	margin: 0 auto 16px;
	cursor: pointer;
}
.prescription_pc>ul>li img:nth-child(1) {
   	float: left;
   	margin-right: 16px;
   	width: 48px;
}
.prescription_pc>ul>li img:nth-child(2) {
   	float: right;
   	margin: 8px 8px 0 0;
   	width: 32px;
}
.prescription_pc>ul>li p {
   	float: left;
   	width: 70%;
}
.prescription_pc>ul>li p:nth-child(3) {
   	margin-bottom: 4px;
   	color: #222;
   	font-weight: 600;
}

.n_r_more.intable {
	margin: 0 auto 16px;
}


/* 의약품 상세내역 팝업 */
.medi_sec_popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.medi_sec.medi_sec_pc {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 0;
	width: 500px;
	height: 85%;
	overflow-y: scroll;
	background: #fff;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
	border-radius: 16px;
}
.medi_sec_pc .medi_ptop {
	position: relative;
	width: 100%;
	height: 56px;
	line-height: 56px;
	background: #0C73BE;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
}
.medi_sec_pc .medi_ptop img {
	position: absolute;
	top: 8px;
	right: 24px;
	cursor: pointer;
}

.medi_sec_pc .medi_inner {
	padding: 32px;
}

.medi_close {
	cursor: pointer;
}

/* 스크롤바 디자인 */
.noti-question-box::-webkit-scrollbar { width: 5.2px;} /* 스크롤 바 */
.noti-question-box::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */
.noti-question-box::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */
.noti-question-box::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.noti-question-box::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.noti-question-box::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */


.hospital_result table td {
	border-bottom: 1px solid #E4E4E4; 
}
.hospital_result table td:nth-child(1) p.hospi, .hospital_result table td:nth-child(1) p.medi {
	margin: 0 auto;
	width: 88px;
	height: 32px;
	line-height: 32px;
	border-radius: 50px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}
.hospital_result table td:nth-child(1) p.hospi {
	border: 1px solid #0C73BE;
	color: #0C73BE;
}
.hospital_result table td:nth-child(1) p.medi {
	border: 1px solid #00AE9A;
	color: #00AE9A;
}
.hospital_result table td:nth-child(3) {
	position: relative;
	text-align: center;
	text-decoration-line: underline;
	color: #5394F5;
	font-weight: 700;
}
.hospital_result table td:nth-child(3) img {
	position: absolute;
	top: 12px;
	right: 12px;
}

/* 달력 테이블 */
.calender table {
	width: 84%;
	margin: 0 auto;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}
.calender table tr {
	height: 40px;
}
.calender table th {
	border: none;
	background: #fff;
	color: #000;
	font-weight: 600;
	font-size: 14px;
}
.calender table td {
	border-bottom: none;
	color: #595959;
	font-weight: 400;
	font-size: 18px;
	cursor: pointer;
}
.calender table td.active {
	background-color: #06A5EA;
    border-radius: 50%;
    color: #fff !important;
}
.calender table td:nth-child(3) {
	color: #595959;
	text-decoration: none;
	font-weight: 400;
}
.calender table tr:hover {
	background: #fff;
	cursor: auto;
}

.update-date, .update-text {
	text-align: center;
}
.update-date {
	margin-top: 16px;
	color: #595959;
	font-weight: 400;
	font-size: 16px;
}
.update-text {
	color: #929292;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 32px;
}

/* 간편인증 본인인증 custom popup */












    
/* 간편인증 본인인증 */
.chk-box {
  	display: none;
   	margin: 40px auto 120px;
   	width: 1000px;
    height: auto;
   	background: #fff url(/images/tilko/web_img_tilko_lock_88px.svg) no-repeat top 40px center / 88px !important;
	border-radius: 24px;
	text-align: center;
	padding: 144px 24px 16px !important;
}
.chk-box>img {
   	margin: 0 auto 16px;
}
.chk-box>dl {
	text-align: center;
}
.chk-box>dl dt {
   	color: #222;
   	font-weight: 700;
	font-size: 24px;
	margin-bottom: 4px;
}
.chk-box>dl dd {
   	color: #595959;
   	font-weight: 600;
	font-size: 18px;
	margin-bottom: 32px;
}



.chk-tilko {
   	margin: 0 auto;
   	width: 540px;
   	height: 222px;
   	background: #FFFFFF;
	border: 1px solid #E9EFF4;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: 16px;
	transition: all 0.3s;
   	cursor: pointer;
}
.chk-tilko:hover {
   	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.16);
}
.chk-tilko ul {
	margin: 32px auto 16px;
	display: flex;
	width: 176px;
	justify-content: space-between;
	gap: 16px;
}
.chk-tilko ul li {
   	width: 32px;
   	height: 32px;
}
.chk-tilko ul li.kakao {
	background: url(/images/tilko/web_img_tilko_check_kakao_64px.svg) 0 0 / 100%;
}
.chk-tilko ul li.naver {
	background: url(/images/tilko/web_img_tilko_check_naver_64px.svg) 0 0 / 100%;
}
.chk-tilko ul li.payco {
	background: url(/images/tilko/web_img_tilko_check_payco_64px.svg) 0 0 / 100%;
}
.chk-tilko ul li.pass {
	background: url(/images/tilko/web_img_tilko_check_pass_64px.svg) 0 0 / 100%;
}

.chk-tilko dd {
	text-align: center;
}
.chk-tilko dt {
   	color: #222;
   	font-weight: 600;
	font-size: 18px;
	margin-bottom: 4px;
}
.chk-tilko dd {
   	color: #595959;
   	font-weight: 400;
	font-size: 16px;
}
   
.chk-tilko .cer-box {
   	position: relative;
   	margin: 32px auto 16px;
   	width: 278px;
   	height: 48px;
   	line-height: 48px;
   	background: #E9EFF4;
	border-radius: 50px;
	color: #0074DD;
	font-weight: 700;
	font-size: 18px;
}
.chk-tilko .cer-box::after {
	content: "→";
   	position: absolute;
   	right: 16px;
	font-size: 22px;
}
.chk-box .cer_click {
   	cursor: pointer;
   	margin-top: 32px;
   	font-weight: 600;
	font-size: 18px;
}
.chk-box .cer_click:hover {
   	text-decoration-line: underline;
}
   
/* 개인정보 이용 동의 팝업 */
.notice-popup.agpopup {
   	height: unset;
   	overflow-x: hidden;
}
.notice-popup.agpopup .noti-question-box {
   	color: #222;
   	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
}


     /* 간편인증 안내 팝업 */
     .notice-popup {
     	/* display: none; */
		padding: 0 !important;
     	position: fixed;
     	width: 600px;
     	height: 85%;
     	overflow-y: auto;
     	background: #fff;
     	top: 50%;
     	left: 50%;
     	transform: translate(-50%,-50%);
     	z-index: 100;
		box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
     }
     .noti-top {
     	width: calc(100% + 64px);
     	margin: 0 0 32px -32px;
     	height: 56px;
     	line-height: 56px;
     	background: #0C73BE;
     	text-align: center;
     	color: #fff;
     	font-weight: 700;
		font-size: 24px;
     }
     .noti-top img {
     	position: absolute;
     	right: 8px;
     	top: 8px;
     	cursor: pointer;
     }
     .noti-question-box {
     	overflow-x: hidden;
     	width: 580px;
     	padding: 0 32px 32px !important;
	   	font-weight: 400;
		font-size: 16px;
		line-height: 1.6;
     }
     .noti-question-box::before {
     	display: none;
     }
     .noti-question {
     	width: 100%;
     	height: 56px;
     	line-height: 56px;
     	background: #E9EFF4;
     	border-top: 1px solid #929292;
     	border-bottom: 1px solid #929292;
     	color: #222;
     	font-weight: 600;
		font-size: 16px;
     }
     .noti-question>img:first-child {
     	margin: 16px 4px 0 16px;
     }
     .noti-question>img.noti-arrow {
     	float: right;
     	margin: 12px 16px 0 0;
     	cursor: pointer;
     	transition: all 0.3s;
     }
     
     img.noti-arrow.active {
     	transform: rotate(180deg);
     }
     .noti-answer {
     	padding: 16px;
     }

     .noti-answer li {
     	color: #222;
     	font-weight: 400;
		font-size: 14px;
     	line-height: 160%;
     	list-style: disc;
     	margin-left: 16px;
     }
     
     .noti-answer.noti-t1 li:first-child {
     	list-style: none;
     	margin-left: 0px;
     	color: #222;
     	font-weight: 600;
		margin-bottom: 8px;
     }
     .noti-answer.noti-t1 li:last-child {
     	list-style: none;
     	margin-left: 0px;
		margin-top: 24px;
     }
     
     .noti-answer.noti-t1 li table {
     	width: 100%;
     	text-align: center;
     }
     .noti-answer.noti-t1 li table th {
     	background: #F8F8F8;
     	height: 38px;
     	color: #222;
     	font-weight: 600;
     	border-top: 1px solid #929292;
     }
     .noti-answer.noti-t1 li table td {
     	height: 38px;
     }
     .noti-answer.noti-t1 li table td.t-left {
    	text-align: left; 
     }
     
    .noti-remark li {
		color: #222;
		font-weight: 400;
		font-size: 14px;
		line-height: 160%;
		list-style: none;
		margin-left: 16px;
	}
	.noti-remark li::marker {
	    content: "※ ";
	    font-size: 18px;
	}

     
     /* 일반건강검진결과 간편인증 팝업 */
     .certificate_popup_back {
     	display: none;
    	width: 100%;
    	height: 100%;
    	position: fixed;
    	top: 0;
    	left: 0;
    	background:rgba(0,0,0,0.7);
    	z-index: 3;
    }
    
    .certificate_popup {
	    position: absolute;
	    top: 55%;
	    left: 50%;
	    transform: translate(-50%,-50%);
    	width: 634px;
    	max-height: unset !important;
    	overflow: hidden;
    	padding: 24px 0 104px !important;
    	background: #fff;
    	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.24);
		border-radius: 8px;
    }
    .certificate_popup .cer_sns li input[type="radio"]+label {
    	width: 24px;
    	height: 24px;
    	padding: 0;
    	margin-top: 14px;
    }
    .certificate_popup .cer_sns li input[type="radio"]+label:after {
    	width: 24px;
    	height: 24px;
    	background: url(/images/common/circle_defalut.svg) no-repeat 0 0 / 100%;
    }
    .certificate_popup .cer_sns li input[type="radio"]:checked+label::after {
    	background: url(/images/common/circle_active.svg) no-repeat 0 0 / 100%;
    }
     .certificate_popup .cer_sns img {
    	width: 48px;
    	margin-left: 4px;
    	cursor: pointer;
    }
    .certificate_popup .cer_tit {
    	margin: 0 auto;
    	text-align: center;
    	height: 74px;
    	line-height: 74px;
    	width: 90%;
    	border-bottom: 1px solid #D9D9D9;
    	color: #222;
    	font-weight: 700;
		font-size: 20px;
    }
    .certificate_popup .chk_logo {
    	position: absolute;
    	top: 32px;
    	right: 32px;
    }
    .certificate_popup .cer_txt {
    	color: #595959;
		font-weight: 400;
		font-size: 16px;
		margin-top: 16px;
		text-align: center;
    }
    .certificate_popup .cer_txt span {
    	font-weight: 700;
    }
    
    
    .certificate_popup .cer_sns {
    	margin: 0 auto;
    	width: 80%;
    	padding: 16px 0 32px;
    	display: flex;
    	justify-content: space-between;
    	align-items: flex-end;
    }
    .certificate_popup .cer_sns input {
    	float: none;
    	margin-top: 14px;
    }
    .certificate_popup .cer_sns li {
    	float: left;
		text-align: center;
		width: 80px;
    }
    .certificate_popup .cer_sns li:nth-child(1) {
    	margin-left: 48px;
    }
    .certificate_popup .cer_sns li:nth-child(4) {
    	margin-right: 48px;
    }

    .certificate_popup .cer_sns li p {
    	color: #222;
    	font-weight: 700;
		font-size: 16px;
		margin-top: 8px;
		margin-bottom: 20px;
    }
    .certificate_popup .cer_sns li:nth-child(4) p {
    	width: 120%;
    	margin: 0 0 6px -8px;
    	line-height: 1.2;
    }
    .certificate_popup .cer_sns li p span {
    	font-weight: 400;
		font-size: 14px;
    }





    .certificate_popup .cer_info {
    	margin: 0 auto;
    	width: 80%;
    	border-top: 1px solid #222;
    	border-bottom: 1px solid #222;
    }
    .certificate_popup .cer_info tr {
    	height: 40px;
    }
    .certificate_popup .cer_info tr:not(:last-child) {
    	border-bottom: 1px solid #C9C9C9;
    }
    .certificate_popup .cer_info th {
    	background: #E9EFF4;
    	color: #222;
    	font-size: 16px;
    	font-weight: 700;
    }
    .certificate_popup .cer_info td {
    	padding-left: 16px;
    }
    .certificate_popup .cer_info input {
    	cursor: auto;
    	width: 176px;
    	height: 32px;
    	border-color: #E4E4E4;
    }
    .certificate_popup .cer_info select {
    	width: 104px;
    	height: 32px;
    	line-height: 30px;
    	margin-right: 8px;
    	border-color: #E4E4E4;
    }
    .certificate_popup .cer_info input::placeholder {
    	font-weight: 400;
    	color: #929292;
    }
    .certificate_popup .agree_div {
    	width: 80%;
    	overflow: hidden;
    	margin: 32px auto 16px;
    	justify-content: space-between;
    }
    
    .agree_div input[type="checkbox"]+label,
    .a_box_in input[type="checkbox"]+label {
    	width: 20px;
    	height: 20px;
    	padding: 0;
    	margin-right: 4px;
    	min-height: unset;
    }
    .agree_div input[type="checkbox"]+label:after,
    .a_box_in input[type="checkbox"]+label:after {
    	width: 20px;
    	height: 20px;
    	background-size: 100%;
    }
    .agree_div p.ag_txt1 {
    	color: #222;
    	font-weight: 700;
		font-size: 16px;
    }
    .agree_div .all_agree, .a_box_in .all_label{
		cursor: pointer;
    }
    .agree_div p.ag_txt2 {
    	color: #458EE8;
    	font-weight: 600;
		font-size: 15px;
    }
    .certificate_popup .a_box_in {
    	margin: 0 auto;
    	width: 80%;
    	overflow: hidden;
    	justify-content: space-between;
    }
    .certificate_popup .a_box_in .a_box {
    	width: 48%;
    	height: 48px;
    	border: 1px solid #C9C9C9;
		border-radius: 8px;
		padding: 12px;
		justify-content: space-between;
    }
    .certificate_popup .a_box_in .a_box>div {
    	display: flex;
    	align-items: center;
    }
    .certificate_popup .a_box_in .a_box p,
    .certificate_popup .a_box_in .a_box .all_label {
    	color: #222;
    	font-weight: 400;
		font-size: 14px;
    }
    .certificate_popup .a_box_in .a_box p:last-child {
    	float: right;
    	color: #929292;
    	font-weight: 700;
		font-size: 14px;
		cursor: pointer;
		line-height: 1;
    }
    .certificate_popup .btn_div {
   		position: fixed;
    	width: 100%;
    	height: 56px;
    	bottom: 0;
    }
    .certificate_popup .btn_div p {
    	float: left;
    	height: 100%;
    	line-height: 56px;
    	text-align: center;
    	font-weight: 700;
		font-size: 20px;
		cursor: pointer;
    }
    .certificate_popup .btn_div p.popup_close {
    	width: 38%;
    	color: #929292;
    	background: #E4E4E4;
    	border-radius: 0 0 0 8px;
    }
    .certificate_popup .btn_div p.request {
    	float: right;
    	width: 62%;
    	color: #fff;
    	background: #458EE8;
    	border-radius: 0 0 8px 0;
    }
    
    
    
    /* popup_step2 */
    .popup_step2 {
    	display: none;
    }
    
    .popup_step2>p {
    	color: #222;
    	text-align: center;
    }
    .popup_step2>p.p_txt1 {
    	font-weight: 700;
    	margin: 24px 0 32px;
    }
    .popup_step2>p.p_txt2 {
    	margin: 16px 0;
    	font-weight: 400;
    }
    
    .popup_step2 .cer_step {
    	margin: 32px auto;
    	width: 80%;
    	overflow: hidden;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    }
    .popup_step2 .cer_step li {
    	text-align: center;
    }
    .popup_step2 .cer_step li p {
		font-size: 14px;
    	color: #222;
    }
    .popup_step2 .cer_step li p:nth-child(2) {
    	margin: 16px 0 8px 0;
    	font-weight: 600;
    }
    .popup_step2 .cer_step li p:nth-child(3) {
    	font-weight: 400;
    }
    .popup_step2 .cer_step li p span {
    	font-weight: 700;
    }

    .action_method {
    	margin: 0 auto;
    	width: 90%;
    	overflow: hidden;
    	padding: 16px;
    	background: #F8F8F8;
		border-radius: 4px;
		font-size: 14px;
    }
    
    .action_method p {
    	color: #222;
    	font-weight: 600;
    }
    .action_method ul li {
    	word-break: keep-all;
    	font-weight: 400;
    	margin-top: 16px;
    	padding-left: 24px;
    	background: url(/images/tilko/web_img_tilko_check_info_16px.svg) no-repeat left center;
    }
    .action_method ul li span {
    	font-weight: 600;
    }


/* 알림창 */
.alert_popup {
	z-index: 10;
	display: none;
	position: absolute;
	padding: 72px 16px 16px !important;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	width: 328px;
	overflow: hidden;
	background: #fff url(/images/tilkoCertificateNew/app_icn_tilko_alert1_24.svg) no-repeat top 32px center / 24px !important;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	text-align: center;
}
.alert_popup .alert_blue {
	width: 100%;
	height: 12px;
	background: #0C73BE;
}
.alert_popup p.al_txt1 {
	color: #222;
	font-weight: 600;
	font-size: 16px;
}
.alert_popup p.al_close {
	width: 70%;
	height: 40px;
	background: #E9EFF4;
	border-radius: 50px;
	line-height: 40px;
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	margin: 24px auto 0;
	cursor: pointer;
}
.alert_popup p.al_txt2 {
	color: #FF753A;
	font-weight: 500;
	font-size: 14px;
	margin-top: 16px;
	padding: 0 16px;
}
    

  
/************문진표************/
     .mjp-service{text-align: center;padding-bottom: 64px; }
     .mjp-service img{width:96px;}
     .mjp-service>p{font-size: 40px;font-weight: 600;color: #222;}
     .mjp-service .mjp-content>p{font-size: 18px;line-height: 28px;color: #595959;margin: 16px 0 56px}
     .mjp-service .mjp-content>p>span{color:#929292;font-size: 16px;}
     .mjp-service .mjp-content .agree-box{border:2px solid #E4E4E4;border-radius: 8px;height: 150px;overflow: auto;padding: 16px 24px;/*overflow: scroll;*/ -ms-overflow-style: none;}
     /*.mjp-service .mjp-content .agree-box::-webkit-scrollbar { width: 0 !important;display: none; }*/
     .mjp-service .mjp-content .agree-box p{text-align: left;font-weight: 300;}
     .mjp-service .mjp-content .agree-box b{font-weight: 500;}
     .mjp-content .agree-check{margin: 16px 0 64px;}
     .mjp-content input[type="checkbox"]+label{font-size: 16px;padding-left: 25px;min-height: 18px;}
     .mjp-content input[type="checkbox"]+label:after{width: 18px;height: 18px;background-size: 18px 18px;}
     .mjp-service .mjp-content button{width: 465px;height:64px;line-height: 64px;color: #fff;border-radius: 42px;font-size: 18px;font-weight: 500;position: relative;}
     .mjp-service .mjp-content button::after{background: url(/images/tilko/arrow-white.svg) no-repeat;position: absolute;display: block;content:'';width: 10px;height: 16px;right: 27px;top:27px;}

	/* 약관 수정 */
	.mjp-service .mjp-content .agree-box {text-align: left;}
	.mjp-service .mjp-content .agree-box .article:not(:first-child) {margin-top: 16px;}
	.mjp-service .mjp-content .agree-box ol li {margin-left: 8px;}

/*이용약관*/
     .txt-red{color:#F8463B; }
     .txt-green{color:#2ABB75;}
     .txt-blue{color: #06A5EA;}
     .more-txt{float:right;text-decoration: underline;color:#929292;display: block;margin-right: 68px;cursor:pointer;}
     .result-inquiy-service{background-color:#ECEEEF;padding: 94px 0; }
     .result-inquiy-service .service-box01, .result-inquiy-service .service-box02{width: 1100px;margin: 0 auto;}
     .result-inquiy-service .service-box01{text-align: center;}
     .result-inquiy-service .service-box01 .tit-txt{position: relative;font-size: 36px;font-weight:700;color: #222;}
     
     .result-inquiy-service .service-box01 .service-img{margin: 32px auto;}
     .result-inquiy-service .service-box01 .tit-txt::before {position: absolute;display: block;content:'';width: 32px;height: 8px;background-color: #06A5EA;border-radius: 4px;top:-32px;left:49%;}
     
     /* 24.01 수정 */
     .result-inquiy-service .service-box01 .service-txt {font-size: 24px;line-height: 1.6;margin-bottom: 56px;}
     .result-inquiy-service .service-box01 .service-txt b {font-weight: bold;}
     .result-inquiy-service .service-box01 .service-txt span {color: #2C7FFA;}     
     
     .result-inquiy-service .service-box02 .info-box p{font-size: 18px;font-weight: 700;text-align: center;color: #222;margin-bottom: 24px;}
     .result-inquiy-service .service-box02 .info-box ul{border: 1px solid #929292;background: #F8F8F8;border-radius: 8px;padding: 24px 46px;line-height: 32px;margin-bottom: 70px;}
     .result-inquiy-service .service-box02 .info-box ul li b {font-weight: bold;}
     
     .result-inquiy-service .service-box02 .agreement-inner{display: none;}
     .result-inquiy-service .service-box02 .agreement-inner.show{display: block;}
     .result-inquiy-service .service-box02 .agreement-list{margin-bottom: 42px }
     .result-inquiy-service .service-box02 .agreement-list>li{background-color: #F8F8F8;border-radius: 8px;color:#595959;min-height: 78px;line-height: 78px;}
     /* .result-inquiy-service .service-box02 .agreement-list>li:first-child{border:1px solid #929292;height: 100px;line-height: 100px;} */
     .result-inquiy-service .service-box02 .agreement-list>li{position: relative;}
     .result-inquiy-service .service-box02 .agreement-list>li::after{content:''; display: block;position: absolute;background: url(/images/tilko/drop-down.svg) no-repeat;width:24px;height:24px;right:24px;top:28px;}
     .result-inquiy-service .service-box02 .agreement-list .agreement-inner{float:left;background-color: #E4E4E4;font-weight: 400;font-size: 14px;line-height: 24px;}
     .result-inquiy-service .service-box02 input[type="checkbox"]+label {font-size: 18px;padding-left: 108px;line-height: 32px;}
     .result-inquiy-service .service-box02 input[type="checkbox"]+label:after{background: url(/images/tilko/check_default.svg) no-repeat 0 0;background-size:48px 48px;left: 42px; width: 48px;height: 48px;top:-6px;}
     .result-inquiy-service .service-box02 input[type="checkbox"]:checked+label:after{background: url(/images/tilko/Check_fill.svg) no-repeat 0 0;background-size:48px 48px;left: 42px;top:-6px;}
     .result-inquiy-service .service-box02 .agreement-list>li:first-child input[type="checkbox"]+label{font-size: 22px;font-weight: 700;}
     
     .result-inquiy-service .service-box02 .btn-group li{text-align: center;}
     .result-inquiy-service .service-box02 .btn-group button{width: 328px;height: 56px;max-height: 56px;border-radius: 8px;font-weight: 500;font-size: 16px;color: #fff;}

	.result-inquiy-service .service-box02 .end-txt {text-align: center;margin-top:24px;font-size: 16px;color:#595959;line-height: 1.6;}
	.result-inquiy-service .service-box02 .end-txt b{font-weight: 600;}
	
/*대상자 선택*/
     .tilko-resistration-select{text-align: center;background-color: #ECEEEF;padding-top:40px;min-height: 100vh; }
     .tilko-resistration-select .tilko-header h2{font-size: 36px;font-weight: 700;color: #222;position: relative;}
     .tilko-resistration-select .tilko-header h2::before{position: absolute;display: block;content:'';width: 32px;height: 8px;background-color: #06A5EA;border-radius: 4px;top:-32px;left:49%;}
     .tilko-resistration-select .select-box{width: 1016px;margin: 0 auto;}
     .logout{background: #ECEEEF;text-align: right;padding: 0 98px 70px 0;}
     .logout:hover{text-decoration: underline;}
     
     /* .tilko-resistration-select .select-list{margin-top: 72px;display: flex;justify-content: center;}
     .tilko-resistration-select .select-list>li{position:relative;width: 328px;border-radius: 8px;height: 72px;margin-bottom:28px;min-height: 72px;display: flex;justify-content: space-between;padding: 0  16px 0 8px;}
     .tilko-resistration-select .select-list>li:not(:last-child) {margin-right: 16px;}
     .tilko-resistration-select .select-list>li.myself{background-color: #458EE8;}
     .tilko-resistration-select .select-list>li.spouse{background-color:#777CE7;}
     .tilko-resistration-select .select-list>li.brothers{background-color: #05C1AB;}
     .tilko-resistration-select .select-list>li.parents{background-color: #06A5EA;}
     .tilko-resistration-select .select-list>li.etc{background-color: #FF976A;}
     .tilko-resistration-select .select-list>li>dl{display: flex;color: #fff;font-size: 16px;align-items: center;}
     .tilko-resistration-select .select-list .re_chk{height: 40px;line-height: 40px;}
     .tilko-resistration-select .select-list .re_chk input[type="radio"]+label{position: relative;padding-left: 40px;}
     .tilko-resistration-select .select-list .re_chk input[type="radio"]+label::after{content:'';position: absolute;display:block;width:40px;height: 40px;right:0;top:-2px;background: url('/images/tilko/chk_image01.svg') no-repeat;background-size: 40px 40px;opacity: 1; }
     .tilko-resistration-select .select-list .myself .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image02.svg') no-repeat;}
     .tilko-resistration-select .select-list .spouse .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image03.svg') no-repeat;}
     .tilko-resistration-select .select-list .brothers .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image04.svg') no-repeat;}
     .tilko-resistration-select .select-list .parents .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image05.svg') no-repeat;}
     .tilko-resistration-select .select-list .etc .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image06.svg') no-repeat;}
     .tilko-resistration-select .select-list>li>dl .re_who, .tilko-resistration-select .select-list dl .re_name{width: 88px;text-align: center;}
     .tilko-resistration-select .select-list>li>dl .re_who{font-size: 14px;} */
     /* 추가 */
     /* .tilko-resistration-select .select-list .change_btn {position: absolute;top: 76px;width:100%;height: 24px;color:#fff;background:#929292 url(/images/tilko/web_img_tilko_change_family_down_16px.svg) no-repeat right 128px center;padding-right:24px;margin-left:-8px;border-radius:4px;font-size: 14px;}
     .tilko-resistration-select .select-list .change_btn.active {background:#929292 url(/images/tilko/web_img_tilko_change_family_up_16px.svg) no-repeat right 128px center;}
     .tilko-resistration-select .select-list .change_family {display:none;position: absolute; width: 100%;background: #fff;border: 1px solid #E4E4E4;box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.12);border-radius: 8px;margin-left:-8px;top: 100px;}
     .tilko-resistration-select .select-list .change_family li {line-height:48px;height:48px;}
     .tilko-resistration-select .select-list .change_family li:hover {background: #F8F8F8;}
	 .tilko-resistration-select .select-list .change_family li label {cursor:pointer;}
	 .tilko-resistration-select .select-list .change_family li dl {display:flex;align-items: center;padding: 0 8px 0 16px;}
	 .tilko-resistration-select .select-list .change_family li dl dt {font-size: 14px;color:#929292;margin-right:24px;}
	 .tilko-resistration-select .select-list .change_family li dl dd {color: #222;font-weight: 600;}
	 .tilko-resistration-select .select-list .change_family li dl dd input[type="radio"]+label {display: inline;}
	 .tilko-resistration-select .select-list .change_family li dl dd:nth-child(2) {margin-right: auto;}
	 .tilko-resistration-select .select-list .change_family li dl dd:nth-child(3) {margin-left: auto;} */







     .tilko-resistration-select .select-list{margin-top: 72px;display: flex;flex-wrap: wrap;justify-content: center;}
     .tilko-resistration-select .select-list li{width: 298px;border-radius: 8px;height: 72px;min-height: 72px;margin: 0 24px 16px 0;display: flex;justify-content: space-between;padding: 0  16px 0 8px;}
     .tilko-resistration-select .select-list li.myself{background-color: #458EE8;}
     .tilko-resistration-select .select-list li.spouse{background-color:#777CE7;}
     .tilko-resistration-select .select-list li.brothers{background-color: #05C1AB;}
     .tilko-resistration-select .select-list li.parents{background-color: #06A5EA;}
     .tilko-resistration-select .select-list li.etc{background-color: #FF976A;}
     .tilko-resistration-select .select-list dl{display: flex;color: #fff;font-size: 16px;align-items: center;}
     .tilko-resistration-select .select-list .re_chk{height: 40px;line-height: 40px;}
     .tilko-resistration-select .select-list .re_chk input[type="radio"]+label{position: relative;padding-left: 40px;}
     .tilko-resistration-select .select-list .re_chk input[type="radio"]+label::after{content:'';position: absolute;display:block;width:40px;height: 40px;right:0;top:-2px;background: url('/images/tilko/chk_image01.svg') no-repeat;background-size: 40px 40px;opacity: 1; }
     .tilko-resistration-select .select-list .myself .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image02.svg') no-repeat;}
     .tilko-resistration-select .select-list .spouse .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image03.svg') no-repeat;}
     .tilko-resistration-select .select-list .brothers .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image04.svg') no-repeat;}
     .tilko-resistration-select .select-list .parents .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image05.svg') no-repeat;}
     .tilko-resistration-select .select-list .etc .re_chk input[type="radio"]:checked+label::after{background: url('/images/tilko/chk_image06.svg') no-repeat;}
     .tilko-resistration-select .select-list dl .re_who, .tilko-resistration-select .select-list dl .re_name{width: 88px;text-align: center;}
     .tilko-resistration-select .select-list dl .re_who{font-size: 14px;} 
     
     
     /* 추가 */ .tilko-resistration-select .btn-list li .inputPassword {cursor:auto;line-height:1;position: absolute;top:-24px;left:50%;width:106%;transform:translateX(-50%);color: #FF753A;text-align: center;font-size: 16px;}
     .tilko-resistration-select .add-text{margin: 40px 0 64px;}
     .tilko-resistration-select .add-text img{vertical-align: middle;margin-right: 8px;cursor: pointer;}
     .tilko-resistration-select .add-text span{font-weight: 700;cursor: pointer;}
     .tilko-resistration-select .btn-list li{position: relative; height:56px;border-radius: 8px;line-height: 56px;width: 328px;margin: 0 auto 8px; cursor: pointer;}
     .tilko-resistration-select .btn-list li button{color: #fff;font-size: 16px;}
     .tilko-resistration-select .btn-list li.correct-btn,
     .tilko-resistration-check .btn-group li.correct-btn {border: 1px solid #595959;background-color: #fff;}
     .tilko-resistration-select .btn-list li.correct-btn button{color:#222;width: 100%; }
     .tilko-resistration-select .notify-txt{margin-top: 10px;color:#FF753A;}
     .tilko-resistration-select .certify-txt,
     .result-inquiy-service .service-box02 .certify-txt{display: flex;justify-content: center;color: #595959;margin: 16px 0;}
     .tilko-resistration-select .certify-txt li b,
     .result-inquiy-service .service-box02 .certify-txt li b{color: #FF753A;font-weight: 700;}
     .tilko-resistration-select .certify-txt .careBtn,
     .result-inquiy-service .service-box02 .certify-txt .careBtn{position: relative;margin: 0 0 0 8px;}
     .tilko-resistration-select .certify-txt .careBtn:hover+.button_area,
     .result-inquiy-service .service-box02 .certify-txt .careBtn:hover+.button_area{display: block;}
     .tilko-resistration-select .certify-txt .button_area,
     .result-inquiy-service .service-box02 .certify-txt .button_area{display: none;position: absolute;background: #fff;border: 1px solid #C9C9C9;padding: 24px 16px;border-radius: 16px;font-size: 14px;text-align: center;}
     .tilko-resistration-select .certify-txt{margin: 24px 0 16px;}
/*대상자 등록*/
     .tilko-resistration{background-color:#fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);width: 460px;margin: 0 auto;border-top:16px solid #06a5ea;position: absolute;transform: translate(-50%, -50%);top:50%;left:50%;z-index: 12;font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
     .tilko-resistration > img{position: absolute;right: 0;top:-52px;width: 24px;height: 24px; cursor: pointer;}
     .tilko-resistration .tilko-header .tit-txt{font-size: 18px;font-weight: 700;text-align: center;color: #222;padding-top: 32px;}
     .tilko-resistration .resistration-box{padding: 36px 74px 28px;}
     .tilko-resistration .resistration-box ul li{margin-bottom: 24px;}
     .tilko-resistration .resistration-box ul li label{color: #222;font-weight: 700;font-size: 14px;}
     .tilko-resistration .resistration-box ul li label span {color: #595959; font-weight: 400; font-size: 12px;}
     .tilko-resistration .resistration-box ul li input{border: 1px solid #929292;border-radius: 8px;background-color: #fff;margin: 12px 0 8px 0;height: 48px;width: 100%;padding: 0 16px;color: #222;font-weight: 400;font-size: 16px;}
     .tilko-resistration .resistration-box ul li input.no-modify{color: #595959;text-align: center;background: #e4e4e4;font-weight: 700;border:1px solid #c9c9c9; }
     .tilko-resistration .resistration-box ul li input::placeholder,
     .tilko-resistration .resistration-box ul li input[type="date"]::before{color: #929292;font-size: 14px;font-weight: 300;}
     .tilko-resistration .resistration-box ul li input[type="date"]{position: relative;}
     .tilko-resistration .resistration-box ul li input[type="date"]::after{display: block;content:'';position: absolute;background: url(/images/tilko/calendar.svg) no-repeat;width: 24px;height: 24px;top:11px;right: 8px;}
     .tilko-resistration .resistration-box ul li input[type="date"]:not(.date_not_empty)::before{content:attr(data-placeholder);width: 100%;}
     .tilko-resistration .resistration-box ul li input[type="date"]:focus::before,
     .tilko-resistration .resistration-box ul li input[type="date"]:valid::before{display: none;}
     .tilko-resistration .resistration-box ul li .txt-blue{font-size: 12px;font-weight: 300; color:  #06A5EA;}
     .tilko-resistration .resistration-box .btn-group button{font-size: 16px;color: #fff;height: 56px;line-height: 56px;border-radius:8px;width: 100%; }
     .tilko-resistration .resistration-box .btn-group li{margin-bottom: 12px;}
     .tilko-resistration .gender p{margin-bottom: 8px;font-weight: 700;color: #222;font-size: 14px;}
     .tilko-resistration .gender ul:first-child{padding: 0;}
     .tilko-resistration .gender ul li{margin: 0;width: 48%;float: left;}
     .tilko-resistration .gender ul li:nth-child(1){margin-right: 8px;}
     .tilko-resistration .gender ul li input[type="radio"]{opacity: 0;position: fixed;width: 0;}
     .tilko-resistration .gender ul li input[type="radio"]+label{width:100%;border-radius:8px;height: 48px;line-height: 48px;border: 1px solid #C9C9C9;padding: 0;text-align: center;color: #929292;font-weight: 400;background-color: #fff;}
     .tilko-resistration .gender ul li input[type="radio"]+label::after{background: none;}
     .tilko-resistration .gender ul li input[type="radio"]:checked:not(:disabled)+label{border:2px solid #06A5EA;color: #06A5EA;background: #fff;}
     .tilko-resistration .gender ul li input[type="checkbox"]:disabled+label, .tilko-resistration .gender ul li input[type="radio"]:disabled+label{opacity: 1!important;background: #e4e4e4;}
     .tilko-resistration .gender ul li input[type="radio"]+label img{position: absolute;left: 40px;top: 19px;}
     .tilko-resistration .resistration-box ul li.adress input{margin: 0 0 8px;}
     .tilko-resistration .resistration-box ul li.adress input.postcode{width: 50%;margin-top: 12px;}
     .tilko-resistration .resistration-box ul li.adress button{background:#0C73BE;border-radius: 8px;height: 48px;line-height: 48px;width: 48%;color: #fff;font-size: 14px;margin-top: 12px;}
     .tilko-resistration .resistration-box .red-border{border: 1px solid #F8463B !important;}
     .tilko-resistration .bot-txt{text-align: center;font-size: 14px;color: #595959;}
     .tilko-resistration .bot-txt p{font-weight:700;margin-top: 8px; }
/*대상자 정보 확인*/
     .tilko-resistration-check{width: 562px; }
     .tilko-resistration-check > p{text-align: center;color:#06A5EA;font-size: 14px; margin-top: 8px; }
     .tilko-resistration-check table{width: 100%;border-collapse: collapse;border-style: hidden;overflow: hidden;border-bottom:1px solid #c9c9c9;}
     .tilko-resistration-check table tr{border-bottom: 1px solid #C9C9C9;}
     .tilko-resistration-check table th, .tilko-resistration-check table td{padding: 8px;color: #222;}
     .tilko-resistration-check table th{text-align: left;padding-right: 0;}
     .tilko-resistration-check table td{text-align: right;word-break:keep-all;}
     .tilko-resistration-check table td p{font-size: 14px;color: #FF753A;}
     .tilko-resistration-check .resistration-box .btn-group{margin-top: 40px;}
     .tilko-resistration-check .resistration-box .btn-group li{width: 298px;margin: 0 auto 12px;border-radius: 8px;color: #fff;}
     .tilko-resistration-check .resistration-box .btn-group li button.bg-main01{color: #fff;}
     .tilko-resistration-check .resistration-box .btn-group li button{background: #C9C9C9;color: #595959;font-weight: 500; }
     .tilko-resistration-check .resistration-box .btn-group li.correct-btn button{background: #fff;}
     
     
     
     
@media screen and (max-width:1100px){
	 .top__inner--box, .mid__inner, .box__inner{
	   width: 85%;
	 }

}
@media screen and (max-width:768px){

/*             bmichallengeresult               */
     .bmi-result-page{
       padding: 24px 0 0; 
       background: #2C7CF2;
       margin: 0 -16px;
      }
     .result-tit{
       font-size:16px; 
       color: #fff;
       padding-bottom: 32px;
     }
     .result-tit::after{
        display: none;
      }
     .result-tit p:nth-child(2){
       font-size: 20px;
     }
     .result-tit p:nth-child(2) span{
       color: #FFEA52;
     }
     .result-cont{
       padding: 21px 16px 73px;
       background: #f8f8f8;
       border:0;
       width: 100%;
       border-radius:50px 50px 0 0;
     }
     .result-cont .result-cont-tit img:nth-child(1){
       display: none;
     }
     .result-cont .result-cont-tit img:nth-child(2){
       display: block;
       position: absolute;
       top: -26%;
       left: 50%;
       transform:translate(-50%, 18%);
     }
     .result-cont .result-cont-tit p:nth-child(3) {
       margin: 0 0 7px;
       font-size: 16px;
     }
     .result-cont .result-cont-tit p:nth-child(4){
       font-size: 14px;
     }
     .result-cont>:nth-child(4), .result-cont .bmi_icon, .bmi-result-graph #demo{
       width: 328px;
     }
     .result-cont>:nth-child(4){
       margin: 0 auto;
     }
     .bmi-result-check{display: block;}
     .bmi-result-check-modal{display: none;}
     .bmi-result-check-modal .modal__inner{
       border-radius: 8px;
       border-top: 0;
       padding: 25px;
       font-size: 16px;
       line-height: 23px;
     }
     .bmi-result-check-modal .modal__inner img{
       position: absolute;
       top:-24px;
       right: 0;
       width: 16px;
     }
     .bmi-result-check p:nth-child(1){
       font-size: 16px;
       color: #222;
       font-weight: 500;
     }
     .bmi-result-check p:nth-child(2){
       font-size: 14px;
       text-decoration: underline;
       color: #595959;
       font-weight: 500;
       margin: 4px 0 40px;
     }
     .bmi-content .bmi-result-graph{width: 328px;}
     .bmi-result-graph ul{display: none;}
     .bmi-result-cont p:nth-child(1){
       width: 114px;
       height: 44px;
       line-height: 38px;
       border: 2px solid #247AC9;
       font-size: 28px;
     }
     .line{
       height: 29px;
     }
     .bmi-result-cont p:nth-child(3){
       width: 96px;
       height: 24px;
       line-height:22px;
       font-size: 12px;
     }
     .bmi-result-box p:nth-child(1){
       margin: 34px 0 8px;
       font-size: 20px;
     }
     .bmi-result-box p:nth-child(2){
       font-size: 12px;
     }
     .bmi-result-box02{
       padding: 24px 32px;
       border: 0;
       width: 110%;
       margin: 0 -16px;
     }
     .bmi-result-box02 p{
       white-space: inherit;
       font-size: 14px;
       line-height: 22px;
     }
     .bmi-result-page .bmi-content{
       width: 100%;
       background: #f8f8f8;
     }
     .bmi-result-page .bmi-content .content-mid-02{
       margin-top: 0;
       padding: 24px 32px;
     }
     
/*             bmichallengeinner               */
    .event .content-top{
        background-image: url("/images/bmi/m_bg_top.svg");
        background-size:  cover;
     }
    .event .content-top{
       padding: 24px 16px;
    }
    .event .top-innner-tit p:nth-child(1){
       font-size: 16px;
       line-height: 30px;
    }
    .event .top-innner-tit p:nth-child(2){
       font-size: 20px;
    }
    .event .top-innner-tit p:nth-child(2)::after{
       display: none;
    }
    .top-inner-box{
       margin: 175px auto 0;
       width: 98%;
       padding: 32px;
    }
    .top-inner-box img:nth-child(1){
       display: none;
    }
    .top-inner-box img:nth-child(2){
       display: block;
       position: absolute;
       top:-28%;
       left:46%;
       transform: translate(-49%, 0);
    }
    .top-inner-box p:nth-child(3){
       font-size: 16px;
       line-height: 25px;
    }
    .top-inner-box p:nth-child(5){
       font-size: 28px;
    }
    .top-inner-box img:nth-child(6) {
        width: 196px;
        height: 196px;
    }
    .top-inner-box p:nth-child(7){
        font-size:16px;
        line-height: 25px;
        margin-top: 27px;
    }
    .content-mid{
        padding: 16px 0 8px;
    }
    .mid-inner{
        width: 91%;
        margin: 0 auto 8px;
        padding: 24px 0;
    }
    .mid-inner-tit{
        max-width: 148px;
        height: 32px;
        line-height:32px;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .mid-inner-cont01{
       margin: 28px 0 56px;
    }
    .mid-inner-cont01 ul li{
        margin: 12px auto !important;
    }
    .mid-inner-cont01 ul li img{
       float: none;
       width: 44px;
       height: 44px;
       margin: 0;
    }
    .mid-inner-cont01 ul li p{
       text-align: center;
    }
    .mid-inner-cont01 ul li p:nth-child(2){
       font-size: 14px;
       font-weight: 500;
       margin-top: 8px;
    }
    .mid-inner-cont01 ul li p:nth-child(3){
       font-size: 12px;
       margin-top: 6px;
    }
    .mid-inner-cont02>img{
        width: 49px;
        height: 53px;
        margin: 8px 0 28px;
    }
    .mid-inner-cont02 ul li{
       display: block;
    }
    .mid-inner-cont02 ul li p,
    .mid-inner-cont02 ul li:nth-child(4) p,
    .mid-inner-cont02 ul li:nth-child(5) p,  
    .mid-inner-cont02 ul li:nth-child(6) p{
        margin: 12px 0 0;
        font-size: 16px;
    }
    .mid-inner-cont02 .jeju-list li:not(:last-child) img{
       width: 78px;
     }
     .mid-inner-cont02 .jeju-list li:last-child{
       width: 100%;
       margin:0 0 0 8px;
       display: flex;
     }
     .mid-inner-cont02 .jeju-list li:last-child img{
       width: 116px;
     }
     .mid-inner-cont02 .jeju-list li p{
       font-size: 16px;
     }
     .mid-inner-cont02 .jeju-list li:last-child p{
       font-size: 16px;
     }
    .mid-inner-cont03{
      font-size: 12px;
      padding: 0 16px;
    }
    .mid-inner-cont03 dl:nth-child(1){
      display: block;
    }
    .mid-inner-cont03 dl:nth-child(1) dd{
      margin-left: 10px;
    }
    .jeju-mid-inner-cont03{
       margin: 0;
       padding: 0 7px;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1){
       border:0;
       border-radius:0;
       padding: 0;
       line-height: 20px;
       text-align: center;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt:nth-child(3), .jeju-mid-inner-cont03 dl:nth-child(1) dd:nth-child(4){
       float: none;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt{
       position: relative;
       margin-left: 0
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dt::after{
       display: none;
     }
     .jeju-mid-inner-cont03 dl:nth-child(1) dd{
       font-weight: 300;
       margin: 0 0 16px;
     }
    .mid-inner-box{
       width: 95%;
       margin: 32px auto;
       padding: 16px;
     } 
     .mid-inner-box dt{
       float: none;
       width: 61px;
       margin: 0 auto;
       top: -44px;
     }
     .mid-inner-box dd{
        margin-left:0;
        font-size: 14px;
     }
     .box-inner{
        width: 92%;
        padding: 18px 12px;
     }
     .box-inner a{
       display: flex;
       justify-content: space-between;
       width: 100%;
     }
     .box-inner p{
        font-size: 12px;
        text-decoration: underline;
     }
     .box-inner a img{
        display: block;
        width: 9px;
     }
     .box-inner .all_chk input[type="checkbox"]+label{
        font-size: 0;
        padding-left: 12px;
     }
     .box-inner .all_chk input[type="checkbox"]+label:after{
        top:-14px;
     }
    .box-inner .all_chk{
        height: 37px;
     }
    .event .content-bot{
       padding-bottom: 32px;
       margin-bottom: 32px;
    }
    .content-bot>p{
       white-space: pre-wrap;
       font-size: 14px;
       line-height: 20px;
       margin: 40px 0 16px;
    }
    .content-bot ul li{
       width:90%;
       height: 56px;
       line-height: 56px;
       margin-bottom: 8px;
    }
    .content-bot ul li a {
        font-size: 16px;
    }
    .content-bot .clause{
       width: 92%;
       padding: 0 5px 24px;
       margin-top: -2px;
       display: none;
    }
     .clause {
       display: none;
     }
     .clause .clause-inner{
       padding:0;
       background: #fff;
     }
     .clause .clause-inner p{
       font-size: 11px;
     }
     .content-bot .all_chk{
       display: block;
       width:91%;
       padding: 16px 16px 0;
       background-color: #F8F8F8;
     }
     .content-bot .all_chk p{
       white-space: pre-wrap;
       padding-bottom: 16px;
     }
     .content-bot .all_chk label{
       float: right;
     }
/*             lifelog              */  
     .lifelog{
       padding-bottom: 0;
     }   
     .lifelog .life-survey{
       margin: 0;
       height:fit-content;
       padding: 32px 0 0;
     }
     .lifelog .life-survey>p{
       font-size: 18px;
       width: 70%;
     }
     .lifelog .survey-wrap{
       display: block;
       margin: 32px 0 24px 0;
     }
     .lifelog .survey-wrap .survey-box{
       display: block;
     }
     .lifelog .survey-wrap .survey-box input[type="radio"]+label{
       height: 56px;
       line-height: 56px;
       margin:8px 0!important;
       font-size: 16px;
     }
     .lifelog .survey-btn{
       display: flex;
       justify-content: space-between;
     }
     .lifelog .survey-btn li{
       width: 110px;
       height: 40px;
       line-height: 40px;
       border-radius: 20px;
       background: #e4e4e4; 
       text-align: center;
       font-size: 16px;
     }
     .lifelog .clear-btn input{
       display: none;
     }
     .progress-text{
       padding: 24px 0 8px;
       display: block;
     }
     .progress {
       background: #e4e4e4;
       justify-content: flex-start;
       border-radius: 4px;
       align-items: center;
       position: relative;
       display: flex;
       height: 8px;
       width: 100%;
      }
     .progress-value {
        border-radius: 4px;
        background: #06A5EA;
        height: 8px;
        width: 12.5%;
      }
      .progress-text{
        color: #222; 
        display: block
      }

/*             bmi 챌린지              */
	#health-info_body{
	   margin: 30px auto;
    }
	.bg_gray{
       background-color: #f8f8f8;
     }
     .title{
       font-size: 24px;
       margin: 20px 0 26px;
     }
    .content-top>img{
       width: 56px;
    }
    .bmi-content{
       padding: 34px 0 8px;
    }
    .bmi-content .box{
       width: 82px;
       height: 48px;
       margin: 0 auto 75px;
    }
    .bmi-content .box p{
       font-size:32px; 
    }

    .bmi-content .bmi-result .bmi-result-txt{
       width: 114px;
       height: 44px;
       line-height:42px;
       font-size: 28px;
       border: 2px solid #247AC9;
       border-radius: 24px;
       font-weight: 700;
       margin: 23px auto 10px;
    }
    .bmi-content .bmi-result .bmi-date-txt{
      margin-bottom: 32px;
    }
    .bmi-content .content-mid-01{
       padding: 16px;
       border:none;
       box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
       border-radius: 4px;
       background: #fff;
       text-align: right;
    }
    .bmi-content .content-mid-01 img{
       float: left;
       width: 60px;
       height: 100px;
       margin-right: 12px;
    }
    .bmi-content .content-mid-01 .sub__tit{
       font-size: 16px;    
     } 
    .bmi-content .content-mid-01 .txt__body, .bmi-content .content-mid-02 .txt__body, .content-bot .txt__body{
       white-space:inherit;
       font-size: 14px;
       line-height: 22px;
    }
    .bmi-content .content-mid-02{
       background: #fff;
       padding: 24px 32px;
       text-align: left;
    }
    .bmi-content .content-mid-02 .sub__tit{
       font-size: 14px;
    }
    .bmi-content .content-bot{background:#f8f8f8; }
    .bmi-content .content-bot .txt__body{
      padding: 0 24px;
      line-height: 24px;
    }
    .bmi-content .content-btn{
      padding: 24px 0 64px
    }
    .bmi-content .content-btn ul li{
       height: 56px;
       line-height: 56px;
    }
    .bmi-content .content-btn ul li a{
      font-size: 16px;
    }
    .bmi-ad{
      margin: 0;
      text-align: center;
    }
    .bmi-ad p{
      display:block;
      width: 110%;
      background: #2C7CF2;
      padding: 12px;
      font-size: 16px;
      color: #fff;
      margin: 0 -16px 16px;
      position: relative;
    }
    .bmi-ad p::after{
      display: block;
      content:"";
      width: 16px;
      height: 16px;
      background: url("/images/main/m_arrow.svg");
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 52%;
      transform:translate(-50%, -48%);
    }
    .bmi-ad img{display: none;}
/**************datavoucher***********/
    .data-voucher-step1,
    .data-voucher-step2,
    .certificate-step1{
	   padding: 0 16px;
	   font-weight: 400;
    }
    .data-voucher .ci-pin-input .ci-pin-top{
      margin: 32px 0 16px;
    }
    .data-voucher .ci-pin-input .ci-pin-bottom ul{
        display: flex;
        list-style: none;
        flex-flow: row wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
    }
    .data-voucher .ci-pin-input .ci-pin-bottom ul li {
        border:0;
        color: #458EE8;
        font-family: 'Noto Sans KR';
        font-size: 20px;
    }
    .data-voucher .ci-pin-input .ci-pin-bottom .ci-pin-btn{
        margin-top: 32px;
    }
    .data-voucher .ci-pin-input .ci-pin-bottom button{
        width: 48%;
        height: 56px;
        line-height:56px;
        font-size: 16px;
        border-radius: 8px;
        margin-right: 5px;
    }
    .data-voucher .ci-pin-input .ci-pin-bottom button:nth-child(1) {
	    background-color: #06A5EA;
	    color: #fff;
    }
     .data-voucher .ci-pin-input .ci-pin-bottom button:nth-child(2) {
	    background-color: #e4e4e4;
	    color: #929292;
    }
    .certification-text{
       text-align: center;
       color: #595959;
       padding-bottom: 1px;
    }
    .certification-text .box img{
       width: 24px;
       height: 24px;
    }
    .certification-text .box p{
       font-size: 14px;
       color: #595959;
       margin-top: 8px;
       letter-spacing: -0.02em;
    }
     .certification-text .box{ 
      background-color: #f3f3f3;
      padding: 18px 40px;
      border-radius: 8px;
      line-height: 20px;
      margin: 0 0 2px;
    }
    .certificate-step1 ul li span, .certification-text span{
      text-decoration: underline;
      font-weight: 700;
      color: #595959;
    }
     .certificate-step1 ul li button{
       width:100%;
       border-radius: 8px;
       height: 56px;
       line-height: 56px;
       margin-top: 8px;
       color: #fff;
       font-size: 16px;
    }
    .data-voucher-step2{
       padding: 16px 16px 24px;
    }
    .data-voucher-step2 .box-top, .result-cont3 .box-top{
       background: #458EE8;
       box-shadow: 0px 4px 8px rgba(0, 116, 221, 0.15);
       color: #fff;
       border-radius: 16px;
       padding: 16px 24px;
       margin-bottom: 26px;
    }
    .result-cont3 .box-top{
      margin: 0 16px 8px;
    }
    .result-cont3 .box-top li:nth-child(2){
      text-align: right;
    }
    .data-voucher-step2 .box-top ul{
       display: flex;
       justify-content: space-between;
    }
    .data-voucher-step2 .box-top ul li{
       line-height: 23px;
    }
    .data-voucher-step2 .box-top ul li:nth-child(1) p:nth-child(1){
       color: #E4E4E4;
       font-size: 12px;
    }
    .data-voucher-step2 .box-top ul li p:nth-child(2){
       font-size: 18px;
       font-weight: 600;
    }
    .data-voucher-step2 .box-top ul li:nth-child(2){
       text-align: right;
       line-height: 46px;
    }
    .data-voucher-step2 .box{
       border-radius: 16px;
       padding: 16px;
       background: #F3F3F3;
       color: #595959;
       margin-bottom: 16px;
    }
    .data-voucher-step2 .box table{
       width: 100%;
    }
    .data-voucher-step2 .box table thead tr{
       margin-bottom: 12px
    }
    .data-voucher-step2 .box table tbody tr{
       margin-top: 12px;
    }
    .data-voucher-step2 .box table tr{
       display: flex;
       justify-content: space-between;
    }
    .data-voucher-step2 .box table tr th:nth-child(1){
       color: #222;
       font-weight: 700;
       font-size: 14px;
    }
    .data-voucher-step2 .box table tr th:nth-child(1) img{
      vertical-align: middle;
      margin-right: 8px;
    }
    .data-voucher-step2 .box table tr th:nth-child(2),
    .data-voucher-step2 .box table tr td:nth-child(2){
       font-weight: 700;
    }
    .data-voucher-step2 .box table tr td:nth-child(2){
       width: 50%;
       text-align: right;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
    }
    .data-voucher-step2 .box table tr th:nth-child(2){
       position: relative;
       margin-right: 15px;
    }
    .data-voucher-step2 .box table tr th:nth-child(2)::after{
       position: absolute;
       content: "";
       display: block;
       background-image: url("/images/tilko/arrow-black.svg");
       width: 7px;
       height: 12px;
       background-repeat: no-repeat;
       right: -15px;
       top: 3px;
    }
    .data-voucher-step2 .box .text{
       letter-spacing: -0.03em;
    }
    .data-voucher-step2 .update-box{
       margin: 0 -16px;
       text-align: center;
       color: #458EE8;
       font-size: 12px;
       margin-top:40px;
       padding: 0 16px;
    }
    .update-box>div{
       width: 296px;
       height: 48px;
       line-height: 48px;
       border: 1px solid #458EE8;
       border-radius: 28px;
       margin: 0 auto; 
    }
    .update-box>div img{
       vertical-align: sub;
    }
    .update-box .update-btn p{
       font-size: 14px;
       margin-top: 0;
       color: #458EE8;
    }
    .update-box .update-btn p img{
       width: 16px;
       height: 16px;
       vertical-align: text-bottom;
       margin-right: 4px;
    }
    .update-box .update-btn p b{
       font-weight: 700;
    }
    .update-box p{
       margin-top: 8px;
       color: #929292;
    }
    .update-box .update-date {
       font-weight: 400;
       font-size: 12px;
    }
    .update-box .update-text {
       font-weight: 600;
       font-size: 16px;
    }
    .img-area{
       margin-bottom: 38px;
    }
    .img-area img {
       width: 100%;
       height: 100px;
    }
    
/* NEW mobile 알림창 */
.alert {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
}
.alert_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	text-align: center;
}
.alert_box .alert_blue {
	width: 100%;
	height: 12px;
	background: #06A5EA;
}
.alert_box img {
	margin: 18px 0;
}
.alert_box p.al_txt1 {
	color: #222;
	font-weight: 600;
	font-size: 14px;
}
.alert_box p.al_btn {
	width: 70%;
	height: 40px;
	background: #E9EFF4;
	border-radius: 50px;
	line-height: 40px;
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	margin: 32px auto 16px;
}
.alert_box p.al_txt2 {
	color: #FF753A;
	font-weight: 500;
	font-size: 14px;
	margin-top: 16px;
	padding: 0 16px;
}
.alert_box a.al_btn {
	display: block;
	width: 70%;
	height: 40px;
	background: #E9EFF4;
	border-radius: 50px;
	line-height: 40px;
	color: #595959;
	font-weight: 700;
	font-size: 16px;
	margin: 32px auto 16px;
}   

/* 모바일 로딩창 */
.loading_back_m {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #F8F8F8;
	text-align: center;
	z-index: 10;
}
.loading_back_m .loading_pop_m {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 50%;
}
.loading_pop_m p {
	width: 100%;
}
.loading_pop_m .load_txt1_m {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
	color: #06A5EA;
	font-weight: 700;
	font-size: 16px;
}
.loading_pop_m .load_txt2_m {
	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	color: #595959;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
}
/* 복사 */
.load-wrapp_m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
}
.load-line_m {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #06A5EA;
}
.load-3_m .load-line_m:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3_m .load-line_m:nth-last-child(2) {
  background-color: #5cc3ef;
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3_m .load-line_m:nth-last-child(3) {
  background-color: #9fdaf3;
  animation: loadingC 0.6s 0.3s linear infinite;
}
@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}
    
    
    
    
    
    
    
    
/**************tilkoCertificate***************/
     .certificate-step1 .tit{
      font-size: 16px;
      color: #222;
      font-weight: 700;
      letter-spacing: -0.02em;
    }
    .certificate-step1 .certification-step{
      display: flex;
      justify-content: space-between;
      width: 184px;
      margin:16px auto 52px;
    }
    .certificate-step1 .certification-step div{
       width: 24px;
       height: 24px;
       border-radius: 100%;
       text-align: center;
       color: #929292;
       font-size: 12px;
       padding-top: 4px;
       position: relative;
       background-color: #e4e4e4;
    }
    .certificate-step1 .certification-step div::after{
      content:"";
      display: block;
      width: 56px;
      height: 1px;
      background: #c4c4c4;   
      position: absolute;
      top: 12px;
      left:24px;
    }
    .certificate-step1 .certification-step div:nth-child(3)::after {
	  display: none;
    }
    .certificate-step1 .certification-step div::before,
    .certificate-step1 .certification-step div::before,
    .certificate-step1 .certification-step div::before{
      display: block;
      position: absolute;
      top:30px;
      left: -37px;
      color: #06A5EA;
      font-size: 14px;
      width: 94px;
      font-weight: 700;
    }
    .certificate-step1 .certification-step div:not(.no_before):nth-child(1)::before{content:"공동인증서 복사";}
    .certificate-step1 .certification-step div:not(.no_before):nth-child(2)::before{content:"공동인증서 선택";}
    .certificate-step1 .certification-step div:not(.no_before):nth-child(3)::before{content:"비밀번호 입력";}
    .certification-cont1,
    .certification-cont3{
      margin: 57px 0;
    }
    .certification-cont2{
      margin: 24px 0;
    }
    .certification-cont1>p:nth-child(2) {
	  font-size: 12px;
	  font-weight:300;
	  line-height: 24px;
	  padding: 8px 6px 24px;
    }

    .certification-cont1 .certification-num p{
      text-align: center;
      font-size: 12px;
      color: #06A5EA;
    }
    .certification-cont1 .certification-num .tit{
      font-size: 16px;
      font-weight: 300;
      text-align: left;
      color: #222;
    }
    .certification-cont1 .certification-input{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .certification-cont1 .certification-input input{
      margin: 12px 0 8px;
      background-color: #f3f3f3;
      border:0;
      height: 40px;
      padding: 5px;
      text-align: center;
      font-size: 20px;
      font-weight: 700;
      width: 144px;
      border-radius: 4px;
    }
    .certification-cont1 .certification-input div{
      width: 16px;
      height: 1px;
      border: 1px solid #929292;
    }
    .certificate-step1 ul li{
      text-align: center;
    }
    .certificate-step1 ul li button{
       margin: 24px 0;
    }
    .certification-cont3 .certification-pw{
       padding: 24px 16px 40px;
       background-color: #F3F3F3;
       border-radius: 16px;
       margin-top: 24px;
    }
    .certificate-step1 .certification-pw li{
        text-align: left;
     }
     .certificate-step1 .certification-pw li:nth-child(1){
        margin-bottom: 30px;
     }
     .certificate-step1 .certification-pw li p{
        line-height: 60px
     }
    .certification-cont3 .certification-pw label {
	   font-size: 14px;
	   color: #595959;
	   font-weight: bold;
    }
    .certification-cont3 .certification-pw input[type="password"], .certification-cont3 .certification-pw input[type="text"]{
       border-radius: 4px;
       border: 1px solid #929292;
       text-align: center;
       margin-top: 10px;
       color: #06A5EA;
    }
    .certification-cont3 .certification-pw input[type="text"]{
       color: #595959;
    }
    .certification-cont3 .certification-pw input::placeholder{
       font-size: 14px;
       font-weight: 300;
    }
    .certification-container {
        width: 100%;
        height: 100%;
      }
     .certification-wrapper{
        padding:30px 0 37px;
     } 
     .certification-wrapper .swiper-slide {
        text-align: left;
        font-size: 12px;
        display: block;
        width:312px;
        height: 120px;
        object-fit: cover; 
        box-shadow: 0px 8px 16px rgba(0, 116, 221, 0.24);
        border-radius: 8px;
        color:#fff;
        padding: 16px 11px 16px 24px;
     }
     .certification-wrapper .swiper-slide:nth-child(1){background: linear-gradient(101.51deg, #1F7BEC 1.29%, #359AF8 104.37%);}
     .certification-wrapper .swiper-slide:nth-child(2){ background: linear-gradient(101.51deg, #FF8E25 1.29%, #FF916F 104.37%);}
     .certification-wrapper .swiper-slide:nth-child(3){background: linear-gradient(101.51deg, #0AD698 1.29%, #03B57F 104.37%);}
     .certification-wrapper .swiper-slide p{
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
     }
     .certification-wrapper .swiper-slide dl{
        font-weight: 300;
        display: flex;
        line-height: 17px;
     }
     .certification-wrapper .swiper-slide img{
        margin-top: -24px;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 68px;
     }

/************nationChkResult*************/
     .nation-chk-result_02{
       background-color: #fff;
     }
     .nation-chk-result, .medical-result{
       background-color: #458EE8;
     }
     .nation-chk-result .nation-content, .medical-result .medical-content{ 
       background-color: #fff;
       box-shadow: 0px -13px 16px -10px rgb(0 0 0 / 16%);
       border-radius: 24px 24px 0px 0px;
       margin: 32px -1px 0;
     }
     .nation-chk-result .scroll-top-btn{
       position: fixed;
       bottom: 80px;
       right: 4%;
       transform: translate(-4%, 0);
       display: none;
     }
     .result-cont1{
        padding: 0 16px;
     }
     .nation-chk-result .nation-chk-result_01 .tilko-header .back-btn, .medical-result .medical-result1 .tilko-header .back-btn{
        margin-top: 30px;
     }
     .nation-chk-result .nation-chk-result_01 .tilko-header h2, .medical-result .medical-result1 .tilko-header h2{
        font-size: 16px;
        color: #fff;
        font-weight: 600;
     }
     .nation-chk-result .tilko-header h2 img, .medical-result .tilko-header h2 img{
        margin:8px 0 0  4px;
        vertical-align: sub;
     }
     .checkup-tab>span:nth-child(1) img{
        margin: -15px 0 0 8px;
     }
     .nation-chk-result .tit, .checkup-tab .tit{
        color: #595959;
        padding: 24px 0 12px;
        font-weight: 700;
        font-size: 16px;
     }   
     .result-cont2 span.all_sel, .tit-group span.all_sel {
     	font-size: 14px;
     	color: #929292;
        font-weight: 500;
     }
     
     /* 일반건강검진내역 */
     .general_health ul li {
     	position: relative;
     	width: 100%;
		overflow: hidden;
     	background: #F8F8F8;
		border-radius: 8px;
		padding: 24px 16px;
		margin-bottom: 8px;
     }
     #generalHealth.active {
		border: 1px solid #06A5EA;
     }
     #generalHealth.active .h_n_a {
     	color: #06A5EA;
     }
     #generalHealth.active p {
     	font-weight: 600;
     }

     
     /* 병원약국이용내역 */
     .use_history .u_tit {
     	float: left;
     	font-weight: 600;
		font-size: 14px;
		color: #222;
		margin-bottom: 16px;
     }
     
     .use_history ul li {
     	width: 100%;
     	overflow: hidden;
     	padding: 16px;
     	border: 1px solid #E4E4E4;
		border-radius: 8px;
		margin-bottom: 8px;
     }
     .use_history ul li img {
     	width: 32px;
     	float: left;
     	margin: 6px 16px 0 0;
     }
     .use_history ul li p {
     	float: left;
     	width: 60%;
     }
     .use_history ul li p:nth-child(2) {
     	margin-bottom: 8px;
		font-weight: 600;
		font-size: 14px;
		color: #222;
     }
     
     .use_history ul li a.u_dit {
     	float: right;
     	background: #E9EFF4;
		border-radius: 20px;
		width: 56px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-weight: 700;
		font-size: 12px;
		color: #929292;
		margin-top: 14px;
     }
     
       
     .general_health ul li label.li_label {
     	position: absolute;
     	left: 16px;
     	top: 50%;
     	transform: translateY(-50%);
     	width: 18px;
     	height: 18px;
     	margin-top: -7px;
     	padding: 0;
     	margin-right: 10px;
     	min-height: unset;
     }
     
     .general_health ul li input.js_nation-chk {
     	display: none;
     }
    
     .general_health ul li p.h_n_a {
     	width: 55%;
     	line-height: 1.4;
     	margin-left: 32px;
     }
     .general_health ul li p.h_n_b {
     	position: absolute;
     	right: 16px;
     	top: 50%;
     	transform: translateY(-50%);
     }
     
     /* .general_health .g_h_more, .use_history .g_h_more, .prescription_history .g_h_more */
     p.g_h_more {
     	text-align: center;
     	margin-top: 24px;
     	height: 24px;
     	line-height: 24px;
     	color: #929292;
     	font-weight: 600;
		font-size: 14px;
		width: 100%;
     }
     .prescription_history .g_h_more {
      	margin-bottom: 100px;
     }
     

     .nation-chk-result .tit, .checkup-tab .tit-group {
     	width: 100%;
     	overflow: hidden;
        display: flex;
        justify-content: space-between; 
     }

    .checkup-tab>span:nth-child(4), .checkup-tab>span:nth-child(6){
        float: left;
        color: #595959;
        font-weight: 400;
    }
    .result-cont1 .checkup-tab ul li, .checkup-tab ul li, .checkup-list ul li, .result-cont4 .checkup-list ul li{
        float: left;
        width: 48.7%;
        background: #F8F8F8;
        border-radius: 8px;
        text-align: center;  
        height:40px;  
        line-height: 40px;  
        border: 1px solid #929292;
     }
     .result-cont1 .checkup-tab ul li, .checkup-tab ul li{
        height:48px;
        line-height: 47px; 
     }
     .checkup-list ul li{background: #F7F7F7;color: #595959;}
     .result-cont1 .checkup-tab ul li:nth-child(1),
     .checkup-tab ul li:nth-child(1),
     .result-cont1 .checkup-list ul li:nth-child(1),
     .result-cont1 .checkup-list ul li:nth-child(3),
     .result-cont2 .checkup-list ul li:nth-child(1),
     .result-cont2 .checkup-list ul li:nth-child(3),
     .result-cont3 .checkup-list ul li:nth-child(1),
     .result-cont3 .checkup-list ul li:nth-child(3),
     .result-cont3 .checkup-list ul li:nth-child(5){
        margin:0 8px 8px 0;
     }
     .result-cont1 .checkup-tab ul li a{
        font-size: 14px;
        color: #222;
        font-weight: 500;
        position: relative;
        width: 100%;
        display: block;
     }
     .result-cont1 .checkup-tab ul li a::before{
        display: none;
        position: absolute;
        background: url(/images/tilko/check.svg) no-repeat;
        right:16px;
        top:18px;
        width: 13px;
        height: 10px;
        content:'';
     }
     .medical-result.m_view .medical-selected_top-menu a::before{
       display: block;
     }
     .result-cont1 .select-period {
     	float: left;
        width: 48.7%;
        border: 1px solid #929292;
        border-radius: 8px;
        background: #F8F8F8;
        padding: 14px 16px;
        margin-bottom: 8px;
     }
     .result-cont1 .select-period.sp_1 {
     	float: right;
     }
     .result-cont1 .select_box {
     	width: 100%;
     	overflow: hidden;
     }
     .result-cont1 .search_btn_box {
     	margin-top: 16px;
     	width: 100%;
     	overflow: hidden;
     }
     .search_btn_box>div {
     	float: left;
     	height: 48px;
     	line-height: 48px;
		border-radius: 8px;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
     }
     .search_btn_box .all_search {
     	width: 30%;
     	background: #E4E4E4;
		color: #929292;
     }
     .search_btn_box .search {
     	float: right;
     	width: 68%;
     	background: #06A5EA;
		color: #fff;
     }
     
     
     
     
     
     
     
     
     
     
     .result-cont1 .select-period p{position: relative;color:#929292;font-weight: 300; }
     .result-cont1 .select-period p.txt-color{font-weight: 500;color:#222}
     .result-cont1 .select-period p::after{
        display: block;
        content:"";
        position: absolute;
        background: url(/images/tilko/calendar.svg) no-repeat;
        width: 24px;
        height: 24px;
        right: 0;
        top:-2px;
     }
     .medical-result.m_view .medical-selected_top-menu{border: 2px solid #06A5EA;}
     .medical-result.m_view .medical-selected_top-menu a{color: #06A5EA;}   
     #medical-result-calendar .selected-date{background-color: #06A5EA;border-radius: 50%;color: #fff;}
     .result-cont1 .checkup-tab p:nth-child(5){color: #595959;line-height: 22.4px;}
     .result-cont1 .checkup-tab p:nth-child(5) span {font-weight: 600;}
     .result-cont2{padding: 0 16px 24px;}
     .result-cont2 table{text-align: center;color: #222;width: 100%;margin-bottom:100px;}
     .result-cont2 table tr{height: 80px;}
     .result-cont2 table th{padding: 11px 8px;background-color:#f3f3f3;color: #595959;font-weight: 700; }
     .result-cont2 table td{padding: 12px 4px;font-weight: 400;font-size: 14px;}
     .medical-result .result-cont2 table td a{text-decoration: underline;color:#06A5EA; font-weight: 700; }
     .result-cont2 table td:last-child ul li{width: 72px;height: 24px;line-height: 23px;border-radius: 18px;margin: 0 auto;}
     .result-cont2 input[type="checkbox"]+label{height: 18px;padding-left: 17px;}
     .result-cont2 input[type="checkbox"]+label::after{background-size: 18px 18px;width: 18px;height: 18px;top: 6px;background: url(/images/bmi/default.svg) no-repeat;}
     .result-cont2 input[type="checkbox"]:checked+label::after{background: url(/images/bmi/checked.svg) no-repeat;}
     .result-cont2 .add-icon{margin-top: 23px;border:0;}
     .result-cont2 .add-icon img{margin-top: -3px;}
     .result-cont2 .result-btn{position: fixed;bottom: 61px;height: 64px;line-height: 64px;width: 100%;color: #fff;font-size: 16px;margin-left: -16px;}
     .result-cont3>ul{background-color: #458EE8; padding: 24px 16px;display: flex;justify-content: space-between;}
     .result-cont3>ul li:nth-child(1) p:nth-child(1), .result-cont3>ul li:nth-child(2) p:nth-child(1){color:#E4E4E4;font-size: 12px;}
     .result-cont3>ul li:nth-child(1) p:nth-child(2), .result-cont3>ul li:nth-child(2) p:nth-child(2){color: #fff;font-size: 18px;}
     .result-cont3>ul li:nth-child(2) p:nth-child(2){font-size: 16px;font-weight: 700;}
     .result-cont3>ul li:nth-child(1) p:nth-child(2){font-weight:700;font-size: 20px; }
     .result-cont3 .checkup-list .tit, .result-cont3 .reference-list{padding: 0 16px;}
     .result-cont3 .checkup-list .tit{padding:24px 16px 12px;} 
     .result-cont3 table tr:nth-child(1) th:nth-child(2), .result-cont4 table tr:nth-child(1) th:nth-child(2){position: relative;}
     .result-cont3 table tr th img:nth-child(1){float: left;margin:4px 0 0 6px; }
     .result-cont3 table tr th img:nth-child(2){float: right;margin:4px 6px 0 0; }
     .calendar-box .calendar{background-color: #fff; width: 100%;position: fixed;z-index: 11;transform: translate(0%, -50%);top: 50%;}
     .calendar-box .calendar>img{width: 24px;height: 24px;position: absolute;top:-31px;right: 16px;}
     .calendar-box .calendar .date li:nth-child(1) div input[type="text"].txt-color,
     .calendar-box .calendar .date li:nth-child(1) div input[type="text"].txt-color::placeholder{color: #222;font-weight:700;}
     .calendar-box .calendar .date li:nth-child(1){display: flex;justify-content:space-between;font-size: 16px;color: #929292;background: #F3F3F3;}
     .calendar-box .calendar .date li p{line-height:41px;color: #222; }
     .calendar-box .calendar .date li:nth-child(1) div input[type="text"]{border: 0;background: #F3F3F3;text-align: center;color: #222;font-weight: 400;height: 64px;}
     .calendar-box .calendar .date li:nth-child(1) div input[type="text"]::placeholder{text-align: center;color: #929292;}
     .calendar-box .calendar .date li:nth-child(1) div input[type="text"]::placeholder:focus{color: #222;}
     .calendar-box .calendar .date li:nth-child(1) div input[type="number"]{opacity:0.0; height:0;position:absolute;top:0;}
     .calendar-box .calendar .date li:nth-child(2) div{width: 50%;float: left;border: 0;position: relative; }
     .calendar-box .calendar .date li:nth-child(2) div input[type="text"]{border: 0;width: 85%;}
     .calendar-box .calendar .date li:nth-child(2) div select{background: url(../images/tilko/menu-down.svg) no-repeat center right 10px;border:0;border-bottom: 2px solid #f3f3f3;height: 48px;line-height: 48px;font-weight: 500;color: #222;text-align: center;}
     .calendar-box .calendar .date li:nth-child(2) div option{text-align: center;}
     .calendar-box .calendar table{width: 100%;margin-bottom: 18px; }
     .calendar-box .calendar table th{font-size: 18px;color: #595959;padding: 24px 0 6px;}
     .calendar-box .calendar table td{text-align: center;font-size: 18px;color: #929292;}
     
     .calendar-box .calendar .btn_box {
     	width: 100%;
     	height: 56px;
     	line-height: 56px; 
     	font-weight: 700;
		font-size: 16px;
		text-align: center;
     }
     .calendar-box .calendar .btn_box>div {
     	float: left;
     }
     .calendar-box .calendar .btn_box .calendar_close {
     	width: 35%;
     	color: #929292;
     	background: #E4E4E4;
     }
     .calendar-box .calendar .btn_box .calendar_chk {
     	width: 65%;
     	background:#06A5EA;
     	color: #fff;
     }
     
     .calendar-box .calendar li.select_date {
     	float: left;
     	position: relative;
     	width: 100%;
     	height: 56px;
     	line-height: 56px;
     	text-align: center;
     	font-weight: 700;
		font-size: 20px;
		color: #595959;
		border-bottom: 2px solid #F3F3F3;
     }
     .calendar-box .calendar li.select_date img {
     	position: absolute;
     }     
     .calendar-box .calendar li.select_date img.date_back {
     	top: 16px;
     	left: 32px;
     }
     .calendar-box .calendar li.select_date img.date_front {
     	transform: rotate(180deg);
     	top: 16px;
     	right: 32px;
     }

     #nation-chk-result-calendar .selected-date{background-color: #06A5EA;border-radius: 50%;color: #fff;}
     .result-cont3 .reference-list ul{display: flex;color: #595959;margin: 16px 0 10px;}
     .result-cont3 .reference-list ul li:not(:last-child){margin-right: 8px;}
     .result-cont3 .reference-list ul li{display: flex;align-items: center;}
     .result-cont3 .reference-list ul li div{width: 8px;height: 8px;border-radius: 50%;margin-right: 4px;}
     .result-cont3 .reference-list ul li div.bg-green{background-color:#2ABB75; }
     .result-cont3 .reference-list ul li div.bg-yellow{background-color:#FFD02B;}
     .result-cont3 .reference-list ul li div.bg-tomato{background-color:#FF753A;}
     .result-cont3 .reference-list ul li div.bg-red{background-color:#F8463B; }
     .result-cont3 .green, .result-table-cont .green{color:#2ABB75; }
     .result-cont3 .yellow, .result-table-cont .yellow{color:#FFD02B; }
     .result-cont3 .tomato, .result-table-cont .tomato{color:#FF753A; }
     .result-cont3 .red, .result-table-cont .red{color:#F8463B; }
     .result-cont3 .table-head{height: 40px;}
     .result-cont3 .reference-inner{display: none;background-color:#F8F8F8;height: 74px;max-height: fit-content;}
     .result-cont3 .reference-inner td{color: #595959;font-weight: 400;padding: 16px;text-align: center; }
     .result-cont3 .reference-inner td .tit,.result-cont3 .reference-inner td .cont{font-weight: 600;display: block;margin: 0;}
     .result-cont3 .reference-inner td .tit{color: #222;font-weight: 600;margin-bottom: 12px;padding: 0;}
     .result-cont3 .reference-inner td .cont{font-weight: 600;}     
     .result-cont3 .show+.reference-inner{display: revert;}
     .result-cont3 .show+.reference-inner td dd{margin: 0 auto;text-align: center;}
     .result-cont3 img.js_before, .result-cont3 img.js_after{display: none;}
     .result-cont3 tr th:first-child+th:not(.none, :last-child) img.js_before,
     .result-cont3 tr th:first-child+th:not(.none, :last-child)+th img.js_after,
     .result-cont3 tr th.none+th:not(.none) img.js_before,
     .result-cont3 tr th.none+th:not(.none)+th img.js_after{display: block;}
     .js-nation_list-top_menu-selected{border:2px solid #06A5EA;}
     .quota.top-menu-level1{background-color: #06A5EA;}
     .quota.top-menu-level1 a{color: #fff;}
     .quota.top-menu-level1 img.checkup-tab-img{display: inline;}
     .quota:not(.top-menu-level1) img.checkup-tab-img{display: none;}
     .quota.top-menu-level2, .quota.top-menu-level3{background: #E3F5FF;font-weight: 700;}
/*****병원/약국 이용조회******/
     .medical-result .result-cont2 table td:last-child ul span{color: #222;font-weight: 300;}
     .result-cont2 .table-head, .medical-result .table-head{height: 40px;}
     .medical-result1 table td a{font-weight: 400;}
     .medical-result1 .checkup-tab ul li{position: relative;}
     .medical-result1 .checkup-tab ul li a{color:#929292; }
     .medical-result1 .checkup-tab ul li:nth-child(1)::before{content:'';display: block;background: url(/images/tilko/image12.svg) no-repeat;width:24px;height: 24px;position: absolute;top:11px;left: 16px; }
     .medical-result1 .checkup-tab ul li:nth-child(2)::before{content:'';display: block;background: url(/images/tilko/image13.svg) no-repeat;width:24px;height: 24px;position: absolute;top:11px;left: 16px; }
     .medical-result2{padding: 0 24px;background-color: #fff;overflow:hidden;}
     .medical-result .result-cont2{margin-top: 28px;background-color: #fff;}
     .medical-result2 .cont-top{display: flex;justify-content: space-between;padding: 24px 16px; width: 100%; overflow: hidden; background: #EAF9FF; border-radius: 8px; margin-bottom: 24px;}
     .medical-result2 .cont-top p:nth-child(1) {font-size: 18px;font-weight: 700;color: #222;}
     .medical-result2 .cont-top p:nth-child(2){color: #929292;font-weight: 300; margin-top: 4px;}
     .medical-result2 .cont-mid{border-bottom:4px solid #E9EFF4; padding: 16px 0 24px;}
     .medical-result2 table{width: 100%;}
     .medical-result2 table th{text-align: left;color: #929292;padding: 7px 0;}
     .medical-result2 table td{text-align: right;color: #222;}
     .medical-result2 .cont-mid table tr:nth-child(1) td{color: #06A5EA;font-size: 18px;font-weight: 700;}
     .medical-result2 .cont-bot{padding: 24px 0}
     .result-cont3, .result-cont3 .checkup-list, .result-cont4 .checkup-list{padding-bottom: 32px;}
     .nation-chk-result_02 .result-cont3{margin-top: 16px;}
     .result-cont3 .checkup-list, .result-cont4 .checkup-list{border-bottom: 6px solid #F3F3F3;}
     .result-cont3 .checkup-list ul, .result-cont4 .checkup-list ul{padding: 0 16px;}
     .result-cont3 table, .result-cont4 table{width: 100%;text-align: center;}
     .result-cont3 table th, .result-cont4 table th{background-color: #F3F3F3;font-weight: 600;color:#595959;}
     .result-cont4 th, .result-cont4 td{border:1px solid #c9c9c9;}
     .result-cont3 th, .result-cont3 td{padding: 8px 4px;}
     .result-cont3 .checkup-list ul li, .result-cont4 .checkup-list ul li{border: 0;}
     .result-cont3 table thead tr:nth-child(1) th:nth-child(1), .result-cont3 table tbody tr td:nth-child(1),
     .result-cont4 table thead tr:nth-child(1) th:nth-child(1), .result-cont4 table tbody tr td:nth-child(1) {border-left: 0;	}
     .result-cont3 table thead tr:nth-child(1) th:nth-child(3),.result-cont3 table tbody tr td:nth-child(4),
     .result-cont4 table thead tr:nth-child(1) th:nth-child(3),.result-cont4 table tbody tr td:nth-child(4){border-right: 0;}
     .result-cont4 .checkup-list ul li:not(:last-child){margin: 0 4px 4px 0;}
     .result-cont3 .btn-box{position: relative;}
     .result-cont3 .btn-inner{position: absolute;right: -5px;bottom: 30px;box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.16);background: #fff;border-radius: 8px;padding:16px 8px 40px 24px;width: 207px;z-index: 3;}
     .result-cont3 .btn-inner>img{float:right;margin-top: -6px;}
     .result-cont3 .btn-inner h3{color: #222;font-weight: 700;}
     .result-cont3 .btn-inner dl{text-align: left;padding-top: 16px;}
     .result-cont3 .btn-inner dt{font-weight: 700;} 
     
     /* 처방내역 추가 */
     .pre_txt {
     	height: 24px;
     	line-height: 24px;
     	color: #222;
     	font-weight: 700;
		font-size: 16px;
     }
     .pre_txt.y_fl {
     	float: left;
     }
     
     .pre_txt img.pre_pill {
     	margin-right: 4px;
     }
     .pre_sp1 img.pre_que {
     	margin: 4px 0 0 4px;
     	margin-bottom: 16px;
     }


	 .pre_sp1 {
	 	position: relative;
	 	float: left;
	 }
     .pre_sp2 {
     	display: none;
     	position: absolute;
     	width: 270px;
     	overflow: hidden;
     	padding: 16px;
     	background: #fff;
		border: 1px solid #C9C9C9;
		border-radius: 16px;
		top: 10px;
		left: -60px;
		text-align: center;
     }
     .pre_sp2 .sp2_txt1 {
     	color: #222;
     	font-weight: 600;
		font-size: 14px;
     }
     .pre_sp2 .sp2_txt2 {
     	margin-top: 8px;
     }
     .pre_sp2 .sp2_txt2 span {
     	font-weight: 600;
     }
     .pre_sp2 img {
     	position: absolute;
     	width: 16px;
     	top: 16px;
     	right: 16px;
     }
     
     .prescription_history ul {
		margin-bottom: 24px;
     }
     
     .prescription_history ul li {
     	width: 100%;
     	overflow: hidden;
     	background: #F8F8F8;
		border-radius: 8px;
		padding: 20px 8px;
		box-sizing: border-box;
		margin-bottom: 8px;
     }
     .prescription_history ul li img:nth-child(1) {
     	float: left;
     	margin-right: 16px;
     }
     .prescription_history ul li img:nth-child(2) {
     	float: right;
     	margin: 8px 8px 0 0;
     }
     .prescription_history ul li p {
     	float: left;
     	width: 70%;
     }
     .prescription_history ul li p:nth-child(3) {
     	margin-bottom: 4px;
     	color: #222;
     	font-weight: 600;
     }
     
     
/*********result-inquiy-service*******/ 
     .result-inquiy-service,
     .tilko-resistration,
     .tilko-resistration-select,
     .tilko-agreement{padding-bottom: 61px;}
     .result-inquiy-service,
     .tilko-agreement,
     .tilko-resistration,
     .data-voucher,
     .nation-chk-result,
     .medical-result,
     .certificate-step1,
     .tilko-resistration-select{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
     .txt-deco{text-decoration: underline;font-weight: 400;}
     .result-inquiy-service.inMobile,
     .tilko-resistration.inMobile{margin-top: 0;} 
     .tilko-header{display: flex;align-items: center;justify-content: center;margin: 0 auto;height:48px; }
     .tilko-header .back-btn{left:16px;position: absolute;}
     .tilko-header h2, .tilko-resistration-select .tilko-header h2{font-size: 16px;font-weight: 700;color: #222;}
     .tilko-resistration .tilko-header .tit-txt{padding-top: 0;font-size: 16px;}
     .result-inquiy-service {background-color: #fff;padding: 0;}
     .result-inquiy-service .service-box01{text-align: left;}
     .result-inquiy-service .service-box01 .back-btn{padding: 12px 0 0 20px;}
     .result-inquiy-service .service-box01 .tit-txt{font-size: 24px;padding:28px 0 0 20px;white-space: pre-wrap;text-align: left;}
     .result-inquiy-service .service-box01 .tit-txt02{font-size: 20px;padding-top: 24px;}
     .result-inquiy-service .service-box01 .tit-txt span{color:#06A5EA; }
     .result-inquiy-service .service-box01 .tit-txt::before{display: none;}
     
     /* 24.01 수정 */
     .result-inquiy-service .service-box01 .service-img{width:60%;margin: 16px 0 32px;position:relative;left:50%;transform:translateX(-50%);}
     .result-inquiy-service .service-box01 .service-txt{text-align: center;font-size: 18px;margin-bottom: 32px;}     
     .result-inquiy-service .service-box02{padding: 0 16px 64px;}
     .result-inquiy-service .service-box02 .info-box p{font-size: 14px;margin: 24px 0 12px;text-align: left;}
     .result-inquiy-service .service-box02 .info-box ul{padding: 16px;margin-bottom: 0;}
     .result-inquiy-service .service-box02 .info-box ul li{font-size: 14px;line-height: 22.4px;text-indent: -9px;margin-left: 8px;}
     
     .result-inquiy-service .service-box02 .btn-group {margin: 38px 0 0;}
     .result-inquiy-service .service-box02 .btn-group button{width: 100%;font-weight: 500;font-size: 16px;margin-bottom: 0;}
     .result-inquiy-service .service-box02 .btn-group li button,
     .result-inquiy-service .service-box01,.result-inquiy-service .service-box02{width: 100%;}
     .result-inquiy-service .service-box02 .end-txt {font-size: 14px;}
     
     .result-inquiy-service .service-box02 .agreement-list{margin-bottom: 42px }
     .result-inquiy-service .service-box02 .agreement-list>li{min-height: 48px;line-height: 48px;padding-right: 0;}
     .result-inquiy-service .service-box02 .agreement-list>li:first-child{height: 56px;line-height: 56px;}
     .more-txt{display: none;}
     .more_arrow img {width:24px;transform:rotate(90deg);position:absolute;top:12px;right:12px;}
     .more_arrow.show img {transform:rotate(-90deg);}
     .result-inquiy-service .service-box02 .agreement-list>li:not(:first-child)::after{content:''; display: block;position: absolute;background: url(/images/main/chevron-right.svg) no-repeat;width: 10px;height:13px;right:14px;top:21px;transform: rotate(90deg);}
     .result-inquiy-service .service-box02 .agreement-list>li:first-child input[type="checkbox"]+label{font-size: 16px;}
     .result-inquiy-service .service-box02 .agreement-list .agreement-inner{height: 184px;font-size: 12px;line-height: 18px;overflow: scroll;}
     .result-inquiy-service .service-box02 .agreement-list>li::after{right:16px;top:16px;}
     .result-inquiy-service .service-box02 input[type="checkbox"]+label {font-size: 14px; padding-top: 2px;margin: 5px 0;min-height: 20px;padding-left: 40px;}
     .result-inquiy-service .service-box02 input[type="checkbox"]+label:after{background-size:24px 24px;top:7px;left: 10px; }
     .result-inquiy-service .service-box02 input[type="checkbox"]:checked+label:after{background-size:24px 24px;top:7px;left: 10px;}
     .tilko-resistration{background-color:#F8F8F8;width: 100%;transform: translate(0,0);top:0;left: 0;border-top:0;min-height: 100vh; }
     .tilko-resistration > img{display: none;}
     .tilko-resistration .resistration-box{padding: 32px 16px 56px;}
     .tilko-resistration .resistration-box ul:nth-child(1){padding: 0 8px;}
     .tilko-resistration .resistration-box .select.active .select-box::after{transform:rotate(180deg);}
     .tilko-resistration .resistration-box .select-box.txt-color, .tilko-resistration .resistration-box .relationship-box.txt-color{color: #222;font-weight: 700;}
     .tilko-resistration .resistration-box .select.active .option-list{display: block;z-index: 1;border-radius: 8px;margin-bottom: 4px;}
     .tilko-resistration .gender p{margin-bottom: 8px;font-weight: 700;color: #222;}
     .tilko-resistration .gender ul:first-child{padding: 0;}
     .tilko-resistration .gender ul li{margin: 0;width: 48%;float: left;}
     .tilko-resistration .gender ul li:nth-child(1){margin-right: 8px;}
     .tilko-resistration .gender ul li input[type="radio"]{opacity: 0;position: fixed;width: 0;}
     .tilko-resistration .gender ul li input[type="radio"]+label{width:100%;border-radius:8px;height: 48px;line-height: 48px;border: 1px solid #C9C9C9;padding: 0;text-align: center;color: #929292;font-weight: 400;background-color: #fff;}
     .tilko-resistration .gender ul li input[type="radio"]+label::after{background: none;}
     .tilko-resistration .gender ul li input[type="radio"]:checked+label{border:1px solid #06A5EA;color: #06A5EA;}
     .tilko-resistration .resistration-box .red-border{border: 1px solid #F8463B !important;}
     
/********tilko-resistration-select********/
     .logout{position: absolute;right: 16px;font-size: 10px;padding: 0;background:none;text-align: center;}
     .tilko-resistration-select{padding: 0 16px 120px 16px;background-color: #F8F8F8;min-height: 100vh;}
     .tilko-resistration-select .select-box{margin-top: 16px;width: 100%;}
     .tilko-resistration-select .txt{font-size: 18px;font-weight: 700;color: #222;}
     .tilko-resistration-select .select-list{margin-top: 40px;}
     .tilko-resistration-select .select-list li{margin: 0 0 12px 0;}
     .tilko-resistration-select .select-list dl{font-size: 14px;}
     .tilko-resistration-select .select-list .re_chk{height: 40px;line-height: 40px;}
     .tilko-resistration-select .add-text{margin: 6px 0 0; }
     .tilko-resistration-select .add-text span{text-decoration: underline;text-underline-position: under;}
     .tilko-resistration-select .btn-list li{margin-bottom: 8px;width: 100%; }
     .tilko-resistration-select .btn-list li:not(.none),
     #family-select_before_button {margin-top: 56px;}
     #family-select_after_input {margin-top: 72px;}
     .tilko-resistration-select .btn-list li .inputPassword {font-size: 14px;}
     .tilko-resistration-select .btn-list li:last-child{margin-top: 0;}
     .result-inquiy-service .service-box02 .reverse-box,
     .tilko-resistration-select .reverse-box{display: flex;flex-direction: column-reverse;}
     .tilko-resistration-select .certify-txt, 
     .result-inquiy-service .service-box02 .certify-txt{flex-direction:column-reverse;}
     .result-inquiy-service .service-box02 .certify-txt{margin-bottom: 164px;text-align: center;}
     .tilko-resistration-select .certify-txt .careBtn, 
     .result-inquiy-service .service-box02 .certify-txt .careBtn{margin:0 0 8px;}
     .tilko-resistration-select .certify-txt .button_area, 
     .result-inquiy-service .service-box02 .button_area{left:50%;transform:translate(-50%,0);width: 260px;}
     .tilko-resistration-select .certify-txt .button_area img, 
     .result-inquiy-service .service-box02 .button_area img{float: right;margin: -16px -8px 0 0;}
     
/*대상자 정보 확인*/
     .tilko-resistration-check .resistration-box div{border: 1px solid #E4E4E4;border-radius: 8px;background-color: #fff;padding: 16px;}
     .tilko-resistration-check table{border-bottom: 0;}
     .tilko-resistration-check table th, .tilko-resistration-check table tr:last-child{border-bottom:0;}
     .tilko-resistration-check table td p{font-size: 12px;}
     .tilko-resistration-check .resistration-box .btn-group li{width: 100%;}
     
/********result-graph********/
     .result-graph{background-color: #f8f8f8;}   
     .result-graph.inMobile{margin-top: 0;} 
     .result-graph .result-text-cont{padding: 0 16px 36px;}
     .result-graph .result-text-cont .tit-txt{font-size: 16px;color:#222;font-weight: 700;margin: 16px 0;}
     .result-graph .result-text-cont p{font-size: 12px;color:#FF753A; margin-bottom: 16px;}
     .result-graph .result-text-cont ul li:not(:last-child){margin-bottom:8px; }
     .result-graph .result-text-cont dl{font-size: 12px;color: #595959;font-weight: 400;display: flex;}
     .result-graph .result-text-cont dl dt{width:70px;position: relative;margin-left:12px; }
     .result-graph .result-text-cont li dl dt::before{display: block;content:'';position: absolute;width: 8px;height: 8px;background-color:#2ABB75;border-radius: 50%;left:-12px;top:4px; }
     .result-graph .result-text-cont li:nth-child(1) dl dt::before, .bar-graph .bg-green{background-color:#2ABB75;}
     .result-graph .result-text-cont li:nth-child(2) dl dt::before, .bar-graph .bg-yellow{background-color:#FFD02B;}
     .result-graph .result-text-cont li:nth-child(3) dl dt::before, .bar-graph .bg-red{background-color:#F8463B;}
     .result-graph .result-text-cont li:nth-child(4) dl dt::before, .bar-graph .bg-tomato{background-color:#FF753A;}
     .result-graph .result-graph-cont{padding:0 16px 24px 16px;} 
     .result-graph .result-graph-cont .result-graph-box{position: relative;}
     .result-graph .result-graph-cont .result-graph-box:not(:last-child){padding-bottom: 24px;}
     .result-graph .result-graph-cont .bar-graph{width: 100%;background-color: #E4E4E4;height: 12px;border-radius: 4px;margin-top: 8px;}
     .result-graph .result-graph-cont .bar-graph-value{background-color:#06A5EA;color: #fff; height: 12px;text-align: left;line-height:12px;font-size: 12px;border-radius: 4px 0 0 4px;padding-left: 8px;}
     .result-graph .result-graph-cont .bar-graph-value.bg-green{background-color:#2ABB75;width: 50%; }
     .result-graph .result-graph-cont .bar-graph-value.bg-yellow{background-color:#FFD02B;width: 30%;}
     .result-graph .result-graph-cont .bar-graph-value[data-width]{width:60%;}
     .result-graph .result-graph-cont .bar-graph-value.bg-red{background-color:#F8463B;width: 80%;}
     .result-graph .result-graph-cont .result-graph-box .result-text{color: #222;top:-24px;position: absolute;}
     .result-graph .result-graph-cont .result-graph-box .result-value{font-weight: 700;color: #222;top:-24px;}
     .result-graph .result-table-cont{background: #FFFFFF;box-shadow: 0px -13px 16px -10px rgb(0 0 0 / 16%);border-radius: 24px 24px 0px 0px;padding: 24px 16px;}
     .result-graph .result-table-cont table{width: 100%;text-align: center;}
     .result-graph .result-table-cont table thead{background-color: #F3F3F3;height: 40px;}
     .result-graph .result-table-cont table thead td{color: #595959;font-weight: 700;}
     .result-graph .result-table-cont table tbody tr td{height: 48px;}
     .result-graph .result-graph-cont .bar-graph-value{width: 50%;}
     .result-graph .result-graph-cont.js_chart_multi_data{padding: 0;}
     #js_nation_chart_canvas{margin-bottom:48px }
/************문진표************/
	 .mjp-area{padding: 0 0 40px;}
	 .result-cont{padding: 90px 100px 72px;}
	 .mjp-service{padding:32px 0 0;background-color: #458EE8; }
	 .mjp-service img{width:65px;}
	 .mjp-service>p{color: #fff;font-size:16px;margin-bottom:16px;font-weight: 500;white-space: pre-wrap; }
	 .mjp-service .mjp-content{background-color: #fff;padding: 24px 16px 0;border-radius:24px 24px 0px 0px;  }
	 .mjp-service .mjp-content>p{font-size: 14px;line-height: 22px;margin: 0 0 24px;}
	 .mjp-service .mjp-content .agree-box{padding: 16px;font-size: 12px;}
	 .mjp-content .agree-check{text-align: left;margin: 12px 0 42px;}
	 .mjp-content input[type="checkbox"]+label{padding-top: 0;font-size: 14px;}
	 .mjp-service .mjp-content button{width: 100%;height: 56px;line-height: 56px;border-radius: 8px;font-size: 16px;}
     .mjp-service .mjp-content button::after{top:23px;right: 27px;}
}
/********survey*********/
     .sub_area.survey_area{padding: 45px 60px;}
     .sub_area.survey_area .red{color:#EC0D58;font-size: 14px;margin:-16px 0 24px;vertical-align: text-top; }
     .sub_area.survey_area input[type="text"],
     .sub_area.survey_area input[type="date"], 
     .sub_area.survey_area select{background-color: #F1F4F6;border-radius: 4px;border:0;height: 32px;line-height:32px;}
     .sub_area.survey_area input[type="checkbox"]+label, .sub_area.survey_area input[type="radio"]+label{padding-left: 30px;}
     .sub_area.survey_area input[type="checkbox"]+label::after{content: '';width: 20px;height: 20px;display: block;position: absolute;left: 6px;top: 2px;background: url(../images/print/image01.svg) no-repeat 0 0;background-size: 20px 20px;border:0;}
     .sub_area.survey_area input[type="checkbox"]:checked+label::after {height: 20px;top: 3px;background: url(../images/print/image02.svg) no-repeat 0 0;background-size: 20px 20px}
     .sub_area.survey_area input[type="radio"]+label::after {content: '';width: 20px;height: 20px;display: block;position: absolute;left: 0;top: 2px;background: url(../images/print/image03.svg) no-repeat 0 0;background-size: 20px 20px;border:0;}
     .sub_area.survey_area input[type="radio"]:checked+label::after {height: 18px;top: 2px;background: url(../images/print/image04.svg) no-repeat 0 0;background-size: 20px 20px}
     .sub_area.survey_area .Information div:nth-child(3) ul{text-align: left; }
     .sub_area.survey_area .Information div:nth-child(3) ul li{margin-bottom: 40px;}
     .sub_area.survey_area .Information div:nth-child(3) ul li:nth-child(2){margin-bottom: 16px;}
     .sub_area.survey_area .Information div:nth-child(3) ul li label{width: 155px;display: inline-block;color: #222;}
     .sub_area.survey_area .Information div:nth-child(3) ul li input[type="text"], .sub_area.survey_area .Information ul li input[type="date"]{width: 366px;height: 48px;}
     .sub_area.survey_area .Information div:nth-child(3) ul li:last-child input{width:130px; }
     .sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]{position: relative;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]::after{display: block;content:'';position: absolute;background: url(/images/tilko/calendar.svg) no-repeat;width: 24px;height: 24px;top:11px;right: 19px;}
     .sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]::before{content:attr(data-placeholder);width: 100%;color:#929292;font-weight: 300; }
     .sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]:focus::before,.sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]:valid::before{display: none;}
     .page .top-tit{padding:0 14px 0;}
     .page .tit-text{display: none;}
     .page .tit{font-size: 20px;font-weight: 600;color: #222;padding-bottom: 12px;border-bottom:1px solid #222;margin: 27px 0 12px;display: block;}
     .page .sub-text{color: #595959;margin-bottom: 40px;}
     .page .sub-text b{font-weight:700; }
     .page .question{color: #222; margin: 24px 35px 24px 0;display: inline-block;font-size: 18px;font-weight: 600;}
     .page select{height: 32px;line-height:32px;border-radius: 4px;border: 0;background: #f1f4f6 url(/images/print/image05.svg) center right 8px no-repeat;}
     .page input[type="checkbox"]+label{padding-left: 25px;padding-top: 0px;position: relative;word-break: break-all;display: inline-block;min-height: 20px;cursor: pointer;}
     .page01 table{width: 73%;text-align: center;margin: 8px 0 72px;}
     .page01 table thead{background-color: #458EE8;color: #fff;}
     .page01 table th, .content table td{padding: 18px 8px;}
     .page01 table thead tr th:nth-child(1){border-radius: 8px 0px 0px 0px;}
     .page01 table thead tr th:nth-child(3){border-radius: 0px 8px 0px 0px;}
     .page01 table tbody th, .content table tbody td{color: #222;}
     .page02 ul li ul li{padding: 8px 14px;}
     .page02 ul li ul li.yes{border:1px solid #c9c9c9;border-radius: 8px;position: relative;padding: 8px 14px 0;}
     .page02 ul li ul li.yes::before{display: block;content:'';position: absolute;background: url(../images/print/image05.svg) no-repeat;width:11px;height: 7px;right:14px;top:18px;}
     .page02 ul li ul li.yes input[type="radio"]+label{padding-bottom: 8px;}
     .page02 ul li.yes ul li{padding: 8px}
     .page02 .inner-flex p{font-size: 18px;margin-top: 12px;color: #595959;font-weight: 600;}
     .page02 .inner-flex ul{display: flex;}     
     .page02 .question-inner{display: none;} 
     .page02 .question-inner.show{display: block;border-top: 1px solid #929292;}
     .page02 .question-inner li{padding: 15px 24px 15px 0;}
     .page02 .question-inner li div{float: right;display: flex;margin-left: 32px;}
     .page02 .question-inner li input[type="text"]{background-color: #f1f4f6;width: 72px;height: 32px;border-radius: 4px;border: 0;}
     .page03 ul{display: inline-block;}
     .page03 ul:nth-child(1) li ul li{margin-right: 18px;}
     .page03 ul:nth-child(3) li:nth-child(1) ul li{margin-right:18px; display: flex;align-items: center;height: 32px;}
     .page03 .drinking-number, .survey01 .page03 .drinking-number li:nth-child(1){display: flex;}
     .page03 .drinking-number li:nth-child(1){margin-right: 50px;}
     .page03 .drinking-number li:nth-child(1) select{width:96px;}
     .page03 .drinking-number li:nth-child(1) input[type="text"]{width:48px;margin-left: 16px; }
     .page03 .drinking-quantity input[type="text"]{width: 99px;}
     .page03 .drinking-quantity li{float: left; width: 35%;margin-bottom: 32px;}
     .page03 .drinking-quantity li input[type="text"]{margin: 0 24px;text-align: center;}
     .page03 .drinking-quantity select, .content06 select{width:80px; font-size: 14px;} 
     .page04 .select{display: none;}
     .page04 .question-inner{display: flex;}
     .page04 .question-inner li:not(:last-child){margin-right: 42px;}
     .page04 select{width: 48px;padding: 0 4px;text-align: center;background:#f1f4f6;;}
     .page04 .time-txt{margin-right:24px; }
     .page05 .sub-text{margin-bottom: 56px;}
     .page05 .question-box, .page06 .question-box{margin: 0 16px;}
     .page05 .question-box:not(:last-child), .page06 .question-box:not(:last-child){margin-bottom: 21px;}
     .page05 .question-box ul, .page06 .question-box ul{margin-left: 8px;}
     .page05 .question-box ul .stress-question, .page06 .question-box ul .stress-question{font-weight: 700;color: #222;font-size: 18px;margin-bottom: 16px;}
     .page05 .question-box .stress-question ul, .page06 .question-box .stress-question ul{display: flex;margin: 16px 0 24px;}
     .page05 .question-box .stress-question ul li, .page06 .question-box .stress-question ul li{margin-left: 18px;}
     .page05 .question-box ul .stress-question input[type="radio"]+label, .survey .page06 .question-box ul .stress-question input[type="radio"]+label{min-height: 20px;padding-left: 30px;color: #595959;line-height: 1;}
     .page05 .question-box ul .stress-question input[type="radio"]+label:after, .survey .page06 .question-box ul .stress-question input[type="radio"]+label:after{width: 20px;height: 20px;background-size: 20px 20px;}
     .page07 ul{padding: 56px 0;}
     .page07>h3 + p{text-align: center;font-size: 24px;color: #000;margin-bottom: 32px;}
     .page07 .reference-value{width: 128px;height: 40px;line-height: 38px;border-radius: 8px;border:1px solid #929292;text-align: center;margin-bottom: 16px;float: right;font-weight: 700;color: #595959;}
     .page07 ul li table{width: 100%;}
     .page07 ul li table thead{background-color: #458EE8;height: 56px;line-height: 56px;color: #fff;font-size:18px; }
     .page07 ul li table thead tr td:nth-child(2){width: 60%;}
     .page07 ul li table td{text-align: center;}
     .page07 ul li table tr{height: 48px;line-height: 48px;}
     .page07 ul li table tbody{color: #222;}
     .page07 ul li table tbody tr td:nth-child(2){text-align: left;padding-left: 80px;} 
     .page07 ul li table tbody tr .modal-btn img{display: none;}  
     .page07 ul .total-score{width: 279px;border: 1px solid #458EE8;padding: 0;display: flex;color:#458EE8;text-align: center;height: 56px;line-height: 56px;float: right;margin: 66px 0; }
     .page07 ul .total-score li:nth-child(1){width: 40%;background-color: #458EE8;color: #fff;}
     .page07 ul .total-score li:nth-child(2){width: 60%;background-color: #fff;}
     .page07 ul li:nth-child(2) .gray-box{clear: both;background-color: #f8f8f8;border-radius: 8px;padding: 30px 60px 48px 60px;color: #222;text-align: left;border: 2px solid #458EE8;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(1){position: relative;font-size:22px;font-weight: 700;text-align: left;margin-left: -25px; }
     .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(1) img{margin-right: 8px;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(2){font-size: 16px;white-space: pre-wrap;text-align: left;padding: 28px 0 40px 20px;line-height:23px;border-bottom: 1px solid #595959;margin-bottom:16px; }
     .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(2) span{color: #458EE8;font-weight: 700;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(2) dl dt{color: #FF753A;font-size: 18px;font-weight: 700;margin-bottom: 16px;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(2) dl dd{white-space: pre-wrap;color: #595959;text-indent: -14px;margin-left: 14px;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(2) dl dd b{font-weight: 700;}
     .page07 .reference-inner{display: none;}
     .page07 .stress-prevention>p{font-size: 22px;font-weight: 700;border-bottom:1px solid #595959;padding-bottom: 12px;}
	 .page07 .stress-prevention ul{padding: 36px 88px;}
	 .page07 .stress-prevention ul li{margin-bottom: 54px;color: #595959;line-height: 23px;}
	 .page07 .stress-prevention ul li > p{font-size: 18px;color:#0C73BE;font-weight: 700;position: relative; }
     .page07 .stress-prevention ul li > p::before{position: absolute;display: block;content:'';width: 32px;height: 32px;left: -40px;top:-5px;}
     .page07 .stress-prevention ul li:nth-child(1) > p::before{background: url('/images/print/user_icon_01.svg') no-repeat;}
     .page07 .stress-prevention ul li:nth-child(2) > p::before{background: url('/images/print/user_icon_02.svg') no-repeat;}
     .page07 .stress-prevention ul li:nth-child(3) > p::before{background: url('/images/print/user_icon_03.svg') no-repeat;}
     .page07 .stress-prevention ul li dl dt{font-weight: 700;color: #222;padding: 12px 0;}
     .page07 .stress-prevention ul li dl dd{padding-left: 32px;}
     .page07 .stress-prevention ul li:nth-child(1) dl:nth-child(2) dd:nth-child(2), .page07 .stress-prevention ul li:nth-child(2) dl dd:nth-child(3){margin-bottom: 8px;}
     .page07 .stress-prevention ul li:nth-child(2) dl dd:nth-child(2){color: #222;}
     .page07 .stress-prevention ul li:nth-child(3) dl{margin-top: 16px;color: #222;line-height: 26px;}
     .page07 .stress-prevention ul li:nth-child(1) dl:nth-child(2), .page07 .stress-prevention ul li:nth-child(1) dl:nth-child(5){padding-bottom:9px; }
     .sub_area.survey_area .survey-btn,
     .checkup_plan_sub .survey-btn,
     .checkup_choice_sub .survey-btn{display: flex;justify-content: space-around;clear: both;}
     .sub_area.survey_area .survey-btn.m_view{display: none;}
     .sub_area.survey_area .survey-btn li,
     .checkup_plan_sub .survey-btn li,
     .checkup_choice_sub .survey-btn li{width: 352px;height:64px;line-height: 64px;border-radius: 32px; background: #929292; text-align: center;font-size: 22px;margin: 100px 0 136px;}
     .sub_area.survey_area .survey-btn li a,
     .checkup_plan_sub .survey-btn li a,
     .checkup_choice_sub .survey-btn li a{width: 100%;height: 100%;color: #fff;display: block;}
@media screen and (max-width:480px){
	 .sub_area.survey_area {background-color: #f8f8f8; }
	 .sub_area.survey_area input[type="checkbox"]+label,.sub_area.survey_area input[type="radio"]+label{margin: 0;padding-top: 2px;}
	 .sub_area.survey_area input[type="checkbox"]+label::after, .sub_area.survey_area input[type="radio"]+label::after{width: 18px;height: 18px;background-size: 18px 18px;}
     .sub_area.survey_area input[type="checkbox"]:checked+label::after, .sub_area.survey_area input[type="radio"]:checked+label::after {height: 18px;width:18px;background-size: 18px 18px}
	 .sub_area.survey_area .Information .sub_title{display: none;}
	 .sub_area.survey_area .Information .tit{top:0;color: #222;font-size: 20px;background-color:#f8f8f8; font-weight: 600;padding-top: 32px;}
	 .sub_area.survey_area .Information .top-tit{padding: 32px 16px;}
	 .sub_area.survey_area .Information div:nth-child(3){background-color: #fff;border-radius: 24px 24px 0px 0px;padding:24px 16px;}
	 .sub_area.survey_area .Information div:nth-child(3) p{margin: 0;line-height: 22px;font-weight: 300;}
	 .sub_area.survey_area .Information div:nth-child(3) ul{width: 100%;border:0;border-radius: 0;padding: 0;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li label{width: 100%;color: #222;font-weight: 500;margin-bottom: 8px;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li input[type="text"], .sub_area.survey_area .Information ul li input[type="date"]{width: 100%;height: 40px;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li:last-child input{width:26%; }
	 .sub_area.survey_area .Information div:nth-child(3) ul li, .sub_area.survey_area .Information div:nth-child(3) ul li:nth-child(2){margin-bottom: 24px;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li:nth-child(5){width: auto;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li:nth-child(5) .gender{display: flex;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li:nth-child(5) .gender label{width: 30%;}
	 .sub_area.survey_area .Information div:nth-child(3) ul li input[type="date"]::after{top:8px;}
	 .sub_area.survey_area{padding: 0;}
	 .page .sub_title{display: block;border-left: 0;font-size:20px;margin-bottom: 6px;font-weight: 700;}
	 .page .tit{margin: 0;font-size: 16px;border-bottom: 0;color: #fff;background-color:#458EE8;padding:0;font-weight: 500; display: inline;position: absolute;top:168px;}
	 .page .top-tit{padding:0 16px 32px;}
	 .page .tit-text{display: block;font-size: 20px;font-weight: 700;color: #222;margin-bottom: 6px;}
	 .page .sub-text{width: 222px;margin-bottom: 0;}
	 .page{background-color: #f8f8f8;padding-top: 32px;}
	 .page>ul:nth-child(3){padding: 32px 16px 40px;background-color: #fff;box-shadow: 0px -13px 16px -10px rgb(0 0 0 / 16%);border-radius: 24px 24px 0px 0px;}
	 .page .question{white-space: pre-wrap;margin:32px 0 16px;font-size: 14px;line-height: 20px;width: 100%;}
	 .page01 table{width: 100%;margin: 18px 0 8px;}
	 .page01 table th, .survey01 table td{padding: 11px 8px;}
     .page02 .inner-flex p{font-size: 14px;white-space: pre-wrap;}
     .page02 .inner-flex ul{display: block;box-shadow: none;border-radius: 0;padding: 0;}
     .page02 .inner-flex ul li{padding:8px 0 }
     .page02 .question-inner li div{float: none;margin-top: 11px;display: block;margin-left: 0;}
     .page02 .question-inner em{display: none;}
     .page02 .question-inner li span:not(:last-child) {margin-right: 18px;}
     .page03 .drinking-number{display: block;}
     .page03 .drinking-number li:not(:last-child){margin-bottom: 16px;}
     .page03 .drinking-quantity li{float: none;width: 100%;margin-bottom: 16px;}
     .page03 ul:nth-child(3) li:nth-child(1) ul li{height: auto;                                                                                                                                                                                          }
     .page03 .drinking-quantity li:nth-child(2) input[type="text"]{margin: 0 24px 0 12px;}
	 .page04 .select{background:#F1F4F6 url(/images/print/image05.svg) no-repeat 95% 15px;width: 90%; padding: 6px 21px;border-radius: 4px;display: block;}
     .page04 .question-inner{background-color: #F1F4F6;width: 90%;padding: 8px 16px;margin-top: -2px;display: none;}
     .page04 .question-inner.show{display: block}
     .page04 .question-inner li{margin-bottom: 8px;width: 50%;float: left;}
     .page04 .question-inner li:not(:last-child){margin-right: 0;}
	 .page05 .survey-cont, .page06 .survey-cont{background-color: #fff;border-radius: 24px 24px 0 0;box-shadow: 0px -13px 16px -10px rgb(0 0 0 / 16%);padding: 32px 0;}
	 .page05 .question-box ul, .page06 .question-box ul{margin: 0 8px;display: inline;}
	 .page05 .question-box ul .stress-question, .page06 .question-box ul .stress-question{font-size:14px; }
	 .page05 .question-box .stress-question ul, .page06 .question-box .stress-question ul{display: block;}
	 .page05 .question-box ul li:not(:last-child), .page06 .question-box ul li:not(:last-child){margin-bottom: 40px;}
	 .page05 .question-box .stress-question ul li, .page06 .question-box .stress-question ul li{margin: 0 0 8px 0;}
	 .page05 .question-box ul li:first-child, .page06 .question-box ul li:first-child {margin-top: 12px;}
	 .page07{margin-bottom:76px;}
	 .page07 .reference-value{display: none;}
	 .page07>h3 + p{font-size: 14px;color: #595959;text-align: left;padding-left:16px;line-height: 20px;width: 71%;}
	 .page07 ul .total-score{width: 100%;height:48px;line-height: 48px;margin: 32px 0 0; }
     .page07 ul .total-score li{font-size: 16px;}
     .page07 ul .total-score li:nth-child(1){width: 45%;position: relative;}
     .page07 ul .total-score li:nth-child(1) > img{position: absolute;right:38px; top: 17px;}
     .page07 ul .total-score li:nth-child(2){width: 55%;}
     .page07 ul li .total-score-table{font-size: 12px;}
     .page07 ul li .total-score-table thead{color:#595959;}
     .page07 ul li .total-score-table thead td, .page07 ul li .total-score-table tbody tr:nth-child(3) td{font-weight: 700;font-size: 12px;}
	 .page07 ul li .total-score-table thead tr td:nth-child(2), .page07 ul li .total-score-table tbody tr td:nth-child(2){display: block;}
	 .page07 ul li .total-score-table thead tr td:nth-child(2){width: 100%;}
	 .page07 ul li .total-score-table tbody tr td:nth-child(2){padding: 0;}
	 .page07 ul li .total-score-table thead, .page07 ul li .total-score-table tbody tr:nth-child(3){background: #F3F3F3;}
	 .page07 ul li table thead tr td:nth-child(2), .page07 ul li table tbody tr td:nth-child(2){display: none;}
	 .page07 ul li table thead{height: 40px;line-height: 40px;font-size: 14px;}
	 .page07 ul li table thead tr, .page07 ul li table tbody tr{height: 40px;line-height: 40px;}
	 .page07 ul li table tbody tr .modal-btn img{vertical-align: middle;margin-left:4px;display: inline-block; }
     .page07 ul li:nth-child(2) .gray-box{border: 0;padding: 24px 16px;}
	 .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(1){font-size:16px;text-align: center;}
     .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(1) img{margin: -2px 8px 0 0;}
	 .page07 ul li:nth-child(2) .gray-box li:nth-child(1) p:nth-child(2){padding: 20px 0 32px 0;font-size: 14px;text-align: center;white-space: inherit;}
	 .page07 ul li:nth-child(2) .gray-box li:nth-child(2) dl dt{text-align: center;font-size: 16px;}
	 .page07 ul li:nth-child(2) .gray-box li:nth-child(2) dl dd{white-space: inherit;margin-left: 9px;text-indent: -9px;}
	 .page07 .score-guide ul{padding: 16px 24px 32px 16px;}
	 .page07 .score-guide ul li > p{color: #0C73BE;font-size: 16px;font-weight: 700;margin-bottom: 8px;}
	 .page07 .score-guide ul li dl{color: #222;}
	 .page07 .score-guide ul li:nth-child(1) dl{margin-bottom: 16px;}
	 .page07 .score-guide ul li dl dt{font-size: 14px;font-weight: 700;margin-bottom: 4px;} 
	 .page07 .score-guide ul li dl dd{font-size: 12px;line-height: 20px;}
	 .page07 .score-guide ul li dl dd.txt-color{color:#FF753A;margin:8px 0 32px;font-weight: 500;}
	 .page07 .score-guide .guide-inner, .page07 .stress-prevention .guide-inner{display: none;}
	 .page07 .score-guide .guide-inner.show, .page07 .stress-prevention .guide-inner.show{display: block;}
	 .page07 .stress-prevention>p, .page07 .score-guide>p{background-color: #fff;font-size:16px; padding: 16px 16px 16px 24px;color: #222;position: relative;font-weight: 700;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
	 .page07 .stress-prevention>p::after, .page07 .score-guide>p::after{position: absolute;content:'';display: block;width:24px;height: 24px;right: 16px;background: url(/images/print/menu-up.svg) no-repeat;top:16px;transform: rotate(180deg); }
	 .page07 .stress-prevention ul{padding: 16px;}
	 .page07 .stress-prevention ul li{line-height: 20px;}
	 .page07 .stress-prevention ul li > p{font-size: 16px;padding-left: 33px;}
	 .page07 .stress-prevention ul li > p::before{left:0;}
	 .page07 .stress-prevention ul li dl dd{padding-left: 8px;font-size: 12px;}
	 .page07 .stress-prevention ul li dl dt{padding: 12px 0 4px;}
	 .sub_area.survey_area .survey-btn{justify-content: space-between;padding: 0 16px;background-color: #fff;}
     .question-box .survey-btn.m_view{padding: 0;margin: 0;display: flex !important;}
     .question-box .survey-btn.m_view li:first-child{margin: 0 0 64px;}
     .sub_area.survey_area .survey-btn li,
     .checkup_plan_sub .survey-btn li,
     .checkup_choice_sub .survey-btn li {width: 100px;height: 40px;line-height: 40px;font-size: 16px;background: #e4e4e4;margin: 0 0 64px;}
     .symptom_plan .checkup_plan_sub .survey-btn li{margin: 48px 0 64px;}
     .sub_area.survey_area .survey-btn li a, 
     .checkup_plan_sub .survey-btn li a,
     .checkup_choice_sub .survey-btn li a{color:#595959; }
     .sub_area.survey_area .survey-btn li:last-child a, 
     .checkup_plan_sub .survey-btn li:last-child a,
     .checkup_choice_sub .survey-btn li:last-child a{color: #fff;}	
     
}
@media screen and (max-width:320px){
	.tilko-resistration-select .select-list dl .re_who, .tilko-resistration-select .select-list dl .re_name{width: 62px;}
}
/*****비수기 검진 이벤트******/
     .off-season-event > a{display: inline-block;width: 100%;height: auto;background-color: #fff;}
     .off-season-event > a img{width: 100%;border-radius: 16px;margin-bottom: 24px;}
     .off-season-event ul li.filter > p{font-size: 24px;font-weight: 700;color: #222;margin-bottom: 24px;}
     .off-season-event ul li.filter:not(:last-child){margin-bottom: 24px;}
     .off-season-event ul li.filter ul li{width: 154px;float: left;height: 48px;line-height: 48px;text-align: center;margin-bottom:16px; }
     .off-season-event ul li.filter ul li a{display: flex;}
     .off-season-event ul li.filter ul li:not(:last-child) a{padding-right: 16px;}
     .off-season-event ul li.filter ul li a input[type="checkbox"]+label{background-color:#F6F6F6;border-radius: 24px;color:#595959; padding: 0;width: 100%;}
     .off-season-event ul li.filter ul li a input[type="checkbox"]:checked+label{background-color: #06A5EA;color: #fff;}
     .off-season-event ul li.filter ul li a input[type="checkbox"]+label::after,
     .off-season-event ul li.filter ul li a input[type="checkbox"]:checked+label::after{background: none;width: 100%;height: 100%;top:0;}
     .off-season-event .evnet-hospital{margin: 80px 0 72px;}
     .off-season-event .evnet-hospital > ul > li{width: 33.33%;float: left;padding-right: 16px;margin-bottom: 40px;}
     .off-season-event .evnet-hospital > ul > li div{border: 1px solid #E4E4E4;border-radius: 8px;overflow: hidden; }
     .off-season-event .evnet-hospital ul li div img{width: 100%;height:239px;background-color: #e4e4e4;}
     .off-season-event .evnet-hospital ul li div .hospital-cont{display: flex;justify-content: space-between;padding:16px 16px 8px 16px;;font-weight: 700;height: 64px;} 
     .off-season-event .evnet-hospital ul li div .hospital-cont li:first-child {width: 75%;color: #222;font-size: 18px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
     .off-season-event .evnet-hospital ul li div .hospital-cont li:nth-child(2) {width: 25%;text-align: right;font-size: 20px;color:#F8463B; }
     .off-season-event .evnet-hospital ul li div .tag-cont{word-break:normal;padding: 0 16px 16px;height: 56px;}
     .off-season-event .evnet-hospital ul li div .tag-cont li{display:inline-block;word-break:keep-all;font-size: 13px;color:#0C73BE;margin-right: 4px; }
     .off-season-event li:last-child{position: relative;}
     .off-season-event li:last-child .add{position: absolute;left: 50%;transform:translate(0,-50%);padding:32px 0 88px;text-align: center;}
     .off-season-event li:last-child .scroll-top-btn{display: none;}
/***검진 전 유의사항***/   
     .checkup_care .checkup_care_txt{text-align: center;font-size: 24px;color:#0C73BE;font-weight: 700; margin:0 0 64px;}
     .checkup_care .table_inner table{background: #F8F8F8;border-radius: 16px;} 
     .checkup_care .table_inner table th, .checkup_care .table_inner table td{color: #222;border-top:0;}
     .checkup_care .table_inner table th{font-size: 22px;font-weight: 500;text-align: center;padding-left: 104px}
     .checkup_care .table_inner table td{padding: 24px 24px 24px 0;}
     .checkup_care .table_inner .dot_ul li{margin: 0;}
     .checkup_care .table_inner .dot_ul li:not(:last-child){margin: 0 0 8px 0;}
     .checkup_care h4.sub_partN{padding-left: 60px;margin-bottom: 32px;font-size: 28px;font-weight: 500;color: #222;position: relative;}
     .checkup_care h4.sub_partN::before{position: absolute;width: 48px;height: 12px;background: #06A5EA;content:'';left: 0;top: 13px;}
     .checkup_care .chk_img{position: relative;}
     .checkup_care .icon{position: relative;}
     .checkup_care .icon::before{position: absolute;content:'';width: 80px;height: 80px;left:24px;top: 50%;transform: translate(0, -50%);}
     .checkup_care tr:first-child .icon::before{background: url(/images/etc/check.svg) no-repeat;}
     .checkup_care tr:nth-child(2) .icon::before{background: url(/images/etc/meal.svg) no-repeat;}
     .checkup_care tr:nth-child(3) .icon::before{background: url(/images/etc/medicine.svg) no-repeat;}
     .checkup_care tr:nth-child(4) .icon::before{background: url(/images/etc/drink.svg) no-repeat;}
     .checkup_care tr:last-child .icon::before{background: url(/images/etc/female.svg) no-repeat;}
     .checkup_care .chk_img::before{position: absolute;content: '';background: url(/images/etc/check2.svg) no-repeat;width: 80px;height: 80px;left:42px;top: 50%;transform: translate(0, -50%);}
 @media screen and (max-width:480px){
     .off-season-event > a{height: auto;}
     .off-season-event > a > img{border-radius: 0;}
     .off-season-event > ul{padding: 0 16px;}
     .off-season-event ul li.filter > p{font-size:16px;margin-bottom: 12px; }
     .off-season-event ul li.filter ul li{width: 33.33%;float: left;height: 40px;line-height: 40px;margin-bottom:8px; }
     .off-season-event ul li.filter ul li a{display: flex;}
     .off-season-event ul li.filter ul li:not(:last-child) a{padding-right: 0;}
     .off-season-event ul li.filter ul li:not(:nth-child(3n+0)) a{padding-right: 8px;}
     .off-season-event ul li.filter ul li a input[type="checkbox"]+label{ padding: 0;width: 100%;border-radius: 4px;}
     .off-season-event ul li.filter ul li a input[type="checkbox"]+label::after,
     .off-season-event ul li.filter ul li a input[type="checkbox"]:checked+label::after{background: none;width: 100%;height: 100%;top:0;}
     .off-season-event .sum-filter{margin: 24px 0;}
     .off-season-event .evnet-hospital{margin: 32px 0;}
     .off-season-event .evnet-hospital > ul > li{width: 100%; padding-right: 0;margin-bottom: 16px;}
     .off-season-event .evnet-hospital ul li div img{height:220px;}
     .off-season-event .evnet-hospital ul li div .hospital-cont{display: flex;justify-content: space-between;padding:16px 16px 8px 16px;;font-weight: 700;height: auto;} 
     .off-season-event .evnet-hospital ul li div .hospital-cont li:first-child {width: 75%;color: #222;font-size: 16px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
     .off-season-event .evnet-hospital ul li div .hospital-cont li:nth-child(2) {width: 25%;text-align: right;font-size: 20px;color:#F8463B; }
     .off-season-event .evnet-hospital ul li div .tag-cont{word-break:normal;padding: 0 16px 16px;height: auto;}
     .off-season-event .evnet-hospital ul li div .tag-cont li{display:inline-block;word-break:keep-all;font-size: 12px;color:#0C73BE; }
     .off-season-event li:last-child .scroll-top-btn{position: fixed;bottom: 80px;left: 50%;transform: translate(-50%, 0);display: none;}
 /***검진 전 유의사항***/ 
     .checkup_care h4.sub_partN{font-size: 18px;margin: 0 0 8px 0;padding-left: 38px;}
     .checkup_care h4.sub_partN::before{width: 30px;height:8px;top:8px; }
     .checkup_care .checkup_care_txt{font-size: 16px;margin: 24px 0;}
     .checkup_care .checkup_care_txt span{display: block;margin-top: 8px;}
     .checkup_care .content section{margin: 0 16px;padding-bottom: 72px;}
     .checkup_care .content section:last-child{padding-bottom: 16px;}
     .checkup_care .table_inner table{background: #fff;border:0;}  
     .checkup_care .table_inner table th{width: 100%;padding: 0;text-align: center;font-size: 16px;height: 56px;line-height: 56px;background: #E9EFF4;border-radius: 8px;font-weight: 700;}
     .checkup_care tr .icon::before, .checkup_care .chk_img::before{width: 40px;height: 40px;background-size: 40px 40px !important;left: 32px;}
     .checkup_care .table_inner table td{padding:8px 4px 24px 8px;  }
 }  
 
/* 회원가입 페이지 인풋, 버튼 */
	.easy_res .has_btn input[type="tel"],
	.easy_res .has_btn input[type="text"],
	.personal-data-wrap .has_btn input[type="tel"] {width:calc(100% - 128px);float:left;}
	.easy_res .has_btn button,
	.personal-data-wrap .has_btn button {width:120px;height:44px;float:right;}
/* 회원가입 페이지 버튼 */
	.im-btn {margin-left: 8px; border-radius:8px; font-size:14px; font-weight: 600;}
	.im-btn.red {color:#595959; border: 1px solid #595959;background: #fff;}
	.im-btn.red_reverse {color:#F8463B; border: 1px solid #F8463B;background: #fff;}
	
/*개인 정보 수정*/	
    .personal-data .ess_txt {margin-bottom:32px; color: #F8463B;font-size: 16px;font-weight: bold;text-align: right;}
	
	@media only screen and (max-width: 768px) {
		.personal-data .ess_txt {margin-bottom: 0;font-size:14px;}		
		.easy_res .addr_top .has_btn input[type="tel"],
		.easy_res .addr_top .has_btn input[type="text"] {width: calc(64% - 8px);}
		.easy_res .addr_top .has_btn button {width: 36%;margin-top: 9px;}
	}	
     
/*개인 정보 수정*/
     .sub_title > span{font-size: 18px;margin-top: 16px;font-weight: 400;display: block;color: #595959;}
     .personal-data{padding: 16px 0 40px;}
     .personal-data > ul{padding-bottom: 40px;margin-bottom: 40px;border-bottom:4px solid #e4e4e4; }
     .personal-data > ul > li:not(:last-child){margin-bottom: 24px;}
     .personal-data > ul > li, 
     .personal-data > ul > li.gender ul,
     .personal-data .has_btn div {display: flex;align-items: center;}
     .personal-data > ul > li > label{min-width: 156px;font-size: 16px;font-weight: 700;color: #222;}
     .personal-data > ul > li > label.essential::after{content: " *";color: #F8463B;}
     .personal-data > ul > li > label > span{color: #595959;font-weight: 300;font-size:12px;}
     .sub_area.survey_area .personal-data > ul > li input[type="text"],
     .sub_area.survey_area .personal-data > ul > li input[type="date"],
     .sub_area.survey_area .personal-data > ul > li input[type="email"],
     .sub_area.survey_area .personal-data > ul > li input[type="tel"],
     .sub_area.survey_area .personal-data > ul > li input[type="number"],
     .sub_area.survey_area .personal-data > ul > li input[type="password"]{width: 418px;height: 48px;line-height: 48px;border: 1px solid #929292;border-radius: 8px;background: #fff;color: #222;font-size: 14px;padding: 0 16px;}
     .personal-data > ul > li input[type="password"]::placeholder{color: #929292;font-weight: 300; }
     .sub_area.survey_area .personal-data > ul > li input.no-modify{color: #595959;;text-align: center;font-weight:700;background: #e4e4e4;border: 1px solid #C9C9C9; }
     .personal-data > ul > li.gender ul li:first-child{margin-right: 10px;}
     .personal-data > ul > li.gender ul li input[type="radio"]+label::after,
     .personal-data > ul > li.gender ul li input[type="radio"]:checked+label::after{background: 0;}
     .personal-data > ul > li.gender ul li {text-align: center;}
     .personal-data > ul > li.gender ul li input[type="radio"]+label{padding: 0;border:  1px solid #C9C9C9;width: 200px;height: 48px;line-height: 46px;border-radius: 8px;font-size: 14px;}
     .personal-data > ul > li.gender ul li input[type="radio"]:checked+label{border: 2px solid #06A5EA;color: #06A5EA;}
     .personal-data > ul > li.adress ul li:not(:last-child){margin-bottom: 8px;}
     .personal-data > ul > li.adress ul li:first-child,.personal-data > ul > li.adress ul li:nth-child(2){float: left;}
     .personal-data > ul > li.adress ul li:first-child input[type="text"]{width:152px;}
     .personal-data > ul > li.adress ul li button{width: 152px;height: 48px;line-height: 48px;background-color:#0C73BE;border-radius: 8px;color: #fff;margin-left: 8px;font-size: 14px; }
     .personal-data > ul > li img{position: absolute;left: 56px; top: 19px;}
     .personal-data > ul > li .psw-txt{font-size: 14px;margin-left: 28px;line-height: 46px;color: #06A5EA;}
     .personal-data > ul > li .psw-txt-red{color: #FF1C1C;}
     .personal-data .cont-bot{text-align: center;color: #595959}
     .personal-data .cont-bot button{color: #fff;border-radius: 8px;font-size: 16px;width: 328px;height: 56px;height: 56px;}
     .personal-data .cont-bot p {font-weight: 300;margin: 16px 0 8px}
     .personal-data .cont-bot span{font-weight: 500;}

	 /* 개인정보 수정 탭 추가 */
	 .personal-data-tab {
	 	width: 100%;
	 	height: 64px;
	 	line-height: 64px;
	 	padding: 56px 0 64px;
	 	
	 }
	 .personal-data-tab ul li {
	 	float: left;
	 	width: 50%;
	 	text-align: center;
	 	background: #ECEEEF;
	 	color: #929292;
	 	font-weight: 700;
		font-size: 20px;
		cursor: pointer;
	 }
	 .personal-data-tab ul li.act {
	 	background: #1875FF;
	 	color: #fff;
	 }

     
 @media screen and (max-width:480px){
     .personal-data{padding: 16px 16px 56px;}
     .personal-data > ul {border:0;padding: 0 8px;}
     .personal-data > ul > li{display: block;}
     .personal-data > ul > li img{left: 42px;}
     .personal-data > ul > li > label{font-size: 14px;display: block;margin-bottom: 12px;}
     .personal-data > ul > li > label > span{margin-left: 8px;display: inline-block; }
     .sub_area.survey_area .personal-data > ul > li input[type="date"],
     .sub_area.survey_area .personal-data > ul > li input[type="text"],
     .sub_area.survey_area .personal-data > ul > li input[type="tel"],
     .sub_area.survey_area .personal-data > ul > li input[type="email"],
     .sub_area.survey_area .personal-data > ul > li input[type="password"]{width: 100%;padding: 0 10px;}   
     .personal-data > ul > li input[type="password"]::placeholder{font-size: 14px;}
     .personal-data > ul > li.gender ul{margin-top: 12px;display: block;}  
     .personal-data > ul > li.gender ul li{width: 48%;float: left;}
     .personal-data > ul > li.gender ul li input[type="radio"]+label{background-color: #fff;width: 100%}
     .personal-data > ul > li.adress ul li button{margin:0;}
     .personal-data > ul > li.adress ul li:first-child, .personal-data > ul > li.adress ul li:nth-child(2){width: 48%;}
     .personal-data > ul > li.adress ul li:first-child{margin-right: 8px;}
     .personal-data > ul > li.adress ul li:first-child input[type="text"],
     .personal-data > ul > li.adress ul li button{width: 100%;}
     .personal-data > ul > li .psw-txt{margin: 0;line-height: inherit;font-weight: 300;margin-top: 4px;}
     .personal-data .cont-bot p {margin: 16px 4px 8px;}
     
     /* 개인정보 수정 탭 추가 */
	 .personal-data-tab {
	 	width: calc(100% - 32px);
	 	height: 52px;
	 	line-height: 52px;
	 	background: #E9EFF4;
		border-radius: 50px;
		margin-left: 16px;
		margin-top: 16px;
		padding: 0;
	 }
	 .personal-data-tab ul li {
	 	margin: 4px 4px 0;
	 	float: left;
	 	width: calc(50% - 8px);
	 	height: 44px;
	 	line-height: 44px;
	 	text-align: center;
	 	background: #ECEEEF;
	 	color: #929292;
	 	font-weight: 700;
		font-size: 16px;
		cursor: pointer;
		border-radius: 50px;
	 }
	 .personal-data-tab ul li.act {
	 	background: #fff;
	 	color: #1875FF;
	 }
     

     
 } 
 
 @media only screen and (max-width: 768px) {
	.sub_area.survey_area .personal-data > ul > li input.phone-num {width: calc(100% - 128px)}
	
}   
 
/* 케어플러스2, 비대면 보험 상담·추천 서비스 */ 
.careplus_2 img {
	display: flex;
	margin: 0 auto;
	width: 660px;
}
.customizedExmImg {
	display: flex;
	margin: 0 auto;
	width: 1000px;
}
.careplus_2_btn {
	display: block;
	margin: 32px auto 0;
	width: 360px;
	height: 72px;
	background: linear-gradient(91.54deg, #366EFF 3.93%, #8B4AFF 97.34%);
	border-radius: 50px;
	color: #fff;
	position: sticky;
	bottom: 80px;
	font-size: 20px;
	padding-right: 32px;
}
.careplus_insucare_btn {
	display: block;
	margin: 32px auto 0;
	width: 360px;
	height: 72px;
	background: #2C7FFA;
	border-radius: 8px;
	color: #fff;
	position: sticky;
	bottom: 80px;
	font-size: 20px;
	padding-right: 32px;
}
.careplus_2_btn.custom {
	position: relative;
	bottom: unset;
	background: #2C7FFA;
	box-shadow: 0px 4px 16px 0px rgba(2, 95, 232, 0.32);
}
.careplus_2_btn::after,
.careplus_insucare_btn::after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	right: 32px;
	top: 24px; 
	background: url(/images/pillgram/btn_arrow.svg) no-repeat center;
}
.care_div {
	display: flex !important;
	justify-content: space-between;
}
.care_div p {
	font-size: 24px;
	font-weight: 600;
	color: #458EE8;
}

.layer_popup_section > .completed_box {
	width: 328px;
	padding-top: 72px;
	text-align: center;
	background: #fff url(/images/login_renewal/correct.svg) no-repeat top 32px center / 24px;
}

.completed_box ul {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.completed_box ul li:nth-child(1) {
	color: #222;
	font-size: 16px;
	font-weight: 600;
}
.completed_box ul li:nth-child(2) {
	color: #595959;
	font-size: 14px;
}
.completed_box ul li:nth-child(3) {
	color: #929292;
	font-size: 13px;
}
.completed_box ul li.btn_li {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.completed_box ul li.orange {
	color: #FF753A;
	margin-top: 12px;
}
.completed_box button {
	width: 100%;
	height: 56px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
}
.completed_box button.gray {
	background: #E9EFF4;
	color: #595959;
}
.completed_box button.blue {
	background: #2C7FFA;
	color: #fff;
}
.completed_box button.FREE{
	position: relative;
}
.completed_box button.FREE::before {
	content:"FREE";
	position: absolute;
	top: -4px;
	left: -12px;
	padding: 2px 10px;
	border-radius: 50px;
	background: #FF6B61;
	color: #fff;
	transform:rotate(-20deg);
}
.careplus_insucare_message {
	width: 100%;
	height: 36px;
	overflow: hidden;
	margin-top: 20px;
}
.careplus_insucare_text {
	color: #595959;
	font-family: Pretendard;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	margin-bottom: 32px;
}


/* *******************************
 * 케어플러스 > 케어해 안심플랜
 ******************************* */
.careplus_safe-plan {width:800px; margin:0 auto;}
.careplus_safe-plan #top_area {height:283px; margin:0 auto; border-radius:16px; background: var(--Light-Blue-95, #E5F6FE); text-align: center;}
.careplus_safe-plan #top_area > img {margin:16px 0; width:108px; height:76px;}
.careplus_safe-plan #top_area p:nth-of-type(1) > span {text-align:center; font-size:14px; font-weight:600; line-height:140%; letter-spacing:0.203px;}
.careplus_safe-plan #top_area p:nth-of-type(1) > span:first-child {color:var(--Semantic-Status-Cautionary, #FF753A);}
.careplus_safe-plan #top_area p:nth-of-type(1) > span:last-child {color: var(--Semantic-Label-Alternative, #7A7A7A);}
.careplus_safe-plan #top_area p:nth-of-type(2) {color:var(--Palette-Blue-50, var(--Blue-50, #3B72FF)); font-size:36px; font-weight:800; line-height:130%; letter-spacing: -1.015px;}
.careplus_safe-plan #top_area p:nth-of-type(3) {padding:12px 16px; margin:16px 130px; border-radius:8px; background: var(--Background-Normal-Normal, #FFF); color:var(--Semantic-Label-Neutral, #595959); text-align:center; font-family:Pretendard; font-size:14px; font-style:normal; font-weight:400; line-height:140%; letter-spacing:-0.168px;}
.careplus_safe-plan #top_area p:nth-of-type(3) > span {font-weight:600;}
.careplus_safe-plan #top_area > p:last-of-type {color:var(--Semantic-Label-Alternative, #7A7A7A); text-align:center; font-size: 12px; font-weight: 500; line-height: 130%;}
/* 개인정보 입력폼 */
.careplus_safe-plan #applicant-info {margin:14px 0; padding:24px; border-radius:16px; background:var(--Semantic-Background-Normal-Alternative, #F8F8F8); text-align: left;}
.careplus_safe-plan #applicant-info p:nth-of-type(1) {color:var(--Semantic-Label-Normal, #222); font-size:16px; font-weight: 600; line-height: 150%;}
.careplus_safe-plan #applicant-info p:nth-of-type(2) {color:var(--Semantic-Status-Cautionary, #FF753A); font-size:12px; font-weight: 400; line-height: 130%;}
.careplus_safe-plan #applicant-info ul {margin-bottom:12px;}
.careplus_safe-plan #applicant-info input[type="text"],
.careplus_safe-plan #applicant-info input[type="tel"] {height:48px; padding:7px 16px 7px 12px; border-radius:8px; border:1px solid var(--Line-Solid-_Strong, #AEB0B6);}
.careplus_safe-plan #applicant-info input[type="text"]:disabled,
.careplus_safe-plan #applicant-info input[type="tel"]:disabled {cursor:default; background: var(--Semantic-Label-Disable, #D5D5D5);}
.careplus_safe-plan #applicant-info ul li p {margin:16px 0 8px 0;}
.careplus_safe-plan #applicant-info ul li p span.txt-gray {margin-left:4px; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; line-height:140%; letter-spacing:0.203px;}
.careplus_safe-plan #applicant-info ul li:nth-of-type(2) input {background-image:url('/images/safe-plan/calendar.svg'); background-repeat: no-repeat; background-position: right 10px center;}
.careplus_safe-plan #applicant-info ul li:nth-of-type(3) div input[type="radio"]+label {color:var(--Semantic-Label-Normal, #222); font-size: 15px; font-weight: 500; line-height: 150%;}
.careplus_safe-plan #applicant-info ul li:nth-of-type(3) div input[type="radio"]:disabled+label {cursor:default;}
.careplus_safe-plan #applicant-info ul li:nth-of-type(3) div input:nth-of-type(2) {margin-left: 48px;}
/* 유의사항 */
.careplus_safe-plan #applicant-info p:nth-of-type(3) {color:var(--brand-sub-04, #FF753A); font-size:14px; font-weight: 600; line-height: 140%;}
.careplus_safe-plan #applicant-info p:nth-of-type(4) {color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; line-height:140%; word-break:break-all; white-space:normal;}
.careplus_safe-plan #applicant-info p:nth-of-type(4) strong {color: var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:700; line-height:140%; letter-spacing:-0.168px;}
/* 케어해 안심플랜이란? */
.careplus_safe-plan #insurance-period {display:flex; flex-direction:column; gap:16px;}
.careplus_safe-plan #insurance-period dl {display:flex; flex-direction:column; gap:8px; padding: 0 20px;}
.careplus_safe-plan #insurance-period dl dt {color:var(--brand-main-01, #2C7FFA); text-align:center; font-size: 24px; font-weight: 700; line-height: 140%; gap: 8px;}
.careplus_safe-plan #insurance-period dl dt span {font-weight:400;}
.careplus_safe-plan #insurance-period dl dd {color:var(--Semantic-Label-Alternative, #7A7A7A); text-align:center; font-size:16px; font-weight:400; line-height:140%;}
/* 이벤트 기간 */
.careplus_safe-plan #insurance-period div.info-box {display:flex; flex-direction:column; gap:16px; margin:16px; padding:16px 40px; border-radius:16px; border:1px solid var(--Line-Solid-Normal, #E1E2E4);}
.careplus_safe-plan #insurance-period div.info-row {display:flex; flex-direction:row;}
.careplus_safe-plan #insurance-period span.info-label {width:70px; color:var(--brand-main-01, #2C7FFA); font-size:12px; font-weight:600; line-height:140%;}
.careplus_safe-plan #insurance-period span.info-value {color:var(--Semantic-Label-Neutral, #595959); font-size:14px; font-weight:500; line-height:140%;}
.careplus_safe-plan #insurance-period span.info-value span {color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:12px; font-weight:400; line-height:130%;}
/* 주요 보장내용 */
.careplus_safe-plan #coverage-summary {display:flex; flex-direction:column; align-items:center; margin:24px auto;}
.careplus_safe-plan #coverage-summary > div {display:flex; flex-direction:column; gap:24px;}
.careplus_safe-plan #coverage-summary h2 {margin-bottom:16px;color:var(--Semantic-Label-Normal, #222); font-size:14px; font-weight:600; line-height:140%;}
.careplus_safe-plan #coverage-summary h2 img {width:20px; height:20px;}
.careplus_safe-plan #coverage-summary div.card {display:flex; flex-direction:row; gap:24px; font-size:16px; font-weight:700; line-height:140%;}
.careplus_safe-plan #coverage-summary div.card .content {display:flex; flex-direction:column; align-items:start;}
.careplus_safe-plan #coverage-summary div.icon {display:flex; align-items:center;}
.careplus_safe-plan #coverage-summary div.icon img {width:50px; height:50px;}
.careplus_safe-plan #coverage-summary div p.questitle {color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:12px; font-weight:500; line-height:130%;}
.careplus_safe-plan #coverage-summary div.card:nth-of-type(1) p.description {color:var(--brand-main-01, #2C7FFA);}
.careplus_safe-plan #coverage-summary div.card:nth-of-type(2) p.description {color:var(--brand-sub-01,  #05C1AB);}
.careplus_safe-plan #coverage-summary div.card:nth-of-type(3) p.description {color:var(--brand-sub-04,  #FF753A);}
.careplus_safe-plan #coverage-summary p.amount {color:var(--Semantic-Label-Normal, #222);}
/* 전체 보장내용 확인하기 */
.careplus_safe-plan #coverage-detail {margin:32px 0 0 0; padding:0 40px 12px 40px;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) {margin-bottom:12px; padding:16px; border-radius:16px; background:var(--Background-Elevated-Alternative, #F8F8F8);}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(1) {cursor: pointer; display:flex; justify-content:space-between; align-items:center; align-self:stretch; color:var(--Semantic-Label-Neutral, #595959); font-size:14px; font-weight:600; line-height:140%;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(1) label {color:var(--Semantic-Label-Neutral, #595959); font-size:14px; font-weight:600; line-height:140%;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(1) span {display:flex; height:24px; flex-direction:column; justify-content:center; align-items:center;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl {display:block; line-height:140%; font-size:14px; margin:8px 8px 0 8px;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dt,
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dd {display:inline-block; box-sizing:border-box; line-height:140%;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dt {width:calc(100% - 100px); text-align:left; color:var(--Semantic-Label-Normal, #222); font-weight:400; margin-top:8px;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dd {width:100px; text-align:right; color:var(--Palette-Blue-50, var(--Blue-50, #3B72FF)); font-weight:600;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dt:nth-of-type(1),
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) dl dd:nth-of-type(1) {color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:12px; font-weight:600; line-height:130%;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(2) {display:none;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1) li:nth-of-type(1) span svg {transform:rotate(180deg); transition:transform 0.3s ease;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1).show li:nth-of-type(2) {display:block;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(1).show li:nth-of-type(1) span svg {transform:rotate(0deg);}
.careplus_safe-plan #coverage-detail ul:nth-of-type(2) li {padding:0px 40px; display:flex; padding:0px 16px; justify-content:flex-end; align-items:center; gap:4px; align-self:stretch;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(2) li label {cursor: pointer; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:600; line-height:140%;}
.careplus_safe-plan #coverage-detail ul:nth-of-type(2) li span {cursor: pointer; width:16px; height:16px;}
/* 가입 방법 */
.careplus_safe-plan #join-process {margin:32px 0 0 0;}
.careplus_safe-plan #join-process > div {display:flex; margin-bottom:20px; padding:0px 20px; flex-direction:column; align-items:center; gap:8px; align-self:stretch;}
.careplus_safe-plan #join-process > div img {width:250px; height:194px;}
.careplus_safe-plan #join-process > div p:nth-of-type(1) {color: var(--Semantic-Label-Normal, #222); text-align:center; font-size:20px; font-weight:700; line-height:130%;}
.careplus_safe-plan #join-process > div span {color: var(--brand-main-01, #2C7FFA); font-size: 20px; font-weight: 700; line-height: 130%;}
.careplus_safe-plan #join-process > div p:nth-of-type(2) {align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); text-align:center; font-size:13px; font-weight:400; line-height:140%;}
.careplus_safe-plan #join-process > div strong {font-weight: 600;}
.careplus_safe-plan #join-process > ul {display:flex; flex-direction:column; align-items:flex-start; gap:12px; align-self:stretch;}
.careplus_safe-plan #join-process > ul > li > span img {width:20px; height:20px;}
.careplus_safe-plan #join-process > ul > li > label {color:var(--Semantic-Label-Normal, #222); font-size:15px; font-weight:600; line-height:140%;}
.careplus_safe-plan #join-process > ul > li:nth-of-type(2),
.careplus_safe-plan #join-process > ul > li:nth-of-type(4) {display:flex; flex-direction:column; width:100%;}
.careplus_safe-plan #join-process .step {display:flex; margin-bottom:12px; padding:12px 16px; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch; border-radius:16px; background:var(--Semantic-Background-Normal-Alternative, #F8F8F8);}
.careplus_safe-plan #join-process .step h3 {align-self:stretch; color:var(--brand-main-01, #2C7FFA); font-size:13px; font-weight:600; line-height:130%;}
.careplus_safe-plan #join-process .step p {align-self:stretch; color:var(--Semantic-Label-Normal, #222); font-size:15px; font-weight:600; line-height:140%;}
.careplus_safe-plan #join-process .step p span {color:var(--brand-main-01, #2C7FFA); font-size:15px; font-weight:600; line-height:140%;}
.careplus_safe-plan #join-process .step ul li,
.careplus_safe-plan #join-process .step ol li {align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; line-height:140%;}
.careplus_safe-plan #join-process .step ol li {list-style:decimal; margin-left:16px;}
/* FAQ */
.careplus_safe-plan #faq {display:flex; padding:24px 16px; flex-direction:column; align-items:flex-start; align-self:stretch; }
.careplus_safe-plan #faq h2 {color:var(--Semantic-Label-Normal, #222); font-size:19px; font-weight:700;}
.careplus_safe-plan #faq dl {display:flex; flex-direction:column; align-items:flex-start; align-self:stretch;}
.careplus_safe-plan #faq dt {align-self:stretch; color:var(--Semantic-Label-Neutral,     #595959); font-size:15px; font-weight:700; margin-top:16px;}
.careplus_safe-plan #faq dd {align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; margin-top: 8px;}
/* 서비스 규약 / 서비스 유의사항 */
.careplus_safe-plan #policy_N_notice {display:flex; padding:24px; flex-direction:column; align-items:flex-start; gap:24px; align-self:stretch; border-radius:16px; background:var(--Semantic-Background-Normal-Alternative, #F8F8F8);}
.careplus_safe-plan #policy_N_notice ul {display:flex; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch;}
.careplus_safe-plan #policy_N_notice ul > li:nth-of-type(1) {align-self:stretch; color: var(--Semantic-Label-Neutral, #595959); font-size: 15px; font-weight: 700; line-height: 140%;}
.careplus_safe-plan #policy_N_notice ul li ol li {list-style:decimal; margin-left:16px; align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; line-height:160%;}
/* 약관 */
.careplus_safe-plan #agreement {display:inline-flex; flex-direction:column; align-items:flex-start;}
.careplus_safe-plan #agreement h2 {display:inline-flex; flex-direction:column; align-items:center; gap:16px; width:32px; height:8px; border-radius:50px; background:var(--brand-main-01, #2C7FFA); line-height:140%;}
.careplus_safe-plan #agreement ul {display:inline-flex; flex-direction:column; align-items:flex-start;}
.sub_area #apply {width:360px; height:72px; margin:32px auto; border-radius:50px; background:var(--brand-main-01, #2C7FFA); text-align:center; position:sticky; bottom:80px;}
.sub_area #apply .careplus_safe-plan_btn {width:100%; height:100%; vertical-align:middle; color:#FFF; text-align:center; font-size:18px; font-weight:600; line-height:150%;}
.sub_area #apply:has(button:disabled) {display:flex; width:360px; padding:14px 98px; justify-content:center; align-items:center; border-radius:50px; background:var(--Semantic-Label-Disable, #D5D5D5); position:sticky; bottom:80px; white-space:nowrap;}
.sub_area #apply:has(button:disabled) .careplus_safe-plan_btn {display: flex; flex-direction:column; align-items:center; justify-content: center; flex-shrink:0;}
.sub_area #apply:has(button:disabled) span:nth-of-type(1) {color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:18px; font-weight:600; line-height:150%;}
.sub_area #apply:has(button:disabled) span:nth-of-type(2) {align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:12px; font-weight:400; line-height:140%;}
/* 랜딩페이지의 보장기준 팝업 */
#safe-plan_claim-conditions {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100vh; background:rgba(0,0,0,0.4);}
#safe-plan_claim-conditions div {display:flex; flex-direction:column; align-items:flex-start; align-self:stretch; position:absolute; background:#fff; height:calc(90% - 60px); width:600px; padding:24px 10px 24px 24px; border-radius:16px; top:50%; left:50%; transform:translate(-50%,-50%);}
#safe-plan_claim-conditions ul {display:flex; flex-direction:column; align-items:flex-start; gap:24px; align-self:stretch; max-height:100%} 
#safe-plan_claim-conditions ul li:nth-of-type(1) {display:flex; justify-content:space-between; align-items:flex-start; align-self:stretch;}
#safe-plan_claim-conditions label {color:var(--Semantic-Label-Normal, #222); font-size:19px; font-weight:700; line-height:140%; letter-spacing:-0.004px;}
#safe-plan_claim-conditions span {cursor: pointer; width:24px; height:24px;}
#safe-plan_claim-conditions ul li:nth-of-type(2) {display:flex; flex-direction:column; align-items:flex-start; gap:24px; align-self:stretch; overflow-y:auto; padding-right:16px; box-sizing:border-box;}
#safe-plan_claim-conditions dl {display:flex; flex-direction:column; align-items:flex-start; gap:4px; align-self:stretch;}
#safe-plan_claim-conditions dt {align-self:stretch; color: var(--Semantic-Label-Neutral, #595959); font-size: 15px; font-weight:700; line-height:140%; letter-spacing:-0.168px;}
#safe-plan_claim-conditions dd {align-self:stretch; color:var(--Semantic-Label-Alternative, #7A7A7A); font-size:14px; font-weight:400; line-height:140%; letter-spacing:-0.156px; word-break:break-all; white-space:normal;}
/* 검진예약화면 이벤트 영역의 약관동의 팝업 */
#safe-plan_3rdinfo-noti .noti-question-box {width:80%;}
#safe-plan_3rdinfo-noti .noti-question-box table {text-align:left;}
#safe-plan_3rdinfo-noti .noti-question-box table * {padding:7px 10px 7px 5px; box-sizing:border-box;}
#safe-plan_3rdinfo-noti .noti-question-box table tr {border-bottom:1px solid #e4e4e4;}
#safe-plan_3rdinfo-noti .noti-question-box table td {vertical-align:top;}

/* 취소버튼 */
.cancelParent {
  display: flex;
  justify-content: center; /* 가로 중앙 정렬 */
}
.cancelButton {
  cursor: pointer;
  display: block; /* block 요소로 변경 (필요 시) */
  text-align: center; /* 텍스트 중앙 정렬 */
  color: gray; /* 회색 글자 */
  text-decoration: underline; /* 밑줄 */
}
.cancelInfo {
  display: block; /* block 요소로 변경 (필요 시) */
  text-align: center; /* 텍스트 중앙 정렬 */
  color: gray; /* 회색 글자 */
  text-decoration: underline; /* 밑줄 */
}

/* 팝업 스타일 */
.cancelPopup {
  display: none; /* 기본적으로 숨김 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 어두운 배경 */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 팝업 내용 */
.cancelPopupContent {
  background: white;
  padding: 25px;
  border-radius: 16px; /* 더 둥글게 */
  width: 380px;
  text-align: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

/* 경고 아이콘 */
.cancelPopupContent img {
  width: 40px; /* 기존보다 작게 */
  margin-bottom: 10px;
}

/* 본문 텍스트 */
.cancelPopupContent p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  margin: 5px 0;
}

/* 강조 텍스트 */
.cancelPopupContent span {
  font-weight: bold;
  text-decoration: underline;
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}

/* 버튼 컨테이너 */
.popup-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

/* 버튼 스타일 */
.popup-btn {
  width: 45%;
  padding: 12px;
  border: none;
  border-radius: 12px; /* 둥근 모서리 더 크게 */
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

/* 아니오 버튼 (밝은 회색) */
.popup-btn.no {
  background: #D3D3D3; /* 기존보다 밝은 회색 */
  color: black;
}

/* 예 버튼 (파란색) */
.popup-btn.yes {
  background: #007BFF;
  color: white;
}

/* 버튼 호버 효과 */
.popup-btn:hover {
  opacity: 0.8;
}



/* 이 안에 들어가는 스타일은 가로 화면 크기가 768px 이하일 때만 적용됨 */
@media screen and (max-width: 768px) {
	.careplus_2,
	.customizedExm {
		padding-top: 72px;
		padding-bottom: 96px;
	}
	.careplus_insucare {
		top: -17px;
		padding-bottom: 96px;
	}
	.careplus_2 img,
	.customizedExmImg,
	.careplus_insucare_img {
		width: 100%;
	}
	.carePlus_tab {
		border-radius: 50px;	
		background: #e4e4e4;	
		height: 48px;
		margin-bottom: 32px;
	}
	.carePlus_tab > div {
		background: #e4e4e4;
		border-radius: 50px;
		font-size: 15px;
		padding-left: 0;
		line-height: 48px;
	}
	.carePlus_tab > div.active {
		width: 60%;
	}
	.carePlus_tab > div svg {
		display: none;
	}
	.careplus_2_btn,
	.careplus_insucare_btn {
		width: 100%;
		height: 64px;
		font-size: 16px;
		padding-right: 0;
	}
	.careplus_2_btn::after,
	.careplus_insucare_btn::after {
		top: 20px;
	}

	.bottom_sheet {
		height: 100vh;
	}
	.layer_popup_section > .completed_box {
		position: absolute;
		top: unset;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		overflow-y: unset;
		padding: 64px 16px 72px;
		background: #fff url(/images/login_renewal/correct.svg) no-repeat top 24px center / 24px;
		border-radius: 16px 16px 0 0;
	}
	.careplus_insucare_message {
		width: 100%;
		height: 36px;
		overflow: hidden;
		margin-top: 20px;
	}
	.careplus_insucare_text {
		font-size: 12px;
	}
	
	/*케어해 안심플랜*/
	.careplus_safe-plan {width:100%}
	.careplus_safe-plan #top_area p:nth-of-type(3) {width:80%; margin:12px auto;}
	.careplus_safe-plan #applicant-info ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
		margin-top:16px;
	}
	.careplus_safe-plan #applicant-info ul li {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--gap-2, 8px);
		align-self: stretch;
	}
	.careplus_safe-plan #applicant-info ul li label {
		align-self: stretch;
		color: var(--Semantic-Label-Normal, #222);
		font-size: 15px;
		font-weight: 500;
		line-height: 150%; /* 22.5px */
		letter-spacing: 0.144px;
	}
	.careplus_safe-plan #applicant-info ul li label span.txt-gray {
		align-self: stretch;
		color: var(--Semantic-Label-Alternative, #7A7A7A);
		font-size: 12px;
		font-weight: 400;
		line-height: 130%;
		letter-spacing: 0.302px;
	}
	.careplus_safe-plan #applicant-info p:nth-of-type(4) {
		word-break: break-all;
		white-space: normal;
	}
	.flatpickr-calendar {
		margin-top: -20px;
	}
	.careplus_safe-plan #insurance-period div.info-box {
		padding: 16px;
		margin: 0;
	}
	.careplus_safe-plan #insurance-period dl:nth-of-type(1) dd {
		font-size: 14px;
	}
	.careplus_safe-plan #coverage-summary {
		padding: 0;
	}
	.sub_area #apply {
		width: 100%;
		position: sticky;
		bottom: 80px;
		border-radius: 8px;
		z-index: 1000;
	}
	.sub_area #apply:has(button:disabled) {
		width: 100%;
		margin: 32px auto 0;
	}
	.careplus_safe-plan #coverage-detail {
    	padding: 0;
	}
	#safe-plan_claim-conditions div {width:90%; top:49%;}
	.careplus_safe-plan #join-process > div {
    	padding: 0;
	}
	.careplus_safe-plan #applicant-info ul li > input {
		display: flex;
		padding: 7px 16px 7px 12px;
		justify-content: space-between;
		align-items: center;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 8px;
		border: 1px solid var(--Line-Solid-Normal, #E1E2E4);
		background: var(--Static-White, #FFF);
	}
	#safe-plan_3rdinfo-noti .noti-question-box {
		margin: 0 auto;
		width: 100%;
	}
	#safe-plan_3rdinfo-noti.layer_popup_section {
		top: 45px;
		height: calc(100% - 20px);
	}
	#safe-plan_3rdinfo-noti .noti-question-box table th {
		background-color:whitesmoke;
		border:1px solid #929292;
	}
	#safe-plan_3rdinfo-noti .noti-question-box table td {
		border: 1px solid #929292;
	}
}


     
/*lina 광고 상세페이지*/   
     .lina_ad img{display: flex;margin: 0 auto;width: 1000px;}
     .lina_ad .agree_box{width: 1000px; margin: 40px auto 82px;background: #fff;}
     .lina_ad .agree_box li:nth-child(1){font-size:24px;font-weight: 700;text-align: center; color: #222;margin: 44px 0 42px;}
     .lina_ad .all_chk.agree_step{min-height: 100px;line-height: 97px;}
     .lina_ad .all_chk.agree_step input[type="checkbox"]+label:after{top:24px;}
     .lina_ad .agree-inner{display: none;}
     .lina_ad .agree-inner.show{display: block;}
     .lina_ad .agree_box .agree-inner dd{background: #e4e4e4;font-size: 14px;line-height: 24px;color: #222;padding: 24px 48px;}
     .lina_ad .agree_box .agree-inner dd span{font-weight: 700;}
     .lina_ad a{width: 360px;height: 64px;line-height:64px;border-radius: 50px;display: flex;justify-content: center;color: #fff;margin: 72px auto 0;font-size: 20px;position: relative;}
     .lina_ad a::after{position: absolute;content:'';background: url('/images/main/chevron-right-white.svg');right: 32px;top: 26px;width: 8px;height: 13px;}
@media screen and (max-width:480px){
	 .lina_ad .agree_box{margin: 32px 0 42px;}
	 .lina_ad .agree_box li:nth-child(1){font-size: 14px;text-align: left;margin: 32px 0 12px}
	 .lina_ad .all_chk.agree_step{min-height: 56px;line-height:56px;}
	 .lina_ad .all_chk.agree_step input[type="checkbox"]+label:after{top:16px;}
	 .lina_ad .agree_box .agree-inner dd{height: 240px;overflow: scroll;padding: 16px 12px;font-size: 12px;line-height: 18px;}
	 .lina_ad .agree_step{background: #F8F8F8;line-height: 34px;}
	 .lina_ad a{width: 100%;height: 56px;line-height: 56px;border-radius: 8px;font-size: 16px;}
	 .lina_ad a::after{right: 24px;top: 22px;}
}
@media screen and (max-width:768px){
	 .lina_ad{padding-top: 72px; padding-bottom: 120px;}
	 .lina_ad img, .lina_ad .agree_box {width: 100%;}
}

/* ============= 로딩바 ============= */
.loading_bar_section {
  display: none;

  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.4);
}
.loading_bar_section > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}




.loading_bar {
  display: block;
  --height-of-loader: 4px;
  --loader-color: #0071e2;
  width: 130px;
  height: var(--height-of-loader);
  border-radius: 30px;
  background-color: #fff;
  position: relative;
}

.loading_bar::before {
  content: "";
  position: absolute;
  background: var(--loader-color);
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 30px;
  animation: moving 1s ease-in-out infinite;
}

@keyframes moving {
  50% {
    width: 100%;
  }

  100% {
    width: 0;
    right: 0;
    left: unset;
  }
}