@charset "utf-8";
/* ==========================================================================
   components.css — 도메인 공통 UI 컴포넌트 (was sub.css)
   유틸은 base.css, 모달은 modal.css, 크롬(헤더/푸터)은 layout.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   accessibility
   -------------------------------------------------------------------------- */
.a11y_hidden {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);}

/* --------------------------------------------------------------------------
   css-var-bridge — data-cv-* 토큰 소비 (인라인 style 대체)
   -------------------------------------------------------------------------- */
[data-cv-chip] {background:var(--chip);}
[data-cv-fg] {color:var(--fg);}
[data-cv-bg] {background-image:var(--bg);background-size:contain;background-repeat:no-repeat;background-position:center;}

/* --------------------------------------------------------------------------
   ico_grade — 리뷰 별점
   -------------------------------------------------------------------------- */
.ico_grade {display:inline-block;width:106px;height:18px;vertical-align:middle;background:url(/resources/images/common/gradew_black.png) no-repeat 0 0;background-size:106px 108px;text-indent:-99999px;}
.ico_grade.t00 {background-position:0 0 !important;}
.ico_grade.t01 {background-position:0 -18px !important;}
.ico_grade.t02 {background-position:0 -36px !important;}
.ico_grade.t03 {background-position:0 -54px !important;}
.ico_grade.t04 {background-position:0 -72px !important;}
.ico_grade.t05 {background-position:0 -90px !important;}

/* --------------------------------------------------------------------------
   red_qq — 필수 표시
   -------------------------------------------------------------------------- */
