
/* 피플레이 측 PC 전용 CSS */
/* 피플레이 측에서만 등록 관리할 수 있습니다. */



.top .btn.cart .tx {color:#f27219 !important;}
.top .btn.cart .num {background:#f27219; border: 1px solid #f27219 !important;}

.header .form_box .input_search:focus {border-color:#f27219;}
.header .keyword .tit_box .hit .tt:before {background:#fd8734;;}


.nav {border-top:2px solid #f27219;}
.nav .open_next {border-left:1px solid #f27219 !important;border-bottom:1px solid #f27219 !important;}
.nav .open_next:before {background:#f27219 !important;}
.nav .open_next .ctg_box li:hover .ctg2 {color:#f27219 !important;}

.nav .gnb_box .li:hover .ctg1 {color:#f27219;}
.nav .gnb_box .li:hover .open_next {display:block;}
.nav .gnb_box .li:hover .upper_bd {display:block; z-index:400}
.nav .gnb_box .li:hover:before {display:none;}
.nav .gnb_box .hit {}
.nav .gnb_box .hit .ctg1 {background:#f27219; color:#fff !important;}
.nav .gnb_box .hit .open_next {display:none !important;}
.nav .gnb_box .hit .upper_bd {display:block !important}
.nav .gnb_box .hit .upper_bd.bd2 {background:#f27219;!important;}
.nav .gnb_box .hit:before {display:none;}
.nav .gnb_box .upper_bd {background:#f27219;}

.nav .all:hover {background:#f27219;}
.nav .all:hover .btn_all:after {background:#f27219;}
.nav .all .over_all .depth3_inner {border:1px solid #f27219;}
.nav .all .over_all .depth2_box:hover .depth2 {border:1px solid #f27219; color:#f27219;}
.nav .open_next {display:none; position:absolute; top:50px; z-index:300; border:1px solid #f27219; border-right:0; margin-left:-1px; background:#fafafa; min-width:100%;}

.sub_depth2 .ctg_box .hit .ctg {color:#fd8734;}
.sub_contents .tab_box .hit .btn {color:#fd8734;}
/*.sub_list .sub_ctrl .total strong {color:#fd8734;}*/
.sub_list .sub_depth3 .hit:after {height:1px; background:#fd8734;}

.item_box:hover .upper_link {border-color:#fd8734;}
.item_box:hover .info .item_name {color:#fd8734;}

/*.main_tit strong {color:#f27219 !important;}*/
.main_ctg .ctg_tab {border-bottom:1px solid #f27219 !important;}
.main_ctg .ctg_tab ul {display:table; width:100%; table-layout:fixed; background:#fff;}
.main_ctg .ctg_tab .btn:hover .txt {text-decoration:underline; color:#000;}
.main_ctg .ctg_tab .hit {border-color:#f27219; background:#f27219;}
.main_ctg .ctg_tab .btn:after {background:#f27219 !important;}
.main_ctg .ctg_tab .hit .btn {background:#f27219 !important;}

.main_cs .cs_info .tel {color:#fd8734;}
.main_cs .btn_box .order .txt {color:#fd8734;}

.view_top .sub_price .online .tit {color:#f27219;}
.view_top .sub_price .online .dollar_box .sign {color:#f27219;}
.view_top .sub_price .online .dollar_box strong {color:#f27219;}

/*
.view_top .view_total .color .tt {color:#f27219;}
.view_top .view_total .color .sign {color:#f27219;}
.view_top .view_total .color strong {color:#f27219;}*/
.view_top .select select:focus {border:1px solid #f27219; color:#f27219;}


.top .btn.cart .tx {color:#f27219 !important;}
.top .btn.cart .num { background:#f27219; border:1px solid #f27219;} 

.sub_depth2 .ctg_box .hit .ctg {color:#f27219 !important;}
.member_join_top .process .hit .num {background:#f27219 !important;border-color:#f27219;}


.vou_pop {overflow:hidden; background:#f27219; border:1px solid #f27219;}
.vou_pop .pop_tit {background:#f27219;}
.vou_pop .pop_inner dt strong {color:#f27219;}

/* 결제금액계산 */
.view_top .view_btn {overflow:hidden; padding-right:69px; position:relative; text-align:center; margin-top:25px; margin-left:-10px}
.view_top .view_btn ul {display:table; width:100%; table-layout:fixed;}
.view_top .view_btn li {display:table-cell; vertical-align:middle;}
.view_top .view_btn .btn {font-size:21px; line-height:56px; height:62px; display:block; font-weight:600; letter-spacing:-0.5px; box-sizing:border-box; margin-left:10px; }
.view_top .view_btn .txt {position:relative; padding-left:22px}
.view_top .view_btn .shape {position:absolute; left:0; top:0; width:16px; height:100%;}
.view_top .view_btn .btn_cart {background:#fff; border:2px solid #ff7600; color:#ff7600; } /* 바로예약버튼 */
.view_top .view_btn .btn_cart:hover {background:#e46002; border-color:#e46002; color:#fff;} /* 마우스오버시 버튼 */
.view_top .view_btn .btn_cart:hover .shape {background-position:right center;}
.view_top .view_btn .btn_cart .shape {background:transparent url('/upfiles/playimg/ic_cart.png') left center no-repeat;}
.view_top .view_btn .btn_order {background:#f27219; border:2px solid #f27219; color:#fff;}
.view_top .view_btn .btn_order:hover {background:#e46002; border-color:#e46002;}
.view_top .view_btn .btn_order .shape {background:transparent url('../images/new2017/ic_buy.png') 2px center no-repeat;}
.view_top .view_btn .btn_wish {border:1px solid #ccc; position:absolute; right:0; top:0; width:59px; background:#fff url('../images/new2017/view_wish.png') center center no-repeat; background-size:28px;}
.view_top .view_btn .btn_wish:hover { background-color:#fafafa;}
.view_top .view_btn .btn_wish.hit {background:#fff url('../images/new2017/view_wish_hit.png') center center no-repeat;}

.view_top .view_btn .btn_coupon {background:#f27219; border:2px solid #f27219; color:#fff;}
.view_top .view_btn .btn_coupon:hover {background:#005bcb; border-color:#005bcb;}
.view_top .view_btn .btn_coupon .shape {background:transparent url('../images/new2017/ic_coupon.png') left center no-repeat;}
.view_top .view_btn .btn_coupon:hover {background:#e46002; border-color:#e46002;}

/*.shop_order_area .group_title b {color:#f27219;} */

.view_conts .view_guide .color .btn {background: #f27219}

.c_comb_search .result strong {color:#f27219;}

.main_md .bn_list .banner:hover .inner_bd {border:1px solid #f27219;}

/* ◇◇◇메인타이틀(공통) */
.item_list{padding-bottom:25px;}
.margin-top{margin-top:0px !important;}
.search_item_tit {overflow:hidden; margin-top:0px; margin-bottom:20px;}
.search_item_tit .search_tit { color:#000; font-size:18px; letter-spacing:-1px; font-weight:500; }
.search_item_tit .search_tit strong {color:#f27219; font-size:25px;}

.header .logo {width:300px; padding-bottom:0px;}
.header .logo img {width:300px; height:100px;}
.header .header_bn {width:300px;}
.header .rolling_box {width:200px; float:right;}

.vou_pop .pop_inner .send {border:1px solid #f27219;}

/* 공통 사항*/
a:hover, a:active {color:#f27219; text-decoration: none;}


/* 상단 탭 Tab Conent CSS*/
.tab_container { margin:0 auto;height:600px;}
.tab_content {padding: 0px; font-size: 1.2em;}

.nav_wrapper {width:500px; height:500px; margin:0 auto;}
.nav_title {margin-top: 50px; width: 500px; height: 50px; text-align:center; font-size:20px;  }
        ul.tabs { margin:0 auto;padding: 0; list-style: none; height: 50px; width: 500px; }
        ul.tabs li {display:inline-block; margin: 0;  padding: 0;width: 246px; height: 50px; font-size: 20px; color: black; border-left: 1px solid #ddd; border-top: 1px solid #ddd;border-right: 1px solid #ddd;  background: #fff;text-align:center;}
        ul.tabs li a {line-height: 49px;text-decoration: none; color: #000; border-left: none;border-left:  none;  display: block;  font-size: 20px;padding: 0 20px; }           
        ul.tabs li a:hover {background: #eee;}
        html ul.tabs li.active {height: 48px; line-height: 47px; background: #eee; border-left:  1px solid #000;  border-top: 1px solid #000; border-right:1px solid #000; }
        html ul.tabs li.active a:hover  {background: #fff; border-left:none;}


/* 일반로그인 */
.mem_login {margin:0 auto;width:500px;background:#fff;}


.mem_login .submit_box { text-align:center; padding-top:40px;padding-bottom:20px; }
.mem_login .submit_box  .tip_title {font-size:40px; color:#333; letter-spacing:-1px; font-weight:500;}
.mem_login .submit_box  .sub_title li {font-size:16px; line-height:25px;}


.mem_login li {list-style:none}

.mem_login .form_wrap {margin-top:20px;}
.mem_login .form_wrap ul {margin-top:0px;} 
.mem_login .form_wrap li {}
.mem_login .form_wrap .input_design {margin:5px 0 5px 0; height:53px; line-height:50px; width:100%; font-size:16px; text-indent:50px; background-color:#888; border:1px solid #ddd;}
.mem_login .form_wrap .input_design:focus {color:#000; background-color:#fff; border:1px solid #ddd;}
.mem_login .form_wrap .login_id {background:#fff url('../images/cm_images/member_login_id.png') 20px center no-repeat;}
.mem_login .form_wrap .login_pw {background:#fff url('../images/cm_images/member_login_pw.png') 20px center no-repeat}
.mem_login .form_wrap .save_id {overflow:hidden; padding:10px 0; line-height:20px; color:#666; float:left; font-size:13px; letter-spacing:-1px}
.mem_login .form_wrap .save_id:hover {color:#ff0000}
.mem_login .form_wrap .search {text-align:center; padding:20px 0 0 0; line-height:30px; color:#666; font-size:15px;}


.mem_login .form_wrap .divider_dot{padding-left:7px;display:inline-block; margin:10px 9px 0px 9px;min-height:10px;width:2px;height:2px;border-radius:50%;background-color:#ccc;}
.mem_login .form_wrap .divider_dot:before{width:3px;height:3px;border-radius:50%;background-color:#ccc;top:50%;left:0;margin-top:-2px}
.mem_login .form_wrap .sns_line {margin:30px 0px 40px 0px; border-top:1px solid #ddd;text-align: left}
  
.mem_login .form_wrap .save_id input {height:15px; margin:0 5px 0 0; float:left;}
.mem_login .btn_login {background:#f27219; text-align:center; width:500px; height:60px; line-height:62px; color:#fff; font-size:18px; letter-spacing:-1px; border-radius: 5px;}



/* SNS계정으로 로그인 */
.mem_sns_login {width:500px; margin:20px auto 0 auto;overflow:hidden;text-align:center;padding:0 0 10px 0;}
.mem_sns_login .btn {width:490px;  overflow:hidden; height:55px; line-height:57px; color:#333; font-size:16px; letter-spacing:-1px;border-radius: 5px;}
.mem_sns_login .btn:hover {text-decoration:underline}
.mem_sns_login .logo {float:left; height:55px; width:55px;}
.mem_sns_login .naver {background:#fff; margin-bottom:12px; border:1px solid #2db400;}
.mem_sns_login .facebook {background:#fff; margin-bottom:12px;border:1px solid #004a9a;}
.mem_sns_login .naver .logo {background:#2db400 url('../images/customize/sns_naver.png') center center no-repeat; border-right:1px solid #57c333}
.mem_sns_login .facebook .logo {background:#004a9a url('../images/customize/sns_facebook.png') center center no-repeat; border-right:1px solid #336eae}


/* // JJC : 바로구매 : 2020-07-11 */
.direct_buy_btn {width:490px; overflow:hidden; height:50px; line-height:52px; color:#333; font-size:16px; letter-spacing:-1px;border-radius: 5px;}
.direct_buy_btn.color {color:#000 !important; background:#fff; margin-bottom:30px; border:1px solid #666;}
a.direct_buy_btn.color:hover {text-decoration:underline; color:#000 !important; border:1px solid #666;}

.view_relative .relative_top .tt strong {color:#f27219;}
.view_relative .price .after .sign {font-size:15px !important; color:#f27219; line-height:18px; line-height:17px\0; font-weight:400 !important; }
.view_relative .price .after strong {font-size:18px; color:#f27219; line-height:18px;}