body.popopen {height:100%;overflow:hidden;}

#wrapper {overflow-x:hidden;min-height:100%;}

/*************************************************
	LAYOUT : HEADER
*************************************************/
#header {position:relative;}
.topWrap {position:relative;width:100%;padding:0 1.6rem;height:4rem;overflow:hidden;}
.topWrap .main_menu {position:relative;float:left;display:inline-block;vertical-align:top;width:1.7rem;height:0;margin:1.9rem 0 0;padding:1.3rem 0 0;overflow:hidden;}
.topWrap .main_menu:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/common/menu-36f9e2be81ce444cc3c6b358bb2357eb.svg) 0 0 no-repeat;background-size:100%;}
.topWrap h2 {float:left;line-height:1.9rem;}
.topWrap h2 a {display:block;padding:1.8rem 1rem 0;font-weight:500;}
.topWrap .right_manu {float:right;display:inline-block;vertical-align:top;padding:1rem 0 0}
.topWrap .right_manu .btn_search {margin-right:1.6rem;}
.topWrap .right_manu .mypage {position:relative;display:inline-block;width:3rem;height:3rem;vertical-align:top;border-radius:50%;overflow:hidden;}
.topWrap .right_manu .mypage img {display:block;position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.topWrap .right_manu .profile_circle {position:relative;display:inline-block;width:3rem;height:3rem;vertical-align:top;}
.topWrap .right_manu .profile_circle .bg {width:3rem;height:3rem}

.menuWrap {position:relative;width:100%;background:#fff;z-index:21}
.menuWrap.fix_nav {transition:0.3s; -webkit-transition:0.3s;}
.menuWrap > ul {display:table;table-layout:fixed;width:100%;overflow:hidden;border-bottom:1px solid #f3f3f3;}
.menuWrap > ul li {display:table-cell;width:auto;text-align:center;width:calc(100%/3); width:-webkit-calc(100%/3)}
.menuWrap > ul li a {display:block;padding:1.2rem 0 0.9rem;font-size:1.6rem;}
.menuWrap > ul li a.on, .menuWrap > ul li a:active {font-weight:500;color:#141414 !important}
.menuWrap .depth1 li {padding:0 2rem;}
.menuWrap .depth1 li a {font-size:1.6rem;line-height:1.9rem;color:#141414}
.menuWrap .depth1 li a.on {border-bottom:3px solid #f7534b;}
.menuWrap .depth2 {border-bottom:1px solid #dcdcdc}
.menuWrap .depth2.bottom {border-bottom:0;}
.menuWrap .depth2 li {width:calc(100%/4);width:-webkit-calc(100%/4)}
.menuWrap .depth2 li a {padding:1rem 0 1.1rem;font-size:1.3rem;line-height:1.6rem;color:#666}
/*.menuWrap .depth2 li a:before {content:"";width:1.9rem;height:2rem;display:block;margin:0 auto 0.7rem;overflow:hidden;}*/
.menuWrap .depth2 li a:before {content:"";width:3.9rem;height:2rem;display:block;margin:0 auto 0.7rem;overflow:hidden;}

/* 쿠폰 */
.menuWrap .depth2 li:nth-child(1) a:before {background:url(/images/common/ico/topmenu/topmenu01-74a479a1a28d1e64ab588ab2889e3eac.svg) center center no-repeat;background-size:1.9rem 1.4rem}
.menuWrap .depth2 li:nth-child(1) a.on:before,
.menuWrap .depth2 li:nth-child(1) a:active:before  {background:url(/images/common/ico/topmenu/topmenu01on-b02ebfc0f7329270a189b79b506c8e6e.svg) center center no-repeat;background-size:1.9rem 1.4rem}

.menuWrap .depth2 li:nth-child(2) a:before  {background:url(/images/common/ico/topmenu/topmenu02-c7274ef20c52ed11a63b87940defd738.svg) center center no-repeat;background-size:1.6rem 1.8rem}
.menuWrap .depth2 li:nth-child(2) a.on:before,
.menuWrap .depth2 li:nth-child(2) a:active:before {background:url(/images/common/ico/topmenu/topmenu02on-846436df9ac8a84bee9cfec21457e9ea.svg) center center no-repeat;background-size:1.6rem 1.8rem}

.menuWrap .depth2 li:nth-child(3) a:before {background:url(/images/common/ico/topmenu/topmenu03-071b214af7b6cec0e3fa652bc4158652.svg) center center no-repeat;background-size:1.8rem 1.7rem}
.menuWrap .depth2 li:nth-child(3) a.on:before,
.menuWrap .depth2 li:nth-child(3) a:active:before  {background:url(/images/common/ico/topmenu/topmenu03on-d1bec4098d09b407ef51cbac7f8ff6d9.svg) center center no-repeat;background-size:1.8rem 1.7rem}

/*.menuWrap .depth2 li:nth-child(4) a:before  {background:url(/images/common/ico/topmenu/topmenu04-d9082298a12f0a15620d0840e55dcf18.svg) center center no-repeat;background-size:1.8rem 1.4rem}*/
.menuWrap .depth2 li:nth-child(4) a:before  {background:url(/images/common/ico/topmenu/icon_diamond-8840f82efd04b3ea4028dd481194c2c5.gif) center center no-repeat;background-size:30px 20px}
.menuWrap .depth2 li:nth-child(4) a.on:before,
/*.menuWrap .depth2 li:nth-child(4) a:active:before {background:url(/images/common/ico/topmenu/topmenu04on-3bc755aef9597983d94866a101c4335d.svg) center center no-repeat;background-size:1.8rem 1.4rem}*/
.menuWrap .depth2 li:nth-child(4) a:active:before {background:url(/images/common/ico/topmenu/icon_diamond-8840f82efd04b3ea4028dd481194c2c5.gif) center center no-repeat;background-size:30px 20px}

/* 스토어톡 */
.menuWrap .depth2.type2 li:nth-child(1) a:before {background:url(/images/common/ico/topmenu/topmenu05-7dc932c063913d32cd76c16ab9800ecd.svg) center center no-repeat;background-size:1.8rem 1.9rem}
.menuWrap .depth2.type2 li:nth-child(1) a.on:before,
.menuWrap .depth2.type2 li:nth-child(1) a:active:before  {background:url(/images/common/ico/topmenu/topmenu05on-95104d28ae5284e358c8111776e86b09.svg) center center no-repeat;background-size:1.8rem 1.9rem}

.menuWrap .depth2.type2 li:nth-child(2) a:before  {background:url(/images/common/ico/topmenu/topmenu06-5c027e7e9c001f2ca6e5009eb0fb2f37.svg) center center no-repeat;background-size:1.6rem 1.5rem}
.menuWrap .depth2.type2 li:nth-child(2) a.on:before,
.menuWrap .depth2.type2 li:nth-child(2) a:active:before {background:url(/images/common/ico/topmenu/topmenu06on-f530727d4d632831996148dc04f366f3.svg) center center no-repeat;background-size:1.6rem 1.5rem}

/* 선물& */
.menuWrap .depth2.type3 li:nth-child(1) a:before {background:url(/images/common/ico/topmenu/topmenu09-613b8ee2f0212044a5a471c5c9c61b50.svg) center center no-repeat;background-size:1.5rem 1.6rem}
.menuWrap .depth2.type3 li:nth-child(1) a.on:before,
.menuWrap .depth2.type3 li:nth-child(1) a:active:before  {background:url(/images/common/ico/topmenu/topmenu09on-1d7f55bcba3a75ad4802e0218b754624.svg) center center no-repeat;background-size:1.5rem 1.6rem}

.menuWrap .depth2.type3 li:nth-child(2) a:before  {background:url(/images/common/ico/topmenu/topmenu08-2ebae40bf532e0c4cc2ea0f0e29394fc.svg) center center no-repeat;background-size:1.6rem 2rem}
.menuWrap .depth2.type3 li:nth-child(2) a.on:before,
.menuWrap .depth2.type3 li:nth-child(2) a:active:before {background:url(/images/common/ico/topmenu/topmenu08on-8609399d6597058abc81fd90beae0a36.svg) center center no-repeat;background-size:1.6rem 2rem}

.menuWrap .depth2.type3 li:nth-child(3) a:before  {background:url(/images/common/ico/topmenu/topmenu07-cad9f4eecede0ac5d7fb9c1ebc3549c9.svg) center center no-repeat;background-size:1.6rem 2rem}
.menuWrap .depth2.type3 li:nth-child(3) a.on:before,
.menuWrap .depth2.type3 li:nth-child(3) a:active:before {background:url(/images/common/ico/topmenu/topmenu07on-55ccaca243fea54bbb6de563cf87548a.svg) center center no-repeat;background-size:1.6rem 2rem}
/*************************************************
	LAYOUT : side menu
*************************************************/
.sidemenuWrap {position:fixed;top:0;left:-100%;width:100%;height:100%;background:#fff;–webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,1px);z-index:99999;transition:0.5s;-webkit-transition:0.5s;}
.sidemenuWrap.on {left:0;}
.sidemenu_contents {position:relative;padding:8rem 0 6rem;height:100%;width:100%;overflow-y:scroll}
.sidemenu_contents .list1 {width:100%;}
.sidemenu_contents .list1 td {text-align:center;height:6rem;padding-bottom:0.6rem;}
.sidemenu_contents .list1 td a {font-size:1.3rem;line-height:1.7rem;}
/*.sidemenu_contents .list1 td a em {font-size:1.3rem;color:#4a90e2;font-weight:500;font-family:'Roboto' !important;}*/
.sidemenu_contents .list1 td a em {font-size:1.3rem;color:#4a90e2;font-weight:500;font-family:'Pretendard' !important;}
.sidemenu_contents .list1 td a:before {content:"";display:block;margin:1.7rem auto 0.3rem;width:2.3rem;height:2.2rem;background:#ccc;}

.sidemenu_contents .list1 td a.side_ico1:before {background:url(/images/sidemenu/cake-be4ea1a085a43258ab6362a6b6d08c3f.svg) center center no-repeat;background-size:1.8rem 2rem;}
.sidemenu_contents .list1 td a.side_ico2:before {background:url(/images/sidemenu/cart-a81354c47fd1de49735a3ace28228b01.svg) center center no-repeat;background-size:2.1rem 2.1rem}
.sidemenu_contents .list1 td a.side_ico3:before {background:url(/images/sidemenu/favorite-39802a8c6893b7fd61e296ccf4ca931e.svg) center center no-repeat;background-size:1.4rem 1.5rem;}
.sidemenu_contents .list1 td a.side_ico4:before {background:url(/images/sidemenu/reple-b70ce0577f1a03bd328794f2e13c1af5.svg) center center no-repeat;background-size:1.7rem 1.6rem;}
.sidemenu_contents .list1 td a.side_ico5:before {background:url(/images/sidemenu/chat-6db8a45ac03a1eb1e9d0272fce7d3119.svg) center center no-repeat;background-size:1.7rem 1.6rem;}
.sidemenu_contents .list1 td a.side_ico6:before {background:url(/images/sidemenu/heart-94fcb0caa5d27ff13032b39b0a03b981.svg) center center no-repeat;background-size:1.9rem 1.6rem;}

.sidemenu_contents .list2 li {border-bottom:1px solid #f3f3f3;}
.sidemenu_contents .list2 li a {padding:1.6rem 2.6rem;display:block;font-size:1.6rem;}
.sidemenuWrap .sidemenu_top {position:absolute;top:0;left:0;width:100%;height:8rem;z-index:10;background:#fff;padding:1.9rem 1.8rem 1.9rem 2.6rem}

.sidemenuWrap .sidemenu_top .list_type2 li {padding:0 !important}
.sidemenuWrap .sidemenu_top .list_type2 li .text_right {width:auto;padding-top:0.7rem}
.sidemenuWrap .sidemenu_top .list_type2 li .text_right .bell {display:inline-block;width:7.4rem;height:3rem;border-radius:1.7rem;text-align:center;line-height:3rem;font-size:1.3rem;color:#666;border:1px solid #dcdcdc}
.sidemenuWrap .sidemenu_top .list_type2 li .text_right a.btn_close {display:inline-block;margin-left:2rem;vertical-align:middle;width:1.7rem;}
.sidemenuWrap .sidemenu_top .list_type2 li .text_right a.btn_close:before,
.sidemenuWrap .sidemenu_top .list_type2 li .text_right a.btn_close:after {background:#ccc;width:1.7rem;}
.sidemenuWrap .sidemenu_top2 {width:100%;padding:0 2rem 0 2.6rem;height:6rem;line-height:6rem;}
.sidemenuWrap .sidemenu_top2 .my_benefit {width:100%;border-top:1px solid #f3f3f3}
.sidemenuWrap .sidemenu_top2 .my_benefit a {color:#666;}
/*.sidemenuWrap .sidemenu_top2 .my_benefit a em {font-size:1.3rem;color:#4a90e2;font-weight:500;font-family:'Roboto' !important;}*/
.sidemenuWrap .sidemenu_top2 .my_benefit a em {font-size:1.3rem;color:#4a90e2;font-weight:500;font-family:'Pretendard' !important;}
.sidemenuWrap .sidemenu_top2 .my_benefit a:before {content:"";display:inline-block;vertical-align:middle;width:2rem;height:2rem;background:#ccc;margin-right:0.3rem}
.sidemenuWrap .sidemenu_top2 .my_benefit li:nth-child(1) a:before {background:url(/images/sidemenu/cal-6c65a1f0f80f872c6fc278e677349c8d.svg) 0 0.3rem no-repeat;background-size:1.7rem 1.2rem;margin-top:-0.1rem;}
.sidemenuWrap .sidemenu_top2 .my_benefit li:nth-child(2) a:before {background:url(/images/sidemenu/calendar-245a5f6a67ce6da0fd7b915c440e071d.svg) 0 0 no-repeat;background-size:1.4rem 1.6rem}
.sidemenuWrap .sidemenu_top2 .my_benefit li:nth-child(3) a:before {background:url(/images/sidemenu/benefit-50855bd1e7aff8e95faf0f61894da09c.svg) 0 0 no-repeat;background-size:1.8rem 1.6rem}

.sidemenuWrap .sidemenu_bottom {position:absolute;bottom:0;left:0;width:100%;height:6rem;z-index:10;background:#f3f3f3}
.sidemenuWrap .sidemenu_bottom a {position:relative;float:left;width:calc(100%/3);width:-webkit-calc(100%/3);display:inline-block;text-align:center;line-height:6rem;}
.sidemenuWrap .sidemenu_bottom a:before {content:"";display:inline-block;vertical-align:middle;width:1.8rem;height:1.8rem;background:#ccc;margin:-0.1rem 0.3rem 0 0}
.sidemenuWrap .sidemenu_bottom a .new {display:inline-block;width:0.5rem;height:0;padding:0.5rem 0 0;overflow:hidden;margin:-2rem 0 0 0.1rem;vertical-align:middle;background:#f7534b;border-radius:50%}
.sidemenuWrap .sidemenu_bottom a.side_bottom_ico1:before {background:url(/images/sidemenu/notice-3e8c77e02374910d70073eb97a05ee4b.svg) center center no-repeat;background-size:1.7rem 1.6rem;}
.sidemenuWrap .sidemenu_bottom a.side_bottom_ico2:before {background:url(/images/sidemenu/qna-d760dbdf5c1790f2196714077332e3d2.svg) center center no-repeat;background-size:1.8rem 1.8rem;}
.sidemenuWrap .sidemenu_bottom a.side_bottom_ico3:before {background:url(/images/sidemenu/set-df179b88ebd88f64f1d79243a593783a.svg) center center no-repeat;background-size:1.8rem 1.8rem;}

/*************************************************
	LAYOUT : 서브 컨텐츠영역
*************************************************/
#subWrap {padding:5rem 0 0;}
#subWrap_chargePoint {padding:0rem 0 0;}

#header_sub {position:fixed;top:0;left:0;width:100%;height:5rem;padding:0 1.6rem 0 1.6rem;border-bottom:1px solid #f3f3f3;background:#fff;z-index:22;}
#header_sub .back {display:block;font-size:1.8rem;line-height:5rem;color:#141414;padding-left:3rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;opacity:1;}
#header_sub .back:before {content:"";display:block;position:absolute;top:50%;left:1.6rem;margin-top:-0.7rem;width:1.8rem;height:1.4rem;background:url(/images/common/back-f0e632da59621f8a7b12b5079aa24d8f.svg) 0 0 no-repeat;background-size:100%;}
#header_sub .back.scroll {text-indent:-999em;width:3rem;}

#header_sub .page_title {display:block;font-size:1.8rem;line-height:6rem;color:#141414;}
#header_sub .ico_btn {position:relative;padding:1.4rem 0;}
#header_sub .ico_btn a:nth-child(2) {margin-left:2.2rem;}
#header_sub .ico_btn.search {position:absolute;top:-0.5rem;right:1.6rem;}
#header_sub .ico_btn.search .btn_search {margin-left:1.5rem;}

#header_sub .btn_regiWrap {height:4.9rem;line-height:4.9rem;padding:0;}
#header_sub .btn_regi {font-size:1.5rem}
#header_sub .btn_regi:before {display:none}
#header_sub .btn_regiWrap .select_popWrap {top:4.8rem;right:0;width:15rem;}
#header_sub .center_title {position:absolute;top:0;left:0;width:100%;padding:0 5rem;line-height:5rem;text-align:center;font-size:1.8rem;}
#header_sub .left.over {width:calc(100% - 8rem);width:-webkit-calc(100% - 8rem)}
#header_sub .left.ico_btn {width:auto;}
#header_sub .right {height:5rem;}
#header_sub .right .btn_close {padding:5rem 0 0;}
#header_sub .right .btn_close:before, #header_sub .right .btn_close:after {width:1.5rem;height:0.1rem;margin:-0.05rem 0 0 -0.75rem}
#header_sub .right .btn_text {display:inline-block;line-height:5rem}
#header_sub .right .btn_text + .btn_text {margin-left:1.7rem;}
/*#header_sub .right .btn_text .man {font-size:1.4rem;color:#4a90e2;font-weight:500;font-family:'Roboto' !important;}*/
#header_sub .right .btn_text .man {font-size:1.4rem;color:#4a90e2;font-weight:500;font-family:'Pretendard' !important;}
#header_sub .right .btn_share {margin:1.2rem 0 0}
#header_sub .right .icoWrap {position:relative;padding:1.4rem 0;height:5rem}
#header_sub .right .icoWrap .ico_cart {width:2.4rem;margin-right:1.8rem;}
#header_sub .right .icoWrap .ico_cart:before {top:-0.2rem;background:url(/images/common/ico/ico_cart_black-66a01381d135f5e1efa2a9268ed97d13.svg) 0 0 no-repeat;background-size:100% 2.3rem;}
/*#header_sub .right .icoWrap .cart_count {position:absolute;top:1rem;left:1.5rem;height:1.6rem;display:block;padding:0 0.5rem;line-height:1.6rem;border:1px solid #f7534b;border-radius:0.8rem;background:#fff;text-align:center;font-size:1.1rem;color:#f7534b;font-weight:500;font-family:'Roboto' !important;}*/
#header_sub .right .icoWrap .cart_count {position:absolute;top:1rem;left:1.5rem;height:1.6rem;display:block;padding:0 0.5rem;line-height:1.6rem;border:1px solid #4F5DDD;border-radius:0.8rem;background:#4F5DDD;text-align:center;font-size:1.1rem;color:#FFF;font-weight:500;font-family:'Pretendard' !important;}

#header_sub .left.search_head h1 {float:left;}
#header_sub .left.search_head .back {height:5rem;}
#header_sub .left.search_head .search_text {float:left;width:calc(100% - 5rem);width:-webkit-calc(100% - 5rem);height:4.9rem;line-height:4.9rem;}

#header_sub .center_btn {position:absolute;top:0;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);line-height:5rem;padding-left:1rem;}
.center_btn_list {position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}
.center_btn_list:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:1}
.center_btn_list ul {position:absolute;top:5rem;left:0;width:100%;z-index:3}
.center_btn_list li {text-align:center;}
.center_btn_list li a {display:block;font-size:1.8rem;line-height:2.1rem;height:6rem;line-height:6rem;background:#fff;color:#999;font-weight:500}
.center_btn_list li a.on {color:#4a90e2}

.sub_top {padding:2rem 0 4.9rem;text-align:center;}
.sub_top .tit2 {padding:1rem 1.6rem 0;}
.sub_content {padding:0 1.6rem}
.sub_bottom {padding:2rem 1.6rem 2rem;width:100%;overflow:hidden;display:table;}
.sub_bottom.ta-c {padding-bottom:3rem;}

.sub_bottom .btn {display:table-cell;width:50%}
.sub_bottom .btn:first-child:nth-last-child(1) {width:100%;}

.sub_bottom.img_add .btn {float:left;border-radius:2.5rem;width:calc(50% - 0.8rem);width:-webkit-calc(50% - 0.8rem)}
.sub_bottom.img_add .btn:first-child {background:#fff;color:#141414}
.sub_bottom.img_add .btn:nth-child(2) {float:right}


.sub_bottom.fixed.ico {padding:0;}
.sub_bottom.fixed.ico .btn {background:#fff;vertical-align:middle;text-align:center;}
.sub_bottom.fixed.ico .btn [class*="ico"] {display:block;margin:0 auto;}

/* 하단 고정 버튼 */
.sub_content2 {padding-bottom:5rem;}
.sub_content2 + .sub_bottom {padding:0;position:fixed;bottom:0;left:0;width:100%;z-index:10;}

.sub_bottom_fix {position:fixed;bottom:5rem;left:1.6rem;right:1.6rem;;}

.bottom_info {padding:2rem;background:#f6f6f6;}
.bottom_info ul li + li {margin:0.7rem 0 0}
.bottom_info .list_type1 li {position:relative;padding-left:1rem;font-size:1.4rem;line-height:1.8rem;color:#666}
.bottom_info .list_type1 li:before {background:#666}
#subWrap .bottom_info {margin-bottom:-2rem}

.submain .tabWrap {position:fixed;top:5rem;left:0;width:100%;background:#fff;z-index:21;}
.submain .tab_content {padding:5rem 0 0;}


/*************************************************
	LAYOUT : 서브 헤더 > 스크롤 변경 ui
*************************************************/
#header_sub .theme_title, #header_sub img {display:none;}
/*#header_sub img {display:block;position:absolute;left:0;z-index:-1;top:-9rem;}*/
#header_sub.header_sub_scroll {width:100%;height:15rem;}
#header_sub.header_sub_scroll .back {opacity:0;/*text-indent:-999em;*/;transition:1s; -webkit-transition:1s;}
#header_sub.header_sub_scroll .back:before {top:2.3rem;margin-top:0;background:url(/images/common/back-f0e632da59621f8a7b12b5079aa24d8f.svg) 0 0 no-repeat;background-size:100%;filter:brightness(0) invert(1)}
#header_sub.header_sub_scroll .btn_close:before,
#header_sub.header_sub_scroll .btn_close:after {background:#fff;}
#header_sub.header_sub_scroll img {display:block;position:absolute;left:0;z-index:-1;top:0;transition:0.1s;height:100%;}
#header_sub.header_sub_scroll + .submain {padding:15rem 0 0}

/* my */
.mytopWrap {position:fixed;top:0;left:0;width:100%;height:25rem;transition:0.5s; -webkit-transition:0.5s;z-index:1}
.mytopWrap:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:1;}
.mytopWrap.hide {position:fixed;top:-20rem;z-index:20;}
.mytopWrap.hide .visitor {opacity:0;}
.mytopWrap.hide .profile_content {opacity:0;transition:0.5s; -webkit-transition:0.5s;}

.mytopWrap:after {content:"";display:block;clear:both;}
.mytopWrap .visitor {position:absolute;bottom:0.7rem;right:1.6rem;color:#fff;transition:0.5s; -webkit-transition:0.5s;opacity:1;z-index:2}
.mytopWrap .visitor a {color:#fff;font-size:1.3rem;line-height:1.7rem;}
.mytopWrap .visitor a:after {content:"";display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin:-0.2rem 0 0 0.5rem;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.my_top {position:fixed;top:0;left:0;height:5rem;width:100%;z-index:3}
.my_top .back {position:relative;display:block;font-size:1.8rem;line-height:5rem;color:#fff;padding-left:4rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;text-indent:-999em}
.my_top .back:before {content:"";display:block;position:absolute;top:50%;left:1.6rem;margin-top:-0.7rem;width:1.8rem;height:1.4rem;background:url(/images/common/back-f0e632da59621f8a7b12b5079aa24d8f.svg) 0 0 no-repeat;background-size:100%;filter:brightness(0) invert(1)}
.my_top .right {padding:1.5rem 1.6rem 0 0}
.my_top .right .ico_cart {margin-right:2rem}
/*.my_top .right .ico_cart .count {position:absolute;top:-0.6rem;right:-1.5rem;display:block;background:#fff;border-radius:0.7rem;text-align:center;width:2.6rem;height:1.4rem;line-height:1.5rem;font-size:1.1rem;color:#666;font-weight:500;text-indent:0;font-family:'Roboto' !important;}*/
.my_top .right .ico_cart .count {position:absolute;top:-0.6rem;right:-1.5rem;display:block;background:#fff;border-radius:0.7rem;text-align:center;width:2.6rem;height:1.4rem;line-height:1.5rem;font-size:1.1rem;color:#666;font-weight:500;text-indent:0;font-family:'Pretendard' !important;}

.profile_content {position:absolute;bottom:-2.5rem;left:0;width:100%;z-index:2}
.profile_content .greeting a {display:block;padding:0 7rem 2rem;text-align:center;color:#fff;font-size:1.8rem;line-height:2.1rem;}
.profile_content .greeting.before a {padding:0 2rem 0 0;width:14rem;margin:0 auto 2rem;background:url(/images/common/ico/ico_pen-ac719e4e006bfc51de35bacba323f62d.svg) 96% bottom no-repeat;background-size:1.4rem 1.8rem;}
.profile_content .greeting.before a:after {content:"";display:block;margin:0.2rem 0 0;width:100%;height:1px;background:#fff;}

.profile_content .profile_img {display:block;margin:0 auto;border-radius:50%;overflow:hidden;width:9.5rem;height:9.5rem;background:#fff;z-index:12;opacity:1}
/*.profile_content .profile_img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);max-height:100%;width:auto}*/
.profile_content .profile_img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.profile_content .profile_img img.default {width:50%;}

.mytopWrap + #subWrap {padding-top:27.5rem;}
.mytopWrap.hide + #subWrap {padding-top:10rem !important;}

/* 타인 */
.my_top.others .back {text-indent:-999em}
.my_top.others .right .ico_more {margin-left:1.5rem;}
.my_top.others .right .ico_more.btn_regi:before {display:none;}

/* 브랜드*/
.mytopWrap.type2 {height:17rem;}
.mytopWrap.type2 + #subWrap {padding-top:19.5rem;}
.mytopWrap.type2.hide {top:-12rem}
.mytopWrap.type2 .profile_content .profile_img {position:relative;width:6.5rem;height:6.5rem;}

.mytopWrap .chk_heart {vertical-align:top;}
.mytopWrap .chk_heart span {text-indent:-999em}
.mytopWrap .chk_heart span:before,
.mytopWrap .coupon_map:before {width:2.2rem;height:2.2rem;filter:brightness(0) invert(1)}
.mytopWrap .coupon_map {width:2.2rem;height:2.2rem;overflow:hidden;vertical-align:top;margin:0 0.7rem 0 1.7rem}
.mytopWrap .coupon_map:before {vertical-align:top;margin:0.2rem 0 0;}
.mytopWrap .chk_heart input:checked + span:before {filter:inherit}
.mytopWrap .ico_more {filter:brightness(0) invert(1);margin:0.1rem 0 0}
.mytopWrap .ico_more.btn_regi:before {display:none}

/************************************************************
	LAYOUT : 서브 헤더 + bottom > 스크롤 변경 ui
************************************************************/
.sub_bottom.fixed {position:fixed;bottom:0;left:0;padding:0 2rem;width:100%;height:5rem;border-top:1px solid #f3f3f3;background:#fff;z-index:10;}
.sub_bottom.fixed .right {line-height:4.7rem;}
.sub_bottom.fixed .right button:first-child {margin-right:2rem}
.sub_bottom.fixed .talk_input {position:absolute;bottom:0rem;left:6rem;right:11rem;height:5rem;}
.sub_bottom.fixed .talk_input input {border:0;height:5rem;line-height:5rem;}

.bottom.fixed.btn {padding:0;} /* 하단 고정 버튼*/

/*************************************************
	LAYOUT : flex layout
*************************************************/
.flexWrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:100%;}
/* display:flex;flex-direction: column;align-items: center; justify-content: center;} 화면 가운데 정렬*/
.flexWrap .sub_top {padding:0 2rem 4.9rem;}
.flexWrap .sub_top .tit1 {color:#141414}
.flexWrap .sub_top .tit2 {padding:0.7rem 0 0;font-size:1.6rem;line-height:2.1rem;}
.flexWrap .sub_bottom {width:100%;}
.flexWrap_content_img {position:relative;width:100%;height:100%;display:table;overflow:hidden}
.flexWrap_content_img .content_center {display:table-cell;vertical-align:middle;}
.flexWrap_content_img .content_center img {width:100%;}
.flexWrap_content_img .content_center .sub_bottom {padding:3rem 1.6rem 2rem}

@media screen and (max-width: 320px) {
  .flexWrap {height:auto;display:inherit;padding:3rem 0 2rem;}
}

/*************************************************
	LAYOUT : footer
*************************************************/
.menuWrap .depth2.bottom {position:relative;top:inherit;left:inherit}
.menuWrap .depth2.bottom li.gift {position:relative;}
/*.menuWrap .depth2.bottom li.gift span {display:block;width:2.8rem;height:1.6rem;border-radius:0.8rem;background:#f7534b;color:#fff;font-size:1.1rem;line-height:1.7rem;text-align:center;position:absolute;top:0.2rem;left:50%;margin-left:0.5rem;font-family:'Roboto' !important;}*/
.menuWrap .depth2.bottom li.gift span {display:block;width:2.8rem;height:1.6rem;border-radius:0.8rem;background:#f7534b;color:#fff;font-size:1.1rem;line-height:1.7rem;text-align:center;position:absolute;top:0.2rem;left:50%;margin-left:0.5rem;font-family:'Pretendard' !important;}
.menuWrap .depth2.bottom li a {padding:0.7rem 0 0.8rem;font-size:1.2rem;line-height:1.5rem;}
.menuWrap .depth2.bottom li a:before {width:1.9rem;height:1.8rem;margin:0 auto 1.2rem;}
.menuWrap .depth2.bottom li:nth-child(1) a:before {background:url(/images/common/ico/footer/quickmenu01-5c0b7fb49103b360b436df79d6441b84.svg) center center no-repeat;background-size:1.7rem 1.7rem}
.menuWrap .depth2.bottom li:nth-child(1) a.on:before,
.menuWrap .depth2.bottom li:nth-child(1) a:active:before  {background:url(/images/common/ico/footer/quickmenu01on-6fda4f25f9afe01dd24c27b9c35438b6.png) center center no-repeat;background-size:1.6rem 1.6rem}

.menuWrap .depth2.bottom li:nth-child(2) a:before {background:url(/images/common/ico/footer/quickmenu02-99b7c99e58259120d63875fe8a0a32b9.svg) center center no-repeat;background-size:1.8rem 1.8rem}
.menuWrap .depth2.bottom li:nth-child(2) a.on:before,
.menuWrap .depth2.bottom li:nth-child(2) a:active:before {background:url(/images/common/ico/footer/quickmenu02on-f881b839cb0e05dfd637145a160fb75f.png) center center no-repeat;background-size:2.3rem 2.3rem}

.menuWrap .depth2.bottom li:nth-child(3) a:before {background:url(/images/common/ico/footer/quickmenu03-ba3e6a95c358e58ed83ef637fd9aa1c2.svg) center center no-repeat;background-size:1.8rem 1.5rem}
.menuWrap .depth2.bottom li:nth-child(3) a.on:before,
.menuWrap .depth2.bottom li:nth-child(3) a:active:before  {background:url(/images/common/ico/footer/quickmenu03on-6218b7605611f882fbb6061dd3a95c51.png) center center no-repeat;background-size:2.3rem 2.3rem}

.menuWrap .depth2.bottom li:nth-child(4) a:before {background:url(/images/common/ico/footer/quickmenu04-686e7a632b18e2deda5a5191f6b95674.svg) center center no-repeat;background-size:1.9rem 1.6rem}
.menuWrap .depth2.bottom li:nth-child(4) a.on:before,
.menuWrap .depth2.bottom li:nth-child(4) a:active:before {background:url(/images/common/ico/footer/quickmenu04on-c39824c6be90daa07c1f9f4516ac53b0.png) center center no-repeat;background-size:1.9rem 1.6rem}

/* 쿠폰 하단 */
/* .menuWrap .depth2.bottom li:nth-child(1) a:before {background:url(/images/common/ico/footer/quickmenu01-5c0b7fb49103b360b436df79d6441b84.svg) center center no-repeat;background-size:1.9rem 1.4rem} */
/* .menuWrap .depth2.bottom li:nth-child(1) a.on:before, */
/* .menuWrap .depth2.bottom li:nth-child(1) a:active:before  {background:url(../images/common/ico/footer/quickmenu01on.svg) center center no-repeat;background-size:1.9rem 1.4rem} */

/* .menuWrap .depth2.bottom li:nth-child(2) a:before  {background:url(/images/common/ico/footer/quickmenu02-99b7c99e58259120d63875fe8a0a32b9.svg) center center no-repeat;background-size:1.6rem 1.8rem} */
/* .menuWrap .depth2.bottom li:nth-child(2) a.on:before, */
/* .menuWrap .depth2.bottom li:nth-child(2) a:active:before {background:url(../images/common/ico/footer/quickmenu02on.svg) center center no-repeat;background-size:1.6rem 1.8rem} */

/* .menuWrap .depth2.bottom li:nth-child(3) a:before {background:url(/images/common/ico/footer/quickmenu03-ba3e6a95c358e58ed83ef637fd9aa1c2.svg) center center no-repeat;background-size:1.8rem 1.7rem} */
/* .menuWrap .depth2.bottom li:nth-child(3) a.on:before, */
/* .menuWrap .depth2.bottom li:nth-child(3) a:active:before  {background:url(../images/common/ico/footer/quickmenu03on.svg) center center no-repeat;background-size:1.8rem 1.7rem} */

/* .menuWrap .depth2.bottom li:nth-child(4) a:before  {background:url(/images/common/ico/footer/quickmenu04-686e7a632b18e2deda5a5191f6b95674.svg) center center no-repeat;background-size:1.8rem 1.4rem} */
/* .menuWrap .depth2.bottom li:nth-child(4) a.on:before, */
/* .menuWrap .depth2.bottom li:nth-child(4) a:active:before {background:url(../images/common/ico/footer/quickmenu04on.svg) center center no-repeat;background-size:1.8rem 1.4rem} */

#footer {width:100%;background:#f5f5f5;height:8rem;display:table;text-align:center;}
#footer ul {display:table-cell;vertical-align:middle;}
#footer ul li, #footer ul li a {font-size:1.2rem;color:#999;line-height:1.5rem;}
#footer ul li + li {padding:0.7rem 0 0;}
#footer ul li a:before {content:"";display:inline-block;width:0.2rem;height:0.9rem;margin-left:0.7rem;padding:0 0.3rem;border-left:1px solid #999}
#footer ul li a:first-child:before {display:none}

#footer {width:100%;background:#f5f5f5;height:8rem;display:table;text-align:center;}
#footer table {display:table-cell;vertical-align:middle;}
#footer table tr span, #footer table tr a {color:#141414;}
#footer table tr {font-size:1.2rem;color:#999;line-height:1.5rem;}
#footer table tr + tr {padding:0.7rem 0 0;}
#footer table tr a:before {content:"";display:inline-block;width:0.2rem;height:0.9rem;margin-left:0.7rem;padding:0 0.3rem;border-left:1px solid #999}
#footer table tr a:first-child:before {display:none}

/*************************************************
	LAYOUT : scroll 버튼
*************************************************/
/*.scroll_btnWarp {position:fixed;bottom:1rem;right:2rem;z-index:5;}*/
.scroll_btnWarp {position:fixed;bottom:3rem;right:3rem;z-index:5;}
.scroll_btnWarp.on {bottom:2rem;transition:0.3s;-webkit-transition:0.3s;}
.scroll_btnWarp.gift {bottom:2rem;}

.scroll_btnWarp a {position:relative;display:block;width:5rem;height:0;padding:5rem 0 0;overflow:hidden;z-index:1}
/*.scroll_btnWarp a:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#f7534b;opacity:0.8;border-radius:50%;z-index:1}*/
.scroll_btnWarp a:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--Blue, #4F5DDD);opacity:0.8;border-radius:50%;z-index:1}

.scroll_btnWarp li {position:relative;}

/*.scroll_btnWarp .gift span {position:absolute;top:0.5rem;left:0;width:100%;text-align:center;font-size:1.2rem;line-height:1.5rem;color:#fff;font-weight:500;z-index:2;font-family:'Roboto' !important;}*/
.scroll_btnWarp .gift span {position:absolute;top:0.5rem;left:0;width:100%;text-align:center;font-size:1.2rem;line-height:1.5rem;color:#fff;font-weight:500;z-index:2;font-family:'Pretendard' !important;}
.scroll_btnWarp .gift span:after {content:"";display:block;margin:0 auto;width:1.7rem;height:1.8rem;background:url(/images/common/ico/floating/floating_gift-b9985838d11f408ff8c3e330dd86ac8c.svg) 0 0 no-repeat;background-size:100%;z-index:2}

.scroll_btnWarp .top a:before {background:#fff;border:1px solid #dcdcdc;box-sizing:border-box;-webkit-box-sizing: border-box;}
.scroll_btnWarp .top span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:2}
.scroll_btnWarp .top span:after {content:"";display:block;width:1.7rem;height:2rem;background:url(/images/common/ico/floating/floating_top-c4369e7f4d2fff90c9d85fa3c9a064b3.svg) 0 0 no-repeat;background-size:100%;}

.scroll_btnWarp .talk a:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:1.7rem;height:1.7rem;background:url(/images/common/ico/floating/floating_note-ac719e4e006bfc51de35bacba323f62d.svg) 0 0 no-repeat;background-size:100%;z-index:2}

.scroll_btnWarp .talk2 a:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:1.7rem;height:1.7rem;background:url(/images/common/ico/floating/floating_note-ac719e4e006bfc51de35bacba323f62d.svg) 0 0 no-repeat;background-size:100%;z-index:2}

.scroll_btnWarp .quick a:after  {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:2rem;height:1.5rem;background:url(/images/common/ico/floating/floating_quick-90ff9f93d0180c37437034c7bfe8705b.svg) 0 0 no-repeat;background-size:100%;z-index:2}
/* my/타인 중앙에 클릭 안되는 부분이 있어서 a.after 로 이동함..*/
/*.scroll_btnWarp .myquick:before {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:2rem;height:1.5rem;background:url(/images/common/ico/floating/floating_quick-90ff9f93d0180c37437034c7bfe8705b.svg) 0 0 no-repeat;background-size:100%;z-index:2}*/
.scroll_btnWarp .myquick a:after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:2rem;height:1.5rem;background:url(/images/common/ico/floating/floating_quick-90ff9f93d0180c37437034c7bfe8705b.svg) 0 0 no-repeat;background-size:100%;z-index:2}

.scroll_btnWarp .coupon a {height:5rem;padding:0;line-height:5rem;color:#fff;text-align:center;}
.scroll_btnWarp .coupon a:before {z-index:-1}

.scroll_btnWarp .plus a:before {content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:2;color:#fff;font-size:3rem;text-align:center;line-height:4.7rem}

.scroll_btnWarp .checkin {width:5rem;border:0;overflow:hidden;border-radius:50%;}
.scroll_btnWarp .checkin a {height:5rem;padding:0;}
.scroll_btnWarp .checkin a span {position:relative;display:block;margin:2.3rem auto 0;font-size:1rem;text-align:center;color:#fff;letter-spacing:-1px;z-index:2}
.scroll_btnWarp .checkin a:before {content:"";display:block;top:0.5rem;left:1.5rem;width:1.9rem;height:2.3rem;background:url(/images/common/ico/ico_checkin-f02aa160a448e03eb5f9c85cf09850fe.svg) 0 0 no-repeat;background-size:100%;border:0;border-radius:0;opacity:1;z-index:2}
.scroll_btnWarp .checkin a:after {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#f7534b;opacity:0.8;box-sizing:border-box; -webkit-box-sizing:border-box;}
.scroll_btnWarp .checkin a.on {border:1px solid #dcdcdc;border-radius:50%;}
.scroll_btnWarp .checkin a.on:after {background:#fff;opacity:1;}
.scroll_btnWarp .checkin a.on span {color:#141414;}
.scroll_btnWarp .checkin a.on:before {background:url(/images/common/ico/ico_checkin_on-360ceabe9fd37b26454a3fdda5c61963.svg) 0 0 no-repeat;background-size:100%;}

/* 스크롤 전 display:none */
.scroll_btnWarp.on .gift,
.scroll_btnWarp.on .talk,
.scroll_btnWarp.on .quick,
.scroll_btnWarp.on .coupon,
.scroll_btnWarp .top,
.scroll_btnWarp.on .myquick,
.scroll_btnWarp.on .talk2,
.scroll_btnWarp.on .plus,
.scroll_btnWarp.on .checkin
{height:0;opacity:0;visibility:hidden;transition:0.3s;-webkit-transition:0.3s;}

/* 스크롤시 활성화 */
.scroll_btnWarp .gift,
.scroll_btnWarp .talk,
.scroll_btnWarp .quick,
.scroll_btnWarp .coupon,
.scroll_btnWarp.on .top,
.scroll_btnWarp .myquick,
.scroll_btnWarp .talk2,
.scroll_btnWarp .plus,
.scroll_btnWarp .checkin
{height:5rem;opacity:1;visibility:inherit;transition:0.3s;-webkit-transition:0.3s;}