@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; }
.mobile-only{display: none !important; }
.pc-only{display: block !important; }
#wrapper { width: 100%; height: 100%; position: relative; }

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 10px 0 0; padding: 0; cursor: pointer; border-radius: 2px; border: 1px solid #e6e6e6; background: #fff; }
input[type="checkbox"]:checked { background:#ff5a5c url(/image/web/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: 12px; line-height: 1.55; text-align: left; color: #868686; 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:6px;
}

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


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


.btn-small2 { display: inline-block; width: 57px; height: 24px; line-height: 22px; border: solid 1px #4a4545; background-color: #ffffff; font-size: 11px; font-weight: 400; letter-spacing: -0.65px; text-align: center; color: #868686; border-radius: 4px; transition:all 0.5s; }
.btn-small2.line-gray { border: solid 1px #e6e6e6; background-color: #ffffff; color: #868686; }
.btn-small2.line-gray:hover { border: solid 1px #e6e6e6; background-color: #f6f6f6; color:#767676; }

.btn-small { border-radius: 4px; }
.input.square,
.btn-small.square,
.btn-medium.square { border-radius: 0; }


/* 가로 사이즈 타입 */
.input.type1 { }
.input.type2 { width: 200px; }
.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.type9 { width:calc((100% - 31px)/2); }
.input.type10 { width: 71px; }

.btn-small.type1 { width: 57px; }
.btn-small.type2 { width: 70px; }
.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.type9 { width: 98px; }
.btn-small.type10 { width: 90px; }


.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.type9 { width: 152px; }

.working-hours-input { overflow: hidden; width: 300px; }
.working-hours-input span { display: inline-block; margin: 0 9px; }

.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/web/common/icon-my-location.png) 10px center no-repeat; background-size: 24px 24px; }
.btn-medium.icon-regular-shipping { padding-left: 22px; background: url(/image/web/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/web/common/icon_card.png) 10px center no-repeat; background-size: 24px 24px; font-size: 12px; }


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

.btn-group-area { margin: 32px 0 0; text-align: center; }
.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; }
.btn-group-area:after { content: ''; display: block; clear: both; }
.btn-group-area .btn-group-left { float: left; width: 50%; text-align: left; }
.btn-group-area .btn-group-right { float: right; width: 50%; text-align: right; }
.btn-group-area.type-c { margin: 0; }
.btn-group-area + .paginate-area { margin: 0; }

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