.red_qq {position:relative;text-indent:19px;}
.red_qq:before {position:absolute;left:3px;top:-3px;width:6px;height:6px;border-radius:3px;background-color:#ff463a;content:'';}

/* --------------------------------------------------------------------------
   myCell — 장바구니/주문 리스트 테이블
   -------------------------------------------------------------------------- */
.myCell {width:100%;border-bottom:1px solid #dbdbdb;}
.myCell > li {position:relative;border-top:1px solid #fafafa;color:#000;}
.myCell > li.no_list {display:table;width:100%;height:390px;font-size:18px;color:#a0a0a0;text-align:center;}
.myCell > li.no_list .cell {display:table-cell;vertical-align:middle;}
.myCell > li.no_list .cell .txt {padding-top:70px;margin-bottom:15px;background:url(/resources/images/order/ico_NoCart.png) no-repeat 50% -8px;}
.myCell > li.no_list .cell a {padding-bottom:5px;color:#000;font-size:14px;border-bottom:1px solid #000;font-family:'yoonb';}
.myCell li.cell_category {border-top:2px solid #000;border-bottom:0;}
.myCell dl.cell_th {display:table;table-layout:fixed;width:100%;}
.myCell dl.cell_th dd {display:table-cell;vertical-align:middle;height:60px;padding:25px 0;font-size:13px;font-family:'yoonb';}
.myCell dl.cell_th dd.cell_chk {width:70px;}
.myCell dl.cell_th dd.cell_name {width:auto;}
.myCell dl.cell_th dd.cell_pay {width:130px;}
.myCell dl.cell_th dd.cell_ea {width:140px;}
.myCell dl.cell_th dd.cell_Tpay {width:110px;}
.myCell dl.cell_td {display:table;table-layout:fixed;width:100%;}
.myCell dl.cell_td dd {display:table-cell;vertical-align:middle;height:122px;padding:45px 0;font-size:16px;}
.myCell dl.cell_td dd.cell_chk {width:60px;}
.myCell dl.cell_td dd.cell_img {width:125px;}
.myCell dl.cell_td dd.cell_img img {width:90px;}
.myCell dl.cell_td dd.cell_name {width:auto;padding:0 10px;line-height:1.5em;}
.myCell dl.cell_td dd.cell_pay {width:130px;}
.myCell dl.cell_td dd.cell_pay p {font-family:'yoonb';}
.myCell dl.cell_td dd.cell_pay del {font-size:14px;color:#a0a0a0;}
.myCell dl.cell_td dd.cell_ea {width:140px;}
.myCell dl.cell_td dd.cell_Tpay {width:110px;font-family:'yoonb';}
.myCell li.disable {color:#999;}
.myCell li.endSale dl.cell_td dd {opacity:.5;}
.myCell li.endSale dl.cell_td dd.cell_chk {opacity:1;}
.myCell button.btn_Listdel {display:none;}

/* myCell — 공지형 리스트 */
.myCell.ver_noti {margin-bottom:30px;border-bottom:0;}
.myCell.ver_noti dl.cell_td dd {height:98px;padding:0;color:#000;}
.myCell.ver_noti .cell_noti_num {width:11%;}
.myCell.ver_noti .cell_noti_cate {width:17%;min-width:90px;font-family:'yoonb';}
.myCell.ver_noti .cell_noti_title strong {font-family:'yoonb';}
.myCell.ver_noti dl.cell_th .cell_noti_title {height:60px;}
.myCell.ver_noti .ver_strong .cell_noti_title {color:#ff463a;}
.myCell.ver_noti .cell_noti_date {width:82px;}
.myCell.ver_noti dl.cell_td .cell_noti_date {color:#a0a0a0;}

/* --------------------------------------------------------------------------
   noti_txt — 안내 문구
   -------------------------------------------------------------------------- */
ul.noti_txt {padding:25px;padding-top:0;}
ul.noti_txt li {position:relative;padding-left:12px;font-size:13px;line-height:1.7em;color:#a0a0a0;}
ul.noti_txt li:before {position:absolute;left:0;top:3px;content:'*';}
ul.noti_txt li + li {margin-top:5px;}

/* --------------------------------------------------------------------------
   buttons / onepay card
   -------------------------------------------------------------------------- */
.btn_white {border:1px solid #000;color:#000;}
.onepay_method .card_slide_wrap .card_slide li.act .card_body:before, .card_body:before {border:2px solid #ff463a;position:absolute;left:0;right:0;top:0;bottom:0;content:"";z-index:1;}

/* --------------------------------------------------------------------------
   inp_a / inp_ul — 폼 필드 래퍼
   -------------------------------------------------------------------------- */
.inp_w49 {width:49%;}
.inp_a {position:relative;margin-bottom:40px;}
.inp_a.req:before, .inp_a.err:before {position:absolute;left:-6px;top:15px;width:6px;height:6px;border-radius:3px;background-color:#ff463a;content:'';}
.inp_a .noti_r {position:absolute;right:0;top:50%;margin-top:-9px;font-size:14px;color:#a0a0a0;z-index:1;}
.inp_ul {margin-top:20px;display:flex;flex-direction:column;}
.inp_ul > li {margin-bottom:40px;}
.inp_ul > li:last-child {margin-top:0 !important;margin-bottom:0 !important;}
.inp_ul > li.err_li {margin-bottom:20px;}
.inp_a.ver_addr button {z-index:5;position:absolute;right:0;bottom:10px;padding:0 12px;font-size:12px;line-height:28px;}
.ver_tel .inp_a.ver_addr button {bottom:inherit;top:19px;}
.inp_a.ver_addr .modal_post .modal_popup_close {right:20px;background-size:20px 20px;}
.inp_a.ver_addr .modal_post .btn_zipsch {position:static;}

/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px) {
	.recom_list .recom_ul {width:100%;overflow:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-webkit-perspective:1000;perspective:1000;}
	.myCell dl.cell_th dd.cell_chk {width:50px;}
	.myCell dl.cell_th dd.cell_pay {width:110px;}
	.myCell dl.cell_th dd.cell_Tpay {width:80px;}
	.myCell dl.cell_td dd {font-size:14px;}
	.myCell dl.cell_td dd.cell_chk {width:50px;}
	.myCell dl.cell_td dd.cell_img {width:85px;}
	.myCell dl.cell_td dd.cell_img img {width:70px;}
	.myCell dl.cell_td dd.cell_pay {width:110px;}
	.myCell dl.cell_td dd.cell_pay del {font-size:12px;}
	.myCell dl.cell_td dd.cell_ea {width:140px;}
	.myCell dl.cell_td dd.cell_Tpay {width:80px;}
}

/* --------------------------------------------------------------------------
   responsive — ≤767px (myCell 모바일 스택)
   -------------------------------------------------------------------------- */
@media only all and (max-width:767px) {
	.myCell {border-top:1px solid #efefef;}
	.myCell > li {padding:50px 25px 0 25px;border-width:12px;}
	.myCell > li.no_list {padding:0;height:440px;font-size:16px;}
	.myCell > li.no_list .cell .txt {padding-top:60px;margin-bottom:10px;background:url(/resources/images/order/ico_NoCartX2.png) no-repeat 50% 0;-webkit-background-size:45px auto;background-size:45px auto;}
	.myCell > li.no_list .cell a {padding-bottom:1px;font-size:12px;}
	.myCell dl.cell_td {display:inherit;table-layout:inherit;width:100%;min-height:200px;}
	.myCell dl.cell_td dd {display:inherit;vertical-align:middle;height:auto !important;padding:0;font-size:13px;}
	.myCell li.cell_category {display:none;}
	.myCell dl.cell_td dd.cell_chk {width:auto;position:absolute;left:25px;top:20px;}
	.myCell dl.cell_td dd.cell_img {width:auto;position:absolute;left:25px;top:50px;}
	.myCell dl.cell_td dd.cell_img img {width:100%;max-width:85px;}
	.myCell dl.cell_td dd.cell_name {width:auto;padding-left:110px;padding-right:0;display:block;margin-bottom:12px;}
	.myCell dl.cell_td dd.cell_pay {width:auto;padding-left:110px;margin-bottom:25px;display:block;}
	.myCell dl.cell_td dd.cell_pay p {display:inline;}
	.myCell dl.cell_td dd.cell_pay del {margin-right:5px;font-size:11px;}
	.myCell dl.cell_td dd.cell_ea {width:auto;padding-left:110px;margin-bottom:12px;}
	.myCell dl.cell_td dd.cell_Tpay {margin-top:30px;padding:18px 0;width:auto;text-align:right;border-top:1px solid #efefef;}
	.myCell dl.cell_td dd.cell_Tpay p:before {float:left;content:'상품금액';font-weight:normal;}
	.myCell li button.btn_Listdel {display:block;position:absolute;right:25px;top:20px;}
	.myCell li button.btn_Listdel img {width:20px;}
}

/* --------------------------------------------------------------------------
   responsive — ≤640px (ico_grade 모바일 스프라이트)
   -------------------------------------------------------------------------- */
@media only all and (max-width:640px) {
	.view_payBox ul li dt {font-size:12px;}
	.ico_grade {display:inline-block;width:90px;height:15px;vertical-align:middle;background:url(/resources/images/common/gradem_black.png) no-repeat 0 0;background-size:90px 91px;text-indent:-99999px;}
	.ico_grade.t00 {background-position:0 0 !important;}
	.ico_grade.t01 {background-position:0 -15px !important;}
	.ico_grade.t02 {background-position:0 -31px !important;}
	.ico_grade.t03 {background-position:0 -46px !important;}
	.ico_grade.t04 {background-position:0 -61px !important;}
	.ico_grade.t05 {background-position:0 -76px !important;}
}

/* --------------------------------------------------------------------------
   responsive — ≤360px
   -------------------------------------------------------------------------- */
@media only all and (max-width:360px) {
	.box_ctr > ul > li .prd_box {padding:0 180px 0 0;}
	.box_ctr .thum_info {left:140px;}
}

/* --------------------------------------------------------------------------
   responsive — ≤320px
   -------------------------------------------------------------------------- */
@media only all and (max-width:320px) {
	.thum_info .pay_sale {margin-right:0;}
	.view_payBox ul li .ico_add {padding-left:5px;padding-right:5px;}
	.view_payBox ul li:after {width:10px;height:10px;margin-top:-5px;left:-5px;background-size:13px 13px !important;}
	.view_payBox ul li dt {font-size:11px;}
	.view_payBox ul li dd {font-size:9px;}
}

/* ==========================================================================
   from common.css — 전역 UI 부품
   ========================================================================== */

/* --------------------------------------------------------------------------
   buttons / highlight
   -------------------------------------------------------------------------- */
.btn{display: inline-block;padding:15px 3px 14px;min-width:120px;line-height:16px;font-size:15px;border:1px solid #666;text-align:center;vertical-align:middle;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}

.btn_base{font-size:14px;color:#000;border:2px solid #403a3a;padding:0 15px;height:44px;line-height:44px;text-align: center;background:#fff}

.highlight_by_decree {font-weight:700 !important;font-size:1.2em !important;text-decoration:underline !important;}
/* --------------------------------------------------------------------------
   bullets — info_circle / info_star
   -------------------------------------------------------------------------- */
.info_circle > li{padding-left:15px;position:relative;line-height:1.5;color:#000;margin-bottom:7px;}
.info_circle > li:after{content:'';display:block;width:10px;height:10px;position:absolute;top:5px;left:0;background:url(/resources/images/shop/bullet_circle.png) left center;}
.info_star li{font-size:14px;padding-left:15px;position:relative;line-height:1.5;color:#9f9f9f;margin-bottom:7px;}
.info_star > li:after{content:'';display:block;width:10px;height:10px;position:absolute;top:5px;left:0;background:url(/resources/images/shop/bullet_star.png) left center;}
/* --------------------------------------------------------------------------
   empty state
   -------------------------------------------------------------------------- */
.common_noList{width: 100% !important;margin: 0 auto;text-align: center;padding: 0 0;}
.common_noList p{font-family:'yoon';color:#a0a0a0;line-height: 180px;font-size: 18px;text-align:center;}
/* --------------------------------------------------------------------------
   paging / datepicker / banners
   -------------------------------------------------------------------------- */
.w_paging{display:inline;}
.cntPaging {text-align:center;font-size:0;line-height:0;margin-top:22px;margin-bottom:25px;}
.cntPaging strong {display:inline-block;min-width:37px;height:37px;line-height:35px;font-weight:normal;font-size:16px;color:#fff;border:1px solid #000;background:#000;box-sizing:border-box;padding:0 5px;font-weight: bold;}
.cntPaging a, .cntPaging button {display:inline-block;min-width:37px;height:37px;line-height:35px;font-size:16px;color:#666;vertical-align:top;box-sizing:border-box;border: 1px solid #dfdfdf;margin:0 1px;padding:0 5px}
.cntPaging button.prev, .cntPaging button.next {width:37px;height:37px;border:1px solid #dfdfdf;}
.cntPaging button.prev {margin:0 2px 0 2px ;background:url(/resources/images/common/page_prev.png) no-repeat center center;background-size:contain;text-indent:-99999px}
.cntPaging button.next {margin:0 2px 0 2px ;background:url(/resources/images/common/page_next.png) no-repeat center center;background-size:contain;text-indent:-99999px}
.cntPaging button:disabled{opacity:0.5}
.result_AddrLst button{position:static !important}
.ui-datepicker{z-index:10010 !important;}
.ui-datepicker select{background:#fff url(/resources/images/common/select_01_off.png) no-repeat 95% 50%;-webkit-background-size:6px auto;background-size:6px auto;}
.bnnr_black			{color:#000 !important}
.bnnr_black .tit_top	{color:#000 !important}
.bnnr_black .tit_type1	{color:#000 !important}
.bnnr_black .tit_type2	{color:#000 !important}
.bnnr_black .tit_type3	{color:#000 !important}
/* --------------------------------------------------------------------------
   shared widgets — lookbook / tabs / best
   -------------------------------------------------------------------------- */
.slick-arrow:hover{opacity:1 !important}
.lb_selectBox{position:absolute;z-index:5;padding-left:50px;background:url(/resources/images/common/trans_img.png) repeat;display:block}
.lb_selectBox.view{z-index:20}
.lb_selectBox button{width:30px;height:30px;display:block;overflow:hidden;text-indent:-9999px;background:url(/resources/images/main/lb_off.png) no-repeat center center;position:absolute;left:0;top:0;border-radius:50%}
.lb_selectBox.view button{background:url(/resources/images/main/lb_on.png) no-repeat center center;}
.lb_selectBox .lb_pbView{position:relative;background:#fff;padding:20px 20px;width:190px;height:260px;background-position:50% 50%;background-color:#fff;background-repeat:no-repeat;display:none}
.lb_selectBox.view .lb_pbView{display:block}
.lb_pbView p{font-size:16px;color:#000;text-align: left;}
.lb_pbView a{font-size:16px;color:#ff463a;position:absolute;left:25px;bottom:30px;font-family:'Marian';}
.lk_body > .slick-list{overflow:inherit}
.tab_box .tab{display:inline-block;}
.tab_box .tab li{float:left}
.tab_box .tab li a{padding:0 45px;color:#000;font-size:20px;font-family:'Marian';font-weight: bold;letter-spacing:0.06em}
.tab_box .tab li a.on{color:#ff463a}
.best_info{position:absolute;left: 58px;top: 111px;width:405px;}

.best_rw{margin-top: 16px;font-size:27px;color:#000;position:relative;padding:10px 15px;display:inline-block;line-height: 1.7;font-style: italic;}
.best_rw:before{content:"“";position:absolute;left:-4px;top:-3px;font-family:'Marian';line-height:1;font-size:36px;font-weight:bold;}
.best_rw:after{content:"”";position:absolute;right:-4px;bottom:-20px;font-family:'Marian';line-height:1;font-size:36px;font-weight:bold;}
.best_info dl dt{font-size:18px;color:#000;margin-top: 23px;}
.best_info dl dd{font-size:18px;color:#000;margin-top:10px;font-family:'yoonb'}
.best_pdimg{position:relative;}

.acc_es{overflow:hidden;}
/* --------------------------------------------------------------------------
   agree_select_box
   -------------------------------------------------------------------------- */
.agree_select_box {position:relative;width:408px;height:50px;margin:55px 20px 120px;border:1px solid #e0e0e0;transition:border-color 0.3s ease;font-size:14px;}
.agree_select_box.on {border:1px solid #000;border-bottom:1px solid #e0e0e0;}
.agree_select_box a {display:block;padding:14px 12px;font-size:1em;color:#444;background:url(/resources/images/shop/select_01_off.png) no-repeat 95% 50%;}
.agree_select_box .btn_view_list {display:block;width:100%;height:50px;}
.agree_select_box .select_list {display:none;z-index:10;position:absolute;left:-1px;top:49px;width:408px;height:120px;margin:0;padding:0;border:1px solid #000;border-top:0;overflow:hidden;}
.agree_select_box .select_list a {display:block;width:100%;height:40px;font-size:1em;box-sizing:border-box;background:#fff;}
.agree_select_box .select_list a:focus, .agree_select_box .select_list a:hover {background:#f7f5f5;}
.agree_select_box .mCSB_scrollTools .mCSB_draggerContainer {padding:3px 0;}
.agree_select_box .mCSB_scrollTools .mCSB_dragger {margin:3px 0;}
.agree_select_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#ccc;}

@media all and (max-width:1023px) {
	.agree_select_box {max-width:calc(100% - 40px);font-size:13px;}
	.agree_select_box .select_list {max-width:calc(100% + 2px);}
}
/* --------------------------------------------------------------------------
   list_more
   -------------------------------------------------------------------------- */
.list_more{text-align: center;}
.list_more button{font-family:'yoonb';background: url('/resources/images/shop/list_more.png') no-repeat center top;padding:45px 0 10px;font-size: 14px;color:#000;}
.list_more button span{font-size: 10px;vertical-align:2px;}
@media only all and (max-width:1023px) {
	.list_more button{font-size: 12px;font-family:'yoon';background: url(/resources/images/shop/list_moreX2.png) no-repeat center top;background-size: 30px;}
}
/* --------------------------------------------------------------------------
   page title
   -------------------------------------------------------------------------- */
.e_tit{padding-top:100px;margin-bottom:55px;font-size:38px;font-family:'yoonb';color:#000;text-align:center;}
.e_tit .sub_txt{margin-top:15px;display:block;font-size:18px;font-family: 'yoon';color:#a0a0a0;}
@media only all and (max-width:640px) {
	.e_tit{padding-top:35px;margin-bottom:35px;font-size:23px;}
	.e_tit .sub_txt{margin-top:8px;font-size:14px;}
}
/* --------------------------------------------------------------------------
   cell layout
   -------------------------------------------------------------------------- */
.cellBox{display:table;width:100%;}
.cellBox .cell{display:table-cell;vertical-align:top;}
.cellBox.ver_tel .cell.tel_01{width:120px;}
.cellBox.ver_tel .cell.tel_02{padding-left:20px;}
.cellBox.ver_email .cell.em_01{width:38%;}
.cellBox.ver_email .cell.em_02{width:20px;text-align:center;vertical-align:middle;}
.cellBox.ver_email .cell.em_03{width:30%;}
.cellBox.ver_email .cell.em_04{padding-left:20px;width:32%;}
.en_v .cellBox.ver_tel .cell.tel_01{width:160px;}
.cellBox.box_PreNext{margin-top:120px;padding:40px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.cellBox.box_PreNext .cell{width:50%;}
.cellBox.box_PreNext .cell p{margin-bottom:10px;font-size:16px;color:#000;font-family:'Marian';font-weight:bold;}
.cellBox.box_PreNext .cell a{font-size:18px;color:#000;font-family:'yoon',sans-serif;}
@media only all and (max-width:767px) {
	.inp_a{margin-bottom:15px;}
	.inp_a.req:before{left:-4px;top:15px;width:4px;height:4px;border-radius:2px;}
	.inp_a.err:before{left:-4px;top:15px;width:4px;height:4px;border-radius:2px;}
	.inp_a .noti_r{margin-top:-5px;font-size:10px;}
	.inp_a.ver_addr button{padding:0 10px;font-size:10px;line-height:25px;}
	.ver_tel .inp_a.ver_addr button{bottom:inherit;top:3px;}
	.cellBox.ver_tel .cell.tel_01{width:65px;}
	.cellBox.ver_tel .cell.tel_02{padding-left:15px;}
	.cellBox.ver_email .cell.em_01{width:32%;}
	.cellBox.ver_email .cell.em_02{width:15px;}
	.cellBox.ver_email .cell.em_03{width:32%;}
	.cellBox.ver_email .cell.em_04{padding-left:15px;width:34%;}
	.en_v .cellBox.ver_tel .cell.tel_01{width:120px;}
}
@media only all and (max-width:640px) {
	.cellBox.box_PreNext{display:none;}
	.cellBox.box_PreNext{margin-top:120px;padding:40px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
	.cellBox.box_PreNext .cell{width:50%;}
	.cellBox.box_PreNext .cell p{margin-bottom:10px;font-size:16px;color:#000;font-family:'yoonb';}
	.cellBox.box_PreNext .cell a{font-size:18px;color:#000;font-family:'yoon',sans-serif;}
}
/* --------------------------------------------------------------------------
   error page
   -------------------------------------------------------------------------- */
.errorPage{position: fixed;right: 0;top: 0;left: 0;bottom: 0;display:table;height:100%;width:100%;vertical-align:middle;}
.errorPage.errorPage_static{position:static;}
.errorPage_con{display:table-cell;height:100%;width:100%;vertical-align:middle;text-align: center;}
.inner_errorPage{max-width:1240px;position:relative;padding:300px 20px;margin:0 auto;}
.errorPage h1 img{height:38px;}
.errorPage h1{position:absolute;right:20px;top:60px;}
.errorPage_con dl{margin-bottom:50px;}
.errorPage_con dl dt.errP_tit{font-size:30px;font-family:'yoonb';color:#000;margin-bottom:20px}
.errorPage_con dl dd.errP_txt{font-size:16px;color:#585858;line-height:1.8;}
/* --------------------------------------------------------------------------
   en — brazil shipping input
   -------------------------------------------------------------------------- */
.en_v .input_harf.input_b li {position:relative;}
.en_v .input_harf.input_b li input[type="text"] {padding-left: 88px;}
.en_v .input_harf.input_b.inp_br_02 li input[type="text"] {padding-left: 98px;}
.en_v .input_harf.input_b .inp_br {z-index:5;position:absolute;left:0;top:0;width:80px;height:100%;}
.en_v .input_harf.input_b .inp_br.inp_br_02 {width:98px;}
.en_v .input_harf.input_b li input[type="radio"] {position:absolute;left:0;top:0;}
.en_v .input_harf.input_b .inp_br label {position:relative;display:inline-block;height:100%;padding-left:40px;font-family:'yoonb';font-size:16px;line-height:56px; vertical-align: middle; cursor:pointer;
	background:url(/resources/images/common/bg_radio.png) no-repeat 8px 19px;}
.en_v .input_harf.input_b .inp_br input:checked + label {background-position: 8px -256px;}
@media only all and (max-width: 1023px) {
	.en_v .input_harf.input_b .inp_br label {padding-left:36px;line-height:37px;background-position: 8px 11px;}
	.en_v .input_harf.input_b .inp_br input:checked + label {background-position: 8px -265px;}
}
@media only all and (max-width: 768px) {
	.en_v .input_harf.input_b li input[type="text"], .en_v .input_harf.input_b.inp_br_02 li input[type="text"] {padding-left: 80px;}
	.en_v .input_harf.input_b .inp_br, .en_v .input_harf.input_b .inp_br.inp_br_02 {width:80px;}
	.en_v .input_harf.input_b .inp_br label {padding-left:28px;font-size:14px;background-size:16px auto;background-position: 5px 11px;}
	.en_v .input_harf.input_b .inp_br input:checked + label {background-position: 5px -209px}
}

@media (max-width: 480px) {
	.detail-block-title {font-size: 18px;}
	.detail-block-desc {font-size: 15px;}
	.detail-block {margin-bottom: 16px;}
	.faq-item {margin-bottom: 0;}
	.faq-q {font-size: 16px;}
	.faq-a {font-size: 14px;}
}
/* --------------------------------------------------------------------------
   validation / preloader / upload
   -------------------------------------------------------------------------- */
.validation_wrap .field_message.error {padding:10px 0 5px 8px; color:#df2c2c; font-size:13px; }
.validation_wrap .field_message.warning {padding:10px 0 5px 8px; color:#ff9922; font-size:13px; }
.validation_wrap .field_message.success {padding:10px 0 5px 8px; color:#000000; font-size:13px; }
.validation_wrap .inp_error {border-color: #df2c2c !important; }
.validation_wrap .inp_warning {border-color: #ff9922 !important;}
.validation_wrap .inp_success {padding-right:30px; background:url('/resources/images/member/ico_chk.png') no-repeat 98% 50%; }

.preloader_wrap {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	z-index: 99999;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.preloader_wrap .cont {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90px;
	height: 90px;
	margin: -45px 0 0 -45px;
	border-radius: 50%;
}
.preloader_wrap .cont span {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: url(/resources/images/common/es_loading.gif) no-repeat center center;
	background-size: 70px auto;
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.jfupload_progress {display: none; width:100%; height: 5px; margin-top:5px; margin-bottom:5px;}
.jfupload_progress .ifupload_progress_bar {display: inline-block;height:5px; background-color:#000000;}
@media screen and (max-width: 768px) {
.validation_wrap .field_message.error{font-size:12px;padding:2px 0 5px 0 !important;line-height:15px;}
}

/* --------------------------------------------------------------------------
   responsive — widgets (from common shared breakpoints)
   -------------------------------------------------------------------------- */
@media only all and (max-width:1023px){
	.reviewer_id,.review_date{display:inline-block;}
	.reviewer_id{font-family:'yoon';font-size: 12px;}
	.lb_selectBox{padding-left:0;}
	.lb_selectBox button{width:18px;height:18px;background-size:13px}
	.lb_selectBox.view .lb_pbView{display:none}
	.best_info{position:inherit;left:inherit;top:inherit;width:100%;text-align: center;}
	.best_rw{margin-top:15px;font-size:22px;padding:10px 15px;display:inline-block;}
	.best_rw:before{content:"“";position:absolute;left:-4px;top:0;font-size:30px;}
	.best_rw:after{content:"”";position:absolute;right:5px;bottom:-15px;font-size:30px;}
	.best_info{margin-top:40px;}
	.best_info .ico_grade{display:block;margin:0 auto}
	.best_info dl dt{font-size:16px;margin-top:24px;}
	.best_info dl dd{font-size:16px;margin-top:8px;font-family:'yoonb'}
	.info_circle > li{padding-left:10px;font-size:12px;margin-bottom:7px;}
	.info_circle > li:after{content:'';display:block;width:5px;height:5px;position:absolute;top:5px;left:0;background:url(/resources/images/shop/bullet_circleX2.png) left center;background-size:5px 5px}
	.info_star li{padding-left:10px;font-size:12px;line-height:1.6;}
	.info_star > li:after{content:'';display:block;width:5px;height:5px;position:absolute;top:5px;left:0;background:url(/resources/images/shop/bullet_starX2.png) left center;background-size:5px 5px}
}
@media only all and (max-width:640px){
	.common_noList p{line-height: 120px;font-size: 14px;}
	.btn_opChoise{width:100%;height:50px;line-height:50px;font-size:14px;color:#000;border:1px solid rgba(0,0,0,0.15)}
	.best_info{position:inherit;left:inherit;top:inherit;width:100%;text-align: center;}
	.best_info{margin-top:30px;}
	.best_rw{margin-top:10px;font-size:20px;padding:10px 15px;display:inline-block;max-width:280px;}
	.best_info dl dt{font-size:14px;margin-top:20px;}
	.best_info dl dd{font-size:14px;}
}
@media only all and (max-width:480px){
	.pd_etc{font-size:11px}
}

/* --------------------------------------------------------------------------
   CSP — JSP 인라인 style 속성 대체 (정적)
   -------------------------------------------------------------------------- */
.txt_bold {font-weight:bold;}
.txt_bold_em {font-weight:700;font-size:1.2em;text-decoration:underline;}
.txt_warn {color:red;}
.txt_accent_blue {color:blue;}
.txt_muted {color:#666;}
.w_full {width:100%;}
.ta_center {text-align:center;}
.mt31 {margin-top:31px;}
.h_spacer_300 {height:300px;}
.iframe_fill {width:100%;height:100%;}
.evt_thumb_400 {width:400px;}
.img_thumb_71 {width:71px;height:71px;}
.order_redirect_wrap {margin-top:500px;}
.order_msg_txt {text-align:center;font-size:12pt;}
.order_applus_note {font-size:0.9em;color:#4072cd;margin-top:5px;}
.ver_post.is_th {display:table-cell;font-weight:600;font-size:14px;}
.Img_Upload {overflow:hidden;}
.modal_review_agreepop.modal-wrap {background:rgba(0,0,0,0.2);}
.voucher_togBox.is_shown {display:block;}
.mem_beauty_view.is_join_only {padding-top:0;}
.mem_beauty_view.is_join_only > .txt {padding-top:0;text-align:left;}
.mem_beauty_view.is_join_only #btn_bpoint_join {margin-left:0;}
.all_agree.is_compact {padding-bottom:5px;}
.rsv_info .info_list.has_aside_btn {margin-right:120px;}
.strong_txt {font-weight:bold;}
#Bframe {height:auto;position:relative;min-width:100%;width:100%;}
#BframePopUp {position:fixed;top:0;left:-2px;width:100%;height:100%;z-index:99999;}
#google_Mapop {width:270px;height:200px;margin-top:20px;}
#common_dialog {padding:0;margin:0;}
.ui-iframe-style {overflow:hidden;background-color:#fff;width:100%;height:100%;}
.file-upload.tb_view {width:98%;}
.file-upload.tb_view th,
.file-upload.tb_view .ta_c {text-align:center;}
.file-upload.tb_view .ta_l {text-align:left;}
.file-upload.tb_view .ta_c_pr5 {text-align:center;padding-right:5px;}
a.no_underline {text-decoration:none;}
.cy_tag {margin-right:3px;}
.optionNm .color {padding-right:0;}

/* --------------------------------------------------------------------------
   hover
   -------------------------------------------------------------------------- */
@media (hover: hover) {
.btn_base:hover{background:#403a3a;color:#fff}
.tab_box .tab li a:hover{color:#ff463a}
.sec_center .login_tab li a:hover{color:#000;border-bottom:1px solid #000;font-family: 'yoonb';}
}