@charset "utf-8";
/* 2024-10-10 삭제 시작 */
/* reset */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0} */
/* fieldset,img{border:0 none;vertical-align:top} */
/* dl,ul,ol,menu,li{list-style:none} */
/* blockquote,q{quotes:none} */
/* blockquote:before,blockquote:after,q:before,q:after{content:none} */
/* input,select,textarea,button{vertical-align:middle;font-size:100%} */
/* button{border:0 none;background-color:transparent;cursor:pointer} */
/* button::-moz-focus-inner{padding:0;border:0} */
/* table{border-collapse:collapse;border-spacing:0} */
/* body{-webkit-text-size-adjust:none} */
/* input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox} */
/* input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0} */
/* input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none} */
/* body{background:#fff} */
/*body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:-apple-system,'Apple SD Gothic Neo',sans-serif;color:#000}*/
/* a{color:#000;text-decoration:none} */
/* a:active,a:hover,a:visited{text-decoration:none} */
/* address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} */
/* hr{display:none} */

/* global */
/* .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent} */
/* .ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} */
/* .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} */
/* .clear_g:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} */
/* .show{display:block} */
/* .hide{display:none} */
/* .bg_gray{background:#ededed} */
/* 2024-10-10 삭제 끝 */

#kakaoPromotion{position:relative}
#kakaoIndex{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}

