@charset "utf-8";

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



/* ==========================================================================
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: 168px;
    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;
}

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

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


/* ==========================================================================
Base styles: main layer
========================================================================== */
/* PC 메인 */
.main .sub_area {
    width: 1360px;
    padding: 64px 60px 80px;
    /* margin-top: -145px; */
}

/* 2023.09 수정 */
.main_top_box {
    position: relative;
    z-index: 5;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 95px auto 0;
}
.main_slider {
    width: 100%;
    height: 388px;
}

.main_slider .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 64px;
}
.swiper-slide .slide_inner {
    width: 1360px;
    padding: 0 60px;
    height: 100%;
    margin: 0 auto;
}
/* 케어해 추가 */
.main_slider .slider0 {
    /* background-color: #D9E8FF; */
    background-color: #E9F1FE;
}
.main_slider .slider0 .slide_inner {
	/* background: url(/images/main/web_img_main_banner_4.png) no-repeat right 60px top 24px / 400px; */
	background: url(/images/main/img_AIMS_mainbanner.svg) no-repeat right 60px top 24px / 400px;
}
.main_slider .slider1 {
    background-color: #2E7BEF;
}
.main_slider .slider1 .slide_inner {
	background: url(/images/main/img_banner_carehe.png) no-repeat right 60px top -40px / 604px;
}

.main_slider .slider2 {
    background-color: #458EE8;
}
.main_slider .slider2 .slide_inner {
	background: url(/images/main/web_img_main_banner_1.png) no-repeat right 80px top 8px / 296px;
}
.main_slider .slider3 {
	background-color: #008DBA;
}
.main_slider .slider3 .slide_inner {
    background: url(/images/main/web_img_main_banner_2.png) no-repeat right 120px top 32px / 388px;
}
.main_slider .slider4 {
	background-color: #5A7CE0;
}
.main_slider .slider4 .slide_inner {
    background: url(/images/main/web_img_main_banner_3.png) no-repeat right 120px top 24px / 340px;
}
.main_slider .slider5 {
	background-color: #2E7BEF;
}
.main_slider .slider5 .slide_inner {
    background: url(/images/main/web_img_main_banner_5.png) no-repeat right 105px top 32px / 370px;
}
.slider0 .slider_txt1 {
	color: #595959;
}
.slider0 .slider_txt2 {
	color: #222;
}
.slider0 .slider_txt2 span {
	color: #224ABF;
}
.slider_txt1 {
	padding-top: 64px;
    font-weight: 500;
    font-size: 16px;
    color: #FFD02B;
}
.slider_txt2 {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    margin: 8px 0 32px;
}
/* .slider_txt2 span {
color: #3B72FF;
} */
.slider5 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.slider5 .slider_txt1 {
    font-weight: 600;
    line-height: 150%;
}
.slider5 .slider_txt2 {
	line-height: 140%;
}


.slider_btn {
    padding: 10px 64px 10px 48px;
    text-align: center;
    border-radius: 50px;
    color: #595959;
    background: #fff url(/images/main/chevron-right.svg) no-repeat right 24px center;
    background-size: 9px;
    font-weight: 700;
    font-size: 16px;
}

