@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; }
.mobile-only { display: none !important; }
.pc-only { display: block !important; }
img { vertical-align: middle; }
hr { border: 0; border-top: 1px solid #e6e6e6; margin: 16px 0; }
input, select, textarea, button { font-family: 'Noto Sans KR', sans-serif; }
select[disabled] { background-color: #f6f6f6; cursor: not-allowed; color: #565656; }

.accordion { width: 100%; }
.border-top { border-top: 1px solid #e6e6e6; }
.border-bottom { border-bottom: 1px solid #e6e6e6; }
.not-border-bottom { border-bottom: 0 !important; }
.t-underline { text-decoration: underline; }
.bgwhite { background-color: #fff; }
.icon-new { display: inline-block; vertical-align: middle; width: 31px; height: 14px; background: url(../../images/mobile/icon_new.png) center center no-repeat; background-size: contain; }
.icon-sold-out { width: 38px; height: 18px; background: url(../../images/mobile/icon_sold-out.png) center center no-repeat; background-size: contain; display: inline-block; }
.icon-sold-out span { display: none; }
.btn-add { width: calc(100% - 78px); margin-right: 8px; }
.unit-add { width: calc(100% - 20px); margin-right: 4px; }
.valign-middle { vertical-align: middle; }

.textarea-regular { display: inline-block; min-width: 200px; padding: 10px 12px; border: solid 1px #e9e9e9; background-color: #ffffff; font-size: 13px; font-weight: 400; text-align: left; color: #161616; letter-spacing: -0.65px; transition:all 0.5s; }
.btn-small { color: #868686; font-size: 12px; font-weight: 500; }
.btn-regular { font-size: 12px; font-weight: 500; color: #868686; border-radius: 2px; }
.btn-medium { font-weight: 500; }
a.btn-medium { display: inline-block; vertical-align: middle; }
.lineh-15 { line-height: 1.5; }
.lineh-155 { line-height: 1.55; }
.margin-t40 { margin-top: 40px !important; }
.margin-t48 { margin-top: 48px !important; }
.margin-b132 { margin-bottom: 132px !important;}
.margin-l40 { margin-left: 40px !important;}
.margin-l46 { margin-left: 46px !important;}
.padding-t40 { padding-top: 40px !important; }
.width34 { min-width: 34px !important; width: 34px !important; }
.width78 { width: 78px !important; }
.width160 { min-width: 160px !important; width: 160px !important; }
.width226 { width: 226px !important; }
.width240 { min-width: 240px !important; width: 240px !important; }
.gray-89-font { color: #868686 !important; }

.file-upload .gallery .img-thumb { width: 76px; height: 76px; border-radius: 4px; overflow: hidden; }
.file-upload .gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.file-upload .btn-regular { min-width: 190px; font-weight: 500; color: #868686; border-radius: 4px; }

.datepicker-here.icon-type { background: #ffffff url(../../images/component/icon_date.png) right 5px center no-repeat; background-size: 24px 24px; padding-left: 12px; }

.btn-split2 { float:left; width: calc((100% - 8px)/2) !important; margin: 0; }
.btn-split2 + .btn-split2{ margin-left: 8px; }

.btn-split3 + .btn-split3 { margin-left: 8px; }
.btn-split3 { float:left; width: calc((100% - 16px)/3) !important; margin: 0; }

/*input-split*/
.input-split2 { float:left; min-width: calc((100% - 8px)/2) !important; width: calc((100% - 8px)/2) !important; margin: 0; }
.input-split2 + .input-split2 { margin-left: 8px; }
.input-split3 { float:left; min-width: calc((100% - 16px)/3) !important; width: calc((100% - 16px)/3) !important; margin: 0; }
.input-split3 + .input-split3 { margin-left: 8px; }
.input-split4 { float:left; min-width: calc((100% - 24px)/4) !important; width: calc((100% - 24px)/4) !important; margin: 0; }
.input-split4 + .input-split4 { margin-left: 8px; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.f-left { float: left; }
.f-right { float: right; }

.like > a { display: block; width: 32px; height: 32px; transition: all 0.5s; background: url(../../images/mobile/icon_heart_n.png) center center no-repeat; background-size: contain; transform: scale(1.0); }
.like > a.active { background: url(../../images/mobile/icon_heart_s.png) center center no-repeat; background-size: contain; }

input[type="checkbox"] { margin-top: -3px !important; }
input[type="radio"] { margin-top: -2px !important; }
input[type="checkbox"]:checked { background-color: #005cd9; border: 1px solid #005cd9; }
input[type="radio"]:checked:before { background: #005cd9; }

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

input[type='text']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='email']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='password']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='number']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='tel']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='button']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='submit']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='reset']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='file']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
input[type='search']::placeholder { color:#b6b6b6; letter-spacing:-1px;}
textarea::placeholder { color:#b6b6b6; letter-spacing:-1px;}


/*인덱스팝업*/
.index-popup { min-width: calc(100% - 48px) !important; max-width: calc(100% - 48px) !important; }
.index-popup .btn-split2 { width: 50% !important; }
.index-popup .btn-split2.btn-medium { border: 0 !important; border-top: 1px solid #e6e6e6 !important; border-radius: 0!important; }
.index-popup .btn-split2.btn-medium + .btn-split2.btn-medium { border-left: 1px solid #e6e6e6 !important; }
.index-popup .popup-content img { width: 100%; }

/*mobile용*/
.popup { min-width: calc(100% - 32px); width: calc(100% - 32px); margin-top: 20px; }
.popup .inner-wrap { padding: 32px 24px 24px; }
.popup .inner-wrap .popup-header { font-size: 18px; margin-bottom: 18px; }
.popup .temp-content { padding: 0; height: 440px; }
.popup .inner-wrap .popup-close { width: 26px; height: 26px; }

.paginate-area { display: block; width: 226px; margin: 24px auto; }
.paginate-area ul li.on a { background: #005cd9; border: 1px solid #005cd9; }
.paginate-area ul li.on a:hover { background: #005cd9; border: 1px solid #005cd9; }

.btn-switch { width: 54px !important; height: 26px !important; border-radius: 50vh; }
.btn-switch:after { width: 22px; height: 22px; box-shadow:0 1px 8px rgba(0,0,0,0.1); background:#fff; content:''; border-radius: 50vh; margin-top: -11px; right: 1px; }
.btn-switch.inactive:after { left: 1px !important; }

.app-setting { background-color: #fff; border-bottom: 1px solid #e6e6e6; }
.app-setting > ul { overflow: hidden; }
.app-setting > ul > li h1 { padding: 16px 16px; float: left; font-size: 14px; font-weight: 500; }
.app-setting > ul > li .switch-setting { padding: 10px 16px; float: right; text-align: right; }
.app-setting > ul > li p { clear: both; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.7px; text-align: left; color: #767676; padding: 0 16px 12px; }

.star-rating-insert ul li { width: 32px; height: 32px; }
.star-rating-insert.medium ul li { margin-right: -3px; width: 16px; height: 16px; }

/*■■■탭메뉴*/
.tab-menu .inner-wrap .tab-header { height: 40px; background: #fff; border: 0; }
.tab-menu .inner-wrap .tab-header li { color: #868686; border: 0; border-bottom: 1px solid #e6e6e6; }
.tab-menu .inner-wrap .tab-header li.active,
.tab-menu .inner-wrap .tab-header li.active:hover { background: #fff; font-weight: bold; color: #004db5; border: 0; border-bottom: 2px solid #004db5; }
.tab-menu .inner-wrap .tab-content { height: auto; margin-top: 0; border: 0; padding: 24px 16px; }
/* type-b */
.tab-menu.type-b .inner-wrap .tab-header li { border: solid 1px #e9e9e9; border-bottom: solid 1px #161616; font-size: 12px; font-weight: normal; line-height: 1.33; letter-spacing: -0.36px; color: #a6a6a6; }
.tab-menu.type-b .inner-wrap .tab-header li + li { border-left: 0; }
.tab-menu.type-b .inner-wrap .tab-header li.active,
.tab-menu.type-b .inner-wrap .tab-header li.active:hover { border: solid 1px #161616; border-bottom: 0; font-weight: bold; color: #464646; }
.tab-menu.type-b .inner-wrap .tab-content { height: auto; margin-top: 0; border: 0; padding: 32px 0 0; }


/*======================================
1. 공통 요소 영역 (헤더/푸터/퀵메뉴 등)
======================================*/
html { width: 100%; }
body { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #f3f3f3; }
#sb-site { width: 100%; }
#wrapper { width: 100%; height: 100%; padding: 44px 0 0; }
#header { position: fixed; top: 0; left: 0; width: 100%; height: 44px; padding: 6px 0; background-color: #fff; border-bottom: 1px solid #e6e6e6; z-index: 10; }
#content { width: 100%; min-height: 400px; }
#footer { width: 100%; padding: 50px 16px 64px; background-color: #f3f3f3; }


body.bgwhite { background-color: #fff; }
body.not-footer #footer,
body.not-footer #to-top { display: none; }
body.footer-fixed-padding #wrapper { padding-bottom: 60px; }
body.footer-fixed-padding #to-top { bottom: 68px; }


/* 헤더 */
#header .left { float: left; height: 100%; }
#header .right { float: right; height: 100%; }
#header .right > a { margin-right: 12px; }
#header > h1 { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 40px; }
#header > h1 a { display: inline-block; width: 100%; height: 100%; background: url(../../images/mobile/logo.png) center center no-repeat; background-size: contain; text-indent: -5000px; }
#header > h1.active { display: inline-block; }
#header .back { display: inline-block; width: 48px; height: 28px; background: url(../../images/mobile/icon_back.png) center center no-repeat; background-size: contain; text-indent: -5000px; margin: 2px 0; }
#header .back.not { display: none; }
/*menu*/
#header .menu { display: block; width: 32px; height: 32px; background: url(../../images/mobile/icon_menu.png) center center no-repeat; background-size: contain; text-indent: -5000px; }
#header .menu.not { display: none; }


body.index #header { background-image: linear-gradient(to left, #005cd9, #004db5); }
body.index #header > h1 a { background: url(../../images/mobile/logo_white.png) center center no-repeat; background-size: contain; }
body.index #header .menu { background: url(../../images/mobile/icon_menu_white.png) center center no-repeat; background-size: contain; }


/* 푸터 */
#footer .toggle-btn { display: block; height: 24px; font-size: 12px; line-height: 24px; letter-spacing: -0.6px; text-align: center; color: #868686; margin: 0 0 19px; }
#footer .toggle-btn:after { content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../../images/component/icon_accordion_arrow_down.png) no-repeat left top; background-size: cover; margin: -3px 0 0 8px; }
#footer.on .toggle-btn:after { background: url(../../images/component/icon_accordion_arrow_up.png) no-repeat left top; background-size: cover; }
#footer .toggle-box { display: none; background: #ffffff; padding: 16px 16px 24px; text-align: left; font-size: 12px; color: #b6b6b6; margin: 0 0 24px; border-radius: 8px; line-height: 1.8; letter-spacing: -0.6px; font-weight: 400; }
#footer.on .toggle-box { display: block; }
#footer .toggle-box h2 { margin: 4px 0; line-height: 1; height: 18px; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.6px; color: #868686; }
#footer .toggle-box ul + h2 { margin-top: 16px; }
#footer .toggle-box li.tel a { display: block; font-family: Roboto; font-size: 15px; font-weight: bold; line-height: 1.2; letter-spacing: normal; text-align: left; color: #565656; }
#footer .toggle-box li { color: #b6b6b6; margin: 4px 0 0; }
#footer .toggle-box span { display: inline-block; color: #b6b6b6; font-size: 12px; font-weight: 400; letter-spacing: -0.6px; }
#footer .toggle-box span + span { margin-left: 8px; }
#footer .toggle-box a { color: #b6b6b6; }
#footer .copyright { text-align: center; height: 18px; font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: -0.6px; color: #d6d6d6; }


#to-top { position: absolute; bottom: 12px; right: 12px; z-index: 50; }
#to-top a { display: inline-block; width: 42px; height: 42px; background: url(../../images/mobile/to_top.png) center center no-repeat; background-size: contain; }


/* 메뉴레이어 */
.con_bg { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); text-indent: -5000px; z-index: 99;}
.con_bg.on {display: block; }
.sb-slidebar.sb-right { background: #fff; overflow: hidden; z-index: 100; }
.sb-slidebar .top { background-image: linear-gradient(to left, #005cd9, #004db5); padding: 2px 0; text-align: left; overflow: hidden; height: 110px; }
.sb-slidebar .top h1 { display: block; width: 60px; height: 40px; }
.sb-slidebar .top h1 a { display: block; width: 100%; height: 100%; }
.sb-slidebar .top h1 a img { width: 100%; height: 100%; }
.sb-slidebar .top .sb-close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; background: url(../../images/mobile/icon_close_white.png); background-size: contain; text-indent: -5000px; z-index: 10; }
.sb-slidebar .top a.t-underline { display: block; color: #efd4d5; font-size: 11px; }
.sb-slidebar .top > div { padding: 16px; }
.sb-slidebar .gnbWrap { height: 100%; overflow: auto; background: #e9e9e9; padding-bottom: 240px; }
.sb-slidebar .gnbWrap .gnbBox { margin: 0; padding: 0; }
.sb-slidebar .gnbWrap .gnbBox > li { margin: 0; margin: 0; padding: 0; list-style-type: none; }
.sb-slidebar .gnbWrap .gnbBox > li + li { border-top: 1px dotted #f3f3f3; }
.sb-slidebar .gnbWrap .gnbBox > li > a,
.sb-slidebar .gnbWrap .gnbBox > li .title { position: relative; display: block; padding: 14px 20px 14px 16px; height: auto; line-height: 1.47; font-size: 14px; color: #161616; font-weight: 500; background: #fff; }
.sb-slidebar .gnbWrap .gnbBox > li .title { background: #fff url(../../images/component/icon_accordion_arrow_down.png) right 10px center no-repeat; background-size: 28px 28px; }
.sb-slidebar .gnbWrap .gnbBox > li .title a { color: #464646; }
.sb-slidebar .gnbWrap .gnbBox > li ul { display: none; background: #f6f6f6; border-top: 1px dotted #f3f3f3; border-bottom: 1px dotted #f3f3f3; padding: 4px 4px 4px; margin: 0; }
.sb-slidebar .gnbWrap .gnbBox > li ul li a { display: block; font-size: 12px; line-height: 1.5; text-align: left; color: #565656; margin: 12px 0 12px 12px; }
.sb-slidebar .gnbWrap .gnbBox > li ul li a:before { content: " - "; }
.sb-slidebar .gnbWrap .gnbBox > li.on .title { background: #fff url(../../images/component/icon_accordion_arrow_up.png) right 10px center no-repeat; background-size: 28px 28px; }
.sb-slidebar .gnbWrap .gnbBox > li.on ul { display: block; }
.sb-slidebar .gnbWrap .gnbBox > li.on .title.type-b { background: #fff url(../../images/component/icon_accordion_arrow_down.png) right 10px center no-repeat; background-size: 28px 28px; }

/*========== 컨텐츠 공용 시작 ==========*/
/*swiper*/
.slider .swiper-container { height: auto; }
.swiper-container.main-visual .swiper-slide img { width: 100%; }
.swiper-container-horizontal >.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 8px; }
.swiper-pagination-bullet.swiper-pagination-bullet { width: 6px; height: 6px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c8242c; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px;}


.list-empty { padding: 104px 0 180px; text-align: center; }
.list-empty img { width: 80px; height: 80px; }
.list-empty p { font-size: 12px; font-weight: 400; color: #a6a6a6; text-align: center; margin: 0; letter-spacing: normal; }
.list-empty.small { padding: 24px 0; }
.list-empty.large { padding: 200px 0 296px; }


/*서브타이틀*/
.sub-title-area h1 { position: fixed; top: 6px; left: 77px; width: calc(100% - 144px); height: 32px; line-height: 32px; text-align: center; font-size: 15px; font-weight: 500; z-index: 100; }
.sub-title-area.type-b h1 { left: 45px; width: calc(100% - 90px); }


/*temp-content*/
.temp-content { position: fixed; left: 0; top: 44px; width: 100%; height: calc(100% - 44px); padding: 16px; background: #fff; }
.temp-content pre { padding: 16px; height: 100%; background-color: #fff; font-size: 13px; color: #a6a6a6; line-height: 1.5; overflow-x: hidden; overflow-y: auto; white-space: pre-line; border: 1px solid #e6e6e6; border-radius: 4px; }


/*결과*/
.result-area { background: #fff; padding: 50px 32px 48px; text-align: center; }
.result-area img { display: block; margin: 0 auto; width: 64px; height: 64px; }
.result-area > h1 { font-size: 16px; font-weight: bold; line-height: 1.5; text-align: center; margin: 24px 0 0; }
.result-area > p { font-size: 12px; text-align: center; color: #868686; line-height: 1.5; margin: 8px 0 0; }


.member-out-radio li + li { margin: 8px 0 0; }


/*게시판 목록 공통*/
.board-list-area { background: #fff; padding: 18px 16px 0; border-bottom: 1px solid #e6e6e6; }
.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: 14%; }
.board-list-area ul li.date { width: 25%; }
.board-list-area ul li.state { width: 25%; }
.board-list-area ul li.price { width: 22%; }
.board-list-area ul li.split2 { width: 50%; }
.board-list-area ul li.split3 { width: 33.3%; }
.board-list-area ul li.split4 { width: 25%; }
.board-list-area ul li.split5 { width: 20%; }
.board-list-area ul li.split6 { width: 16.66%; }
.board-list-area ul li.split7 { width: 14.28%; }

.board-list-area .board-list-header ul li { padding: 10px 0; text-align: center; font-size: 10px; color: #a6a6a6; background: #f9f9f9; border-top: 1px solid #161616; }
.board-list-area .board-list-header > div { width: 100%; display: block; height: auto; background: #f9f9f9; padding: 0; }
.board-list-area .board-list-content > div { position: relative; width: 100%; display: block; height: auto; background: #fff; padding: 0; }
.board-list-area .board-list-content > div + div { border-top: 1px solid #e6e6e6; }
.board-list-area .board-list-content > div > ul > li { padding: 8px 0; height: 50px; font-size: 12px; line-height: 1.46; letter-spacing:-0.65px; text-align: center; color: #767676; }
.board-list-area .board-list-content > div > ul > li.subject { position: relative; text-align: left; padding-left: 8px; color: #464646; }
.board-list-area .board-list-content > div > ul > li.subject > a p { font-size: 12px; color: #161616; width: 95%; }
.board-list-area .board-list-content > div > ul > li.subject a:hover { text-decoration: underline; }
.board-list-area .board-list-content > div > ul > li.date { font-size: 12px; color: #868686; }
.board-list-area .board-list-content > div > ul > li.state span { font-size: 12px; color: #868686; font-weight: 500; }


/* faq */
.accordion.faq { background: #fff; padding: 16px 16px 24px; width: 100%; border-bottom: 1px solid #e6e6e6; }
.accordion.faq .inner-wrap { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #161616; }
.accordion.faq .inner-wrap > ul > li .accordion-header { position: relative; height: auto; padding: 8px 40px 8px 24px; }
.accordion.faq .inner-wrap > ul > li .accordion-header:before { position: absolute; left: 14px; top: 10px; content: 'Q'; display: inline-block; font-size: 14px; font-weight: bold; color: #004db5; }
.accordion.faq .inner-wrap > ul > li .accordion-header p { font-size: 13px; line-height: 1.4; }
.accordion.faq .inner-wrap > ul > li .accordion-content { position: relative; background-color: #f9f9f9; padding-left: 24px; min-height: 120px; }
.accordion.faq .inner-wrap > ul > li .accordion-content:before { position: absolute; left: 14px; top: 16px; content: 'A'; display: inline-block; font-size: 14px; font-weight: bold; color: #a6a6a6; }
.accordion.faq .inner-wrap > ul > li .accordion-content p { font-size: 12px; color: #868686; line-height: 1.5; letter-spacing: -0.6px; }


/*게시판 보기*/
.board-view-area { background: #fff; padding: 0 16px 40px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.board-view-area .header { position: relative; border-bottom: 1px solid #e6e6e6; display: inline-block; width: 100%; height: auto; padding: 16px 0; }
.board-view-area .header h1 { font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.7px; word-break: break-all; }
.board-view-area .header .info { margin: 10px 0 0; }
.board-view-area .header .info li { float: left; font-size: 11px; color: #868686; margin: 0 8px 0 0; }
.board-view-area .header .info li a { font-size: 11px; color: #868686; text-decoration: underline; }
.board-view-area .header .info li.hit:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_hit.png) center center no-repeat; background-size: contain; }
.board-view-area .header .info li.cate { width: 34px; height: 18px; border-radius: 2px; background-color: #e4f0ff; font-size: 10px; font-weight: normal; line-height: 18px; letter-spacing: -0.5px; text-align: center; color: #004db5; }

.board-view-area .header .info .report { position: absolute; bottom: 12px; right: 0; width: 32px; height: 32px; background: url(../../images/mobile/icon_report_n.png) center center no-repeat; background-size: contain; margin-top: -8px; }
.board-view-area .header .info .report.active { background: url(../../images/mobile/icon_report_s.png) center center no-repeat; background-size: contain; }

.board-view-area .content { padding: 14px 0 24px; font-size: 13px; color: #363636; line-height: 1.4; min-height: 320px; word-break: break-all; }
.board-view-area .content img { max-width: 100%; margin: 16px 0 0; }
.board-view-area .img img { max-width: 100%; height: auto; }
/*답변*/
.board-view-area .re-header { text-align: center; height: 32px; line-height: 32px; background-color: #f3f3f3; font-size: 12px; font-weight: 500; color: #767676; }


/*admin-re*/
.admin-re { border-top: 1px solid #e6e6e6; }
.admin-re > h1 { background-color: #f9f9f9; padding: 8px; font-size: 12px; font-weight: 400; color: #a6a6a6; text-align: center; }
.admin-re > div { font-size: 13px; color: #161616; padding: 24px 0; line-height: 1.46; min-height: 170px; }


/*table-type-area*/
.table-type-area > ul { border-top: 1px solid #161616; padding-top: 1px; }
.table-type-area > ul > li { display: table; width: 100%; margin: 0; height: 48px; border-bottom: 1px solid #e6e6e6; }
.table-type-area > ul > li > * { display: table-cell; vertical-align: middle; padding: 12px; }
.table-type-area > ul > li > .title { font-size: 12px; font-weight: 400; color: #868686; background-color: #f9f9f9; width: 90px; padding-right: 0; }
.table-type-area > ul > li > .title span { color: #c8242c; }
.table-type-area > ul > li > .con { position: relative; font-size: 12px; color: #565656; padding-right: 0; }
.table-type-area > ul > li > .con .tel { position: absolute; top: 8px; right: 0; display: block; width: 32px; height: 32px; background: url(../../images/mobile/icon_tel_large.png) center center no-repeat; background-size: contain; }


/*block-type-area*/
.block-type-area { background: #fff; padding: 0 16px 32px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.block-type-area h1 { margin: 0 0 16px; }
.block-type-area > ul > li { margin: 24px 0 0; }
.block-type-area > ul > li .title { font-size: 12px; font-weight: 600; color: #868686; padding: 2px 0; }
.block-type-area > ul > li .title > span { display: inline-block; margin: 0 2px 0 0; color: #004db5; font-weight: bold; }
.block-type-area > ul > li .con { margin: 8px 0 0; font-size: 12px; }
.block-type-area > ul > li .con .unit-box .input-regular { width: calc(100% - 40px); }
.block-type-area > ul > li input[type="radio"] { vertical-align: middle; margin-top: -2px; }
.block-type-area > ul > li .con .search-date input.input-regular { width: calc(50% - 10px); }
.block-type-area > ul > li .con input[type="radio"] { margin-left: 0; }
.block-type-area > ul > li .con .btn-add + .btn-regular { padding:0 0; }
/* type-b */
.block-type-area.type-b > ul > li { margin: 0; padding: 16px 0; overflow: hidden; }
.block-type-area.type-b > ul > li + li { border-top: 1px solid #e6e6e6; }
.block-type-area.type-b > ul > li:after { content: ''; display: block; clear: both; }
.block-type-area.type-b > ul > li .title { float: left; width: 104px; }
.block-type-area.type-b > ul > li .con { float: left; width: calc(100% - 104px); margin: 0; }
.block-type-area.type-b > ul > li .con.flexible { width: 100%; margin: 8px 0 0; }


.help-text { font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.55px; text-align: left; color: #868686; margin: 8px 0 0; }
.help-text.icon-type { background: url(../../images/mobile/icon_help.png) 0 0 no-repeat; background-size: 16px; padding-left: 20px; }
.help-text.icon-type.type2 { background: url(../../images/mobile/icon_help.png) 0 5px no-repeat; background-size: 16px; }


.push-list { margin: 16px 0 0; }
.push-list > ul > li { position: relative; }
.push-list > ul > li a { display: block; border: 1px solid #e6e6e6; border-radius: 4px; padding: 16px 40px 16px 16px; background: #fff; margin: 8px 0 0; }
.push-list > ul > li .date { font-size: 13px; color: #004db5; }
.push-list > ul > li .con { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.65px; text-align: left; margin: 8px 0 0; }
.push-list > ul > li .delete { position: absolute; top: 10px; right: 10px; display: block; width: 20px; height: 20px; background: url(../../images/component/icon_modal_close.png) center center no-repeat; background-size: contain; z-index: 1; }
.push-list > ul > li.read a { background: #f9f9f9; }
.push-list > ul > li.read .date { color: #a6a6a6; }
.push-list > ul > li.read .con { color: #a6a6a6; }


/* Login */
.login-area { background: #fff; padding: 32px 32px 48px; text-align: center; }
.login-area h1 { margin: 0 0 16px; line-height: 1; text-align: center; }
.login-area h1 img { width: 140px; height: 88px; }
.login-area .input { width: 100%; height: 50px; border-radius: 4px; padding: 15px 16px; font-size: 14px; letter-spacing:-0.65px; }
.login-area li + li { margin-top: 8px; }
.login-chk-link { margin-top: 16px; }
.login-chk-link:after { content: ''; display: block; clear: both; }
.login-chk-link .chk { float: left; }
.login-chk-link .chk > label { display: inline-block; vertical-align: middle; margin: -3px 0 0; font-size: 11px; letter-spacing: -0.55px; cursor: pointer; color: #868686; }
.login-chk-link .chk input { margin: 0 4px 0 0; }
.login-chk-link .link { float: right; }
.login-chk-link .link a { font-size: 11px; color: #868686; text-decoration: underline; display: inline-block; margin-right: 8px; }
.login-area .login-join { text-align: center; margin: 16px 0 0; font-size: 12px; color: #868686; }
.login-area .login-join a { font-size: 12px; text-decoration: underline; display: inline-block; margin: 8px 0 0 12px; }

.login-area .kakaotalk:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/mobile/icon_s_kakaotalk.png) center center no-repeat; background-size: contain; }
.login-area .naver:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/mobile/icon_s_naver.png) center center no-repeat; background-size: contain; }
.login-area .facebook:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 32px; height: 32px; background: url(../../images/mobile/icon_s_facebook.png) center center no-repeat; background-size: contain; }
.login-area .btn-medium { color: #868686; border: solid 1px #e6e6e6; font-weight: 500; }

/*회원약관*/
.member-content { background: #fff; padding: 1px 16px 116px; }
.member-content .member-agree { margin: 24px 0 0; }
.member-content .member-agree h1 { font-size: 12px; }
.member-content .member-agree textarea.textarea-regular { height: 120px; border-radius: 8px; background-color: #f9f9f9; padding: 12px 16px; border: 0; font-size: 12px; color: #868686; margin: 8px 0 0; }
.member-content .member-agree label { display: block; margin: 8px 0 0; }
.member-content label span { font-size: 13px; color: #161616; }
.member-content label input { margin-top: 2px !important; }
.member-content .member-checked-all { margin: 24px 0 0; }
.member-content input[type="checkbox"] { margin-left: 0; }


/* 회원용 */
.member-write-area { overflow: hidden; width: 100%; padding: 24px 16px; }
.member-write-area > h1 { font-size: 18px; font-weight: 700; color: #161616; text-align: center; margin: 60px 0; }
.member-write-area label { display: block; font-size: 13px; color: #161616; margin: 24px 0 5px; }
.member-write-area label span { font-weight: bold; }
.member-write-area .btn-group-area { margin: 24px 0 0; text-align: center; }
.member-write-area .btn-group-area .btn-small { display: inline-block; width: calc((100% - 15px)/3); font-size: 13px; height: 36px; line-height: 34px; }
.member-write-area .btn-group-area .btn-small + .btn-small { margin-left: 4px; }
.member-write-area .member-guide-text { font-size: 15px; color: #161616; line-height: 1.8; margin: 48px 0; text-align: center; word-break: keep-all; }
.member-write-area .member-guide-text strong { font-weight: 900; }
.member-write-area .btn-regular { padding: 0; }

/*========== 컨텐츠 공용 끝 ==========*/


/*========== 컨텐츠 시작 ==========*/
.my-location { position: relative; padding: 6px 62px 6px 14px; background-image: linear-gradient(to left, #005cd9, #004db5); overflow: hidden; }
.my-location select { float: left; min-width: calc((100% - 12px)/3); padding-left: 12px; line-height: 1; border: 0; color: #fff; background: url(../../images/mobile/icon_select_arrow_white.png) no-repeat right center; background-size: 20px; margin: 0 4px 0 0; }
.my-location select option { color: #000; }
.my-location .btn-location { position: absolute; top: 2px; right: 10px; width: 44px; height: 44px; background: url(../../images/mobile/icon_location.png) center center no-repeat; background-size: contain; }


.cscenter-banner { padding: 0 16px 16px; }
.cscenter-banner > div { position: relative; display: block; height: 94px; border-radius: 12px; background-color: #ffffff; padding: 20px 24px; }
.cscenter-banner > div:after { position: absolute; bottom: 4px; right: 8px; content: ''; display: block; width: 136px; height: 104px; background: url(../../images/mobile/cscenter-banner_bg.png) center center no-repeat; background-size: contain; }
.cscenter-banner h1 { font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.48px; z-index: 2; }
.cscenter-banner h1:after { content: ''; display: block; width: 115px; height: 6px; background-color: #ffe605; margin: -8px 0 0 34px; z-index: 1; }
.cscenter-banner p { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 8px 0 0; }


.search-area { background-color: #ffffff; padding: 16px; overflow: hidden; }
.search-area select { float: left; min-width: 120px; margin: 0 8px 0 0; }
.search-area .search-regular .input-regular { width: calc(100% - 128px); }
.search-area .result { text-align: right; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; }
.search-area .result span { color: #004db5; font-weight: 500; }


.select-result { background-color: #ffffff; padding: 24px 16px 16px; }
.select-result h1 { font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; border-bottom: 1px solid #161616; padding-bottom: 8px; }
.select-result h1 span { font-weight: bold; color: #004db5; }


.partner-list { background-color: #ffffff; padding: 0 16px 32px; overflow: hidden; }
.partner-list .area { position: relative; overflow: hidden; margin: 16px 0 0; }
.partner-list .area:first-child { margin-top: 8px; }
.partner-list .area .img { float: left; width: 120px; height: 90px; border-radius: 4px; overflow: hidden; }
.partner-list .area .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.partner-list .area .info { float: left; width: calc(100% - 120px); padding-left: 16px; }
.partner-list .title-score { overflow: hidden; }
.partner-list .title { float: left; width: calc(100% - 36px); font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.42px; padding-right: 16px; }
.partner-list .title-score .score { float: left; width: 36px; padding-right: 16px; text-align: left; margin: 2px 0; font-size: 12px; color: #565656; background: url(../../images/component/icon_star_rating_s.png) right center no-repeat; background-size: 16px; }
.partner-list .cate-name { overflow: hidden; margin: 6px 0 0; }
.partner-list .cate-name .cate { float: left; width: calc(100% - 70px); line-height: 1; }
.partner-list .cate-name .cate div { display: inline-block; vertical-align: middle; height: 18px; border-radius: 2px; background-color: #e4f0ff; font-size: 10px; line-height: 1.5; letter-spacing: -0.5px; text-align: center; color: #004db5; padding: 1px 8px; margin: 0 0 0; }
.partner-list .cate-name .name { float: left; width: 70px; text-align: right; font-size: 11px; font-weight: 500; letter-spacing: -0.33px; color: #565656; margin: 3px 0 0; }
.partner-list .cont { font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #868686; margin: 8px 0 0; }
.partner-list .option { margin: 4px 0 0; }
.partner-list .option span { display: inline-block; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 0 6px 0 0; }
.partner-list .cont + .date { margin: 8px 0 0; }
.partner-list .date { margin: 4px 0 0; }
.partner-list .date span { display: inline-block; font-size: 11px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #a6a6a6; margin: 0 6px 0 0; }
.partner-list .date { font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: left;
 color: #a6a6a6; margin: 4px 0 0; }
.partner-list .favorite { position: absolute; top: 20px; left: 4px; width: 24px; height: 24px; background: url(../../images/mobile/icon_favorite.png) center center no-repeat; background-size: contain; }
.partner-list .favorite.active { background: url(../../images/mobile/icon_favorite_s.png) center center no-repeat; background-size: contain; }
.partner-list .chk { position: absolute; top: 8px; left: 2px; z-index: 1; }

/* type-b */
.partner-list.type-b { padding-top: 16px; }
.partner-list.type-b .area:first-child { margin-top: 8px; padding-top: 16px; border-top: 1px solid #161616; }
.partner-list.type-b .area { padding-top: 16px; border-top: 1px solid #e6e6e6; }

/* type-c */
.partner-list.type-c { padding-top: 0; padding-bottom: 16px; }
.partner-list.type-c .area:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.partner-list.type-c .area { padding-top: 16px; border-top: 1px solid #e6e6e6; }
.partner-list.type-c .price { margin: 8px 0 0; font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.partner-list.type-c .price span { font-weight: bold; color: #005cd9; }


.category-list { background-color: #ffffff; padding: 16px 16px 24px; text-align: center; overflow: hidden; }
.category-list > div { display: inline-block; width: 62px; height: 28px; border-radius: 4px; text-align: center; margin: 0 1px 0 0; background-color: #1b7fe2; }
.category-list > div a { font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #fff; }
.category-list > div.color1 { background-color: #1b7fe2; }
.category-list > div.color2 { background-color: #2eafeb; }
.category-list > div.color3 { background-color: #19b6a1; }
.category-list > div.color4 { background-color: #19c4c7; }
.category-list > div.color5 { background-color: #ffcb05; }


.selection-area { background-color: #ffffff; padding: 24px 12px 24px 16px; margin: 0 0 8px; }
.selection-area h1 { font-size: 18px; font-weight: bold; line-height: 2; letter-spacing: -0.54px; text-align: left; }
.selection-area h2 { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 8px 0 0; }
.selection-area h3 { font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.42px; margin: 16px 0 0; }
.selection-area h3 span { color: #004db5; font-weight: bold; }
.selection-area h4 { font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; color: #868686; margin: 16px 0 0; }
.selection-area .selected { border-top: 1px solid #e6e6e6; margin: 16px 0 32px; padding: 16px 0 0; overflow: hidden; }
.selection-area .selected .tit { float: left; width: 32px; font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; color: #868686; }
.selection-area .selected .con { float: left; width: calc(100% - 32px); font-size: 13px; }
.selection-area .selected .con input { margin: 0 6px 0 24px; }




.realty-title-info { background-color: #ffffff; padding: 24px 16px 0; overflow: hidden; }
.realty-title-info h1 { float: left; font-size: 18px; font-weight: bold; line-height: 2; letter-spacing: -0.54px; text-align: left; }
.realty-title-info a { float: right; font-size: 11px; font-weight: 500; line-height: 3.27; letter-spacing: -0.33px; color: #565656; text-decoration: underline; }


.radio-button { margin: 8px 0 0; }
.radio-button:after { content: ''; display: block; clear: both; }
.radio-button > li { float: left; width: calc((100% - 16px)/4); margin: 0 4px 4px 0; }
.radio-button > li.split2 { width: calc((100% - 8px)/2); margin: 0 4px 4px 0; }
.radio-button > li label input[type="radio"] { display: none; }
.radio-button > li label input[type="radio"] + span { display: inline-block; width: 100%; height: 28px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; font-size: 12px; font-weight: normal; line-height: 26px; letter-spacing: -0.36px; text-align: center; color: #868686; }
.radio-button > li label input[type="radio"] + span.regular { height: 35px; line-height: 33px; }
.radio-button > li label input[type="radio"]:checked + span { position: relative; border: solid 1px #005cd9; background-color: #e4f0ff; color: #004db5; font-weight: 500; }
.radio-button > li label input[type="radio"]:checked + span:before { position: absolute; left: -4px; top: -4px; content: ''; display: block; width: 16px; height: 16px; background: url(../../images/mobile/icon_chk.png) center center no-repeat; background-size: contain; }


.title-info-type1 { background-color: #ffffff; padding: 24px 16px 8px; }
.title-info-type1 h1 { font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; }

.title-info-type2 { background-color: #ffffff; padding: 16px 16px 0; overflow: hidden; }
.title-info-type2 .help-text { margin: 8px 0 24px; }


.help-text2 { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; color: #ff8787; margin: 32px 0 0; }


.img-list { overflow: hidden; }
.img-list li { float: left; width: 70px; height: 70px; overflow: hidden; margin: 0 8px 0 0; }
.img-list li:nth-child(3n) { margin-right: 0; }
.img-list li .photoswipe-view img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }


.online-counselling-list { background-color: #ffffff; padding: 0 16px 32px; }
.online-counselling-list .list > ul > li { padding: 16px 0 24px; border-bottom: 1px solid #e6e6e6; }
.online-counselling-list .list > ul > li .cate-date { overflow: hidden; }
.online-counselling-list .list > ul > li .cate-date .cate { float: left; }
.online-counselling-list .list > ul > li .cate-date .cate div { display: inline-block; height: 18px; padding: 2px 8px; border-radius: 2px; background-color: #e4f0ff; font-size: 10px; letter-spacing: -0.5px; text-align: center; color: #004db5; }
.online-counselling-list .list > ul > li .cate-date .date { float: right; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: right; color: #a6a6a6; }
.online-counselling-list .list > ul > li .title { font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.42px; margin: 8px 0 0; }
.online-counselling-list .list > ul > li .answer-hit { overflow: hidden; margin: 8px 0 0; }
.online-counselling-list .list > ul > li .answer-hit .answer { float: left; font-size: 11px; font-weight: 500; line-height: 1.55; letter-spacing: -0.33px; text-align: left; color: #565656; }
.online-counselling-list .list > ul > li .answer-hit .answer span { color: #004db5; font-weight: 500; }
.online-counselling-list .list > ul > li .answer-hit .hit { float: right; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: right; color: #868686; }
.online-counselling-list .list > ul > li .answer-hit .hit:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_hit.png) center center no-repeat; background-size: contain; }


.coupon-list > ul > li { border-radius: 4px; background-color: #f9f9f9; padding: 24px 16px; }
.coupon-list > ul > li + li { margin: 8px 0 0; }
.coupon-list > ul > li .coupon-area { width: 260px; height: 120px; margin: 0 auto; border-radius: 4px; border: solid 2px #0047a7; background-color: #fff; overflow: hidden; }
.coupon-list > ul > li .coupon-area .info { float: left; width: calc(100% - 58px); height: 100%; padding: 17px 0; text-align: center; }
.coupon-list > ul > li .coupon-area .state { float: left; background: #0047a7; width: 58px; height: 120px; border-left: 2px dotted #fff; }
.coupon-list > ul > li .coupon-area .state span { display: inline-block; width: 58px; height: 100%; background-color: #0047a7; text-align: center; ont-size: 12px; font-weight: 500; color: #fff; padding: 12px 0; line-height: 1.67; }
.coupon-list > ul > li .coupon-area .state a { display: inline-block; width: 58px; height: 100%; text-align: center; font-size: 12px; font-weight: 500; color: #fff; padding: 12px 0; line-height: 1.67; background: #0047a7 url(../../images/mobile/icon_download.png) center bottom 8px no-repeat; background-size: 40px; }
.coupon-list > ul > li .coupon-area .btn a:hover { background: url(../../images/mobile/common/icon_download_on.png) center bottom 8px no-repeat; background-size: 40px 40px; }
.coupon-list > ul > li .coupon-area .info .title { font-size: 13px; font-weight: 500; color: #161616; }
.coupon-list > ul > li .coupon-area .info .price { margin: 4px 0 0; }
.coupon-list > ul > li .coupon-area .info .price strong { display: inline-block; vertical-align: middle; font-family: 'Lato'; font-size: 28px; color: #161616; font-weight: 900; }
.coupon-list > ul > li .coupon-area .info .price strong.text { font-size: 21px; font-family: 'Noto Sans KR', sans-serif; }
.coupon-list > ul > li .coupon-area .info .price span { display: inline-block; vertical-align: middle; color: #161616; font-size: 16px; font-weight: 900; margin: 0 0 0 4px; }
.coupon-list > ul > li .coupon-area .info .content { font-size: 12px; color: #868686; margin: 4px 0 0; }
.coupon-list > ul > li hr { margin: 24px 0; }
.coupon-list > ul > li .detail > ul { padding: 0 8px; overflow: hidden; }
.coupon-list > ul > li .detail > ul + ul { margin: 4px 0 0; }
.coupon-list > ul > li .detail > ul > li.tit { float: left; width: 95px; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; color: #868686; }
.coupon-list > ul > li .detail > ul > li.con { float: left; width: calc(100% - 95px); font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; }
.coupon-list > ul > li .number { width: 100%; height: 42px; line-height: 42px; text-align: center; border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); font-size: 12px; font-weight: bold; letter-spacing: -0.36px; color: #004db5; margin: 16px 0 0; }
/* used */
.coupon-list > ul > li .coupon-area.used { border: solid 2px #073c82; }
.coupon-list > ul > li .coupon-area.used .state span { background-color: #073c82; }


.partner-business-view { background-color: #ffffff; padding: 0 16px 32px; }
.partner-business-view .header { padding: 16px 0; line-height: 32px; overflow: hidden; }
.partner-business-view .header > div > * { display: inline-block; vertical-align: middle; }
.partner-business-view .header .no { font-size: 14px; font-weight: 500; letter-spacing: -0.42px; margin: 4px 8px 0 0; }
.partner-business-view .header .cate { height: 18px; padding: 2px 8px; border-radius: 2px; background-color: #e4f0ff; font-size: 10px; letter-spacing: -0.5px; text-align: center; color: #004db5; margin: 4px 8px 0 0; }
.partner-business-view .header .score { width: 36px; padding-right: 16px; text-align: left; margin: 2px 0; font-size: 12px; color: #565656; background: url(../../images/component/icon_star_rating_s.png) right center no-repeat; background-size: 16px; }
.partner-business-view .header .favorite { width: 32px; height: 32px; background: url(../../images/mobile/icon_favorite_large_n.png) center center no-repeat; background-size: contain; margin: 0 0 0 4px; }
.partner-business-view .header .favorite.active { background: url(../../images/mobile/icon_favorite_large_s.png) center center no-repeat; background-size: contain; }
.partner-business-view .header .share { width: 32px; height: 32px; background: url(../../images/mobile/icon_share.png) center center no-repeat; background-size: contain; }
.partner-business-view .img { position: relative; width: 100%; padding-bottom: 75%; height: 0; overflow: hidden; }
.partner-business-view .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.partner-business-view .url-btn { overflow: hidden; margin: 19px 0 0; }
.partner-business-view .url-btn .url { float: left; width: 70%; }
.partner-business-view .url-btn .url .tit { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 0 8px 0 0; }
.partner-business-view .url-btn .url .con,
.partner-business-view .url-btn .url .con a { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #a6a6a6; }
.partner-business-view .url-btn .btn { float: right; width: 30%; text-align: right; }
.partner-business-view .url-btn .btn button { font-size: 11px; font-weight: normal; line-height: 24px; letter-spacing: -0.33px; margin: 0 0 0 8px; }
.partner-business-view .url-btn .btn .hit:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 22px; height: 22px; background: url(../../images/mobile/icon_hit.png) center center no-repeat; background-size: contain; }
.partner-business-view .url-btn .btn .heart:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 24px; height: 24px; background: url(../../images/mobile/icon_heart_n.png) center center no-repeat; background-size: contain; }
.partner-business-view .url-btn .btn .heart.active:before { background: url(../../images/mobile/icon_heart_s.png) center center no-repeat; background-size: contain; }
.partner-business-view .partner-intro { margin: 18px 0 0; }
.partner-business-view .partner-intro .tit { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.partner-business-view .partner-intro .con { border-radius: 4px; background-color: #f9f9f9; padding: 12px 16px; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #565656; margin: 8px 0 0; }
.partner-business-view .detail-info { margin: 16px 0 0; }
.partner-business-view .detail-info .tit { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 0 0 8px; }


.footer-fixed-btn { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; padding: 8px; background-color: #fff; border-top: 1px solid #e6e6e6; overflow: hidden; z-index: 10; }
button.icon-qna:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; width: 22px; height: 22px; background: url(../../images/mobile/icon_qna.png) center center no-repeat; background-size: contain; }


.share-wrap-area > ul { overflow: hidden; margin: 24px 0; }
.share-wrap-area > ul > li { float: left; width: 33.33%; text-align: center; }
.share-wrap-area > ul > li p { font-size: 12px; color: #868686; margin: 8px 0 0; }
.share-wrap-area > ul > li img { width: 54px; height: 54px; }
.share-wrap-area > ul > li a:hover p { text-decoration: underline; }


.radio-chk-type input[type="radio"] { display: none; }
.radio-chk-type label { display: inline-block; margin: 0 16px 0 0; }
.radio-chk-type input[type="radio"] + span { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.radio-chk-type input[type="radio"] + span:before { content:''; display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_chk2_n.png) center center no-repeat; background-size: contain; }
.radio-chk-type input[type="radio"]:checked + span:before { background: url(../../images/mobile/icon_chk2_s.png) center center no-repeat; background-size: contain; }


.customer-rating > ul > li { border: 1px solid #e6e6e6; }
.customer-rating > ul > li + li { margin: 16px 0 0; }
.customer-rating > ul > li .header { height: 48px; background-color: #f9f9f9; padding: 10px 10px 10px 16px; overflow: hidden; }
.customer-rating > ul > li .header .name { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; line-height: 1.43; letter-spacing: -0.42px; text-align: left; color: #565656; margin: 4px 16px 4px 0; }
.customer-rating > ul > li .header .tel { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; color: #868686; }
.customer-rating > ul > li .header .report { width: 32px; height: 32px; background: url(../../images/mobile/icon_report_n.png) center center no-repeat; background-size: contain; }
.customer-rating > ul > li .header .report.active { background: url(../../images/mobile/icon_report_s.png) center center no-repeat; background-size: contain; }
.customer-rating > ul > li .score-date { padding: 16px; overflow: hidden; }
.customer-rating > ul > li .score-date .score { margin: -6px 0 0; }
.customer-rating > ul > li .score-date .score > div { display: inline-block; vertical-align: middle; }
.customer-rating > ul > li .score-date .score > div.tit { font-size: 12px; color: #868686; margin: 0 16px 0 0; }
.customer-rating > ul > li .score-date .score > div.con { font-size: 12px; color: #565656; width: 40px; padding-left: 20px; text-align: left; margin: 2px 0; font-size: 12px; color: #565656; background: url(../../images/component/icon_star_rating_s.png) left center no-repeat; background-size: 16px; }
.customer-rating > ul > li .score-date .date { font-size: 11px; line-height: 1.55; letter-spacing: -0.33px; text-align: left; color: #a6a6a6; }
.customer-rating > ul > li .detail { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 0 16px; }
.customer-rating > ul > li .detail .block-type-area { border-bottom: 0; }
.customer-rating > ul > li .cont { padding: 16px 16px 24px; overflow: hidden; }
.customer-rating > ul > li .cont .tit { float: left; width: 22px; font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; color: #868686; }
.customer-rating > ul > li .cont .con { float: left; width: calc(100% - 22px); padding-left: 16px; font-size: 12px; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; }
.customer-rating > ul > li .re { border-top: 1px solid #e6e6e6; padding: 16px; overflow: hidden; background-color: #f9f9f9; }
.customer-rating > ul > li .re .name-date { overflow: hidden; }
.customer-rating > ul > li .re .name-date .name { display: inline-block; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #868686; margin: 0 8px 0 0; }
.customer-rating > ul > li .re .name-date .name:before { content:''; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_re.png) center center no-repeat; background-size: contain; }
.customer-rating > ul > li .re .name-date .date { display: inline-block; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: left; color: #a6a6a6; }
.customer-rating > ul > li .re .con { font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #868686; margin: 16px 0 0; }
/* type-b */
.customer-rating.type-b { background: #fff; padding: 16px 16px 8px; }
.customer-rating.type-b > ul > li { border: 0; }
.customer-rating.type-b > ul > li .inner-wrap { border: 1px solid #e6e6e6; }
.customer-rating.type-b > ul > li + li { margin: 24px 0 0; }

.business-view-img > ul { overflow: hidden; }
.business-view-img > ul > li { position: relative; float: left; width: calc((100% - 16px)/3); margin: 0 8px 16px 0; text-align: center; border-radius: 4px; overflow: hidden; }
.business-view-img > ul > li:nth-child(3n) { margin-right: 0; }
.business-view-img > ul > li > a { position: relative; width: 100%; padding-bottom: 100%; height: 0; overflow: hidden; display: block; border-radius: 4px; overflow: hidden; }
.business-view-img > ul > li > a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }​
.business-view-img > ul > li > .heart-hit { }
.business-view-img > ul > li > .heart-hit { position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background-color: rgba(0,0,0,0.35);​ text-align: center; display: block; padding: 1px 8px; z-index: 1; }


.heart-hit button { display: inline-block; vertical-align: middle; font-size: 11px; color: #fff; font-weight: normal; }
.heart-hit button + button { margin: 0 0 0 8px; }
.heart-hit .hit:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_hit.png) center center no-repeat; background-size: contain; }
.heart-hit .heart:before { content: ''; display: inline-block; vertical-align: middle; margin: -2px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_heart_s.png) center center no-repeat; background-size: contain; }


.pswp__button.pswp__button--arrow--left:before { width: 32px; height: 32px; border-radius: 50%; background: rgba(0,0,0,0.35) url(../../images/component/icon_slider_prev.png) center center no-repeat; background-size: 24px; }
.pswp__button.pswp__button--arrow--right:before { width: 32px; height: 32px; border-radius: 50%; background: rgba(0,0,0,0.35) url(../../images/component/icon_slider_next.png) center center no-repeat; background-size: 24px; }
.pswp.type-b .pswp__button.pswp__button--arrow--left:before,
.pswp.type-b .pswp__button.pswp__button--arrow--right:before { margin-top: -40px; }
.pswp.type-b .pswp__scroll-wrap .title-cont { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); padding: 19px 16px; z-index: 1; }
.pswp.type-b .pswp__scroll-wrap .title-cont .header { overflow: hidden; }
.pswp.type-b .pswp__scroll-wrap .title-cont .header .title { float: left; font-size: 13px; font-weight: 500; color: #fff; margin: 3px 0; }
.pswp.type-b .pswp__scroll-wrap .title-cont .header .heart-hit { float: right; }
.pswp.type-b .pswp__scroll-wrap .title-cont .header .heart-hit .hit:before { width: 20px; height: 20px; }
.pswp.type-b .pswp__scroll-wrap .title-cont .header .heart-hit .heart:before { width: 24px; height: 24px; }
.pswp.type-b .pswp__scroll-wrap .title-cont .cont { font-size: 12px; color: #d6d6d6; margin: 16px 0; }
.pswp.type-b .pswp__img { margin-top: -40px; }


.partner-answer { background-color: #ffffff; padding: 24px 16px 32px; margin: 16px 0 0; }
.partner-answer > h1 { font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; text-align: left; margin: 0 0 24px; }
.partner-answer > h1 span { color: #004db5; font-weight: bold; }
.partner-answer > ul > li { position: relative; padding: 16px 16px 32px; border: 1px solid #e6e6e6; margin: 16px 0 0; }
.partner-answer > ul > li > .header { padding: 0 0 16px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.partner-answer > ul > li > .header .pf-img { float: left; width: 64px; height: 64px; overflow: hidden; background: url(../../images/mobile/img_default_profile.png) center center no-repeat; background-size: contain; border-radius: 50vh; }
.partner-answer > ul > li > .header .pf-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50vh; }
.partner-answer > ul > li > .header .info { float: left; width: calc(100% - 64px); padding-left: 16px; }
.partner-answer > ul > li > .header .info .title { font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: -0.42px; margin: 11px 0 0; }
.partner-answer > ul > li > .header .info .name { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 4px 0 0; }
.partner-answer > ul > li > .header .info .date { font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: right; color: #a6a6a6; }
.partner-answer > ul > li > .header .info .tel { display: block; margin: 15px 0 0 auto; width: 32px; height: 32px; background: url(../../images/mobile/icon_tel_large.png) center center no-repeat; background-size: contain; }
.partner-answer > ul > li > .cont { font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; padding: 16px 0; }
.partner-answer > ul > li .report { position: absolute; bottom: 8px; right: 8px; width: 32px; height: 32px; background: url(../../images/mobile/icon_report_n.png) center center no-repeat; background-size: contain; margin-top: -8px; }
.partner-answer > ul > li .report.active { background: url(../../images/mobile/icon_report_s.png) center center no-repeat; background-size: contain; }


.icon-push { font-weight: 400; }
.icon-push:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_push.png) center center no-repeat; background-size: contain; }
.icon-push span { display: inline-block; vertical-align: middle; margin: -2px 0 0 4px; width: 14px; height: 14px; border-radius: 10px; background-color: #005cd9; font-size: 10px; font-weight: 400; color: #fff; }
.icon-goods { font-weight: 400; }
.icon-goods:before { content: ''; display: inline-block; vertical-align: middle; margin: -4px 4px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_goods.png) center center no-repeat; background-size: contain; }


.myservice-history { background-color: #ffffff; padding: 16px; margin: 8px 0 0; }
.myservice-history > h1 { font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; margin: 0 0 16px; }
.myservice-history > ul > li { overflow: hidden; margin: 8px 0 0; }
.myservice-history > ul > li > div { float: left; width: calc(100% - 106px); height: 35px; line-height: 35px; border-radius: 4px; background-color: #f9f9f9; font-size: 13px; font-weight: 500; letter-spacing: -0.39px; text-align: center; color: #565656; margin: 0 8px 0 0; }
.myservice-history > ul > li > div .insert { display: inline-block; vertical-align: middle; margin: -2px 8px 0; width: 24px; height: 24px; background: url(../../images/mobile/icon_insert.png) center center no-repeat; background-size: contain; }
.myservice-history > ul > li > div .arrow-right { display: inline-block; vertical-align: middle; margin: -2px 8px 0 0; width: 16px; height: 16px; background: url(../../images/mobile/icon_arrow-right.png) center center no-repeat; background-size: contain; }
.myservice-history > ul > li > div .arrow-left { display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 16px; height: 16px; background: url(../../images/mobile/icon_arrow-left.png) center center no-repeat; background-size: contain; }
.myservice-history > ul > li > .btn-regular { float: left; width: 98px; padding: 0; }
.myservice-history > ul > li > div .tit { display: inline-block; min-width: 58px; }
.myservice-history > ul > li > div .tel { display: inline-block; vertical-align: middle; margin: -2px 8px 0; width: 24px; height: 24px; background: url(../../images/mobile/icon_tel.png) center center no-repeat; background-size: contain; }


/*simple-link*/
.simple-link { margin: 8px 0 0; }
.simple-link > ul > li { position: relative; display: block; height: 48px; line-height: 48px; font-size: 13px; font-weight: 400; padding: 0 50px 0 16px; color: #565656; transition:all 0.5s; background-color: #ffffff; border-bottom: 1px solid #e6e6e6; }
.simple-link > ul > li:after { position: absolute; top: 50%; right: 8px; margin-top: -12px; content: ''; display: inline-block; width: 24px; height: 24px; background: url(../../images/component/icon_pagination_next.png) center center no-repeat; background-size: contain; }
.simple-link > ul > li > a { display: block; height: 48px; line-height: 48px; color: #565656; }


.location-setting .btn-sq { display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 16px; height: 16px; background: url(../../images/mobile/icon_plus_sq.png) center center no-repeat; background-size: contain; }
.location-setting .add-wrap { display: none; border-top: 1px solid #e6e6e6; margin: 16px 0 0; }
.location-setting.active .btn-sq { display: inline-block; vertical-align: middle; margin: -2px 0 0 8px; width: 16px; height: 16px; background: url(../../images/mobile/icon_minus_sq.png) center center no-repeat; background-size: contain; }
.location-setting.active .add-wrap { display: block; }


.progress-bar { padding: 30px 0 16px; }
.progress-bar > .bar-all { height: 8px; border-radius: 4px; background-color: #ebedf6; margin: 16px 0 0; }
.progress-bar > .bar-all > div { position: relative; height: 8px; border-radius: 4px; background-color: #005cd9; }
.progress-bar > .bar-all > div .progress { position: absolute; top: -28px; right: -15px; font-size: 11px; font-weight: 500; line-height: 1.55; letter-spacing: -0.55px; color: #004db5; }
.progress-bar > .bar-all > div .progress:after { content: ''; display: block; width: 30px; height: 30px; background: url(../../images/mobile/icon_progress.png) center center no-repeat; background-size: contain; }


.progress-bar .tit-km { margin: 16px 0 0; overflow: hidden; }
.progress-bar .tit-km .tit { float: left; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; color: #868686; }
.progress-bar .tit-km .km { float: right; font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; color: #868686; }


.customer-rating-type2 { background-color: #ffffff; padding: 0 16px; }
.customer-rating-type2 > .inner-wrap { border-bottom: 1px solid #e6e6e6; padding: 0; overflow: hidden; }
.customer-rating-type2 > .inner-wrap > div.tit { float: left; width: 47px; font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.39px; color: #565656; padding: 16px 0; }
.customer-rating-type2 > .inner-wrap > div.con { float: left; width: calc(100% - 47px); overflow: hidden; padding: 8px 0 8px 2px; }
.customer-rating-type2 > .inner-wrap > div.con .score { float: left; padding: 6px 0 6px 28px; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: left; color: #565656; background: url(../../images/component/icon_star_rating_s.png) left center no-repeat; background-size: 24px; }
.customer-rating-type2 > .inner-wrap > div.con .score span { display: inline-block; font-size: 15px; font-weight: bold; line-height: 1.47; letter-spacing: -0.45px; text-align: left; color: #005cd9; margin: 0 2px 0 0; }
.customer-rating-type2 > .inner-wrap > div.con .input-regular { float: right; min-width: 100px; }


.coupon-use { padding: 96px 24px; }
.coupon-use > h1 { font-size: 13px; line-height: 1.46; letter-spacing: -0.39px; text-align: center; margin: 0 0 24px; }


.orderby-select { text-align: right; padding: 16px 16px 0; }
.orderby-select select { min-width: 120px; }

.customer-rating-score { overflow: hidden; }
.customer-rating-score .score { float: left; font-size: 12px; color: #565656; width: 40px; padding-left: 20px; text-align: left; margin: 7px 0; font-size: 12px; color: #565656; background: url(../../images/component/icon_star_rating_s.png) left center no-repeat; background-size: 16px; }
.customer-rating-score button { float: right; }


ul.checkbox-list { overflow: hidden; }
ul.checkbox-list li { float: left; width: 25%; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; margin: 16px 0 0; }
ul.checkbox-list li > * { display: inline-block; vertical-align: middle; }
ul.checkbox-list li input { margin: 0 6px 0 0 !important; }
ul.checkbox-list.split3 li { width: 33.33%; }


.add-area > ul > li { position: relative; height: 35px; line-height: 35px; border-radius: 50vh; background-color: #f6f6f6; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.65px; padding: 8px 36px 8px 16px; }
.add-area > ul > li + li { margin: 8px 0 0; }
.add-area > ul > li button.delete { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; background: url(../../images/mobile/icon_del_c.png) center center no-repeat; background-size: contain; }


.consultation-time { overflow: hidden; }
.consultation-time > ul > li.tit { float: left; width: 62px; font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; color: #868686; padding-top: 8px; }
.consultation-time > ul > li.con { float: left; width: calc(100% - 62px); overflow: hidden; }
.consultation-time > ul > li.con select.input-regular { float: left; min-width: calc((100% - 8px)/2); margin: 0 8px 0 0; }
.consultation-time > ul > li.con select.input-regular:nth-child(2n) { margin-right: 0; }
.consultation-time > ul > li.con > div { clear: both; padding-top: 16px; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; }
.consultation-time > ul > li.con > div input { margin: 0 6px 0 0; }


.selected-item { padding: 8px 0; border-top: 1px solid #161616; border-bottom: 1px solid #e6e6e6; }
.selected-item > ul { padding: 8px 0; overflow: hidden; }
.selected-item > ul > li.tit { float: left; width: 50%; font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.65px; text-align: left; color: #868686; }
.selected-item > ul > li.con { float: left; width: 50%; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; text-align: right; }
.selected-item > ul > li.con span { display: inline-block; margin: 0 4px 0 0; font-size: 14px; font-weight: bold; line-height: 1.43; letter-spacing: -0.7px; color: #004db5; }
.selected-item > ul > li.con .input-regular { min-width: 52px; }


.calculation-input { padding: 16px 0; text-align: center; font-size: 14px; font-weight: bold; }
.calculation-input .input-regular { min-width: 50px; width: 50px; text-align: center; }


.partner-header { padding: 16px; }
.partner-header > div { background-color: #ffffff; padding: 16px 20px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); }
.partner-header .pf-img-name { float: left; width: 72px; }
.partner-header .pf-img-name .pf-img { width: 72px; height: 72px; overflow: hidden; background: url(../../images/mobile/img_default_profile.png) center center no-repeat; background-size: contain; border-radius: 50vh; }
.partner-header .pf-img-name .pf-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50vh; }
.partner-header .pf-img-name .name { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: center; margin: 4px 0 0; }
.partner-header .info { float: left; width: calc(100% - 72px); padding-left: 20px; overflow: hidden; }
.partner-header .info .title { font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.54px; text-align: left; margin: 12px 0 0; }

.partner-header .info .tel { display: inline-block; min-width: 152px; height: 30px; line-height: 30px; border-radius: 16px; background-color: #e4f0ff; font-size: 13px; font-weight: bold; letter-spacing: -0.39px; text-align: left; color: #003c8d; padding: 0 4px; margin: 12px 0 0; }
.partner-header .info .tel:before { content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../../images/mobile/icon_certification.png) no-repeat left top; background-size: cover; margin: -3px 2px 0 0; }
.partner-header .info .guide { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 12px 0 0; }
.partner-header .info .certification-btn { display: inline-block; width: 120px; height: 30px; border-radius: 16px; background-color: #e4f0ff; font-size: 14px; font-weight: bold; line-height: 30px; letter-spacing: -0.42px; text-align: left; color: #003c8d; margin: 8px 0 0; padding-left: 4px; }
.partner-header .info .certification-btn:before { content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../../images/mobile/icon_certification.png) no-repeat left top; background-size: cover; margin: -2px 2px 0 0; }
.partner-header .info .under-examination { position: relative; display: inline-block; width: 120px; height: 30px; border-radius: 16px; background-color: #f6f6f6; font-size: 14px; font-weight: bold; line-height: 30px; letter-spacing: -0.42px; color: #9aa4b1; margin: 8px 0 0; padding-left: 48px; }
.partner-header .info .under-examination:before { position: absolute; top: 3px; left: 4px; content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../../images/mobile/icon_under-examination.png) no-repeat left top; background-size: cover; }
.partner-header .info .certification-btn:after { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../../images/mobile/icon_arrow_b.png) no-repeat left top; background-size: cover; margin: -3px 0 0; }


.service-menu { padding: 0 16px 16px; }
.service-menu > div { background-color: #ffffff; padding: 16px; border-radius: 12px; overflow: hidden; }
.service-menu h1 { font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.51px; margin: 0 0 14px; }
.service-menu ul { overflow: hidden; }
.service-menu ul li { position: relative; float: left; width: calc((100% - 10px)/3); margin: 4px 5px 0 0; border-radius: 8px; background-color: #f9f9f9; padding: 6px 0 8px; }
.service-menu ul li:nth-child(3n) { margin-right: 0; }
.service-menu ul li,
.service-menu ul li a { display: block; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: center; }
.service-menu ul li img { display: block; margin: 0 auto; width: 64px; height: 64px; }
.service-menu ul li .preparing { position: absolute; top: 4px; left: 4px; display: inline-block; width: 36px; height: 17px; line-height: 17px; border-radius: 20px; background-color: #e4f0ff; font-size: 9px; font-weight: 500; letter-spacing: -0.27px; text-align: center; color: #005cd9; }
.service-menu ul li .push { position: absolute; top: 50%; left: 50%; display: inline-block; width: 14px; height: 14px; border-radius: 10px; background-color: #005cd9; font-size: 10px; font-weight: normal; line-height: 1.3; letter-spacing: normal; text-align: center; color: #ffffff; margin: -26px 0 0 6px; }

.notice-latest { padding: 0 16px 16px; }
.notice-latest > div { background-color: #ffffff; padding: 24px 16px; border-radius: 12px; overflow: hidden; }
.notice-latest .title-info { overflow: hidden; }
.notice-latest .title-info h1 { float: left; font-size: 17px; font-weight: bold; line-height: 1.47; letter-spacing: -0.51px; }
.notice-latest .title-info .more { float: right; width: 24px; height: 24px; background: url(../../images/mobile/icon_more.png) center center no-repeat; background-size: contain; }
.notice-latest ul { margin: 16px 0 0; }
.notice-latest ul li { overflow: hidden; }
.notice-latest ul li + li { margin: 12px 0 0; }
.notice-latest ul li .subject { float: left; width: calc(100% - 60px); padding-right: 32px; font-size: 13px; font-weight: normal; line-height: 1.46; letter-spacing: -0.39px; color: #565656; }
.notice-latest ul li .date { float: left; width: 60px; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.36px; text-align: right; color: #a6a6a6; }


.mypage .header { background-color: #ffffff; padding: 16px; overflow: hidden; }
.mypage .header .pf-img { float: left; width: 72px; height: 72px; overflow: hidden; background: url(../../images/mobile/img_default_profile.png) center center no-repeat; background-size: contain; border-radius: 50vh; }
.mypage .header .pf-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50vh; }
.mypage .header .info { float: left; width: calc(100% - 72px); padding-left: 16px; overflow: hidden;}
.mypage .header .info .title { font-size: 15px; font-weight: bold; line-height: 1.43; letter-spacing: -0.42px; padding: 4px 0 0; }
.mypage .header .info .number { font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #565656; margin: 4px 0 0; }
.mypage .header .info .date { font-size: 11px; font-weight: normal; line-height: 1.55; letter-spacing: -0.33px; text-align: left; color: #ff8787; margin: 4px 0 0; }
.mypage .header .info .f-right { margin: -4px 0 0; }
.mypage .header .info .modify { display: inline-block; font-size: 11px; font-weight: normal; line-height: 1; letter-spacing: -0.33px; text-align: right; color: #868686; text-decoration: underline; }
.mypage .header .btn { clear: both; padding-top: 16px; }



/*2020-12-08*/
.login-area .btn-medium.apple { background: #000; color: #fff; }
.login-area .btn-medium.apple:before { content: ''; display: inline-block; vertical-align: middle; margin: -3px 4px 0 0; width: 24px; height: 24px; background: url(../../images/mobile/icon_s_apple.png) center center no-repeat; background-size: contain; }



/* 2021-01-05 */
#wrapper { max-width: 700px !important; margin: 0 auto; }


/* 2021-03-25 */
.popup-partner-info-guide { min-width: 480px !important; width: 480px !important; }
.popup-partner-info-guide .inner-wrap { padding-top: 28px; }
.popup-partner-info-guide .popup-header {
	font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.72px;
  text-align: center;
  color: #161616;
}
.ppig-cont {
	padding: 24px;
  border-radius: 8px;
  background-color: #f9f9f9;
	margin: 24px 0;
	padding: 24px;
	display: flex;
  flex-wrap: wrap;
}
.ppig-img {
  width: 88px;
  height: 88px;
}
.ppig-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50vh;
}
.ppig-info {
  width: calc(100% - 88px);
  padding-left: 24px;
}
.ppig-info .com {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.36px;
  text-align: left;
  color: #565656;
}
.ppig-info .name {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: -0.45px;
  text-align: left;
  color: #161616;
  margin-top: 2px;
}
.ppig-info .tel {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.72px;
  text-align: left;
  color: #161616;
  margin-top: 8px;
}

/* 이석호 추가 - 2021-03-12 */
/*Preloading*/
#preloader {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;bottom: 0;background-color: #fff;z-index: 999999;}
.sk-spinner-wave.sk-spinner {margin: -15px 0 0 -25px;position: absolute;left: 50%;top: 50%;width: 50px;height: 30px;text-align: center;font-size: 10px;}
.ie8 .sk-spinner-wave.sk-spinner {display: none;}
.sk-spinner-wave div {background-color: #ccc;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s;}
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
	0%, 40%, 100% {-webkit-transform: scaleY(0.4);	transform: scaleY(0.4);}
	20% {	-webkit-transform: scaleY(1);transform: scaleY(1);}
}

/* toast and loading */
div.loadimgWrap {display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 10000;background-color: #fff;opacity: 0.5;}
img.loadimg{display:none;width:60px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);}
.toast{
    font-size:1.4rem;
	display:none;z-index:10000; width:auto;min-width:250px;height:20px;height:auto;position:fixed;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);
	background-color: rgba(56, 56, 56, .9);color: #F0F0F0;padding:10px;text-align:center;border-radius: 2px;
	-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}



/* 2021-04-30 */
#header {
	max-width: 700px;
	left: 50%;
	margin-left: -350px;
}
.popup {
	max-width: 480px !important;
	min-width: 480px !important;
	width: 480px !important;
	left: 50% !important;
	margin-left: -240px !important;
}
.sub-title-area h1 {
	max-width: 556px;
	left: 50%;
	margin-left: -278px;
}