/* 클라이언트 버전 안정화 후 삭제 */
.gnb_comm{overflow:hidden;padding:0 42px 0 0;border-top:1px solid #f6de11;border-bottom:1px solid #e0e1e2;background-color:#fff}
.gnb_comm li{float:left;height:39px;text-align:center}
.gnb_comm .link_menu{display:block;height:39px;font-weight:bold;font-size:15px;line-height:39px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
.gnb_comm .link_menu .ico_dot{position:absolute;top:11px;right:0;width:4px;height:4px;border-radius:4px;font-size:0;line-height:0;background-color:#ff6469;text-indent:-9999px}
.ios .gnb_comm .link_menu{font-weight:600}
.gnb_comm li:nth-of-type(1){width:16.27%}
.gnb_comm li:nth-of-type(2){width:16.53%}
.gnb_comm li:nth-of-type(3){width:23.33%}
.gnb_comm li:nth-of-type(4){width:20.40%}
.gnb_comm li:nth-of-type(5){width:23.47%}
.gnb_comm .txt_menu{display:inline-block;position:relative;height:36px;padding:0 6px}
.gnb_comm .on .txt_menu{border-bottom:3px solid #fcde11;font-weight:bold}
.ios .gnb_comm .on .txt_menu{font-weight:600}
.wrap_gnb{position:relative}
.wrap_gnb .link_search{display:block;position:absolute;top:0;right:0;width:42px;height:40px}
.wrap_gnb .link_search.on .ico_best:after{position:absolute;bottom:0;left:6px;right:9px;height:3px;background-color:#fcde11;content:''}
.wrap_gnb .link_search .ico_best{width:16px;height:16px;margin:12px 0 0 12px;background-position:-60px -50px}

/* layout */
#kakaoWrap{position:relative;min-height:100%}
#kakaoHead{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;background-color:#FFF;}

/*.wrap_tit{position:relative;height:44px;background:#fff}*/
/*.wrap_tit .tit_gift{position:absolute;left:50%;top:0;margin-left:-45px}*/
/*.wrap_tit .link_gift{display:block;width:66px;margin:0 auto;padding:12px}*/
/*.wrap_tit .tit_gift2{display:block;width:66px;height:20px}*/
/*.wrap_tit .link_back{float:left;padding:12px 16px}*/
/*.wrap_tit .link_carts{float:left;position:relative;padding:12px 14px}*/
/*.wrap_tit .link_search{float:right;margin-right:50px;padding:12px 16px}*/
/*.wrap_tit .btn_close{position:absolute;right:0;top:0;padding:12px 16px}*/
/*.wrap_tit .ico_back{width:20px;height:20px}*/
/*.wrap_tit .ico_carts{width:24px;height:20px;background-position:-22px 0}*/
/*.wrap_tit .ico_search{width:20px;height:20px;background-position:-48px 0}*/
/*.wrap_tit .ico_close{width:20px;height:20px;background-position:-70px 0}*/
/*.wrap_tit .txt_count{position:absolute;left:30px;top:9px;height:13px;padding:0 6px;border-radius:6px;font-size:10px;line-height:14px;color:#222;background:#fff;text-align:center}*/

.gnb_no .wrap_gnb{display:none}
.gift_new .gnb_type1 #kakaoContent{padding-top:87px}
.gift_old .gnb_type1 #kakaoContent{padding-top:48px}
.gnb_no .gnb_type1 #kakaoContent{padding-top:45px}
.gift_new.gnb_no #kakaoContent{padding-top:45px}
.gift_old.gnb_no #kakaoContent{padding-top:0}
.footer_no #kakaoFoot {display:none}
.footer_no #kakaoContent{padding-bottom:0}
.detail #kakaoContent{padding-bottom:53px}

.gnb_type2 .wrap_tit{background:#fff}
.gnb_type2 .wrap_tit .txt_count{background:#f6de11}
.gnb_type2 .wrap_tit .tit_gift{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}/* 2016-12-23 추가 */
.gnb_type2 .wrap_gnb{display:none}
.gift_old .gnb_type2 #kakaoContent{padding-top:0px}
.gift_new .gnb_type2 #kakaoContent{padding-top:44px}
.gift_new .wrap_tit {border-bottom:1px solid #e8e8e8}
.gnb_gift{display:-webkit-box;display:flex;overflow:hidden;height:41px;padding:0 1.06%;border-bottom:1px solid #e0e1e2;line-height:41px;background-color:#fff;-webkit-box-pack:justify;justify-content:space-around}
.gnb_gift li{-webkit-box-flex:1;flex-grow:1}
.gnb_gift li:last-child{display:none}
.gnb_gift .link_menu{display:block;position:relative;font-weight:bold;font-size:15px;text-align:center}
.gnb_gift .link_menu .ico_dot{position:absolute;top:11px;right:0;width:4px;height:4px;border-radius:4px;font-size:0;line-height:0;background-color:#ff6469;text-indent:-9999px}
.ios .gnb_gift .link_menu{font-weight:600}
.gnb_gift .txt_menu{display:inline-block;position:relative;height:38px;padding:0 6px}
.gnb_gift .on .txt_menu{border-bottom:3px solid #fcde11;font-weight:bold}
.ios .gnb_gift .on .txt_menu{font-weight:600}
.gift_old .gnb_gift{border-top:1px solid #f6de11}
.gift_old .gnb_gift .item_giftday{display:none}
.gift_old .gnb_gift li:last-child{display:block}
.gift_new .gnb_type1 .wrap_tit .link_search{display:block}
.gift_old .gnb_gift .item_giftday { display: none; }
.gift_old .gnb_gift li:last-child { display: block; }
.gift_new .gnb_type1 .wrap_tit .link_search { display: block; }
.gift_old .gnb_gift li#season-tab { display: none; }
.gift_new .gnb_gift li#season-tab { display: block; }

.wrap_gnb{position:relative}
.wrap_gnb .link_search{display:block;position:relative;top:auto;right:auto;width:auto;height:40px;line-height:40px;text-align:right}
.wrap_gnb .on .link_search .ico_search:after{position:absolute;bottom:-1px;right:11px;width:29px;height:3px;background-color:#fcde11;content:''}
.wrap_gnb .link_search .ico_search{display:inline-block;width:17px;height:17px;margin:12px 17px 0 0;background-position:-194px -116px;vertical-align:top}
.gift_old .wrap_tit{height:0}
.gift_old .wrap_tit .link_back,
.gift_old .wrap_tit .link_carts,
.gift_old .wrap_tit .link_search,
.gift_old .wrap_tit .btn_close{display:none}
.gift_old .wrap_tit .tit_gift{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
/*@media*/
/*only screen and (-webkit-min-device-pixel-ratio:1.5),*/
/*only screen and (min-device-pixel-ratio:1.5),*/
/*only screen and (min-resolution:1.5dppx) {*/
/*    .ico_best{background-image:url(https://gift-s.kakaocdn.net/dn/gift/best/m640/sp_best_rtn_20161011.png);-webkit-background-size:108px 104px;background-size:108px 104px}*/
/*    .tit_gift2{background-image:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/tit_gift2.png);-webkit-background-size:200px 50px;background-size:200px 50px}*/
/*    .ico_gift2{background-image:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/ico_gift2_170224.png);-webkit-background-size:250px 200px;background-size:250px 200px}*/
/*}*/

/*.gift_error{overflow:hidden;height:100%;margin:-50px 0;padding:0 20px;background-color:#ededed;text-align:center;white-space:nowrap}*/
.gift_error{overflow:hidden;height:100%;padding:0 20px;background-color:#ededed;text-align:center;white-space:nowrap}
.gift_error:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.gift_error .wrap_error{display:inline-block;width:100%;vertical-align:middle;white-space:normal;word-wrap:break-word}
.gift_error .img_error{display:block;margin:0 auto}
.gift_error .tit_error{display:block;padding:30px 20px 0;font-size:20px;line-height:24px}
.gift_error .txt_error{padding:7px 20px 0;line-height:18px;color:#808080}
.gift_error .wrap_btn{overflow:hidden;max-width:330px;margin:0 auto;padding-right:5px}
.gift_error .item_btn{float:left;width:50%;margin-top:48px}
.gift_error .btn_error{display:block;height:45px;margin-left:5px;border-radius:2px;font-size:16px;line-height:47px;background-color:#fde515;color:#000}
.gift_error .btn_close{background-color:#dedede}
.gift_error .wrap_btn_type1{max-width:165px}
.gift_error .wrap_btn_type1 .item_btn{width:100%}
.gift_error .item_btn_type1{display:block;float:none;min-width:165px;margin:48px auto 0}

.blind, legend { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 100px; white-space: nowrap }

.sp { display: inline-block; overflow: hidden; background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/sp_rtn_20150923.png') no-repeat; background-size: 82px 52px; -webkit-background-size: 82px 52px; font-size: 0; line-height: 100px; white-space: nowrap }
.sp_search {display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url('https://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/sp_rtn_151218.png') no-repeat;background-size:120px 200px;-webkit-background-size:120px 200px;white-space:nowrap}

.bn_top:after, .flkbx .ribbg:after, .flkbx .ribbg:before, .flkbx:after, .flkbx:before { display: inline-block; overflow: hidden; background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/sp_main_rtn.png') no-repeat; background-size: 269px 259px; -webkit-background-size: 269px 259px; font-size: 0; line-height: 100px; white-space: nowrap }
.bx_inp:after, .detail_note ol li p:after, .detail_view:before, .gbx .from:before, .gbx .prc .won, .gbx .to:before, .gbx.v2 .btn_call span:before, .gbx.v2 .btn_present:after, .optbx li:after { display: inline-block; overflow: hidden; background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/sp_sub_rtn_20141104.png') no-repeat; background-size: 160px 280px; -webkit-background-size: 160px 280px; font-size: 0; line-height: 100px; white-space: nowrap }
.gbx_call .btn_call span:before, .ico_new:before, .infodesk a:after, .infodesk a:before, .sbx .optbx2:after { background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/sp_sub_rtn_20150414.png') no-repeat; background-size: 160px auto; -webkit-background-size: 160px auto }
.hotbx .bn:after { background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/images/brand/sp_brand_rtn_150804.png') no-repeat; background-size: 152px 110px; -webkit-background-size: 152px 110px }
.brand_top .hotbx .select_tit:after { background: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/images/brand/sp_brand_rtn_150804.png') no-repeat; background-size: 152px 110px; webkit-background-size: 152px 110px }
.hotbx .bn:after { display: inline-block; font-size: 0; line-height: 100px; overflow: hidden; white-space: nowrap }
.bg_gray { background: #ededed }

.recomm_open #wrap{height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

#wrap { position: relative; padding-top: 40px }
#header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; -webkit-backface-visibility: hidden }
#gnb{background-color: #e65450}
#gnb ul{display:table;width:100%;table-layout:fixed}
#gnb li{position:relative;display:table-cell;border-bottom:1px solid #d44d4a;text-align:center}
#gnb a{display:block;position:relative;height:28px;padding-top:11px;font-weight:700;font-size:15px;color:#f5c6c5;white-space:nowrap}
#gnb a .ico_new{top:50%;margin-top:-10px}
#gnb .bn_search{width:44px;height:30px;border:1px solid #a6a6a6;border-radius:3px;background:#bababa;font-size:14px;color:#fff}
#gnb .dimmed{display:none;position:absolute;top:47px;left:0;right:0;bottom:0;height:5000px;background:#000;opacity:.7}
#gnb .search{display:none;position:absolute;top:47px;left:0;right:0;padding:12px}
#gnb .selected a {color:#fff}
#gnb .selected .bn_search { border-color: #b53b37; background: #f4524c }
#gnb .selected .dimmed, #gnb .selected .search { display: block }


#footer { position: relative; height: 56px; margin: 0 8px }
.ftaddr { position: absolute; top: 0; left: 0 }
.ftaddr a { display: block; padding: 19px 16px 18px }
.ftaddr a .sp { width: 43px; height: 14px; background-position:0 -38px }
.ftlink { position: absolute; top: 0; right: 10px }
.ftlink li { float: left }
.ftlink a { display: block; height: 56px; padding: 0 7px; font-size: 13px; color: #5c5c5c; letter-spacing: -1px; line-height: 56px; text-decoration: underline }
.item_box:after, .section.top .banner ul:after { display: block; content: ""; clear: both }
.item_box li a:visited { color: #e6e6e6 }
.gbx .salebx:before, .item_box .salebx:after { position: absolute; top: 10px; width: 4px; height: 1px; background: #fff; content: '' }
.item_box .salebx:before { left: -5px }
.item_box .salebx:after { right: -5px }
.brendbx li:first-child a { margin: 0 1px 0 0 }
.tbrow.v2 li:first-child { padding-left: 0 }
.tab:after { display: block; content: ""; clear: both }
.tab_ctbx .tb_wrap li:first-child { padding-right: 14.4% }
.tab_ctbx .tb_wrap li:last-child { padding-left: 14.4% }
.main_top .product:before { position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: #000; opacity: .12; content: '' }
.main_top .product dt span:first-child { padding-right: 35px; font-size: 12px; color: #7a7a7a }
.main_top .product dt span:last-child { padding-left: 35px; font-size: 13px; color: #5d5d5d; letter-spacing: -1px }
.main_pattern_bg #footer { border-top: 2px solid #b8b8b8 }
.ctbox:before { position: absolute; left: -1px; right: -1px; bottom: 0; height: 1px; background: #d2d2d2; content: '' }
.ctbox:after { position: absolute; left: -1px; right: -1px; bottom: -2px; height: 2px; background: #000; opacity: .05; content: '' }
.gifttab .selected a:before { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #ec5752; content: '' }
.giftlist li:first-child { padding-right: 41px }
.giftlist li:last-child { padding-left: 41px }
.giftlist dd:last-child a:after { position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: #8f8f8f; content: '' }
.ctgbx dd:after, .ctgbx dd:before { position: absolute; top: 0; width: 1px; height: 89px; content: '' }
.ctgbx dd:before { left: 0; background: #f8f8f8 }
.ctgbx dd:after { right: 0; background: #e9e9e9 }
.ctgbx dd:last-child:after, .ctgbx dd:nth-child(2):before { display: none }
.flkbx:after, .flkbx:before { position: absolute; top: 97px; width: 38px; height: 30px; content: ''; z-index: 10 }
.flkbx:before { left: 0; background-position: -73px -212px }
.flkbx:after { right: 0; background-position: -113px -212px }
.flkbx .ribbg:after, .flkbx .ribbg:before { position: absolute; top: -7px; width: 30px; height: 41px; content: '' }
.flkbx .ribbg:before { left: -22px; background-position: -235px 0 }
.flkbx .ribbg:after { right: -22px; background-position: -235px -43px }
.flkbx.v2:after, .flkbx.v2:before { display: none }
.hotbrand li:first-child { border-left: 0 }
.searchbx { padding: 12px 8px; background-color: #ededed; z-index:2 }

.bnr_deal {padding: 0 !important;}


/* 2020-01-06 수정 */
.fold_corp #kakaoContent{padding-bottom:375px}
/* 2020-01-06 추가 */
/* 2019-02-14 수정 */
#kakaoFoot{position:absolute;bottom:0;left:0;right:0;z-index:9;border-top:25px solid #ededed;line-height:18px;background-color:#fafafa}
/* 2020-01-06 수정 */
/* 2019-02-14 수정 시작 */
#kakaoFoot .inner_foot{max-width:400px;padding:28px 16px 66px;margin:0 auto}
/* 2020-01-06 추가 시작 */
#kakaoFoot .service_info{overflow:hidden}
#kakaoFoot .service_info .link_service{font-size:12px;color:#666}
#kakaoFoot .service_info .txt_bar{width:1px;height:10px;margin:4px 9px 0;font-size:1px;line-height:0;color:transparent;background-color:rgba(216, 216, 216, 0.69)}
#kakaoFoot .about_info{overflow:hidden;padding-top:30px;line-height:0}
#kakaoFoot .mark_info{float:right;margin-right:2px}
/*#kakaoFoot .mark_info .img_familymark{display:block;width:100px;height:28px} // 2023-03-09 주석 처리*/
#kakaoFoot .btn_info{float:left;padding-left:2px}
#kakaoFoot .btn_info .img_logo{display:inline-block;width:43px;height:12px;padding:8px 0;vertical-align:top}
#kakaoFoot .btn_info .ico_arr{display:inline-block;width:10px;height:6px;margin:12px 0 0 6px;background-position:-105px -650px;vertical-align:top}
.fold_corp #kakaoFoot .btn_info .ico_arr{background-position:-115px -650px}
#kakaoFoot .list_info{overflow:hidden;padding:10px 0 8px;font-size:11px;color:#999;letter-spacing:-0.045em}
.fold_corp #kakaoFoot .list_info{display:block}
#kakaoFoot .list_info dt{float:left;width:107px}
#kakaoFoot .list_info dd{overflow:hidden}
#kakaoFoot .list_info .link_info{display:inline-block;color:#999;vertical-align:top}
#kakaoFoot .list_info .link_emph{text-decoration:underline}
@media all and (max-width:330px){#kakaoFoot .list_info dt{width:97px}}
/* // 2020-01-06 추가 끝 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .cont_wishlist .box_share:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/common/m480/sh_img_comm.png'); background-size: 200px 130px; -webkit-background-size: 200px 130px }
    .received_product .link_product:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/wishes/m480/bg_received.png'); background-size: auto 5px; -webkit-background-size: auto 5px }
    .cont_recommend:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/wishes/m480/bg_wish.png'); background-size: 158px 148px; -webkit-background-size: 158px 148px }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .cont_wishlist .box_share:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/common/m640/sh_img_comm.png'); background-size: 200px 130px; -webkit-background-size: 200px 130px }
    .received_product .link_product:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/wishes/m640/bg_received.png'); background-size: auto 5px; -webkit-background-size: auto 5px }
    .cont_recommend:after { background-image: url('http://gift-s.kakaocdn.net/dn/gift/legacy/public/angular_webapp/app/images/wishes/m640/bg_wish.png'); background-size: 158px 148px; -webkit-background-size: 158px 148px }
}
@-webkit-keyframes title_option_open {
    from { bottom: -100px }
    to { bottom: 0 }
}

/* TopButton */
/*
.btn_pageup .ico_comm {width: 24px;height: 22px;background-position: 0 -13px}
.btn_pageup {bottom: 12px;right: 8px;padding: 9px;background: rgba(255, 255, 255, .75);border: 1px solid rgba(0, 0, 0, .2);-webkit-box-shadow: inset 0px -2px 0px #e2e2e2;box-shadow: inset 0px -2px 0px #e2e2e2;z-index: 100;}
.ico_comm {display: block;overflow: hidden;background: url(http://gift-s.kakaocdn.net/dn/gift/search/ico_comm.png) no-repeat;text-indent: -9999px;font-size: 0;line-height: 0}
*/ /* 2024-04-24 사용하지 않는 css */
/* LoadingIndicator */
.gift_loading {width:100%;height:100%;position:fixed;left:0px;top:0px;text-align:center;z-index:110;}
.gift_loading .loading_img {position:relative;width:80px;height:80px;top:40%;opacity:0.5;}/* 2025-12-10-v2 개발 싱크 맞춤 */

/* suggest 추가 */
.KAKAO-react-as_container {position: relative;}
.KAKAO-react-as__input:focus {outline: none;}
.KAKAO-react-as__container--open .KAKAO-react-as__input {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.KAKAO-react-as__suggestions-container {position: absolute;top: 35px;margin: 0;padding: 0 13px;width:100%;list-style-type: none;border: 1px solid #aaa;background-color: #fff;font-family: Helvetica, sans-serif;font-weight: 300;font-size: 16px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;z-index: 2;}
.KAKAO-react-as__suggestion { cursor: pointer;padding: 10px 20px;}
.KAKAO-react-as__suggestion--focused {background-color: #ddd;}

#wrap.hidden {overflow:hidden;}
.bnr_cider {display:block; margin:-2px 8px 16px}

.load_more {
    margin: 25px auto 0;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #ccc;
    border-top: 3px solid #ccc;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    -webkit-animation: spin .7s infinite linear;
    -moz-animation: spin .7s infinite linear;
    -o-animation: spin .7s infinite linear;
    animation: spin .7s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.loader_bounce,
.loader_bounce:before,
.loader_bounce:after {
    background: #ffffff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 0.7em;
    height: 1.5em;
}
.loader_bounce:before,
.loader_bounce:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader_bounce:before {
    left: -1.2em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader_bounce {
    text-indent: -9999em;
    margin: 30px auto 10px;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader_bounce:after {
    left: 1.2em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 1.5em;
    }
    40% {
        box-shadow: 0 -1em #ffffff;
        height: 2em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 1.5em;
    }
    40% {
        box-shadow: 0 -1em #ffffff;
        height: 2em;
    }
}

/* 공유하기 레이어 공통 */
.layer_share .btn_share { width: 38px; height: 38px; background-position: -110px 0 }
.layer_share .box_share { display: none; position: absolute; top: -134px; left: -10px; width: 60px; height: 110px; font-size: 0.68em; color: #404040; text-align: center; background: #fafafa }
.layer_share .box_share:after { display: block; content: ''; position: absolute; bottom: -6px; left: 25px; z-index: 20; width: 9px; height: 6px; background: url("http://beta-gift-talk.kakao.com/public/angular_webapp/dist/images/common/m640/sh_img_comm.png") no-repeat -80px -20px }
.layer_share .box_share .img_comm { width: 30px; height: 34px; margin: 0 auto }
.layer_share .box_share .ico_story { background-position: -40px 0 }
.layer_share .box_share .link_kakaotalk, .box_share .link_kakaostory { display: block; width: 100%; }

/* 브랜드 공유하기 */
.product_share { position: absolute; bottom: 4px; right: 8px; width: 167px; height: 68px }
.product_share .layer_share { position: relative; width: 167px; height: 68px }
.product_share .on .box_share { display: block }
.product_share .spb.sns { position: absolute; top: 16px; right: 0 }
.product_share .box_share { display: none; overflow: hidden; position: absolute; left: 0; top: 0; width: 124px; height: 68px; background: url("http://beta-gift-talk.kakao.com/public/images/share/share.png") no-repeat -3px 0; background-size: 128px auto; -webkit-background-size: 128px auto }
.product_share .box_share .link_kakaotalk, .product_share .box_share .link_kakaostory { float: left; width: 60px; height: 68px; text-indent: -9999px }
.product_share .sns { bottom: 7px; right: 11px; width: 36px; height: 36px; background-position: -37px -34px }

.spb, .bbxlist li a .arr.bbxcate .bn_more .more, .hotbx .bn:after { display: inline-block; overflow: hidden; background: url("http://beta-gift-talk.kakao.com/public/images/brand/sp_brand_rtn_150601.png") no-repeat; background-size: 144px 105px; -webkit-background-size: 144px 105px; font-size: 0; line-height: 100px; white-space: nowrap }

.bbxlist li a .arr.bbxcate .bn_more .more, .hotbx .bn:after, .spb { background: url("http://beta-gift-talk.kakao.com/public/images/brand/sp_brand_rtn_150804.png") no-repeat; background-size: 152px 110px; -webkit-background-size: 152px 110px }
.bbxlist li a .arr.bbxcate .bn_more .more, .brand_top .hotbx .select_tit:after, .spb { background: url("https://gift-s.kakaocdn.net/dn/gift/halla-webapp/sp_brand_rtn_160722.png") no-repeat; background-size: 152px 190px; webkit-background-size: 152px 190px; }

.prm_gift { position: relative }
.prm_gift .p_head { position: relative; z-index:10 }

.p_head .product_share { top: 5px; }

/* 공유하기 버튼 공통 컴포넌트 */
.social_share_comp .event_share{top:0;left:0;right:0;bottom:0}
.social_share_comp .event_share .btn_share{position:absolute;top:15px;right:2.7%;width:8.8%}
.social_share_comp .layer_share{
    position: absolute;
    right: 50px;
    top: 14px;
    display: none;
}
.social_share_comp .on .layer_share{display:block}
.social_share_comp .layer_share::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 6px;
    background: url("https://gift-s.kakaocdn.net/dn/gift/images/promotion/2020/commons/modal-sns_share__arrow.png");
    background-size: 8px;
    right: -5px;
    top: 15px;
    transform: rotate(90deg);
}
/* old social layer 삭제필요 */
/*.social_share_comp .event_share .list_share{*/
/*    display:flex;*/
/*    background: #fff;*/
/*    border: 2px solid #ededed;*/
/*    border-radius: 2px;*/
/*}*/
/*.social_share_comp .event_share .link_share{*/
/*    width:57px;*/
/*    height:68px;*/
/*    text-indent:-9999px;*/
/*    background-image: url("https://gift-s.kakaocdn.net/dn/gift/images/promotion/2020/commons/modal-sns_share__logos.png");*/
/*    background-size: 170px;*/
/*}*/
/*.social_share_comp .event_share .link_share.kakaotalk{*/
/*    background-position: 0;*/
/*}*/

/*.social_share_comp .event_share .link_share.kakaostory{*/
/*    background-position: -57px 0;*/
/*}*/
/*.social_share_comp .event_share .link_share.facebook{*/
/*    background-position: -114px 0;*/
/*}*/


.social_share_comp .img_prm{display:block;width:100%}

/* 공유버튼 신버전 css */
.social_share_comp .one_btn_share{overflow:hidden;position:absolute;top:13px;right:2.93%;z-index:30;width:34px;height:34px;font-size:1px;line-height:0;color:transparent;background: url('https://gift-s.kakaocdn.net/dn/gift/images/promotion/common/ico_promotionutils.png') no-repeat;background-size:90px 80px;} /* 2023-11-09 수정 */
/* 2023-11-09 추가 시작*/
.social_share_comp .theme_grey .one_btn_share{background-position:-50px 0}
.pc .social_share_comp .one_btn_share{top:24px;right:20px;width:40px;height:40px;background-position:0 -40px} /* 2023-11-15 수정 */
.pc .social_share_comp .theme_grey .one_btn_share{background-position:-50px -40px}
/* // 2023-11-09 추가 끝 */
/* 공유버튼 신버전 css */

.social_share_comp .box_share {display:none;position:absolute;top:12px;right:12.67%;width:19.6%;height:0.8%}
.social_share_comp .box_share.on{display:block}

/* 꼭 읽어보세요 버튼 공통 컴포넌트*/
.readme_layer{position:fixed;top:175px;bottom:88px;left:7.73%;right:7.73%;z-index:9999;padding:20px 0 65px;border-radius:5px;background:#fff}
.readme_layer .layer_body{height:100%;padding:0 15px;font-size:11px;line-height:18px;color:#626262}
.readme_layer .wrap_notice{overflow:hidden;overflow-y:scroll;height:100%}
.readme_layer .layer_body .tit_notice{display:block;padding:2px 6px 0}
.readme_layer .layer_body .list_notice{margin-bottom:18px}
.readme_layer .layer_body .list_notice:last-child{margin-bottom:0}
.readme_layer .layer_body .list_notice li{position:relative;margin-top:2px;padding-left:6px;word-break:keep-all}
.readme_layer .layer_body .list_notice li:before{position:absolute;top:7px;left:0;width:2px;height:2px;border-radius:2px;background:#626262;content:''}
.readme_layer .layer_foot{position:absolute;bottom:0;left:0;right:0;padding:0 18px;box-sizing:border-box}
.readme_layer .btn_close{display:block;width:100%;height:50px;border-top:1px solid #bbb;font-weight:bold;font-size:14px;color:#4f4f4f;text-align:center}

.layer_notice .btn_notice{display:flex;align-items:center;position:absolute;top:15px;left:2.778%;z-index:30;padding:10px 0;margin:-10px 0;font-size:3.33vw;line-height:4.722vw;color:rgba(0,0,0,0.6);letter-spacing:-.036em;cursor:pointer}/* 2024-10-11 수정 *//* 2023-11-10 수정 */ /* 2023-11-09 수정 */
/* 2023-11-10 추가 시작 */
.layer_notice .btn_notice .ico_info{flex:0 0 3.889vw;width:3.889vw;height:3.889vw;margin:-1px 0.833vw 0 0;background-image:url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/common/ico_info.svg);background-size:cover} /* 2023-11-10 추가 */ /* 2023-11-10-v2 수정 */
.layer_notice .btn_notice.type_white{color:rgba(255,255,255,0.6)}
.layer_notice .btn_notice.type_white .ico_info{background-position:-80% 0}
/* // 2023-11-10 추가 끝 */
.pc .promotion_header .layer_notice .btn_notice{left:20px;top:24px;font-size:12px;line-height:17px;} /* 2023-11-15 수정 */
.pc .layer_notice .btn_notice .ico_info{flex:0 0 14px;width:14px;height:14px;margin:0 3px 0  0} /* 2023-11-10 추가 */

.layer_notice .dimmed_layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;width:100%;height:100%;background:rgba(0,0,0,.8)}
.layer_notice .layer_notice_popup{position:fixed;top:88px;left:7.73%;right:7.73%;z-index:9999;padding:20px 0 65px;border-radius:5px;background:#fff} /* 2023-10-27-v2 수정 */ /* 2023-10-27 수정 */
/* .pc .layer_notice .layer_notice_popup{left:50%;right:auto;width:400px;transform:translate(-50%, -50%)} */ /* 2023-10-27-v2 삭제 */ /* 2023-10-27 추가 */
.layer_notice .layer_notice_popup .layer_body{padding:20px 15px 0;font-size:11px;line-height:18px;color:#626262}
.layer_notice .layer_notice_popup .layer_body .tit_notice{display:block;padding:2px 6px 0}
.layer_notice .layer_notice_popup .layer_body .list_notice{margin-bottom:18px}
.layer_notice .layer_notice_popup .layer_body .list_notice li{position:relative;margin-top:2px;padding-left:6px;word-break:keep-all;word-wrap: break-word;}
.layer_notice .layer_notice_popup .layer_body .list_notice li:before{position:absolute;top:7px;left:0;width:2px;height:2px;border-radius:2px;background:#626262;content:''}
.layer_notice .layer_notice_popup .layer_foot{position:absolute;bottom:0;left:0;right:0;padding:0 18px;box-sizing:border-box}
.layer_notice .layer_notice_popup .btn_close{display:block;width:100%;height:50px;border-top:1px solid #bbb;font-weight:bold;font-size:14px;color:#4f4f4f;text-align:center}
.layer_notice_popup .layer_body { max-height: 300px; overflow-y: scroll; }

/* button */
.button { display: block; font-size: 16px; text-align: center; color: #000; font-weight: normal !important; border: 1px solid #ccc; -webkit-border-radius: 2px; overflow: hidden; }
.button span { display: block; white-space: nowrap; line-height: 40px; border-bottom: 1px solid #fff; }
.button.middle { display: inline-block; width: 47%; }
.button.middle.right-margin { margin-right: 4px; }
.button.normal { display: inline-block; width: 105px; }
.button.small { display: inline-block; width: 42px; -webkit-border-radius: 5px; font-size: 11px; -webkit-box-shadow: none; }
.button.small span { line-height: 25px; -webkit-border-radius: 5px; }
.button.yellow { background: -webkit-gradient(linear, left top, left bottom, from(#fff314), to(#fff314)); border: 0px !important; -webkit-box-shadow: 0px 0px 0px #8bb2d1; height: 44px; }
.button.yellow span { border-bottom-color: #e4d919; color: #2e2511; text-shadow: 0 0px 0 #000 !important; margin-top: 2px; padding-bottom: 1px; }
.button.yellow.gift-img span { text-align: center; padding-left: 20px; /*background: '/public/angular_webapp/app/images/wishes/share/ico_btn_present.png?v=20131217' no-repeat 13px 9px;*/ -webkit-background-size: 20px 24px; }
.button.yellow.disabled { border-color: #d9ce00; background: -webkit-gradient(linear, left top, left bottom, from(#fbf029), to(#e4d901)); -webkit-box-shadow: 0px 3px 6px #D5D5CD; opacity: 0.5; }
.button.yellow.disabled span { border-top-color: #fffdd5; border-bottom-color: #f9ef3b; }
.action .yellow { margin: 0 auto; display: block; }

.sp { display: inline-block; overflow: hidden; background: url('http://gift-s.kakaocdn.net/dn/gift/home/m320/sp_rtn_20160608.png') no-repeat; vertical-align:top;text-indent:-9999px}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .sp { background-image: url('https://gift-s.kakaocdn.net/dn/gift/home/m640/sp_rtn_20160608.png'); -webkit-background-size: 130px 280px; background-size: 130px 280px }
}
.link_gotop{ position: fixed; bottom: calc(env(safe-area-inset-bottom) + 9px); right: 10px; z-index: 20001; width: 41px; height: 38px; background-position: -34px -100px }/* 2025-12-10 수정 */

/* floating menu */
.floating_menu .btn_application:focus {outline:0;}
.floating_menu .btn_application.fix{position:fixed;bottom:0;left:0;z-index:30;width:100%}

.floating_footer .btn_application.fix{position:fixed;bottom:0;left:0;z-index:30;width:100%}
.floating_footer .btn_application{width:100%}

/* 슬라이드 템플릿 공통 컴포넌트 시작*/
/* global */
.prm_custom_template .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.prm_custom_template .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.prm_custom_template .thumb_g{display:block;width:100%}

/* content */
.prm_custom_template .gift_event{position:relative;padding-bottom:11.7%}
.prm_custom_template .gift_event .wrap_slide{width:82.66%;margin:0 auto}
.prm_custom_template .gift_share{position:relative}
.prm_custom_template .gift_share .link_share{overflow:hidden;position:absolute;left:16%;right:16%;top:65.4%;height:16.5%;font-size:1px;line-height:0;color:transparent}

/* slick slide */
.prm_custom_template .slick-arrow{position:absolute;top:55%;z-index:10;width:13%;height:20%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);text-indent:-9999px;}
.prm_custom_template .slick-arrow:before{display:block;width:44.23%;height:60%;background:url(https://gift-s.kakaocdn.net/dn/gift/images/promotion/180125_gift/ico_arr.png) no-repeat;background-size:cover;content:''}
.prm_custom_template .slick-prev{left:-11%}
.prm_custom_template .slick-prev:before{margin-left:25%;background-position:0 0}
.prm_custom_template .slick-next{right:-11%}
.prm_custom_template .slick-next:before{margin-left:30%;background-position:100% 0}
.prm_custom_template .slick-dots{position:absolute;bottom:-23.5%;width:100%;height:15%;text-align:center}
.prm_custom_template .slick-dots li{display:inline-block;width:4.3%;height:35.14%;margin-top:2.745%;vertical-align:top}
.prm_custom_template .slick-dots .link_num{display:block;position:relative;width:100%;height:100%;text-indent:-9999px;}
.prm_custom_template .slick-dots .link_num:before{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;opacity:0.15;content:''}
.prm_custom_template .slick-dots .slick-active .link_num:before{opacity:1}

/* soldout, comming soon */
.prm_custom_template .wrap_slide .link_item{position:relative}
.prm_custom_template .wrap_slide .dimm_item{display:none;position:absolute;top:0;left:0;z-index:20;width:100%;height:100%}
.prm_custom_template .wrap_slide .soldout .dimm_soldout{display:block}

.prm_custom_template .time_hotdeal .special_today{position:relative}
.prm_custom_template .time_hotdeal .box_today{position:absolute;left:4%;right:4%;top:0}
.prm_custom_template .time_hotdeal .tab_today{position:absolute;left:0;top:0;width:100%;height:17.1%}
.prm_custom_template .time_hotdeal .tab_today li{float:left;width:50%;height:100%}
.prm_custom_template .time_hotdeal .tab_today .link_tab{display:block;height:100%}
.prm_custom_template .time_hotdeal .tab_today .link_tab.on{pointer-events:none}
.prm_custom_template .time_hotdeal .box_today .item_today{position:absolute;left:0;bottom:0;width:100%;height:82.9%}
.prm_custom_template .time_hotdeal .item_today .link_item{display:block;height:100%}
.prm_custom_template .time_hotdeal .item_today.item_none .link_item{pointer-events:none}
.prm_custom_template .time_hotdeal .item_today .img_state{position:absolute;left:0;top:0;width:100%;height:100%}

.prm_custom_template .time_hotdeal .spacial_tomorrow{position:relative}
.prm_custom_template .time_hotdeal .spacial_tomorrow .box_tomorrow{position:absolute;left:0;right:0;bottom:4%}
.prm_custom_template .time_hotdeal .list_tomorrow{position:absolute;left:5.7%;right:5.7%;top:57.33%}
.prm_custom_template .time_hotdeal .list_tomorrow li{position:absolute;top:0;width:46.7%}
.prm_custom_template .time_hotdeal .list_tomorrow li:first-child{left:0}
.prm_custom_template .time_hotdeal .list_tomorrow li:last-child{right:0}
.prm_custom_template .time_hotdeal .list_tomorrow .img_lineup{width:100%;vertical-align:top}
.prm_custom_template .time_hotdeal .list_tomorrow button[class^="btn_"]{display:block;width:calc(100% - 16%);margin:4% 8% 0}
.prm_custom_template .time_hotdeal .list_tomorrow .btn_complete{pointer-events:none}

.prm_custom_template .time_hotdeal .dimmed_layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9998;background-color:rgba(0,0,0,0.6)}
.prm_custom_template .time_hotdeal .alarm_layer{position:fixed;left:4%;right:4%;top:50%;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.prm_custom_template .time_hotdeal .alarm_layer .wrap_btn{position:absolute;left:0;bottom:0;width:100%;height:13.68%}
.prm_custom_template .time_hotdeal .alarm_layer .wrap_btn .btn_message{float:left;width:50%;height:100%}

.prm_custom_template .box_vod{position:relative;height:0;padding-bottom:56.25%}
.prm_custom_template .box_vod .inner_vod{position:absolute;left:0;top:0;width:100%;height:100%}
.prm_custom_template .box_vod .inner_vod .custom_vod{width:100%;height:100%;border:0 none;vertical-align:top}
/* 슬라이드 템플릿 공통 컴포넌트 끝*/

/* 슬라이드 카테고리 템플릿 공통 컴포넌트 시작*/
/*탭 영역*/
.prm_category_template .slick-slider {margin-bottom: 0}
.prm_category_template .best_tab{overflow-x:auto;margin-top:1.3%}
.prm_category_template .tab_slide{display:inline-block;position:relative;margin:0 9px; outline:none;}
.prm_category_template .link_tab{display:block;padding:10px 0;font-size:16px;color:#ffde00;font-weight:300;opacity:0.05;text-align: center;}
.prm_category_template .on .link_tab{opacity:1;font-weight:bold}
.prm_category_template .tab_slide.around .link_tab{opacity:0.4; color:#fff;}
.prm_category_template .tab_slide.on:after{position:absolute;left:-4px;right:-4px;bottom:0;height:3px;background-color:#ffde00;content:''}

/*상품 영역*/
.prm_category_template .best_box{margin:0 2.6%}
.prm_category_template .best_box .box_gift{display:none;text-align:center}
.prm_category_template .best_box .box_gift.box_open{display:block}
.prm_category_template .best_box .link_box{display:block;padding:6.9% 8.73% 5.35%;border-radius:2px;background-color:#fff}
.prm_category_template .box_gift .tit_box{display:block;margin-top:1px;font-size:14px;font-weight:normal;letter-spacing:-0.5px}
.prm_category_template .box_gift .info_price{display:block;line-height:30px;letter-spacing:-0.5px}
.prm_category_template .box_gift .info_price [class*="num_"]{display:inline-block;font-size:22px;font-weight:bold;vertical-align:top}
.prm_category_template .box_gift .info_price .num_percent{color:#cc3333}
.prm_category_template .box_gift .info_price .num_before{margin-top:9px;font-size:14px;line-height:16px;color:#999;font-weight:normal;text-decoration:line-through}

.prm_category_template .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
/* 슬라이드 카테고리 템플릿 공통 컴포넌트 끝*/

.p_wrap .img_g{display:block;width:100%}

/* 포인트 */
.cont_point .box_main{position:relative}
.cont_point .btn_receive{display:block;position:absolute;left:9%;bottom:25.5%;width:82%;height:17.2%;}
.point_wrap .only_in_app_dimmed_layer {position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background-color:rgba(0,0,0,0.3);display: block;}
@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; width: auto}
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "\2190"; }
[dir="rtl"] .slick-prev:before { content: "\2192"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "\2192"; }
[dir="rtl"] .slick-next:before { content: "\2190"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body.pc { background-color: #FFF; }

.pc #kakaoPromotion .toast_normal { right: 0; left: 0; }
#kakaoPromotion .toast_normal { box-sizing: border-box; max-width: 620px; margin: auto auto 10px; }

.gift_error { background-color: #FFF; }

/* iframe 풋터 padding 설정*/
.usedIframe #kakaoFoot .inner_foot {padding-bottom: calc(env(safe-area-inset-bottom) + 87px);}
/* iframe TopButton margin-bottom 설정 */
.usedIframe a.link_gotop {margin-bottom: calc(env(safe-area-inset-bottom) + 55px);}

/** 이벤트영역 PC 640px or 1280px 적용 및 공지사항, 공유하기 버튼 위치 조정 **/
.pc .promotion_header.width_640 { width: 640px; }
.pc .promotion_header.width_1280 { width: 1280px; }
.pc .custom_template_container { width: 640px; margin: 0 auto; }
/* .pc .promotion_header a.btn_notice {left:15px;top:24px;width:60px} */ /* 2023-11-10 삭제 */ /* 2023-11-09 수정 */

/* 미리 알림 레이어 수신동의 팝업 - 미식선물 마크업 변경으로 수정 gapcmp_product_alarm -> gapcmp_product*/
.gapcmp_product .open_noti_dimmed_layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9998;background-color:rgba(0,0,0,0.2)}
.gapcmp_product .alarm_layer{position:fixed;left:4%;right:4%;top:50%;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.pc .gapcmp_product .alarm_layer{position:fixed;left:38%;width:450px;top:50%;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gapcmp_product .alarm_layer .wrap_btn{position:absolute;left:0;bottom:0;width:100%;height:13.68%}
.gapcmp_product .alarm_layer .wrap_btn .btn_message{float:left;width:50%;height:100%}


/* 미리 알림 레이어 수신동의 팝업*/
.gapcmp_product_alarm .open_noti_dimmed_layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9998;background-color:rgba(0,0,0,0.2)}
.gapcmp_product_alarm .alarm_layer{position:fixed;left:4%;right:4%;top:50%;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.pc .gapcmp_product_alarm .alarm_layer{position:fixed;left:38%;width:450px;top:50%;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.gapcmp_product_alarm .alarm_layer .wrap_btn{position:absolute;left:0;bottom:0;width:100%;height:13.68%}
.gapcmp_product_alarm .alarm_layer .wrap_btn .btn_message{float:left;width:50%;height:100%}

a.link_tab,
a.link_product { cursor: pointer; }

/* 장바구니 컴퍼넌트  */
.parcel_bndlrnk .slide_bndlrnk .wrap_link_addcard .link_addcard {cursor: pointer }

/* 동영상 컴포넌트 */
.video_btn_play {position: absolute;top: 50%;left: 50%;width: 11.11vw;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.video_btn_volume {position: absolute;right: 2.67vw;bottom: 1.39vw;width: 11.11vw}
.video_img_g {display: block;width: 100%}

.pc .video_btn_volume {right: 19px;bottom: 19px}

.usedIframe :not(.pc) .toast_normal {bottom: 68px;bottom: calc(constant(safe-area-inset-bottom) + 68px);bottom: calc(env(safe-area-inset-bottom) + 68px);margin: auto auto 0px !important;}

/* 20230721 카카오쇼핑어드민 > 콤포넌트 설정 > 스토리 - 유투브 여백 제거 요청 (miel.k) */
/* 20231127 프로모션 전시id 셋팅에도 적용이 필요 - 선물하기 css에서 가져옴 */
.ck-content figure.media, figure.media {margin: 0;}

.module_wrapper .cu-video-aspect-ratio:before, .module_story .cu-video-aspect-ratio:after, .module_wrapper .cu-video:before, .module_wrapper .cu-video:after {background-color: unset;}

/* 쿠폰 등록/발급/에러 팝업 */
.copregister_layer .txt_error{padding:6px 4px 0;font-size:13px;line-height:18px;color:#ff5252}
.copcomplete_layer .layer_foot.wrap_defaultbtn{border:0}
.copregister_layer .layer_body{padding:17px 24px 28px}
.copregister_layer .tit_layer{line-height:23px}
.copregister_layer .tf_layercoupon{display:block;width:100%;padding:12px 14px;border:1px solid #D3D5DD;font-size:14px;line-height:20px;color:#000;box-sizing:border-box}
.copregister_layer .tf_layercoupon:focus{border-color:#111;outline:none}
.copregister_layer .box_error .tf_layercoupon{border:1px solid #ff5252}
.copregister_layer .tf_layercoupon::-webkit-input-placeholder{color:#c1c1c1c1;white-space:nowrap!important;word-break:break-all !important;word-wrap:break-word !important}
.copregister_layer .tf_layercoupon:-moz-placeholder{color:#c1c1c1;white-space:nowrap!important;word-break:break-all !important;word-wrap:break-word !important}
.copregister_layer .tf_layercoupon::-moz-placeholder{color:#c1c1c1;white-space:nowrap!important;word-break:break-all !important;word-wrap:break-word !important}
.copcomplete_layer .btn_talk,.copregister_layer .btn_talk{background-color:#FDE515}
.copcomplete_layer .tit_layer{margin-right:135px;line-height:22px}/* 2023-07-20 수정 */
.copcomplete_layer .layer_body{display:block;position:relative;padding:0;height:304px}/* 2023-07-20 수정 */
.copcomplete_layer .view_coupon{background-color:#fff;position:absolute;top:56px;left:0;right:0;bottom:0;z-index:50;height:160px;margin:0 35px;background:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/bg_couponframe.png);background-repeat:no-repeat;background-size:100%;background-position:0 0;box-sizing:border-box}
.copcomplete_layer .view_coupon .detail_coupon{display:flex;flex-direction:column;justify-content:space-between;height:114px;padding:14px 16px 12px;box-sizing:border-box}/* 2023-08-03 수정 */
.copcomplete_layer .view_coupon .txt_coupon{display:block;max-width:214px;margin:0 auto;padding:17px 0 15px;background:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/line_dashed4.svg) repeat-x;font-weight:500;font-size:13px;line-height:14px;color:#222;letter-spacing:-0.02em;text-align:center}/* 2023-08-04 수정 */
.copcomplete_layer .view_coupon .ico_check{display:inline-block;width:15px;height:10px;margin-right:4px;background-position:-230px -1165px;vertical-align:top}
.copcomplete_layer .area_btn .btn_comm{font-weight:500}
.copcomplete_layer .view_coupon .txt_date{overflow:hidden;font-size:13px;line-height:16px;color:rgba(34,34,34,0.5)}/* 2023-08-03 수정 */
.copcomplete_layer .layer_body::before{position:absolute;top:-36px;right:23px;width:140px;height:72px;background:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/bg_confetti.png);background-repeat:no-repeat;background-position:0 0;background-size:140px 72px;content:''}/* 2023-08-04 수정 */
.copcomplete_layer .layer_body::after{width:84px;height:106px;position:absolute;top:-8px;right:46px;background:url(https://gift-s.kakaocdn.net/dn/gift/images/m640/img_coupon_choonsik.png);background-repeat:no-repeat;background-size:84px 106px;background-position:0 0;content:''}
.copcomplete_layer .view_coupon .num_success{display:block;font-size:20px;line-height:24px;color:#4684E9}
.copcomplete_layer .view_coupon .tit_success{display:block;padding-top:2px;font-size:13px;line-height:20px;color:#333}/* 2023-08-04 수정 *//* 2023-08-03 수정 */
.copcomplete_layer .view_coupon .txt_layer{margin-top:20px}
.copcomplete_layer .view_coupon .desc_layer{display:block;font-size:12px;line-height:18px;color:#666;text-align:center}
.copcomplete_layer .layer_foot.wrap_defaultbtn{border:0}

/* 빌더 페이지 > 정렬&필터 영영과 상품 리스팅 영역사이의 여백 color */
.module_utils_wrapper.module_tab_wrapper {
    background-color: white;
}

/* 빌더 페이지 > 이미지배너 배경화면 color */
.module_wrapper.module_single .module_imgbnr {
    background-color: white;
}

/*240318txt 임의 수정*/
.pc .event-240318txt .custom_btn_layer {margin: 0 auto; width: 1280px !important; height: 668px !important;}
.pc .event-240401babymonster .custom_btn_layer {margin: 0 auto; width: 1280px !important; height: 509px !important;}

/* custom button layer css */
/* .pc .width_640 .custom_btn_layer { width: 640px; } 2025-04-08 버튼 크기 이슈로 주석 처리*/
/* .pc .width_1280 .custom_btn_layer { width: 1280px; } 2025-04-08 버튼 크기 이슈로 주석 처리 */
.pc .custom_btn_layer { margin: 0 auto; }

/* 2024 디자인공통화 및 pc 개편 > 하나의 빌더 안에 여러 빌더가 있는 경우, 디바이더가 미노출 되는 이슈 관련 처리 */
/* (상위 빌더 안의 인접한 빌더들의 래퍼들이 div.module_wrapper가 아닌 div#component-order- 이기 때문에 추가함) */
/* 선물하기 에선 #component-order 요소가 없으므로 custom.css에서 처리 */
/* 둥둥이 노출시, 디바이더 사라짐 현상으로 인해 선택자 gift_loading 추가 */
[id*="component-order-"]:has(.module_list) + [id*="component-order-"]:has(.module_list), [id*="component-order-"]:has(.module_list_brand) + [id*="component-order-"]:has(.module_list_brand), [id*="component-order-"]:has(.module_list) + [id*="component-order-"]:has(.module_list_brand), [id*="component-order-"]:has(.module_list_brand) + [id*="component-order-"]:has(.module_list), [id*="component-order-"]:has(.module_list) + .gift_loading + [id*="component-order-"]:has(.module_list){border-top:8px solid #F5F5F5}

/* resources/static/assets/shopping/main_o2.css 에서 가져온 css */
/* html, body{width:100%} *//* 2024-10-10 삭제 */

/* resources/static/assets/shopping/common_o2.css 에서 가져온 css */
div#kakaoWrap.usedIframe #kakaoContent{padding-top:0px;padding-bottom:0px;}
/* .pc div#kakaoWrap.usedIframe #kakaoContent{padding-bottom:100px;} 2024-09-19 오버라이딩 이슈로 인한 주석처리*/

/* client/src/styles/main.css 에서 가져온 css */
div#kakaoWrap.usedIframe #pcKakaoFoot, div#kakaoWrap.usedIframe #kakaoFoot{position:relative}

div#kakaoWrap.usedIframe .dimmed_layer {background: rgba(0, 0, 0, 0.55)}

ul.dots {
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 7px;
}
ul.dots li + li {
    margin-left: 5px;
}
li.dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0;
    vertical-align: top;
}
li.dot.on span {
    background-color: #444;
}
li.dot span {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 100%;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background-color: #e6e6e6;
}

.custom_dkt_alert_layer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.custom_dkt_alert_layer .dimmed_layer{display: block;top: 0;z-index: 999;background: rgb(0, 0, 0, 0.55);}
.custom_dkt_alert_layer .wrap_comm_layer{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10000;}
.custom_dkt_alert_layer .comm_layer{position:relative;width:300px;margin:0 auto;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%}
.custom_dkt_alert_layer .comm_layer .layer_head{padding:26px 24px 0}
.custom_dkt_alert_layer .comm_layer .tit_layer{display:block;margin-right:22px;font-size:16px;line-height:24px;letter-spacing:-1px}
.custom_dkt_alert_layer .comm_layer .layer_body{padding:10px 24px 26px}
.custom_dkt_alert_layer .comm_layer .txt_sub{display:block;line-height:20px;color:#666;letter-spacing:-1px;white-space: pre-wrap;}
.custom_dkt_alert_layer .layer_foot.wrap_default_btn{display:table;width:100%;margin-top:2px;table-layout:fixed}
.custom_dkt_alert_layer .wrap_default_btn .area_btn{display:table-cell;text-align:center}
.custom_dkt_alert_layer .wrap_comm_layer .btn_comm{position: inherit;}
.custom_dkt_alert_layer .wrap_default_btn .area_btn .btn_comm{display:block;width:100%;height:50px;border-top:1px solid #ededed;font-weight:500;font-size:16px;line-height:50px;color:#333;text-align:center}
.custom_dkt_alert_layer .wrap_default_btn .area_btn .btn_comm:disabled{border-color:#e5e5e5;color:#999;background-color:#e5e5e5;pointer-events:none}
.custom_dkt_alert_layer .btn_comm_close{position:absolute;top:0;right:0;padding:12px}
.custom_dkt_alert_layer .ico_comm_module{display:block;overflow:hidden;font-size:1px;line-height:0;background:url(https://gift-s.kakaocdn.net/dn/gift/event/2021/common/ico_comm_module.svg) 0 0 no-repeat;background-size:200px 120px;color:transparent}
.custom_dkt_alert_layer .btn_comm_close .ico_close{width:24px;height:24px;background-position:-120px -60px}


/**
팝업 > 상세문구의 space 이슈 수정
https://jira.daumkakao.com/browse/QAGIFT-9726
 */
.custom_dkt_alert_layer .comm_layer .txt_sub{white-space: pre-line !important; }

/* v2 ShoppingContainer css */
/*
.module_txtbnr_bg11{background-color:#6C95D1}
.module_txtbnr_bg12{background-color:#54BD8B}
.module_txtbnr_bg13{background-color:#FC8197}
.module_txtbnr_bg14{background-color:#7F78C6}
.module_txtbnr_bg15{background-color:#ED6D59}
.module_txtbnr_bg16{background-color:#F7B500}
.module_txtbnr_bg17{background-color:#4B4D50}
.module_txtbnr_bg18{background-color:#465F4D}
.module_txtbnr_bg19{background-color:#95785D}
.module_txtbnr_bg20{background-color:#515C7A}
*/

.comm_layer.scroll_layer .wrap_scroll .list_event {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.comm_layer.scroll_layer .wrap_scroll .list_event p,
.comm_layer.scroll_layer .wrap_scroll .list_event strong {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

body.error #main { height: 100%; }
body.error #main > div { height: 100%; }
body.error #main > div > div { height: 100%; }
body.error #main > div > div > div#kakaoWrap { height: 100%; }
body.error .gift_error .wrap_error { vertical-align: inherit; }

/* 모바일에서 확인 팝업  */
body.error .only_in_app_dimmed_layer-2{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background-color:rgba(0,0,0,0.3);display: block;}
body.error .only_in_app_layer-2 .inner_layer{position:relative}
body.error .only_in_app_layer-2 .btn_agree{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;height:14.5%;font-size:1px;line-height:0;color:transparent;z-index:10002;}
body.error .only_in_app_layer-2 .link_close{position:absolute;right:120px;top:50px;width:15%;padding-bottom:15%;font-size:1px;line-height:0;color:transparent;z-index:10002;}
body.error .only_in_app_layer-2{width: 100%;}
body.error .only_in_app_layer-2 .inner_layer{position:relative;padding: 50px 120px;z-index:10001;}
body.error .only_in_app_layer-2 .inner_layer .layer_body{position:relative;}

/* v2 ShoppingContainer css */
/*
.module_txtbnr_bg11{background-color:#6C95D1}
.module_txtbnr_bg12{background-color:#54BD8B}
.module_txtbnr_bg13{background-color:#FC8197}
.module_txtbnr_bg14{background-color:#7F78C6}
.module_txtbnr_bg15{background-color:#ED6D59}
.module_txtbnr_bg16{background-color:#F7B500}
.module_txtbnr_bg17{background-color:#4B4D50}
.module_txtbnr_bg18{background-color:#465F4D}
.module_txtbnr_bg19{background-color:#95785D}
.module_txtbnr_bg20{background-color:#515C7A}
*/

.comm_layer.scroll_layer .wrap_scroll .list_event {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.comm_layer.scroll_layer .wrap_scroll .list_event p,
.comm_layer.scroll_layer .wrap_scroll .list_event strong {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.wrapper {width: 400px; height:500px}
.wrapper .btn_wrapper{display: flex}
.wrapper .btn_wrapper .btn{width: 200px; height:50px; background-color: #BCAB5D;}

.wrapper .character { width: auto; height: auto;}
.wrapper .character img{ width: 80%; height: 80%;}
.wrapper .select-list .option{ width: 50px; height: 50px}
.wrapper .select-list .image-option {display: flex}
.wrapper .select-list .image-option img {width: 50px; height: 50px}
.wrapper .select-list{ display: flex}