/* Paginate */
.btn-group {margin: 30px 0 0;text-align: center;}
.paginate {
    display: inline-block; margin: 0 auto;
    font-size: 0;
    border: 1px solid #ccc; border-radius: 3px;
}
.paginate * {
    display: inline-block; margin: 0; padding: 6px 13px;
    border-left: 1px solid #ccc;
    font-size: 12px; color: #222;
    font-family: Verdana, sans-serif;
    letter-spacing: -1px;
    min-width: 32px;
    text-align: center;
}
.paginate *:first-child {border-left: none;}
.paginate a {text-decoration: none;}
.paginate strong {font-weight: normal; background: #444f5c; color: #fff;}
.paginate .dir {font-weight: bold;}

/*======================================
1. 공통 요소 영역 (헤더/푸터/퀵메뉴 등)
======================================*/
body { background: #fff; }

/*========== 헤더 시작 ==========*/
#wrapper > header { border-bottom: 1px solid #e6e6e6;  background:#fff; width: 100%; height:auto; margin: 0 auto; position: relative; z-index: 100; }

#header {  position:relative; width: 1080px; height: 132px; margin: 0 auto; background: rgba(255,255,255,1); transition: all 0.5s;  }
#header.scroll-up {-webkit-transform: translateY(-168px); -ms-transform: translateY(-168px); transform: translateY(-168px); }

.login-wrapper { width: 360px; margin: 40px auto 0; }

.sub-inner-wrap { width: 1080px; margin: 0 auto; }
.sub-inner-wrap:after { content: ''; display: block; clear: both; }
.sub-inner-wrap .sub-inner-left { float: left; width: 180px; }
.sub-inner-wrap .sub-inner-content { float: right; width: 870px; }

/*접히는 최상단배너*/
.fold-banner-area { position:relative; width: 100%; height: 80px; transition: all 0.5s; }
.fold-banner-area > a { display: block; width: 100%; height: 100%; }
.fold-banner-area > a > span { width: 32px; height: 32px; display: block; position: absolute; right: 0; top: 48px; border: 1px solid #e6e6e6; z-index: 101; background: #fff url(/image/web/common/icon_arrow_fold_up.png) no-repeat center center; background-size: contain; cursor: pointer; transition: all 0.5s; }
.fold-banner-area.on { height:0;}
.fold-banner-area.on > a > span { top: 0; width: 32px; height: 32px; background: url(/image/web/common/icon_arrow_fold_down.png) no-repeat center center; background-size: contain; }
.fold-banner-area > a > span:hover { border:1px solid #b6b6b6; }

/*------modified 2019-09-24 박상준 / z-index 관
.fold-banner-area { width:100%; height:80px;transition:all 0.5s; }
.fold-banner-area > a { display:block; width:100%; height:100%;}
.fold-banner-area > a > span { width:32px; height:32px; display:block; position:absolute; right:0; top:80px; border:1px solid #e6e6e6; z-index:1000;background:url(/image/web/common/icon_arrow_fold_up.png) center center no-repeat; background-size:contain; cursor:pointer; transition:all 0.5s;}
/*------modified 2019-09-24 박상준 / z-index 관련 오류 수정 및 img 태그구


/*상단유틸영역*/
.util-area { float: right; height: 32px; }
.util-area .top { display: inline-block; width: 100%; height: auto; }
.util-area .top li { float: left; height: 32px; padding: 0 16px; }
.util-area .top .cart { position: relative; border-right: 1px solid #e6e6e6; }
.util-area .top .cart img { width: 32px; height: 32px; }
.util-area .top .cart .new { position: absolute; top: 3px; left: 50%; margin-left: 5px; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: url(/image/web/common/icon_new.png) center center no-repeat; background-size: contain; }
.util-area .top .btn-util-popup { position: relative; height: 40px; margin-top: -4px; padding-right: 19px; cursor: pointer; }
.util-area .top .btn-util-popup:after { position: absolute; top: 12px; right: 0; content:''; display: block; width: 16px; height: 16px; background: url(/image/web/common/icon_arrow_small_red_down.png) center center no-repeat; background-size: contain; }
.util-area .top .btn-util-popup.on:after { position: absolute; top: 12px; right: 0; content:''; display: block; width: 16px; height: 16px; background: url(/image/web/common/icon_arrow_small_red_up.png) center center no-repeat; background-size: contain; }

div.util-area div.top ul li.login a { font-size: 13px; color: #ff5a5c; font-weight: bold; }

.util-area .top .btn-util-popup .pets-img { width: 40px; height: 40px; margin: 0 auto; }
.util-area .top .btn-util-popup .pets-img .img { overflow:hidden; }
.util-area .top .btn-util-popup .pets-img .img.on:before { display: none; }
.util-area .top .btn-util-popup .pets-img .img.on { border: solid 2px #ff5a5c; border-radius: 50%; }
.util-area .top .btn-util-popup .pets-img .img.on:after { display: none; }

/*상단 유틸팝업*/
.util-popup { display:none; background:#fff; position:absolute; border:1px solid #e6e6e6; right:0; top:72px; min-width: 180px; padding: 16px; border-radius: 4px; text-align: left; z-index:1000;overflow: visible; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.util-popup .pet-list { margin: 0 0 16px; }
.util-popup .pet-list li { position: relative; text-align: left; }
.util-popup .pet-list li > a { width:100%; height:100%; display:inline-block; }
.util-popup .pet-list li a:hover .name { color:#ff5a5c; }
.util-popup .pet-list li a:hover .img { border:2px solid #ff5a5c; border-radius: 50%; }
.util-popup .pet-list li:after { content: ''; display: block; clear: both; }
.util-popup .pet-list li + li { margin-top: 8px; }
.util-popup .pet-list .pets-img { position:relative; float: left; width: 40px; height: 40px; border: 2px dashed #e6e6e6; border-radius: 50%; }
.util-popup .pet-list .pets-img .img { overflow:hidden;  }
.util-popup .pet-list .pets-img.on:before { position:absolute; top: -2px; right: -3px; content:''; display: inline-block; width: 16px; height: 16px; background: url(/image/web/common/icon_chk_on.png) center center no-repeat; background-size: contain; border-radius: 50%; z-index: 2; }
.util-popup .pet-list .pets-img.on .img { border: solid 2px #ff5a5c; border-radius: 50%; }
.util-popup .pet-list .pets-img .img.on:after { display: none; }
.util-popup .pet-list .pets-img + .name { float: left; margin: 10px 0 0 12px; font-size: 12px; font-weight: 500; color: #b6b6b6; transition:all 0.5s;}
.util-popup .pet-list .pets-img + .name.on { color: #ff5a5c; }
.util-popup .menu { padding: 16px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.util-popup .menu li + li { margin-top: 8px; }
.util-popup .menu a { display: block; font-size: 12px; color: #4a4545; }
.util-popup .menu a:hover { text-decoration: underline; }
.util-popup .loginout { overflow: hidden; margin: 16px 0 0; }
.util-popup .loginout .log { float: left; }
.util-popup .loginout .log a { font-size: 12px; font-weight: 700; color: #ff5a5c; }
.util-popup .loginout .vet { float: right; }
.util-popup .loginout .vet a { transition:all 0.5s; display: inline-block; width: 65px; height: 25px; line-height: 23px; text-align: center; border: solid 1px #31b2ae; font-size: 11px; font-weight: 500; color: #31b2ae; }
.util-popup .loginout .vet a:hover { color:#fff; background:#31b2ae; }

.util-popup .popoup-guide { position: relative; position: absolute; top: 24px; left: -250px; width: 270px; height: 34px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; font-weight: 500; color: #868686; padding: 7px 16px; border-radius: 5px; z-index: 1; }
.util-popup .popoup-guide .close { position:absolute; top: 6px; right: 6px; }
.util-popup .popoup-guide .close img { width: 22px; height: 22px; }






/*상단GNB*/
.gnb-top-area { width: 100%; display: inline-block; width: 100%; height: auto; margin-top: 28px; }
.gnb-top-area .inner-wrap { width: 1080px; height: 100%; margin: 0 auto; position: relative; }
.gnb-top-area .inner-wrap h1 { width: 230px; height: 38px; float: left; margin: 0; line-height: 0; background: url(/image/web/common/logo.png) center center no-repeat; background-size: contain; }
.gnb-top-area .inner-wrap h1 > a { display: block; width: 100%; height: 100%; text-indent: -9999em; }

 /*하단GNB*/
.gnb-bot-area { width: 100%; height: 45px; margin: 17px 0 10px;  }
.gnb-bot-area .inner-wrap { width: 1080px; margin: 0 auto; }
.gnb-bot-area .inner-wrap .category-all { width: 68px; height: 35px; float: left; }
.gnb-bot-area .inner-wrap .category-all > a { position: relative; display: block; width: 100%; height: 100%; padding-left: 40px; font-size: 15px; color: #ff5a5c; line-height: 35px; font-weight: 500; letter-spacing: -0.75px; }
.gnb-bot-area .inner-wrap .category-all > a:before { position: absolute; top: 0; left: 0; content: ''; display: block; overflow: hidden; width: 40px; height: 30px; background: url(/image/web/common/icon_category_all.png) center center no-repeat; background-size: contain; }
.gnb-bot-area .inner-wrap .gnb-nav { float: left; margin-left: 20px; }
.gnb-bot-area .inner-wrap .gnb-nav li { float: left; }
.gnb-bot-area .inner-wrap .gnb-nav li a { display: inline-block; position: relative; font-size: 15px; font-weight: 500; line-height: 35px; margin: 0 15px; color: #4a4545; transition: all 0.5s; }
.gnb-bot-area .inner-wrap .gnb-nav li:last-child a { margin-right: 0; }
.gnb-bot-area .inner-wrap .gnb-nav li a:hover { color: #ff5a5c; }
.gnb-bot-area .inner-wrap .gnb-nav li a:before {content: ''; width: 0; height: 2px; background: #ff5a5c; left: 0; bottom: -1px; display: block; position: absolute; transition: width 0.3s ease; }
.gnb-bot-area .inner-wrap .gnb-nav li a:hover:before { width: 100%; }
.gnb-bot-area .inner-wrap .category-all .category-menu { width: 180px; height: auto; margin: 6px 0 0; overflow:hidden; position: relative; z-index: 100; border-radius:4px; box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.gnb-bot-area .inner-wrap .category-all .category-menu > ul {  display: none; width: 180px; height:auto; background: #fff; border: 1px solid #e6e6e6; box-sizing: border-box; position: relative;  }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li { padding:16px 0;  position:relative; width: 100%; height:auto; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li {border-bottom:1px solid #e6e6e6; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > a { font-weight:500; display: block; width: 100%; height: 100%; position: relative; font-size: 13px; line-height: 36px; padding-left: 16px; color: #868686; transition: all 0.5s; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > a:hover { color: #ff5a5c; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li:hover { color: #4a4545; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li:hover > a { font-size:13px; color: #4a4545; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li:hover > a:hover { color: #ff5a5c; }
/*
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li:hover > a:after { position: absolute; top: 10px; left: 144px; content: ''; display: block; overflow: hidden; width: 16px; height: 16px; background: url(/image/web/common/icon_category_arrow_right.png) center center no-repeat; background-size: contain; }
*/
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > a img { vertical-align: middle; width: 24px; height: 24px; margin: -2px 8px 0 0; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li:hover > ul { display:block; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > ul {  width: 100%; height:auto; display:block; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > ul > li { width: 100%; height: 32px; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > ul > li:first-child { margin-top: 8px; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > ul > li > a { display: block; width: 100%; height: 100%; position: relative; font-size: 12px; line-height: 32px; padding-left: 24px; color: #868686; transition: all 0.5s; }
.gnb-bot-area .inner-wrap .category-all .category-menu > ul > li > ul > li > a:hover { color: #ff5a5c; }





.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/web/common/icon_search.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; }


.gnb-bot-area .search-area { float: right; position: relative; width: 300px; height: 35px; background-color: #f6f6f6; border-radius: 18px; overflow: hidden; margin: 0; padding: 0; }
.gnb-bot-area .search-area input[type="text"] { width: 100%; height: auto; background-color: #f9f9f9; margin: 0; border: none; padding: 8px 16px; font-size: 13px; color: #4a4545; }
.gnb-bot-area .search-area .btn-search { position: absolute; top: 0; right: 8px; width: 40px; height: 35px; font-size: 0; line-height: 0; text-align: center; border: none; }
.gnb-bot-area .search-area .btn-search:after { content: ''; display: block; width: 100%; height: 100%; background: url(/image/web/common/icon_search.png) center center no-repeat; background-size: contain; }

/*========== 헤더 끝 ==========*/

/*========== 푸터 시작 ==========*/
footer { margin: 0 auto; width: 100%; height: auto; position: relative; margin-top: 200px; }
#footer { width: 100%; height: auto; border-top: 1px solid #e6e6e6; padding-bottom: 70px; background: #464646; }
/*하단유틸영역*/
#footer .footer-util-select { position: relative; width: 1080px; margin: 0 auto; padding: 16px 0; border-bottom: 1px solid #5b5b5b; }
#footer .footer-util-select:after { content: ''; clear: both; }

#footer .footer-util-area { float: left; padding-top: 4px; }
#footer .footer-util-area:after { content: ''; clear: both; }
#footer .footer-util-area > ul { float: left; }
#footer .footer-util-area > ul > li { display: inline-block; margin-left: 16px; }
#footer .footer-util-area > ul > li:first-child { margin-left: 0; }
#footer .footer-util-area > ul > li > a { font-size: 12px; color: #d6d6d6; transition: all 0.5s; }
#footer .footer-util-area > ul > li > a:hover { text-decoration: underline; }
#footer .footer-util-area > ul > li > a span { color: #fd8d8e;font-weight: bold; font-size: 12.5px; }

#footer .footer-select-area { float: right; overflow: hidden; }
#footer .footer-select-area h1 { margin: 0; line-height: 1; float: left; }
#footer .footer-select-area select { float:right; vertical-align: middle; margin: 0; width: 140px; height: 34px; padding-left: 16px; border-radius: 5px; background: #464646; border: 1px solid #fff; font-size: 12px; color: #fff; line-height: 1; }

#footer .footer-info-area { position: relative; width: 1080px; margin: 0 auto; height: auto; }
#footer .footer-info-area .footer-logo { float: left; width: 212px; padding-top: 79px; }

#footer .footer-sns-mark { float: right; padding-top: 32px; }
#footer .footer-sns-mark .sns { overflow: hidden; }
#footer .footer-sns-mark .sns li { float: left; margin-left: 8px; }
#footer .footer-sns-mark .sns li img { width: 40px; height: 40px; }
#footer .footer-sns-mark .mark { text-align: right; padding-top: 16px  }
#footer .footer-sns-mark .mark img { width: 72px; height: 72px; }

#footer .footer-copyright-area { float: left; overflow: hidden; padding-top: 28px }
#footer .footer-copyright-area > div { display: block; text-align: left; margin-top: 0; }
#footer .footer-copyright-area > div > ul { margin-top: 0; }
#footer .footer-copyright-area > div > ul > li > strong { display: inline-block; font-size: 12px; color: #d6d6d6; font-weight: 500; }
#footer .footer-copyright-area > div > ul > li > span { display: inline-block; font-size: 11px; color: #d6d6d6; margin-right: 16px; }
#footer .footer-copyright-area > div > ul > li > em {display: block; font-size: 11px; color: #b6b6b6; margin-top: 24px; }
#footer .footer-copyright-area > div > ul > li > span a { color: #e6e6e6; text-decoration: underline; font-size: 11px; }
/*========== 푸터 끝 ==========*/

/*========== 퀵메뉴 시작 ==========*/
#quick-menu-area { width: 72px; height: auto;  overflow: hidden; z-index: 100; position: fixed; right: 50%; top: 250px; margin-right: -700px; background: #fff; border-radius: 2px; transition: all 0.5s; }
#quick-menu-area.scroll-fixed { position: fixed; top: 120px; }
#quick-menu-area > .quick-slider-area { border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; width: 100%; height: auto; padding: 16px 10px 10px; text-align: center; position: relative; }
#quick-menu-area > .quick-slider-area > h4 { display: block; font-size: 10px; color: #4a4545; margin-bottom: 8px; }
#quick-menu-area > .quick-slider-area .li.slick-slide:last-child { margin-bottom: 0!important; }
#quick-menu-area > .quick-slider-area > ul { display: inline-block; width: 100%; height: auto; }
#quick-menu-area > .quick-slider-area > ul li.slider { float: left; width: 50px; height: 50px; display: block; margin-bottom: 8px; overflow: hidden; transition: all 0.5s; }
#quick-menu-area > .quick-slider-area > ul li.slider:hover { border: 1px solid #ff5a5c; }
#quick-menu-area > .quick-slider-area > ul li.slider:last-child { margin-bottom: 0; }
#quick-menu-area > .quick-slider-area > ul li.slider > a { width: 100%; height: 100%; display: block; }
#quick-menu-area > .quick-slider-area > ul li.slider > a > img { max-width: 100%; display: block; border: none; }
#quick-menu-area > .quick-util-area { width: 100%; height: auto; }
#quick-menu-area > .quick-util-area > ul li { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  width: 100%; height: 30px; border-bottom: 1px solid #e6e6e6; text-align: center; margin: 0 auto; }
#quick-menu-area > .quick-util-area > ul li:first-child { border-top: 1px solid #e6e6e6; }
#quick-menu-area > .quick-util-area > ul li > a { display: block; width: 100%; height: 100%; font-size: 10px; color: #868686; line-height: 30px; transition: all 0.5s; }
#quick-menu-area > .quick-util-area > ul li > a:hover { background: #f9f9f9; text-decoration: underline; }
#quick-menu-area > .quick-to-top { width: 100%; height: 30px; background: #ff5a5c; text-align: center; margin: 0 auto; }
#quick-menu-area > .quick-to-top > a { display: block; width: 100%; height: 100%; position: relative; padding-top: 4px; }
#quick-menu-area > .quick-to-top > a > span { font-family: 'Lato'; font-size: 10px; color: #fff; font-weight: 600; }
#quick-menu-area > .quick-to-top > a > span:before { content: ''; display: block; width: 10px; height: 10px; background: url(/image/web/common/icon_quick_arrow_up.png) center center no-repeat; background-size: contain; position: absolute; top: 2px; left: 50%; margin-left: -5px; }
#quick-menu-area > .quick-slider-area > .slider-arrow { width: 34px; height: 16px; position: absolute; right: 50%; margin-right: -17px; bottom: 8px; }
#quick-menu-area > .quick-slider-area > .slider-arrow .btn-prev { width: 16px; height: 16px; border: 1px solid #e6e6e6; position: absolute; top: 0; left: 0; }
#quick-menu-area > .quick-slider-area > .slider-arrow .btn-prev > span { width: 16px; height: 16px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_left_small.png) left center no-repeat; background-size: contain; cursor: pointer; }
#quick-menu-area > .quick-slider-area > .slider-arrow .btn-next { width: 16px; height: 16px; border: 1px solid #e6e6e6; position: absolute; top: 0; right: 0; }
#quick-menu-area > .quick-slider-area > .slider-arrow .btn-next > span {width: 16px; height: 16px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_right_small.png) left center no-repeat; background-size: contain; cursor: pointer; }
#quick-menu-area > .quick-slider-area > .slider-arrow > .btn-prev:hover { background: #f9f9f9; }
#quick-menu-area > .quick-slider-area > .slider-arrow > .btn-next:hover { background: #f9f9f9; }
#quick-menu-area > .quick-slider-area .slick-counter { display: block; width: 100%; height: 20px; }
#quick-menu-area > .quick-slider-area .slick-counter span { display: none; padding: 0 1px; font-size: 10px; color: #868686; }
/*========== 퀵메뉴 끝 ==========*/



/*======================================
2. 메인페이지 영역 (메인페이지 관련)
======================================*/

/*========== 메인비주얼 시작 ==========*/
#main-banner { width: 100%; position: relative; margin:0 auto;}
#main-banner > .main-banner-area { width: 100%; height: 440px; position: relative; overflow: hidden; }
#main-banner > .main-banner-area > ul { display: inline-block; position: relative; width: 100%; height: 100%; }
#main-banner > .main-banner-area > ul li.slider { display: block; float: left; width: 100%; height: 100%; }
#main-banner > .main-banner-area > ul li.slider > a { display: block; width: 100%; height: 440px; }
#main-banner > .main-banner-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -22px; left: 300px; width: 44px; height: 44px; display: block; opacity: 0; }
#main-banner > .main-banner-area .slider-arrow .btn-prev > span { width: 44px; height: 44px; position: absolute; display: block; top: 0; left: 0; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
#main-banner > .main-banner-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -22px; right: 300px; width: 44px; height: 44px; display: block; transition: all 0.5s; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; opacity: 0; background-size: contain; }
#main-banner > .main-banner-area .slider-arrow .btn-next > span { width: 44px; height: 44px; position: absolute; display: block; top: 0; left: 0; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
#main-banner > .main-banner-area:hover .slider-arrow .btn-prev { left: 320px; opacity: 1}
#main-banner > .main-banner-area:hover .slider-arrow .btn-next { right: 320px; opacity: 1}
#main-banner > .main-banner-area .slider-arrow > div { transition: all 0.5s; }
#main-banner > .main-banner-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }
#main-banner > .main-banner-area .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; height: 40px; padding: 0; margin: 0; list-style: none; text-align: center; }
#main-banner > .main-banner-area .slick-dots > li { position: relative; transition: all 0.5s; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; background: #fff; border-radius: 50%; }
#main-banner > .main-banner-area .slick-dots li.slick-active { background: #ff5a5c; }
#main-banner > .main-banner-area .slick-dots li:hover { background: #ff5a5c; }
/*========== 메인비주얼 끝 ==========*/


/*======================================
3. 서브페이지
======================================*/

/*서브페이지레이아웃*/
#content { width: 1080px; margin: 40px auto 0; }
body.index #content { width: 100%; }
body.member #content { width: 720px; margin: 60px auto; }


/*************************************************/

/* pets-img */
.pets-img { width: 88px; height: 88px; margin: 0 auto; }
.pets-img .img { position: relative; width: 100%; height: 100%; }
.pets-img .img.on { border: solid 3px #ff5a5c; border-radius: 50%; }
/*.pets-img .img a { display:inline-block; width:100%; height:100%; }*/
.pets-img .img a { display:inline-block; width:100%; height:100%; border-radius: 50%; overflow: hidden; }
.pets-img .img img { width: 100%; height: 100%; overflow: hidden; margin-top: 0; border-radius: 50%; }
.pets-img .img.on:before { position:absolute; top: 0; right: 0; content:''; display: inline-block; width: 24px; height: 24px; background: url(/image/web/common/icon_chk_on.png) center center no-repeat; background-size: contain; border-radius: 50%; z-index: 3; }
.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/web/common/icon_plus.png) center center no-repeat; background-size: contain; }
.pets-img .img .name { position: relative; 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%; text-align: center; font-size: 14px; font-weight: 500; color: #ffffff; padding: 32px 0; z-index: 2; }
.pets-img .img .name span { display: inline-block; font-size: 12px; font-weight: 400; color: #ffffff; }
.pets-img .img .name.color-gray { color: #b6b6b6; }
.pets-img.not-chk .img.on:before { display: none; }


/* modal */
.modal-layer-area { min-width: 328px; border-radius: 12px; }
.modal-layer-area button.b-close.modal-close { position:absolute; top:16px; right:16px;width:32px; height:32px;background:url(/image/web/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.option-normal { position: fixed; top: auto!important; bottom: 40px!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/web/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; }

.main-fit-recommend { width: 1080px; height: 93px; border-radius: 12px; border: solid 2px #e6e6e6; background-color: #ffffff; margin: 32px auto 0; padding: 28px 32px; text-align: center; overflow: hidden; }
.main-fit-recommend .title-info { float: left; height: 32px; line-height: 32px; }
.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 { float: right; height: 32px; line-height: 32px; font-size: 14px; color: #868686; }
.main-fit-recommend .list { float: left; text-align: center; margin: 0 0 0 24px; }
.main-fit-recommend .list ul { display: inline-block; overflow: hidden; }
.main-fit-recommend .list li { float: left; margin: 0 3px; }
.main-fit-recommend .list li a { display: block; height: 32px; line-height: 30px; border-radius: 4px; border: solid 1px #31b2ae; font-size: 13px; 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: 32px; height: 32px; }
.main-fit-recommend .list li a.on { background: #31b2ae; border: solid 1px #31b2ae; color: #fff; }


.main-recommend-info { width: 1080px; margin: 0 auto; background: #fff; padding: 60px 0; margin: 0 auto; }
.main-recommend-info .title-info { width: 100%; margin: 0 auto 24px; }
.main-recommend-info .title-info h4 { margin: 0; line-height: 1; font-size: 24px; font-weight: 700; color: #4a4545; }
.recommend-slide-area { position: relative; width: 100%; }
.recommend-slide-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; left: 50%; margin-left: -596px; width: 40px; height: 40px; display: block; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.recommend-slide-area .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.recommend-slide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; right: 50%; margin-right: -580px; width: 40px; height: 40px; display: block; transition: all 0.5s; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.recommend-slide-area .slider-arrow .btn-next > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.recommend-slide-area .slider-arrow > div { transition: all 0.5s; }
.recommend-slide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }
ul > li.slider { display: none; }
.recommend-img { margin: 0 32px 0 0; }
.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: -16px; width: 100%; display: block; text-align: center; font-size: 18px; font-weight: 400; color: #ffffff; z-index: 1; }
.recommend-img .img .title.tag {font-size: 26px;font-weight: bold;line-height: 1.5;text-shadow: black 0px 0px 5px;}

.main-brand-icons-area { background: #fff; width: 1080px; margin: 0 auto; padding: 0 0 30px; line-height: 0; }
.main-brand-icons-area li.slider img { padding: 1px 1px 1px 2px; }
.main-brand-icons-area .main-brand-slide-area { position: relative; width: 1080px; background: #fff; padding: 0; }
.main-brand-slide-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; left: 50%; margin-left: -596px; width: 40px; height: 40px; display: block; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.main-brand-slide-area .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.main-brand-slide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; right: 50%; margin-right: -596px; width: 40px; height: 40px; display: block; transition: all 0.5s; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.main-brand-slide-area .slider-arrow .btn-next > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.main-brand-slide-area .slider-arrow > div { transition: all 0.5s; }
.main-brand-slide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }

.main-middle-banner { background: #fff; width: 1080px; margin: 0 auto -30px; padding: 50px 0 0; line-height: 0; }

.main-fit-recommend + .main-product-list-area { border: 0; }
.main-product-list-area { background: #fff; width: 1080px; margin: 0 auto; padding: 0; }
.main-product-list-area .title-info { position: relative; display: block; height: auto; margin: 130px 0 35px; display: inline-block; width: 100%; height: auto; }
.main-product-list-area .title-info h4 { float: left; margin: 0; height: 36px; line-height: 36px; font-size: 24px; 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: 24px; font-weight: 700; color: #31b2ae; }
.main-product-list-area .title-info a { float: right; height: 36px; line-height: 36px; font-size: 12px; color: #b6b6b6; text-decoration: underline; }
.main-product-list-area .title-info .number { display: inline-block; float: right; font-size: 12px; color: #b6b6b6; height: 36px; line-height: 36px; }
.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 { position: relative; width: 1080px; background: #fff; padding: 0; }

.product-slide-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; left: 50%; margin-left: -596px; width: 40px; height: 40px; display: block; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.product-slide-area .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.product-slide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; right: 50%; margin-right: -596px; width: 40px; height: 40px; display: block; transition: all 0.5s; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.product-slide-area .slider-arrow .btn-next > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.product-slide-area .slider-arrow > div { transition: all 0.5s; }
.product-slide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }

.pet-encyclopedia ul li .title:before { content: "#"; }
.pet-encyclopedia ul li .title {position: absolute; top: calc(50% - 30px); left: 0; width: 247px; text-align: center; color: white; text-shadow: black 0 0 13px; font-size: 26px; font-weight: bold;}

/* slide-inner-product */
.slide-inner-product { width: 100%; padding: 0 24px 0 0; margin: 0; }
.slide-inner-product .img { position: relative; width: 100%; border-radius: 8px; overflow: hidden; }
.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:before { content: "#"; }
.slide-inner-product .img .subject { position: absolute; top: calc(50% - 13px); left: 0; width: 100%; font-size: 26px; color: #ffffff; font-weight: bold; line-height: 1.5; letter-spacing: -0.6px; text-align: center; z-index: 1; }
.slide-inner-product .img .hot { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #ed1c24; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ffffff; text-transform: uppercase; z-index: 1; }
.slide-inner-product .img .sale { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #fff; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ed1c24; text-transform: uppercase; z-index: 1; }

.slide-inner-product .info { overflow: hidden; text-align: left; }
.slide-inner-product .title { margin: 12px 0; display: block; width: 100%; height: 19px; font-size: 14px; line-height: 1.46; letter-spacing: -0.65px; color: #4a4545; text-align: left; overflow:hidden; }
.slide-inner-product .title a { 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; }
.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 .membership { margin: 16px 0 0; font-size: 10px; color: #ff5a5c; }
.slide-inner-product .member-price { float: left; font-size: 15px; font-weight: 900; color: #ff5a5c; }
.slide-inner-product .origin-price { float: left; font-size: 12px; color: #b6b6b6; text-decoration: line-through; margin: 3px 0 0 6px; }
.slide-inner-product .routine-price { clear:both; float: left; font-size: 13px; color: #31b2ae; font-weight: 900; margin: 2px 0 0; height: 19px; line-height: 19px; }
.slide-inner-product .dc { float: left; font-size: 11px; color: #31b2ae; margin: 3px 0 0 4px; height: 19px; line-height: 19px; }
.slide-inner-product .pd-close-time { float: left; font-size: 11px; color: #000; margin: 0px; height: 19px; line-height: 19px; }

.slide-inner-product.type-b { padding: 0 16px 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 16px 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-event-zone .title-info h4 { color: #31b2ae; }
.main-event-zone .title-info { padding-top: 0; }

.main-instagram-area { background: #fff; width: 1080px; margin: 80px auto; }
.main-instagram-area .title-info { position: relative; display: block; height: auto; margin: 0 0 16px; display: inline-block; width: 100%; height: auto; }
.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: 24px; font-weight: 700; color: #4a4545; }
.main-instagram-area .instagram-slide-area { position: relative; width: 100%; background: #fff; padding: 0; }
.instagram-slide-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; left: 50%; margin-left: -596px; width: 40px; height: 40px; display: block; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.instagram-slide-area .slider-arrow .btn-prev span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.instagram-slide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; right: 50%; margin-right: -596px; width: 40px; height: 40px; display: block; transition: all 0.5s; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.instagram-slide-area .slider-arrow .btn-next span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.instagram-slide-area .slider-arrow > div { transition: all 0.5s; }
.instagram-slide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }


.sub-title-area { position: relative; height: auto; margin: 0; padding: 0 0 12px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.sub-title-area h1 { float: left; height: 36px; font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: -1.2px; text-align: left; color: #4a4545; }
.sub-title-area h1 small { height: 36px; line-height: 36px; font-size: 13px; font-weight: 500; color: #4a4545; display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; }
.sub-title-area .step { float: right; overflow: hidden; height: 36px; line-height: 36px; }
.sub-title-area .step li { float: left; font-size: 14px; color: #b6b6b6; }
.sub-title-area .step li:after { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0; width: 18px; height: 18px; background: url(/image/web/common/icon_step_arrow.png) center center no-repeat; background-size: contain; }
.sub-title-area .step li:last-child:after { display: none; }
.sub-title-area .step li.on { color: #4a4545; }
.sub-title-area .right { float: right; }
.sub-title-area .input.plan-title { float: left; height: 40px; padding: 0 16px 0 0; border: 0; width: auto; font-size: 24px; font-weight: 700; color: #4a4545; }


.search-results-area .results { padding: 40px 0; text-align: center; font-size: 13px; color: #868686; }
.search-results-area .results-sub { margin: 60px 0 0; text-align: left; overflow: hidden; padding-bottom: 16px; border-bottom: 1px solid #4a4545; }
.search-results-area .results-sub:first-child { margin: 0; }
.search-results-area .results-sub h4 { float: left; height: 27px; line-height: 27px; font-size: 18px; font-weight: 700; color: #4a4545; }
.search-results-area .results-sub a { float: right; height: 27px; line-height: 27px; font-size: 12px; color: #b6b6b6; text-decoration: underline; }

.category-brand-area { border: 1px solid #e6e6e6; padding: 24px; }
.category-brand-area + .category-brand-area { margin-top: 24px; }
.category-brand-area .title { font-size: 12px; font-weight: 500; color: #4a4545; margin: 0 0 16px; }
.category-brand-area ul + ul { margin: 24px 0 0; }
.category-brand-area li { float: left; margin: 0 24px 0 0; }
/* 2020-01-06  허정진 수정 */
/*.category-brand-area li { float: left; margin: 0 24px 0 0; width:20%;}*/
.category-brand-area li { display:inline-block; margin: 0 40px 0 0; }
/* 2019-12-22 */
.category-brand-area li a { display: block; font-size: 12px; color: #868686; }
.category-brand-area li a:hover { text-decoration: underline; }
/* 2019-12-22 세로길이 때문에 
.detail-search-area { overflow: hidden; margin-top: 24px;}
.detail-search-area > ul > li { float: left; width:calc((100% - 32px)/5); border: 1px solid #e6e6e6; padding: 24px; font-size: 12px; color: #868686; line-height: 1.5; height: 198px; }
*/
.detail-search-area { overflow: hidden; margin-top: 24px; border: 1px solid #e6e6e6;padding:5px;}
.detail-search-area > ul > li { float: left; width:calc((100% - 32px)/5); border: 1px solid #e6e6e6; padding: 24px; font-size: 12px; color: #868686; line-height: 1.5; }

.detail-search-area > ul > li + li { margin-left: 8px; }
.detail-search-area > ul > li h5 { font-size: 12px; font-weight: 500; color: #4a4545; margin: 0 0 15px; line-height: 1; }
.detail-search-area > ul > li li + li { margin: 12px 0 0; }
.detail-search-area > ul > li .material { display: inline-block; width: 100%; height: auto; }
.detail-search-area > ul > li .material li { float: left; width: 50%; margin: 0 0 12px; }
.detail-search-area + hr { margin-top: 60px; }


/*상품리스트*/
.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; height: 110px; }
.product-box .product-title a { width: 100%; font-size: 14px; color: #343232; display: block; height: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -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: 14px; color: #31b2ae; font-weight: 900; margin: 4px 0 0; }
.product-box .dc { float: left; font-size: 12px; color: #31b2ae; margin: 4px 0 0 4px; }
.product-box .pd-close-time { clear:both; float: left; font-size: 11px; color: #000; margin: 0px; height: 19px; line-height: 19px; }
.product-box .product-img .hot { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #ed1c24; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ffffff; text-transform: uppercase; z-index: 1; }
.product-box .product-img .sale { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #fff; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ed1c24; text-transform: uppercase; z-index: 1; }


.review-box .review-img { position: relative; }
.review-box .review-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; }
.review-box .product-info { margin: 12px 0 0; height: 90px; }
.review-box .product-title a { width: 100%; font-size: 14px; color: #343232; display: block; height: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.review-box .membership { margin: 8px 0 0; font-size: 10px; color: #ff5a5c; }
.review-box .member-price { float: left; font-size: 14px; font-weight: 900; color: #ff5a5c; }
.review-box .origin-price { float: left; font-size: 11px; color: #b6b6b6; text-decoration: line-through; margin: 3px 0 0 6px; }
.review-box .routine-price { clear:both; float: left; font-size: 14px; color: #31b2ae; font-weight: 900; margin: 4px 0 0; }
.review-box .dc { float: left; font-size: 12px; color: #31b2ae; margin: 4px 0 0 4px; }
.review-box .pd-close-time { clear:both; float: left; font-size: 11px; color: #000; margin: 0px; height: 19px; line-height: 19px; }
.review-box .product-img .hot { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #ed1c24; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ffffff; text-transform: uppercase; z-index: 1; }
.review-box .product-img .sale { position: absolute; top: 8px; left: 8px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #fff; border: 1px solid #ed1c24; font-size: 10px; font-weight: 500; color: #ed1c24; text-transform: uppercase; z-index: 1; }


.review-box.type-a > ul li.slider { float:left; width:calc((100% - 72px)/4); height:auto; margin: 0 24px 20px 0; }
.review-box.type-a > ul li.slider:nth-child(4n) { margin-right:0; }
.review-box.type-a > ul + ul { margin: 20px 0 0; }
.review-box.type-a .title-area { overflow: hidden; }


/* type-a 갤러리형*/
.product-box.type-a > ul li.slider { float:left; width:calc((100% - 72px)/4); height:auto; margin: 0 24px 20px 0; }
.product-box.type-a > ul li.slider:nth-child(4n) { margin-right:0; }
.product-box.type-a > ul + ul { margin: 20px 0 0; }
.product-box.type-a .title-area { overflow: hidden; }

/* type-d 리스트형*/
.product-box.type-d .product-img { width: 180px; height: 180px; margin-right: 24px; }
.product-box.type-d .product-info { width:calc(100% - 204px); 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: 1px solid #e6e6e6; }
.product-box.type-d > ul li.slider:first-child { border-top: 1px solid #e6e6e6; }
.product-box.type-d > ul li.slider > .product-img { width: 180px; height: 180px; margin-right: 24px; }
.product-box.type-d > ul li.slider > .product-info { width:calc(100% - 204px); margin: 0; }
.product-box.type-d > ul li.slider > .product-info .product-title { display: block; width: 100%; }
.product-box.type-d > ul li.slider > .product-info .product-title a { font-size: 16px; }
.product-box.type-d .reviews-text { font-size: 13px; color: #868686; width: 100%; }

.product-box.type-d .membership { font-size: 11px; margin: 24px 0 0; }
.product-box.type-d .member-price { height: 25px; line-height: 25px; font-size: 17px; }
.product-box.type-d .origin-price { height: 25px; line-height: 25px; font-size: 12px; margin: 0 0 0 6px; }
.product-box.type-d .routine-price { height: 22px; line-height: 22px; font-size: 15px; margin: 8px 0 0; }
.product-box.type-d .dc { height: 22px; line-height: 22px; font-size: 12px; margin: 8px 0 0 4px; }

/* type-e 리스트형 120px */
.product-box.type-e > ul + ul { margin: 24px 0 0 ; }
.product-box.type-e > ul li.slider { position: relative; display:block; width:100%; height:auto; margin:0; padding: 16px 0; }
.product-box.type-e > ul li.slider { border-bottom: 1px solid #e6e6e6; }
.product-box.type-e > ul li.slider:first-child { border-top: 1px solid #e6e6e6; margin:0; }
.product-box.type-e > ul li.slider > .product-img { float: left; width: 120px; height: 120px; margin-right: 18px; }
.product-box.type-e > ul li.slider > .product-info { position: relative; float: left; width:calc(100% - 138px); height: 120px; margin: 0; }
.product-box.type-e > ul li.slider > .product-info .product-title { display: block; width: 100%; }
.product-box.type-e > ul li.slider > .product-info .product-title a { font-size: 14px; }
.product-box.type-e .option { font-size: 11px; color: #b6b6b6; margin: 4px 0 0; width: 130px; }
.product-box.type-e .option + .option { margin: 1px 0 0;}
.product-box.type-e .option span { display: inline-block; margin-right: 16px; color: #b6b6b6; }
.product-box.type-e .first { position: absolute; bottom: 0; left: 0; font-size: 11px; color: #ff5a5c; margin: 0; width: 130px; }
.product-box.type-e .btn-close { cursor: pointer; position: absolute; top: 16px; right: 16px; display: inline-block; width: 32px; height: 32px; background: url(/image/web/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; text-indent:-5000px; z-index: 1; }
.product-box.type-e .btn-close:hover { background: url(/image/web/common/icon_modal_close_s.png) center center no-repeat; background-size: contain; }
.product-box.type-e .cart-list-quantity { position: absolute; top: 64px; right: 0; }

/* type-f 갤러리형*/
.product-box.type-f > ul li.slider { float:left; width:calc((100% - 80px)/6); height:auto; margin: 0 16px 30px 0; }
.product-box.type-f > ul li.slider:nth-child(6n) { margin-right:0; }
.product-box.type-f .product-title a { font-size: 13px; }

/* type-g 갤러리형*/
.product-box.type-g > ul li.slider { position: relative; float:left; width:calc((100% - 32px)/3); height:auto; margin: 0 16px 16px 0; }
.product-box.type-g > ul li.slider:nth-child(3n) { margin-right:0; }
.product-box.type-g .product-title a { font-size: 13px; }
.product-box.type-g p.brand { font-size: 12px; margin: 0 0 8px; }
.product-box.type-g p.detail-info { font-size: 11px; color: #868686; margin: 4px 0 8px; }
.product-box.type-g input[type="checkbox"] { position: absolute; top: 10px; left: 10px; z-index: 1; }
.product-box.type-g .product-img .new { position: absolute; top: 8px; left: 38px; display: inline-block; width: 44px; height: 18px; line-height: 16px; text-align: center; border-radius: 12px; background-color: #31b2ae; border: 1px solid #31b2ae; font-size: 10px; font-weight: 500; color: #ffffff; text-transform: uppercase; z-index: 1; }


/*게시판 목록 공통*/
.board-list-area ul { display: table; width:100%; }
.board-list-area ul li { display:table-cell; vertical-align: middle; }
.board-list-area ul li.num { width: 10%; }
.board-list-area ul li.subject-padding-left { padding-left: 50px; }
.board-list-area ul li.file { width: 3%; }
.board-list-area ul li.comment { width: 10%; }
.board-list-area ul li.term { width: 22%; }
.board-list-area ul li.date { width: 11%; }
.board-list-area ul li.view { width: 8%; }
.board-list-area ul li.category { width: 10%; }
.board-list-area ul li.category-long { width: 20%; }
.board-list-area ul li.mileage { width: 30%; }
.board-list-area ul li.sender { width: 10%; }
.board-list-area ul li.received { width: 15%; }
.board-list-area ul li.date-long { width: 15%; }
.board-list-area ul li.rating { width: 25%; }
.board-list-area ul li.order-num { width: 15%; }
.board-list-area ul li.price-quantity { width: 18%; }
.board-list-area ul li.delivery-cost { width: 10%; }
.board-list-area ul li.order-date { width: 10%; }
.board-list-area ul li.etc { width: 15%; }
.board-list-area ul li.writer { width: 7%; }
.board-list-area ul li.payment-method { width: 15%; }
.board-list-area ul li.processing-date { width: 20%; }
.board-list-area ul li.product-total-amount { width: 20%; }
.board-list-area ul li.mileage { width: 15%; }
.board-list-area ul li.id { width: 15%; }
.board-list-area ul li.hit { width: 10%; }
.board-list-area ul li.content { width: 50%; }
.board-list-area ul li.quantity { width: 10%; }
.board-list-area ul li.product-state1 { width: 10%; }
.board-list-area ul li.product-state2 { width: 10%; }
.board-list-area ul li.total-price { width: 15%; }
.board-list-area ul li.bank { width: 15%; }
.board-list-area ul li.state { width: 12%; }
.board-list-area ul li.product { width: 45%; }
.board-list-area ul li.product-long { width: 50%; }
.board-list-area ul li.pet { width: 30%; }
.board-list-area ul li.split { width: 16.6%; }
.board-list-area ul li.fees { width: 18%; }

.board-list-area .board-list-header ul li { background-color: #f9f9f9; padding: 10px 0; text-align: center; font-size: 12px; color: #b6b6b6; }
.board-list-area .board-list-header ul li.file { text-indent:-9999; font-size: 0;}
.board-list-area .board-list-header > div { width:100%; display:block; height:auto; }
.board-list-area .board-list-content > div { width:100%; display:block; height:auto; }
.board-list-area .board-list-content > div > ul > li { padding: 7px 0; font-size: 13px; line-height: 1.46; letter-spacing: -0.65px; text-align: center; color: #868686; border-bottom: 1px solid #e6e6e6; }

.board-list-area .board-list-header > div > ul > li.fees { width: 18%; padding-right: 32px; }
.board-list-area .board-list-content > div > ul > li.fees { width: 20%; }

.board-list-area .board-list-content > div > ul > li.subject { position: relative; text-align: left; padding-left: 20px; }
.board-list-area .board-list-content > div > ul > li.subject > a { display: inline-block; width: 70%; max-height: 16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break: break-all; }
.board-list-area .board-list-content > div > ul > li.subject-padding-left { position: relative; text-align: left; padding-left: 50px; }
.board-list-area .board-list-content > div > ul > li.subject.gray { padding-left: 20px; }
.board-list-area .board-list-content > div > ul > li.subject.gray a { color: #b6b6b6; }
.board-list-area .board-list-content > div > ul > li.comment {font-size:11px; color:#299BFF;}
.board-list-area .board-list-content > div > ul > li.date { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.num { color: #b6b6b6; font-size: 12px; font-weight: 400; }
.board-list-area .board-list-content > div > ul > li.num .green { color: #31b2ae; }
.board-list-area .board-list-content > div > ul > li.view { font-size: 12px; color: #b6b6b6; }
.board-list-area .board-list-content > div > ul > li.writer { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.file:before {content:''; display: inline-block; width: 24px; height: 24px; margin: -2px 4px 0 -4px; vertical-align: middle; background: url(/image/web/common/icon_file.png) center center no-repeat; background-size: contain; }
.board-list-area .board-list-content > div > ul > li.term { font-size: 12px; color: #b6b6b6; }
.board-list-area .board-list-content > div > ul > li.term strong { font-weight: 700; color: #4a4545; }
.board-list-area .board-list-content > div > ul > li.state { font-size: 12px; color: #ff5a5c; }
.board-list-area .board-list-content > div > ul > li.state.on { color: #31b2ae; }
.board-list-area .board-list-content > div > ul > li.category { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.term .btn-small.type1 { width: 57px; height: 24px; line-height: 22px; border-radius: 4px; padding: 0; }
.board-list-area .board-list-content > div > ul > li.category { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.category.plus { color:#b6b6b6;}
.board-list-area .board-list-content > div > ul > li.category.minus { color:#299BFF;}
.board-list-area .board-list-content > div > ul > li.category-long { font-size: 12px; color: #b6b6b6; }
.board-list-area .board-list-content > div > ul > li.category-long .point { display: inline-block; margin-right: 5px; color: #299bff; font-size: 13px; }
.board-list-area .board-list-content > div > ul > li.category-long .used { display: inline-block; margin-right: 5px; color: #868686; font-size: 13px; }
.board-list-area .board-list-content > div > ul > li.category-long .refund { display: inline-block; margin-right: 5px; color: #b6b6b6; font-size: 13px; }
.board-list-area .board-list-content > div > ul > li.sender { font-size: 12px; }
.board-list-area .board-list-content > div > ul > li.received { font-size: 12px; color: #e6e6e6; }
.board-list-area .board-list-content > div > ul > li.date-long { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.price-quantity .price { font-family: 'Lato'; font-size: 15px; font-weight: 800; color: #4a4545; margin: 0 0 8px; }
.board-list-area .board-list-content > div > ul > li a:hover { text-decoration: underline; }
.board-list-area .board-list-content > div > ul > li.order-date .date { font-size: 13px; }
.board-list-area .board-list-content > div > ul > li.order-date a { font-size: 12px; display: block; margin: 1px 0 12px; }
.board-list-area .board-list-content > div > ul > li.etc { text-align: center; }
.board-list-area .board-list-content > div > ul > li.etc .btn-small { margin: 0; }
.board-list-area .board-list-content > div > ul > li.etc .btn-small + .btn-small { margin-top: 4px; }
.board-list-area .board-list-content > div > ul > li.order-date .date { font-size: 12px; color: #b6b6b6; }
.board-list-area .board-list-content > div > ul > li.order-date .order-number { font-size: 12px; color: #868686; margin: 4px 0 0; }
.board-list-area .board-list-content > div > ul > li.order-date .btn-small { margin: 4px 0 0; }
.board-list-area .board-list-content > div > ul > li.quantity strong { display: block; font-size: 13px; font-weight: 700; color: #4a4545; margin: 0 0 4px; }
.board-list-area .board-list-content > div > ul > li.product { padding-left: 0; text-align: left; }
.board-list-area .board-list-content > div > ul > li.product-long { padding-left: 0; text-align: left; }
.board-list-area .board-list-content > div > ul > li.total-price { font-size: 12px; font-weight: 700; color: #ff5a5c; }
.board-list-area.border-top { border-top: 1px solid #4a4545; }
.board-list-area .board-list-content > div > ul > li.pet { font-size: 12px; }
.board-list-area .board-list-content > div > ul > li.pet strong { display: block; font-size: 13px; font-weight: 500; color: #4a4545; margin: 0 0 8px; }
.board-list-area .board-list-content > div > ul > li.category-long .category { display: inline-block; font-size: 12px; font-weight: 700; color: #b6b6b6; margin-right: 16px; }
.board-list-area .board-list-content > div > ul > li.category-long .category.red { color: #ff5a5c; }
.board-list-area .board-list-content > div > ul > li.split { color: #868686; }
.board-list-area .board-list-content > div > ul > li.split .green { color: #31b2ae; font-weight: 700; }
.board-list-area .board-list-content > div > ul > li.split .red { color: #ff5a5c; font-weight: 700; }
.board-list-area .board-list-content > div > ul > li.split .black { color: #4a4545; font-weight: 600; }

.btn-group-area + .board-list-area { margin-top: 25px; }
.board-list-area + .btn-group-area { margin-top: 16px; }


.member-content { background: #fff; padding: 24px; }
.member-content .join-box { position: relative; padding: 24px 0 24px 164px; 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: 40px; 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: 12px; color: #868686; }

.member-content .join-box.not-border { border: 0; padding: 32px 0 8px 164px; }
.member-content .join-box.not-border img { top: 32px; }
.member-content .join-box.not-border .guide-text { margin: 0; }


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


.member-content.type-b { padding: 24px 0; overflow: hidden; }
.join-box-agree-guide { position: relative; float: left; width:calc((100% - 24px)/2); height: 481px; border-radius: 6px; border: solid 2px #e6e6e6; background-color: #ffffff; padding: 32px; margin: 24px 0 0; }
.join-box-agree-guide + .join-box-agree-guide { margin-left: 24px; }
.join-box-agree-guide .head { display: block; line-height: 36px; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; overflow: hidden; text-align: center; }
.join-box-agree-guide .head img { vertical-align: middle; width: 108px; height: 36px; }
.join-box-agree-guide .head h4 { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700; color: #4a4545; margin: 0 0 0 8px; }
.join-box-agree-guide .guide-text h5 { font-size: 13px; font-weight: 500;color: #4a4545; margin: 24px 0 0; }
.join-box-agree-guide .guide-text p { font-size: 12px; color: #868686; margin: 8px 0 0; letter-spacing: -1px; }
.join-box-agree-guide .guide-text + .btn-medium { margin: 32px 0 0; position: absolute; bottom: 32px; left: 32px; right: 32px; width: 284px; }
.member-content.type-b .alliance-guide { clear: both; float: left; }
.member-content.type-b .member-sns-join { float: right; width: 348px; }
.login-wrapper .member-content.type-b .member-sns-join { float: none; width: 100%; margin: 32px 0 0; }


.join-box-agree-guide + .alliance-guide { overflow: hidden; width: 348px; padding: 40px 0 0 0; }
.join-box-agree-guide + .alliance-guide h5 { font-size: 15px; font-weight: 500; color: #4a4545; margin: 0 0 24px; line-height: 1; text-align: center; }
.join-box-agree-guide + .alliance-guide img { float: left; width: 64px; height: 64px; margin: 0 16px 0 24px; }
.join-box-agree-guide + .alliance-guide .guide-text { float: left; height: 42px; font-size: 13px; color: #868686; padding: 13px 0 0 0; letter-spacing: -0.6px; margin: 0; }
.join-box-agree-guide + .alliance-guide .link { float: right; font-size: 11px; color: #31b2ae; text-decoration: underline; margin: 24px 0 0; }


.join-box-agree-guide + .alliance-guide + .member-sns-join { float: right; padding: 40px 0 0; }
.join-box-agree-guide + .alliance-guide + .member-sns-join h4 { position: relative; height: 22px; margin: 0; font-size: 15px; font-weight: 700; color: #4a4545; text-align: center; }
.join-box-agree-guide + .alliance-guide + .member-sns-join ul { overflow: hidden; margin: 16px 5% 0; }
.join-box-agree-guide + .alliance-guide + .member-sns-join li { float: left; width: 30%; text-align: center; }
.join-box-agree-guide + .alliance-guide + .member-sns-join li button img { display: block; width: 64px; height: 64px; margin: 0 0 8px; }
.join-box-agree-guide + .alliance-guide + .member-sns-join li button { font-size: 12px; color: #868686; }


/* 회원가입 */
.member-title-area { margin: 0 0 24px; }
.member-title-area h1 { height: 25px; font-size: 18px; font-weight: 700; line-height: 1.46; letter-spacing: -0.85px; text-align: center; color: #4a4545; }
.member-title-area p { font-size: 13px; font-weight: 400; text-align: center; color: #868686; margin: 16px 0 0; }
.member-title-area .result { text-align: center; margin: 16px 0; font-size: 12px; }
.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-checked-all { margin: 33px 0 0; padding: 33px 0 0; border-top: 1px solid #e6e6e6; }
.member-checked-all h1 { height: 19px; font-size: 13px; font-weight: 700; line-height: 1.46; letter-spacing: -0.85px; text-align: center; color: #4a4545; }
.member-checked-all h1 strong { font-weight: 700; }
.member-checked-all p { font-size: 12px; line-height: 1.55; margin: 8px 0 0; text-align: center; color: #868686; }


.member-content.type-b { padding: 0; }
.member-content .member-agree { margin: 33px 0 0; transition:all 0.5s; }
.member-content .member-agree .top { overflow: hidden; margin: 0 0 16px; }
.member-content .member-agree .top label { float: left; font-size: 13px; font-weight: 500; color: #4a4545; }
.member-content .member-agree .top .chk { float: right; font-size: 13px; }
.member-content .member-agree textarea.input { height: 100px; border-radius: 4px; background-color: #f9f9f9; padding: 16px; border: 0; color: #868686; }
.member-content .member-agree div.input { height: 250px; border-radius: 4px; background-color: #f9f9f9; padding: 16px; border: 0; color: #868686; }
.member-content .member-agree div.input .froala-view { color: #868686; }
.member-content .member-agree div.input p { color: #868686; }

.member-write-area.border-top { border-top: 1px solid #4a4545; }
.member-write-area label { display: block; font-size: 12px; color:#4a4545; margin: 24px 0 8px; }
.member-write-area label span { color: #ff5a5c; }
.member-write-area .btn-group-area.type-c { margin-top: 16px; }
.member-write-area .btn-group-area.type-c + .btn-group-area.type-c { margin-top: 0; }
.member-write-area .btn-group-area { margin-top: 20px; }
.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 0; }
.member-write-area .help-text.red { color: #ff5a5c; }
.member-write-area .help-text.green { color: #31b2ae; }
.member-write-area .input { border-radius: 0; font-size: 13px; }
.login-wrapper .member-write-area .input { border-radius: 0; padding: 12px 16px 11px; border-radius: 4px; font-size: 13px; }
.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 .btn-group-area + ul { border-top: 1px solid #e6e6e6; margin-top: 32px; }
.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 .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 select.input + textarea.input.flexible { margin: 8px 0 0; }
.member-write-area ul.table > li > span.tb-txt { text-align: center; color: #868686;}

/* table */
.member-write-area ul.table > li { display: table; width:100%; position: relative; font-size: 12px; color: #868686; border-bottom: 1px solid #e6e6e6; }
.member-write-area ul.table > li > * { display:table-cell; vertical-align: middle; padding: 8px 24px; font-size: 13px; height: 48px; }
.member-write-area ul.table > li > label { width: 180px; background-color: #f9f9f9; font-size: 12px; color: #868686; padding-right: 16px;}
.member-write-area ul.table > li > div { padding-right: 0; }
.member-write-area .point-title-area { display: inline-block; width: 110px; font-size: 13px; color: #4a4545; }
.member-write-area ul.table > li > div > strong { font-weight:600; color:#4a4545;}

.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-write-area .btn-small.type3 + .input.flexible { margin: 8px 0 0; }
.member-write-area .btn-small.type10 + .input.flexible { margin: 8px 0 0; }

.pg-integration ul.table > li { display: table; width:100%; position: relative; font-size: 12px; color: #868686; border-bottom: 1px solid #e6e6e6; }
.pg-integration ul.table > li > * { display:table-cell; vertical-align: middle; padding: 8px 24px; font-size: 13px; height: 48px; }
.pg-integration ul.table > li > label { width: 180px; background-color: #f9f9f9; font-size: 12px; color: #868686; padding-right: 16px;}
.pg-integration ul.table > li > div { padding-right: 0; }
.pg-integration .point-title-area { display: inline-block; width: 110px; font-size: 13px; color: #4a4545; }
.pg-integration ul.table > li > div > strong { font-weight:600; color:#4a4545;}

.pg-integration hr { border: 0; width: 100%; height: 1px; background: #e6e6e6; margin: 24px 0; }
.pg-integration .pets-img { margin-top: 8px; }
.pg-integration .input + .btn-small.type4,
.pg-integration .input + .btn-medium.type4 { margin-left: 0; margin-top: 8px; }
.pg-integration .btn-small.type4 + .btn-small.type4,
.pg-integration .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 8px; }
.pg-integration .input + .btn-small.type4 + .btn-small.type4,
.pg-integration .input + .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 8px; }
.pg-integration .btn-small.type4 + .btn-small.type4,
.pg-integration .btn-medium.type4 + .btn-medium.type4 { margin-left: 4px; margin-top: 0; }
.pg-integration fieldset + .btn-group-area.type-b { margin: 8px 0 0; padding-top: 16px; border-top: 1px solid #e6e6e6; }
.pg-integration .btn-small.type3 + .input.flexible { margin: 8px 0 0; }
.pg-integration .btn-small.type10 + .input.flexible { margin: 8px 0 0; }

.member-join-guid { height: 66px; border-radius: 8px; padding: 16px 16px 16px 48px; font-size: 12px; margin: 24px 0 0; background: #f9f9f9 url(/image/web/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; }


.top-guide-text { font-size: 12px; padding: 24px 0 16px; color: #868686; }
.member-content.type-b .top-guide-text + ul { border-top: 1px solid #e6e6e6; }


.file-upload { overflow: hidden; height: 34px; }
.file-upload .input { float: left; width: 300px; height: 34px; border: solid 1px #e6e6e6; margin-right: 6px; }
.file-upload label { float: left; cursor: pointer; border-radius: 4px; vertical-align: middle; margin: 0; }
.file-upload input[type='file']{ display: none; }


.select-calendar { width:100%; height:34px; display:inline-block; }
.select-calendar div { background:url(/image/web/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:0 12px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.select-calendar select::-ms-expand{ display:none}
.select-calendar .type-year { width:100px;}
.select-calendar .type-month { width:92px; margin:0 8px;}
.select-calendar .type-day { width:92px;}


.pets-type-select { overflow: hidden; margin: 24px 0 0; }
.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; }


.pets-weight-select { overflow: hidden; }
.pets-weight-select button { float: left; position: relative; width:calc((100% - 24px)/4); height: 43px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 11px; color: #b6b6b6; margin-bottom: 8px; margin-right: 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(4n) { margin-right: 0; }


.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: 32px; border-radius: 4px; border: solid 1px #31b2ae; background-color: #ffffff; font-size: 12px; color: #31b2ae; margin: 0 4px 4px 0; padding: 0 16px; }
.pets-interests-select button.on { border: dotted 1px #31b2ae; background-color: #31b2ae; color: #fff; }

.pets-interests-select.type-b button { margin: 0 4px 0 0; }
.pets-interests-select.type-b > div:after { content: ''; display: block; clear: both; }
.pets-interests-select.type-b > div + div { margin-top: 4px; }


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


.temp-content-box-area { height: 360px; line-height: 360px; text-align: center; border: solid 1px #e6e6e6; background-color: #fff; font-size: 12px; color: #868686; margin: 24px 0 0; }


.comp-tab-contents-area > .grid { padding: 0; overflow: hidden; background: #fff; }
.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: 46px; line-height: 46px; font-size: 14px; color: #b6b6b6; border: solid 1px #e6e6e6; background: #fff; border-left: 0; border-bottom: 1px solid #4a4545; }
.comp-tab-contents-area > .grid button.active { color: #4a4545; font-weight: 700; border: 1px solid #4a4545; border-bottom: 0; }
.comp-tab-contents-area > .grid > span:first-child { border-left: 1px solid #e6e6e6; }
.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: 100%; }
.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%; }


/* type-b */
.comp-tab-contents-area.type-b { margin: 0; padding: 0; }
.comp-tab-contents-area.type-b > .grid span button{ border-bottom: 1px solid #4a4545; }
.comp-tab-contents-area.type-b > .grid.split-2 { height: 48px; margin: 0; padding:0; }
.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 > .grid.split-2 button.active { border-bottom: 0; }
.comp-tab-contents-area.type-b { margin: 0; padding: 0; }
.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: 10%; 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; }
.comp-tab-contents-area.type-b > .grid.split-4 { margin: 0; padding:0; }
.comp-tab-contents-area.type-b > .grid.split-4 button { border-bottom: 1px solid #4a4545; }
.comp-tab-contents-area.type-b > .grid.split-4 button.active { border-bottom: 0; }
.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; }
.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; }


/* type-d */
.comp-tab-contents-area.type-d { margin: 0; padding: 0; }
.comp-tab-contents-area.type-d > .grid { position: relative; background: none; height: 48px; margin: 0; padding:0; }
.comp-tab-contents-area.type-d > .grid > span { width: 270px; display: block; }
.comp-tab-contents-area.type-d > .grid > span button { width: 100%; height: 48px; background: #fff; }
.comp-tab-contents-area.type-d > .grid > span button.active { border-bottom: 0; }
.comp-tab-contents-area.type-d .bodies { border-top: 1px solid #4a4545; margin: -6px 0 0; }


/* type-e */
.comp-tab-contents-area.type-e { margin: 0; padding: 0; }
.comp-tab-contents-area.type-e > .grid { position: relative; background: none; height: auto; margin: 0; padding: 0;border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-e > .grid > span { width: auto; display: block; }
.comp-tab-contents-area.type-e > .grid > span:first-child { border-left: 0; }
.comp-tab-contents-area.type-e > .grid > span button { width: 100%; height: 48px; background: #fff; font-size: 13px; font-weight: 500; padding: 2px 16px 16px; border: 0; color: #b6b6b6; }
.comp-tab-contents-area.type-e > .grid > span button.active { border-bottom: 3px solid #ff5a5c; color: #ff5a5c; }
.comp-tab-contents-area.type-e .bodies { border-top: 1px solid #4a4545; margin: -6px 0 0; }


/* type-f */
.comp-tab-contents-area.type-f { margin: 0; padding: 0; }
.comp-tab-contents-area.type-f > .grid { position: relative; background: none; height: auto; margin: 0 auto; padding: 0 150px; border-bottom: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-f > .grid > span { width:calc((100% - 120px)/3); display: block; margin: 0 20px; }
.comp-tab-contents-area.type-f > .grid > span:first-child { border-left: 0; }
.comp-tab-contents-area.type-f > .grid > span button { width: 100%; height: auto; line-height: 20px; background: #fff; font-size: 13px; font-weight: 500; padding: 24px 16px 16px; border: 0; border-bottom: 3px solid #fff; color: #4a4545; font-size: 14px; font-weight: 400; }
.comp-tab-contents-area.type-f > .grid > span button.active { border-bottom: 3px solid #ff5a5c; font-weight: 700; color: #ff5a5c; }
.comp-tab-contents-area.type-f > .grid > span button small { display: block; font-size: 12px; font-weight: 400; color: #b6b6b6; margin: 4px 0 0; }


/* type-g 탭메뉴아닌 디자인 */
.comp-tab-contents-area.type-g { margin: 0; padding: 0; }
.comp-tab-contents-area.type-g > .grid.split-4 { margin: 0; padding:0; border: 0; }
.comp-tab-contents-area.type-g > .grid.split-4 > span { width: 25%; display: block; border: 1px solid red; }
.comp-tab-contents-area.type-g span button { width: 100%; background: #fff; border: 1px solid #e6e6e6; border-left: 0; }
.comp-tab-contents-area.type-g span button.active { color: #b6b6b6; border: 0; border: 1px solid #e6e6e6; }
.comp-tab-contents-area.type-g > .grid > span:first-child { border-left: 0; }

/* 상세보기 메뉴 */
.product-view-menu-area { overflow: hidden; }
.product-view-menu-area > div { float: left; width: 25%; }
.product-view-menu-area > div button {  width: 100%; height: 48px; line-height: 46px; padding: 0; text-align: center; border: solid 1px #e6e6e6; border-left: 0; background-color: #ffffff; font-size: 14px; font-weight: 500; color: #868686; border-radius: 0; }
.product-view-menu-area > div:first-child button { border-left: solid 1px #e6e6e6; }





/* 로그인 */
.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-area li .space { display: inline-block; margin: 0 5px; }
.login-area .input.type5 { border-radius: 4px; }
.login-area label { font-size: 12px; }


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


.sub-title-area + .navi-results-number { margin-top: 16px; }
.navi-results-number { overflow: hidden; margin: -23px 0 24px; }
.navi-results-number .navi { float: left; font-size: 12px; color: #868686; }
.navi-results-number .navi ul { overflow: hidden; }
.navi-results-number .navi ul li { float: left; height: auto; }
.navi-results-number .navi ul li > * { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; }
.navi-results-number .navi ul li:after { content: ''; display: inline-block; vertical-align: middle; margin: 0 4px 0; width: 18px; height: 18px; background: url(/image/web/common/icon_step_arrow.png) center center no-repeat; background-size: contain; }
.navi-results-number .navi ul li:last-child:after { display: none; }
.navi-results-number .navi ul li .input { width: 120px; height: 24px; padding: 0 8px; margin-top: 0; }
.number-order-type .results-number { float: left; font-size: 12px; }
.number-order-type .results-number span { color: #ff5a5c; }


.brand-select-btn { overflow: hidden; margin-top: 24px; }
.brand-select-btn .brand-select { float: left; }
.brand-select-btn .btn-small { float: right; border-radius: 4px; }
.brand-select-btn + .detail-search-area { margin-top: 16px; }
.brand-select-btn select.input { width: 240px; }


.number-order-type { overflow: hidden; margin: 40px 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: 180px; height: 34px; border-radius: 0; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 13px; color: #4a4545; padding-left: 12px; }
.number-order-type .right .type img { display: inline-block; vertical-align: middle; width: 34px; height: 34px; margin-left: 6px; }


.product-title-detail-brand { position: relative; margin: 32px 0 40px; }
.product-title-detail-brand .title { font-size: 24px; font-weight: 500; color: #4a4545; display: block; width: 950px; max-height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.product-title-detail-brand .detail { margin-top: 8px; font-size: 13px; color: #868686; }
.product-title-detail-brand .brand { text-align:center; position: absolute; top: 0; right: 0; }
.product-title-detail-brand .brand img { width: 64px; height: 48px; display: block; }
.product-title-detail-brand .brand span { display: block; margin-top: 2px; font-size: 13px; font-weight: 500; color: #4a4545; }


.product-large-img { float: left; width: 540px; }
.product-large-img .large li { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.product-large-img .large li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.product-large-img .thumb { position: relative; margin-top: 32px; padding:0 20px; }
.product-large-img .thumb li.slider { width: 100px; height: 100px; border: 1px solid #fff; }
.product-large-img .thumb li.slider a { width: 100%; height: 100%; display: block; }
.product-large-img .thumb li.slider img { width: 100%; height: 100%; object-fit: cover; }
.product-large-img .thumb > .slider-arrow .btn-prev { width: 32px; height: 32px; position: absolute; top: 34px; left: 0; transition:all 0.5s; }
.product-large-img .thumb > .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_left_square.png) left center no-repeat; background-size: contain; cursor: pointer; }
.product-large-img .thumb > .slider-arrow .btn-next { width: 32px; height: 32px; position: absolute; top: 34px; right: 0; transition:all 0.5s; }
.product-large-img .thumb > .slider-arrow .btn-next > span {width: 32px; height: 32px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_right_square.png) left center no-repeat; background-size: contain; cursor: pointer; }
.product-large-img .thumb > .slider-arrow > .btn-prev:hover { background:rgba(0,0,0,0.3); }
.product-large-img .thumb > .slider-arrow > .btn-next:hover { background:rgba(0,0,0,0.3); }


.product-large-img .table-area { padding: 24px; background: #f9f9f9; margin: 31px 0 0; }
.product-large-img .table-area h6 { font-size: 11px; font-weight: 500; color: #868686; }
.product-large-img .table-area ul { margin: 8px 0 0; }
.product-large-img .table-area li { display: table; width:100%; }
.product-large-img .table-area li > * { display: table-cell; vertical-align: middle; padding: 4px 16px; font-size: 11px; color: #868686; padding-left: 0; }
.product-large-img .table-area .title { width: 88px; text-align: left; }
.product-large-img .table-area .content { text-align: left; }
.product-large-img .table-area .content strong { color: #ff5a5c; display: inline-block; margin-right: 8px; }

.product-large-img .soldout_restock{ position: absolute; width: 100%; text-align: center; bottom: 15px; font-size: 27px; color:#fff; }
.product-large-img .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 27px; color:#fff; background: #ea000059;padding-bottom: 15px;padding-top: 15px;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)";} 
.product-img .soldout_restock{ position: absolute; width: 100%; text-align: center; bottom: 5px; font-size: 16px; color:#fff; }
.product-img .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 16px; color:#fff;padding-bottom: 5px;padding-top: 5px;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)";}
.slide-inner-product .soldout_restock{ position: absolute; width: 100%; text-align: center; bottom: 5px; font-size: 16px; color:#fff; }
.slide-inner-product .stock_msg{ position: absolute; width: 100%; text-align: center; bottom: 0px; font-size: 16px; color:#fff;background: #ea000059;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: 5px;padding-top: 5px; }

.product-view-info { float: right; width: 480px; }
.product-view-info .vip-price { overflow: hidden; }
.product-view-info .vip-price > * { display: inline-block; vertical-align: middle; height: 33px; line-height: 33px; }
.product-view-info .vip-price span { width: 62px; padding: 0; text-align: center; height: 23px; line-height: 21px; border-radius: 12px; background-color: #ff5a5c; font-size: 10px; color: #ffffff; vertical-align: middle; margin: 0 50px 0 0; }
.product-view-info .vip-price strong { height: 33px; font-size: 22px; font-weight: 900; color: #ff5a5c; margin: 0 8px 0 0; }
.product-view-info .vip-price .origin { font-size: 13px; color: #b6b6b6; text-decoration: line-through; margin: 0 16px 0 0; }
.product-view-info .vip-price .dc { font-size: 12px; font-weight: 500; color: #ff5a5c; }

.product-view-info .regular-price { overflow: hidden; margin: 8px 0 0; }
.product-view-info .regular-price > * { display: inline-block; vertical-align: middle; height: 29px; line-height: 29px; }
.product-view-info .regular-price span { width: 62px; padding: 0; text-align: center; height: 23px; line-height: 21px; border-radius: 12px; background-color: #31b2ae; font-size: 10px; color: #ffffff; vertical-align: middle; margin: 0 50px 0 0; }
.product-view-info .regular-price strong { height: 29px; font-size: 20px; font-weight: 900; color: #31b2ae; margin: 0 8px 0 0; }
.product-view-info .regular-price .dc { font-size: 12px; font-weight: 500; color: #31b2ae; }
.product-view-info .btn-group { overflow: hidden; margin: 8px 0 0; }
.product-view-info .btn-group .btn-large { float: left; width:calc((100% - 8px)/2); margin: 0; font-size: 14px; border-radius: 0; }
.product-view-info .btn-group .btn-large:last-child { float: right; margin: 0; }
.product-view-info .btn-group .btn-large small { transition:all 0.5s; display: inline-block; margin: 0 0 0 2px; font-size: 11px; color: #fff; }
.product-view-info .btn-group .btn-large:hover small {color:#ff5a5c; }

.product-view-info + .clear { clear: both; padding: 60px 0 0; }


.product-view-benefits { background-color: #ffffff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 24px 0; }
.product-view-benefits .list { position: relative; padding: 0 48px 0 15px; margin: 24px 0 0; overflow: hidden; }
.product-view-benefits .list > strong { float: left; display: inline-block; width: 100px; font-size: 12px; font-weight: 700; color: #b6b6b6; }
.product-view-benefits .list .question { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; }
.product-view-benefits .list .question img { width: 16px; height: 16px; }
.product-view-benefits .list > p { float: left; margin: -4px 0 0; display: inline-block; font-size: 13px; color: #868686; line-height: 2; }
.product-view-benefits .list > p span { color: #ff5a5c; font-weight: 700; }
.product-view-benefits .delivery .content { background-color: #ffffff; padding: 8px 24px 24px 120px; font-size: 11px; color: #b6b6b6; line-height: 1.55; letter-spacing: -0.55px; }


.product-view-option-select-area h6 { margin: 9px 0 8px; line-height: 1; font-size: 12px; font-weight: 500; color: #b6b6b6; }
.product-view-option-select-area select.input { border-radius: 0; }
.option-selected-area { margin: 8px 0 0; padding: 16px; background: #fff; border: 1px solid #e6e6e6; border-radius: 0; }
.option-selected-area .btn-plus { width: 24px; height: 24px; border: solid 1px #e6e6e6; margin-left: 0; border-radius: 0; overflow: hidden; transition:all 0.5s;}
.option-selected-area .btn-plus span { display: inline-block; width: 24px; height: 24px; margin: 0; vertical-align: middle; background: url(/image/web/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; overflow: hidden; transition:all 0.5s;}
.option-selected-area .btn-minus span { display: inline-block; width: 24px; height: 24px; margin: 0;vertical-align: middle; background: url(/image/web/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 li em { font-size:12px; color:#868686; margin-left:8px; }
.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: #868686; margin: 0 0 8px; }
.option-selected-area .price { position: absolute; bottom: 2px; right: 0; }
.option-selected-area .stock { position: absolute;bottom: 2px;font-size: 12px;padding-left: 5px;color: #868686; }
.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 { margin: 24px 0 0; }
.option-selected-total-info ul { padding: 8px 0; }
.option-selected-total-info li { overflow: hidden; padding: 6px 0; text-align: right; }
.option-selected-total-info .title { display: inline-block; font-size: 13px; font-weight: 500; color: #4a4545; margin: 0 24px 0 0; }
.option-selected-total-info .price { display: inline-block; font-family: 'Lato'; font-size: 22px; 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/web/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; margin: 0; }
.option-selected-area .btn-delete:hover { background: #f6f6f6 url(/image/web/common/icon_modal_close_n.png) center center no-repeat; background-size: contain; }
.option-selected-area .btn-delete > span { display:inline-block; text-indent:-9999px; }


.product-view-detail { margin: 40px 0 0; }
.product-view-detail .title-info { overflow: hidden; border-bottom: 1px solid #4a4545; }
.product-view-detail .title-info h4 { float: left; line-height: 27px; padding-bottom: 16px; font-size: 18px; font-weight: 700; color: #4a4545; }
.product-view-detail .title-info .btn-small { float: right; width: 98px; height: 30px; line-height: 28px; border: solid 1px #d6d6d6; font-size: 11px; border-radius: 0; }
.product-view-detail > .content { margin: 16px 0 0; font-size: 14px; color: #868686; min-height: 100px; }
.product-view-detail > .content img { max-width: 100%; }
.product-view-detail > .content .guide-text + .board-list-area { border-top: 1px solid #4a4545; margin-top: 40px; }


.product-slide-reviews-area { position: relative; margin: 16px 0; }
.product-slide-reviews-area li.slider { width: 112px; height: 112px; margin-right: 8px; }
.product-slide-reviews-area li.slider .slide-inner-product { padding: 0; margin: 0; }
.product-slide-reviews-area li.slider a { display: block; width: 100%; height: 100%; border-radius: 6px; }
.product-slide-reviews-area li.slider img { width: 100%; height: 100%; object-fit: cover; }
.product-slide-reviews-area > .slider-arrow .btn-prev { width: 32px; height: 32px; position: absolute; top: 34px; left: 0; transition:all 0.5s; }
.product-slide-reviews-area > .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_left_square.png) left center no-repeat; background-size: contain; cursor: pointer; }
.product-slide-reviews-area > .slider-arrow .btn-next { width: 32px; height: 32px; position: absolute; top: 34px; right: 0; transition:all 0.5s; }
.product-slide-reviews-area > .slider-arrow .btn-next > span {width: 32px; height: 32px; position: absolute; display: block; top: -1px; left: -1px; background: url(/image/web/common/icon_arrow_right_square.png) left center no-repeat; background-size: contain; cursor: pointer; }
.product-slide-reviews-area > .slider-arrow > .btn-prev:hover { background:rgba(0,0,0,0.3); }
.product-slide-reviews-area > .slider-arrow > .btn-next:hover { background:rgba(0,0,0,0.3); }


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


.product-view-reviews { background-color: #ffffff; margin: 40px 0 0; }
.product-view-reviews .title-info { overflow: hidden; border-bottom: 1px solid #4a4545; }
.product-view-reviews .title-info h4 { float: left; line-height: 27px; padding-bottom: 16px; font-size: 18px; font-weight: 700; color: #4a4545; }
.product-view-reviews .title-info .btn-small { float: right; width: 98px; height: 30px; line-height: 28px; border: solid 1px #d6d6d6; font-size: 11px; border-radius: 0; }
.product-view-reviews .content { margin: 16px 0 0; border-top: 1px solid #e6e6e6; }


.product-view-customers { margin: 40px 0 0; }
.product-view-customers .title-info { margin: 0 0 16px; }
.product-view-customers .title-info h4 { line-height: 27px; padding-bottom: 16px; border-bottom: 1px solid #4a4545; font-size: 18px; font-weight: 700; color: #4a4545; }


.product-view-detail .table-area { margin: 31px 0 0; }
.product-view-detail .table-area h6 { font-size: 12px; font-weight: 500; color: #868686; }
.product-view-detail .table-area ul { margin: 16px 0 0; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
.product-view-detail .table-area li { display: table; width:100%; }
.product-view-detail .table-area li > * { display: table-cell; vertical-align: middle; padding: 12px 24px; font-size: 12px; color: #b6b6b6; border: 1px solid #e6e6e6; border-right: 0; border-top: 0; }
.product-view-detail .table-area .title { width: 180px; background: #f9f9f9; text-align: left; margin: 0;}
.product-view-detail .table-area .td-content { width: 360px; text-align: left; color: #868686; margin: 0;}


.product-view-reviews-insert { background-color: #ffffff; padding: 24px; margin: 8px 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/web/common/icon_star_large_n.png) center center no-repeat; background-size: contain; }
.score-area ul > li.on { background:url(/image/web/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; padding-top: 16px; border-top: 1px solid #e6e6e6; }
.product-view-reviews-insert .insert li.rating .title { height: 19px; font-size: 13px; font-weight: 500; margin: 6px 0 0; }
.product-view-reviews-insert .insert li.rating .score { display: inline-block; margin: 8px auto; }
.product-view-reviews-insert .insert li.rating .score ul > li { cursor:pointer; width: 28px; height: 28px; margin: 0 1px; display: block; float: left; background: url(/image/web/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/web/common/icon_star_large_s.png) center center no-repeat; background-size: contain; }
.product-view-reviews-insert .insert li > label { display: block; text-align: left; font-size: 12px; color: #4a4545; margin: 16px 0 8px; }
.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 .file-upload { height: auto; margin-top: 8px; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; }
.product-view-reviews-insert .insert .file-upload .btn-small { width: 98px; border-radius: 0; border: solid 1px #d6d6d6; background-color: #ffffff; }
.product-view-reviews-insert .insert .file-upload .btn-small:hover { border: solid 1px #4a4545; background-color: #4a4545; color: #fff; }
.product-view-reviews-insert .guide-text { font-size: 11px; }


.modal-layer-area.reviews-insert { min-width: 420px; max-height: 800px; }
.modal-layer-area.reviews-insert .product-view-reviews-insert { padding: 0; margin: 0; }
.modal-layer-area.reviews-insert .product-info { position: relative; height: 104px; padding-left: 96px; margin-top: 24px; text-align: left; }
.modal-layer-area.reviews-insert .product-info + hr { margin-top: 0; }
.modal-layer-area.reviews-insert .product-info + hr + .product-info { margin-top: 0; }
.modal-layer-area.reviews-insert .product-info .product-img { position: absolute; top: 0; left: 0; }
.modal-layer-area.reviews-insert .product-info .product-img img { width: 80px; height: 80px; object-fit:cover; overflow: hidden; }
.modal-layer-area.reviews-insert .product-info .brand { font-size: 11px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #4a4545; margin-bottom: 8px; margin-top: 2px; }
.modal-layer-area.reviews-insert .product-info .product-title { font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #4a4545; width: 250px; height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.modal-layer-area.reviews-insert .product-info .option { font-size: 11px; color: #b6b6b6; margin: 4px 0 0; }
.modal-layer-area.reviews-insert .btn-group-area.type-b { margin-top: 24px; }


.img-upload-aread { overflow: hidden; margin: 16px 0 0; }
.img-upload-aread li { position: relative; float:left; width: 80px; height: 80px; }
.img-upload-aread li img { width: 100%; height: 100%; object-fit:cover; }
.img-upload-aread li .delete { position: absolute; top: 0; right: 0; }
.img-upload-aread li .delete img { width: 18px; height: 18px; }


.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: 24px 0 0; }
.product-view-qna .insert .btn-group-area .btn-medium { margin: 0; }
.product-view-qna .insert label { display: block; text-align: left; font-size: 12px; color: #4a4545; margin: 24px 0 8px; }
.product-view-qna .insert .input { border-radius: 0; }

.modal-layer-area.qna-insert .product-view-qna { width: 320px; border-bottom: 0; padding: 0; }

.modal-layer-area.photo-review { width: 660px; height: 815px; }
.modal-layer-area.photo-review .inner-wrap {  }
.modal-layer-area.photo-review .reviews-list { border-bottom: 0; }
.reviews-list { border-bottom: 1px solid #e6e6e6; }
.reviews-list .top { padding: 16px 0 0; }
.reviews-list .top > ul { display: inline-block; width: 100%; height: auto; }
.reviews-list .top > ul > li { float: left; }
.reviews-list .top > ul > li.user-name { height: 20px; line-height: 20px; margin-right: 8px; font-size: 12px; color: #b6b6b6; }
.reviews-list .top > ul > li.date { height: 20px; line-height: 22px; margin-left: 16px; font-size: 11px; color: #b6b6b6; }
.reviews-list .top > ul > li.recommend { float: right; margin: -3px 0 0; }
.reviews-list .top > ul > li.recommend span { cursor:pointer; 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/web/common/icon-sole-red.png) 6px center no-repeat; background-size: 16px 16px; font-size: 11px; }
.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; }
.reviews-list .reviews-text { font-size: 13px; color: #868686; width: 100%; padding: 4px 0 16px; line-height: 1.77; letter-spacing: -0.65px; text-align: left; }
.reviews-list .reviews-img { margin: 8px 0 0; padding: 0 16px 0 0; height: 400px; overflow-y: scroll; }
.reviews-list .reviews-img img { width: 100%; height: auto; }
.reviews-list .reviews-img img + img { margin: 12px 0 0; }
.reviews-list .reviews-info { overflow: hidden; margin: 16px 0 4px; }
.reviews-list .reviews-info > ul > li { float: left; }
.reviews-list .reviews-info > ul > li.state { min-width: 40px; height: 17px; line-height: 17px; padding: 0 3px; border-radius: 2px; background-color: #b6b6b6; font-size: 9px; font-weight: 500; color: #ffffff; }
.reviews-list .reviews-info > ul > li.product-name { font-size: 12px; color: #ff5a5c; margin: 0 0 0 8px; }
.reviews-list .reviews-info > ul > li.date { float: right; height: 20px; line-height: 22px; margin-left: 16px; font-size: 11px; color: #b6b6b6; }
.reviews-list .top > ul > li.update-btn { float: right; margin: -3px 0 0; }
.reviews-list .top > ul > li.update-btn span { cursor:pointer; display: inline-block; color:#868686; padding: 0 11px 0 11px; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #e6e6e6; 6px center no-repeat; background-size: 16px 16px; font-size: 11px; }
.reviews-list .top > ul > li.update-btn.on span { border: 1px solid #ff5a5c; color:#ff5a5c; font-weight:500;}
.reviews-list .top > ul > li.delete-btn { float: right; margin: -3px 0 0; }
.reviews-list .top > ul > li.delete-btn span { cursor:pointer; display: inline-block; color:#868686; padding: 0 11px 0 11px; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #e6e6e6; 6px center no-repeat; background-size: 16px 16px; font-size: 11px; }
.reviews-list .top > ul > li.delete-btn.on span { border: 1px solid #ff5a5c; color:#ff5a5c; font-weight:500;}
.reviews-list .reviews-comment{font-size: 13px;color: #4c4c4c;width: 100%;background: #eee;padding: 10px 10px;border-radius: 8px;line-height: 1.77;letter-spacing: -0.65px;text-align: left;}
.reviews-list .reviews-comment p span{font-size: 10px;color: #b6b6b6;padding-left: 17px;display: inline-block;}
.reviews-list .reviews-comment p{color: #ff5a5c; font-weight: 700;}

.pets-slide-area { position: relative; padding: 0 54px; }
.pets-slide-area .slider-arrow .btn-prev { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; left: 0; margin-left: 0; width: 40px; height: 40px; display: block; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.pets-slide-area .slider-arrow .btn-prev > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_left_large.png) center center no-repeat; background-size: contain; }
.pets-slide-area .slider-arrow .btn-next { z-index: 10; position: absolute; cursor: pointer; top: 50%; margin-top: -20px; right: 0; margin-right: 0; width: 40px; height: 40px; display: block; transition: all 0.5s; opacity: 1; border: 1px solid #e6e6e6; border-radius: 50%; }
.pets-slide-area .slider-arrow .btn-next > span { width: 32px; height: 32px; position: absolute; display: block; top: 4px; left: 4px; background: url(/image/web/common/icon_arrow_right_large.png) center center no-repeat; background-size: contain; }
.pets-slide-area .slider-arrow > div { transition: all 0.5s; }
.pets-slide-area .slider-arrow > div:hover { background: rgba(0,0,0,0.03); }


.prescription-ctf-area .header { overflow: hidden; margin: 40px 0; }
.prescription-ctf-area .header .title-info { float: left; width: 50%; padding: 8px 0 0;}
.prescription-ctf-area .header .title-info h4 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #4a4545; }
.prescription-ctf-area .header .title-info p { font-size: 13px; color: #868686; }
.prescription-ctf-area .header .pets-slide-area { float: right; width: 440px; }

.prescription-ctf-area .purchase-select { overflow: hidden; margin: 40px 0; }
.prescription-ctf-area .purchase-select .title-info { position: relative; }
.prescription-ctf-area .purchase-select .title-info h4 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: #4a4545; }
.prescription-ctf-area .purchase-select .title-info p { font-size: 13px; color: #868686; }
.prescription-ctf-area .purchase-select .title-info .chk { position: absolute; bottom: 0; right: 0; font-size: 13px; }
.prescription-ctf-area .purchase-select .content { margin: 16px 0 0; padding-top: 57px; height: 200px; background-color: #f9f9f9; text-align: center; }
.prescription-ctf-area .purchase-select .content img { width: 48px; height: 48px; display: block; margin: 0 auto 8px; }


.modal-layer-area.find-hospital { width: 1080px; min-height: 584px; }
.modal-layer-area.find-hospital .modal-content { overflow: hidden; padding: 0; margin: 0; }
.modal-layer-area.find-hospital .modal-content h5 { margin-bottom: 24px; }
.modal-layer-area.find-hospital .hospital-search-area { float: left; width: 360px; height: 471px; overflow-x: hidden; overflow-y: auto; border: solid 2px #e6e6e6; text-align: left; padding-top: 32px; }
.modal-layer-area.find-hospital .map-area { float: right; width: 648px; }


.modal-layer-area.map-hospital { width: 720px; min-height: 584px; }
.modal-layer-area.map-hospital .modal-content { overflow: hidden; padding: 0; margin: 0; }
.modal-layer-area.map-hospital .modal-content h5 { margin-bottom: 24px; }
.modal-layer-area.map-hospital .map-area { float: right; width: 648px; }

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


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


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


.hospital-find-result { background-color: #f6f6f6; width: 100%; padding: 24px; margin: 24px 0 0; }
.hospital-find-result .result { font-size: 12px; 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.on { border: solid 2px #ff5a5c; }
.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: 48px; left: 42px; z-index: 1; }
.hospital-find-result .hospital-box .hospital-info .map img { width: 24px; height: 24px; }
.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: 11px; 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; }


.prescription-code-area { background-color: #ffffff; padding: 24px; }
.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.on { border: solid 2px #ff5a5c; }
.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/web/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; display: inline-block; width: 100%; height: auto; }
.prescription-code-area .prescription-code .hospital-info .img { float: left; width: 72px; height: 72px; margin-right: 16px; }
.prescription-code-area .prescription-code .hospital-info .img img { width: 72px; height: 100%; }
.prescription-code-area .prescription-code .hospital-info .info { float: left; width:calc(100% - 88px); height: 72px; }
.prescription-code-area .prescription-code .hospital-info .info .title { position: relative; font-size: 13px; font-weight: 700; color: #343232; margin: 0 0 8px; }
.prescription-code-area .prescription-code .hospital-info .info .address { font-size: 11px; color: #868686; letter-spacing: -0.9px; }
.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: 50px; left: 50px; 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; }


.purchase-select .prescription-code-area { padding: 0; margin: 16px 0 0; }
.purchase-select .prescription-code-area .prescription-code { position: relative; height: 169px; border-radius: 6px; border: solid 1px #e6e6e6; padding: 24px; }
.purchase-select .prescription-code-area .prescription-code .top { position: relative; width: 264px; height: 23px; border-radius: 12px; background-color: #f9f9f9; font-size: 10px; line-height: 23px; color:#868686;}
.purchase-select .prescription-code-area .prescription-code .hospital-info { position: relative; margin: 24px 0 0; overflow: visible; }
.purchase-select .prescription-code-area .prescription-code .hospital-info:after { content: ''; display: inline-block; clear: both; }
.purchase-select .prescription-code-area .prescription-code .hospital-info .info .title { position: relative; font-size: 16px; font-weight: 700; color: #343232; margin: 0 0 8px; }
.purchase-select .prescription-code-area .prescription-code .hospital-info .info .address { font-size: 12px; color: #868686; }
.purchase-select .prescription-code-area .prescription-code .hospital-info .info .title .modify { position: absolute; top: -40px; right: 0; display: inline-block; font-size: 12px; text-align: center; font-weight: 400; color: #b6b6b6; line-height: 20px; text-decoration:underline; }
.purchase-select .prescription-code-area .prescription-code .hospital-info .map { position: absolute; top: 50px; left: 50px; z-index: 1; }
.purchase-select .prescription-code-area .prescription-code .guide-text { position: absolute; top: 60px; right: 24px; width: 264px; text-align: right; font-size: 11px; color: #b6b6b6; }
.purchase-select .prescription-code-area .prescription-code .btn-group-area { position: absolute; bottom: 24px; right: 24px; width: 264px; }
.purchase-select .prescription-code-area .prescription-code + .btn-group-area { margin: 52px 0 0; text-align: center; }
.purchase-select .prescription-code-area .prescription-code + .btn-group-area .btn-medium { float: none; }


.modal-layer-area.find-hospital_result { width: 1080px; min-height: 660px; }
.modal-layer-area.find-hospital_result .modal-content { overflow: hidden; padding: 0; margin: 0; }
.modal-layer-area.find-hospital_result .modal-content h5 { margin-bottom: 24px; }
.modal-layer-area.find-hospital_result .hospital-search-area { float: left; width: 360px; height: 471px; overflow-x: hidden; overflow-y: auto; border: solid 2px #e6e6e6; text-align: left; }
.modal-layer-area.find-hospital_result .map-area { float: right; width: 648px; }
.modal-layer-area.find-hospital_result .btn-group-area { clear: both; padding: 24px 0 0; text-align: center; }
.modal-layer-area.find-hospital_result .btn-group-area .btn-medium { float: none; }

.hospital-search-area .table-padding-area { padding: 0 24px 24px; }

.in-person-selection { background-color: #ffffff; padding: 0 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; margin-top:0!important;}
.in-person-selection .box { padding: 16px; border-radius: 6px; background-color: #f9f9f9; margin: 24px 0 0; }


table.table { width: 100%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
table.table th { padding: 12px 24px; text-align: left; background-color: #f9f9f9; font-size: 12px; color: #b6b6b6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
table.table td { padding: 12px 24px; text-align: left; font-size: 12px; color: #868686; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
table.table td a { color: #868686; }


.title-info-area { overflow: hidden; border-bottom: 1px solid #4a4545; }
.title-info-area h4 { line-height: 27px; padding-bottom: 16px; font-size: 18px; font-weight: 700; color: #4a4545; }


/*장바구니*/
.cart-guide-area { background-color: #f9f9f9; padding: 24px; margin: 24px 0 32px; }
.cart-guide-title { font-size: 12px; color: #868686; }
.cart-guide-content { font-size: 11px; color: #b6b6b6; margin-top: 16px; }

.cart-guide-area + .btn-group-area .btn-small { height: 30px; line-height: 28px; padding: 0; border-radius: 0; }

.cart-group-wrap { margin: 16px 0 0; }
.cart-group-wrap:after { content: ''; display: block; clear: both; }
.cart-group-wrap .cart-group-left { float: left; width: 528px; border: solid 2px #e6e6e6; padding: 24px; }
.cart-group-wrap .cart-group-right { float: right; width: 528px; border: solid 2px #e6e6e6; padding: 24px; }
.cart-group-wrap .cart-group-left .title-info,
.cart-group-wrap .cart-group-right .title-info { position: relative; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; margin: 0 0 16px; }
.cart-group-wrap .cart-group-left .title-info h4,
.cart-group-wrap .cart-group-right .title-info h4 { position: relative; height: 27px; line-height: 27px; margin: 0; font-size: 18px; font-weight: 700; color: #4a4545; }
.cart-group-wrap .cart-group-left .title-info h4 a,
.cart-group-wrap .cart-group-right .title-info h4 a { position: absolute; top: 6px; right: 0; display: block; }
.cart-group-wrap .cart-group-left .title-info h4 a:before,
.cart-group-wrap .cart-group-right .title-info h4 a:before { content:''; display: block; width: 16px; height: 16px; background: url(/image/web/common/icon_question_mark.png) center center no-repeat; background-size: contain; }
.cart-group-wrap .cart-group-left .title-info h4 a:hover .hover-help-popup,
.cart-group-wrap .cart-group-right .title-info h4 a:hover .hover-help-popup { display: block; }


/* 도움말 팝업 */
.hover-help-popup { display: none; position: absolute; top: 22px; right: 0; background: #fff; width: 145px; padding: 16px; border-radius: 4px; box-shadow:0px 1px 5px rgba(0,0,0,0.2); z-index: 1; }
.hover-help-popup h5 { font-size: 11px; font-weight: 500; margin: 0; line-height: 1; color: #4a4545; text-align: left; }
.hover-help-popup p { font-size: 11px; line-height: 1.55; color: #868686; margin: 8px 0 0; text-align: left; }


.cart-list-quantity { 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/web/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/web/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-product-info-area { position: relative; margin-top: 16px; padding: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
.cart-product-info-area:after { content: ''; display: block; clear: both; }
.cart-product-info-area input[type="checkbox"] { position: absolute; bottom: 116px; left: 0; }
.cart-product-info-area .delete { position: absolute; top:0; right: 0; width: 24px; height: 24px; background: url(/image/web/common/icon_cart_delete.png) center center no-repeat; background-size: contain; border-radius: 0; }
.cart-product-info-area .img { float: left; width: 120px; height: 120px; margin-left: 30px; }
.cart-product-info-area .img a { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.cart-product-info-area .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.cart-product-info-area .info { position: relative; float: left; width:calc(100% - 150px); height: 120px; padding-left: 16px; }
.cart-product-info-area .info .brand { font-size: 12px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #4a4545; margin-bottom: 8px; margin-top: 2px; width: 130px; height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; }
.cart-product-info-area .info .product-title { line-height: 1.46; letter-spacing: -0.65px; text-align: left; width: 300px; height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.cart-product-info-area .info .product-title a { display: block; color: #4a4545; font-size: 14px; font-weight: 500; }
.cart-product-info-area .info .option { font-size: 11px; color: #ff5a5c; margin: 4px 0 0; width: 130px; }
.cart-product-info-area .info .option + .option { margin: 1px 0 0;}
.cart-product-info-area .info .option span { display: inline-block; margin-right: 16px; }
.cart-product-info-area .info .etc { position: absolute; bottom: 0; left: 16px; font-size: 12px; font-weight: 700; color: #b6b6b6; margin: 4px 0 0; }
.cart-product-info-area .info .etc.red { color: #ff5a5c; }
.cart-product-info-area .info .cart-list-quantity { position: absolute; top: 60px; right: 0; }
.cart-product-info-area .info .sold-out { position: absolute; top: 60px; right: 0; font-size: 12px; font-weight: 900; color: #b6b6b6; }
.cart-product-info-area .info .shipping-cycle { position: absolute; top: 60px; width: 120px; font-size: 13px; }
.cart-product-info-area .info .shipping-cycle .input { width: 100%; font-size: 13px; }
.cart-product-info-area .info .price { position: absolute; bottom: -7px; right: 0; height: 22px; font-family: Lato; font-size: 15px; font-weight: 900; color: #ff5a5c; line-height: 22px; }
.cart-product-info-area .info .price.green { color: #31b2ae; }
.cart-product-info-area .info .org-price {    position: absolute;color: #868686;bottom: 9px;right: 0;height: 22px;font-family: Lato;text-decoration: line-through;font-size: 13px;font-weight: 700;line-height: 22px;}
.cart-product-info-area select.input.diet { width: 100%; margin: 0 0 16px; font-size: 13px; }
.cart-product-info-area .info .stock {position: absolute;
    color: #868686;
    right: 96px;
    top: 63px;
    height: 22px;
    font-family: Lato;
    font-size: 12px;
    line-height: 22px;}


.cart-list-grand-total-area { margin: 16px 0 0; overflow: hidden; }
.cart-list-grand-total-area li { position: relative; display: inline-block; width: 100%; height: auto; padding: 1px 0;}
.cart-list-grand-total-area .title { float: left; font-size: 12px; font-weight: 500; color: #868686; }
.cart-list-grand-total-area .price { float: right; font-size: 13px; color: #868686; }
.cart-list-grand-total-area .cart-list-grand-total-payment-amount { overflow: hidden; margin: 8px 0 0; }
.cart-list-grand-total-area .cart-list-grand-total-payment-amount-title { float: left; height: 25px; line-height: 25px; font-size: 12px; color: #868686; }
.cart-list-grand-total-area .cart-list-grand-total-payment-amount-price { float: right; height: 25px; line-height: 25px; font-size: 18px; font-weight: 900; color: #FF5A5C; letter-spacing: -1.2px; }


.list-empty { width: 100%; background: #fff; padding: 100px 0; }
.list-empty > div { font-size: 12px; color: #b6b6b6; text-align: center; }
.list-empty > div img { width: 48px; height: 48px; display: block; margin: 0 auto 8px; }
.list-empty .btn-group-area { margin: 40px 0 0; }


.register-write-area { background: #fff; padding: 24px; border-bottom: 1px solid #e6e6e6; text-align: left; }
.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; }
.register-write-area > ul + .btn-group-area { margin: 24px 0 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; font-size: 11px; }
.order-box-list-area.on .bottom-title { background-color: #ff5a5c; }
.order-box-list-area.on { border: 2px solid #ff5a5c; }


.modal-layer-area.regula-delivery { width: 360px; min-height: 822px; }
.modal-layer-area.regula-delivery .register-write-area { margin-top: 32px; padding: 0 16px 0 0; border-bottom: 0; height: 605px; overflow-y: scroll; }
.modal-layer-area.regula-delivery .register-write-area > ul > li:first-child { margin-top: 0; }
.modal-layer-area.regula-delivery .register-write-area > ul > li:first-child > label { margin-top: 0; }
.modal-layer-area.regula-delivery .product-info { position: relative; height: 112px; padding: 16px 16px 16px 112px; text-align: left; border: 1px solid #e6e6e6; border-radius: 6px; }
.modal-layer-area.regula-delivery .product-info .product-img { position: absolute; top: 16px; left: 16px; width: 80px; }
.modal-layer-area.regula-delivery .product-info .product-img a { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.modal-layer-area.regula-delivery .product-info .product-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.modal-layer-area.regula-delivery .product-info .brand { font-size: 11px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #4a4545; margin-bottom: 8px; margin-top: 2px; }
.modal-layer-area.regula-delivery .product-info .product-title { font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #4a4545; width: 163px; height: 19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.modal-layer-area.regula-delivery .product-info .option { margin: 4px 0 0; line-height: 1.1; height: 38px; overflow: hidden; }
.modal-layer-area.regula-delivery .product-info .option span { display: inline-block; margin: 0; margin-right: 4px; font-size: 11px; color: #b6b6b6; line-height: 1.1; }
.modal-layer-area.regula-delivery .product-info .price { position: absolute; bottom: 12px; left: 112px; font-size: 14px; font-weight: 900; color: #ff5a5c; height: 20px; line-height: 20px; }
.modal-layer-area.regula-delivery .product-info .quantity { position: absolute; bottom: 12px; right: 16px; font-size: 11px; color: #343232; height: 20px; line-height: 20px; }
.modal-layer-area.regula-delivery .btn-group-area.type-b { margin-top: 24px; }

/*주문결제*/
.order-payment-guide { font-size: 11px; color: #868686; text-align: right; margin-top: 16px; }
.order-payment-guide a { display: inline-block; margin-left: 10px; color: #b6b6b6; text-decoration: underline; }
.order-payment-left { float: left; width: 750px; }
.order-payment-right { float: right; width: 300px; }
.order-payment-right .cart-list-grand-total-area { margin-top: 20px; border: solid 3px #e6e6e6; padding: 24px; }
.order-payment-area .sub-title-small-not-line-area { height: 45px; }
.sub-title-small-not-line-area { height: auto; margin: 60px 0 0; padding: 0 0 12px; }
.sub-title-small-not-line-area h1 { float: left; height: 30px; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: -1.2px; text-align: left; color: #4a4545; }
.sub-title-small-not-line-area .chk { float: right; height: 27px; line-height: 27px; font-size: 13px; color: #4a4545; }
.order-payment-area .member-write-area:first-child { margin-top: 32px; }
.order-payment-area .member-write-area:first-child ul.table { border-top: 1px solid #e6e6e6; }

.choose-payment-method-area { border: 1px solid #e6e6e6; padding: 5px 24px;}
.choose-payment-method-area > div { padding: 16px 0; font-size: 13px; border-bottom: 1px solid #f2f2f2; }
.choose-payment-method-area > div:last-child { border-bottom: 0; }
.choose-payment-method-area > div .input { display: inline-block; margin-right: 20px; font-size: 13px; }
.choose-payment-method-area > div > div { width: 100%; min-height: 93px; border: solid 1px #f6f6f6; background-color: #f9f9f9; margin: 16px 0 -16px; padding: 16px; font-size: 12px; }
.choose-payment-method-area > div > div p { margin: 0 0 8px; }
.choose-payment-method-area .select-box-area { background-color: #ffffff; margin-top: 8px; }


.use-coupon-deposit { overflow: hidden; margin: 0 0 16px; }
.use-coupon-deposit li { float: left; width: 200px; height: 76px; border-radius: 8px; border: solid 2px #e6e6e6;
 background-color: #ffffff; cursor: pointer; padding: 16px; margin-right: 8px; }
.use-coupon-deposit li.on { border: solid 2px #ff5a5c; }
.use-coupon-deposit li h6 { font-size: 12px; font-weight: 700; color: #4a4545; margin: 0 0 8px; }
.use-coupon-deposit li p { overflow: hidden; }
.use-coupon-deposit li p span { float: left; }
.use-coupon-deposit li p span.price { float: right; font-size: 12px; color: #ff5a5c; }
.use-coupon-deposit + ul.table { border-top: 1px solid #e6e6e6; }


.product-view-area .sub-title-small-area .more { }
.sub-title-small-area > .score { display:inline-block; margin-left:12px; vertical-align: middle; }
.sub-title-small-area > .score > ul { float:left;}
.sub-title-small-area > .score ul > li { width: 24px; height: 24px; margin: 0; display: block; float: left; background: url(/image/web/common/icon_star_n.png) center center no-repeat; background-size: contain; }
.sub-title-small-area > .score ul > li.on { background:url(/image/web/common/icon_star_s.png) center center no-repeat; background-size: contain; }
.sub-title-small-area > .score .number { margin-left:6px;line-height:24px; float:left; display:block; font-size: 14px; color: #e6e6e6; }
.sub-title-small-area > .score .number strong { margin-right:4px; font-family: 'Lato'; text-align: center; color: #4a4545; }
.sub-title-small-area { position: relative; height: auto; margin: 40px 0 0; padding: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
.sub-title-small-area:after { content: ''; display: block; clear: both; }
.sub-title-small-area > a { transition:all 0.5s; }
.sub-title-small-area > a:hover { color:#4a4545; }
.sub-title-small-area.not-line { border-bottom: 0; }
.sub-title-small-area h1 { float: left; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: -1.2px; text-align: left; color: #4a4545; }
.sub-title-small-area .more { float:right; display: inline-block; font-size: 12px; color: #b6b6b6; text-decoration: underline; margin-top: 8px; }
.sub-title-small-area p { clear: both; display: block; font-size: 12px; padding: 8px 0 0; }
.sub-title-small-area + .member-content { margin-top: 40px; }
.sub-title-small-area + .product-box.type-a { margin-top: 24px; }
.sub-title-small-area .btn-small { position: absolute; top: -8px; right: 0; }


.temp-contents-area { width: 100%; min-height: 180px; border: solid 1px #e6e6e6; background-color: #ffffff; padding: 16px; text-align: center; font-size: 13px; color: #4a4545; }


.order-payment-list-info-area { width: 100%; height: 384px; border: solid 1px #e6e6e6; }
.order-payment-list-info-area .footer { height: 44px; background-color: #f9f9f9; text-align: center; font-size: 13px; color: #4a4545; padding: 13px 0; }
.order-payment-list-info-area .info { height: 338px; padding: 0 15px 12px; overflow-x: hidden; overflow-y: scroll; }
.order-payment-list-info-area .info li { position: relative; padding: 16px 0 9px 99px;}
/*.order-payment-list-info-area .info li + li { margin-top: 16px; border-top: 1px solid #e6e6e6; }*/
.order-payment-list-info-area .product-img { position: absolute; top: 16px; left: 0; width: 88px; height: 88px; }
.order-payment-list-info-area .product-img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding-bottom: 100%; }
.order-payment-list-info-area .product-img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.order-payment-list-info-area .product-title { margin: 4px 0 0; font-size: 13px; color: #4a4545; width:100%; max-height: 18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.order-payment-list-info-area .brand { font-size: 11px; font-weight: 500; color: #4a4545; }
.order-payment-list-info-area .option { font-size: 11px; color: #b6b6b6; margin: 4px 0 0; }
.order-payment-list-info-area .quantity-price { margin: 2px 0 0; overflow: hidden; height: 40px; line-height: 20px; }
.order-payment-list-info-area .quantity-price .quantity { float: left; font-size: 11px; font-weight: 400; color: #4a4545; }
.order-payment-list-info-area .quantity-price .price { text-align: right; font-size: 14px; font-weight: 900; color: #ff5a5c; }
.order-payment-list-info-area .quantity-price .org-price { text-align: right; font-size: 12px; font-weight: 700; text-decoration: line-through;}

/* 최종결제정보 */
.grand-total-title-area { border: 3px solid #e6e6e6; padding: 24px; margin: 24px 0 0; }
.grand-total-title-area > h1 { font-size: 18px; font-weight: 700; color: #4a4545; margin: 0 0 24px; }
.grand-total-title-area .total-info { overflow: hidden; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6; }
.grand-total-title-area .total-info .title { float: left; height: 18px; line-height: 18px; font-size: 12px; font-weight: 400; color: #4a4545; }
.grand-total-title-area .total-info .price { float: right; height: 18px; line-height: 18px; font-size: 13px; font-weight: 500; color: #4a4545; }
.grand-total-title-area .detail-info > ul > li { overflow: hidden; padding: 16px 0 0; }
.grand-total-title-area .detail-info > ul > li > .title { float: left; height: 18px; line-height: 18px; font-size: 12px; font-weight: 500; color: #b6b6b6; }
.grand-total-title-area .detail-info > ul > li > .price { float: right; height: 18px; line-height: 18px; font-size: 13px; font-weight: 500; color: #4a4545; }

.grand-total-title-area .dc-detail { clear: both; padding: 16px 0; }
.grand-total-title-area .dc-detail > ul { background-color: #f9f9f9; padding: 8px 16px 16px; border-radius: 4px; }
.grand-total-title-area .dc-detail > ul > li { overflow: hidden; padding: 8px 0 0; }
.grand-total-title-area .dc-detail > ul > li > .title { float: left; height: 18px; line-height: 1.5; font-size: 12px; font-weight: 500; color: #b6b6b6; }
.grand-total-title-area .dc-detail > ul > li > .price { float: right; height: 18px; line-height: 1.5; font-size: 12px; font-weight: 400; color: #868686; }

.grand-total-title-area .total-payment-info { overflow: hidden; padding: 16px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.grand-total-title-area .total-payment-info .title { float: left; height: 27px; line-height: 27px; font-size: 12px; font-weight: 400; color: #4a4545; }
.grand-total-title-area .total-payment-info .price { float: right; height: 27px; line-height: 27px; font-size: 18px; font-weight: 900; color: #ff5a5c; }

.grand-total-title-area .point-select-info { margin: 8px 0 0; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; }
.grand-total-title-area .point-select-info > ul > li { overflow: hidden; padding: 8px 0 0; }
.grand-total-title-area .point-select-info > ul > li > .title { float: left; height: 22px; line-height: 22px; font-size: 12px; font-weight: 400; color: #4a4545; }
.grand-total-title-area .point-select-info > ul > li > .price { float: right; height: 22px; line-height: 22px; font-size: 13px; font-weight: 500; color: #4a4545; }
.grand-total-title-area .check { font-size: 12px; color: #4a4545; letter-spacing: -0.6px; padding-top: 16px; }
.grand-total-title-area .btn-group-area { margin: 24px 0 0; }


.shipping-list-area { margin: 32px 0 0; }
.shipping-list-area ul li { position: relative; float: left; width: 89px; height: 30px; line-height: 28px; border: solid 1px #4a4545; border-radius: 0; text-align: left; font-size: 12px; color: #4a4545; padding-left: 8px; margin: 0 8px 8px 0; }
.shipping-list-area ul li .delete { position: absolute; top: 2px; right: 2px; display: inline-block; width: 24px; height: 24px; background: url(/image/web/common/icon_delete.png) center center no-repeat; background-size: contain; margin: 0; }
.shipping-list-area ul li.on { color: #fff; background: #4a4545; }
.shipping-list-area ul li.on .delete { background: url(/image/web/common/icon_delete_white.png) center center no-repeat; background-size: contain; }


.shipping-list-area .link-path { display: block; float: right; font-size: 12px; color: #b6b6b6; text-decoration: underline; margin-top: 10px; color:#b6b6b6; transition:all 0.5s;}
.shipping-list-area .link-path:hover { color:#4a4545;}


.shipping-info-area { width: 100%; border: solid 1px #e6e6e6; background-color: #ffffff; padding: 24px 24px 8px; margin-top: 20px; }
.shipping-info-area .name { font-size: 13px; color: #4a4545; margin: 0 0 8px; }
.shipping-info-area .address,
.shipping-info-area .tel { font-size: 13px; color: #868686; margin: 0 0 4px; }
.shipping-info-area ul { border-top: 1px solid #e6e6e6; margin: 14px 0 0; }
.shipping-info-area ul li { overflow: hidden; margin: 16px 0 0; }
.shipping-info-area ul li label { float: left; width: 87px; height: 34px; line-height: 34px; font-size: 12px; color: #868686; }
.shipping-info-area ul li .input { float: left; width: calc(100% - 87px); border-radius: 0; }


/*주문완료*/
.order-result-area { border: 1px solid #e6e6e6; margin-top: 16px; 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: 13px; line-height: 1.46; letter-spacing: -0.65px; text-align: center; color: #868686; }
.order-result-area .btn-small { margin: 32px 2px 48px; width: 98px; height: 30px; line-height: 28px; padding: 0; border-radius: 0; }


/*게시판 보기 공통*/
.board-view-area { border-top: 1px solid #e6e6e6; }
.board-view-area > ul { display: table; width:100%; position:relative; }
.board-view-area > ul > li { display:table-cell; vertical-align: middle; font-size: 13px; padding: 11px 24px; border: 1px solid #e6e6e6; border-top: 0; color: #868686; }
.board-view-area > ul > li.board-view-title { width: 18%; background: #f9f9f9; font-size: 12px; border-right: 0; color: #b6b6b6; }
.board-view-area > ul > li.subject { color: #4a4545; font-weight: 500; }
.board-view-area > ul > li.file a { display: inline-block; color: #b6b6b6; text-decoration: underline; font-size: 12px; transition:all 0.5s;}
.board-view-area > ul > li.file a:hover { color:#868686;}
.board-view-area > ul > li.file a:before { content:''; display: inline-block; width: 24px; height: 24px; margin: -2px 4px 0 -4px; vertical-align: middle; background: url(/image/web/common/icon_file.png) center center no-repeat; background-size: contain; }
.board-view-area > ul > li.board-view-content { height: 400px; vertical-align: top; color: #868686; padding: 16px 24px; }
.board-view-area + .btn-group-area { margin-top: 40px; }
.board-view-price-area { font-family: 'Lato'; font-size: 13px; }
.board-view-price-area strong { font-size: 15px; font-weight: 900; color: #4a4545; }
.board-view-price-area span { font-family: 'Noto Sans KR'; font-size: 12px; color: #b6b6b6; margin-left: 5px; }
.board-view-area > ul > li.rating .score { display: inline-block; margin-left:-4px; }
.board-view-area > ul > li.rating .score ul > li { width: 16px; height: 16px; margin: 0 1px; display: block; float: left; border-bottom:none!important;
 background: url(/image/web/common/icon_star_n.png) center center no-repeat; background-size: contain; }
.board-view-area > ul > li.rating .score ul > li.on { background:url(/image/web/common/icon_star_s.png) center center no-repeat; background-size: contain; }


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


.modal-layer-area.ship-to { width: 480px; }
.modal-layer-area.ship-to h5 + .board-list-area { border-top: 1px solid #4a4545; margin-top: 24px; }


.registered-card-info { margin: 8px 0; overflow: hidden; }
.registered-card-info li { float: left; width: 270px; color: #868686; }
.registered-card-info li .btn-small2 { margin: 9px 0 0; }


.estimated-payment-date { margin: 8px 0; color: #868686; }
.estimated-payment-date strong { font-size: 13px; font-weight: 700; color: #4a4545; display: block; margin: 5px 0 0; }


.inner-select-small-chk-area { margin: 40px 0 0; border-top: 1px solid #e6e6e6; }
.inner-select-small-chk { position: relative; height: 44px; border-bottom: 1px solid #e6e6e6; padding: 12px 8px 12px 16px; font-size: 13px; color: #4a4545; overflow: hidden; margin: 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;}
/*2019-12-06 업체요구 사은품 배너 로 수정*/
.gifts-list-info-area { width:100%; margin: 16px 0;  overflow: hidden; }
.gifts-list-info-area li { position: relative; overflow: hidden; }
.gifts-list-info-area .gifts-title { margin: 0 0 24px; height: 20px; font-size: 14px; font-weight: 700; color: #4a4545; }
.gifts-list-info-area .product-img { float: left; width: 88px; }
.gifts-list-info-area .product-img a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.gifts-list-info-area .product-img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.gifts-list-info-area .info { float: left; width: calc(100% - 88px); padding-left: 16px; }
.gifts-list-info-area .info .episode { display: inline-block; width: 74px; height: 18px; border-radius: 12px; background-color: #4a4545; font-size: 10px; font-weight: 500; color: #fff; text-align: center; margin: 0; }
.gifts-list-info-area .info .product-title { margin: 10px 0 0; font-size: 14px; color: #343232; width:100%; max-height: 18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.gifts-list-info-area .info .next a { display: block; margin: 8px 0 0; font-size: 11px; color: #ff5a5c; }
.gifts-list-info-area .info .next a:after { content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; width: 16px; height: 16px; background: url(/image/web/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }


.brand-intro { margin: 16px 0 60px; }


.accordion-brand-intro { margin: 48px 0 0; border-top: 1px solid #e6e6e6; }
.accordion-brand-intro .brand-intro { position: relative; cursor: pointer; background: #fff; padding: 0; margin: 0; }
.accordion-brand-intro .brand-intro:after { position: absolute; top: 50%; margin-top: -16px; right: 16px; content: ''; display: block; width: 32px; height: 32px; background: url(/image/web/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }
.accordion-brand-intro .brand-intro.on:after { background: url(/image/web/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: 24px 16px; overflow: hidden; font-size: 13px; color: #868686; }
.accordion-brand-intro .content.on { display: block; }
.accordion-brand-intro .product-box.type-d > ul li.slider { padding: 24px 0 10px; border: 0; border-bottom: 1px solid #e6e6e6; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-img { width: 200px; height: 150px; margin-right: 24px; }
.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% - 224px); height: auto; margin: 0; padding-right: 30px; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-info .product-title .brand { font-size: 16px; font-weight: 700; color: #4a4545; margin: 15px 0 16px; display: block; }
.accordion-brand-intro .product-box.type-d > ul li.slider > .product-info .product-title a { font-size: 13px; 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: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #4a4545; }
.sub-title-center-area h4 { padding: 10px 0 0; font-size: 16px; 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; }


.search-sub-title-area { background-color: #ffffff; padding: 40px 0 0; }
.search-sub-title-area .search-area { position: relative; width: 312px; margin: 0 auto; background: #fff; padding: 24px 0; }
.search-sub-title-area .search-area .btn-search { right: 16px; }
.search-sub-title-area.type-b { padding: 0 24px; }
.search-sub-title-area > .title-info { overflow: hidden; margin: 0 0 16px; }
.search-sub-title-area > .title-info > h4 { float: left; font-size: 14px; font-weight: 700; margin: 0; color: #4a4545; }
.search-sub-title-area.margin-top { margin: 8px 0 0; }
.search-sub-title-area + .top-10-popular-info { margin: 40px 0 0; }
.search-sub-title-area + .board-list-area.top-gray-line { margin: 40px 0 0; border-top: 1px solid #e6e6e6; }


.top-10-popular-info { background-color: #ffffff; padding: 16px 0 0; }
.top-10-popular-info > ul { overflow: hidden; }
.top-10-popular-info > ul > li { position: relative; float: left; width:calc((100% - 32px)/5); height: 100px; margin: 0 8px 8px 0; }
.top-10-popular-info > ul > li:nth-child(5n) { margin-right: 0; }
.top-10-popular-info > ul > li a { display: block; width: 100%; height: 100px; text-align: center; padding-top: 27px; background-color: #f9f9f9; font-size: 14px; color: #343232; }
.top-10-popular-info > ul > li span { display: inline-block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #4a4545; color: #fff; font-size: 12px; font-weight: 500; z-index: 1; }


.category-encyclopedia-area { background-color: #ffffff; padding: 16px 0; }
.category-encyclopedia-area ul { overflow: hidden; }
/* 2020-01-03
.category-encyclopedia-area ul li { float: left; width: 33.33%; text-align: center; }
*/
.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: 80px; display: table-cell; vertical-align: middle; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 15px; }
.category-encyclopedia-area ul:first-child li a span { border-top: 1px solid #e6e6e6; }
.category-encyclopedia-area ul li:first-child a span { border-left: 1px solid #e6e6e6; }
.category-encyclopedia-area ul li a.on > span,
.category-encyclopedia-area ul li a:hover > span { border: 2px solid #ff5a5c; }
/*
2020-01-03
.category-encyclopedia-area.type-b ul li { width:calc(100% / 3); }
*/
.category-encyclopedia-area.type-b ul li { width:calc(100% / 2); }
.category-encyclopedia-area + .board-list-area { margin: 24px 0 0; border-top: 1px solid #4a4545; }
.category-encyclopedia-area + .board-list-area.top-gray-line { margin: 40px 0 0; border-top: 1px solid #e6e6e6; }


.pets-encyclopedia-view { background-color: #ffffff; padding: 0 0 50px; border-bottom: 1px solid #e6e6e6; }
.pets-encyclopedia-view .sub-title-area { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding: 16px 0 16px; }
.pets-encyclopedia-view .sub-title-area h1 { float: left; font-size: 18px; font-weight: 700; height: 27px; line-height: 27px; }
.pets-encyclopedia-view .sub-title-area p { float: right; font-size: 12px; color: #868686; height: 27px; line-height: 27px; }
.pets-encyclopedia-view .sub-title-area p span { display: inline-block; margin-right: 16px; color: #4a4545; }
.pets-encyclopedia-view .img { margin: 24px 0 0; }
.pets-encyclopedia-view .img img { width: 100%; }
.pets-encyclopedia-view > p { color: #4a4545; margin: 24px 0; min-height: 270px; font-size: 14px; line-height: 1.71; letter-spacing: -0.7px; }
.pets-encyclopedia-view + .btn-group-area { margin: 16px 0 0; }


.event-banner { margin: 60px 0 0; }
.event-banner li img { width: 100%; overflow: hidden; }
.event-banner li .title a { display: block; font-size: 20px; text-align: center; color: #464646; margin: 24px 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: 13px; 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; }

.event-banner.type-b { margin: 24px 0 0 ; }
.event-banner.type-b + .product-box.type-a { margin-top: 50px; }


.order-select-right { text-align: right; }
.order-select-right select.input { width: 134px; }
.order-select-left select.input {  width: 150px; border-bottom: 2px solid #ff5a5c; border-style: none none solid;margin-right: 15px; }
.order-select-left{ margin-bottom: -33px;}
.qna-select-area { background-color: #ffffff; padding: 24px; overflow: hidden; }
.qna-select-area .sub-title-center-area { margin: 0 0 56px; }
.qna-select-area .sub-title-center-area h1 { font-size: 20px; margin-top:16px; }
.qna-select-area .purchase-select { margin: 16px auto 24px; padding-bottom: 0; text-align: center; }
.qna-select-area .purchase-select .button { transition:all 0.5s; width: 212px; height: 195px; border-radius: 6px; font-size: 13px; font-weight: 700; color: #b6b6b6; text-align: center; border: solid 2px #e6e6e6; padding: 32px 0; }
.qna-select-area .purchase-select .button:hover { border:2px solid #ff5a5c;}
.qna-select-area .purchase-select .button:hover h5 { color:#ff5a5c;}
.qna-select-area .purchase-select .button img { display: block; width: 64px; height: 64px; margin: 0 auto 8px; }
.qna-select-area .purchase-select .button:last-child { margin-left: 24px; }
.qna-select-area .purchase-select .button h5 { font-size: 18px; font-weight: 700; color: #4a4545; }
.qna-select-area .purchase-select .button p { font-size: 14px; color: #868686; margin: 5px 0 0; }


.inner-wrap-area { clear: both; overflow: hidden; width: 1080px; }
.sub-title-small-area + .inner-wrap-area .product-box.type-a { margin-top: 24px; }
.inner-wrap-area + .member-write-area { border-top: 1px solid #4a4545; }
.inner-wrap-area .pets-slide-area { margin: 40px 210px 20px; }

.inner-wrap-area.type-b { width: 870px; }
.sub-title-area + .inner-wrap-area.type-b .product-box.type-a { margin-top: 24px; }
.inner-wrap-area.type-b .pets-slide-area { margin: 40px; }


#wrapper > .mypage-info-area { border-bottom: 1px solid #e6e6e6; }
.mypage-info-area { background: #fff; padding: 18px 0; margin: 0 0 8px; }
.mypage-info-area:after { content: ''; display: block; clear: both; }
.mypage-info-area .title-info { position: relative; padding: 0 0 32px; margin: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
.mypage-info-area .title-info h4 { height: 27px; margin: 0; line-height: 27px; font-size: 18px; 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/web/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-review-name-option a { font-size: 12px; color: #ff5a5c; margin: 0 0 16px; }
.update-product-img img {width: 150px;}

.mypage-top-area { overflow: hidden; width: 1080px; margin: 0 auto; }
.mypage-top-area .img { margin-right:16px; float: left; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; }
.mypage-top-area .img img { width: 100%; height: 100%; }
.mypage-top-area .info { float: left; width:calc(100% - 90px); overflow: hidden; padding-top: 14px; }
.mypage-top-area .info .n1 { float: left; overflow: hidden; margin: 0; }
.mypage-top-area .info .n1 li.name { text-align: left; }
.mypage-top-area .info .n1 li.name { font-size: 14px; color: #4a4545; height: 18px; line-height: 18px; margin-bottom:4px;}
.mypage-top-area .info .n1 li.name strong { font-weight: 700; font-size:18px;}
.mypage-top-area .info .n1 li a.modify { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/image/web/common/icon_modify2.png) center center no-repeat; background-size: contain; margin: -4px 0 0; }
.mypage-top-area .info .n1 li .text { display: inline-block; margin: 0 6px; font-size: 12px; color: #767676; }

.mypage-top-area .info .n2 { float: right; overflow: hidden; margin: 0; }
.mypage-top-area .info .n2 li { float: left; width: 120px; text-align: center; }
.mypage-top-area .info .n2 li .title { font-size: 12px; color: #4a4545; display: block;  }
.mypage-top-area .info .n2 li .title .title-btn { color: #ff5a5c; }
.mypage-top-area .info .n2 li .amount { height: 36px; line-height: 36px; font-size: 24px; font-weight: 700; color: #ff5a5c; display: block; margin: 4px 0 0; }
.mypage-top-area .info .n2 li .amount small { font-size: 12px; color: #ff5a5c; font-weight: 700; }


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


.sub-inner-left .sub-menu { border: 1px solid #e6e6e6; border-top: 2px solid #ff5a5c; padding: 16px 0; min-height: 300px; margin: 0 0 16px; }
.sub-inner-left .sub-menu a { display: block; padding: 8px 24px; font-size: 13px; color: #4a4545; }
.sub-inner-left .sub-menu a:hover { text-decoration: underline; }
.sub-inner-left .btn-medium { margin: 0; }
.sub-inner-left .btn-medium + .btn-medium { margin: 8px 0 0; }


.pet-slide-inner { position: relative; height:178px; 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/web/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: -22px 0 0 -22px; display: inline-block; width: 44px; height: 44px; background: url(/image/web/common/icon_plus.png) center center no-repeat; background-size: contain; }
.pet-slide-inner.dotted { border: 1px dotted #e6e6e6; }


.mypage-info-area .state-info { border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin: 24px 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: 24px; 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: 13px; font-weight: 400; color: #4a4545; margin: 9px 0 0; }
.mypage-info-area .state-info .n2 { overflow: hidden; padding-top: 24px; }
.mypage-info-area .state-info .n2 li { float: left; width:calc((100% - 16px)/3); text-align: center; height: 40px; line-height: 40px; border-radius: 4px; background-color: #f9f9f9; 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; font-size: 13px; }
.mypage-info-area .state-info .n2 li span.red { color: #ff5a5c; }

.mypage-info-area .state-info .n2 li span strong { display: inline-block; margin: 0 2px; font-size: 13px; }
.mypage-info-area .state-info .n1 li a:hover strong,
.mypage-info-area .state-info .n2 li a:hover strong,
.mypage-info-area .state-info .n2 li a:hover span { text-decoration: underline; }
.mypage-info-area .state-info .n2 li strong { color: #868686; }
.mypage-info-area .state-info .n2 li a { color: #ff5a5c; }


.mypage-info-area .consulting-info { float: left; width: 427px; height: 162px; border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin: 8px 0 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; padding: 48px 0 16px; }
.mypage-info-area .consulting-info li { float: left; width: 33.33%; text-align: center; }
.mypage-info-area .consulting-info li span { display: block; height: 27px; line-height: 27px; font-size: 18px; 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: 12px; font-weight: 400; color: #4a4545; margin: 9px 0 0; }

.mypage-info-area .certification-info { float: right; width: 427px; height: 162px; border: 1px solid #e6e6e6; border-radius: 6px; padding: 16px; background-color: #ffffff; margin: 8px 0 0; }
.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: left; font-size: 12px; color: #868686; height: 24px; line-height: 24px; margin: 0 0 0 12px; }
.mypage-info-area .certification-info .date { float: right; font-size: 12px; 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: 72px; height: 72px; }
.mypage-info-area .certification-info .hospital-info .img img { width: 72px; height: 72px; border-radius: 50%; }
.mypage-info-area .certification-info .hospital-info .map { position: absolute; top: 40px; left: 45px; z-index: 1; }
.mypage-info-area .certification-info .hospital-info .map img { width: 32px; height: 32px; }

.mypage-info-area .certification-info .hospital-info .info { float: left; width:calc(100% - 72px); padding: 16px 65px 0 24px; }
.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: 22px; 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/web/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }
.mypage-info-area .certification-info .hospital-info .undefined { padding: 24px 0; text-align: center; font-size: 13px; font-weight: 700; color: #b6b6b6; }

.mypage-info-area.type-b { padding-top: 24px; }
.mypage-info-area.type-b .product-slide-area2 { margin-top: 24px; }
.product-slide-area2 .slide-inner-product .detail-info { font-size: 14px; margin: 16px 0 0; }
.product-slide-area2 .slide-inner-product .reviews-insert span { font-size: 12px; margin: 16px 0 0; }


.modal-layer-area.popup-qna { width: 480px; height: 355px; border-radius: 12px; }


.popup-qna-view { border-top: solid 1px #4a4545; margin-top: 24px; }
.popup-qna-view > ul > li { background: #fff; text-align: left; }
.popup-qna-view > ul > li + li { margin: 16px 0 0; border-top: solid 1px #e6e6e6; }
.popup-qna-view .questions { position: relative; cursor: pointer; padding: 16px 0 0; }
.popup-qna-view .questions .top { overflow: hidden; }
.popup-qna-view .questions .top h6 { float: left; height: 25px; line-height: 25px; font-size: 12px; font-weight: 700; color: #4a4545; }
.popup-qna-view .questions .top .state { float: right; 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; }
.popup-qna-view .questions .top .state.red { color: #ff5a5c; }
.popup-qna-view .questions .top .state.green { color: #31b2ae; }
.popup-qna-view .questions .date { font-size: 12px; color: #b6b6b6; display: block; margin: 4px 0 0; }
.popup-qna-view .questions .questions-content { font-size: 13px; color: #4a4545; margin: 4px 0 0; padding-bottom: 16px; }
.popup-qna-view .content { display: block; border-top: solid 1px #e6e6e6; padding-top: 16px;   }
.popup-qna-view .content .top h6 { height: 25px; line-height: 25px; font-size: 12px; font-weight: 700; color: #4a4545; }
.popup-qna-view .content .answer-content {  margin: 0; padding: 16px; min-height: 82px; border-radius: 6px; background-color: #f9f9f9; }
.popup-qna-view .content .comment-top-area { overflow: hidden; }
.popup-qna-view .content .comment-top-area .username { float: left; height: 17px; line-height: 17px; font-size: 12px; color: #31b2ae; }
.popup-qna-view .content .comment-top-area .username:before { content: ''; display: inline-block; width: 20px; height: 20px; margin: -4px 0 0; vertical-align: middle; background: url(/image/web/common/icon_comment_re.png) center center no-repeat; background-size: contain;	}
.popup-qna-view .content .comment-top-area .date { float: left; margin-left: 16px; height: 17px; line-height: 17px; font-size: 12px; color: #b6b6b6; }
.popup-qna-view .content .comment-content-area p { font-size: 13px; color: #868686; margin: 10px 0 0; }
.popup-qna-view .questions .slide-inner-product { overflow: hidden; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid #e6e6e6; }
.popup-qna-view .questions .slide-inner-product .img { float: left; width: 60px; height: 60px; object-fit:cover; }
.popup-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; }
.popup-qna-view .questions .slide-inner-product .img img:hover { transform:scale(1.05); }
.popup-qna-view .questions .slide-inner-product .info { float: left; display: block; width:180px !important; text-align: left; padding-left: 16px; }
.questions-content img { width: 100px; height: 100px;}

.lately-month-list { overflow: hidden; }
.lately-month-list ul { overflow: hidden; float: left; }
.lately-month-list li { float: left; margin-right: 8px; margin: 0 8px 0 0; }
.lately-month-list li .btn-small { width: 68px; }
.lately-month-list > div { float: right; }
.lately-month-list > div .input { width: 144px; }
.lately-month-list > div span { display: inline-block; margin: 0 6px; }
.lately-month-list .btn-small.line-red { border: 2px solid #ff5a5c; line-height: 30px; font-weight: 700; }


.radio-list ul {overflow: hidden; padding: 4px 0; }
.radio-list li { float: left; width:calc(100%/6); font-size: 13px; }
.radio-list ul + ul { margin: 4px 0 0; }



.simple-product-info-area { position: relative; overflow: hidden; margin-left: 16px; }
.simple-product-info-area .img { float: left; width: 80px; height: 80px; }
.simple-product-info-area .img a { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; }
.simple-product-info-area .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.simple-product-info-area .info { position: relative; float: left; width:calc(100% - 80px); padding-left: 16px; }
.simple-product-info-area .info .product-title { line-height: 1rem; letter-spacing: -0.65px; text-align: left; width: 95%; padding: 3px 0; }
.simple-product-info-area .info .product-title a { display: block; color: #4a4545; font-size: 14px; font-weight: 500; }
.simple-product-info-area .info .product-title a span { font-size: 12px; color: #b6b6b6; }
.simple-product-info-area .info .option { font-size: 11px; color: #b6b6b6; margin: 4px 0 0; width: 95%; }
.simple-product-info-area .info .option + .option { margin: 1px 0 0;}
.simple-product-info-area .info .option span { display: inline-block; margin-right: 16px; color: #b6b6b6; }

/* type-b */
.simple-product-info-area.type-b .img { float: left; width: 40px; height: 40px; }
.simple-product-info-area.type-b .info { position: relative; float: left; width:calc(100% - 40px); padding-left: 4px; }
.simple-product-info-area.type-b .info .product-title { height: 20px; margin: 12px 0 0; }
.simple-product-info-area.type-b .info .product-title a { font-size: 13px; font-weight: 400; }


.regular-shipping-wrap { overflow: hidden; }
.regular-shipping-wrap .regular-shipping-list-area { float: left; width:calc((100% - 24px)/2); }
.regular-shipping-wrap .regular-shipping-list-area:nth-child(2n) { float: right; }

.regular-shipping-list-area { position: relative; background: #fff; padding: 24px 0 0; border-radius: 6px; overflow: hidden; border: 1px solid #e6e6e6; margin: 0 0 24px; }
.regular-shipping-list-area .bottom-title { height: 36px; line-height: 36px; background-color: #f9f9f9; text-align: center; border-top: 1px solid #e6e6e6; }
.regular-shipping-list-area .bottom-title a { display: block; width: 100%; font-size: 12px; 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: 16px; right: 16px; display: inline-block; width: 32px; height: 32px; background: url(/image/web/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/web/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; overflow: hidden; }
.regular-shipping-list-area .select-btn .progress { float: left; width: 86px; 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 24px 24px; }
.regular-shipping-list-area .img-info .img { position: relative; float: left; width: 88px; height: 88px; }
.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: 60px; right: 0; z-index: 1; }
.regular-shipping-list-area .img-info .set > img { width: 32px; height: 32px; }

.regular-shipping-list-area .img-info .info { float: left; width:calc(100% - 88px); height: 88px; padding: 16px 0 0 24px; }
.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: 18px; font-weight: 700; color: #343232; margin: 0 2px 0 0; }
.regular-shipping-list-area .img-info .info .date { font-size: 12px; color: #b6b6b6; }
.regular-shipping-list-area .img-info .info .date span .date-input{ display: inline-block; color: #868686; font-size: 11px; width: 63px; margin-left: 2px;cursor: pointer;}
.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 24px 24px; overflow: hidden; }
.regular-shipping-list-area .shipping-cycle strong { float: left; font-size: 12px; color: #b6b6b6; font-weight: 500; display: inline-block; width: 66px; height: 34px; line-height: 34px; }
.regular-shipping-list-area .shipping-cycle .input { float: right; width:calc(100% - 66px); padding: 7px 16px; border-radius: 4px; font-size: 13px; color: #4a4545; }

/* type-b */
.regular-shipping-list-area.type-b .select-btn { position: absolute; top: 24px; right: 97px; }
.regular-shipping-list-area.type-b .shipping-cycle { position: absolute; bottom: 0; right: 0; }
.regular-shipping-list-area.type-b .shipping-cycle .input { width: 244px; }


/* 상품추가 */
.modal-layer-area.add-product { width: 608px; max-height: 822px; }
.modal-layer-area.add-product .register-write-area { padding: 0; border-bottom: 0; }
.modal-layer-area.add-product .product-box.type-f { height: 140px; }
.modal-layer-area.add-product .search-warp { border-top: 2px solid #f2f2f2;  border-bottom: 2px solid #f2f2f2;  }
.modal-layer-area.add-product .search-warp .search-area { width: 312px; margin: 0 auto; }
.modal-layer-area.add-product .select-product { border: 2px solid #e6e6e6; padding: 16px; }
.modal-layer-area.add-product .btn-group-area .btn-medium { margin: 0 2px; }


/* 정기결제 카드정보 */
.modal-layer-area.card-info { width: 360px; }
.modal-layer-area.card-info .register-write-area { padding: 0; border-bottom: 0; }
.modal-layer-area.card-info .input.square { margin-right: 4px; }
.modal-layer-area.card-info .input.square:last-child { margin-right: 0; }
.modal-layer-area.card-info .btn-group-area .btn-medium { margin: 0; }
.modal-layer-area.card-info .btn-group-area .btn-medium:first-child { margin-right: 2px; }


/* 정기결제 카드정보 */
.modal-layer-area.card-info2 { width: 360px; }
.modal-layer-area.card-info2 .register-write-area { padding: 0; border-bottom: 0; }
.modal-layer-area.card-info2 .input.square { margin-right: 4px; }
.modal-layer-area.card-info2 .input.square:last-child { margin-right: 0; }
.modal-layer-area.card-info2 .btn-group-area .btn-medium { margin: 0; }
.modal-layer-area.card-info2 .btn-group-area .btn-medium:first-child { margin-right: 2px; }


.space { height: 40px; }


.in-use-regular-shipping { overflow: hidden; margin: 24px 0 60px; }
.in-use-regular-shipping > ul > li { float: left; position: relative; display: block; width:calc((100% - 24px)/2);height: 80px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; padding: 0 24px;margin : 0 10px 10px 0; }
.in-use-regular-shipping > ul > li > a:after { position: absolute; top: 50%; margin-top: -16px; right: 12px; content: ''; display: block; width: 32px; height: 32px; background: url(/image/web/common/icon_select_arrow.png) center center no-repeat; background-size: contain; }
.in-use-regular-shipping > ul > li + li { float: left; margin : 0 10px 10px 0;}
.in-use-regular-shipping .info { overflow: hidden; }
.in-use-regular-shipping .info > ul > li { float: left; }
.in-use-regular-shipping .info .interval { height: 80px; 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: 12px; color: #4a4545; }
.in-use-regular-shipping .info .date span { display: inline-block; font-size: 15px; font-weight: 700; color: #4a4545; margin: 0 0 0 8px; }
.in-use-regular-shipping .info .product-name {  width: 190px; font-size: 13px; color: #868686; margin: 4px 0 0; }


.select-coupon-search-area { overflow: hidden; margin: 24px 0 22px; }
.select-coupon-search-area select { float: left; width: 142px; height: 34px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; color: #4a4545; padding-left: 12px; }
.select-coupon-search-area > div { float: right; }
.select-coupon-search-area > div .input { width: 312px; }
.select-coupon-search-area > div button { margin: 0; margin-left: 6px; border-radius: 4px; }


.select-right-area { overflow: hidden; margin: 24px 0 22px; text-align: right; }
.select-right-area select { width: 142px; height: 34px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #ffffff; font-size: 12px; color: #4a4545; padding-left: 12px; }


.select-right-area + .lately-month-date-list { margin-top: 40px; }
.select-coupon-search-area + .lately-month-date-list { margin-top: 60px; }
.lately-month-date-list { overflow: hidden; }
.lately-month-date-list ul { overflow: hidden; float: left; }
.lately-month-date-list li { float: left; margin-right: 8px; margin: 0 8px 0 0; }
.lately-month-date-list li .btn-small { width: 99px; }
.lately-month-date-list > div { float: right; }
.lately-month-date-list > div .input { width: 144px; }
.lately-month-date-list > div span { display: inline-block; margin: 0 6px; }
.lately-month-date-list > div button { margin-left: 6px; border-radius: 4px; }
.lately-month-date-list .btn-small.line-red { border: 2px solid #ff5a5c; line-height: 30px; font-weight: 700; }
.lately-month-date-list .guide-text { margin: 0 0 11px; }
.lately-month-date-list + .board-list-area { margin-top: 16px; }


.coupon-list-area { margin: 24px 0 0; }
.coupon-list-area ul { display: inline-block; width: 100%; height: auto; }
.coupon-list-area li { position: relative; float: left; width:calc((100% - 24px)/2); height: 182px; border: dotted 2px #e6e6e6; background-color: #ffffff; margin: 0 0 24px; padding: 24px; cursor: pointer; }
.coupon-list-area li:nth-child(2n) { float: right; }
.coupon-list-area li .title { font-size: 13px; font-weight: 500; color: #4a4545;width: 60px;display: inline-block;}
.coupon-list-area li .content { height: 36px; line-height: 36px; font-size: 24px; font-weight: 700; color: #ff5a5c; }
.coupon-list-area li .condition1 { font-size: 13px; font-weight: 400; color: #767676; margin: 5px 0 0; }
.coupon-list-area li .date { font-size: 13px; color: #b6b6b6; margin: 4px 0 0; }
.coupon-list-area li .condition2 { position: absolute; bottom: 24px; right: 24px; display: inline-block; width: 71px; height: 23px; line-height: 21px; text-align: center; font-size: 10px; }
.coupon-list-area li .condition2.red { border: solid 1px #ff5a5c; color: #ff5a5c; }
.coupon-list-area li .condition2.gray { border: solid 1px #d6d6d6; color: #b6b6b6; }
.coupon-list-area li .number { position: absolute; top: 20px; right: 68px; display: inline-block; font-size: 12px; color: #868686; }
.coupon-list-area li .d-day { position: absolute; top: 16px; right: -2px; display: inline-block; width: 52px; height: 26px; line-height: 26px; text-align: center; background: #ff5a5c; color: #fff; font-size: 13px; font-weight: 500; }
.coupon-list-area li.disabled { cursor: default; }
.coupon-list-area li.disabled:after { position: absolute; top: 0; left: 0; content:''; display: block; width: 100%; height: 100%; background-color:rgba(255,255,255,0.5); z-index:1; }
.coupon-list-area li.disabled .d-day { right: 0; }
.coupon-list-area + .paginate-area { margin-top: 16px; }
.coupon-list-area .cate-btn {font-size: 12px;border: 1px solid #31b2ae;padding: 0 10px;border-radius: 50px; color: #31b2ae;}
.coupon-list-area li .sub-detail {font-size: 12px;color: #929292;}
.coupon-list-area li .conpon-type-app{margin-top: -20px;font-size: 12px;background: #31b2ae;width: 50px; text-align: center;border-radius: 20px;color: #fff;float: right;}
.coupon-list-area li .sub-content {font-size: 12px;color: #929292;}
.coupon-list-area li .close{display: inline-block;float: right;margin-top: -45px;color: #ff5a5c;}

.select-local-search-area { overflow: hidden; margin: 24px 0 40px; }
.select-local-search-area div.local { float: left; }
.select-local-search-area div.local select { width: 181px; height: 34px; font-size: 13px; color: #4a4545; padding-left: 12px; margin-right: 6px; }
.select-local-search-area div.search { float: right; }
.select-local-search-area div.search .input { width: 240px; }
.select-local-search-area div.search button { margin: 0; margin-left: 6px; border-radius: 4px; }


#wrapper > .mypage-hospital-info-area { border-bottom: 1px solid #e6e6e6; }
.mypage-hospital-info-area { background: #fff; padding: 18px 0; margin: 0 0 8px; }
.mypage-hospital-info-area:after { content: ''; display: block; clear: both; }
.mypage-hospital-info-area .title-info { position: relative; padding: 0 0 16px; margin: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
.mypage-hospital-info-area .title-info h4 { height: 27px; margin: 0; line-height: 27px; font-size: 18px; font-weight: 700; color: #4a4545; }
.mypage-hospital-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/web/common/icon_question_mark.png) center center no-repeat; background-size: contain; }
.mypage-hospital-info-area .title-info .standard { position: absolute; top: 2px; right: 0; display: inline-block; font-size: 11px; color: #868686; }
.mypage-hospital-info-area .title-info .number { position: absolute; top: 2px; right: 0; display: inline-block; }
.mypage-hospital-info-area .title-info .number span { display: inline-block; margin-left: 16px; font-size: 11px; color: #868686; }


.mypage-hospital-area { overflow: hidden; width: 1080px; margin: 0 auto; padding: 8px 0; }
.mypage-hospital-area .img { margin-right:16px; float: left; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; margin-top: 24px; }
.mypage-hospital-area .img img { width: 100%; height: 100%; }
.mypage-hospital-area .info { float: left; width:calc(100% - 90px); overflow: hidden; padding-top: 2px; }
.mypage-hospital-area .info .n1 { float: left; overflow: hidden; margin: 24px 0 0; }
.mypage-hospital-area .info .n1 li.name { text-align: left; }
.mypage-hospital-area .info .n1 li.name { font-size: 12px; color: #4a4545; height: 18px; line-height: 18px; }
.mypage-hospital-area .info .n1 li.name strong { font-weight: 700; }
.mypage-hospital-area .info .n1 li a.modify { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(/image/web/common/icon_modify2.png) center center no-repeat; background-size: contain; margin: -4px 0 0; }
.mypage-hospital-area .info .n1 li .text { display: inline-block; margin: 0 6px; font-size: 12px; color: #767676; }
.mypage-hospital-area .info .n1 li.code { font-size: 11px; color: #868686; margin: 8px 0 0; }

.mypage-hospital-area .info .n2 { float: right; overflow: hidden; margin: 0; }
.mypage-hospital-area .info .n2 > li { position: relative; float: left; height: 124px; padding: 8px 40px; text-align: center; border-left: 1px solid #f2f2f2; }
.mypage-hospital-area .info .n2 > li .title { font-size: 12px; color: #4a4545; }
.mypage-hospital-area .info .n2 .number-area { overflow: hidden; margin: 16px 0 0; }
.mypage-hospital-area .info .n2 .number-area li { float: left; }
.mypage-hospital-area .info .n2 .number-area li .inner-title { font-size: 11px; color: #868686; display: block; }
.mypage-hospital-area .info .n2 .number-area li .number { font-size: 20px; font-weight: 900; display: block; margin: 4px 0 0; }
.mypage-hospital-area .info .n2 .number-area li.s2 { padding: 0 40px; }
.mypage-hospital-area .info .n2 .number-area li.s1 .number { color: #4a4545; }
.mypage-hospital-area .info .n2 .number-area li.s2 .number { color: #31b2ae; }
.mypage-hospital-area .info .n2 .number-area li.s3 .number { color: #b6b6b6; }
.mypage-hospital-area .info .n2 > li .text { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 11px; color: #b6b6b6; text-align: center; }
.mypage-hospital-area .info .n2 > li .text a { color: #b6b6b6; text-decoration: underline; }
.mypage-hospital-area .info .n2 .accumulate-order { text-align: center; margin: 12px 0 0; }
.mypage-hospital-area .info .n2 .accumulate-order .number { font-size: 16px;font-weight: 900; color: #4a4545; display: block; }
.mypage-hospital-area .info .n2 .accumulate-order .inner-title { display: inline-block; height: 19px; line-height: 19px; font-size: 12px; color: #868686; }
.mypage-hospital-area .info .n2 .accumulate-order .price { display: inline-block; height: 19px; line-height: 19px; font-size: 13px; font-weight: 700; color: #868686; }
.mypage-hospital-area .info .n2 .download { margin: 23px 0 0; }
.mypage-hospital-area .info .n2 .download img { width: 32px; height: 32px; }
.mypage-hospital-area .info .n2 .level-area { width: 60px; height: 19px; display: block; margin: 25px auto 0; }


.diagnosis-img img { width: 240px; height: auto; }


/*FAQ 아코디언방식*/
.board-list-area .board-list-content  > .accordion-type > ul { position:relative; cursor:pointer; }
/*.board-list-area .board-list-content  > .accordion-type > ul:after { position:absolute; top:50%; margin-top:-12px;right:12px; content:''; display:block; width: 24px; height: 24px;background: url(/image/web/common/icon_select_arrow_down.png) center center no-repeat; background-size: contain; }*/
.board-list-area .board-list-content  > .accordion-type > ul:after { position:absolute; top:50%; margin-top:-12px;right:12px; content:''; display:block; width: 24px; height: 24px; }
.board-list-area .board-list-content  > .accordion-type > ul.on:after { background: url(/image/web/common/icon_arrow_select_up.png) center center no-repeat; background-size: contain; }
.board-list-area .board-list-content  > .accordion-type > .content { width:100%; height:auto;display:none;border-bottom:1px solid #e6e6e6; padding:24px; }
.board-list-area .board-list-content  > .accordion-type > .content.on { display:block;}
.board-list-area .board-list-content  > .accordion-type > .content > p {font-size:13px; color:#868686;display:block; width:100%; min-height: 100px;}
.board-list-area .board-list-content  > .accordion-type > .content.order-info > p { margin-left: 250px; width: 400px; font-size: 12px; color: #868686; line-height: 1.83; letter-spacing: -0.6px;}


.pet-icon-name > * { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; }
.pet-icon-name img { width: 24px; height: 24px; margin-right: 8px; }


.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; padding: 16px 0 0; }
.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: 235px; height: auto; margin-top: 16px; padding: 0 24px 0 16px; font-size: 16px; color: #4a4545; }
.book-box > ul li.slider > .product-title > a { display: block; width:100%; max-height: 48px; 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/web/common/icon_download.png) 0 center no-repeat; background-size: 24px 24px; padding-left: 28px; margin: 16px 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 > ul li.slider { border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; }
.book-box.type-b > ul li.slider > .product-title { font-size: 14px; }
.book-box.type-b > ul li.slider > .product-title > a { display: block; width:100%; max-height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.book-box.type-b > ul li.slider > .product-ect > ul > li.category { border: solid 1px #b6b6b6; color: #b6b6b6; }
.book-box.type-b > ul li.slider > .product-ect > ul > li.category a { color: #b6b6b6; }


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


.lately-month-area { margin: 40px 0 16px; }



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


/* 2019-12-06 전경진 수정 */
.pg-integration { text-align: center; margin: 0 0 10px; width:100%; line-height: 1.5; font-size: 10px; color: #868686; }
.pg-integration .list ul { overflow: hidden; height: 92px; }
.pg-integration .list li { float: left; width: 12.5%; height: 100%; background: #f6f6f6; border: 1px solid #e6e6e6; border-right: 0; }
.pg-integration .list li:last-child { border-right: 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: 13px; color: #868686; padding: 14px 0; }
.pg-integration .list li a:before { content: ''; display: block; width: 60px; height: 32px; margin: 0 auto 10px; }
.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; }
.pg-integration .list li.on a,
.pg-integration .list li a:hover { border: 2px solid #ff5a5c; cursor: pointer;}
.pg-integration .list li.on a,
.pg-integration .list li a:hover { color: #ff5a5c; }
.pg-integration .list li a.none { background-color: #f9f9f9; }
.pg-integration .list li a.none:hover { border: 0; cursor: default; }

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

.mypage-top-area .info .n2 li .amount small { display: inline-block; margin-left: 4px; text-transform: uppercase; }

.sub-title-small-not-line-area + .guide-text { margin-top: 0; }
.sub-title-small-not-line-area + .guide-text + .btn-group-type1 { margin-top: 16px; }
.member-write-area .guide-text + ul.table { border-top: 1px solid #e6e6e6; margin-top: 17px; }

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

.util-popup .pets-img .img .plus { position:absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; display: inline-block; width: 12px; height: 12px; background: url(/image/web/common/icon_plus.png) center center no-repeat; background-size: contain; }

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

.prescription-guide-img { width: 312px; 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 ul.tab33 li { width: 33.33%; }
.category-encyclopedia-area ul.tab33 li a span { height: 46px; }
.category-encyclopedia-area ul.tab33 li a:hover > span { color: #ff5a5c; border-width: 1px; }

.prescription-code-area .hospital-info.type-b .title .state { display: inline-block; vertical-align: middle; width: 82px; height: 25px; line-height: 25px; text-align: center; border-radius: 12px; background-color: #b6b6b6; font-size: 11px; font-weight: 700; color: #ffffff; margin: 0 0 0 8px; }
.prescription-code-area .hospital-info.type-b .title .modify { display: inline-block; position: absolute; top: -24px !important; right: 0; }

.register-write-area.not-border .sub-title-center-area h1 { font-size: 17px; }
.register-write-area.not-border .sub-title-center-area p { font-size: 12px; }

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

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%; }
.select-calendar div { padding: 8px 12px 8px 6px; }

.btn-group-area .btn-medium.type9 { width: calc(50% - 8px); margin: 0; }
.btn-group-area .btn-medium.type9 + .btn-medium.type9 { margin-left: 8px; }

.select-calendar .type-year { width:calc(50% - 16px);}
.select-calendar .type-month { width:25%; margin:0 8px;}
.select-calendar .type-day { width:25%;}


/* 2019-12-18 전경진 */
.modal-layer-area.qna-insert textarea.input.flexible { padding: 16px; }



/*191218 박상준 /수정 요청 시작 */
.order-select-info { display:inline-block; width:100%; height:auto; }


/* 2019-12-19 전경진 */
.login-chk span { display: inline-block; margin-right: 24px; }
.quantit-total-price { display: inline-block; width: 100%; height: auto; padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; }
.quantit-total-price .cart-list-quantity { float: left; height: 24px; }
.quantit-total-price .cart-list-quantity  .btn-plus span,
.quantit-total-price .cart-list-quantity  .btn-minus span { height: 20px; }
.quantit-total-price .cart-list-quantity + span { display: inline-block; font-size: 12px; color: #b6b6b6; margin-left: 8px; }
.quantit-total-price .total-price { float: right; height: 24px; line-height: 24px; font-family: 'Lato'; font-size: 15px; color: #ff5a5c; font-weight: 900; }
.member-write-area label span.green { display: inline-block; color: #31b2ae; margin-left: 8px; }
.modal-layer-area.regular-delivery { min-width: 420px; }
.modal-layer-area.regular-delivery .member-write-area { text-align: left; }
.modal-layer-area.regular-delivery .modal-content > h5 { margin-bottom: 24px; }
.sub-title-area > h4 { height: 27px;  margin: 0; line-height: 27px;  font-size: 18px; font-weight: 700; color: #4a4545; }
.member-write-area ul.table > li > div { position: relative; }
.member-write-area ul.table > li > div .btn-small { position: absolute; top: 7px; right: 0; }
.modal-layer-area.change-address { min-width: 360px; }
.modal-layer-area.change-address .member-write-area { width: 312px; text-align: left; margin-top: 24px; }
.modal-layer-area.change-address .member-write-area .input.flexible { display: block; width: 100%; }
.modal-layer-area.change-address .member-write-area .btn-small.type10 { width: 94px; }
.input.flexible { padding: 6px; }
.input.flexible.radius { border-radius: 6px; }

.payment-card-management { padding-bottom: 0; }
.payment-card-management .register-write-area { min-width: 360px; padding: 24px 0; }
.payment-card-management .register-write-area .btn-small.line-gray.type4 { height: 40px; line-height: 38px; }


/* 2020.01.02 허정진 추가 */
/* 약관 */
.terms-text-area > pre {
    margin: 15px 0;
    padding: 20px;
    font-size: 13px;
    word-break: break-all;
    white-space: pre-line;
    border: 1px solid #ccc;
    background: #fff;
    line-height: 1.6;
    height: 605px;
    overflow: auto;
}

/* 쇼핑 리스트 shop/product_list.php */
.detail-search-area > ul > li.parent{float:none;width:100%;}
.detail-search-area > ul > li.parent h5{font-weight:800;}
.detail-search-area > ul > li.parent.border-left-0{border-left:4px solid #FFC939;}
.detail-search-area > ul > li.parent.border-left-1{border-left:4px solid #F47332;}
.detail-search-area > ul > li.parent.border-left-2{border-left:4px solid #0072A8;}
.detail-search-area > ul > li.parent.border-left-3{border-left:4px solid #A68870;}
.detail-search-area > ul > li.parent.border-left-4{border-left:4px solid #C0CB89;}
.detail-search-area > ul > li.parent.border-left-5{border-left:4px solid #01673F;}
.detail-search-area > ul > li.parent.border-left-7{border-left:4px solid #888C8F;}
.detail-search-area > ul > li.parent + li.parent{ margin-left: 0; margin-top: 10px; }
.detail-search-area > ul li.child{display:inline-block;margin-right:20px;}
.detail-search-area ul.clearfix + ul.clearfix{margin-top:10px;}

/* red hover시 small tag 는 색깔이 먹지 않음, transition 적용안해주면 시간차가 발생(주의) */
.btn-medium.red small{color: #fff;transition: all 0.5s;}
.btn-medium.red:hover small{color: #ff5a5c;transition: all 0.5s;}

/* http://13.209.136.29/shop/order2.php => 정기배송, 자동결제 정보 에서 사용 */
.border-top{border-top: 1px solid #e6e6e6;}

/* order2.php => 정기배송상품 주문/결제 */
.order-payment-list-info-area .product-img a{box-shadow:1px 1px 1px 1px rgba(0,0,0, 0.2);}
.order-payment-list-info-area .brand{font-weight: 800;color:#31b2ae;}
.order-payment-list-info-area .product-title i, .quantity i{font-size: 13px;}
.order-payment-list-info-area .quantity-price.date{margin-left:6px;}
.order-payment-list-info-area .quantity-price .quantity.color-darkgray{color:#A1A1A1;}

/* member/question_1_list.php */
.board-list-area .board-list-content > div > ul > li.subject > a{
	overflow: visible;
	text-overflow: clip;
	-webkit-line-clamp:inherit;
	width: 95%;
	display: inline;
}

.ui-datepicker{z-index: 100 !important};

/* /shop/product_view.php?pd_idx=117#none */
.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 .title {
    width: 50%;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
}
.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 .content {
    text-align: right;
    border-bottom: 1px solid #e6e6e6;
    padding-right: 0;
}

/* 2020-01-08 약관들 */
/* 정기결제 카드정보 */
.modal-layer-area.yak-info { width: 600px; }

.coupon-area #coupon_select_area { display: inline-block; }
.coupon-area #coupon_select_area li { text-align: left; }

/*========== sso 회원 가입 완료 화면 ==========*/
#sso-join-img > .sso-join-img-area .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; height: 40px; padding: 0; margin: 0; list-style: none; text-align: center; }
#sso-join-img > .sso-join-img-area .slick-dots > li { position: relative; transition: all 0.5s; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; background: #e6e5e5; border-radius: 50%; }
#sso-join-img > .sso-join-img-area .slick-dots li.slick-active { background: #ff5a5c; }
#sso-join-img > .sso-join-img-area .slick-dots li:hover { background: #ff5a5c; }
.sso-join-img-area {width:1080px; margin:auto;}
.sso-join-img-area .slick-slide img { width:100%; }
.sso-join-img-area .sso-join-result-btn-grp { width: 50%; display: flex; margin: -100px auto;}
.sso-join-img-area .sso-join-result-btn-grp a { font-size:18px;}
/*========== sso 회원 가입 완료 화면 끝 ==========*/

.btn-hp-auth{ width: 300px; padding:5px; color: #6f6f6f; background: #efefef;}

.review_sldr{border:1px solid; color: #f6f6f8; padding: 12px;}
.review_sldr img{border-radius: 15px;}


/*20200717 리뷰페이지 지한솔*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

#review_columns.grid{
    /*display: grid;*/
grid-template-columns: repeat(4,1fr);
grid-auto-rows: 10px;
grid-gap: 5px;
}
#review_columns .figure{ width: 245px; float: left;border:0.5px solid #e6e6e6; margin: 10px; padding:17px; border-radius:7px; overflow:hidden;}
#review_columns .figure:hover{ -webkit-box-shadow: 2px 2px 10px #ececec; box-shadow: 2px 2px 10px #ececec; }
#review_columns .figure img{  width:214px; border-radius:7px;}
#review_columns .figure div{ width:100%; font-size:12px; }
#review_columns .figure figcaption{ border-top:0.5px solid #e6e6e6; margin-top:14px; margin-bottom:10px; color:#b6b6b6; font-size:10px; }
#review_columns .review-content-insert{background: #30b2ae;border: none;}
#review_columns .review-content-insert span{display: block;font-size:100px;margin-top:-20px;}
#review_columns .review-content-insert:hover{-webkit-box-shadow: 2px 2px 8px #dadada;box-shadow: 2px 2px 8px #dadada;}
#review_columns .review-content-insert span, #review_columns .review-content-insert li{color:#fff;}
#review_columns .review-content-insert li.review-insert-li-1{width: 160px;margin: auto;border: none;margin-top: -2px;background: #30b2ae;}
#review_columns .review-content-insert li.review-insert-li-2{width: 160px;margin: auto;border: none;margin-bottom: -2px;background: #30b2ae;}
#review_columns .review-content-insert .review-insert-area{margin:auto;width:180px;border:1px solid #fff;margin-bottom: 10px;}
#review_columns .review-content-insert p{margin-top:-10px;margin-bottom: 24px;font-size:16px;color:#fff;font-weight: bold;}
#review_columns .review-product-content2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#b6b6b6;}
#review_columns .review-product-content4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; color:#b6b6b6;}
#review_columns .review-pet-box{display: -webkit-box;display: -ms-flexbox;display: flex;}
#review_columns .review-pet-box .review-pet{font-size:13px;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 figcaption span{color:#b6b6b6;}
#review_columns .review-date{float:right;}
.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;margin-top:10px;padding:0 18px;}
.comp-tab-contents-area .cus-grid button.revi-btn-end{border:none;color:#868686;font-size:14px;border-radius:0;padding:0 18px;}
.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;margin-top:10px;padding:0 18px;}
.comp-tab-contents-area .cus-grid button.active-b{border:none;color:#30b2ae;font-size:14px;font-weight:700;border-radius:0;padding:0 18px;}
.search-sub-title-area.reivew-search-sub .c1_idx{width:151px;}
.search-sub-title-area.reivew-search-sub .c2_idx{width:126px;}
.search-sub-title-area.reivew-search-sub .order-select-right{margin-top:-36px;margin-bottom:40px;}
.search-sub-title-area.reivew-search-sub .order-select-right .input{width:100px;}



/* ppvd */
.ppvd-search-items{margin: 20px;}
.ppvd-ck-button label {border-radius:4px;text-align:center;width:56px;font-size:12px;display:inline-block;margin:2px;padding:3px;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{border-radius: 0;width:200px;border:1px solid #d6d6d6;margin-left:2px;margin-top:-3px;padding:4px 11px;}
.ppvd-sarc-hp-type{margin-top:5px;}
.ppvd-sarc-hp-type input{border-radius: 0;margin-top: -3px;border:1px solid #d6d6d6;width:250px;padding:4px 11px;}
.ppvd-sarc-hp-type button{border-radius: 0;margin-top: -3px;border: 1px solid #4a4545;font-size: 13px;color:#fff;background: #4a4545;padding: 4px;width: 51px;}
.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:56px;font-size:12px;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_address span{font-size: 12px;color: #b9b9b9;display: inline-block;margin-left: 5px;}
.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:13px;padding:2px 9px;}
.ppvd-hp-list ul li.ppvd_left .ppvd_name a i{color:#ff5a5c;font-size:15px;}
.ppvd-hp-list .ppvd-hp-content{border-top:1px solid #d6d6d6;margin-bottom:10px;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: 30px 20px;}
.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:17px;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{font-size: 12px;background-color:#fff;width:60px;display:inline-block;border-radius:5px;text-align:center;margin:5px;padding:3px 2px;}
.ppvd-search-title{display: inline-block;width: 65px;height: 35px;}

.old-terms-list{float: right;width: 300px;position: relative;margin-top: -45px;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; }

.filter-select { background: #fff; padding: 16px 24px; font-size: 24px; }
.filter-select h6 { font-size: 24px; 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: 25%; 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: 24px; color: #31b2ae; padding: 0 8px; margin: 0 2px 4px 0; }