@charset 'utf-8';
.clearfix:after {content: '';display: block;clear: both;}
legend, .blind, caption{position: absolute;top: 0;height: 0;font-size: 0;line-height: 0; text-indent: -9999em;overflow: hidden;}
#wrapper{margin: 0 auto;overflow: hidden; }
.mobile-only{display:none !important;}
.pc-only{display:block !important;}
#wrapper { width:100%; height:100%; position:relative;}
body { font-size: 12px; }

input::placeholder { color:#4a4545; }
input::-webkit-input-placeholder { color: #b6b6b6; }
input::-webkit-moz-placeholder { color: #4a4545; }
input:-moz-placeholder { color: #4a4545; }
input::-moz-placeholder { color: #4a4545; }
input:-ms-input-placeholder { color: #4a4545; }

/*체크박스*/
input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; -webkit-appearance: none; margin: -3px 0 0; padding: 0; cursor: pointer; border-radius: 2px; border: 1px solid #e6e6e6; background: #fff; }
input[type="checkbox"]:checked { background:#ff5a5c url(/image/mobile/common/icon_check.png) center center no-repeat; background-size: contain; border: 0; }
input[type="checkbox"] + input[type="checkbox"] { margin-left: 16px; }

.guide-text { display: block; font-size: 11px; line-height: 1.55; text-align: left; color: #b6b6b6; margin-top: 12px; }

.btn-medium.radius { border-radius: 22px; }
.btn-small.block, .btn-medium.block, .btn-medium2.block, .btn-large.block, .btn-popup.block { width: 100%; }

button,input[type='text'],input[type='email'],input[type='password'],input[type='tel'],input[type='num'],input[type='button'],input[type='submit'],input[type='reset'],input[type='file'],textarea{
	-webkit-appearance:none; border-radius:4px;
}

.input[readonly] { background: #f9f9f9; color: #4a4545; }
.input.icon-sole { padding-left: 40px; background: url(/image/mobile/common/icon-sole.png) 8px center no-repeat; background-size: 24px 24px; }
.input.icon-arrow { background: #f9f9f9 url(/image/mobile/common/icon_select_arrow.png) 100% center no-repeat; background-size: 24px 24px; }


.input-calendar.icon-img { padding-left:36px;background:#ffffff url(/image/mobile/common/icon_calendar.png) 6px center no-repeat; background-size:24px 24px;}

/* 가로 사이즈 타입 */
.input.type1 { }
.input.type2 { width:calc(100% - 62px); }
.input.type3 { width:calc(100% - 82px); }
.input.type4 { width:calc((100% - 90px)/2); }
.input.type5 { width:calc((100% - 26px)/2); }
.input.type6 { width:calc((100% - 8px)/2); }
.input.type7 { width:calc(100% - 102px); }
.input.type8 { width:calc((100% - 24px)/2); }
.input.type100 { width: 100%; }

.btn-small.type1 { }
.btn-small.type2 { width: 54px; }
.btn-small.type3 { width: 74px; }
.btn-small.type4 { width:calc((100% - 8px)/2); }
.btn-small.type7 { width: 94px; }
.btn-small.type8 { width:calc((100% - 12px)/3); }
.btn-small.type100 { width:100%; margin: 0 !important; }

.btn-medium.type1 { }
.btn-medium.type2 { width: 54px; }
.btn-medium.type3 { width: 74px; }
.btn-medium.type4 { width:calc((100% - 8px)/2); }
.btn-medium.type7 { width: 94px; }
.btn-medium.type8 { width:calc((100% - 12px)/3); }
.btn-medium.type20 { margin: 8px;width: calc((100% - 35px)/2); }
.btn-medium.line-gray { border-radius: 7px; }

.working-hours-input { overflow: hidden; }
.working-hours-input strong { display: inline-block; margin-right: 15px;}
.working-hours-input span { display: inline-block; margin: 0 10px; }

.btn-medium2.icon-plus { font-weight: 700; color: #b6b6b6; margin-left:-8px;}
.btn-medium2.icon-plus img { width: 24px; height: 24px; vertical-align: middle; margin-right: 8px; }
.btn-medium.icon-my-location { padding-left: 16px; background: #ff5a5c url(/image/mobile/common/icon-my-location.png) 10px center no-repeat; background-size: 24px 24px; }
.btn-medium.icon-regular-shipping { padding-left: 22px; background: url(/image/mobile/common/icon_regular_shipping.png) 10px center no-repeat; background-size: 24px 24px; font-size: 12px; }
.btn-medium.icon-card { padding-left: 22px; background: url(/image/mobile/common/icon_card.png) 10px center no-repeat; background-size: 24px 24px; font-size: 12px; }

.btn-medium.logout-btn {width: auto;display: block;border-radius: 50px;background: #ff5a5c;color: #fff;border: none;font-size: 13px;}

.btn-group-type1 { display:inline-block; width:100%; height:100%; margin:24px auto 0; }

.btn-group-area { margin: 24px 0 0; }
.btn-group-area.type-b { overflow: hidden; }
.btn-group-area.type-b .btn-medium { float: left; margin: 0; }
.btn-group-area.type-b .btn-medium:last-child { float: right; }
.btn-group-area.not-margin { margin: 0; }

hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }

/*======================================
1. 공통 요소 영역 (헤더/푸터/퀵메뉴 등)
======================================*/

body { background: #f6f6f6; }
body.admin { background: #fff; }
/*========== 헤더 시작 ==========*/
#wrapper > header { width:100%; margin:0 auto; position:relative; z-index:100;}
#header { width:100%; margin:0 auto; padding-bottom: 14px; background:rgba(255,255,255,1); transition:all 0.5s; z-index:100;}
#header.scroll-up {-webkit-transform:translateY(-168px);-ms-transform:translateY(-168px); transform:translateY(-168px);}

#header h1 { float: none; position: absolute; left: 50%; margin: 18px 0 0 -90px; width:180px; height:28px; background:url(/image/mobile/common/logo.png) center center no-repeat; background-size:contain;}
#header h1 > a { display:block; width:100%; height:100%; text-indent:-9999em;}
/*
#header .back { margin: 8px 0 0 12px; width:48px; height:28px; float:left; background:url(/image/mobile/common/icon_back.png) center center no-repeat; background-size:contain; text-indent:-9999em;}
body.index #header .back { display: none; }
body.index #header h1 { float:left; margin: 8px 0 0 12px; position: static; }
*/

#header > div.login { float: right;
    font-weight: bold;
    margin: 19px 14px 0;
    font-size: 12px;
    background: #ff5a5c;
    border: 1px solid #ff5a5c;
    border-radius: 20px;
    padding: 2px 12px;}
#header > div.login a { color: white; }

#header_popup img {width: 100%;}
#header_popup .app_popup {display: flex;}
#header_popup .app_install_btn {width:90%;height:50px;cursor:hand;position:absolute;z-index:100;left:1px;}
#header_popup .app_install_close_btn {width:10%;height:50px;cursor:hand;position:absolute;z-index:100;left:90%;}
.top-profile { float: right; padding: 20px 12px 0 0; line-height: 0; }
.top-profile img { width: 37px; height: 37px; border: 1px solid #d7d7d7; border-radius: 50%; }
/*========== 푸터 시작 ==========*/
footer { margin:0 auto; width:100%; height:auto; margin-top:40px; }
#footer { width:100%; height:auto; margin-bottom:100px; background:#464646; padding: 16px 24px 36px; }
/*하단유틸영역*/
#footer > .footer-util-area > ul { float:left; }
#footer > .footer-util-area > ul > li { display:inline-block; margin-left:12px;}
#footer > .footer-util-area > ul > li:first-child { margin-left:0;}
#footer > .footer-util-area > ul > li > a { display:inline-block; margin-top:6px; font-size:12px; color:#e6e6e6; transition:all 0.5s;}
#footer > .footer-util-area > ul > li > a:hover { text-decoration:underline; }
#footer > .footer-util-area select { float:right; vertical-align: middle; margin: 0; width: 120px; height: 34px; padding-left: 12px; border-radius: 5px; background: #464646; border: 1px solid #fff; font-size: 12px; color: #fff; line-height: 1; }
#footer > .footer-util-area .sns { clear:both; padding: 8px 0 0; overflow: hidden; }
#footer > .footer-util-area .sns li { float: left; margin-right: 8px; }
#footer > .footer-util-area .sns li img { width: 40px; height: 40px; }
#footer > .footer-util-area > ul > li > a span { color: #fd8d8e;font-weight: bold; font-size: 12.5px; }

/*하단정보*/
#footer .footer-copyright-area { overflow:hidden;}
#footer .footer-copyright-area > ul { margin-top:8px; }
#footer .footer-copyright-area > ul > li > span { display:inline-block; font-size:12px; color:#e6e6e6; margin-right:10px; letter-spacing: -0.8px; }
#footer .footer-copyright-area > ul > li > em {display:inline-block; font-size:12px; color:#b6b6b6; margin-top:16px; font-size: 11px; letter-spacing: -0.6px; }

.footer-menu-area { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; overflow: hidden; background: #fff; padding: 10px 0; border-top: 1px solid #f6f6f6; z-index: 98; }
.footer-menu-area > ul > li { position: relative; float: left; width: 20%; text-align: center; }
.footer-menu-area > ul > li img { width: 29px; height: 26px; }
.footer-menu-area > ul > li .new { position: absolute; top: 3px; left: 50%; margin-left: 5px; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: url(/image/mobile/common/icon_new.png) center center no-repeat; background-size: contain; }
/*========== 푸터 끝 ==========*/


/* sb-slidebar */
.con_bg{display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:99;}
.con_bg.on{display:block;}
.sb-slidebar.sb-right { background:#fff; z-index:100; }
.sb-slidebar.sb-right > div { padding-bottom: 34px; }
.sb-slidebar .sb-top { height:44px; text-align:left; overflow:hidden; }
.sb-slidebar .sb-top .logo { width:180px; height:28px; margin:8px 0 0 12px; }
.sb-slidebar .sb-top .logo img { width:180px; height:28px; }
.sb-slidebar .sb-top .sb-toggle-right { position:absolute; top:8px; right:8px; display:inline-block; width:28px; height:28px; background:url(/image/mobile/common/icon_cancel.png); background-size:contain; z-index:10; }
.sb-slidebar .sb-top .allim { position:absolute; top:8px; right:48px; display: inline-block; width: 28px; height: 28px; background: url(/image/mobile/common/icon_allim.png) center center no-repeat; background-size: contain; }
.sb-slidebar .sb-top .allim .new { position: absolute; top: 0; left: 50%; margin-left: 2px; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: url(/image/mobile/common/icon_new.png) center center no-repeat; background-size: contain; }

.sb-member { width:100%; overflow:hidden; padding:24px 24px 0; text-align:center; }
.sb-member li { float: left; width:calc(50% - 4px); }
.sb-member li + li { margin-left: 8px; }
.sb-member li a { display: block; width: 152px; height: 44px; line-height: 42px; border-radius: 22px; border: solid 1px #ff5a5c; background-color: #ffffff; font-size: 13px; color: #ff5a5c; transition:all 0.5s; }
.sb-member li a:hover { border: solid 1px #ff5a5c; background-color: #ff5a5c; color: #ffffff; }
.sb-member li.logout { width: 100%; margin: -20px 0 0; }
.sb-member li.logout a { width: 100%; text-align: center; border: 0; background-color: #ffffff; color: #b6b6b6; text-decoration:underline; font-size: 11px; }

.sb-header .header-menu ul { overflow: hidden; padding-bottom: 10px; border-bottom: 4px solid #e6e6e6; }
.sb-header .header-menu li { float: left; width: 20%; text-align: center; line-height: 1; position: relative; z-index : 1;}
.sb-header .header-menu li:before {content: "";position: absolute;left: 0;bottom: 10px;height: 60%;border-right: 1px solid #31b2ae;}
.sb-header .header-menu li:first-child:before {content: "";position: absolute; border: none;}
.sb-header .header-menu li img { display: block; width: 70px; margin: 0 auto; }
.sb-header .header-menu li a { font-size: 11px; color: #4a4545; }

.sb-header .quick-top-title{padding: 5px 15px 0px 15px;font-size: 14px;}
.sb-header .quick-top-title .name{color:#30b2ae}

.shopping-category { padding: 24px 24px 16px; background-color: #ffffff; }
.shopping-category .title { overflow: hidden; }
.shopping-category .title h3 { float: left; font-size: 17px; font-weight: 900; color: #4a4545; line-height: 1; margin: 3px 0 0; }
.shopping-category .title ul { float: left; overflow: hidden; margin-left: 16px; }
.shopping-category .title ul li { float: left; width: 54px; height: 24px; line-height: 22px; border-radius: 12px; background-color: #fff; font-size: 11px; font-weight: 500; text-align: center; }
.shopping-category .title ul li.on { background-color: #ff5a5c; color: #ffffff; }
.shopping-category .title + .list { margin: 24px 0 0; }
.shopping-category .list { overflow: hidden; }
.shopping-category .list li { float: left; margin-bottom: 8px; margin-right: 8px; }
.shopping-category .list li a { display: block; line-height: 28px; font-size: 12px; color: #31b2ae; border: dotted 1px #31b2ae; border-radius: 6px; padding: 0 20px; }
.shopping-category .list li a.on { color: #fff; border: dotted 1px #31b2ae; background-color: #31b2ae; }

.sb-banner img { width: 100%; }

.sb-menu { padding: 6px 10px; overflow: hidden; }
.sb-menu li { float: left; width: 50%; height: 40px;}
.sb-menu li a { display: block; width: 100%; height: 38px; line-height: 38px; font-size: 12px; color: #868686; background-color: #fff; text-align: center; }
.sb-menu li a img{ width: 100%;}
.quick-sb-menu { margin-top: 10px; display: inline-block; border-bottom: 4px solid #e6e6e6; border-top: 4px solid #e6e6e6;}
.quick-sb-menu li { float: left; width: 50%; padding: 0;}
.quick-sb-menu li:nth-child(1), .quick-sb-menu li:nth-child(3){border-right: 1px solid #e6e6e6;}
.quick-sb-menu li:nth-child(3), .quick-sb-menu li:nth-child(4){border-top: 1px solid #e6e6e6;}
.quick-sb-menu li a img {width: 100%;display: flex;}
.quick-sb-menu li a {padding: 0;}

.quick-sb-member {padding: 6px 10px; overflow: hidden; }
.quick-sb-member li { float: left; width: 50%; height: 40px; }
.quick-sb-member li a { display: block; width: 100%; height: 38px; line-height: 38px; font-size: 12px; color: #868686; background-color: #fff; text-align: center; }
.quick-sb-member li a img{ width: 100%;}
.quick-sb-member li.logout{width: 100%;}
.quick-top-sb-member {width: 100%;overflow: hidden;padding: 16px 24px;text-align: center; border-bottom: 4px solid #e6e6e6; }
.quick-top-sb-member p{padding-bottom: 10px;font-size: 13px;}
.quick-top-sb-member li:first-child {float: left;width: 46%; }
.quick-top-sb-member li:last-child{float: right;width: 46%;}
.quick-top-sb-member li a.login {display: block;display: block;height: 27px;line-height: 26px;border-radius: 22px;border: solid 1px #31b2ae;background-color: #ffffff;font-size: 13px;color: #31b2ae;transition: all 0.5s; }
.quick-top-sb-member li a.logout {display: block;display: block;height: 27px;line-height: 26px;border-radius: 22px;border: solid 1px #4a4545;background-color: #ffffff;font-size: 13px;color: #4a4545;transition: all 0.5s; }
/* pets-img */
.pets-img { width: 88px; height: 88px; margin: 0 auto; }
.pets-img .img { position: relative; width: 100%; height: 100%; border-radius: 50%; }
.pets-img .img.on { border: solid 3px #ff5a5c; }
.pets-img .img a { display:inline-block; width:100%; height:100%; border: 2px dashed #e6e6e6; border-radius: 50%; }

.selector-pets-img { margin: 0 auto; padding: 3px 0 2px; width: 90px !important; border-radius: 7px; border: 1px solid #bababa; color: #bababa; font-size: 14px; }
.selector-pets-img .pet-link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 65px;
    display: block;
    margin-left: 20px;
}

.pets-img .img img { width: 100%; height: 100%; overflow: hidden; margin-top: 0;  border-radius: 50px;}
.pets-img .img.on:before { position:absolute; top: 0; right: 0; content:''; display: inline-block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_chk_on.png) center center no-repeat; background-size: contain; border-radius: 50%; z-index: 2; }
.pets-img .img.on:after { position:absolute; top: 0; left: 0; content:''; display: inline-block; width: 100%; height: 100%; background-color:rgba(0,0,0,0.2); border-radius: 50%; z-index: 1; }
.pets-img .img .plus { position:absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; display: inline-block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_plus.png) center center no-repeat; background-size: contain; }
.pets-img .img .name { position:absolute; top: 50%; left: 0; margin-top: -10px; width: 100%; display: block; text-align: center; font-size: 14px; font-weight: 500; color: #ffffff; z-index: 2; }
.pets-img .img .name span { font-size: 12px; color: #ffffff; }
.pets-img .img .name.color-gray { color: #b6b6b6; }
.pets-img.not-chk .img.on:before { display: none; }

.pets-slide-area { background: #fff; padding: 14px 28px; }
.pets-slide-area > div > ul li.slider { padding-right: 3px; text-align: center; display: none; }
.pets-slide-area h4 { position: relative; margin: 0 0 32px; text-align: center; font-size: 14px; font-weight: 700; color: #4a4545; }
.pets-slide-area .pages { position: absolute; top: 0; right: 0; display: inline-block; height: 22px; line-height: 22px; border-radius: 11px; background-color: #4a4545; color: #fff; font-size: 12px; padding: 0 12px; }

#sb-pets-slide { margin: 32px 0; }
#sb-pets-slide.non-login { margin: 0 auto; width: 120px; }
.pets-list-area { overflow: hidden; padding:4px 8px; }
.pets-list-area li { float: left; width: 33.33%; }

#pets-slide .sub-title-center-area { padding: 24px 0 0; }

#main-top-menu { background: white; }
#main-top-menu ul li { display: inline-block; font-size: 14px; padding-bottom: 8px; background: white; }
#main-top-menu ul li:hover { color: #ff595c; }

.main-banner-area { line-height: 0;}
.main-banner-area li.slider a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 66.66%; }
.main-banner-area li.slider img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main-banner-area .slick-dots { position: absolute; bottom: 32px; display: block; width: 100%; height: 6px; padding: 0; margin: 0; list-style: none;text-align: center; }
.main-banner-area .slick-dots > li { position: relative; transition: all 0.5s; display: inline-block; width: 6px; height: 6px; margin: 0 2px; padding: 0; cursor: pointer;background: rgba(0,0,0,0.2); border-radius: 50%;}
.main-banner-area .slick-dots li.slick-active { background: #ff5a5c;}
.main-banner-area .slick-dots li:hover { background: #e6e6e6;}
.main-banner-area .slick-dotted.slick-slider { margin: 0; }

#main-banner { background: #fff; position: relative; }

.main-recommend-info { background: #fff; padding: 32px 0; margin: 8px 0 0; }
.main-recommend-info .title-info { margin: 0 24px 16px; }
.main-recommend-info .title-info h4 { margin: 0; line-height: 1; font-size: 17px; font-weight: 700; color: #4a4545; }


/* recommend-img */
.recommend-img { margin: 0 0 0 24px; }
.recommend-img .img { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }
.recommend-img .img img { width: 100%; height: 100%; transform:scale(1.0); transition:all 0.5s; }
.recommend-img .img img:hover { transform:scale(1.05); }
.recommend-img .img .title { position:absolute; top: 50%; left: 0; margin-top: -10px; width: 100%; display: block; text-align: center; font-size: 12px; font-weight: 400; color: #ffffff; z-index: 1; }
.recommend-img .img .title.tag {font-size: 1rem;font-weight: bold;text-shadow: black 0px 0px 7px;}

.main-fit-recommend { background: #fff; margin: 8px 0 0; padding: 32px; text-align: center; }
.main-fit-recommend .title-info h4 { margin: 0; line-height: 1.5; font-size: 18px; font-weight: 700; color: #31b2ae; }
.main-fit-recommend .help-text { font-size: 12px; color: #868686; margin: 4px 0 0; }
.main-fit-recommend .list { text-align: center; margin: 17px 0 0; }
.main-fit-recommend .list ul { display: inline-block; overflow: hidden; }
.main-fit-recommend .list li { float: left; margin: 0 2px; }
.main-fit-recommend .list li a { display: block; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #31b2ae; font-size: 14px; color: #31b2ae; padding: 0 8px; }
.main-fit-recommend .list li a.modify { border: 0; line-height: 1; width: auto; height: auto; padding: 0; margin: 0 4px; }
.main-fit-recommend .list li a.modify img { width: 28px; height: 28px; }
.main-fit-recommend .list li a.on { background: #31b2ae; border: solid 1px #31b2ae; color: #fff; }
.sub-title-area + .main-fit-recommend { margin: 0; }


.main-product-list-area { background: #fff; margin: 0; padding: 60px 0 0; }
.main-product-list-area .title-info { position: relative; display: block; height: auto; margin: 30px 24px 0; }
.main-product-list-area .title-info:first-child { margin-top: 0; }
.main-product-list-area .title-info h4 { float: left; margin: 0; line-height: 1; font-size: 17px; font-weight: 700; color: #4a4545; }
.main-product-list-area .title-info h5 { float: left; margin: 0; line-height: 1; font-size: 13px; font-weight: 700; color: #4a4545; }
.main-product-list-area .title-info h4 .tag { font-size: 18px; font-weight: 700; color: #31b2ae; }
.main-product-list-area .title-info .number { display: inline-block; float: right; font-size: 12px; color: #b6b6b6; }
.main-product-list-area .title-info .popoup-guide { position: relative; position:absolute; top: 24px; left: 0; display: inline-block; text-align: left; padding: 7px 44px 7px 16px; border: solid 1px #31b2ae; background-color: #ffffff; color: #31b2ae; border-radius: 0 5px 5px; font-size: 12px; z-index: 1; }
.main-product-list-area .title-info .popoup-guide .close { position:absolute; top: 6px; right: 6px; }
.main-product-list-area .title-info .popoup-guide .close img { width: 22px; height: 22px; }
.main-product-list-area .product-slide-area { background: #fff; padding: 36px 0 0 24px; }

.main-product-list-area .product-slide-area.n6 .slide-inner-product { position: relative; }
.main-product-list-area .product-slide-area.n6 ul li { padding-bottom: 1em; }
.main-product-list-area .product-slide-area.n6 ul li img { width: 100%; border-radius: 8px; margin-bottom: 1em; box-shadow: #999 3px 3px 3px; }
.main-product-list-area .product-slide-area.n6 ul li .title.subject:before { content: "#"; }
.main-product-list-area .product-slide-area.n6 ul li .title.subject { position: absolute; top:calc(50% - 1em); left:0; width: calc(100% - 16px); height: auto; text-align: center; color: white; font-size: 1rem; font-weight: bold; text-shadow: black 0px 0px 7px; z-index: 999; }

.main-event-zone h3 { line-height: 1.5; font-size: 18px; font-weight: 700; color: #4a4545; text-align: center; margin: 32px 0 0; }
.main-event-zone .title-info h4 { color: #31b2ae; }


/* slide-inner-product */
.slide-inner-product { width: 100%; padding: 0 16px 0 0; margin: 0 0 30px; }
.slide-inner-product .img { position: relative; width: 100%; border-radius: 8px; overflow: hidden; }
/* 2019-12-20 정필우 선택된 라인 */
.slide-inner-product .img.on {border: solid 3px #ff5a5c;}
/* 2019-12-28 정필우 처방식*/
.slide-inner-product .img .state { position: absolute; top: 8px; left: 8px; padding: 0 8px; height: 17px; border-radius: 12px; background-color: #4a4545; font-size: 9px; color: #ffffff; z-index: 1; }

.slide-inner-product .img a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.slide-inner-product .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; transform:scale(1.0); transition:all 0.5s; }
.slide-inner-product .img img:hover { transform:scale(1.05); }
.slide-inner-product .img .subject { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -50px; width: 100px; height: 36px; font-size: 12px; color: #ffffff; font-weight: 500; line-height: 1.5;  letter-spacing: -0.6px; text-align: center; z-index: 1; }

.slide-inner-product .soldout_restock {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    font-size: 12px;
    color: #fff;
}

.slide-inner-product .info { overflow: hidden; text-align: left; }
.slide-inner-product .title { margin: 12px 0 0; display: block; width: 100%; height: 38px; font-size: 13px; line-height: 1.46; letter-spacing: -0.65px; color: #4a4545; text-align: left; overflow:hidden; }
.slide-inner-product .title a {  display:table-cell; vertical-align: middle; height: 38px; overflow:hidden; }
.slide-inner-product .detail-info { display: block; width:100%; max-height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; margin: 8px 0 0; }
.slide-inner-product .reviews-insert { display: block; width: 100%; text-align: center; }
.slide-inner-product .reviews-insert span { display: inline-block; color: #ff5a5c; text-decoration: underline; margin: 8px 0 0; }
.slide-inner-product .reviews-content { display: block; width: 100%; text-align: center; }
.slide-inner-product .reviews-content img { width: 24px; margin: 5px; height: 24px;}
.slide-inner-product .reviews-content p {display: inline-block; color:#868686; width: 100%; display: flex;}
.slide-inner-product .reviews-content span { max-height: 19px; width: 100px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; margin: 8px 0 0; }
.reviews-content-img { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/image/mobile/common/icon_modify2.png) center center no-repeat; background-size: contain; margin: -4px 0 0; }
.btn-group-area-center {margin-top: 24px; text-align: center;}

.slide-inner-product .membership { margin: 8px 0 0; font-size: 10px; color: #ff5a5c; }
.slide-inner-product .member-price { float: left; font-size: 14px; font-weight: 900; color: #ff5a5c; }
.slide-inner-product .origin-price { float: left; font-size: 11px; color: #b6b6b6; text-decoration: line-through; margin: 3px 0 0 6px; }
.slide-inner-product .routine-price { clear:both; float: left; font-size: 11px; color: #31b2ae; font-weight: 900; margin: 4px 0 0; }
.slide-inner-product .dc { float: left; font-size: 10px; color: #31b2ae; margin: 4px 0 0 4px; }
.slide-inner-product .pd-close-time { float: left; font-size: 10px; color: #000; margin: 0px; }

.slide-inner-product.type-b { padding: 0 12px 0 0; }
.slide-inner-product.type-b .img { position: relative; width: 100%; }
.slide-inner-product.type-b .img a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 68.57%; }
.slide-inner-product.type-b .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; transform:scale(1.0); transition:all 0.5s; }
.slide-inner-product.type-b .img img:hover { transform:scale(1.05); }

.slide-inner-product.type-c { padding: 0 12px 0 0; }
.slide-inner-product.type-c .img { position: relative; width: 100%; }
.slide-inner-product.type-c .img a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56%; }
.slide-inner-product.type-c .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; transform:scale(1.0); transition:all 0.5s; }
.slide-inner-product.type-c .img img:hover { transform:scale(1.05); }


.main-instagram-area { background: #fff; margin: 8px 0 0; padding: 32px 0 0; }
.main-instagram-area .title-info { position: relative; display: block; height: auto; margin: 30px 24px 0; }
.main-instagram-area .title-info:first-child { margin-top: 0; }
.main-instagram-area .title-info h4 { float: left; margin: 0; line-height: 1; font-size: 17px; font-weight: 700; color: #4a4545; }
.main-instagram-area .instagram-slide-area { background: #fff; padding: 36px 0 0 24px; }



.btn-floating { position: fixed; bottom: 60px; right: 16px; z-index: 1; }
.btn-floating img { width: 48px; height: 48px; border-radius: 50%; }


/* modal */
.modal-layer-area { min-width: 200px; }
.modal-layer-area button.b-close.modal-close { position:absolute; top:16px; right:16px;width:32px; height:32px;background:url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; }
.modal-layer-area .modal-content > h5 { font-size:17px; font-weight:700; color:#4a4545; margin-bottom: 8px; }

.modal-layer-area.floating { padding:0 0 0 0!important; left:0!important; position: fixed; bottom: 60px!important; right: 16px!important; background: none; text-align: right; margin: 0; box-shadow:0 0 0;}
.modal-layer-area.floating li { font-size: 12px; color: #fff; margin: 0 0 4px 0; }
.modal-layer-area.floating li img { width: 48px; height: 48px; display: inline-block; vertical-align: middle; margin: 0 0 0 8px; }

.modal-layer-area.login-false { min-width: 328px; border-radius: 12px; }
.modal-layer-area.password-modify { min-width: 328px; border-radius: 12px; }


.modal-layer-area.benefits { min-width: 328px; border-radius: 12px; }
.modal-layer-area.benefits .table-area { padding: 8px 16px; background: #f9f9f9; margin: 16px 0 0; }
.modal-layer-area.benefits .table-area li { display: table; width:100%; }
.modal-layer-area.benefits .table-area li > * { display: table-cell; vertical-align: middle; height: 30px; padding: 7px 16px; font-size: 11px; color: #868686; padding-left: 0; }
.modal-layer-area.benefits .table-area .title { width: 50%; text-align: left; border-bottom: 1px solid #e6e6e6; }
.modal-layer-area.benefits .table-area .content { text-align: right; border-bottom: 1px solid #e6e6e6; padding-right: 0; }
.modal-layer-area.benefits .table-area .content strong { color: #ff5a5c; display: inline-block; margin-right: 8px; }

/* 무이자 */
.modal-layer-area.interest_free { min-width: 328px; border-radius: 12px; }
.modal-layer-area.interest_free .table-area { padding: 8px 16px; background: #f9f9f9; margin: 16px 0 0; }
.modal-layer-area.interest_free .table-area li { display: table; width:100%; }
.modal-layer-area.interest_free .table-area li > * { display: table-cell; vertical-align: middle; height: 30px; padding: 7px 16px; font-size: 11px; color: #868686; padding-left: 0; }
.modal-layer-area.interest_free .table-area .title { width: 50%; text-align: left; border-bottom: 1px solid #e6e6e6; }
.modal-layer-area.interest_free .table-area .content { text-align: right; border-bottom: 1px solid #e6e6e6; padding-right: 0; }
.modal-layer-area.interest_free .table-area .content strong { color: #ff5a5c; display: inline-block; margin-right: 8px; }


.modal-layer-area.option-normal { position: fixed; top: auto!important; bottom: -30px!important; min-width: 100%; border-radius: 0; box-shadow:0 0 0; background: none; }
.modal-layer-area.option-normal .b-close { position:absolute; top: 18px; left: 50%; margin-left: -30px; width: 60px; height: 24px; background:#f6f6f6 url(/image/mobile/common/icon_arrow_select_up-red.png) center center no-repeat; background-size: 24px 24px; }
.modal-layer-area.option-normal .modal-content { margin-left: -24px; width:calc(100% + 48px); background: #f6f6f6; height: auto; padding: 16px 16px 32px; }

.option-normal-fixed-btn-group { bottom: 0; left: 0; width: 100%; background-color: #f6f6f6; padding: 8px; overflow: hidden; z-index: 300; }
.option-normal-fixed-btn-group .btn-medium2 { float: left; width:calc((100% - 8px)/2); margin: 0; border-radius: 0; }
.option-normal-fixed-btn-group .btn-medium2:first-child { margin-right: 8px; }

.option-routine-fixed-btn-group { width: 100%; background-color: #f6f6f6; padding: 8px; overflow: hidden; z-index: 400; }
.option-routine-fixed-btn-group .btn-medium2 { float: left; width:calc((100% - 8px)/2); margin: 0; border-radius: 0; }
.option-routine-fixed-btn-group .btn-medium2:first-child { margin-right: 8px; }

.product-view-option-select-area { text-align: left;  }
.product-view-option-select-area select.input { border-radius: 4px; padding: 7px 16px; font-size: 12px; }
.option-selected-area { margin: 8px 0 0; padding: 16px; background: #fff; border: 1px solid #e6e6e6; border-radius: 4px; }
.option-selected-area .btn-plus { width: 24px; height: 24px; border: solid 1px #e6e6e6; margin-left: 0; border-radius: 0; transition:all 0.5s;}
.option-selected-area .btn-plus span { display: inline-block; width: 22px; height: 22px; margin: 0;vertical-align: middle; background: url(/image/mobile/common/icon_plus2.png) center center no-repeat;background-size: contain; text-indent: -5000px; }
.option-selected-area .btn-minus { width: 24px; height: 24px; border: solid 1px #e6e6e6; margin-right: 0; border-radius: 0; transition:all 0.5s;}
.option-selected-area .btn-minus span { display: inline-block; width: 22px; height: 22px; margin: 0;vertical-align: middle; background: url(/image/mobile/common/icon_minus.png) center center no-repeat;background-size: contain; text-indent: -5000px; }
.option-selected-area .btn-plus:hover { border:1px solid #4a4545;}
.option-selected-area .btn-minus:hover { border:1px solid #4a4545;}
.option-selected-area li { position: relative; }
.option-selected-area .input { width: 40px; height: 24px; padding: 0; text-align: center; border-radius: 0; border-left: 0; border-right: 0; font-size: 12px; color: #4a4545; }
.option-selected-area .title { font-size: 12px; color: #767676; margin: 0 0 8px; }
.option-selected-area .price { position: absolute; bottom: 2px; right: 0; }
.option-selected-area .price strong { font-family: 'Lato'; font-size: 15px; font-weight: 900; color: #ff5a5c; }
.option-selected-area li + li { border-top: 1px solid #e6e6e6; margin-top: 16px; }

.option-selected-total-info ul { padding: 8px 0;  }
.option-selected-total-info li { overflow: hidden; padding: 6px 0;}
.option-selected-total-info .title { float: left; font-size: 12px; font-weight: 500; color: #b6b6b6; }
.option-selected-total-info .price { float: right; font-family: 'Lato'; font-size: 17px; color: #ff5a5c; font-weight: 900; }
.option-selected-total-info .delivery { float: right; font-size: 12px; color: #868686; }
.option-selected-guide-text { font-size: 11px; text-align: center; color: #ff5a5c; }

.option-selected-area .btn-delete { position:absolute; top: -8px; right: -4px; transition:all 0.5s; width: 24px; height: 24px; background: #fff url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; margin: 0; }
.option-selected-area .btn-delete:hover {border:1px solid #4a4545; }
.option-selected-area .btn-delete > span { display:inline-block; text-indent:-9999px; }



.modal-layer-area.option-routine { position: fixed; bottom: 0px; top: unset !important; padding-bottom:0; min-width: 100%; border-radius: 0; box-shadow:0 0 0; background: none; }
.modal-layer-area.option-routine h4 { margin: 0 0 16px; font-size: 13px; font-weight: 700; color: #31b2ae; text-align: center; }
.modal-layer-area.option-routine .b-close { position:absolute; top: 18px; left: 50%; margin-left: -30px; width: 60px; height: 24px; background:#f6f6f6 url(/image/mobile/common/icon_arrow_select_up-red.png) center center no-repeat; background-size: 24px 24px; }
.modal-layer-area.option-routine .modal-content { margin-left: -24px; width:calc(100% + 48px); background: #f6f6f6; height: auto; padding: 16px 16px 32px; }
.modal-layer-area.option-routine .routine-cycle { margin: 16px 0 8px; font-size: 11px; color: #31b2ae; }
.modal-layer-area.option-routine .routine-cycle strong { display: inline-block; margin: 0 8px; font-size: 12px; color: #868686; }
.modal-layer-area.option-routine .option-selected-area .price strong { color: #31b2ae; }
.modal-layer-area.option-routine .option-selected-total-info .price { color: #31b2ae; }



.full-popup { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #fff; overflow-y:scroll; z-index: 99999; display:none;}
.full-popup .top { height:44px; text-align:left; overflow:hidden; }
.full-popup .top .logo { width:180px; height:28px; margin:8px 0 0 12px; }
.full-popup .top .logo img { width:180px; height:28px; }
.full-popup .top .full-popup-close { position:absolute; top:8px; right:8px; display:inline-block; width:28px; height:28px; background:url(/image/mobile/common/icon_cancel.png); background-size:contain; z-index:10; }
.full-popup .top .alim { position:absolute; top:8px; right:48px; display: inline-block; width: 28px; height: 28px; background: url(/image/mobile/common/icon_alim.png) center center no-repeat; background-size: contain; }
.full-popup .top .alim .new { position: absolute; top: 0; left: 50%; margin-left: 2px; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: url(/image/mobile/common/icon_new.png) center center no-repeat; background-size: contain; }


.allim-list { margin: 18px 0 0; }
.allim-list h4 { margin: 0; font-size: 14px; font-weight: 700; color: #4a4545; text-align: center; }
.allim-list h4 span { display: inline-block; margin: 0 0 0 2px; font-size: 11px; }
.allim-list ul { border-top: 1px solid #e6e6e6; margin: 10px 0 0; }
.allim-list li { position: relative; border-bottom: 1px solid #e6e6e6; padding: 12px 90px 12px 24px; }
.allim-list li .title { font-size: 14px; font-weight: 500; color: #4a4545; }
.allim-list li .date { font-size: 11px; color: #868686; margin: 8px 0 0; }
.allim-list li .state { position:absolute; top: 50%; right: 16px; display: inline-block; font-size: 11px; font-weight: 500; color: #b6b6b6; margin: -12px 0 0; }
.allim-list li .state:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 0 8px; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }
.allim-list li.unread .state { color: #31b2ae; }


.search-results-area .results { padding: 40px 0; text-align: center; font-size: 13px; color: #868686; }
.search-results-area .results strong { color: #4a4545; font-weight: 500; }
.search-results-area form { padding: 0 24px; height: 109px; background-color: #f9f9f9; }
.search-results-area form ul li { font-size: 12px; color: #868686; }
.search-results-area form ul li > label { display: block; font-size: 12px; color: #4a4545; margin: 24px 0 5px; }
.search-results-area form span { display: inline-block; margin: 0 5px 0 3px; }
.search-results-area form .left { float: left; }
.search-results-area form .right { float: right; }
.search-results-area form .right .btn-small { margin-left: 5px; }


.sub-title-area { position: relative; background: #fff; height: auto; margin: 0; padding: 0; border-bottom: 1px solid #e6e6e6; }
.sub-title-area h1 { height: 40px; padding: 10px 0; font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #4a4545; }
.sub-title-area .pages { position: absolute; top: 8px; right: 16px; display: inline-block; height: 22px; line-height: 22px; border-radius: 11px; background-color: #4a4545; color: #fff; font-size: 12px; padding: 0 12px; }
.sub-title-area .cart-select-number { position: absolute; top: 12px; right: 16px; display: inline-block; background-color: #fff; color: #ff5a5c; font-size: 12px; font-weight: 700; }


.full-popup-sub-title-area { position: relative; background: #fff; height: auto; margin: 20px 0 0; padding: 0; }
.full-popup-sub-title-area h1 { padding: 10px 0 0; font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #4a4545; }
.full-popup-sub-title-area .pages { position: absolute; top: 8px; right: 16px; display: inline-block; height: 22px; line-height: 22px; border-radius: 11px; color: #fff; font-size: 12px; padding: 0 12px; }


.search-area { position: relative; width: 100%; background: #fff; padding: 24px; }
.search-area input[type="text"] { width: 100%; height: 35px; background-color: #f9f9f9; border-radius: 18px; overflow: hidden; margin: 0; border: none; padding: 8px 60px 8px 16px;}
.search-area .btn-search { position: absolute; top: 28px; right: 40px; width: 40px; height: 28px; font-size: 0; line-height: 0; text-align: center; border: none; }
.search-area .btn-search:after { content: ''; display: block; overflow: hidden; width: 40px; height: 28px; background: url(/image/mobile/common/icon_search.png_red.png) center center no-repeat; background-size: contain; margin-left: 6px; }
.search-area.not-padding { padding: 0; }
.search-area.not-padding .btn-search { top: 4px; right: 16px; }


.popular-keyword { background: #fff; padding: 0 24px; min-height: 430px; }
.popular-keyword h4 { font-size: 15px; font-weight: 700; color: #ff5a5c; }
.popular-keyword li { font-size: 13px; color: #868686; margin: 24px 0 0; }


.member-content { background: #fff; padding: 24px; }
.member-content .join-box { position: relative; padding: 24px 16px 24px 140px; border-radius: 6px; border: solid 2px #e6e6e6; background-color: #ffffff; overflow: hidden; margin: 0 0 16px; }
.member-content .join-box img { position: absolute; top: 35px; left: 16px; width: 108px; }
.member-content .join-box h4 { font-size: 14px; font-weight: 700; color: #4a4545; margin: 0; }
.member-content .join-box .guide-text { margin: 8px 0 0; font-size: 11px; color: #868686; }

.member-content .join-box.not-border { border: 0; padding: 0 16px 0 140px; margin-top: 25px; }
.member-content .join-box.not-border img { top: 0; }
.member-content .join-box.not-border .guide-text { margin: 0; }

.member-content .member-agree { cursor:pointer; position: relative; height:auto; background-color: #fff; border:1px solid #e6e6e6; font-size: 12px; color: #868686; border-radius: 6px; transition:all 0.5s;}
.member-content .member-agree ul { position:relative; width:100%; padding: 12px 16px; display:inline-block;}
.member-content .member-agree label {  width:100%; height:52px; color:#868686; cursor:pointer; }
.member-content .member-agree + .member-agree { margin-top: 8px; }
.member-content .member-agree input[type="checkbox"] { margin-right: 8px; }
.member-content .member-agree a { display: inline-block; position: absolute; top: 16px; right: 16px; font-size: 12px; font-weight: 500; text-align: right; color: #b6b6b6; text-decoration: underline; }
.member-content .member-agree strong { color: #4a4545; font-weight:400; }
.member-content .btn-group-area { margin-top: 24px; }
.member-content .member-agree.first { border: 0; font-size: 12px; }
.member-content .member-agree.first ul { padding: 0; height: auto; margin: 0 0 8px; }
.btn-group-area-center {margin-top: 24px; text-align: center;}

.hospital-find-centent { background: #fff; padding: 0 24px; }
.hospital-find-centent select.input { border-radius: 4px; }
.hospital-find-centent select.input:last-child { margin-left: 5px; }
.hospital-find-centent .input { padding: 8px 16px; font-size: 12px; }


/* 로그인 */
.login-area .input { padding: 12px 16px 11px 16px; font-size: 13px; }
.login-area li + li { margin-top: 8px; }
.login-area .btn-group-area { margin-top: 24px; }
.login-area .btn-group-area button { margin: 0 0 8px; }
.login-area .btn-group-area button.type4:last-child { margin-left: 4px; }
.login-chk { font-size: 12px; color: #4a4545; margin-top: 12px; }
.login-chk span { display: inline-block; }
.login-chk span input { margin-right: 8px; }
.login-chk span:last-child { margin: 0 0 0 32px; }
.login-area li .space { display: inline-block; margin: 0 5px; }
.login-area .input.type5 { border-radius: 4px; }

.member-link { overflow: hidden; text-align: center; margin: 16px 0 0; }
.member-link a { display: inline-block; width: auto; padding: 0 10px; font-size: 12px; color: #868686; }


/* 회원가입 */
.member-title-area { margin: 0 0 24px; }
.member-title-area h1 { height: 25px; font-size: 17px; font-weight: 700; line-height: 1.46; letter-spacing: -0.85px; text-align: center; color: #4a4545; }
.member-title-area h1 + p { font-size: 11px; font-weight: 400; text-align: center; color: #868686; margin: 8px 0 0; }
.member-title-area .result { text-align: center; margin: 0 0 16px; }
.member-title-area .result img { width: 180px; height: 140px; }
.member-title-area p { line-height: 1.55; }
.member-title-area p .green { color: #31b2ae; }

.member-write-area label { display: block; font-size: 12px; color: #868686; margin: 24px 0 8px; }
.member-write-area label span { color: #ff5a5c; }
.member-write-area .btn-group-area { margin-top: 24px; }
.member-write-area .btn-group-area:after { content: ''; display: block; clear: both; }
.member-write-area .btn-group-area .btn-medium2 { width:calc((100% - 12px)/2); }
.member-write-area .btn-group-area .btn-medium2 + .btn-medium2 { margin-left: 8px; }
.member-write-area .help-text { font-size: 11px; color: #b6b6b6; margin: 8px 0; }
.member-write-area .help-text.red { color: #ff5a5c; }
.member-write-area .help-text.green { color: #31b2ae; }
.member-write-area .input { border-radius: 4px; }
.member-write-area .input + .input { margin-left: 4px; }
.member-write-area .input.flexible + .input.flexible { margin: 8px 0 0; }
.member-write-area .input + .btn-small,
.member-write-area .input + .btn-medium { margin-left: 4px; }
.member-write-area .certification { margin-top: 8px; }
.member-write-area li:first-child label { margin-top: 0; }
.member-write-area li { position: relative; font-size: 12px; color: #4a4545; }
.member-write-area li.tb-li-top {text-align: center;}
.member-write-area li .modify { text-decoration: underline; position: absolute; top: 0; right: 0; font-size: 11px; color: #b6b6b6; }
.member-write-area li .modify.red { color: #ff5a5c; }
.member-write-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }
.member-write-area .pets-img { margin-top: 8px; }
.member-write-area .input + .btn-small.type4,
.member-write-area .input + .btn-medium.type4  { margin-left: 0; margin-top: 8px; }
.member-write-area .btn-small.type4 + .btn-small.type4,
.member-write-area .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 8px; }
.member-write-area .input + .btn-small.type4 + .btn-small.type4,
.member-write-area .input + .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 8px; }
.member-write-area .btn-small.type4 + .btn-small.type4,
.member-write-area .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 0; }
.member-write-area fieldset + .btn-group-area.type-b { margin: 8px 0 0; padding-top: 16px; border-top: 1px solid #e6e6e6; }

.member-join-guid { height: 66px; border-radius: 8px; padding: 16px 16px 16px 48px; font-size: 11px; margin: 24px 0 0; background: #f9f9f9 url(/image/mobile/common/icon-sole-red.png) 16px center no-repeat; background-size: 24px 24px; overflow: hidden; }
.member-join-guid p { float: left; color: #868686; }
.member-join-guid a { display: inline-block; float: right; margin: 8px 0 0; color: #ff5a5c; text-decoration: underline; }

/* type-b */
.member-write-area ul.type-b label { display: none; }
.member-write-area ul.type-b li + li { margin: 12px 0 0; }

/* type-c */
.member-write-area ul.type-c { margin: 30px 0 0; }
.member-write-area ul.type-c label { margin: 0 0 12px; }
.member-write-area ul.type-c input[type="checkbox"] { margin-right: 6px; }

/* type-d */
.member-write-area ul.type-d { margin: 24px 0; }
.member-write-area ul.type-d label { display: none; }
.member-write-area ul.type-d li + li { margin: 12px 0 0; }


.alliance-guide { overflow: hidden; margin: 24px 0 0; }
.alliance-guide img { float: left; width: 42px; height: 42px; }
.alliance-guide .guide-text { float: left; height: 42px; font-size: 11px; color: #868686; padding: 5px 0 0 12px; letter-spacing: -0.6px; margin: 0; }
.alliance-guide .link { float: right; font-size: 11px; color: #31b2ae; text-decoration: underline; margin: 12px 0 0; }


.member-sns-join { padding: 20px 0; background-color: white; }
.member-sns-join h4 { position: relative; height: 18px; margin: 0; font-size: 12px; color: #4a4545; text-align: center; }
.member-sns-join h4:after { position: absolute; top: 8px; left: 0; content: ''; width: 100%; height: 1px; background: #e6e6e6; z-index: 1; }
.member-sns-join h4 span { position: relative; display: inline-block; padding: 0 10px; background: #fff; z-index: 2; }
.member-sns-join ul { overflow: hidden; margin: 24px 0 0; padding: 0 50px; }
.member-sns-join li { float: left; width: 33.33%; text-align: center; }
.member-sns-join li button img { display: block; margin: 0 0 8px; }
.member-sns-join li button { font-size: 12px; color: #868686; }


/* 검색결과 */
.search-results-area { background: #fff; padding: 24px; margin: 0 0 8px; }
.search-results-area .results { padding: 0; font-size: 12px; color: #4a4545; text-align: left; }
.search-results-area .results-sub { margin: 16px 0 0; font-size: 13px; color: #868686; text-align: left; }
.search-results-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 16px 0 24px; }


.category-brand-area { margin-top: 16px; }
.category-brand-area .title { display: none; }
.category-brand-area li { float: left; width:calc(50% - 4px); margin: 0 8px 8px 0; }
.category-brand-area li a { display: block; border-radius: 6px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; color: #868686; text-align: center; padding: 12px; }
.category-brand-area li a:hover { text-decoration: underline; }
.category-brand-area li:nth-child(2n) { margin-right: 0; }
.category-brand-area li img { display: block; width: 128px; height: 48px; margin: 0 0 8px; }


/*상품리스트*/
.product-list-area { background-color: #ffffff; padding: 24px; }
.product-list-area > .product-box > ul:first-child { margin-top:0; }

.product-box .product-img { position: relative; }
.product-box .product-img .state { position: absolute; top: 8px; left: 8px; padding: 0 8px; height: 17px; border-radius: 12px; background-color: #4a4545; font-size: 9px; color: #ffffff; z-index: 1; }
.product-box .product-info { margin: 12px 0 0; }
.product-box .product-title a { width: 100%; font-size: 13px; color: #343232; display: block; height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.product-box .membership { margin: 8px 0 0; font-size: 10px; color: #ff5a5c; }
.product-box .member-price { float: left; font-size: 14px; font-weight: 900; color: #ff5a5c; }
.product-box .origin-price { float: left; font-size: 11px; color: #b6b6b6; text-decoration: line-through; margin: 3px 0 0 6px; }
.product-box .routine-price { clear:both; float: left; font-size: 11px; color: #31b2ae; font-weight: 900; margin: 4px 0 0; }
.product-box .dc { float: left; font-size: 10px; color: #31b2ae; margin: 4px 0 0 4px;}
.product-box .pd-close-time { clear:both; float: left; font-size: 10px; color: #000; margin: 0px; }

.product-review-box-area {border:1px solid #31b2ae; border-radius: 7px; margin-right: 25px; padding:20px; height: 384px;overflow: scroll;}
.product-review-box.type-d {border-bottom:1px solid #b6b6b6; margin-top: 10px;}
.product-review-box.type-d li{ display: flex;}
.product-review-box.type-d img { width: 80px; height: 80px; margin-right: 16px; }
.product-review-box.type-d .reviews-text{  width: 100%; }
.product-review-box.type-d .reviews-text a{ float: left; width: 100%;}
.product-review-box.type-d .reviews-text a p{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product-review-box.type-d button{width: 100px; border-radius: 0px; float: right; margin-top: 20px;}
/* type-a 갤러리형*/
.product-box.type-a > ul li.slider { float:left; width:calc((100% - 16px)/2); height:auto; margin-left:16px; }
.product-box.type-a > ul + ul { margin: 30px 0 0; }
.product-box.type-a .product-title a { display: table; height: 38px; font-size: 13px; line-height: 1.46; letter-spacing: -0.65px; color: #4a4545; text-align: left; height: 38px; overflow: hidden; }
.product-box.type-a .product-title a span { display:table-cell; vertical-align: middle; font-size: 12px; }
.product-box.type-a .title-area { height: 38px; overflow: hidden; }

/* type-d 리스트형*/
.product-box.type-d .product-img { width: 120px; height: 120px; margin-right: 16px; }
.product-box.type-d .product-info { width:calc(100% - 136px); margin: 0; }
.product-box.type-d .product-info .product-title { display: block; width: 100%; }
.product-box.type-d > ul + ul { margin: 24px 0 0 ; }
.product-box.type-d > ul li.slider { display:block; width:100%; height:auto; margin-left:0; }
.product-box.type-d > ul li.slider { border-bottom: 0; }
.product-box.type-d > ul li.slider:first-child { padding-top: 0;}
.product-box.type-d > ul li.slider > .product-img { width: 120px; height: 120px; margin-right: 16px; }
.product-box.type-d > ul li.slider > .product-info { width:calc(100% - 136px); margin: 0; }
.product-box.type-d > ul li.slider > .product-info .product-title { display: block; width: 100%; }
.product-box.type-d .reviews-text { font-size: 12px; color: #868686; width: 100%; /* max-height: 57px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; */ }
.product-box.type-d .reviews-comment{border-radius: 5px;font-size: 12px;color: #868686;width: 100%;background: #eee;padding:  5px 8px;margin-top: 10px;}
.product-box.type-d .reviews-comment p {color: #ff5a5c; font-weight: 700;}
.product-box.type-d .reviews-comment p span{margin-left: 15px;font-size: 10px;color: #b6b6b6;}

.pet-encyclopedia li { position: relative; margin: 16px 0 0; }
.pet-encyclopedia li .img { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%; border-radius: 8px; }
.pet-encyclopedia li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  transform:scale(1.0); transition:all 0.5s; }
.pet-encyclopedia li .info { position: absolute; top: calc(50% - 24px); left: 0; width: 100%; text-align: center; z-index: 1; }
.pet-encyclopedia li .info .title:before { content: "#"; }
.pet-encyclopedia li .info .title { font-size: 30px; font-weight: bold; color: #ffffff; text-shadow: black 0px 0px 10px; }
.pet-encyclopedia li .info .date { font-size: 11px; color: #ffffff; text-align: center; margin: 8px 0 0; }


.event-banner { margin: 16px 0 24px; }
.event-banner li img { width: 100%; overflow: hidden; transform:scale(1.0); transition:all 0.5s; }
.event-banner li .title a { display: block; font-size: 17px; text-align: center; color: #464646; margin: 16px 0 0; width:100%; max-height: 46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.event-banner li .term { font-size: 11px; text-align: center; color: #868686; margin: 8px 0 0; }
.event-banner li .deadline { text-align: center; margin: 16px 0 0; }
.event-banner li .deadline span { display: inline-block; width: 74px; margin: 0 auto; padding: 0; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #ff5a5c; background-color: #ffffff; font-size: 11px; font-weight: 500; color: #ff5a5c; }
.event-banner li .winner { text-align: center; margin: 16px 0 0; }
.event-banner li .winner span { display: inline-block; width: 74px; margin: 0 auto; padding: 0; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #31b2ae; background-color: #ffffff; font-size: 11px; font-weight: 500; color: #31b2ae; }
.event-banner li .end { text-align: center; margin: 16px 0 0; }
.event-banner li .end span { display: inline-block; width: 74px;  margin: 0 auto; padding: 0; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #d6d6d6; background-color: #ffffff; font-size: 11px; font-weight: 500; color: #b6b6b6; }


.footer-board-area { }
.footer-board-area > div { width:100%; height:30px; font-size: 13px; color: #868686; }
.footer-board-area > ul { width:100%; display:inline-block; }
.footer-board-area > ul > li { display:block; text-align:left;}
.footer-board-area > ul > li > a { width:calc(100% - 100px); display: inline-block; vertical-align: middle; font-size:13px; color:#4a4545; line-height:24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.footer-board-area > ul > li > a:hover { text-decoration:underline; }
.footer-board-area > ul > li > span { display: inline-block; vertical-align: middle; width: 90px; text-align: right; font-size: 11px; color: #868686; }


.member-agree-content { width: 100%; height: 100%; display: block; padding: 24px; }
.member-agree-content > p { width: 100%; height: 100%; background: #f6f6f6; font-size: 12px; color: #868686; display: block; padding: 16px; overflow-y: scroll; }


.pets-type-select { overflow: hidden; }
.pets-type-select button { position: relative; float: left; width:calc((100% - 8px)/2); height: 64px; border-radius: 4px; border: solid 1px #e6e6e6; padding-left: 40px; background-color: #ffffff; font-size: 13px; font-weight: 500; color: #4a4545; }
.pets-type-select button:last-child { margin-left: 8px; }
.pets-type-select button.on { border: solid 2px #ff5a5c; font-weight: 700; color: #ff5a5c; }
.pets-type-select button img { position: absolute; top: 12px; left: 12px; width: 40px; height: 40px; display: inline-block; vertical-align: middle; }


.more-info-link { margin: 28px 0 0; text-align: center; }
.more-info-link a { font-size: 11px; color: #31b2ae; text-decoration: underline; }


.pets-weight-select { overflow: hidden; }
.pets-weight-select button { float: left; position: relative; width:calc((100% - 8px)/2); height: 43px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 11px; color: #b6b6b6; margin-bottom: 8px; }
.pets-weight-select button strong { font-size: 13px; font-weight: 500; display: inline-block; margin-right: 4px; color: #4a4545; }
.pets-weight-select button.on { border: solid 2px #ff5a5c; color: #ff5a5c; }
.pets-weight-select button.on strong { font-weight: 700; color: #ff5a5c; }
.pets-weight-select button:nth-child(2n) { margin-left: 8px; }


.pets-allergy-select { overflow: hidden; }
.pets-allergy-select button { float: left; position: relative; width:calc((100% - 16px)/3); height: 43px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 13px; color: #4a4545; }
.pets-allergy-select button.on { border: solid 2px #ff5a5c; color: #ff5a5c; font-weight: 700; }
.pets-allergy-select button:nth-child(2n) { margin: 0 8px; }

.pets-allergy-select.cat button { float: left; position: relative; width:calc((100% - 8px)/2); height: 43px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 13px; color: #4a4545; }
.pets-allergy-select.cat button.on { border: solid 2px #ff5a5c; color: #ff5a5c; font-weight: 700; }
.pets-allergy-select.cat button:last-child { margin: 0; margin-left: 8px; }


.pets-interests-select { overflow: hidden; }
.pets-interests-select button { float: left; position: relative; height: 25px; border-radius: 4px; border: solid 1px #31b2ae; background-color: #ffffff; font-size: 11px; color: #31b2ae; margin: 0 4px 4px 0; padding: 0 5px; }
.pets-interests-select button.on { border: dotted 1px #31b2ae; background-color: #31b2ae; color: #fff; }


.pets-snack-select { overflow: hidden; }
.pets-snack-select button { float: left; position: relative; min-width: 40px; height: 25px; border-radius: 4px; border: solid 1px #31b2ae; background-color: #ffffff; font-size: 11px; color: #31b2ae; margin: 0 4px 4px 0; padding: 0 5px; }
.pets-snack-select button.on { border: dotted 1px #31b2ae; background-color: #31b2ae; color: #fff; }


.comp-tab-contents-area > .grid { padding: 0; overflow: hidden; background: #f9f9f9; }
.comp-tab-contents-area > .grid > span { float: left; display: inline-block; background: #f9f9f9; text-align: center; }
.comp-tab-contents-area > .grid button { position: relative; display: inline-block; border-radius: 0; width: auto; height: 44px; line-height: 44px; font-size: 13px; color: #868686; border: 0; background: none; }
.comp-tab-contents-area > .grid button.active { color: #ff5a5c; font-weight: 700; border-bottom: 2px solid #ff5a5c; }
.comp-tab-contents-area .bodies { background: #fff; }
.comp-tab-contents-area .bodies > * { display: none; }
.comp-tab-contents-area .bodies > *.active { display: block; }
.comp-tab-contents-area .bodies > div { padding: 0; }
.comp-tab-contents-area > .grid.split-2 > span { width: 50%; }
.comp-tab-contents-area > .grid.split-2 > span button { width: 110px; }
.comp-tab-contents-area > .grid.split-4 > span { width: 25%; }
.comp-tab-contents-area > .grid.split-5 { padding: 0 24px; }
.comp-tab-contents-area > .grid.split-5 > span { width: 20%; }

.comp-tab-contents-area-new > .grid { padding: 0; overflow: hidden; background: #f9f9f9; }
.comp-tab-contents-area-new > .grid > span { float: left; display: inline-block; background: #f9f9f9; text-align: center; }
.comp-tab-contents-area-new > .grid button { position: relative; display: inline-block; border-radius: 0; width: auto; height: 44px; line-height: 44px; font-size: 13px; color: #868686; border: 0; background: none; }
.comp-tab-contents-area-new > .grid button.active { color: #30b3ae; }
.comp-tab-contents-area-new.bodies { background: #fff; }
.comp-tab-contents-area-new.bodies > * { display: none; }
.comp-tab-contents-area-new.bodies > *.active { display: block; }
.comp-tab-contents-area-new.bodies > div { padding: 0; }
.comp-tab-contents-area-new > .grid.split-2 > span { width: 50%; }
.comp-tab-contents-area-new > .grid.split-2 > span button { width: 110px; }
.comp-tab-contents-area-new > .grid.split-4 > span { width: 25%; }
.comp-tab-contents-area-new > .grid.split-5 { padding: 0 24px; }
.comp-tab-contents-area-new > .grid.split-5 > span { width: 20%; }

/* type-b */
.comp-tab-contents-area.type-b { margin: 0; padding: 0; height: 50px; }
.comp-tab-contents-area.type-b > .grid.split-2 { height: 45px; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-b > .grid.split-2 > span { width: 50%; display: block; }
.comp-tab-contents-area.type-b > .grid.split-2 > span button { width: 100%; background: #fff; }

.comp-tab-contents-area.type-b { margin: 0; padding: 0; height: 44px; }
.comp-tab-contents-area.type-b > .grid.split-3 { height: 44px; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-b > .grid.split-3 > span { width: 33.33%; display: block; }
.comp-tab-contents-area.type-b > .grid.split-3 > span button { width: 100%; background: #fff; }

.comp-tab-contents-area.type-b { margin: 0; padding: 0; height: 44px; }
.comp-tab-contents-area.type-b > .grid.split-4 { height: 44px; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-b > .grid.split-4 > span { width: 25%; display: block; }
.comp-tab-contents-area.type-b > .grid.split-4 > span button { width: 100%; background: #fff; }


/* type-c */
.comp-tab-contents-area.type-c { margin: 0 0 8px; padding: 0; height: 70px; }
.comp-tab-contents-area.type-c > .grid button { height: 70px; line-height: 1; padding: 16px 0; }
.comp-tab-contents-area.type-c > .grid button small { display: block; font-size: 10px; color: #b6b6b6; margin-top: 8px; }
.comp-tab-contents-area.type-c > .grid.split-2 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-c > .grid.split-2 > span { width: 50%; display: block; }
.comp-tab-contents-area.type-c > .grid.split-2 > span button { width: 100%; background: #fff; }
.comp-tab-contents-area.type-c > .grid.split-3 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-c > .grid.split-3 > span { width: 33.33%; display: block; }
.comp-tab-contents-area.type-c > .grid.split-3 > span button { width: 100%; background: #fff; }
.comp-tab-contents-area.type-c > .grid.split-4 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-c > .grid.split-4 > span { width: 25%; display: block; }
.comp-tab-contents-area.type-c > .grid.split-4 > span button { width: 100%; background: #fff; }

.comp-tab-contents-area-new.type-c { margin: 0 0 8px; padding: 0; height: 70px; }
.comp-tab-contents-area-new.type-c > .grid button { height: 70px; line-height: 1; padding: 16px 0; }
.comp-tab-contents-area-new.type-c > .grid button small { display: block; font-size: 10px; color: #b6b6b6; margin-top: 8px; }
.comp-tab-contents-area-new.type-c > .grid.split-2 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area-new.type-c > .grid.split-2 > span { width: 50%; display: block; }
.comp-tab-contents-area-new.type-c > .grid.split-2 > span button { width: 100%; background: #fff; }
.comp-tab-contents-area-new.type-c > .grid.split-3 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area-new.type-c > .grid.split-3 > span { width: 33.33%; display: block; }
.comp-tab-contents-area-new.type-c > .grid.split-3 > span button { width: 100%; background: #fff; }
.comp-tab-contents-area-new.type-c > .grid.split-4 { height: auto; margin: 0; padding:0; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area-new.type-c > .grid.split-4 > span { width: 25%; display: block; }
.comp-tab-contents-area-new.type-c > .grid.split-4 > span button { width: 100%; background: #fff; }


.comp-tab-contents-area2 { background-color: #ffffff; }
.comp-tab-contents-area2 > .grid { padding: 0; overflow: hidden; }
.comp-tab-contents-area2 > .grid > span { float: left; display: inline-block; background: #f9f9f9; text-align: center; }
.comp-tab-contents-area2 > .grid button { position: relative; display: inline-block; border-radius: 0; width: auto; height: 43px; line-height: 43px; font-size: 13px; color: #868686; border: 0; background: none; }
.comp-tab-contents-area2 > .grid button.active { color: #ff5a5c; font-weight: 700; border-bottom: 2px solid #ff5a5c; }
.comp-tab-contents-area2 .bodies { background: #fff; }
.comp-tab-contents-area2 .bodies > * { display: none; }
.comp-tab-contents-area2 .bodies > *.active { display: block; }
.comp-tab-contents-area2 .bodies > div { padding: 0; }
.comp-tab-contents-area2 > .grid.split-2 > span { width: 50%; }
.comp-tab-contents-area2 > .grid.split-2 > span button { width: 110px; }
.comp-tab-contents-area2 > .grid.split-4 > span { width: 25%; }
.comp-tab-contents-area2 > .grid.split-5 > span { width: 20%; }


#filter-slide { margin: 8px 0; }
.filter-select { background: #fff; padding: 16px 24px; font-size: 12px; }
.filter-select h6 { font-size: 12px; font-weight: 700; color: #868686; margin: 0 0 8px; }
.filter-select .list  { overflow: hidden; padding: 4px 0; }
.filter-select .list span { display: inline-block; float: left; width: 50%; margin: 0 0 12px; }
.filter-select .list span input[type="checkbox"] { margin-right: 4px; }
.filter-select .selected { border-top: 1px solid #e6e6e6; padding-top: 16px; }
.filter-select .selected span { display: inline-block; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #31b2ae; font-size: 11px; color: #31b2ae; padding: 0 8px; margin: 0 2px 4px 0; }


.number-order-type { overflow: hidden; margin: 0 0 16px; }
.number-order-type .number { float: left; display: block; font-size: 12px; color: #4a4545; margin: 8px 0 0; }
.number-order-type .right { float: right; display: block; }
.number-order-type .right select { min-width: 140px; height: 34px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; color: #4a4545; padding-left: 16px; }
.number-order-type .right .type img { display: inline-block; vertical-align: middle; width: 34px; height: 34px; margin-left: 6px; }


.product-large-img li.slider img { width:100%; }
.product-large-img .slick-dots { position: absolute; bottom: 36px; display: block; width: 100%; height: 6px; padding: 0; margin: 0; list-style: none;text-align: center; }
.product-large-img .slick-dots > li { position: relative; transition: all 0.5s; display: inline-block; width: 6px; height: 6px; margin: 0 2px; padding: 0; cursor: pointer;background: rgba(0,0,0,0.2); border-radius: 50%;}
.product-large-img .slick-dots li.slick-active { background: #ff5a5c; }
.product-large-img .slick-dots li: hover { background: #e6e6e6; }
.product-large-img .slick-dotted.slick-slider { margin: 0; }


.product-view-info { background-color: #ffffff; padding: 24px; border-bottom: 1px solid #e6e6e6; }
.product-view-info .brand { font-size: 12px; color: #b6b6b6; }
.product-view-info .brand span { display: inline-block; margin-right: 8px; font-size: 13px; color: #343232; } .product-view-info .product-title { font-size: 17px; font-weight: 700; color: #4a4545; margin: 8px 0 0; }
.product-view-info .vip-price { padding: 16px; height: 55px; border-radius: 6px; border: solid 1px #e6e6e6; background-color: #ffffff; overflow: hidden; margin: 16px 0 0; }
.product-view-info .vip-price span { float:left; padding: 0 12px; height: 23px; line-height: 21px; border-radius: 12px; background-color: #ff5a5c; font-size: 10px; color: #ffffff; }
.product-view-info .vip-price strong { float:left; height: 23px; font-size: 15px; font-weight: 900; color: #ff5a5c; margin: 0 0 0 16px; }
.product-view-info .vip-price .dc { float: right; font-size: 11px; font-weight: 500; color: #ff5a5c; line-height: 1; margin: -4px 0 0; }
.product-view-info .vip-price .origin { clear: both; float: right; font-size: 11px; color: #b6b6b6; text-decoration: line-through; line-height: 1; margin: -8px 0 0; }
.product-view-info .regular-price { padding: 16px; height: 55px; border-radius: 6px; border: solid 1px #e6e6e6; background-color: #ffffff; overflow: hidden; margin: 16px 0 0; }
.product-view-info .regular-price span { float:left; padding: 0 12px; height: 23px; line-height: 21px; border-radius: 12px; background-color: #31b2ae; font-size: 10px; color: #ffffff; }
.product-view-info .regular-price strong { float:left; height: 23px; font-size: 15px; font-weight: 900; color: #31b2ae; margin: 0 0 0 16px; }
.product-view-info .regular-price p { float: right; font-size: 11px; font-weight: 500; color: #31b2ae; line-height: 1.5; margin: -4px 0 0; text-align: right; }


.product-view-benefits { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; margin: 8px 0 0; }
.product-view-benefits .list { position: relative; padding: 12px 48px 12px 24px; border-bottom: 1px solid #f6f6f6; overflow: hidden; }
.product-view-benefits .list > strong { float: left; font-size: 11px; font-weight: 700; color: #868686; }
.product-view-benefits .list > p { float: right; font-size: 11px; color: #868686; }
.product-view-benefits .list > p span { font-size: 11px; color: #ff5a5c; font-weight: 700; }
.product-view-benefits .list:after { position: absolute; top: 8px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) right center no-repeat; background-size: contain; }
.product-view-benefits .delivery .list:after { position: absolute; top: 8px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) right center no-repeat; background-size: contain; }
.product-view-benefits .delivery .list.on:after { position: absolute; top: 8px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_arrow_select_up.png) right center no-repeat; background-size: contain; }
.product-view-benefits .delivery .content { display: none; background-color: #ffffff; padding: 24px 24px 48px; font-size: 11px; color: #868686;}
.product-view-benefits .delivery .list.on .content { display: block; }

.score-area { height: 16px; padding: 2px 0; }
.score-area > ul { float:left; }
.score-area ul > li { width: 10px; height: 10px; margin: 0; display: block; float: left; background: url(/image/mobile/common/icon_star_n.png) center center no-repeat; background-size: contain; }
.score-area ul > li.on { background:url(/image/mobile/common/icon_star_s.png) center center no-repeat; background-size: contain; }


.product-view-reviews { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; margin: 8px 0; }
.product-view-reviews .title-info { padding: 15px 16px 15px 24px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.product-view-reviews .title-info h4 { float: left; font-size: 14px; font-weight: 700; color: #4a4545; }
.product-view-reviews .title-info .score-only { float: right; padding-left: 20px; height: 16px; line-height: 16px; font-size: 13px; font-weight: 700; color: #ff5a5c; background: url(/image/mobile/common/icon_score.png) left center no-repeat; background-size: 16px 16px; margin: 3px 0 0; }
.product-view-reviews .title-info a img { float: right; width: 24px; height: 24px; margin: 0 0 0 16px; }
.product-view-reviews .content { padding: 24px; font-size: 11px; }
.product-view-reviews .content .reviews-list .top > ul { display: inline-block; width: 100%; height: auto; }
.product-view-reviews .content .reviews-list .top > ul > li { float: left; }
.product-view-reviews .content .reviews-list .top > ul > li.user-name { margin-right: 8px; font-size: 11px; color: #b6b6b6; }
.product-view-reviews .content .reviews-list .top > ul > li.date { margin-left: 16px; font-size: 10px; color: #b6b6b6; }
.product-view-reviews .content .reviews-list .top > ul > li.recommend { float: right; margin: -3px 0 0; }
.product-view-reviews .content .reviews-list .top > ul > li.recommend span { display: inline-block; color:#868686; padding: 0 11px 0 26px; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #e6e6e6; background: url(/image/mobile/common/icon-sole-red.png) 6px center no-repeat; background-size: 16px 16px; }
.product-view-reviews .content .reviews-list .top > ul > li.recommend.on span { border: 1px solid #ff5a5c; color:#ff5a5c; font-weight:500;}
.product-view-reviews .content .name-option { font-size: 10px; color: #ff5a5c; margin: 0 0 16px; }
.product-view-reviews .reviews-list + .reviews-list { margin: 8px 0 0; padding-top: 19px; border-top: 1px solid #e6e6e6; }
.product-view-reviews .product-box.type-d > ul li.slider > .product-img { width: 80px; height: 80px; margin-right: 16px; }
.product-view-reviews .product-box.type-d > ul li.slider > .product-info { width:100%; margin: 0; }
.product-view-reviews .product-box.type-d > ul li.slider > .product-img + .product-info { width:calc(100% - 96px); margin: 0; }


.product-view-detail { min-height: 280px; background-color: #ffffff; border-bottom: 1px solid #e6e6e6; font-size: 11px; color: #b6b6b6; padding: 24px; margin: 8px 0 0; }


.product-view-customers { margin: 8px 0 0; background-color: #ffffff; border-bottom: 1px solid #e6e6e6; }
.product-view-customers .title-info { padding: 24px 16px 16px 24px; overflow: hidden; }
.product-view-customers .title-info h4 { float: left; font-size: 14px; font-weight: 700; color: #4a4545; }
.product-view-customers .product-slide-area { padding: 0 0 0 24px; }


.product-view-accordion { margin: 8px 0 0; background-color: #ffffff; border-bottom: 1px solid #e6e6e6; }
.product-view-accordion .title-info { position: relative; padding: 15px 16px 15px 24px; overflow: hidden; }
.product-view-accordion .title-info h4 { float: left; font-size: 14px; font-weight: 700; color: #4a4545; }
.product-view-accordion > .content { padding: 24px; font-size: 11px; color: #868686; }
.product-view-accordion .title-info:after { position: absolute; top: 14px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) right center no-repeat; background-size: contain; z-index: 1; }
.product-view-accordion .title-info.on { border-bottom: 1px solid #e6e6e6; }
.product-view-accordion .title-info.on:after { position: absolute; top: 14px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_arrow_select_up.png) right center no-repeat; background-size: contain; }
.product-view-accordion > .content { display: none; background-color: #ffffff; font-size: 11px; color: #868686;}
.product-view-accordion .title-info.on .content { display: block; }


.product-view-accordion .table-area { border-top: 1px solid #e6e6e6; }
.product-view-accordion .table-area li { display: table; width:100%; }
.product-view-accordion .table-area li > * { display: table-cell; vertical-align: middle; height: 30px; padding: 7px 16px; }
.product-view-accordion .table-area .title { width: 104px; background-color: #f9f9f9; text-align: left; border: 1px solid #e6e6e6; border-top: 0; color: #b6b6b6; }
.product-view-accordion .table-area .content { font-size: 11px; color: #868686; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }


.product-view-fixed-btn-group { position: fixed; bottom: 0; left: 0; display: block; width: 100%; height:40px; background-color: #ffffff; padding: 8px; overflow: hidden; z-index: 99; }
.product-view-fixed-btn-group .btn-medium2 { float: left; width:calc((100% - 8px)/2); margin: 0; border-radius: 0; }
.product-view-fixed-btn-group .btn-medium2:first-child { margin-right: 8px; }
/* 버튼이 한개인 경우*/
.product-view-fixed-btn-group .btn-medium3 { float: left; width:100%; margin: 0; border-radius: 0; }

.product-view-fixed-btn-group_period { position: fixed; bottom: 0; left: 0; display: block; width: 100%; background-color: #ffffff; padding: 8px; overflow: hidden; z-index: 99; }
.product-view-fixed-btn-group_period .btn-medium2 { float: left; width:calc((100% - 8px)/2); margin: 0; border-radius: 0; }
.product-view-fixed-btn-group_period .btn-medium2:first-child { margin-right: 8px; }
/* 버튼이 한개인 경우*/
.product-view-fixed-btn-group_period .btn-medium3 { float: left; width:100%; margin: 0; border-radius: 0; }


.product-view-reviews-insert { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 24px; margin: 8px 0 0; }
.product-view-reviews-insert .score-view-area { overflow: hidden; padding: 16px 24px; border-radius: 6px; background-color: #f9f9f9; }
.product-view-reviews-insert .score-view-area .score-view { float: left; }
.product-view-reviews-insert .score-view-area .score-area { float: right; margin: 4px 0 0; }
.product-view-reviews-insert .score-area { height: 16px; }
.product-view-reviews-insert .score-area ul > li { width: 16px; height: 16px; margin: 0 1px; display: block; float: left; background: url(/image/mobile/common/icon_star_large_n.png) center center no-repeat; background-size: contain; }
.score-area ul > li.on { background:url(/image/mobile/common/icon_star_large_s.png) center center no-repeat; background-size: contain; }
.product-view-reviews-insert .score-view { overflow: hidden; }
.product-view-reviews-insert .score-view li { float: left; line-height: 32px; }
.product-view-reviews-insert .score-view .score { font-size: 32px; font-weight: 700; color: #ff5a5c; }
.product-view-reviews-insert .score-view .ratio { font-size: 11px; font-weight: 700; color: #b6b6b6; margin: 0 8px 0 4px;}
.product-view-reviews-insert .score-view .total { font-size: 11px; font-weight: 700; color: #4a4545; }


.product-view-reviews-insert .insert li.rating { overflow: hidden; margin: 32px 0 12px; }
.product-view-reviews-insert .insert li.rating .title { float: left; height: 20px; font-size: 14px; font-weight: 700; margin: 4px 0; }
.product-view-reviews-insert .insert li.rating .score { float: right; }
.product-view-reviews-insert .insert li.rating .score ul > li { width: 28px; height: 28px; margin: 0 1px; display: block; float: left; background: url(/image/mobile/common/icon_star_large_n.png) center center no-repeat; background-size: contain; }
.product-view-reviews-insert .insert li.rating .score ul > li.on { background:url(/image/mobile/common/icon_star_large_s.png) center center no-repeat; background-size: contain; }
.product-view-reviews-insert .insert .btn-group-area { overflow: hidden; margin: 16px 0 0; }
.product-view-reviews-insert .insert .btn-group-area .btn-medium { float: left; margin: 0; }
.product-view-reviews-insert .insert .btn-group-area .btn-medium + .btn-medium { margin: 0 0 0 8px; }

/* 평점주기 */
.product-view-reviews-insert .insert li.rating .raty-score { position:relative; display:inline-block; padding-right:0px; color:#ffa42c; font-size:12px; }
.product-view-reviews-insert .insert li.rating .raty-score img { width:28px; }
.product-view-reviews-insert .insert li.rating .raty-score span { position:absolute; top:2px; right:0; display:inline-block; width:28px; }


.product-view-reviews-list { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 24px 0 24px 24px; margin: 8px 0 0; }
.product-reviews-slide .product-slide-reviews-area .slide-inner-product { margin: 0; padding: 0 8px 0 0;}


.category-order-type { overflow: hidden; margin: 24px 24px 22px 0; }
.category-order-type select { float: left; min-width: 140px; height: 34px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; color: #4a4545; padding-left: 12px; }

.category-order-type .order { float: right; display: block; padding: 2px 0; width: 103px; border-radius: 12px;
  background-color: #f9f9f9; }
.category-order-type .order a { display: inline-block; vertical-align: middle; padding: 0 10px; height: 24px; line-height: 24px; border-radius: 12px; background-color: #f9f9f9; font-size: 11px; font-weight: 500; color: #b6b6b6; }
.category-order-type .order a.on { background-color: #ff5a5c; color: #fff; }


.product-view-reviews-list .reviews-list { margin-right: 24px; }
.product-view-reviews-list .reviews-list .top > ul { display: inline-block; width: 100%; height: auto; }
.product-view-reviews-list .reviews-list .top > ul > li { float: left; }
.product-view-reviews-list .reviews-list .top > ul > li.user-name { margin-right: 8px; font-size: 11px; color: #b6b6b6; }
.product-view-reviews-list .reviews-list .top > ul > li.date { margin-left: 16px; font-size: 10px; color: #b6b6b6; }
.product-view-reviews-list .reviews-list .top > ul > li.state { margin: -1px 0 0 8px; height: 17px; padding: 0 8px; border-radius: 2px; background-color: #b6b6b6; font-size: 9px; color: #ffffff; }
.product-view-reviews-list .reviews-list .top > ul > li.recommend { float: right; margin: -7px 0 0; }
.product-view-reviews-list .reviews-list .top > ul > li.recommend span { color:#868686; display: inline-block; padding: 0 11px 0 26px; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #e6e6e6; background: url(/image/mobile/common/icon-sole-red.png) 6px center no-repeat; background-size: 16px 16px; font-size: 11px; }
.product-view-reviews-list .reviews-list .top > ul > li.recommend.on span { border: 1px solid #ff5a5c; color:#ff5a5c; font-weight:500;}
.product-view-reviews-list .name-option { font-size: 10px; color: #ff5a5c; margin: 0 0 16px; }
.product-view-reviews-list .reviews-list + .reviews-list { margin-top: 8px; padding-top: 20px; border-top: 1px solid #e6e6e6; }
.product-view-reviews-list .product-box.type-d > ul li.slider > .product-img { width: 80px; height: 80px; margin-right: 16px; }
.product-view-reviews-list .product-box.type-d > ul li.slider > .product-info { width:100%; margin: 0; }
.product-view-reviews-list .product-box.type-d > ul li.slider > .product-img + .product-info { width:calc(100% - 96px); margin: 0; }
.product-view-reviews-list .reviews-list .top > ul > li.right { float: right; margin: -7px 0 0; }
.product-view-reviews-list .reviews-list .top > ul > li.right a.btn { display: inline-block; width: 57px; padding: 0; text-align: center; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #e6e6e6; background: none; font-size: 11px; }

.product-view-reviews-list > .title-info { overflow: hidden; margin: 0 16px 16px 0; }
.product-view-reviews-list > .title-info > h4 { float: left; font-size: 17px; font-weight: 700; margin: 0; color: #4a4545; }
.product-view-reviews-list > .title-info .keyword { float: right; height: 25px; line-height: 25px; font-size: 12px; font-weight: 400; color: #31b2ae; }
.product-view-reviews-list > .title-info .total { float: right; height: 25px; line-height: 25px; font-size: 12px; font-weight: 400; color: #b6b6b6; }


.product-view-qna { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 16px 24px 24px; margin: 8px 0 0; }
.product-view-qna .guide-text { border-radius: 6px; background-color: #f9f9f9; padding: 16px; }
.product-view-qna .guide-text p { font-size: 11px; color: #b6b6b6; }
.product-view-qna .guide-text p + p { margin: 8px 0 0; }
.product-view-qna .insert { margin: 16px 0 0; }
.product-view-qna .insert .btn-group-area { overflow: hidden; margin: 16px 0 0; }
.product-view-qna .insert .btn-group-area .btn-medium { margin: 0; }


.board-comment-area { margin: 16px 0 0; }
.board-comment-list { width:100%; height:auto; }
.board-comment-list > div { width:100%; height:auto; }
.board-comment-list > div > ul { display:inline-block; width:100%; height:auto; }
.board-comment-list > div > ul > li { display:inline-block; width:100%; height:auto;  }
.board-comment-list > div > ul > li > .comment-box { width:100%; height:auto; padding:16px 0 0; position:relative;}
.board-comment-list > div > ul > li .comment-top-area { display:inline-block; width:100%; height:auto; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info { display:block; float:left;}
.board-comment-list > div > ul > li .comment-top-area > ul.comment-right { display:block; float:right; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info li { display:inline-block; margin-right:12px; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info li > span { font-size:12px; color:#b6b6b6;}
.board-comment-list > div > ul > li .comment-top-area > ul.comment-right li { display:inline-block; margin-left:12px; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-right li > span { font-size: 10px; color:#b6b6b6; cursor:pointer; transition:all 0.5s;}
.board-comment-list > div > ul > li .comment-top-area > ul.comment-right li > span:hover { color:#4a4545;}
.board-comment-list > div > ul > li .comment-content-area { width:100%; display:block; height:auto; }
.board-comment-list > div > ul > li .comment-content-area > p { width:100%; height:auto; display:block; color:#868686; font-size:12px; padding:8px 0 16px;}

.board-comment-list > div > ul > li > .comment-reply { width:100%; height:auto; padding:8px 24px;  background:#f9f9f9; position:relative; margin: 0 0 16px; border-radius: 6px; }
.board-comment-list > div > ul > li > .comment-reply:before {position: absolute; top: 10px; left: 16px; content: ''; display: inline-block; width: 20px; height: 20px; margin: 0; vertical-align: middle;  background: url(/image/mobile/common/icon_comment_re.png) center center no-repeat; background-size: contain;	}
.board-comment-list > div > ul > li > .comment-reply .comment-top-area { display:inline-block; width:100%; height:auto; padding:0; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info .state span { display: inline-block; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; font-size: 11px; color: #ff5a5c; text-align: center; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info .state.on span { color: #31b2ae; }
.board-comment-list > div > ul > li .comment-top-area > ul.comment-info .username { display: inline-block; }
.board-comment-list > div > ul > li > .comment-reply .username { margin: 0 0 0 16px; vertical-align: middle; font-size: 11px; color: #31b2ae; }
.board-comment-list > div > ul > li + li { border-top: 1px solid #e6e6e6; }


.prescription-purchase-authorization { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 32px 24px 24px; margin: 8px 0 0; text-align: center; }
.prescription-purchase-authorization .title-info h4 { font-size: 17px; font-weight: 700; color: #4a4545; text-align: center; }
.prescription-purchase-authorization .title-info p { margin: 24px 0 0; font-size: 11px; color: #868686; text-align: center; }
.prescription-purchase-authorization .purchase-select { overflow: hidden; margin: 16px auto 24px; padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; display: inline-block; width: 310px; }
.prescription-purchase-authorization .purchase-select .button { width: 148px; height: 142px; border-radius: 6px; font-size: 13px; font-weight: 700; color: #b6b6b6; text-align: center; border: solid 1px #e6e6e6; padding: 24px; }
.prescription-purchase-authorization .purchase-select .button img { display: block; width: 48px; height: 48px; margin: 0 auto 8px; }
.prescription-purchase-authorization .purchase-select .button.on { border: solid 2px #31b2ae; color: #31b2ae; }
.prescription-purchase-authorization .purchase-select .button:last-child { margin-left: 10px; }
.prescription-purchase-authorization .guide-text { text-align: center; color: #868686; margin: 0 0 24px; }


.agree-box { background-color: #ffffff; padding: 24px; margin: 8px 0 0; }
.agree-box .chk { position: relative; height: 44px; border-radius: 6px; border: 1px solid #e6e6e6; padding: 12px 8px 12px 16px; font-size: 12px; color: #4a4545; overflow: hidden; margin: 0 0 8px; }
.agree-box .chk input { margin-right: 8px; }
.agree-box .chk img { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; }
.agree-box .btn-group-area { margin: 24px 0 0; }
.agree-box .btn-group-area .btn-medium { margin: 0; }
.agree-box .btn-group-area .btn-medium:last-child { margin-left: 4px; }


.in-person-selection { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 32px 24px 24px; }
.in-person-selection h4 { font-size: 17px; font-weight: 700; text-align: center; color: #4a4545; }
.in-person-selection div { font-size: 13px; font-weight: 700; color: #31b2ae; margin: 0; text-align: center; }
.in-person-selection .guide-text { font-size: 11px; color: #868686; text-align: center; }
.in-person-selection .box { padding: 16px; border-radius: 6px; background-color: #f9f9f9; margin: 24px 0 0; }


.hospital-qna-top-area { background-color: #ffffff; padding: 32px 24px 0; }
.hospital-qna-top-area h4 { font-size: 17px; font-weight: 700; text-align: center; color: #4a4545; }
.hospital-qna-top-area > p { font-size: 11px; text-align: center; color: #868686; margin: 8px 0 0; }


.prescription-code-area { background-color: #ffffff; padding: 24px; margin: 8px 0 0; }
.prescription-code-area .btn-group-area { margin: 24px 0 0; overflow: hidden; }
.prescription-code-area .btn-grprescription-code-areaup-area .btn-medium { margin: 0; }
.prescription-code-area .btn-group-area .btn-medium { margin: 0; }
.prescription-code-area .btn-group-area .btn-medium:first-child { float: left; }
.prescription-code-area .btn-group-area .btn-medium:last-child { float: right; }
.prescription-code-area .prescription-code { border-radius: 6px; border: solid 1px #e6e6e6; padding: 24px; }
.prescription-code-area .prescription-code .guide-text { text-align: center; }
.prescription-code-area .prescription-code .top { position: relative; height: 23px; border-radius: 12px; background-color: #f9f9f9; font-size: 10px; line-height: 23px; color:#868686;}
.prescription-code-area .prescription-code .top a img { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url(/image/mobile/common/icon_question_mark.png) center center no-repeat; background-size: contain; }
.prescription-code-area .prescription-code .top span { display: inline-block; width: 76px; height: 23px; line-height: 23px; text-align: center; border-radius: 12px; background-color: #b6b6b6; font-size: 10px; font-weight: 700; color: #fff; margin-right: 8px; }
.prescription-code-area .prescription-code hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 16px 0; }
.prescription-code-area .prescription-code .hospital-info { position: relative; margin: 24px 0 0; overflow: hidden; }
.prescription-code-area .prescription-code .hospital-info .img { float: left; width: 64px; height: 64px; margin-right: 16px; }
.prescription-code-area .prescription-code .hospital-info .img img { width: 64px; height: 100%; }
.prescription-code-area .prescription-code .hospital-info .info { float: left; width:calc(100% - 80px); height: 64px; }
.prescription-code-area .prescription-code .hospital-info .info .title { position: relative; font-size: 14px; font-weight: 700; color: #343232; margin: 0 0 8px; }
.prescription-code-area .prescription-code .hospital-info .info .address { font-size: 10px; color: #868686; }
.prescription-code-area .prescription-code .hospital-info .info .title .modify { position: absolute; top: 0; right: 0; display: inline-block; font-size: 10px; text-align: center; font-weight: 400; color: #b6b6b6; line-height: 20px; text-decoration:underline; }
.prescription-code-area .prescription-code .hospital-info .map { position: absolute; top: 42px; left: 42px; z-index: 1; }
.prescription-code-area .prescription-code .hospital-info .map img { width: 24px; height: 24px; }
.prescription-code-area .prescription-code .btn-group-area { margin: 16px 0 0; }
.prescription-code-area .prescription-code .btn-medium { position: relative; padding-left: 22px; }
.prescription-code-area .prescription-code .btn-medium img { position: absolute; top: 10px; left: 8px; display: inline-block; width: 24px; height: 24px; }
.prescription-code-area .prescription-code + textarea { margin: 16px 0 0; font-size: 12px; }
.prescription-code-area textarea + .btn-medium.flexible { margin: 16px 0 0; }

.select-calendar { width:100%; height:auto; display:inline-block; }
.select-calendar div { background:url(/image/mobile/common/icon_calendar.png) 6px center no-repeat; background-size:24px 24px; float:left; border-radius:4px;
	padding: 8px 12px; border: solid 1px #e6e6e6;background-color: #ffffff; box-sizing:border-box; overflow:hidden;}
.select-calendar select option { color:b6b6b6;}
.select-calendar select option[disabled] { display:none; color:#b6b6b6!important;}
.select-calendar select { font-size:13px; letter-spacing: -0.65px; margin-left:16px; padding:4px 12px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.select-calendar select::-ms-expand{ display:none}
.select-calendar .type-year { width:calc(50% - 36px);}
.select-calendar .type-month { width:calc(25% + 10px); margin:0 8px;}
.select-calendar .type-day { width:calc(25% + 10px);}
/* 2020-01-05 정필우 월 일 글자 짤리는거 수정*/

/*191216 박상준 퍼블리싱 오류 수정 */
.hospital-find-result { background-color: #f6f6f6; width:100%; padding: 24px 24px 40px; margin:24px 0 0 0; }
.hospital-find-result .result { font-size: 13px; color: #868686; margin: 0 0 16px; }
.hospital-find-result .hospital-box { background-color: #fff; border-radius: 6px; padding: 16px 24px; }
.hospital-find-result .hospital-box + .hospital-box { margin: 16px 0 0; }
.hospital-find-result .hospital-box .hospital-info { position: relative; height: 80px; overflow: hidden; }
.hospital-find-result .hospital-box .hospital-info .img { float: left; padding: 8px 16px 8px 0; }
.hospital-find-result .hospital-box .hospital-info .img img { width: 64px; height: 64px; border-radius: 50%; }
.hospital-find-result .hospital-box .hospital-info .map { position: absolute; top: 42px; left: 40px; z-index: 1; } /*2019-12-04 박상준 아이콘 사이즈 키움*/
.hospital-find-result .hospital-box .hospital-info .map img { width: 32px; height: 32px; }
.hospital-find-result .hospital-box .hospital-info .info { float: left; width:calc(100% - 80px); }
.hospital-find-result .hospital-box .hospital-info .info .title { position: relative; font-size: 14px; font-weight: 700; color: #343232; margin: 0 0 8px; }
.hospital-find-result .hospital-box .hospital-info .info .address { font-size: 10px; color: #868686; }
.hospital-find-result .hospital-box .hospital-info .info .tel { font-size: 10px; color: #868686; }
.hospital-find-result .hospital-box .hospital-info .info .time { font-size: 10px; color: #868686; }


.my-location-hospital { margin: 24px; }

.sample-view-area > ul li.slider { text-align: center; }

/* sample-view-img */
.sample-view-img { width: 88px; height: 88px; margin: 0 auto; }
.sample-view-img .img { position: relative; width: 100%; height: 100%; background: url(/image/mobile/common/bg_profile_dotted.png) center center no-repeat; background-size: contain; overflow: hidden; border-radius: 50%; }
.sample-view-img .img.on { border: solid 3px #31b2ae; }
.sample-view-img .img img { width: 100%; height: 100%; overflow: hidden; margin-top: 0; }
.sample-view-img .img .plus { position:absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; display: inline-block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_plus.png) center center no-repeat; background-size: contain; }
.sample-view-img .img .name { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 30px; display: block; vertical-align: middle; text-align: center; font-size: 12px; font-weight: 500; color: #31b2ae; z-index: 1; }


.individual-agree-box { background-color: #ffffff; padding: 24px 0; margin: 0 24px; border-top: 1px solid #e6e6e6; }
.individual-agree-box .chk { position: relative; height: 44px; border-radius: 6px; border: 1px solid #e6e6e6; padding: 12px 8px 12px 16px; font-size: 12px; color: #4a4545; overflow: hidden; margin: 0 0 8px; }
.individual-agree-box .chk input { margin-right: 8px; }
.individual-agree-box .chk img { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; }
.individual-agree-box .btn-group-area { margin: 24px 0 0; }
.individual-agree-box .btn-group-area .btn-medium { margin: 0; }
.individual-agree-box .btn-group-area .btn-medium:last-child { float: right; }


.qna-view-centent { background: #fff; padding: 0 24px 24px; }
.qna-view-area label { display: block; font-size: 12px; color: #868686; margin: 24px 0 8px; }
.qna-view-area label span { color: #ff5a5c; }
.qna-view-area .btn-group-area { margin-top: 24px; }
.qna-view-area .btn-group-area:after { content: ''; display: block; clear: both; }
.qna-view-area .btn-group-area .btn-medium2 { width:calc((100% - 12px)/2); }
.qna-view-area .btn-group-area .btn-medium2 + .btn-medium2 { margin-left: 8px; }
.qna-view-area .help-text { font-size: 11px; color: #b6b6b6; margin: 8px 0; }
.qna-view-area .help-text.red { color: #ff5a5c; }
.qna-view-area .help-text.green { color: #31b2ae; }
.qna-view-area .input + .btn-medium { margin-left: 4px; }
.qna-view-area .certification { margin-top: 8px; }
.qna-view-area li:first-child label { margin-top: 0; }
.qna-view-area li { font-size: 12px; color: #4a4545; }
.qna-view-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }

.qna-view-area .img { border-radius: 6px; overflow: hidden; }
.qna-view-area .img img { width: 100%; }
.qna-view-area .view-content { min-height: 120px; border-radius: 6px; border: solid 1px #e6e6e6; background-color: #f9f9f9; padding: 16px; font-size: 12px; margin: 16px 0 0; }
.qna-view-area .re-view-content { min-height: 120px; border-radius: 6px; border: solid 1px #e6e6e6; background-color: #f9f9f9; padding: 16px; font-size: 12px; color: #31b2ae; margin: 16px 0 0; }


.full-popup-top-area { background-color: #ffffff; padding: 32px 24px 0; }
.full-popup-top-area h4 { font-size: 17px; font-weight: 700; text-align: center; color: #4a4545; }
.full-popup-top-area > p { font-size: 11px; text-align: center; color: #868686; margin: 8px 0 0; }


.map-area { position: relative; padding: 24px; border-radius: 8px; }
.map-area > img { width: 100%; }
.map-area .location { width: 42px; height: 42px; }
.map-area .location img { width: 100%; height: 100%; }


/*장바구니*/
.cart-list-area { background-color: #ffffff; padding: 24px; border-bottom: 1px solid #e6e6e6; }
.cart-list-area.margin-bottom { margin: 0 0 8px; }
.cart-list-area.not-padding { padding: 0; border: 0; }
.cart-list-area > ul > li + li { margin-top: 16px; }
.cart-list-body { position: relative; padding: 16px; border-radius: 6px; border: 1px solid #e6e6e6;margin:5px 0px;}
.cart-list-body.on { border: 2px solid #ff5a5c; }

/*
.cart-list-area input[type="checkbox"] { display: none; }
*/
.cart-list-area input[type="checkbox"].absolute { position: absolute; top: 22px; left: 18px; display: block; z-index: 1; }
.cart-list-product-area { overflow: hidden; }
.cart-list-area .cart-list-product-area + hr { margin: 16px 0; }
.cart-list-area + .btn-group-area { margin-top: 40px; }

.member-write-area + .cart-list-area { margin-top: 24px; }

.cart-list-product-img { float: left; width: 80px; }
.cart-list-product-img img { width: 80px; height: 80px; object-fit:cover; overflow: hidden; }
.cart-list-product-info {     position: relative;padding: 10px;display: inline-block; width: 70%; }
.cart-list-product-info ul { margin: 0 0 4px; }
.cart-list-product-info ul li { display: block; }
.cart-list-product-info ul li + li { margin-top: 4px; }
.cart-list-product-info ul li:after { content: ''; display: block; clear: both; }
.cart-list-product-info .origin-price { color: #b6b6b6; text-decoration:line-through;  }
.cart-list-product-info .dc { font-size: 10px; color: #31b2ae; }

.cart-list-product-content { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #767676; width:100%; height: 38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; display: block; margin-bottom: 24px; }
.cart-list-product-content:hover { text-decoration: underline; }
.cart-list-product-model { font-size: 13px; color: #4a4545; width: 100%; max-width: 170px; max-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin: 0 0 8px; }

.cart-list-product-info-title { float: left; font-size: 12px; color: #B6B6B6; width: 64px;}
.cart-list-product-info-content { float: left; font-size: 10px; color: #b6b6b6; width:calc(100% - 64px); max-height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.cart-list-product-info-content span { display: inline-block; color: #4a4545; }
.cart-list-product-info-content span + span { margin-left: 8px; }

.cart-list-close { position: absolute; top: 12px; right: 12px; display: inline-block; width: 20px; height: 20px; background: url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; text-indent:-5000px; }
.cart-list-close:hover { background: url(/image/mobile/common/icon_modal_close_s.png) center center no-repeat; background-size: contain; }

.cart-list-quantity { float: right; width: 88px; height: 24px; overflow: hidden; }
.cart-list-quantity .btn-plus { float: left; width: 24px; height: 24px; border: solid 1px #e6e6e6; border-radius: 0; transition:all 0.5s;}
.cart-list-quantity .btn-plus:hover { border:1px solid #4a4545;}
.cart-list-quantity .btn-plus span { display: inline-block; width: 22px; height: 22px; margin: 0;vertical-align: middle; background: url(/image/mobile/common/icon_plus2.png) center center no-repeat;background-size: contain; text-indent: -5000px; }
.cart-list-quantity .btn-minus { float: left; width: 24px; height: 24px; border: solid 1px #e6e6e6; border-radius: 0; transition:all 0.5s;}
.cart-list-quantity .btn-minus:hover { border:1px solid #4a4545;}
.cart-list-quantity .btn-minus span { display: inline-block; width: 22px; height: 22px; margin: 0;vertical-align: middle; background: url(/image/mobile/common/icon_minus.png) center center no-repeat;background-size: contain; text-indent: -5000px; }
.cart-list-quantity .input { float: left; width: 40px; height: 24px; margin: 0; padding: 0; border-left: 0; border-right: 0; border-radius: 0; text-align: center; font-size: 12px; }
.cart-list-quantity .btn-small { margin-top: 8px; text-align: center; }

.cart-list-product-info .state { float: right; height: 24px; line-height: 24px; font-size: 12px; color: #ff5a5c; }
.cart-list-product-info .order-quantity { height: 24px; line-height: 24px; font-size: 12px; color: #343232; }
.cart-list-product-info .order-quantity select.input { width: 64px; height: 24px; padding: 0 16px; font-size: 12px;
 }
.cart-list-product-info .btn-small.repurchase { float: right; width: 80px; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #ff5a5c; background-color: #fff; font-size: 11px; font-weight: 500; color: #ff5a5c; }
.option-selected-area .stock { position: absolute;bottom: 2px;font-size: 12px;padding-left: 5px;color: #868686; }


.cart-list-product-info .price-quantity-area { overflow: hidden; margin: 16px 0 0; }
.org-cart-list-price{    float: right;text-align: right;width: 100%;letter-spacing: -0.8px;padding-top: 20px;text-decoration: line-through;}
.cart-list-price { float: right;text-align: right;width: 100%;font-weight: bold;color: #ff5a5c;letter-spacing: -0.8px;}
.cart-list-price.type-b { color: #31b2ae; }
.org-cart-list-stock {    float: right;
    padding-top: 4px;
    padding-right: 7px;
    font-size: 11px;
    color: #868686;}
/*origin-price*/
/*.cart-list-price, .order-quantity, .cart-list-quantity { margin-top: 12px; }*/
/*.origin-price + .cart-list-price, .origin-price + .order-quantity, .cart-list-quantity { margin-top: 4px; }*/


.cart-list-price-total-area { padding: 16px 48px 16px 24px; }
.cart-list-price-total-area ul li { float: left; margin-right: 80px; }
.cart-list-price-total-area ul li:last-child { float: right; margin-right: 0; }
.cart-list-price-total-title { font-size: 12px; text-align: center; color: #767676; }
.cart-list-price-total { font-family: Lato; font-size: 24px; line-height: 1.21; letter-spacing: -1.2px;text-align: center; color: #868686; margin-top: 8px; }

.cart-list-body .etc { text-align: center; font-size: 12px; color: #b6b6b6; border-top: 1px dotted #e6e6e6; margin: 12px 0 0; padding: 8px 0 0; }
.cart-list-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0 0; }

.cart-list-grand-total-area { background-color: #ffffff; padding: 24px; overflow: hidden; }
.cart-list-grand-total-title { font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.9px; text-align: left; color: #868686; margin: 0 0 24px; }
.cart-list-grand-total-title-small { font-size: 12px; color: #868686; border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; margin-top: 16px; }
.cart-list-grand-total-info li { position: relative; display: inline-block; width: 100%; height: auto; padding: 1px 0;}
.cart-list-grand-total-info-title { float: left; font-size: 12px; font-weight: 500; color: #b6b6b6; }
.cart-list-grand-total-info-price { float: right;  font-size: 13px; color: #868686; }
.cart-list-grand-total-info-sum { text-align: right; font-size: 16px; font-weight: 900; color: #868686; margin-top: 12px; }
.cart-list-grand-total-payment-amount { overflow: hidden; margin: 0 0 13px; }
.cart-list-grand-total-payment-amount-title { float: left; height: 25px; line-height: 25px; font-size: 12px; color: #868686; }
.cart-list-grand-total-payment-amount-price { float: right; height: 25px; line-height: 25px;  font-size: 17px; font-weight: 900; color: #FF5A5C; letter-spacing: -1.2px; }
.cart-list-grand-total-area .popoup-guide { position: relative; position:absolute; top: 20px; left: 0; display: inline-block; text-align: left; padding: 7px 44px 7px 16px; border: solid 1px #31b2ae; background-color: #ffffff; color: #31b2ae; border-radius: 0 5px 5px; font-size: 12px; z-index: 1; }
.cart-list-grand-total-area .popoup-guide .close { position:absolute; top: 6px; right: 6px; }
.cart-list-grand-total-area .popoup-guide .close img { width: 22px; height: 22px; }

.cart-list-area .shipping-cycle { margin: 16px 0 0; overflow: hidden; }
.cart-list-area .shipping-cycle strong { float: left; font-size: 11px; color: #b6b6b6; font-weight: 500; display: inline-block; width: 60px; height: 34px; line-height: 34px; }
.cart-list-area .shipping-cycle .input { float: right; width:calc(100% - 60px); padding: 7px 16px; border-radius: 4px; font-size: 12px; color: #4a4545; }
.cart-list-area .shipping-cycle .coupon_display { float: right; width:calc(100% - 80px); padding: 7px 16px; border-radius: 4px; font-size: 12px; color: #ff5a5c; }

.cart-list-area .order-title { position: relative; margin: 0 0 16px; overflow: hidden; }
.cart-list-area .order-title .input { float: left; width:calc(100% - 30px); padding: 7px 16px; border-radius: 4px; font-size: 12px; color: #4a4545; }


.cart-list-body .title-info { border-bottom: 1px solid #e6e6e6; padding-bottom: 6px; }
.cart-list-body .title-info h4 .state { display: inline-block; min-width: 50px; font-weight: 700; font-size: 12px; color: #343232; }
.cart-list-body .title-info h4 small { font-size: 11px; color: #868686; }
.cart-list-body .title-info a { display: inline-block; height: 20px; line-height: 20px; color: #b6b6b6; }
.cart-list-area .cart-list-body .title-info a.order-number { text-decoration: none; display: inline-block; height: 20px; line-height: 20px; color: #b6b6b6; font-size: 11px; }

.cart-list-area .title-info { overflow: hidden; margin: 0 0 16px; }
.cart-list-area .title-info > h4 { float: left; height: 20px; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.cart-list-area .title-info a { float: right; height: 20px; line-height: 20px; font-size: 11px; font-weight: 400; color: #b6b6b6; }

.cart-list-area .delivery-info { border-top: 1px solid #e6e6e6; margin: 16px 0 0; }
.cart-list-area .delivery-info li { overflow: hidden; margin: 16px 0 0; }
.cart-list-area .delivery-info li .title { float: left; width: 100px; color: #868686; }
.cart-list-area .delivery-info li .content { float: left; width:calc(100% - 100px); color: #4a4545; }
.cart-list-area .delivery-info li .content.red { color: #ff5a5c; }


.list-empty { width: 100%; height: 100%; display: block; padding: 0; }
.list-empty > div { width: 100%; height: calc(100% - 90px); background: #f6f6f6; font-size: 11px; color: #b6b6b6; display: block; padding: 100px 0 250px; text-align: center; overflow-y: scroll; }
.list-empty > div img { width: 48px; height: 48px; display: block; margin: 0 auto 8px; }
.list-empty.type-b > div { background: #fff; }
.list-empty.type-b > div { padding: 24px 0 32px; }


.modal-layer-area.awhile { min-width: 328px; border-radius: 12px; }


.accordion-order-info h4 { position: relative; height: 51px; line-height: 51px; cursor: pointer; background: #fff; font-size: 14px; font-weight: 700; color: #4a4545; border-bottom: 1px solid #e6e6e6; margin: 8px 0 0; padding: 0 24px; }
.accordion-order-info h4:after { position: absolute; top: 50%; margin-top: -12px; right: 12px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-order-info h4.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-order-info .content { background: #fff; width: 100%; height: auto; display: none; border-bottom: 1px solid #e6e6e6; padding: 16px 24px; overflow: hidden; margin: 0 0 8px; }
.accordion-order-info .content.on { display: block; }
.accordion-order-info .content strong { float: left; font-size: 13px; }
.accordion-order-info .content span { float: right; font-size: 13px; }
.accordion-order-info h4 .order-user-name { float: right; padding-right: 16px; font-size: 12px; color: #4a4545; }
.accordion-order-info .content.type-b li { overflow: hidden; }
.accordion-order-info .content.type-b li + li { margin: 16px 0 0; }
.accordion-order-info .content.type-b strong { display: inline-block; width: 70px; color: #868686; font-size: 12px; }
.accordion-order-info .content.type-b span { float: left; color: #4a4545; font-size: 12px; }

.accordion-order-info .content.type-c { padding: 0; }
.accordion-order-info .content.type-c h4 { border-bottom: 0; }
.accordion-order-info .content.type-c .img img { width: 100%; }


.register-write-area { background: #fff; padding: 24px; border-bottom: 1px solid #e6e6e6; }
.register-write-area.not-border { border-bottom: 0; }
.register-write-area > .title-info { overflow: hidden; margin: 0 0 16px; }
.register-write-area > .title-info > h4 { float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.register-write-area > .title-info a { float: right; font-size: 11px; font-weight: 400; color: #b6b6b6; text-decoration: underline; }
.register-write-area > .title-info .grand-total-price { float: right; font-size: 17px; font-weight: 900; color: #ff5a5c; }
.register-write-area > ul > li { margin: 8px 0 8px; }
.register-write-area > ul > li > label { position: relative; display: block; font-size: 12px; color: #868686; margin: 24px 0 8px; }
.register-write-area > ul > li > label span { color: #ff5a5c; }
.register-write-area > ul > li > label a { position: absolute; top: 0; right: 0; display: inline-block; font-size: 11px; font-weight: 400; color: #b6b6b6; text-decoration: underline; }
.register-write-area .input + .btn-small,
.register-write-area .input + .btn-medium { margin-left: 4px; }
.register-write-area select.input {  border-radius: 4px; }
.register-write-area input[type="checkbox"] { margin-right: 4px; }
.register-write-area.margin-top { margin-top: 8px; }
.register-write-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }
.register-write-area.type-b { padding: 0; border-bottom: 0; }
.register-write-area.type-b > ul > li:first-child > label { margin-top: 0;}
.register-write-area .btn-group-area + ul .shipping-address-area { margin: 24px 0 0; }


.inner-select-chk { position: relative; height: 44px; border-radius: 6px; border: 1px solid #e6e6e6; padding: 12px 8px 12px 16px; font-size: 12px; color: #4a4545; overflow: hidden; margin: 24px 0 0; }
.inner-select-chk input { margin-right: 8px; }
.inner-select-chk img { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; }


.inner-select-small-chk { position: relative; height: 44px; border-radius: 6px; border: 1px solid #e6e6e6; padding: 12px 8px 12px 16px; font-size: 12px; color: #4a4545; overflow: hidden; margin: 8px 0 0; }
.inner-select-small-chk input { margin-right: 8px; }
.inner-select-small-chk img { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; }
.inner-select-all-chk {padding: 10px; background: #f9f9f9;}

.accordion-coupon-info h5 { position: relative; height: 40px; line-height: 40px; cursor: pointer; background: #fff; font-size: 12px; color: #868686; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 0; }
.accordion-coupon-info h5 span {display: inline-block; font-size: 11px; color: #ff5a5c; margin-left: 4px; }
.accordion-coupon-info h5:after { position: absolute; top: 50%; margin-top: -12px; right: 0; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-coupon-info h5.on { border-bottom: 0; }
.accordion-coupon-info h5.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-coupon-info .content { display: none; background: #fff; width: 100%; height: auto;  padding: 16px; overflow: hidden; border: 1px solid #e6e6e6; border-radius: 6px; }
.accordion-coupon-info .content.on { display: block; }
.accordion-coupon-info .content h6 { font-size: 11px; color: #868686; margin: 0 0 8px; }
.accordion-coupon-info .content li { display: inline-block; width: 100%; height: auto; }
.accordion-coupon-info .content li + li { margin: 8px 0 0; }
.accordion-coupon-info .content .title { float: left; font-size: 12px; color: #4a4545; }
.accordion-coupon-info .content .title input { margin-right: 4px; }
.accordion-coupon-info .content .price { float: right; font-size: 12px; color: #ff5a5c; font-weight: 700; }


.accordion-dc-info { padding: 11px 16px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #f9f9f9; }
.accordion-dc-info h6 { position: relative; cursor: pointer; }
.accordion-dc-info h6:after { position: absolute; top: 50%; margin-top: -12px; right: -7px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-dc-info h6.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-dc-info .content { display: none; padding: 8px 16px; background: #fff; margin: 8px 0 0; border: 1px solid #e6e6e6; border-radius: 4px; }
.accordion-dc-info .content.on { display: block; }
.accordion-dc-info .content li { display: inline-block; width: 100%; height: auto; padding: 5px 0 1px; }
.accordion-dc-info .content li + li { border-top: 1px dotted #e6e6e6; }
.accordion-dc-info .content .title { float: left; font-size: 11px; color: #868686; }
.accordion-dc-info .content .price { float: right; font-size: 11px; color: #868686; }


.sub-title-center-area { position: relative; background: #fff; height: auto; margin: 0; padding: 0; text-align: center; }
.sub-title-center-area h1 { padding: 10px 0 0; font-size: 17px; font-weight: 700; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #4a4545; }
.sub-title-center-area p { margin: 8px 0 0; color:#868686;}
.sub-title-center-area p .green { color: #31b2ae; }
.sub-title-center-area + .title-info { margin: 24px 0 16px; }
.sub-title-center-area + .cart-list-area { margin: 24px 0; }


.order-box-list-area { background: #fff; padding: 16px 0 0; border-radius: 6px; overflow: hidden; border: 1px solid #e6e6e6; }
.order-box-list-area + .order-box-list-area { margin: 16px 0 0; }

.order-box-list-area > .title-info { overflow: hidden; margin: 0 16px 16px; }
.order-box-list-area > .title-info > h4 { float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.order-box-list-area > .title-info a { float: right; font-size: 11px; font-weight: 400; color: #b6b6b6; text-decoration: underline; }
.order-box-list-area > .title-info .grand-total-price { float: right; font-size: 14px; font-weight: 900; color: #ff5a5c; }
.order-box-list-area .list { text-align: center; }
.order-box-list-area .list ul { overflow: hidden; margin: 0 16px 16px; }
.order-box-list-area .list li { position: relative; float: left; width:calc((100% - 40px)/3); height: 0; overflow: hidden; padding-bottom: calc((100% - 40px)/3); margin-right: 20px; }
.order-box-list-area .list li:last-child { margin-right: 0; }
.order-box-list-area .list li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.order-box-list-area .bottom-title { height: 29px; line-height: 29px; background-color: #d6d6d6; text-align: center; font-size: 11px; font-weight: 700; color: #ffffff; }
.order-box-list-area .more { margin: 0 0 16px; text-align: center; }
.order-box-list-area.on .bottom-title { background-color: #ff5a5c; }
.order-box-list-area.on { border: 2px solid #ff5a5c; }


.delivery-guide-area { width: 100%; height: auto; position: relative; overflow: hidden; padding: 24px; background-color: #f6f6f6; }
.delivery-guide-area > ul { display: inline-block; position: relative; width: 100%; height: 100%; }
.delivery-guide-area > ul li.slider { display: block; float: left; width: 100%; height: 100%; }
.delivery-guide-area > ul li.slider > a { display: block; width: 100%; height: 100%; }
.delivery-guide-area .slider-arrow .btn-prev { z-index: 10000; position: absolute; cursor: pointer; top: 50%; margin-top: -22px; left: 8px; width: 32px; height: 32px; display: block; opacity: 1;  }
.delivery-guide-area .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: 0; left: 0; background: url(/image/mobile/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.delivery-guide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -22px; right: 8px; width: 32px; height: 32px; display: block; transition: all 0.5s; background: url(/image/mobile/common/icon_arrow_right_large.png) center center no-repeat; opacity: 1; background-size: contain; }
.delivery-guide-area .slider-arrow .btn-next > span {  width: 32px; height: 32px; position: absolute; display: block; top: 0; left: 0; background: url(/image/mobile/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.delivery-guide-area .slider-arrow > div { transition: all 0.5s; }
.delivery-guide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }


.delivery-guide-area .guide-box { position: relative; background: #fff; padding: 16px 24px 24px; text-align: center; border: 1px solid #e6e6e6; border-radius: 6px; }
.delivery-guide-area .guide-box h1 { font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #343232; margin: 0; }
.delivery-guide-area .guide-box p { margin: 8px 0 0; font-size: 11px; color: #868686; }
.delivery-guide-area button.b-close { position:absolute; top:8px; right:8px; width:20px; height:20px; background:url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: 20px 20px; text-indent: -5000px; }


.shipping-address-area { position: relative; background: #fff; padding: 16px; border: 1px solid #e6e6e6; border-radius: 6px; }
.shipping-address-area h5 { font-size: 12px; font-weight: 700; color: #343232; margin: 0 0 8px; }
.shipping-address-area h5 .basic { display: inline-block; margin: 0 0 0 16px; font-size: 11px; color: #31b2ae; font-weight: 700; }
.shipping-address-area p { font-size: 10px; color: #868686; margin: 5px 0 0; }
.shipping-address-area p.tel { padding-left: 20px; background: url(/image/mobile/common/icon_tel.png) 0 center no-repeat; background-size: 16px 16px; }
.shipping-address-area .btn-close { position: absolute; top: 8px; right: 8px; display: inline-block; width: 20px; height: 20px; background: url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; text-indent:-5000px; }
.shipping-address-area .btn-close:hover { background: url(/image/mobile/common/icon_modal_close_s.png) center center no-repeat; background-size: contain; }
.shipping-address-area .btn-split-group-area { margin: 8px 0 0; }
.shipping-address-area + .shipping-address-area { margin: 16px 0 0;  }


.product-gifts-area { background: #fff; padding: 24px; border: 1px solid #e6e6e6; margin: 8px 0 0; }
.product-gifts-area h4 { font-size: 14px; font-weight: 700; color: #4a4545; margin: 0 0 16px; }
.product-gifts-area .product-box.type-d { border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px 16px 0; }
.product-gifts-area .product-box.type-d > ul li.slider > .product-img { width: 80px; height: 80px; margin-right: 16px; }
.product-gifts-area .product-box.type-d > ul li.slider > .product-info { width:calc(100% - 96px); height: 80px; margin: 0; font-size: 12px; }
.product-gifts-area .product-box.type-d .product-info .number { display: inline-block; height: 17px; padding:0 12px; border-radius: 12px; background-color: #4a4545; color: #fff; font-size: 9px; }
.product-gifts-area .product-box.type-d .product-info .title { font-size: 13px; color: #343232; margin: 8px 0 0;}
.product-gifts-area .product-box.type-d .product-info .link a { display: inline-block; font-size: 11px; color: #ff5a5c; margin: 16px 0 0; padding-right: 20px; background: url(/image/mobile/common/icon_select_arrow.png) right center no-repeat; background-size: 16px 16px; }


.brand-intro .top { position: relative; }
.brand-intro .top img { width: 100%; }
.brand-intro .top p { position: absolute; top: 25%; right: 30px; font-size: 12px; color: #fff; }
.brand-intro .top h3 { position: absolute; top: 35%; right: 30px; font-size: 22px; color: #fff; margin: 0; text-align: right; }


.accordion-brand-intro .brand-intro { position: relative; cursor: pointer; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 24px 24px 8px; }
.accordion-brand-intro .brand-intro:after { position: absolute; top: 50%; margin-top: -12px; right: 12px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-brand-intro .brand-intro.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-brand-intro .content { background: #fff; width: 100%; min-height: 227px; display: none; border-bottom: 1px solid #e6e6e6; padding: 16px 24px; overflow: hidden; font-size: 12px; color: #868686; }
.accordion-brand-intro .content.on { display: block; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-img { width: 140px; height: 96px; margin-right: 16px; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-img a { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 68.57%; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-info { width:calc(100% - 156px); height: auto; margin: 0; padding-right: 30px; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-info .product-title .brand { font-size: 12px; font-weight: 700; color: #4a4545; margin: 0 0 4px; display: block; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-info .product-title a { font-size: 11px; color: #868686; }


.pets-encyclopedia-list { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 24px 0 0 24px; margin: 0 0 8px; }
.pets-encyclopedia-list > .title-info { overflow: hidden; margin: 0 16px 16px 0; }
.pets-encyclopedia-list > .title-info > h4 { float: left; font-size: 17px; font-weight: 700; margin: 0; color: #4a4545; }


.category-encyclopedia-area { background-color: #ffffff; padding: 24px; }
.category-encyclopedia-area ul { overflow: hidden; }
.category-encyclopedia-area ul li { border: 1px solid #e6e6e6; }
.category-encyclopedia-area ul li { float: left; width: 25%; text-align: center; }
.category-encyclopedia-area ul li a { display: table; width:100%; }
.category-encyclopedia-area ul li a > * { width:100%; height: 52px; display: table-cell; vertical-align: middle; }
.category-encyclopedia-area ul li a.on > span,
.category-encyclopedia-area ul li a:hover > span { border: 2px solid #ff5a5c; }
.category-encyclopedia-area.type-b ul li { width:calc(100% / 2); border: 1px solid #e6e6e6; }

.category-encyclopedia-area.type-z { padding: 0; }
.category-encyclopedia-area.type-z > div { display: flex; justify-content: space-between; }
.category-encyclopedia-area.type-z > div > div { width: 34%; border: 1px solid #e6e6e6; text-align: center; padding: 1em; }
.category-encyclopedia-area.type-z > div > div a.on span { color: #ec6562; }


.search-keyword-results-area { background: #fff; padding: 24px; margin: 8px 0 0; }
.search-keyword-results-area .top { overflow: hidden; }
.search-keyword-results-area .top .results-sub { float: left; width: 140px; height: 35px; line-height: 35px; font-size: 12px; color: #868686; }
.search-keyword-results-area .top .search-area { float: right; width: 160px; margin: 0; padding: 0; }
.search-keyword-results-area .top .search-area .btn-search { top: 4px; right: 8px; }
.search-keyword-results-area .top .search-area input { font-size: 13px; }


.search-keyword-results-area .top .order { float: left; display: block; height: 35px; line-height: 35px; background-color: #f9f9f9; border-radius: 13px; }
.search-keyword-results-area .top .order a { display: inline-block; vertical-align: middle; padding: 0 12px; height: 24px; line-height: 24px; border-radius: 12px; background-color: #f9f9f9; font-size: 11px; font-weight: 500; color: #b6b6b6; }
.search-keyword-results-area .top .order a.on { background-color: #ff5a5c; color: #fff; }
.search-keyword-results-area .btn-group-area { margin: 40px 0 0; }

.search-keyword-results-area .top .grid select {width: 49%; border-radius: 15px; margin-bottom: 15px;}
.pets-encyclopedia-view { background-color: #ffffff; padding: 24px; border-bottom: 1px solid #e6e6e6; }
.pets-encyclopedia-view .img { border-radius: 8px; margin: 24px 0 0; }
.pets-encyclopedia-view .img img { width: 100%; }
.pets-encyclopedia-view > p { color: #4a4545; margin: 24px 0; }
.pets-encyclopedia-view .btn-group-area { margin: 40px 0 0; }

.pets-event-list { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 24px 0 0 24px; margin: 0 0 8px; }


.middle-banner { position: relative; margin:24px 0;}
.middle-banner img { width: 100%; }
.middle-banner .page-number { display: inline-block; position: absolute; bottom: 8px; right: 8px; width: 44px; height: 19px; line-height: 19px; text-align: center; border-radius: 12px; background-color: rgba(0, 0, 0, 0.6); font-size: 10px; color: #ffffff; }

.quick-middle-banner { position: relative; margin:24px 0;}
.quick-middle-banner img { width: 100%; }
.quick-middle-banner .page-number { display: inline-block; position: absolute; bottom: 8px; right: 8px; width: 44px; height: 19px; line-height: 19px; text-align: center; border-radius: 12px; background-color: rgba(0, 0, 0, 0.6); font-size: 10px; color: #ffffff; }


.main-middle-banner { position: relative; margin: 0; line-height: 0;}
.main-middle-banner img { width: 100%; }
.main-middle-banner .page-number { display: inline-block; position: absolute; bottom: 8px; right: 8px; width: 44px; height: 19px; line-height: 19px; text-align: center; border-radius: 12px; background-color: rgba(0, 0, 0, 0.6); font-size: 10px; color: #ffffff; }


.product-search-area { background-color: #ffffff; padding: 24px 24px 0; border-bottom: 1px solid #e6e6e6; }
.product-search-area .search-area { position: relative; width: 100%; background: #fff; padding: 24px 0; }
.product-search-area .search-area .btn-search { right: 16px; }
.product-search-area.type-b { padding: 0 24px; }
.product-search-area > .title-info { overflow: hidden; margin: 0 0 16px; }
.product-search-area > .title-info > h4 { float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.product-search-area.margin-top { margin: 8px 0 0; }


.pets-guide-list { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 24px 0 0 0; margin-top: 10px; }
.pets-guide-list .title-info h4 { font-size: 17px; font-weight: 700; margin: 0; color: #4a4545; padding: 0 24px; }
.pets-guide-list .title-info h5 { font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; padding: 0 24px; }
.pets-guide-list.not-padding { padding: 0; }
.pets-guide-list.margin-top { margin: 8px 0 0; padding: 0; }

.board-guide-area { background-color: #ffffff; padding: 0; border-bottom: 1px solid #e6e6e6; margin: 8px 0 0; }
.board-guide-area .title-info { overflow: hidden; height: 51px; line-height: 51px; }
.board-guide-area .title-info h4 { position: relative; font-size: 14px; font-weight: 700; margin: 0; padding: 0 24px 24px; color: #4a4545; }
.board-guide-area .title-info h4:after { position: absolute; top: 14px; right: 16px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) right center no-repeat; background-size: contain; }
.board-guide-area .content { padding: 24px; border-top: 1px solid #e6e6e6; }

.content-view-area { background-color: #ffffff; padding: 24px; min-height: 300px; border-bottom: 1px solid #e6e6e6; margin: 8px 0 0; }


.qna-select-area  { background-color: #ffffff; padding: 24px; overflow: hidden; }
.qna-select-area .sub-title-center-area { margin: 0 0 24px; }
.qna-select-area .purchase-select { margin: 16px auto 24px; padding-bottom: 0; text-align: center; }
.qna-select-area .purchase-select .button { width: 148px; height: 142px; border-radius: 6px; font-size: 13px; font-weight: 700; color: #b6b6b6; text-align: center; border: solid 1px #e6e6e6; padding: 24px 0; }
.qna-select-area .purchase-select .button img { display: block; width: 48px; height: 48px; margin: 0 auto 8px; }
.qna-select-area .purchase-select .button:last-child { margin-left: 10px; }
.qna-select-area .purchase-select .button h5 { font-size: 13px; font-weight: 700; color: #4a4545; }
.qna-select-area .purchase-select .button p { font-size: 11px; color: #4a4545; }


.qna-guide-list { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; padding: 0 0 24px; margin: 8px 0 0; }
.qna-guide-list .title-info h4 { font-size: 17px; font-weight: 700; margin: 0; color: #4a4545; padding: 0 24px; }
.qna-guide-list .padding { padding: 0 24px;  }
.qna-guide-list .btn-group-area { margin: 24px 24px 0; }
.qna-guide-list .btn-group-area button small { font-size: 11px; color:#ff5a5c;}
.qna-guide-list.type-b { padding-top: 24px; }
.qna-guide-list.not-margin { margin-top: 0; }


.accordion-faq-area .title { position: relative; cursor: pointer; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 10px 24px 10px 0; min-height: 43px; }
.accordion-faq-area .title:after { position: absolute; top: 50%; margin-top: -12px; right: 12px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-faq-area .title.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-faq-area .title span { display: inline-block; width: 60px; text-align: center; color: #ff5a5c; font-weight: 700; }
.accordion-faq-area .title .subject { font-size: 14px; font-weight: 500; color: #4a4545; padding: 0 24px; }
.accordion-faq-area .title .date { font-size: 11px; color: #868686; margin: 8px 0 0; padding: 0 24px; }
.accordion-faq-area .content { background: #f9f9f9; width: 100%; min-height: 121px; display: none; border-bottom: 1px solid #e6e6e6; padding: 16px 24px; overflow: hidden; font-size: 12px; color: #868686; }
.accordion-faq-area .content.on { display: block; }


.board-list-area { background-color: #ffffff; padding: 0 0 24px; }
.board-list-area .btn-group-area { padding: 0 24px; }

.mypage-info-area { background: #fff; border-bottom: 1px solid #e6e6e6; padding: 24px; margin: 0 0 8px; }
.mypage-info-area .title-info { position: relative; margin: 0 0 16px; }
.mypage-info-area .title-info h4 { height: 20px; margin: 0; line-height: 20px; font-size: 14px; font-weight: 700; color: #4a4545; }
.mypage-info-area .title-info h4 a.help { display: inline-block; margin: -2px 0 0 2px; vertical-align: middle; width: 16px; height: 16px; background: url(/image/mobile/common/icon_question_mark.png) center center no-repeat; background-size: contain; }
.mypage-info-area .title-info .standard { position: absolute; top: 2px; right: 0; display: inline-block; font-size: 11px; color: #868686; }

.mypage-info-area .title-info .number { position: absolute; top: 2px; right: 0; display: inline-block; }
.mypage-info-area .title-info .number span { display: inline-block; margin-left: 16px; font-size: 11px; color: #868686; }


.mypage-top-area { overflow: hidden; }
.mypage-top-area .img { margin-right:16px; float: left; width: 88px; height: 88px; border-radius: 50%; overflow: hidden; }
.mypage-top-area .img img { width: 100%; height: 100%; }
.mypage-top-area .info { float: left; width:calc(100% - 106px); }
.mypage-top-area .info .n1 { overflow: hidden; margin: 12px 0 0; }
.mypage-top-area .info .n1 li:first-child { float: left; width: 55%; }

.level-text { display: inline-block; vertical-align: middle; width: 60px; height: 19px; line-height: 19px; text-align: center; font-size: 10px !important; font-weight: 900; font-family: Lato; letter-spacing: normal; text-transform: uppercase; border-radius: 3px; }
.level-text.family { background-color: #b6b6b6; color: #ffffff; }
.level-text.premium { background-color: #31b2ae; color: #ffffff; }
.level-text.vip { background-color: #ff5a5c; color: #ffffff; }
.level-text.vvip { background-color: #ed1c24; color: #ffffff; }
.level-text.affiliate { background-color: #ffb521; color: #ffffff; }
.level-text.gold { background-color: #ffb521; color: #ffffff; }
.level-text.platinum { background-color: #4a4545; color: #ffffff; }


.mypage-top-area .info .n1 li.name { float: right; text-align: right; width: 45%; }
.mypage-top-area .info .n1 li.name { font-size: 15px; font-weight: 700; color: #4a4545; height: 24px; line-height: 24px; }
.mypage-top-area .info .n1 li.name a { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/image/mobile/common/icon_modify2.png) center center no-repeat; background-size: contain; margin: -4px 0 0; }
.mypage-top-area .info .n2 { overflow: hidden; margin: 12px 0 0; }
.mypage-top-area .info .n2 li { float: left; width: 33.33%; height: 35px; border-right: 1px solid #e6e6e6; text-align: center; }
.mypage-top-area .info .n2 li strong { display: block; font-size: 13px; font-weight: 700; color: #ff5a5c; }
.mypage-top-area .info .n2 li span { font-size: 10px; color: #4a4545; }
.mypage-top-area .info .n2 li span .n2-btn{ color: #ff5a5c; }
.mypage-top-area .info .n2 li:last-child { border-right: 0; }

.mypage-info-area.type-b { padding: 24px 0 24px 24px; }
.mypage-info-area.type-b .title-info { margin-right: 24px; }

.pet-slide-inner { position: relative; height: 162px; border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin-right: 12px; }
.pet-slide-inner .set { position: absolute; top: 8px; right: 8px; display: inline-block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_set.png) center center no-repeat; background-size: contain; }
.pet-slide-inner .top { overflow: hidden; }
.pet-slide-inner .top .img { float: left; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.pet-slide-inner .top .img img { width:100%; height:100%; object-fit:cover; }
.pet-slide-inner .top .info { float: left; width:calc(100% - 60px); padding: 4px 0 0 8px; }
.pet-slide-inner .top .info .name { font-size: 12px; color: #4a4545; }
.pet-slide-inner .top .info .name strong { font-size: 14px; font-weight: 700; }
.pet-slide-inner .top .info .state { display: inline-block; height: 17px; line-height: 17px; padding: 0 8px; border-radius: 12px; background-color: #31b2ae; font-size: 9px; color: #ffffff; margin: 8px 0 0; }
.pet-slide-inner .pets-interests-select { margin: 16px 0 0; }

.pet-slide-inner .plus { position:absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; display: inline-block; width: 48px; height: 48px; background: url(/image/mobile/common/icon_plus.png) center center no-repeat; background-size: contain; }
.pet-slide-inner.dotted { border: 1px dotted #e6e6e6; }

.order-shipping-info .btn-group-area { margin: 0; }

.mypage-info-area .state-info { border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin: 16px 0 0; }
.mypage-info-area .state-info .n1 { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; }
.mypage-info-area .state-info .n1 li { float: left; width: 20%; text-align: center; }
.mypage-info-area .state-info .n1 span { display: block; font-size: 17px; font-weight: 700; color: #d6d6d6; }
.mypage-info-area .state-info .n1 span.red { color: #ff5a5c; }
.mypage-info-area .state-info .n1 strong { display: block; font-size: 11px; font-weight: 400; color: #4a4545; margin: 9px 0 0; }
.mypage-info-area .state-info .n2 { overflow: hidden; padding-top: 16px; }
.mypage-info-area .state-info .n2 li { float: left; width:calc((100% - 16px)/3); text-align: center; background-color: #f9f9f9; height: 30px; line-height: 30px; margin-right: 8px; }
.mypage-info-area .state-info .n2 li:last-child { margin-right: 0; }
.mypage-info-area .state-info .n2 li span { display: block; text-align: center; color: #d6d6d6; }
.mypage-info-area .state-info .n2 li span strong { display: inline-block; margin: 0 2px; }
.mypage-info-area .state-info .n2 li span.red { color: #ff5a5c; }

.mypage-info-area .consulting-info { border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin: 16px 0 0; }
.mypage-info-area .consulting-info { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; }
.mypage-info-area .consulting-info li { float: left; width: 33.33%; text-align: center; }
.mypage-info-area .consulting-info li span { display: block; font-size: 17px; font-weight: 700; color: #d6d6d6; }
.mypage-info-area .consulting-info li span.red { color: #ff5a5c; }
.mypage-info-area .consulting-info li strong { display: block; font-size: 11px; font-weight: 400; color: #4a4545; margin: 9px 0 0; }

.mypage-info-area .certification-info { border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; }
.mypage-info-area .certification-info hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 16px 0; }
.mypage-info-area .certification-info div { overflow: hidden; }
.mypage-info-area .certification-info .state { float: left; display: inline-block; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #d6d6d6; padding: 0 16px; color: #31b2ae; font-size: 11px; font-weight: 500; }
.mypage-info-area .certification-info .state.red { color: #ff5a5c; }
.mypage-info-area .certification-info a.link {float: right; font-size: 10px; color: #b6b6b6; height: 24px; line-height: 24px; text-decoration: underline; }
.mypage-info-area .certification-info .code { float: right; font-size: 10px; color: #b6b6b6; height: 24px; line-height: 24px; }


.mypage-info-area .certification-info .hospital-info { position: relative; margin: 16px 0 0; overflow: hidden; }
.mypage-info-area .certification-info .hospital-info .img { float: left; width: 40px; height: 40px; }
.mypage-info-area .certification-info .hospital-info .img img { width: 40px; height: 40px; }
.mypage-info-area .certification-info .hospital-info .map { position: absolute; top: 18px; left: 20px; z-index: 1; }
.mypage-info-area .certification-info .hospital-info .map img { width: 24px; height: 24px; }

.mypage-info-area .certification-info .hospital-info .info { float: left; width:calc(100% - 40px); height: 40px; padding: 0 65px 0 16px; }
.mypage-info-area .certification-info .hospital-info .info .title { position: relative; font-size: 13px; font-weight: 700; color: #343232; margin: 8px 0; display: block; width:100%; max-height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.mypage-info-area .certification-info .hospital-info .info .state { position: relative; position: absolute; top: 6px; right: 0; height: 24px; line-height: 24px; border-radius: 4px; border: 0; display: inline-block; padding: 0; text-align: center; color: #ff5a5c; font-size: 11px; font-weight: 400; padding-right: 24px; }
.mypage-info-area .certification-info .hospital-info .info .state:after { position: absolute; top: 50%; margin-top: -12px; right: 0; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }
.mypage-info-area .certification-info .hospital-info .undefined { text-align: center; font-size: 13px; font-weight: 700; color: #b6b6b6; }

.mypage-info-area .product-slide-area2 .slide-inner-product { margin: 0; }

.mypage-info-area .my-location-hospital { margin: 0; }

.simple-link { text-align: center; padding-top: 24px; }
.simple-link a { display: inline-block; margin: 0 12px; font-size: 11px; color: #b6b6b6; text-decoration:underline; }


.bottom-margin-area { background: #fff; border-bottom: 1px solid #e6e6e6; padding: 24px; margin: 0 0 8px; }
.bottom-margin-area .title-info { position: relative; margin: 0 0 16px; }
.bottom-margin-area .title-info h4 { height: 20px; margin: 0; line-height: 20px; font-size: 14px; font-weight: 700; color: #4a4545; }
.bottom-margin-area .title-info h4 a.help { display: inline-block; margin: -2px 0 0 2px; vertical-align: middle; width: 16px; height: 16px; background: url(/image/mobile/common/icon_question_mark.png) center center no-repeat; background-size: contain; }
.bottom-margin-area .title-info .standard { position: absolute; top: 2px; right: 0; display: inline-block; font-size: 11px; color: #868686; }
.bottom-margin-area .title-info .number { position: absolute; top: 2px; right: 0; display: inline-block; }
.bottom-margin-area .title-info .number span { display: inline-block; margin-left: 16px; font-size: 11px; color: #868686; }
.bottom-margin-area > .title-info { overflow: hidden; margin: 0 0 16px; }
.bottom-margin-area > .title-info > h4 { float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.bottom-margin-area > .title-info a { float: right; font-size: 11px; font-weight: 400; color: #b6b6b6; text-decoration: underline; }
.bottom-margin-area > .title-info .grand-total-price { float: right; font-size: 17px; font-weight: 900; color: #ff5a5c; }
.bottom-margin-area.type-b { padding: 24px 0; }
.bottom-margin-area .member-write-area + .sub-title-center-area { margin-top: 24px; }


.innner-write-area > ul > li { margin: 8px 0 8px; }
.innner-write-area > ul > li > label { position: relative; display: block; font-size: 12px; color: #868686; margin: 24px 0 8px; }
.innner-write-area > ul > li > label span { color: #ff5a5c; }
.innner-write-area > ul > li > label a { position: absolute; top: 0; right: 0; display: inline-block; font-size: 11px; font-weight: 400; color: #b6b6b6; text-decoration: underline; }
.innner-write-area .input + .btn-medium { margin-left: 4px; }
.innner-write-area select.input {  border-radius: 4px; }
.innner-write-area input[type="checkbox"] { margin-right: 4px; }
.innner-write-area.margin-top { margin-top: 8px; }
.innner-write-area hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }
.innner-write-area .input.type6 + .input.type6 { margin-left: 4px; }


.accordion-detail-info h4 { position: relative; cursor: pointer; background: #fff; font-size: 12px; font-weight: 400; color: #ff5a5c; margin: 24px 0 0; padding: 0 24px 0 0; text-align: center; }
.accordion-detail-info h4:after { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 8px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_arrow_select_down-red.png) center center no-repeat; background-size: contain; }
.accordion-detail-info h4.on:after { background: url(/image/mobile/common/icon_arrow_select_up-red.png) center center no-repeat; background-size: contain; }
.accordion-detail-info .content { background: #fff; width: 100%; height: auto; display: none; padding: 16px 0; overflow: hidden; }
.accordion-detail-info .content.on { display: block; }
.accordion-detail-info .content strong { float: left; font-size: 13px; }
.accordion-detail-info .content span { float: right; font-size: 13px; }
.accordion-detail-info h4 .order-user-name { float: right; padding-right: 16px; font-size: 12px; color: #4a4545; }


.detail-select-area { overflow: hidden; }
.detail-select-area .input.type8 { float: left; }
.detail-select-area .input.type8 + span { display: inline-block; float: left; height: 44px; line-height: 44px; padding: 0 8px; }
.detail-select-area .input.flexible { margin: 8px 0 0; }


.btn-split-group-area { overflow: hidden; }
.btn-split-group-area .btn-medium { float: left; margin: 0; margin-top: 8px; }
.btn-split-group-area .btn-medium.type4:nth-child(2n) { margin-left: 8px; }
.btn-split-group-area + hr { margin-top: 16px; }
.btn-split-group-area .btn-medium.type8:nth-child(2n) { margin-left: 6px; margin-right: 6px; }
.btn-split-group-area .btn-medium.type8 + .btn-medium.type4 { margin-left: 0; margin-right: 8px; }

.register-write-area .btn-split-group-area + hr { margin-top: 24px; }
.btn-split-group-area.not-margin-top .btn-medium { float: left; margin: 0; margin-top: 0; }



.regular-shipping-img-area > ul li.slider { text-align: center; }

/* regular-shipping-img */
.regular-shipping-img { width: 88px; height: 88px; margin: 32px auto 0; }
.regular-shipping-img .img { position: relative; width: 100%; height: 100%; background: url(/image/mobile/common/bg_profile_dotted.png) center center no-repeat; background-size: contain; overflow: hidden; border-radius: 50%; }
.regular-shipping-img .img.on { border: solid 3px #31b2ae; }
.regular-shipping-img .img img { width: 100%; height: 100%; overflow: hidden; margin-top: 0; }
.regular-shipping-img .img .plus { position:absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; display: inline-block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_plus.png) center center no-repeat; background-size: contain; }
.regular-shipping-img .img .name { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 20px; display: block; vertical-align: middle; text-align: center; font-size: 14px; font-weight: 500; color: #fff; z-index: 2; }
.regular-shipping-img .img.on .name { color: #31b2ae; font-size: 12px; }
.regular-shipping-img .img:after { position:absolute; top: 0; left: 0; content:''; display: inline-block; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3); border-radius: 50%; z-index: 1; }
.regular-shipping-img .img.on:after { display: none; }


.regular-shipping-list-area { position: relative; background: #fff; padding: 16px 0 0; border-radius: 6px; overflow: hidden; border: 1px solid #e6e6e6; }
.regular-shipping-list-area + .regular-shipping-list-area { margin: 16px 0 0; }
.regular-shipping-list-area .bottom-title { height: 29px; line-height: 29px; background-color: #f9f9f9; text-align: center; border-top: 1px solid #e6e6e6; }
.regular-shipping-list-area .bottom-title a { display: block; width: 100%; font-size: 11px; font-weight: 400; color: #b6b6b6; }
.regular-shipping-list-area .more { margin: 0 0 16px; text-align: center; }
.regular-shipping-list-area .btn-close { position: absolute; top: 8px; right: 8px; display: inline-block; width: 20px; height: 20px; background: url(/image/mobile/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; text-indent:-5000px; }
.regular-shipping-list-area .btn-close:hover { background: url(/image/mobile/common/icon_modal_close_s.png) center center no-repeat; background-size: contain; }
.regular-shipping-list-area .select-btn { text-align: center; margin: 0 auto 16px; width: 172px; border-radius: 14px; background-color: #f9f9f9; }
.regular-shipping-list-area .select-btn .progress { width: 84px; height: 28px; line-height: 28px; text-align: center; border-radius: 24px; background-color: #f9f9f9; font-size: 12px; color: #b6b6b6; }
.regular-shipping-list-area .select-btn .progress.on { background-color: #31b2ae; color: #ffffff; }
.regular-shipping-list-area .select-btn .stop { width: 84px; height: 28px; line-height: 28px; text-align: center; border-radius: 24px; background-color: #f9f9f9; font-size: 12px; color: #b6b6b6; }
.regular-shipping-list-area .select-btn .stop.on { background-color: #d6d6d6; color: #ffffff; }

.regular-shipping-list-area .img-info { overflow: hidden; padding: 0 16px 16px; }
.regular-shipping-list-area .img-info .img { position: relative; float: left; width: 60px; height: 60px; }
.regular-shipping-list-area .img-info .img > img { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }
.regular-shipping-list-area .img-info .set { position: absolute; top: 38px; right: 0; z-index: 1; }
.regular-shipping-list-area .img-info .set > img { width: 24px; height: 24px; }

.regular-shipping-list-area .img-info .info { float: left; width:calc(100% - 60px); height: 60px; padding: 10px 0 0 16px; }
.regular-shipping-list-area .img-info .info .title { font-size: 12px; color: #4a4545; margin: 0 0 4px; }
.regular-shipping-list-area .img-info .info .title strong { display: inline-block; font-size: 14px; font-weight: 700; color: #343232; margin: 0 2px 0 0; }
.regular-shipping-list-area .img-info .info .date { font-size: 10px; color: #b6b6b6; }
.regular-shipping-list-area .img-info .info .date span { display: inline-block; color: #868686; font-size: 11px; }
.regular-shipping-list-area .img-info .info .date span .date-input{ display: inline-block; color: #868686; font-size: 11px; width: 63px; margin-left: 2px;}
.regular-shipping-list-area .img-info .info .date .change-btn{background: #31b2ae;color: #fff;border-radius: 28px; width: 45px;}
.regular-shipping-list-area .img-info .info .title .modify { position: absolute; top: 0; right: 0; display: inline-block; font-size: 10px; text-align: center; font-weight: 400; color: #b6b6b6; line-height: 20px; text-decoration:underline; }
.regular-shipping-list-area .shipping-cycle { margin: 0 16px 16px; overflow: hidden; }
.regular-shipping-list-area .shipping-cycle strong { float: left; font-size: 11px; color: #b6b6b6; font-weight: 500; display: inline-block; width: 60px; height: 34px; line-height: 34px; }
.regular-shipping-list-area .shipping-cycle .input { float: right; width:calc(100% - 60px); padding: 7px 16px; border-radius: 4px; font-size: 12px; color: #4a4545; }


.next-guide-text { font-size: 11px; color: #ff5a5c; text-align: center; }
.next-guide-text + .btn-group-area { margin-top: 16px; }


.lately-month-list { overflow: hidden; }
.lately-month-list ul { overflow: hidden; float: left; width:calc(100% - 24px); }
.lately-month-list li { float: left; width:calc((100% - 24px)/3); margin-right: 8px; margin: 0 8px 0 0; }
.lately-month-list li .btn-small { width: 100%; }
.lately-month-list > div { float: left; height: 34px; line-height: 34px; }
.lately-month-list .btn-small.line-red { border: 2px solid #ff5a5c; }
.lately-month-list + .input.flexible { margin: 16px 0 0; padding: 8px 16px; border-radius: 3px; }
.sub-title-center-area + .lately-month-list { margin: 24px 0 0; }

.accordion-qna-view > ul > li { border-radius: 4px; border: solid 1px #e6e6e6; background: #fff; }
.accordion-qna-view > ul > li + li { margin: 16px 0 0; }
.accordion-qna-view .questions { position: relative; cursor: pointer; padding: 16px; }
.accordion-qna-view .questions:after { position: absolute; top: 16px; right: 16px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-qna-view .questions.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-qna-view .questions .state { display: inline-block; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; font-size: 11px; color: #868686; text-align: center; margin-right: 6px; }
.accordion-qna-view .questions .state.red { color: #ff5a5c; }
.accordion-qna-view .questions .state.green { color: #31b2ae; }
.accordion-qna-view .questions p.questions-info { font-size: 10px; color: #b6b6b6; margin: 8px 0 0; }
.accordion-qna-view .questions p.questions-info span { display: inline-block; margin-right: 6px; font-size: 10px; color: #b6b6b6; }
.accordion-qna-view .questions .questions-content { font-size: 12px; color: #4a4545; margin: 8px 0 0; }

.accordion-qna-view .content { display: none; margin: 0 16px 16px; padding: 16px; min-height: 82px; border-radius: 6px; background-color: #f9f9f9; }
.accordion-qna-view .content.on { display: block; }
.accordion-qna-view .content .comment-top-area { overflow: hidden; }
.accordion-qna-view .content .comment-info { float: left; }
.accordion-qna-view .content .comment-info .username { height: 17px; line-height: 17px; font-size: 11px; color: #31b2ae; }
.accordion-qna-view .content .comment-info .username:before { content: ''; display: inline-block; width: 20px; height: 20px; margin: -4px 0 0; vertical-align: middle;  background: url(/image/mobile/common/icon_comment_re.png) center center no-repeat; background-size: contain;	}
.accordion-qna-view .content .comment-right { float: right; }
.accordion-qna-view .content .comment-right .date span { font-size: 10px; color: #b6b6b6; }
.accordion-qna-view .content .comment-content-area p { font-size: 12px; color: #868686; margin: 10px 0 0; }

.accordion-qna-view .questions .slide-inner-product { overflow: hidden; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid #e6e6e6; }
.accordion-qna-view .questions .slide-inner-product .img { float: left; width: 60px; height: 60px; object-fit:cover; }
.accordion-qna-view .questions .slide-inner-product .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; transform:scale(1.0); transition:all 0.5s; }
.accordion-qna-view .questions .slide-inner-product .img img:hover { transform:scale(1.05); }
.accordion-qna-view .questions .slide-inner-product .info { float: left; display: block; width:180px !important; text-align: left; padding-left: 16px;  }


.in-use-regular-shipping { overflow: hidden; }
.in-use-regular-shipping > ul > li { position: relative; display: block; width: 100%; height: 72px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; padding: 0 24px; }
.in-use-regular-shipping > ul > li > a:after { position: absolute; top: 50%; margin-top: -12px; right: 12px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }
.in-use-regular-shipping > ul > li + li { margin: 16px 0 0; }
.in-use-regular-shipping .info { overflow: hidden; }
.in-use-regular-shipping .info > ul > li { float: left; }
.in-use-regular-shipping .info .interval { height: 72px; line-height: 40px; padding: 16px 24px 16px 0; }
.in-use-regular-shipping .info .interval span { display: inline-block; width: 58px; height: 23px; line-height: 23px; border-radius: 12px;  background-color: #ff5a5c; text-align: center; font-size: 10px; color: #fff; }
.in-use-regular-shipping .info .date { padding-top: 16px; font-size: 13px; color: #4a4545; }
.in-use-regular-shipping .info .date span { display: inline-block; font-weight: 700; color: #4a4545; margin: 0 0 0 8px; }
.in-use-regular-shipping .info .product-name {  width: 150px; font-size: 11px; color: #868686; margin: 4px 0 0; }


.point-used-list-area > ul > li { position: relative; display: block; width: 100%; height: 83px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; padding: 16px; }
.point-used-list-area > ul > li + li { margin: 16px 0 0; }
.point-used-list-area .info { overflow: hidden; }
.point-used-list-area .info > ul > li { float: left; line-height: 25px; }
.point-used-list-area .info .state span { display: inline-block; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; font-size: 11px; color: #868686; text-align: center; }
.point-used-list-area .info .price { display: inline-block; font-size: 13px; font-weight: 900; color: #ff5a5c; margin: 0 0 0 16px; }
.point-used-list-area .info .price.gray { color: #d6d6d6; }
.point-used-list-area .info .date { float: right; font-size: 10px; color: #b6b6b6; }
.point-used-list-area .info .content { clear: both; display: block; padding: 4px 0 0; font-size: 12px; color: #4a4545; }

/* 210823 chris
.coupon-used-list-area > ul > li { position: relative; display: block; width: 100%; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; padding: 16px; }
.coupon-used-list-area > ul > li + li { margin: 16px 0 0; }
*/
.coupon-used-list-area > ul > li { position: relative; display: block; width: 100%; padding: 0 1em; margin: 1em 0; }
.coupon-used-list-area .info { overflow: hidden; }
.coupon-used-list-area .info > ul > li { float: left; line-height: 25px; }
.coupon-used-list-area .info .state span { display: inline-block; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #ff5a5c; background-color: #ff5a5c; font-size: 11px; color: #fff; text-align: center; }
.coupon-used-list-area .info .state span.app { display: inline-block; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #31b2ae; background-color: #31b2ae; font-size: 11px; color: #fff; text-align: center; }
.coupon-used-list-area .info .price { display: inline-block; font-size: 13px; font-weight: 900; color: #ff5a5c; margin: 0 0 0 16px; }
.coupon-used-list-area .info .price.gray { color: #d6d6d6; }
.coupon-used-list-area .info .date { float: right; font-size: 10px; color: #b6b6b6; }
.coupon-used-list-area .info .content { clear: both; display: block; padding: 4px 0 0; font-size: 12px; color: #4a4545; line-height: 1.5em; }
.coupon-used-list-area .info .detail{width: 100%;color:#868686;}
.coupon-used-list-area .info .detail .detail-title{width: 60px; display: inline-block;}
.coupon-used-list-area .info .sub-detail{display: block;width: 100%;text-align: center;color: #868686;}
.coupon-used-list-area .info .sub-detail .sub-detail-puls{margin:0 5px; color:#ff5a5c;}
.coupon-used-list-area .info .sub-detail .sub-detail-cate-list{ text-align: left;}
.coupon-used-list-area .info .sub-detail .sub-detail-cate-list p{line-height: 1.5;color: #868686;}

/* 관리자 */
#header .menu { margin: 8px 12px 0 0; width:28px; height:28px; float:right; background:url(/image/mobile/common/icon_menu.png) center center no-repeat; background-size:contain; text-indent:-9999em;}
body.admin .full-popup .top { height:44px; text-align:center; overflow:hidden; }

.admin-title-area { padding: 32px 0 24px; border-bottom: 1px solid #e6e6e6; }
.admin-title-area h1 { height: 25px; font-size: 17px; font-weight: 700; line-height: 1.46; letter-spacing: -0.85px; text-align: center; color: #4a4545; }
.admin-title-area h1 + p { font-size: 11px; font-weight: 400; text-align: center; color: #868686; margin: 8px 0 0; }
.admin-title-area .img { text-align: center; margin: 0 auto 16px; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; }
.admin-title-area .img img { width: 100%; height: 100%; }


.admin-content-area { padding: 24px; }

.prescription-certification-info { height: 112px; border-radius: 6px; border: solid 1px #e6e6e6; padding: 16px; margin: 16px 0 0; }
.prescription-certification-info .total { float: left; width: 100px; margin-left:-8px }
.prescription-certification-info .total .title { font-size: 11px; color: #868686; text-align: center; padding: 8px 0; }
.prescription-certification-info .total .number { font-size: 20px; font-weight: 900; color: #4a4545; text-align: center; padding: 8px 0; }
.prescription-certification-info .detail { float: left; width:calc(100% - 100px); border-radius: 6px; background-color: #f9f9f9; padding: 16px; }
.prescription-certification-info .detail ul { overflow: hidden; }
.prescription-certification-info .detail ul + ul { margin: 6px 0 0; padding: 6px 0 0; border-top: 1px solid #e6e6e6; }
.prescription-certification-info .detail ul li { float: left; width: 50%; }
.prescription-certification-info .detail ul li:last-child { float: right; text-align: right; }
.prescription-certification-info .detail .title { color: #868686; }
.prescription-certification-info .detail .number { color: #b6b6b6; font-size: 13px; font-weight: 900; }
.prescription-certification-info .detail .number strong { color: #31b2ae; font-weight: 900; }


.cumulative-order-info { height: 112px; border-radius: 6px; border: solid 1px #e6e6e6; padding: 16px; margin: 0; }
.cumulative-order-info .total { float: left; width: 100px; }
.cumulative-order-info .total .title { font-size: 11px; color: #868686; text-align: center; padding: 8px 0; }
.cumulative-order-info .total .number { font-size: 20px; font-weight: 900; color: #4a4545; text-align: center; padding: 8px 0; }
.cumulative-order-info .detail { float: left; width:calc(100% - 100px); border-radius: 6px; background-color: #f9f9f9; padding: 16px; }
.cumulative-order-info .detail p { text-align: center; font-size: 11px; color: #868686; }
.cumulative-order-info .detail strong { display: block; text-align: center; font-size: 13px; font-weight: 900; color: #868686; margin: 8px 0 0; }

.prescription-certification-info + .cumulative-order-info { margin: 16px 0 0; }


.material-level-homepage-area { margin: 16px 0 0; }
.material-level-homepage-area li { height: 44px; border-radius: 6px; border: solid 1px #e6e6e6; padding: 12px 24px 12px 50px; line-height: 19px; overflow: hidden; }
.material-level-homepage-area li + li { margin: 8px 0 0; }
.material-level-homepage-area li span { float: left; font-size: 13px; color: #868686; }
.material-level-homepage-area li a { float: right; font-size: 11px; color: #b6b6b6; text-decoration:underline; }
.material-level-homepage-area li.material { background: url(/image/mobile/common/icon_download.png) 10px center no-repeat; background-size: 24px 24px; }
.material-level-homepage-area li.level { background: url(/image/mobile/common/icon_level.png) 10px center no-repeat; background-size: 24px 24px; }
.material-level-homepage-area li.homepage { background: url(/image/mobile/common/icon_homepage.png) 10px center no-repeat; background-size: 24px 24px; }
.material-level-homepage-area li.level .level-text { margin-left: 8px; }


.admin-menu-area li a { position: relative; display: block; font-size: 13px; font-weight: 500; padding: 16px 24px; border-bottom: 1px solid #e6e6e6; }
.admin-menu-area li a:after { position: absolute; top: 50%; right: 16px; margin-top: -12px; content:''; display:block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow.png) right center no-repeat; background-size: contain; }


.admin-lately-month-list { overflow: hidden; }
.admin-lately-month-list li { float: left; width:calc((100% - 16px)/3); margin-right: 8px; margin: 0 8px 0 0; }
.admin-lately-month-list li:last-child { margin-right: 0; }
.admin-lately-month-list li .btn-small { width: 100%; }
.admin-lately-month-list select.input { height: 34px; border-radius: 4px; padding: 6px 16px; margin: 0 0 16px; }
.admin-lately-month-list .btn-small.line-red { border: 2px solid #ff5a5c; }


.admin-prescription-list-area { margin-top: 16px; }
.admin-prescription-list-area > ul > li { position: relative; display: block; width: 100%; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; padding: 16px; }
.admin-prescription-list-area > ul > li + li { margin: 16px 0 0; }
.admin-prescription-list-area .info { overflow: hidden; }
.admin-prescription-list-area .info > ul > li { float: left; line-height: 25px; }
.admin-prescription-list-area .info .state span { display: inline-block; width: 74px; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #d6d6d6; background-color: #fff; font-size: 11px; color: #b6b6b6; text-align: center; }
.admin-prescription-list-area .info .state.green span { color: #31b2ae; }
.admin-prescription-list-area .info .date { float: right; font-size: 11px; color: #b6b6b6; }
.admin-prescription-list-area .info .name-age { clear: both; display: block; padding: 4px 0 0; font-size: 13px; color: #4a4545; font-weight: 700; }
.admin-prescription-list-area .info .img { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; border: 1px solid #e6e6e6; border-radius: 6px; margin-top: 16px; }
.admin-prescription-list-area .info .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform:scale(1.0); transition:all 0.5s; }
.admin-prescription-list-area .info .img img:hover { transform:scale(1.05); }
.admin-prescription-list-area .info .content { font-size: 12px; color: #868686; margin-top: 16px; line-height: 1.5; }
.admin-prescription-list-area .info .visit { float: right; font-size: 13px; color: #b6b6b6; font-weight: 700; padding: 4px 0 0; }


.admin-search-area { background: #fff; padding: 16px 0; margin: 8px 0 0; }
.admin-search-area .top { overflow: hidden; }
.admin-search-area .top select.input { float: left; display: block; width: 112px; height: 35px; padding: 4px 12px; font-size: 12px; }
.admin-search-area .top .search-area { float: right; width: 160px; margin: 0; padding: 0; }
.admin-search-area .top .search-area .btn-search { top: 4px; right: 20px; }
.admin-search-area .top .search-area input { font-size: 13px; }

.admin-content-area + .accordion-faq-area { border-top: 1px solid #e6e6e6; margin: 40px 0 0; }


.accordion-order-area { border-top: 1px solid #e6e6e6; margin: 24px 0 0; }
.accordion-order-area .title { position: relative; cursor: pointer; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 10px 24px 10px 0; min-height: 43px; font-size: 13px; font-weight: 400; }
.accordion-order-area .title:after { position: absolute; top: 50%; margin-top: -12px; right: 12px; content: ''; display: block; width: 24px; height: 24px; background: url(/image/mobile/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-order-area .title.on:after { background: url(/image/mobile/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.accordion-order-area .title span { display: inline-block; width: 100px; text-align: center; color: #868686; font-weight: 400; font-size: 11px; }
.accordion-order-area .title .subject { font-size: 14px; font-weight: 500; color: #4a4545; padding: 0 24px; }
.accordion-order-area .title .date { font-size: 11px; color: #868686; margin: 8px 0 0; padding: 0 24px; }
.accordion-order-area .content { background: #f9f9f9; width: 100%; min-height: 121px; display: none; border-bottom: 1px solid #e6e6e6; padding: 24px; overflow: hidden; font-size: 12px; color: #868686; }
.accordion-order-area .content.on { display: block; }


.book-list-area { padding: 24px 0 24px 24px;  }
.book-list-area + .book-list-area { border-top: 1px solid #e6e6e6; }
.book-box { width: 100%; height: auto; position: relative; }
.book-box > ul {display: inline-block; width: 100%; height: auto; }
.book-box > ul li.slider { display: block; width: 100%; height: auto; }
.book-box > ul li.slider:first-child { margin-left: 0; }
.book-box > ul li.slider > .product-img { float: left; width: 100px; }
.book-box > ul li.slider > .product-img > a { display: block; width: 100%; height: 0; padding-bottom: 143%; position: relative; transition: all 0.5s; overflow: hidden; overflow: hidden; }
.book-box > ul li.slider > .product-img > a > img { transform: scale(1.0); transition: all 0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.book-box > ul li.slider > .product-img > a: hover img { transform: scale(1.05); }
.book-box > ul li.slider > .product-title { float: left; width:calc(100% - 100px); height: auto; margin-top: 8px; padding: 0 24px 0 16px; font-size: 13px; color: #4a4545; }
.book-box > ul li.slider > .product-title > a { display: block; width:100%; max-height: 38px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.book-box > ul li.slider > .product-title > a: hover { text-decoration: underline; }
.book-box > ul li.slider > .product-ect { float: left; width:calc(100% - 100px); padding: 0 24px 0 16px; margin: 8px 0 0; }
.book-box > ul li.slider > .product-ect > ul { width: 100%; height: auto; }
.book-box > ul li.slider > .product-ect > ul > li.category { display: inline-block; padding: 0 16px; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #31b2ae; font-size: 11px; font-weight: 500; color: #31b2ae; }
.book-box > ul li.slider > .product-ect > ul > li.category a { color: #31b2ae; }
.book-box > ul li.slider > .product-ect > ul > li.download { display: inline-block; height: 24px; line-height: 24px; font-size: 11px; font-weight: 500; color: #b6b6b6; background: url(/image/mobile/common/icon_download.png) 0 center no-repeat; background-size: 24px 24px; padding-left: 28px; margin: 32px 0 0; }
.book-box > ul li.slider > .product-ect > ul > li.download a { display: inline-block; line-height: 24px; color: #b6b6b6; text-decoration:underline; }

/* type-b */
.book-box.type-b .category { display: inline-block; padding: 0 16px; height: 24px; line-height: 22px; border-radius: 12px; border: solid 1px #e6e6e6; font-size: 11px; font-weight: 500; color: #b6b6b6; margin: 0 0 16px; }
.book-box.type-b .category a { color: #b6b6b6; }
.book-box.type-b > ul li.slider { float: left; width:33.33%; height: auto; margin: 0;  }
.book-box.type-b > ul li.slider > .product-img { clear:both; float: none; width: 88px; }
.book-box.type-b > ul li.slider > .product-title { clear:both; float: none; width: 88px; height: auto; margin-top: 8px; padding: 0; font-size: 11px; color: #4a4545; }
.book-box.type-b > ul li.slider > .product-title > a { display: block; width:100%; max-height: 57px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.book-box.type-b > ul li.slider > .product-ect { clear:both; float: none; width: 88px; padding: 0; margin: 8px 0 0; }
.book-box.type-b > ul li.slider > .product-ect > ul > li.download { display: block; width: 70px; text-align: center; height: 24px; line-height: 24px; font-size: 11px; font-weight: 500; color: #b6b6b6; background: url(/image/mobile/common/icon_download.png) 0 center no-repeat; background-size: 24px 24px; padding-left: 24px; margin: 8px auto 0; }


.membership-benefits-area { padding: 24px; font-size: 13px; color: #4a4545; min-height: 400px; }


.lately-month-list { overflow: hidden; }
.lately-month-list ul { overflow: hidden; float: left; width:calc(100% - 36px); }
.lately-month-list li { float: left; width:calc((100% - 36px)/3); margin-right: 8px; margin: 0 8px 0 0; }
.lately-month-list li .btn-small { width: 100%; }
.lately-month-list > div { float: left; height: 36px; line-height: 0px; }
.lately-month-list > div .more { width: 36px; height: 36px; background: url(/image/mobile/new_common/btn_coupon_add.png) center center no-repeat; background-size: contain; }
.lately-month-list .btn-small.on { border: 2px solid #ff5a5c; }
.lately-month-list + .input.flexible { margin: 16px 0 0; padding: 8px 16px; border-radius: 3px; }
.sub-title-center-area + .lately-month-list { margin: 24px 0 0; }

/*2019-11-26 전경진 수정*/

.pg-integration .list ul { overflow: hidden; height: 67px; }
.pg-integration .list li { float: left; width: 25%; height: 100%; background: #f6f6f6; }
/* .pg-integration .list ul + ul li { border-bottom: 1px solid #e6e6e6; } */
.pg-integration .list li a { display: block; background: #fff; width: 100%; height: 100%; line-height: 1.5; text-align: center; font-size: 10px; color: #868686; padding: 7px 0; }
.pg-integration .list li a:before { content: ''; display: block; width: 60px; height: 32px; margin: 0 auto 4px; }
.pg-integration .list li.n1 a:before { background: url(/image/mobile/common/icon_pg_integration_01.png); background-size: contain; }
.pg-integration .list li.n2 a:before{ background: url(/image/mobile/common/icon_pg_integration_02.png); background-size: contain; }
.pg-integration .list li.n3 a:before{ background: url(/image/mobile/common/icon_pg_integration_02.png); background-size: contain; }
.pg-integration .list li.n4 a:before{ background: url(/image/mobile/common/icon_pg_integration_04.png); background-size: contain; }
.pg-integration .list li.n5 a:before{ background: url(/image/mobile/common/icon_pg_integration_05.png); background-size: contain; }
.pg-integration .list li.n6 a:before{ background: url(/image/mobile/common/icon_pg_integration_06.png); background-size: contain; }
.pg-integration .list li.n7 a:before{ background: url(/image/mobile/common/icon_pg_integration_07.png); background-size: contain; }
.pg-integration .list li.n8 a:before{ background: url(/image/mobile/common/icon_pg_integration_08.png); background-size: contain; }
/*
2019-12-18 빨간색 hover 삭제
.pg-integration .list li.on,
.pg-integration .list li:hover { border: 2px solid #ff5a5c; cursor: pointer; }
*/
.pg-integration .list li.on { border: 2px solid #ff5a5c; cursor: pointer; }

.pg-integration .list li.n1,
.pg-integration .list li.n1 a{ border-radius: 6px 0 0 0; }
.pg-integration .list li.n4,
.pg-integration .list li.n4 a { border-radius: 0 6px 0 0; }
.pg-integration .list li.n5,
.pg-integration .list li.n5 a { border-radius: 0 0 0 6px; }
.pg-integration .list li.n8,
.pg-integration .list li.n8 a { border-radius: 0 0 6px 0; }
/*
2019-12-18 빨간색 hover 삭제
.pg-integration .list li.on a,
.pg-integration .list li:hover a { color: #ff5a5c; }
*/
.pg-integration .list li.on a { color: #ff5a5c; }

/*
2019-12-18 빨간색 hover 삭제
.pg-integration .list li.n7.on,
.pg-integration .list li.n7:hover,
.pg-integration .list li.n8.on,
.pg-integration .list li.n8:hover { border: 1px solid #e6e6e6; cursor: default; }
*/
.pg-integration .list li.n7.on,
.pg-integration .list li.n8.on { border: 1px solid #e6e6e6; cursor: default; }



/*2019-12-02 전경진 수정*/
.member-title-area p { text-align: center; margin: 40px 0; }
.comp-tab-contents-area2 { background: #f9f9f9; }

.filter-slide-area { height:43px; }
.filter-slide-area ul li { line-height: 39px; font-size: 13px; color: #868686; text-align: center; }
.filter-slide-area ul li.on span { display: inline-block; color: #ff5a5c; font-weight: 700; border-bottom: 2px solid #ff5a5c; }


/* 상품정보 아래 내용 */
.product_info_tab_contents{display:none;}
.product_info_tab_contents.on {display:block;}

/* 장바구니 아래 내용 */
.cart_tab_contents{display:none;}
.cart_tab_contents.on {display:block;}


/*2019-12-06 박상준 사은품 배너 이미지로 수정(업체요청)*/
.product-gifts-area > a { display:block; width:100%; height:auto; overflow:hidden;}
.product-gifts-area > a > img { display:block; width:100%; display:block; height:100%; object-fit:cover;}



/* 2019-12-06 전경진 수정 */
.prescription-code-area.type-b { padding: 0; margin: 0; text-align: left; }
.prescription-code-area.type-b .prescription-code .top { background-color: #fff; }
.prescription-code-area.type-b .prescription-code .top .modify { position: absolute; top: 0; right: 0; display: inline-block; font-size: 10px; text-align: center; font-weight: 400; color: #b6b6b6; line-height: 20px; text-decoration:underline; }


.pg-integration { line-height: 1.5; font-size: 10px; color: #868686; border: 1px solid #e6e6e6; border-radius: 6px; overflow: hidden; padding-bottom: 1px; margin: 0 0 10px; }
.pg-integration .list ul { overflow: hidden; height: 67px; }
.pg-integration .list li { float: left; width: 25%; height: 100%; background: #f6f6f6; }
.pg-integration .list li + li { border-left: 1px solid #e6e6e6; }
.pg-integration .list ul + ul li { border-top: 1px solid #e6e6e6; }
.pg-integration .list li a { display: block; background: #fff; width: 100%; height: 100%; line-height: 1.5; text-align: center; font-size: 10px; color: #868686; padding: 7px 0; }
.pg-integration .list li a:before { content: ''; display: block; width: 60px; height: 32px; margin: 0 auto 4px; }
.pg-integration .list li a.p-method-credit:before { background: url(/image/mobile/common/icon_pg_integration_01.png); background-size: contain; }
.pg-integration .list li a.p-method-account:before { background: url(/image/mobile/common/icon_pg_integration_02.png); background-size: contain; }
.pg-integration .list li a.p-method-deposit:before { background: url(/image/mobile/common/icon_pg_integration_02.png); background-size: contain; }
.pg-integration .list li a.p-method-lpay:before { background: url(/image/mobile/common/icon_pg_integration_04.png); background-size: contain; }
.pg-integration .list li a.p-method-naver:before { background: url(/image/mobile/common/icon_pg_integration_05.png); background-size: contain; }
.pg-integration .list li a.p-method-kakao:before { background: url(/image/mobile/common/icon_pg_integration_06.png); background-size: contain; }
.pg-integration .list li a.p-method-virtual:before { background: url(/image/mobile/common/icon_pg_integration_08.png); background-size: contain; }
/*
2019-12-18 빨간색 hover 삭제
.pg-integration .list li.on a,
.pg-integration .list li a:hover { border: 2px solid #ff5a5c; cursor: pointer;}
*/
.pg-integration .list li.on a { border: 2px solid #ff5a5c; cursor: pointer;}

/*
2019-12-18 빨간색 hover 삭제
.pg-integration .list li.on a,
.pg-integration .list li a:hover { color: #ff5a5c; }
*/
.pg-integration .list li.on a { color: #ff5a5c; }

.pg-integration .list li a.none { background-color: #f9f9f9; }
.pg-integration .list li a.none:hover { border: 0; cursor: default; }

/* 스크롤 커스텀 *
::-webkit-scrollbar { width: 6px; height:100px; border-radius:3px;}
::-webkit-scrollbar-track { background:#f6f6f6; border-radius:3px;}
::-webkit-scrollbar-thumb { background: #d6d6d6; border-radius:3px;}
::-webkit-scrollbar-thumb:hover { background:#d6d6d6; border-radius:3px;}
*/
.prescription-guide-img { width: 280px; height: 347px; font-size: 12px; border-radius: 8px; border: solid 1px #e6e6e6; overflow-y: auto; margin: 24px 0 0; }
.prescription-guide-img img { width: 100%; height: auto; }
.prescription-guide-img img + img { margin: 8px 0 0; }

.payment-guide-text { font-size: 12px; color: #868686; margin: -8px 0 0; letter-spacing: -0.6px; }
.payment-guide-text + .inner-select-chk + .input.flexible { height: 44px; line-height: 42px; margin: 8px 0 0; }
.payment-guide-text + .input.flexible { height: 44px; margin: 8px 0 0; }
.payment-guide-text + .input.flexible + .input.flexible { height: 44px; line-height: 42px; margin: 8px 0 0; }

.modal-layer-area.virtual-account-guide { width: 328px; border-radius: 12px; }
.modal-layer-area.virtual-account-guide .guide-text { padding: 24px 20px; border-radius: 8px; background-color: #f9f9f9; min-height: 200px; margin: 24px 0 0; font-size: 12px; color: #868686; }

.comp-tab-contents-area.type-e > .grid.split-2 > span { width: 50%; display: block; }

.modal-layer-area.prescription-guide { margin-top: 40px; width: 328px; border-radius: 12px; }
.prescription-guide-img { width: 100%; height: 384px; font-size: 12px; border-radius: 8px; border: solid 1px #e6e6e6; overflow-y: scroll; margin: 24px 0 0; }
.prescription-guide-img img { width: 100%; height: auto; }
.prescription-guide-img img + img { margin: 8px 0 0; }

.category-encyclopedia-area.d4 ul li { width: 25%; }
.category-encyclopedia-area.d4 ul li a.on span { color: #ff5a5c; }

.btn-medium.icon-plus { font-weight: 700; color: #b6b6b6; }
.btn-medium.icon-plus img { width: 24px; height: 24px; vertical-align: middle; margin-right: 8px; }

.member-write-area .select-calendar .input + .input { margin-left: 8px; }
.member-write-area .select-calendar .type-month { margin: 0; }

.input.square { border-radius: 0; }
.input.type9 { width:calc((100% - 32px)/4); }
.member-write-area .input.type9 + .input.type9 { margin-left: 8px; }

.select-calendar div { padding: 4px 12px; }

.password-insert { display: inline-block; width: 100%; height: 100%; }
.password-insert .input { float: left; width: 72px; height: auto; text-align: center; }
.password-insert .help-text { float: left; height: 35px; line-height: 35px; padding-left: 8px; font-size: 12px; color: #868686; margin: 0; }

select { padding: 8px 16px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(/image/mobile/common/icon_select_arrow_down.png) right 8px center no-repeat; background-size: 24px 24px; }
select.input::-ms-expand { display: none; }

.select-calendar select { width: 100%; }

.coupon-area li {float:left;width:100%;padding:5px 0px;}
.coupon-area li input{float:left;}
.coupon-area li p{float:left;text-align:left;padding-left:10px;}


/*191218 박상준 /수정 요청 시작 */
.order-select-info { display:inline-block; width:100%; height:auto; }
.order-select-info .payment-guide-text { font-size: 12px; color: #868686; margin: 8px 0 0px; letter-spacing: -0.6px; }
.order-select-info .title-info { padding-top:24px; border-top:1px solid #e6e6e6; margin-top:24px; width:100%; display:inline-block; height:auto;}
.order-select-info .title-info > h4 {  float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545;  }


/* 2019-12-18 전경진 */
.shipping-address-area p.tel { display: inline-block; margin-right: 16px; }
.shipping-management-top { background: #fff; padding: 24px 24px 8px; }
.shipping-management-top .title-info h4 { font-size: 14px; font-weight: 700; margin-bottom: 0; }
.shipping-management-top .register-write-area.type-b { padding-top: 16px; }
.shipping-management-list { background: #fff; padding: 0 24px 24px; overflow: hidden; }
.shipping-management-list > ul > li { margin: 16px 0 0; }
.full-popup .shipping-management-top .title-info h4 { font-size: 17px; text-align: center; }
.full-popup .insert textarea.input.flexible { padding: 16px; }
.full-popup .product-view-qna { border-bottom: 0; }
.full-popup .product-view-qna .guide-text p { font-size: 12px; color: #868686; }
.full-popup .sub-title-center-area { margin: 32px 0 0; }
.full-popup .product-view-reviews-insert { border-bottom: 0; padding-top: 0; }


.new-delivery-insert { display:none;}


/* 2019-12-19 전경진 */
/*주문완료*/
.order-result-area { background: #fff; margin: -16px 0 8px; text-align: center; }
.order-result-area img { display: block; margin: 16px auto 0; width: 100px; height: 100px; }
.order-result-title { height: 27px; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.9px; text-align: center; color: #4a4545; margin: 0 0 12px; }
.order-result-address { font-size: 11px; line-height: 1.46; letter-spacing: -0.65px; text-align: center; color: #868686; }
.order-result-area .btn-small { margin: 32px 2px 48px; width: 152px; height: 40px; line-height: 39px; padding: 0; font-size: 12px; margin: 24px 0; }
.order-result-area .btn-small + .btn-small { margin-left: 6px;  }

.sub-title-small-not-line-area { height: auto; margin: 24px 0 0; padding: 0 0 12px; overflow: hidden; }
.sub-title-small-not-line-area h1 { float: left; font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: -1.2px; text-align: left; color: #4a4545; }
.bottom-margin-area .sub-title-small-not-line-area:first-child { margin: 0; }

/*게시판 보기 공통*/
.board-view-area > ul { width:100%; position:relative; }
.board-view-area > ul + ul { margin-top: 24px; }
.board-view-area > ul > li { font-size: 13px; color: #868686; }
.board-view-area > ul > li.board-view-title { font-size: 12px; border-right: 0; color: #868686; margin-bottom: 8px; }

.bottom-margin-area { border-bottom: 0; }

.full-popup .register-write-area { border-bottom: 0; padding-top: 0; }
.register-write-area .sub-title-center-area + .qna-view-type-b { margin-top: 24px; }
.qna-view-type-b > ul > li { border-radius: 4px; border: solid 1px #e6e6e6; background: #fff; }
.qna-view-type-b > ul > li + li { margin: 16px 0 0; }
.qna-view-type-b .area { padding: 16px; }
.qna-view-type-b .area p.date { font-size: 10px; color: #b6b6b6; margin: 8px 0 0; }
.qna-view-type-b .area .content { font-size: 12px; color: #4a4545; margin: 8px 0 0; }
.qna-view-type-b .qna-title { display: inline-block; width: 100%; height: auto; }
.qna-view-type-b .qna-title .title { float: left; height: 25px; line-height: 25px; font-size: 11px; font-weight: 700; }
.qna-view-type-b .qna-title .state { float: right; height: auto; width: 55px; height: 25px; line-height: 23px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; font-size: 11px; color: #868686; text-align: center; margin-right: 6px; }
.qna-view-type-b .qna-title .state.red { color: #ff5a5c; }
.qna-view-type-b .qna-title .state.green { color: #31b2ae; }
.qna-view-type-b .area .content + .qna-title { margin: 16px 0 0; }
.qna-view-type-b .area .re { border-radius: 6px; background-color: #f9f9f9; padding: 14px 16px 24px; }
.qna-view-type-b .area .re .re-title { display: inline-block; width: 100%; height: auto; }
.qna-view-type-b .area .re .re-title .title { float: left; font-size: 11px; color: #31b2ae; background: url(/image/mobile/common/icon_comment_re.png) left center no-repeat; background-size: 20px 20px; padding-left: 24px; }
.qna-view-type-b .area .re .re-title .date { float: right; height: auto; font-size: 10px; color: #b6b6b6; }

.pets-interests-select button { height: 25px; font-size: 12px; margin: 0 4px 4px 0; padding: 0 8px; }


/* 2020.01.02 허정진 추가 */
.input.file {
    width: 100%;
    padding: 3px;
}
.product-view-reviews-insert .insert li.rating .title.file { float: none; height: 20px; font-size: 14px; font-weight: 700; margin: 4px 0 10px; }
.title.file { float: none; height: 20px; font-size: 14px; font-weight: 700; margin: 4px 0 10px; }
.guide-filename{margin-bottom: 3px; color:#8c8b8b;}
.guide-filename *{color:#8c8b8b;}
.img.file{border: solid 1px #e6e6e6;display:block;margin:0 auto;}
.btn-medium.line-red:hover small{color: #fff;}

.product-view-fixed-btn-group { height: 50px; }
.product-view-fixed-btn-group .btn-medium2:first-child,
.product-view-fixed-btn-group .btn-medium2{ height:40px;line-height:1; }
.product-view-fixed-btn-group_period .btn-medium2:first-child,
.product-view-fixed-btn-group_period .btn-medium2{ height:40px;line-height:1; }

/* 주문/결제 => 무통장 입금 => 사업자 번호 입력 input box 간격 조정   http://13.209.136.29/shop/order.php? */
#od_cash_reciept_saupja{
    height: 44px;
    line-height: 42px;
    margin: 8px 0 0;
}


/* 2020.01.06 허정진 추가 */
/* 메인화면 강아지,고양이 프로필 => 자연스럽게 화면 넘어 가기 위해서 영역을 미리 확보한다
#pets-slide-area {height : 120px;} */
.loading{position:absolute;width:100%;text-align:center;padding-top:30%;}
.loading h5, .loading i{color:#808080}

.cart-list-product-info p.product-title a { font-size: 12px; font-weight: bold; }
/*sso 회원가입 완료 페이지*/
.sso-join-img-app-area .slick-slide img { width:100%; }
.sso-join-img-app-area .sso-join-result-btn-grp { width: 80%; display: flex; margin: -110px auto;}
.sso-join-img-app-area .sso-join-result-btn-grp a { font-size:16px;}

.btn-hp-auth-input{ width: 100%; height: 33px; border: 1px solid #f6f6f6;background: #f6f6f6;color: #868686}
.flexible-hp { width: 100%; }


#review_columns .figure{border:.5px solid #b6b6b6;border-radius:7px;margin-bottom:10px;padding:20px;}
#review_columns .figure .review-product-thumb{width:100%;}
#review_columns .figure img{width:100%;border-radius: 7px;}
#review_columns .figure div{width:100%;font-size:14px;}
#review_columns .figure figcaption{border-top:.5px solid #b6b6b6;margin-top:14px;margin-bottom:14px;color:#b6b6b6;font-size:12px;}
.review-content-insert{border-radius:7px;display:inline-block;width:100%;padding-left:20px;background:#30b2ae;border:none;}
.review-content-insert p{font-size:50px;color:#fff;float:left;display:inline-table;}
.review-content-insert div{float:left;margin:20px;}
.review-content-insert div .review-insert-li-1{font-size:16px;color:#fff;}
.review-content-insert div .review-insert-li-2{font-size:12px;color:#fff;font-weight:700;}
#review_columns .review-product-content2{margin-top:10px;color:#b6b6b6;}
#review_columns .review-pet-box{display:flex;}
#review_columns .review-pet-box .review-pet{font-size:15px;margin-right:5px;font-weight:700;}
#review_columns .review-pet-box .pet-dog{color:#30b2ae;}
#review_columns .review-pet-box .pet-cat{color:#eb5a5b;}
#review_columns .review-product-title{color:#4a4545;}
#review_columns .review-date{float:right;}
#review_columns .review-product-content4,#review_columns figcaption span{color:#b6b6b6;}
.comp-tab-contents-area .cus-grid{text-align:center;background:none;padding:0;}
.comp-tab-contents-area .cus-grid button{border:none;border-right:1px solid #868686;color:#868686;font-size:14px;border-radius:0;padding:0 10px;}
.comp-tab-contents-area .cus-grid button.revi-btn-end{border:none;color:#868686;font-size:14px;border-radius:0;padding:0 10px;}
.comp-tab-contents-area .cus-grid button.active-a{border:none;border-right:1px solid #868686;color:#30b2ae;font-size:14px;font-weight:700;border-radius:0;padding:0 10px;}
.comp-tab-contents-area .cus-grid button.active-b{border:none;color:#30b2ae;font-size:14px;font-weight:700;border-radius:0;padding:0 10px;}
.search-sub-title-area.reivew-search-sub .c1_idx{width: 100%;}
.search-sub-title-area.reivew-search-sub .order-select-right{text-align:end;margin:20px 0;}
.search-sub-title-area.reivew-search-sub .order-select-right .input{width:100px;}
.search-sub-title-area.reivew-search-sub .search-sub-title-area-type-a{display:flex;margin:20px 0;}
.product-large-img .soldout_restock{ position: absolute; width: 100%; text-align: center; bottom: 10px; font-size: 20px; color:#fff; }
.product-img .soldout_restock{ position: absolute; width: 100%; text-align: center; bottom: 2px; font-size: 10px; color:#fff; }
.product-large-img .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 20px; color:#fff;background-color: rgba(255, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059)";padding-bottom: 10px;padding-top: 10px; }
.product-img .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 10px; color:#fff; background-color: rgba(255, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059)";padding-bottom: 2px;padding-top: 2px; }
.slide-inner-product .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 10px; color:#fff;background-color: rgba(255, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ea000059, endColorStr=#ea000059)";padding-bottom: 2px;padding-top: 2px; }

.quick-middle-cate { overflow: hidden; white-space: nowrap; }
.quick-middle-cate li{padding-right:10px; display: inline-block;width: 23%;}
.quick-middle-cate li a img{ width: 100%;}
.shopping-category-list{padding:5px 10px 5px 10px;}
.shopping-category-list .title{font-size: 15px;padding: 10px 5px 5px;}
.shopping-category-list .title .cat{color: #ff5a5c;}
.shopping-category-list .title .dog{color: #30b2ae;}

/* ppvd */
.ppvd-search-items{margin: 20px;}
.ppvd-ck-button label {margin: 4px;border-radius: 4px;overflow: auto;float: left;/* width: 67px; */text-align: center;width: calc(100%/5 - 8px);padding: 4px;color:#fff;}
.ppvd-ck-button label span{text-align:center;display:block;padding:3px 0;}
.ppvd-ck-button label input{position:absolute;top:-20px;}
.ppvd-ck-button input:checked + span{background-color:#911;color:#fff;}
.ppvd-sarc-hp-type select{width:calc(100%/2 - 7px);border:1px solid #d6d6d6;border-radius:5px;margin-left:5px;margin-top:5px;padding:4px 11px;}
.ppvd-sarc-hp-name{position:relative;margin-top:5px;}
.ppvd-sarc-hp-name input{border:1px solid #d6d6d6;width:calc(100% - 7px);margin:5px;padding:4px 11px;}
.ppvd-sarc-hp-name button{position:absolute;right:14px;bottom:9px;font-size:17px;}
.ppvd-sarc-hp-name button img{width:29px;}
.ppvd-hp-list{padding-bottom:10px;margin:20px;}
.ppvd-hp-list .ppvd_type{padding-top:8px;}
.ppvd-hp-list .ppvd_type span.ppvd_title{display:inline-block;padding-right:8px;}
.ppvd-hp-list .ppvd_type span.btn_ppvd{border-radius:4px;text-align:center;width:calc(100%/6);font-size:10px;display:inline-block;margin:2px;padding:3px;}
.ppvd-hp-list ul li.ppvd_left .ppvd_name{font-size:15px;font-weight:700;color:#ff5a5c;padding-bottom:10px;}
.ppvd-hp-list ul li.ppvd_left .ppvd_name a{float:right;display:inline-block;border:1px solid #ff5a5c;text-align:center;border-radius:4px;font-size:12px;padding:2px 9px;}
.ppvd-hp-list ul li.ppvd_left .ppvd_name a i{color:#ff5a5c;font-size:15px;}
.ppvd-hp-list ul li.ppvd_left .ppvd_address span{font-size: 10px;color: #b9b9b9;display: inline-block;margin-left: 5px;}
.ppvd-hp-list .ppvd-hp-content{border:1px solid #d6d6d6;margin-bottom:10px;border-radius:7px;padding:20px;}
.ppvd-conent{background:#fff;}
.ppvd-conent .btn-hp-type1{width: 110px; background-color:#ff5a5c;border:1px solid #ff5a5c;}
.ppvd-conent .btn-hp-type2{width: 080px; background-color:#31b2ae;border:1px solid #31b2ae;}
.ppvd-conent .ppvd_Liveclear{background-color:#ccc;border:1px solid #ccc;}
.ppvd-conent .ppvd_FortiFlora{background-color:#A1A2D1;border:1px solid #A1A2D1;}
.ppvd-conent .ppvd_DRM{background-color:#0099dc;border:1px solid #0099dc;}
.ppvd-conent .ppvd_DM{background-color:#e6002c;border:1px solid #e6002c;}
.ppvd-conent .ppvd_EN{background-color:#00a094;border:1px solid #00a094;}
.ppvd-conent .ppvd_HA{background-color:#70ba2b;border:1px solid #70ba2b;}
.ppvd-conent .ppvd_JM{background-color:#fbc825;border:1px solid #fbc825;}
.ppvd-conent .ppvd_NC{background-color:#fed700;border:1px solid #fed700;}
.ppvd-conent .ppvd_NF{background-color:#b5720d;border:1px solid #b5720d;}
.ppvd-conent .ppvd_OM{background-color:#f08509;border:1px solid #f08509;}
.ppvd-conent .ppvd_UR{background-color:#d62889;border:1px solid #d62889;}
.ppvd-conent .ative{background-color:#fff;color:#4a4545;}
.ppvd-top-content{margin:25px;}
.ppvd-top-content a{float:right;margin-top:-2px;border-radius:5px;color:#fff;background-color:#4a4545;padding:2px 8px;}
.ppvd-top-content a i{color:#fff;font-size:15px;}
.modal-layer-area.ppvd h5.title{float:left;margin-top:-20px;font-size:15px;font-weight:700;padding-right:30px;}
.modal-layer-area.ppvd{border-radius:12px;}
.modal-layer-area.ppvd .modal-content{padding-top:20px;}
.modal-layer-area.ppvd .modal-content table{width:100%;text-align:left;}
.modal-layer-area.ppvd .modal-content table th span{background-color:#fff;width:65px;display:inline-block;border-radius:5px;text-align:center;margin:5px;padding:2px;}

.old-terms-list{margin-top: 5px;position: relative;font-size: 12px;}
.old-terms-list .btn-privacy-popup{border: 1px solid #ebebeb;border-radius: 5px;color: #4a4545;display: block;padding: 5px 15px;}
.old-terms-list .btn-privacy-popup i{float: right;margin-top: 4px;}
.old-terms-list .privacy-popup{display:none;position: absolute;background: rgb(255, 255, 255);width: 100%;border: 1px solid #ebebeb;padding: 5px 15px;}
.old-terms-list .privacy-popup p{border-bottom: 1px solid #eee;padding-bottom: 6px;}
.old-terms-list .privacy-popup p a {float: right;background: #d00000;padding: 0px 10px;border-radius: 4px;color: #fff;}

.ol2input { vertical-align: baseline; border: 1px solid #e6e6e6; width: 90px !important; padding: 0px 1em; margin: 0 1em; }
.ol2btn { vertical-align: baseline; }