.main_login_wrap {
    width: 1360px;
    padding: 0 60px;
    margin: -64px auto 0;
}
.main_login {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 180px;
	border-radius: 16px;
	background: #F8F8F8;
	box-shadow: -2px -2px 2px 0px #B8CCE0, -1px -1px 0px 0px #FFF, -2px -2px 2px 0px #B8CCE0 inset, -1px -1px 0px 0px #FFF inset;
	padding: 0 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main_loginPlz p {
	color: #7A7A7A;
	margin-bottom: 4px;
}
.main_loginPlz a {
    color: #638EFF;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    text-decoration-line: underline;
}

.main_user a {
    position: absolute;
    top: 24px;
    left: 32px;
}
.main_user p {
	/* margin-top: 12px; */
    font-weight: 600;
    font-size: 24px;
    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_btn_box ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.main_btn_box ul li a {
    position: relative;
    display: block;
    width: 180px;
    height: 120px;
    background: #F2F7FB;
    border: 1px solid #ECEEEF;
    box-shadow: -6px -6px 16px 0px #FFF, 4px 4px 16px 0px #CCD8E5;
    border-radius: 16px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #112C43;
    padding: 76px 24px 24px;
    transition: all 0.1s;
}
.main_btn_box ul li a:not(.main_reserv_btn):hover {
    color: #1875FF;
}
.main_btn_box ul li a::before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 24px;
    left: 70px; 
}
.main_btn_box ul li .main_reserv_btn {
	color: #fff;
	background: #5192F3;
}
.main_btn_box ul li .main_reserv_btn:hover {
    background-color: #1067E7;
}
.main_btn_box ul li a:not(.main_reserv_btn):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_reserv_btn::before {
    background: url(/images/main/web_icn_main_reserv_32px.png) no-repeat center center / 100%;
}
.main_btn_box ul li .main_design_btn::before {
    background: url(/images/main/web_icn_main_planner_32px.png) no-repeat center center / 100%;
}
.main_btn_box ul li .main_check-change_btn::before {
    background: url(/images/main/web_icn_main_reservecheck_32px.png) no-repeat center center / 100%;
}
.main_btn_box ul li .main_check_btn::before {
    background: url(/images/main/web_icn_main_result_32px.png) no-repeat center center / 100%;
}

.content_top,
.content_mid,
.content_btm {
	width: 1360px;
	padding: 0 60px;
	margin: 0 auto;
}
.content_top {
	margin: 64px auto 88px;
}
.content_title {
	font-size: 24px;
	font-weight: 700;
	color: #222;
}
.content_title span {
	color: #2C7FFA;
}
.content_top ul {
	margin-top: 24px;
}
.content_top ul li {
	float: left;
	height: 150px;
}
.content_top ul li:not(.advertise) {
	cursor: pointer;
	width: 424px;
	margin-right: 16px;
	border-radius: 16px;
	border: 1px solid #E0E0E0;
	padding: 40px;
}
.content_top ul li:not(.advertise) dl {
	font-weight: 600;
}
.content_top ul li:not(.advertise) dt {
	font-size: 14px;
	color: #7a7a7a;
}
.content_top ul li:not(.advertise) dd {
	margin-top: 4px;
	font-size: 20px;
	color: #222;
}
/*
.content_top .careplus {
	background: url(/images/main/web_img_tilko_general_result_248px.svg) no-repeat right 24px bottom 24px / 110px;
}
.content_top .careplus {
	background: url(/images/main/insucareIcn.png) no-repeat right 24px bottom 10px / 119px;
} */
.content_top .careplus {
	background: url(/images/main/safe-plan.png) no-repeat right 24px bottom 30px / 102px;
}
.content_top .supplements {
	background: url(/images/main/supplements.png) no-repeat right 24px bottom 24px / 56px;
}
.content_top .insurance {
	background: url(/images/main/insucareIcn.png) no-repeat right 16px bottom 8px / 120px;
}
.content_top .insta {
	background: url(/images/main/img_eventbanner.png) no-repeat right 16px bottom 8px / 100px;
}

.content_top .aims {
	background: url(/images/main/aimsIcn.svg) no-repeat right 16px bottom 30px / 90px;
}

.content_mid {
	margin-bottom: 88px;
	display: flex;
}
.content_mid .tit {
	flex: 1;
}
.content_mid .tit a {
	margin-top: 24px;
	display: inline-block;
	padding: 8px 48px 8px 24px;
	border-radius: 50px;
	background: #F2F4F2 url(/images/main/web_main_allArrow.svg) no-repeat right 16px center / 24px;
	color: #757575;
	font-size: 16px;
	font-weight: 700;
}
.health_container {
	flex: 2.6;
}
.health_wrapper {
	cursor: pointer;
}
.health_img {
	width: 100%;
	height: 160px;
	border-radius: 8px;
}
.health_text {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.health_text p {
	color: #595959;
	width: 100%;
	 text-overflow: ellipsis;
	 overflow: hidden;
	 white-space: nowrap;
}
.health_text .txt1 {
	color: #222;
	font-weight: 700;
	font-size: 20px;
}
.health_text .txt2 {
	font-size: 16px;
}
.health_text .txt3 {
	font-weight: 600;
	font-size: 16px;
}
.health_container .page {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background: linear-gradient(270deg, #FFF 25%, rgba(255, 255, 255, 0.00) 100%);

}
.health_pagination {
	cursor: pointer;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
	background: url(/images/main/icn_chevron.svg);
}

.content_btm {
	padding-bottom: 56px;
}
.content_btm,
.content_btm > div,
.content_btm .main_contents {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
.content_btm .main_notice dl {
	width: 100%;
}
.content_btm > div,
.content_btm .main_cont1,
.content_btm .main_cont2 {
	flex: 1;
}
.content_btm p {
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	color: #222;
}
.content_btm .main_cont1,
.content_btm .main_cont2 {
	width: 100%;
	height: 150px;
	padding: 20px 24px;
	border-radius: 8px;
}
.content_btm .main_cont1 {
	background: #E1F1FF;
}
.content_btm .main_cont2 {
	background: #E2F5F2;
}
.main_contents dt {
	margin-bottom: 8px;
	color: #222;
	font-size: 16px;
	font-weight: 600;
}
.main_contents dd {
	margin-bottom: 20px;
	color: #595959;
	font-size: 13px;
}
.main_contents dd a {
	width: 100%;
	height: 32px;
	line-height: 32px;
	border-radius: 20px;
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: url(/images/main/web_main_wArrow.svg) no-repeat right 16px center;
}
.main_cont1 dd a {
	background-color: #158FFF;
}
.main_cont2 dd a {
	background-color: #00A99F;
}


/* 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_4.png) no-repeat right bottom 8px;
    background-size: 246px;
}
.main_slider .slider2 {
    background: #3B58BE url(/images/main/web_img_main_banner_1.png) no-repeat right bottom;
    background-size: 232px;
}
.main_slider .slider23 {
    background: #008DBA url(/images/main/web_img_main_banner_2.png) no-repeat right bottom;
    background-size: 254px;
}
.main_slider .slider34 {
    background: #5A7CE0 url(/images/main/web_img_main_banner_3.png) no-repeat right bottom;
    background-size: 276px;
} */


/* 24.01 swiper 수정 */
/* swiper 수정 */

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    width: 56px !important;
    height: 56px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

.swiper-button-prev {
    left: 40px !important;
    background: url(/images/main/swiper-left.svg) no-repeat center center / 100%;
}

.swiper-button-next {
    left: unset !important;
    right: 40px !important;
    background: url(/images/main/swiper-right.svg) no-repeat center center / 100%;
}

.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
    color: #fff;
}

.swiper-pagination-bullets {
    position: absolute;
    left: 44px !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 {
    position: absolute;
    top: 24px;
    right: 24px;
    display: block;
    width: 212px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background: #fff url(/images/common/refresh_icon.svg) no-repeat left 16px center;
    color: #595959;
    border-radius: 50px;
    border: 1px solid #929292;
    font-weight: 600;
    font-size: 14px;
    padding-left: 24px;
    box-sizing: border-box;
}

.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, .main_supplements 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: 16px;
}

.main_c1 dd, .main_c2 dd {
    margin: 8px 0 16px;
}

.main_notice dd {
    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,
.content_btm p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_notice dt a, .main_c3 dt a,
.content_btm p 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
}

/* 맞춤형 영양제 */
.main_supplements dd {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 150px;
	padding-top: 114px;
	background: #F3E9FF url(/images/main/supplements.png) no-repeat top 20px center;
	border-radius: 8px;
}
.main_supplements dd p {
	text-align: center;
	color: #574367;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Hancom MalangMalang';
}

/* 맞춤형 영양제 이벤트 */
.main_supplements .event {
	position: absolute;
	top: 6px;
	left: 6px;
}
.main_supplements .event p {
	font-family: NanumSquare Neo, sans-serif;
}

.main_supplements .event p:first-child {
	padding: 0 8px;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	border-radius: 4px;
}

.main_supplements .event p:last-child {
	font-weight: 900;
	font-size: 14px;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}







.youtube-area {
    margin: 0!important;
}

.youtube-area dt {
    font-size: 24px;
    margin-bottom: 8px;
    color: #242424;
    font-weight: 500;
}

.main_bottom1>ul {
    display: flex;
    justify-content: space-between;
}

.main_bottom1>ul>:nth-child(1) {
    width: 635px;
}
.main_bottom1>ul>:nth-child(2) {
    width: 196px;
}
.main_bottom1>ul>:nth-child(3) {
    width: 360px;
}


.main_bottom2 {
    margin-bottom: 44px;
}

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




@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;
    border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal_popmsg .modal-content {
        width:300px;
        margin-top: 100px;
    }
    .holiday-modal .imgcontainer {
    	width: calc(100% - 32px);
    }
    
}

.modal_popmsg .imgcontainer {
    text-align: center;
    /* margin: 24px 0 12px 0; */
    position: relative;
}

.modal_popmsg .imgcontainer img {
    position: relative;
    width: 500px;
    padding: 0;
}

/* 모바일 */


/* 모바일 메인 */
#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.09 모바일 수정 */
/* 23.02 모바일 수정 */
.m_main {
    max-width: 360px;
    margin: 0 auto;
    height: calc(98vh);
    background: #fff;
    padding-bottom: 60px;
}

.m_main_top {
    background: #fff;
    /* color: #fff; */
}

.m_main header {
    background: inherit;
    padding: 28px 20px 0;
}

.m_main header img:nth-child(1) {
    width: 80px;
}

.m_main_top>div {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 24px 24px 64px;
}

.loginArea {
	position: relative;
	padding: 20px 14px 12px;
	margin-bottom: 16px;
	border-radius: 16px;
	border: 1px solid #E0E0E0;
	background: #FFF;
}

.before_login {
	padding-left: 56px;
	margin-bottom: 20px;
	background: url(/images/main/web_icn_main_login_56.svg) no-repeat center left / 48px;
}
.before_login p {
    color: #7a7a7a;
    font-size: 14px;
}

.before_login a {
    color: #458EE8;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6;
    text-decoration-line: underline;
}

.after_login {
    margin-bottom: 16px;
}

.after_login p {
	padding-left: 4px;
	margin-top: 4px;
    font-size: 16px;
    line-height: 160%;
}

.after_login a {
    font-size: 12px;
	font-weight: 600;
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-block;
	padding: 4px 12px 4px 36px;
	border-radius: 50px;
	border: 1px solid #E4E4E4;
	background: #F8F8F8 url(/images/common/refresh_icon_black.svg) no-repeat left 12px center / 16px;
    color: #595959;
}
.after_login b {
	font-weight: 700;
}

.m_main_sl {
	position: relative;
    width: calc(100% - 32px);
    height: 96px;
    /* margin: -36px auto 0; */
    margin: 24px auto;
    margin-bottom: 16px !important;
    background: #f8f8f8;
    /* box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.08); */
    border-radius: 16px;
    overflow: hidden;
}

.m_main_sl li.sl {
    padding: 16px 24px;
    width: 100%;
    height: 96px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #333;
}

.m_main_sl li.sl_1 {
    background: url(/images/main/app_img_main_banner_1.png) no-repeat top 12px right 16px / 90px;
}
.m_main_sl li.sl_2 {
    background: url(/images/main/app_img_main_banner_2.png) no-repeat bottom 0 right 0 / 116px;
}
.m_main_sl li.sl_3 {
    background: url(/images/main/app_img_main_banner_3.png) no-repeat top 22px right 16px / 85px;
}
.m_main_sl li.sl_4 {
    background: #ECF3FF url(/images/main/app_img_main_banner_4.png) no-repeat top 16px right 8px / 80px;
}

.m_main_sl li.sl .m_main_content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.m_main_sl li.sl .m_main_content b {
	font-weight: 700;
}
.m_main_sl li.sl_4 .m_main_content b {
    color: #224ABF;
}


/* .m_main_sl .slick-dots {
    width: 72px;
    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: 56px;
    line-height: 56px;
    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: 16px;
    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/web_icn_main_reservecheck_32px.png) no-repeat top 18px center / 32px;
}
.re_btns ul li:nth-child(2) {
    background: #f8f8f8 url(/images/main/web_icn_main_result_32px.png) no-repeat top 18px center / 32px;
}

.re_btns ul li:nth-child(3) {
    background: #f8f8f8 url(/images/main/web_icn_main_planner_32px.png) no-repeat top 18px center / 32px;
}

.re_btns ul li:nth-child(4) {
    background: #f8f8f8 url(/images/main/web_icn_main_planner_32px.png) no-repeat top 18px center / 32px;
}

.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;
}


/*     m_event       */
.m_event {
    position: relative;
    margin: 32px 0 0;
    /* padding: 0; */
    padding: 0 16px;
    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;
}
/* .ad_slide_wrap.ad_slide_type_short {
    border-radius: 0;
}
 */

.pillgram_m .box {
	position: relative;
	width: calc(100% - 32px);
	margin-top: 40px;
	margin-left: 16px;
	height: 96px;
	background: #E5E8FF url(/images/main/supplements.png) no-repeat right 32px center / 42px;
	border-radius: 16px;
	padding: 24px;
}
.pillgram_m.insurance .box {
	background: #E5E8FF url(/images/main/img_insurance.png) no-repeat right 16px bottom 4px / 96px;
}
.pillgram_m .box dt {
	color: #7A7A7A;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 4px;
}
.pillgram_m .box dd {
	color: #3740AA;
	font-weight: 700;
	font-size: 18px;
}
.pillgram_m .box .event {
	position: absolute;
	line-height: 1;
	top: 8px;
	right: 12px;
	display: flex;
}
.pillgram_m .box .event p {
	font-family: NanumSquare Neo, sans-serif;
}

.pillgram_m .box .event p:first-child {
	font-weight: 900;
	font-size: 14px;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pillgram_m .box .event p:last-child {
	padding: 2px 8px 4px;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	border-radius: 4px;
	margin-left: 8px;
}

.safe-plan_m .box,
.insucare_m .box {
	position: relative;
	width: calc(100% - 32px);
	margin-top: 40px;
	margin-left: 16px;
	height: 96px;
	background: #E5E8FF url(/images/main/aimsIcn.svg) no-repeat right 25px bottom 15px / 52px;
	/* background: #E5E8FF url(/images/main/img_eventbanner.png) no-repeat right 25px bottom 15px / 52px; carehe+ */
	/* background: #E5E8FF url(/images/main/insucareIcn.png) no-repeat right 25px bottom 15px / 52px; insucare_m */
	border-radius: 16px;
	padding: 24px;
}

.safe-plan_m .box {
	background: #E5F6FE url(/images/main/safe-plan.png) no-repeat right 16px bottom 23px / 74px;
	padding: 16px 24px;
}
.insucare_m .box dt {
	color: #7A7A7A;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 4px;
}
.safe-plan_m .box dt {
	color: #7A7A7A;
	font-weight: 600;
	font-size: 12px;
}
.insucare_m .box dd {
	color: #3740AA;
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
}
.safe-plan_m .box dd:nth-of-type(1) {
	color: #3B72FF;
	font-weight: 800;
	font-size: 20px;
	line-height: 130%;
}
.safe-plan_m .box dd:nth-of-type(2) {
	color: #595959;
	font-weight: 500;
	font-size: 12px;
	line-height: 130%;
	margin-top: 4px;
}
.safe-plan_m .box dd strong {
	color: var(--Semantic-Label-Strong, var(--Label-Strong, #000));
	font-size: 12px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: 0.302px;
}
.safe-plan_m .box .event,
.insucare_m .box .event {
	position: absolute;
	line-height: 1;
	top: 8px;
	right: 12px;
	display: flex;
}
.safe-plan_m .box .event p,
.insucare_m .box .event p {
	font-family: NanumSquare Neo, sans-serif;
}
.safe-plan_m .box .event p:first-child,
.insucare_m .box .event p:first-child {
	font-weight: 900;
	font-size: 14px;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.safe-plan_m .box .event p:last-child,
.insucare_m .box .event p:last-child {
	padding: 2px 8px 4px;
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	background: linear-gradient(95.55deg, #FF753A 0%, #FF395D 98.89%);
	border-radius: 4px;
	margin-left: 8px;
}








.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: #f8f8f8;
    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 {
    width: calc(100% - 32px) !important;
    margin-left: 16px;
    aspect-ratio: 11 / 7;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

.m_health_slide .m_health_img {
	position: relative;
    width: 100%;
    height: 100%;
}
.m_health_slide .m_health_img::after {
	content: "";
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.m_health_slide .m_health_text {
    width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
    background: transparent;
    padding: 16px 20px;
}

.m_health_slide .m_health_text p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m_health_slide .m_health_text p:not(:last-child) {
	margin-bottom: 8px;
}
.m_health_slide .m_health_text .txt1 {
    font-size: 16px;
    font-weight: 700;
}
.m_health_slide .m_health_text .txt2 {
    font-size: 14px;
}
.m_health_slide .m_health_text .txt3 {
    font-size: 12px;
}

.m_main_bottom {
    padding: 24px 16px 56px 16px;
    background: #fff url(/images/common/HancomCI_black.svg) no-repeat bottom 40px center / 108px;
}

.m_main_bottom .btm_tit {
	position: relative;
	color: #222;
	font-size: 14px;
	font-weight: 600;
}
.m_main_bottom .btm_tit::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content:"";
	display: inline;
	width: 212px;
	height: 8px;
	background: #7EB9F1;
	opacity: 0.3;
}
.m_main_bottom .btm_menu {
	margin-top: 16px;
	display: grid;
	grid-gap: 8px;
    grid-template-columns: 1fr 1fr;
}
.m_main_bottom .btm_menu dl {
	border-radius: 8px;
	background: #EFF1F5;
	text-align: center;
	padding: 10px 0;
	font-weight: 600;
}
.m_main_bottom .btm_menu dt {
	font-size: 14px;
	color: #222;
	margin-bottom: 4px;
}
.m_main_bottom .btm_menu dd {
	font-size: 12px;
	color: #595959;
}
.m_main_bottom .btm_menu .family-site {
	color: #595959;
	height: 15.6px;
	line-height: 1;
    padding: 0;
    border: 0;
    background: inherit;
    background-position: right;
    font-size: 14px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Pretendard;
	font-size: 12px;
	font-weight: 600;
    text-align: center;
	text-align-last: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
.m_main_bottom .sns_icon dl {
	width: 200px;
	margin: 32px auto 24px;
	display: flex;
	gap: 64px;
}

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

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

.slick-next, .slick-prev {
    display: none !important;
}

/* sub_공통 */
.contents.vs_top {
	padding: 0 0;
	margin-top: -95px;
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .ckRestop_base p {
        margin-left: 40%;
    }
}



/* ==========================================================================
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;
        margin-top: 40px;
        margin-left: 5px;
        background-size: 130px;
    }
}

@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;
        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;
    }

    /*백그라운드 색상이 조금 보여서 함*/
    .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;
    }

    .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_log .code_area ul.sel_ul li {
        margin-top: 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%;
        float: right;
        margin-top: 12px;
    }

    .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 24px;
    }

    .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;
    }

    .addr_top {
        padding: 0;
        margin: 0 24px;
        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_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 {
        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%;
        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>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%;
        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>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: 18px;
        height: 18px;
        background-size: 18px 18px;
        top: 3px;
    }

    .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;
        max-width: 132px;
        font-size: 16px;
        margin-top: 0px;
    }

    .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_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: 40px
    }

    .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);
    }

    .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: 24px 8px 7px;
    }

    .list_areaInner>ul>li:not(:last-child) {
        margin-bottom: 16px;
    }

    .list_areaInner>ul>li {
        padding: 16px;
        background: #fff;
        border: 1px solid #E4E4E4;
    }

    .list_areaInner .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: 80px;
    }

    /* 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: -8px;
        padding-top: 16px
    }

    .list_areaInner.only .fix_top {
        width: 50%
    }

    .list_areaInner.only .list_type {
        padding-bottom: 40px;
        background: #fff;
    }

    .list_areaInner.only .part1 .imh_hp img {
        max-height: 184px;
        object-fit: cover;
    }

    .list_areaInner.only>ul>li {
        width: 50%
    }

    .list_areaInner.only .part1 h3 {
        font-size: 14px;
        height: 48px;
        padding: 12px 8px 0;
        text-align: left;
        line-height: 18px;
    }

    .list_areaInner.only .albumBtn:after {
        width: 1px;
        margin-left: -0.5px;
    }

    .list_areaInner.only .part1 {
        padding-bottom: 0;
    }

    .list_areaInner.only .albumBtn a:nth-child(1) {
        height: auto;
        font-size: 12px;
        position: absolute;
        top: -58px;
        left: 8px;
        color: #458EE8 !important;
        width: auto;
        line-height: inherit;
        border-radius: 0;
        border: 0;
        display: inherit;
    }

    .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 {
        padding-left: 8px;
        background: 0;
    }

    .list_areaInner.only>ul>li {
        padding: 0;
        background: 0;
    }

    .list_areaInner.only .list_hsArea .event-badge {
        width: 45px;
        right: -7px;
        top: -10px;
    }

    .list_areaInner.only .albumBtn {
        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
    }

    .w_layer .list_areaInner.only .list_type.on .album_inner, .w_layer .list_areaInner.only .list_type:hover .album_inner {
        position: absolute;
        left: 0;
        right: 0;
        top: inherit;
        bottom: 0;
        z-index: 2;
        background: #fff;
        border-left: 0 solid #c5cfd6;
        border-right: 0 solid #c5cfd6;
        border-bottom: 0 solid #c5cfd6;
    }

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

    .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 {
        margin: 0;
        padding: 4px 0 0 28px;
    }

    .ckRes_step3 input[type="checkbox"]+label:after {
        background-size: 18px 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 {
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
    }

    .ckRes_step3 ol li .add-examination dt {
        height: auto;
        line-height: 20px;
        padding: 8px 32px 8px 8px;
    }

    .ckRes_step3 .ckRes_box dt.add_in {
        background: #fff;
    }

    .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 ol li .add-examination dt span {
        font-size: 12px;
        font-weight: 700;
    }

    .ckRes_step3 ol li .add-examination .ckRes_box dd {
        margin-top: 8px;
    }

    .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: #e4e4e4;
        border-radius: 28px;
    }

    .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 {
        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: #fff;
        background: #458EE8;
        border-radius: 28px;
        height: 100%;
        display: block;
        line-height: 48px;
    }

    .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 {
        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 p.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;
    }

    .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;
    }
}



/* 
배너를 고정시킴
.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;
} */

/* 맞춤형 검진설계 */
.float_box {
	display: none;
	width: 200px;
	height: 80px;
	background: url(/images/main/app_icn_main_floatbox.svg) no-repeat;
	position: absolute;
	top: -90px;
	left: 8px;
	padding: 12px 0 0 24px;
	color: #5836BA;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
}


.modal {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100vw;
    z-index: 110;
}
/* The Close Button */
.modal_popmsg {
    display: none;
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    /* z-index: 14; */
    z-index: 101;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100vh;
    /* height: auto; */
}

@media only all and (max-width: 768px) {
	.modal_popmsg {
		width: 100%;
		background: rgba(0,0,0,0.7);
	}
	.modal_popmsg .imgcontainer img {
		width: 100%;
	}
}