@charset 'utf-8';





/* ******************************************
     2020-02-27 SHJ 쿠폰 다운로드
  -- ****************************************** */
.p_coupon {padding-bottom:70px;}
.p_coupon .top_tit {color:#333; font-family:"NanumSquare"; font-size:35px; font-weight:600; letter-spacing:-1px; line-height:1; text-align:center; padding:45px 0 40px;}

.p_coupon .coupon_list {overflow:hidden;}
.p_coupon .coupon_list .table {margin:0 -14px;}
.p_coupon .coupon_list .ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:14px 0; box-sizing:border-box;}
.p_coupon .coupon_list .ul+ .ul {margin-top:15px;}
.p_coupon .coupon_list .li {list-style:none; display:table-cell; vertical-align:top; border:1px solid #d6d7e1; box-sizing:border-box; padding:25px 26px; text-align:center;}
.p_coupon .coupon_list .li {background:#fff url('../images/coupon/none.png') center center no-repeat;}
.p_coupon .coupon_box {background:#fff;}

/* 쿠폰 이미지 */
.p_coupon .coupon_img {background:#0076c9; overflow:hidden;  position:relative; }
.p_coupon .coupon_img:before {content:""; position:absolute; top:0; right:29px; background:transparent url('../images/coupon/coupon_arrow.png') left top no-repeat; width:9px; height:5px; z-index:10}
.p_coupon .coupon_img:after {content:""; position:absolute; bottom:0; right:29px; background:transparent url('../images/coupon/coupon_arrow.png') left bottom no-repeat; width:9px; height:5px; z-index:10}
.p_coupon .coupon_img .inner {display:table; width:100%; table-layout:fixed;}
.p_coupon .coupon_img .left {padding-right:34px; text-align:Center; display:table-cell; vertical-align:middle; height:120px;}
.p_coupon .coupon_img .coupon_price {position:relative; }
.p_coupon .coupon_img .coupon_price .price {font-family:'Rubik'; font-size:60px; color:#fff; letter-spacing:-3px; padding-right:25px}
.p_coupon .coupon_img .coupon_price .won {font-size:25px; position:absolute; bottom:14px; right:0; margin-left:5px; color:#fff; font-family:"NanumSquare";}
.p_coupon .coupon_img .coupon_percent {display:none; font-family:'Rubik'; font-size:77px; color:#fff; letter-spacing:-1px; }
.p_coupon .coupon_img .coupon_percent em {font-size:48px; font-weight:300; margin-left:3px}
.p_coupon .coupon_img.if_percent .coupon_price {display:none }
.p_coupon .coupon_img.if_percent .coupon_percent {display:block }
.p_coupon .coupon_img .right {position:absolute; top:0; right:0; width:34px; height:100%;}
.p_coupon .coupon_img .right_con {position:relative; width:100%; height:100%;}
.p_coupon .coupon_img .right_con:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:transparent url('../images/coupon/dashed.png') left top repeat-y; z-index:10}
.p_coupon .coupon_img .right_con:after {content:""; position:absolute; top:50%; right:0; width:14px; height:101px; background:transparent url('../images/coupon/coupon_right.png') left top no-repeat; z-index:10; margin-top:-50px}
.p_coupon .coupon_img .right_con .couont_txt {width:100%; height:100%; position:relative;}
.p_coupon .coupon_img .right_con .couont_txt:before {content:""; position:absolute; top:0; left:7px; background:transparent url('../images/coupon/coupon_txt.png') left center no-repeat; width:8px; height:100%; z-index:10}
.p_coupon .coupon_img .right_con .bg {width:100%; height:100%; position:absolute; top:0; left:0; background:transparent url('../images/coupon/coupon_bg.png') left top repeat; z-index:5}
.p_coupon .coupon_img .right_con img {margin-left:7px;  }

/* 쿠폰 정보 */
.p_coupon .coupon_info {background:#fff; margin-top:15px;}
.p_coupon .coupon_info dt {font-size:15px; letter-spacing:-1.5px; font-weight:600; color:#000; text-align:center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px}
.p_coupon .coupon_info dd {position:relative; margin-bottom:5px; text-align:left;}
.p_coupon .coupon_info .opt {position:absolute; left:5px; top:0; color:#999; background:transparent url('../images/coupon/bullet.gif') left center no-repeat; padding-left:5px}
.p_coupon .coupon_info .value {margin-left:70px; color:#000}

/* 쿠폰 버튼 */
.p_coupon .coupon_btn {overflow:hidden; text-align:center; margin-top:20px}
.p_coupon .coupon_btn .btn {border:1px solid #ddd; padding:10px 30px; padding:11px 30px 9px\0; color:#000; border-radius:60px; letter-spacing:-1px; overflow:hidden; line-height:1.5;}
.p_coupon .coupon_btn .ic {float:left; margin-right:5px; font-size:0px; margin-top:1px;}
.p_coupon .coupon_btn .btn:hover {border:1px solid #999;}
.p_coupon .coupon_btn.end {display:none;}
.p_coupon .coupon_btn.end .btn {background:#e9e9e9 !important; border-color:#e9e9e9 !important; color:#949494; cursor:default;}

.p_coupon .if_end .coupon_img {background:#c9cad1;}
.p_coupon .if_end .coupon_btn.end {display:block;}
.p_coupon .if_end .coupon_btn.ing {display:none;}

/* 내용없을경우  */
.p_coupon .coupon_none {background:transparent url('../images/coupon/none.png') center top no-repeat; padding:80px 0 0 0; text-align:center; margin:80px 0}








/* **************************************** *
   추가수정작업 : 2021-01-07 : ARA 
 * **************************************** */

/* -------------------------------
   리뉴얼 후 오류수정
   ------------------------------- */
.ren_21 .fly_left .top {display:none;}
.ren_21 .fly_left .banner {border:0;}
.ren_21 .fly_left .banner .bn {border-top:0;}
.ren_21 .fly_left .banner .bn+ .bn {margin-top:10px;}



/* -------------------------------
   리뉴얼에서 숨김,노출 스위칭
   ------------------------------- */
.nw_on {display:none;}
.ren_21 .nw_hide {display:none !important;}
.ren_21 .nw_on {display:block;}



/* -------------------------------
   네비
   ------------------------------- */
.nw_nav {display:none}
.ren_21 .nw_nav {display:block;}

.nw_nav .layout_fix {padding-left:65px; box-sizing:border-box;}
.nw_nav .btn_sitemap {width:65px !important; position:absolute; left:0; top:0; z-index:1}
.nw_nav .btn_sitemap .btn_all .txt {display:none;}

.nw_nav .depth1 {width:auto; }
.nw_nav .depth1 .first:before {display:none;}
.nw_nav .depth1+ .depth1 .first:before {display:block;}
.nw_nav .depth1 .first .tit {padding: 0 26px;}
.nw_nav .depth1 .first .tit strong {font-weight:400; display:inline; position:relative;}

.nw_nav .depth1:hover .first .tit {color:#d56830;}

.nw_nav .depth1.only_cp .first .tit strong {font-weight:600;}
.nw_nav .depth1.only_cp .first .tit strong:before {content:""; width:5px; height:5px; background:#333; border:1px solid #333; border-radius:100px; box-sizing:border-box; position:absolute; right:-7px; top:-3px;}



/* -------------------------------
   메인비주얼
   ------------------------------- */
.nw_visual {display:none}
.ren_21 .nw_visual {display:block;}

.nw_visual {position:relative; overflow:hidden; padding: 0;}
.nw_visual .upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}

/* 롤링배너 */
.nw_visual .rolling_box {position:relative;}
.nw_visual .visual_box {height:450px; background-position:center top !important;}
.nw_visual .visual_img {width:1000px; height:450px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-500px}

/* 롤링 아이콘 */
.nw_visual .rolling_icon {position:absolute; left:0; bottom:25px; width:100%; text-align:center; z-index:11;}
.nw_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.nw_visual .rolling_icon .icon {width:15px; height:15px; float:left; margin:0 8px; border-radius:100px; border:2px solid #fff; box-sizing:border-box;}
.nw_visual .rolling_icon .active {background:#7a4c34; border-color:#7a4c34;}
.nw_visual .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.nw_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-29px}
.nw_visual .prevnext.prev {left:20px; }
.nw_visual .prevnext.next {right:20px;}
.nw_visual .prevnext a {display:block; background:rgba(255,255,255,0.8); border-radius:100px; overflow:hidden; }
.nw_visual .prevnext .icon {width:55px; height:55px; box-sizing:border-box; display:block; }
.nw_visual .prevnext.prev .icon {background:transparent url('/pages/images/main_visual_prev.gif') center center no-repeat;}
.nw_visual .prevnext.next .icon {background:transparent url('/pages/images/main_visual_next.gif') center center no-repeat;}
.nw_visual .prevnext a:hover .icon {background-color:#fff; border-color:#666;}



/* -------------------------------
   메인베스트
   ------------------------------- */
.ren_21 .main_ctg_item {background-size:cover; }
.ren_21 .main_ctg_item .tab_area .btn_tab {width:498px;}
.ren_21 .main_ctg_item .list_box {height:351px;}



/* -------------------------------
   고객센터
   ------------------------------- */
.nw_cs {display:none;}
.ren_21 .nw_cs {display:block;}

.nw_cs {padding:50px 20px; overflow:hidden; border-bottom:1px solid #ddd;}
.nw_cs li {list-style:none;}

.nw_cs .info_box {background:#f4f5f8; display:flex; justify-content: center; align-items: center; flex-direction:row; border:1px solid #f4f5f8; border-radius:10px; padding:20px 0;}
.nw_cs .info_box dl {display:table; width:50%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0 20px;}
.nw_cs .info_box dt,
.nw_cs .info_box dd {display:table-cell; vertical-align:top; box-sizing:border-box; }
.nw_cs .info_box * {font-family:"NanumSquare";}
.nw_cs .info_box dd {padding-left:20px; }
.nw_cs .info_box dt {text-align:right; width:95px; padding:0px;}
.nw_cs .info_box .ti {color:#000; font-weight:600; font-size:21px; padding-bottom:25px; position:relative;}
.nw_cs .info_box .ti:before {content:""; width:100%; height:1px; background:#000; position:absolute; left:-20px; bottom:12px;}
.nw_cs .info_box .ic {background:#000; border:1px solid #000; border-radius:100px;}
.nw_cs .info_box .this_bank {border-right:1px solid #fff;}
.nw_cs .info_box .this_cs {border-left:1px solid #fff;}
.nw_cs .info_box .this_bank .ic {background:#7a4c34; border-color:#7a4c34;}
.nw_cs .info_box .this_bank .ti {color:#7a4c34;}
.nw_cs .info_box .this_bank .ti:before {background:#7a4c34;}

.nw_cs .info_box .tel strong {color:#000; font-size:26px; font-weight:800; font-family:"lato";}
.nw_cs .info_box .time {font-size:14px; color:#999; margin-top:10px; line-height:1.5;}

.nw_cs .info_box .bankuum {overflow:hidden; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
.nw_cs .info_box .bankuum strong {color:#7a4c34; font-size:24px; font-weight:800; font-family:"lato";}
.nw_cs .info_box .btn_copy {background:#7a4c34; color:#fff; padding:5px 10px; border-radius:100px; font-weight:600; margin-left:7px; white-space:nowrap}
.nw_cs .info_box .bank {color:#7a4c34; font-size:14px; margin-top:10px; font-weight:600; line-height:1.5;}
.nw_cs .info_box .bank strong {display:block;}

.nw_cs .btn_box {margin:0 -10px; text-align:center; padding-top:20px;}
.nw_cs .btn_box ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:10px 0;}
.nw_cs .btn_box li {display:table-cell; vertical-align:middle;}
.nw_cs .btn_box .btn {border:1px solid #333; border-radius:5px; display:flex; justify-content: center; align-items: center; flex-direction:column; height:70px; font-size:19px; color:#000; box-sizing:border-box;}
.nw_cs .btn_box .btn strong {font-family:"NanumSquare"; font-weight:400; padding:5px 0;}
.nw_cs .btn_box .kk .btn {background:#f9e000; border-color:#f9e000;}
.nw_cs .btn_box .kk .btn strong {font-weight:600; background:transparent url('../images/nw_kk.png') left center no-repeat; padding-left:28px;}



/* -------------------------------
   기업회원추가
   ------------------------------- */
.nw_cp_top {display:none;}
.ren_21 .nw_cp_top {display:inline-flex;}

.nw_cp_top {float:left; justify-content: center; align-items: center; flex-direction:row; height:40px; margin-top:-15px;}
.nw_cp_top strong {font-weight:600; color:#000; margin-left:5px; letter-spacing:-1px;}
.nw_cp_top .tag {background:#35a100; border:1px solid #35a100; border-radius:100px; color:#fff; font-size:11px; letter-spacing:-1px; padding:2px 8px; font-weight:600;}
.nw_cp_top .if_off {background:#999; border-color:#999;}
.nw_cp_top .if_on {background:#df4c00; border-color:#df4c00;}



.item_box .info .price_txt {font-family:"NanumSquare"; color:#ff5a00; font-size:15px; font-weight:600;}