@charset 'utf-8';

.font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; }




/* 2016-02-03 하단 에스크로 추가관련 */
/* .footer .logo {overflow:hidden; position:absolute; left:0; top:0; width:220px; text-align:center;}
.footer .logo img {max-width:220px; max-height:80px; float:none}
.footer .escrow {overflow:hidden; padding-top:15px; margin-top:15px; border-top:1px solid #ccc; }
.footer .escrow img {max-width:220px; max-height:80px}
.footer .right {margin-left:310px}
.footer .right .text {line-height:20px;} */


/* 2016-04-12 하단 방문자수 추가 */
.footer .count { position:absolute; top:3px; right:0; }
.footer .count span { font-size:13px; font-family:NanumBarunGothic; }
.footer .count .opt { display:block; }
.footer .count .value { }
.footer .count .num { color:#333; font-weight:800; font-size:21px;  }
/*
.footer .count .num { color:#333; font-weight:800; font-family:NanumBarunGothic; line-height:14px; }
*/



/* ●●●●●●●●●● 상품옵션 띄우기 2015-09-30  [업그레이드건] */
.view_float_option {width:100%; position:fixed; left:0; bottom:0; background:#f6f6f6; z-index:5000}
.view_float_option .layout_fix {}

.view_float_option .top_box {background:#d80000; position:absolute; right:0; top:0; width:230px; height:-50px; margin-top:-50px; text-align:left;}
.view_float_option .top_box {overflow:hidden;  border-radius:10px 10px 0 0;}
.view_float_option .top_box .sum_price {font-size:18px; font-weight:bold; color:#fff; float:left; margin-right:10px;}
.view_float_option .top_box .btn_open {display:inline-block;}
.view_float_option .top_box .btn_close {display:none;}
.view_float_option .top_box .btn {font-size:23px; font-weight:600; letter-spacing:-0.5px; color:#fff; line-height:50px; font-family:'NanumGothic'; margin-left:30px}
.view_float_option .top_box .ic_arrow {width:29px; height:15px; background:transparent url('../images/customize/floatoption/top_box_icon.png') left top no-repeat; position:absolute; right:20px; top:50%; margin-top:-8px}


/* 열렸을때 클래스값 */
.view_float_option .open_top_box { background:#393d41; }
.view_float_option .open_top_box .ic_arrow {background-position:right top;}


.view_float_option .option_box {display:none; float:left; width:750px; padding:20px 20px 20px 0; border-right:1px dashed #ccc; position:relative}

.view_float_option .option_box .name_box { margin-bottom:10px; overflow:hidden; }
.view_float_option .option_box .name_box .name {float:left; color:#000; font-size:16px; font-weight:bold; letter-spacing:-1px}
.view_float_option .option_box .name_box .guide {font-size:11px; float:right; margin-top:5px;}
.view_float_option .option_box .name_box .guide b {color:#000;}
.view_float_option .option_box .option_select {overflow:hidden; background:#ddd; padding:10px 10px 5px 10px;}
.view_float_option .option_box .option_select select {margin-bottom:5px; width:100%; padding:3px; border:1px solid #d1d1d1; color:#666;}

.view_float_option .option_box .btn_box {color:#ff0000; line-height:30px; letter-spacing:-1px; position:relative; height:30px; font-size:11px; }
.view_float_option .option_box .btn_box .btn_add {background:#666; color:#fff; font-size:11px; line-height:28px; letter-spacing:-1px; width:180px; text-align:center; position:absolute; right:0; bottom:0}
.view_float_option .option_box .btn_box .btn_add:hover {background:#333}

.view_float_option .option_list {background:#fff; overflow:auto; padding:10px 15px; border:1px solid #ccc; margin-top:10px; height:140px;}
.view_float_option .option_list .none {color:#999; padding:100px 8px 20px 8px; line-height:16px; letter-spacing:-1px; text-align:center; background:transparent url('../images/customize/floatoption/no_option.png') center 15px no-repeat; }
.view_float_option .option_list li {border-bottom:1px dashed #c9c9c9; overflow:hidden; padding:10px 0; list-style:none; position:relative;}
.view_float_option .option_list span {float:left;}
.view_float_option .option_list .option_name {color:#595959; line-height:16px; margin-right:180px;}
.view_float_option .option_list .option_price {width:80px; text-align:right; font-weight:600; color:#000; position:absolute; right:35px; top:50%; margin:-6px 0 0 0}
.view_float_option .option_list .btn_delete {position:absolute; right:0; top:50%; margin:-10px 0 0 0; width:18px; height:18px; border:1px solid #ccc;}
.view_float_option .option_list .btn_delete {background:transparent url('../images/customize/floatoption/option_delete.gif') center center no-repeat;}
.view_float_option .option_list .btn_delete img {display:none;}
.view_float_option .option_num {position:absolute; right:0; top:50%; margin:-12px 120px 0 0; overflow:hidden;}
.view_float_option .option_num .updown {border:1px solid #bababa; height:21px; width:25px; float:left; position:relative;}
.view_float_option .option_num .input_num {float:left; border:1px solid #bababa; background:#eee; width:30px; height:21px; line-height:20px; font-weight:600; color:#333; text-align:center;}
.view_float_option .option_num .txt_unit {float:left; color:#000; padding-left:5px; height:20px; line-height:25px; }
.view_float_option .option_num .btn_up {border-left:0}
.view_float_option .option_num .btn_down {border-right:0}
.view_float_option .option_num .btn_down .shape {width:11px; height:1px; background:#444; position:absolute; left:50%; top:50%; margin-left:-5px}
.view_float_option .option_num .btn_up .shape {width:11px; height:1px; background:#444; position:absolute; left:50%; top:50%; margin-left:-5px}
.view_float_option .option_num .btn_up .shape:before {content:""; height:11px; width:1px; background:inherit; position:absolute; left:5px; top:-5px;}

.view_float_option .sum_box {width:209px; overflow:hidden; padding:0 0 0 20px; position:absolute; right:-230px; bottom:15px}
.view_float_option .sum_price {font-weight:bold; line-height:35px; text-align:right;}
.view_float_option .sum_price dt {color:#000; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
.view_float_option .sum_price dd {color:#000; font-size:15px; font-weight:600;}
.view_float_option .sum_price b {color:#ff0000; font-size:35px; font-family:'lato';}
.view_float_option .btn_area {margin-top:20px;}
.view_float_option .btn_area a {display:block; color:#fff; font-weight:600; font-size:19px; text-align:center; padding:15px 0; margin-bottom:5px; font-family:'NanumGothic'; border-radius:5px;}
.view_float_option .btn_cart {background:#ff0000;}
.view_float_option .btn_order {background:#ff600;}
.view_float_option .btn_wish {background:#fff; color:#ff0000 !important; border:2px solid #ff0000; padding:13px 0}

/* 오픈한경우 */
.open_float_option {border-top:3px solid #393d41;}
.open_float_option .option_box {display:block; min-height:260px;}
.open_float_option .top_box .btn_open {display:none}
.open_float_option .top_box .btn_close {display:block;}
.open_float_option .coupon {margin:3px 0 5px 0; overflow:hidden;}
.open_float_option .coupon a {padding:0 5px 0 15px; line-height:30px; background:#e53739;  color:#fff; float:left;}
.open_float_option .coupon .btn {color:#fff; background:#000; margin:4px 0 0 10px; font-size:11px; letter-spacing:-1px; float:right; line-height:25px; height:23px; padding:0 8px;}
.open_float_option .coupon .used {background:#999}

/* 프로젝트별로 사이트에 맞게 버튼 컬러 변경해주세요. */
.view_float_option .btn_cart {background:#fa0d3e;}
.view_float_option .btn_order {background:#fb5074;}
.view_float_option .btn_wish {background:#fff; color:#fa0d3e !important; border:2px solid #fa0d3e;}



/* 2016-04-12 상단 큰 배너 닫기 버튼 스타일 추가 */
.top_banner .btn_close { position:absolute; right:0; top:50%; margin:-14px 0 0 0; z-index: 2; }

/* 2016-04-12 비회원주문하기 버튼 추가 */
.cm_member_login .guest_order {width:500px; margin:0 auto; overflow:hidden; text-align:center; position:relative;}
.cm_member_login .guest_order ul {border:1px solid #eee; border-top:0; overflow:hidden;}
.cm_member_login .guest_order li {float:left; text-align:left; width:100%; letter-spacing:-1px; color:#999; /*padding:20px 0;*/  list-style:none; overflow:hidden; font-size:15px;}
.cm_member_login .guest_order li a {width: 200px; height: 49px; line-height: 49px; font-size:15px;}
.cm_member_login .guest_order .tit { display:block; font-weight:600; margin-bottom:5px; padding-left:20px; }
.cm_member_login .guest_order .txt { font-size:11px; padding:0 0 0 20px;}

.cm_member_login .guest_order .tit2 { font-size:14px; display:block; font-weight:600; margin-bottom:5px; padding-left:20px; }
.cm_member_login .guest_order .txt2 { font-size:13px; padding:0 0 0 20px;}
.cm_member_login .guest_order .txt2 strong { color:red; font-weight:500;}

.cm_member_login .guest_order .order_btn { text-align:center; }
/*.cm_member_login .guest_order li:hover {color:#000}*/
.cm_member_login .guest_order:before { display:none; }

/* 2016-04-18 하단 인증마크 추가 */
.footer .mark_box { margin-top:45px; position:relative; }
.footer .mark_box .title { font-size:17px; color:#585858; letter-spacing:-1px; font-weight:600; position:absolute; left:77px; top:-7px;  background:#f1f2f5; display:block; padding:0 11px; font-family:"NanumGothic"; }
.footer .mark_box .sub_title { position:absolute; right:37px; top:-4px; font-size:15px; color:#858585; font-weight:600; letter-spacing:-1px; background:#f1f2f5; padding:0 8px; font-family:"NanumBarunGothic"; }
.footer .mark_box ul { overflow:hidden;  border:7px solid #fff; padding:33px 10px 29px; }
.footer .mark_box li { list-style:none; float:left; padding:0 11px; }


#main_best_slider .item_box { margin: 0; }

.login_banner_bottom { text-align: center; background: #fff; margin-top: 30px; margin-bottom: -30px; }
.login_banner_bottom a { display: inline-block; margin: 0 auto; }
.login_banner_bottom img { max-width: 100%; float: left; }








/* ◆ 2016-04-21 할인율, 이전가격 추가 */
/* .item_box .discount {display:none;}
.item_box .before {display:none;}
 */

.item_box .discount {float:left; overflow:hidden; font-family:"lato"; margin:0 20px 0 0; color:#0090d3; font-size:37px; font-weight:300;}
.item_box .discount em {font-size:21px; font-weight:400;}
.item_box .discount_none {float:left; background:transparent url('../images/discount_none.png') left top no-repeat; width:75px; height:25px;}

.item_box .before {display:inline-block; font-family:"lato"; color:#666; font-size:15px; line-height:1; position:relative;  padding:0 4px; overflow:hidden;}
.item_box .before .kor {font-size:14px; color:#999; display:none;}
.item_box .before:after {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#888;}

.item_box .item_name {float:none;}
.item_box .info {float:none; padding-top:8px; overflow:hidden;}
.item_box .price {float:left;}
.item_box .after {font-family:"lato"; font-size:21px;}
.item_box .after .kor {font-size:14px; color:#ff0000; font-weight:600;}

.item_box {height:320px;}
.item_box:hover .upper_link {height:349px !important;}



/* 2016-08-30 ::: 기획전 글씨 키우기 요청 */
.promotion .depth3_tab .btn { font-size:15px; }


/* 2016-09-02 ::: 카테고리 메인 글씨 키우기 */
.sub_top_area .category .btn_ctg { font-size:15px; }




/* 2016-10-05 아이템나열갯수 변경 */
.item_list_area.if_col4 .item_box .upper_link {width:100% !important; height:100% !important; box-sizing:border-box;}
.item_list_area.if_col4 .item_box {width:218px !important; margin:0px; margin-left:16px; margin-bottom:20px; padding:10px; height:320px;}
.item_list_area.if_col4 .item_list {margin-left:-16px;}
.item_list_area.if_col4 .layout_fix {width:1000px;}
.item_list_area.if_col4 .item_box .img_box {width:100%; height:auto;}
.item_box .item_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-bottom:6px;}
.item_box .thumb .thumb_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; box-sizing:border-box; padding:0 10px;}
.item_list_area.if_col4 .item_box .img_box .real_img {position:relative;}
.item_list_area.if_col4 .item_box .img_box .fake_img {display:none;}

/* 2020-03-03 SSJ :: 마이페이지 쿠폰 */
.cm_mypage_list .coup_sub {display:block; color:#999;}
.cm_order_benefit .coupon_box .coup_sub {color:#999;}



/* 2021-01-21 KHY 메인 베스트상품 */
.main_ctg_item {padding: 45px 0 35px;}
.main_ctg_item .box_title .kor {font-size: 45px;}
.main_ctg_item .box_title .eng {font-size: 24px;}
.main_ctg_item .tab_area {margin-top: 20px;}


/* 2021-01-21 KHY 마이페이지 */
.member_type {display: none; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 5px 0 10px; box-sizing: border-box;}
.ren_21 .member_type {display: flex;}
.member_type .tx_box {display: inline-flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.member_type .tit {font-family:"NanumSquare"; font-size: 16px; font-weight: 600; letter-spacing: 0; color: #fff; width: 110px; height: 40px; padding-top: 1px;}
.member_type .tit {display: inline-flex; justify-content: center; align-items: center; background: #35a100; border: 1px solid #35a100; border-radius: 50px; box-sizing: border-box;}
.member_type .tx {font-family:"NanumSquare"; font-size: 21px; letter-spacing: 0; color: #000; font-weight: 400; margin-left: 10px;}
.member_type .tx strong {font-weight: 600;}
.member_type .btn {height: 60px; background: #e60000; border: 1px solid #e60000; border-radius: 5px; box-sizing: border-box; color: #fff; padding:0 30px;}
.member_type .btn {display: inline-flex; justify-content: center; align-items: center; font-family:"NanumSquare"; font-size: 18px; font-weight: 600; letter-spacing: 0;}
.member_type.if_ing .tit {background: #999; border-color: #999;}
.member_type.if_ing .btn {background: #ccc; border-color: #ccc;}
.member_type.if_after .tit {background: #df4c00; border-color: #df4c00;}
.member_type.if_after .btn {background: #fff; border-color: #df4c00; color: #df4c00; }

.member_type .btn_box {margin-left:auto;}
.member_type .btn_box .link {background:#df4c00; color:#fff;}

.member_type+ .cm_mypage_main {margin-top: 15px;}


/* .cm_member_form .ess .opt  */
.cm_member_form .opt .if_small_tit{  font-size: 11px; font-weight: 900;line-height: 14px;margin-top: 10px;}
.cm_my_title .explain{  color: #f00; font-size: 16px; font-weight: 900; }
.cm_member_form .ess .opt:after{ content:" (필수)"; font-weight: normal; color:#f00; font-size:11px; }

.cm_shop_cart_list .if_delivery{border:solid 1px #999; background-color: #fff;  padding:3px 6px; display: inline-block; margin:3px 0}


/* 2022-03-08 PSJ 결제 수단 아이콘 추가  */
.cm_order_last_step .payway label {width:170px; padding-top:55px;}
.cm_order_last_step .payway .use_samsungpay {background:transparent url('../images/cm_images/shop_pay_samsung.png') center 15px no-repeat;}
.cm_order_last_step .payway .use_payco {background:transparent url('../images/cm_images/shop_pay_payco.png') center 15px no-repeat;}
.cm_order_last_step .payway .use_kakaopay {background:transparent url('../images/cm_images/shop_pay_kakao.png') center 15px no-repeat;}
.cm_order_last_step .payway .use_naverpay {background:transparent url('../images/cm_images/shop_pay_naver.png') center 15px no-repeat;}


/* sns 로그인 버튼 변경 :: 2023-06-13 KHY */
.ct_Sns_login {width:500px; margin:0 auto; margin-top:30px;}
.ct_Sns_login ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:10px;}
.ct_Sns_login li {flex:1; list-style:none;}
.ct_Sns_login .btn {width:100%; border-radius:3px; font-size:14px; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ct_Sns_login .btn strong {padding-left:25px; box-sizing:border-box; background-repeat:no-repeat; background-position:left center; background-size:auto 14px; letter-spacing:-1px;}
.ct_Sns_login .btn strong {height:50px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ct_Sns_login .btn.this_naver {background:#03c75a;}
.ct_Sns_login .btn.this_naver strong {background-image:url('../images/customize/sns_login/sns_naver.svg');}
.ct_Sns_login .btn.this_kakao {background:#fae100; color:#3b1e1e;}
.ct_Sns_login .btn.this_kakao strong {background-image:url('../images/customize/sns_login/sns_kakao.svg'); background-size:auto 16px;}

.ct_Sns_login.type_join {width:346px; margin-top:0;}
.ct_Sns_login.type_join ul {flex-direction:column; align-items:stretch;}
.ct_Sns_login.type_join li {flex:auto;}


/* 카카오톡 채팅 버튼 추가 :: 2023-06-13 KHY */
.topposition {display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.topposition .btn_chat {width:56px; height:56px; background:transparent url('../images/customize/kakao_chat.png') center center no-repeat; background-size:100% !important; margin-bottom:10px;}