/* BASIC css start */
#header {width:100%; opacity: 0; }

#header.default:not(.white),
#header.fixed:not(.white),
#header.white { opacity: 1; }

#topBanner { height: 7.2vmin; overflow: hidden; }
#header.fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 500; }
#header.fixed #topBanner { height:0; overflow:hidden; }

a#search { display: block; width: 7.0667vmin; height: 9.6vmin; background: url(/design/soogee77/dnrweb/search_30x29_000.png) no-repeat 50%/4vmin auto; } 
#header.white:not(.fixed) a#search { background-image: url(/design/soogee77/dnrweb/search_30x29_fff.png); }

#header.white:not(.fixed)~#container { padding-top: 7.2vmin; }


.menuon { display: block; width: 7.0667vmin; height: 9.6vmin; background: url(/design/soogee77/dnrweb/menu_23x18_000.png) no-repeat 50%/3.0667vmin auto; } 
#header.white:not(.fixed) .menuon { background-image: url(/design/soogee77/dnrweb/menu_23x18_fff.png); }

.menuon .fa{position:absolute; top:8px!important; z-index:2; font-size:1.5em!important; }
.menuon .tabletOnly{padding-left:20px;}
.headerTop .top-pt-01 .tabletOnly{display:none;}

#header .menu02 img { height: 26.5px; }
#header #menu .fa-times,
#header .menu02 .fa-times { text-indent:-9999px; background:#fff url(/design/soogee77/dnrweb/mobile/x_31x34_000.gif) no-repeat 50% 50%; background-size:15.5px auto; width: 10%; position: fixed; top: 0 !important; } 
#header #menu .fa-times { width: 8.9333vmin; height: 8.9333vmin; background: url(/design/soogee77/dnrweb/mobile/x_31x34_fff.png) no-repeat 50%; background-size: 4.1333vmin auto; top:0 !important; right:0 !important; }
#header #menu .fa,
#header .menu02 .fa { opacity: 0; }
#header #menu .fa-times { right: 0; opacity: 1; }
#header .menu02 .fa-times { left: 6.8%; opacity: 1; }
#header #menu .fa-times:before,
#header .menu02 .fa-times:before { display: block !important; content: ''; padding-top: 100%; }

#header .headerBottom { height: 9.6vmin; padding: 0 4.4vmin; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
#header.fixed .headerBottom { background:rgba(255,255,255,.95); }
#header.white:not(.fixed) { position: fixed; top: 0; left: 0; z-index: 500; }
#header .headerBottom h1 { margin: 0 auto; }
#header .headerBottom h1 a { display: block; width: 25.4667vmin; height: 9.6vmin; background: url(/design/soogee77/dnrweb/happyten_191x30_000.png) no-repeat 50%/25.4667vmin auto; }
#header.white:not(.fixed) .headerBottom h1 a { background-image: url(/design/soogee77/dnrweb/happyten_191x30_fff.png); }

#header .headerBottom .headerBottomLeft,
#header .headerBottom .headerBottomRight { display: flex; flex-flow: row wrap; }


#header #menu .fa:before { display: none; }

#header .headerBottom .my { width: 8.1333vmin; height: 9.6vmin; background: url(/design/soogee77/dnrweb/my_31x37_000.png) no-repeat 50%/4.1333vmin auto; position: relative; }
#header.white:not(.fixed) .headerBottom .my { background-image: url(/design/soogee77/dnrweb/my_31x37_fff.png); }

#header .headerBottom .cart { width: 8.1333vmin; height: 9.6vmin; background: url(/design/soogee77/dnrweb/cart_29x40_000.png) no-repeat 50%/15px auto; position:relative;}
#header.white:not(.fixed) .headerBottom .cart { background-image: url(/design/soogee77/dnrweb/cart_29x40_fff.png); }

#header .headerBottom .cart img{ height: 26.5px; }
#header .headerBottom .cart sup { width:3.0667vmin; height:3.0667vmin; background-color:#000; border: 1px solid #000; border-radius: 50%; position:absolute; bottom: 1.4vmin; right: 0; text-align: center; font-size: 2.1333vw; line-height: 3.0667vmin; color:#fff; }
#header .headerBottom .menu02 { padding-right:4px; }
#header .headerBottom .benefits_box { width:100%; margin:0 0 0 -25%; padding:0; position:absolute; top:-3.4vmin; left:50%; font-size:0; line-height:0; text-align:center; }
#header .headerBottom .benefits_box sup { display: inline-block; box-sizing:border-box; margin:0 auto; padding: 0 0.9333vmin; background:#8f8f8f; border-radius: 1.7333vmin; font-size: 2.2667vmin; line-height: 3.4667vmin; letter-spacing:-0.204vmin; text-align:center; color:#fff; 

    -webkit-animation: vibrationAni 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
#header .headerBottom .benefits_box sup:after { content:''; width: 0; height: 0; margin-left: -3.5px; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 4px solid #8f8f8f; position: absolute; bottom: -4px; left: 50%; }
#header .headerBottom .menu02 .fa:before { display: none; }
@-webkit-keyframes vibrationAni {
    0% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    5% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg); }
    10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg); }
    20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    100% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}


#header .link { margin:1px 6.6667vmin 0 0; padding:0 10px; background:rgba(255,255,255,.95); border-bottom: 1px solid #cbcbcc; text-align: center; overflow-y:hidden; }
#header .link .swiper-button-prev,
#header .link .swiper-button-next { display: block; width: 28.5px; height: 31px; margin-top: -15.5px; border: 0; text-indent: -50000px; position: absolute; top: 50%; z-index: 90; }
#header .link .swiper-button-next { background: url(/design/soogee77/dnrweb/mobile/slide_next.gif) no-repeat 50% 50%; background-size: auto 16.5px; right: 0; }
#header .link .swiper-button-prev { background: url(/design/soogee77/dnrweb/mobile/slide_prev.gif) no-repeat 50% 50%; background-size: auto 16.5px; left: 0; }
#header .link .swiper-slide { width: auto; }
#header .link .swiper-slide a { display: flex; justify-content: center; align-items: center; padding: 0 2.5333vmin; height: 8.6667vmin; font-weight:400; font-size: 3.5555vmin; color:#333; }
#header .link .swiper-slide:not(.swiper-slide-duplicate):first-child a { padding-left: 0; }

.btn-expand-menu { box-sizing:border-box; width: 6.6667vmin; height:8.6667vmin; padding-left:1px; position:absolute; top: calc(9.6vmin + 1px); right:0; border-bottom:1px solid #cbcbcc; }
.btn-expand-menu a { display:block; width: 6.5333vmin; height:8.6667vmin; background:rgba(255,255,255,.95) url(/design/soogee77/dnrweb/mobile/expand_menu_arrow_down2.png) no-repeat 50%; background-size:3.2vmin auto; border-bottom: 1px solid #cbcbcc; text-indent:-50000px; }
.btn-expand-menu a.active { background:rgba(255,255,255,.95) url(/design/soogee77/dnrweb/mobile/expand_menu_arrow_up2.png) no-repeat 50%; background-size:3.2vmin auto; }
#header-expand-menu { margin:0; padding:12px 0 0; background:rgba(255,255,255,.95); font-size:0; line-height:0; display:none; }
#header-expand-menu > a { display:inline-block; width:25%; box-sizing:border-box; margin:4px 0; padding:4px 0 4px 19px; font-size:13px; line-height:14px; color:#363636; }
#header-expand-menu .util { margin-top:12px; padding:0 13px; background:#eee; }
#header-expand-menu .util a { display:inline-block; padding:0 8px; font-size:12px; line-height:27px; color:#363636; }
#header-expand-menu .util a:last-child { float:right; }

/*
#header.fixed.downscroll { padding-bottom: 12px; }
#header.fixed.downscroll #header-expand-menu,
#header.fixed.downscroll .btn-expand-menu,
#header.fixed.downscroll .link { width: 100%; position: absolute; top: -50000px; left: -50000px; opacity: 0; }
*/

#header.default #header-expand-menu,
#header.default .btn-expand-menu,
#header.default .link { width: 100%; position: absolute; top: -50000px; left: -50000px; opacity: 0; }


#header .search {height:42px; position:relative; left:0; right:0; background-color:#c0c0c0; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; outline-style:none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#592184; position:absolute; top:0; right:0; color:#fff; text-align:center;}

#header .w16p{width:16%!important;}
#header .w24p{width:24%!important;}

.nox_bar{position:fixed; top:0px; left:0px; display:none; z-index:2000; background:#fff; width:320px; height:36px;}
.nox_bar02{position:fixed; top:0px; right:0px; display:none; z-index:2000; background:#fff; width:260px; height:36px;}
.nox_bar .hbtz{color:#8c53c4!important; font-weight:bold; display:block; padding:10px 10px 0px; width:35px;}
.nox_bar .hbtz span{padding-left:20px; background:url(/design/soogee77/wib/mobile/home_icon.gif) no-repeat 0 0; background-size:13px;}

/* 카테고리 */
aside { position: fixed; width: 91.0667vmin; height:100%; box-sizing: border-box; padding: 0; top:0; left:0; bottom:0; background:rgba(255,255,255,1); overflow: overlay; -webkit-overflow-scrolling: touch; z-index:1001; display:none;}
aside .msg { display: flex; align-items: center; margin: 0; padding: 0 8.9333vmin; height: 10.4vmin; background: #313131; font-size: 3.5333vmin; color: #cccccc; letter-spacing: 0; }
aside .wrap { padding: 3.7333vmin 7vmin 0 7vmin; }
aside img { max-width: 100%; }
aside h1 { margin-bottom:38px; }
aside h1 img { height:17px; }
aside .search { padding-bottom: 35px; }
aside .searchBox { padding-right: 25px; border-bottom: 1px solid #3d3d3d; position: relative; }
aside .searchBox .MS_search_word { width: 100%; height: 34px; border: 0; border-radius: 0; outline: 0; font-size: 17.5px; line-height: 34px; color: #000; }
aside .searchBox .MS_search_word::-webkit-input-placeholder { color: #e2e2e2; }
aside .searchBox .MS_search_word:-moz-placeholder { color: #e2e2e2; }
aside .searchBox .MS_search_word::-moz-placeholder { color: #e2e2e2; }
aside .searchBox .MS_search_word:-ms-input-placeholder { color: #e2e2e2; }
aside .searchBox .btn_search { position: absolute; top: 2.5px; right: 0; }
aside .searchBox .btn_search img { width: 23px; }

aside .login-menu { display: flex; align-items: center; margin-bottom: 2vmin; padding-bottom: 4.8vmin; border-bottom: 1px solid #d0d0d0; }
aside .login-menu li { width: calc(100% / 3); }
aside .login-menu.cols2 li { width: 50%; }
aside .login-menu a { margin: 0 0 0 4px; height: 8.8vmin; box-sizing: border-box; border: 2px solid #313131; background: #FFF; font-size: 3.4vmin; color: #313131; display: flex; align-items: center; justify-content: center; }
aside .login-menu li:first-child a { margin-left: 0; background: #313131; color: #FFF; }

aside .wrap > .list { display: flex; margin:0; padding:0; list-style:none; font-size:0; line-height:0; }
aside .wrap > .list > li { box-sizing: border-box; width: calc(100% / 3); padding-left: 4px; }
aside .wrap > .list > li:first-child { padding-left: 0; }
aside .wrap > .list > li > a { height: 10.4vmin; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 0; font-size: 3.7777vmin; font-weight: 700; background-color: #f2f2f2; color: #9b9b9b; }
aside .wrap > .list > li.active > a { color: #3b3b3b; border: 1px solid #2f2f2f; }
aside .sub { display: none; }
aside .sub.active { display: block; }
aside .top-banner.img { margin-top: 2.2667vmin; margin-bottom: 3.6vmin; overflow: hidden; overflow-x: scroll; }
aside .top-banner.img ul { display: table; }
aside .top-banner.img li { display: table-cell; padding-right: 0.6667vmin; }
aside .top-banner.img img { max-width: 30.4vmin; }
aside .top-banner.text ul { margin: 2vmin 0 4vmin; padding: 0; list-stlyle: none; display: flex; flex-flow: row wrap; }
aside .top-banner.text ul > li { width: calc(100% / 3); }
aside .top-banner.text ul > li a { display: flex; align-items: center; justify-content: center; padding: 1.6667vmin 0; position: relative; }
aside .top-banner.text ul > li.new a::after { content: ''; display: inline-block; vertical-align: top; width: 8px; height: 8px; background: #c11a1a; border: 0; border-radius: 50%; position: relative; top: -4px; }
aside .bottom-banner { margin-top: 2.8vmin; }
aside .bottom-banner > li { padding-top: 1.4667vmin; }
aside .sub ul.list.text { margin: 2.1333vmin 0 0; padding: 0; list-style: none; }
aside .sub ul.list.text li,
aside .sub ul.list.text li > a { box-sizing: border-box; }
aside .sub ul.list.text a { display: flex; height: 8vmin; align-items: center; background: url(/design/soogee77/dnrweb/icon-right-angle_11x18_2f2f2f.png) no-repeat calc(100% - 1.7333vmin) 50%/1.4667vmin auto; font-size: 3.9vmin; color: #282828; }


aside .sub ul.list.text .fold > a { background: url(/design/soogee77/dnrweb/icon-plus_13x13_2f2f2f.png) no-repeat calc(100% - 1.4667vmin) 50%/1.7333vmin auto; font-weight: 700; font-size: 3.9vmin; color: #444; }
aside .sub ul.list.text .fold:not(.active) .list { height: 0; display: none; }
aside .sub ul.list.text .fold.active .list { display: flex; flex-flow: row wrap; padding: 2.9333vmin; background: #f2f2f2; }
aside .sub ul.list.text .fold .list a { height: 5.8667vmin; background: none; font-size: 3.3333vmin; color: #676767; }
aside .sub ul.list.text.cols2 > li { width: 50%; }

#sideEvent ul.img.cols2 { margin: 2.2667vmin 0 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between; }
#sideEvent ul.img.cols2 > li { width: calc(50% - 0.6667vmin); padding-top: 2.2667vmin; }
#sideEvent ul.img.cols2 > li:nth-of-type(odd) { padding-right: 0.6667vmin; }
#sideEvent ul.img.cols2 > li:nth-of-type(even) { padding-left: 0.6667vmin; }

aside .category { border-top: 1px solid #d0d0d0; }
aside .category > p { margin: 0; padding: 2.9333vmin 0; font-weight: 700; font-size: 3.6vmin; color: #444; }

aside .btn_close { display:block; margin-bottom: 4vmin; height:17px; background:#fff url(/design/soogee77/dnrweb/mobile/x_31x34_000.gif) no-repeat 50% 50%; background-size:15.5px auto; }
aside .btn_close2 { display:block; position: fixed; top:0; right: 0; width: 5vmin; height: 100vh; background: url(/design/soogee77/dnrweb/mobile/x_31x34_fff.png) no-repeat 50% 10px/3vmin auto; }

aside .asideTop { display: table; width: 100%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; text-align:center; font-size: 0; line-height: 0;}
aside .asideTop li { display: table-cell; vertical-align: top; width: 33.33%; margin-left: -1px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #3d3d3d; position: relative; }
aside .asideTop li a { display: block; height: 38px; background: #3d3d3d; margin: 0 1px; font-size: 11px; line-height: 38px; color: #fff; }
aside .asideTop li.act { border: 1px solid #3d3d3d; border-bottom: 1px solid #fff; }
aside .asideTop li.act a { background: #fff; font-weight: 700; color: #3b3b3b; }
aside .asideTop li:last-child { margin-left: 0; }
aside .asideTop li:last-child a {  margin-right: 0; }

.navCategory,
.navMypage,
.navCommunity { padding: 15px 0 0; border: 1px solid #3d3d3d; border-top: 0; }

.navCategory .tabs { padding: 0 4.75px; box-sizing: border-box; font-size: 0; line-height: 0; text-align: center; }
.navCategory .tabs a { display: inline-block; width: calc(25% - 2.5px); height: 56.5px; box-sizing: border-box; margin: 0 1.25px; padding-top: 41px; background: #fff; border: 1px solid #676767; font-size: 10px; line-height: 15.5px; color: #636363; }
.navCategory .tabs a.act { background: #8648d2; border: 1px solid #8648d2; color: #fff; }
.navCategory .tabs a:nth-child(1) { background: url(/design/soogee77/dnrweb/mobile/navtab1.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(1).act { background: #8649d2 url(/design/soogee77/dnrweb/mobile/navtab1_o.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(2) { background: url(/design/soogee77/dnrweb/mobile/navtab2.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(2).act { background: #8649d2 url(/design/soogee77/dnrweb/mobile/navtab2_o.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(3) { background: url(/design/soogee77/dnrweb/mobile/navtab3.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(3).act { background: #8649d2 url(/design/soogee77/dnrweb/mobile/navtab3_o.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(4) { background: url(/design/soogee77/dnrweb/mobile/navtab4.gif) no-repeat 50% 0; background-size: contain; }
.navCategory .tabs a:nth-child(4).act { background: #8649d2 url(/design/soogee77/dnrweb/mobile/navtab4_o.gif) no-repeat 50% 0; background-size: contain; }

aside nav > ul { margin: 15px 25px; }
aside nav li { background: #fff; border-bottom: 1px solid #e9e9e9; position:relative; }
aside nav li:last-child { border-bottom: 0; }
aside nav li.blank { margin-top: 43px; border-top: 1px solid #e9e9e9; }
aside nav li a {display: block; height: 37px; line-height:37px; padding:0 0 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color:#191919;}
aside nav li a.color1 { color: #864ad2; }
aside nav li a.color2 { color: #ff0000; }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px; color:#191919;}
aside nav li > ul {background-color:#fff; display:none; border-top:1px solid #2d2d2d;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #989898; border-bottom:1px solid #626262; }
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a { padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #696969;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0;}
aside a.special { display: block; height: 41px; background: #3b3b3b; font-size: 13px; line-height: 41px; text-indent: 30px; color: #fff; }

aside .sns { clear:both; margin: 4vmin 0; padding: 0; font-size: 0; line-height: 0; border: 0; }
aside .sns img { max-height: 6.4vmin; margin: 0 1.8667vmin 0 0; }

aside .navCommunity,
aside .navMypage {display:none;}
aside .navCommunity li[href*=soogee77_board6] { display: none; }

/* 마이페이지 메뉴 */
.myp_side { position: fixed; width: 83.2%; height:100%; box-sizing: border-box; padding: 20px; top: 0; right:0; bottom:0; background:#fff; border-left: 1px solid #d8d8dc; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none; }
.myp_side h2 img { max-height: 2.6852vmin; }
.myp_side h2 { padding-bottom: 6.1111vmin; }
.myp_side .myp_face{ }
.myp_side .myp_face > div p { font-size: 11px; letter-spacing:-1.5px; color: #939393; }
.myp_side .myp_face > div p.level { font-size: 11px; letter-spacing: 0; color: #7c7a7a; }
.myp_side .myp_face > div p:first-child { margin-bottom: 3.5185vmin; font-weight: 700; font-size: 13px; color:#010101; }
.myp_side .myp_face > div p.new_member { margin-top: 0.4vmin; }
.myp_side .myp_face > div p.new_member,
.myp_side .myp_face > div p.new_member font { font-size: 15px; }
.myp_side .myp_face .link { padding: 1.7593vmin 0 2.8704vmin; border-bottom: 1px solid #878787; text-align: center; }
.myp_side .myp_face .link a { display: inline-block; font-size: 3.0556vmin; color: #000; }
.myp_side .myp_face .link a:before { content: ''; display: inline-block; vertical-align: middle; margin: 0 3.2407vmin; border-left: 1px solid #878787; height: 3.2407vmin; }
.myp_side .myp_face .link a:first-child:before { display: none; }
.myp_side .myp_face .sns-login a { display: block; margin-bottom: 2.4074vmin; border: 1px solid #afafaf; border-radius: 0.9259vmin; font-size: 3.4259vmin; line-height: 12.2222vmin; color: #878787; text-align: center; }
.myp_side .myp_face .sns-login a[href*="ks"] { background: #fde500 url(/design/soogee77/dnrweb/icon_kakao_40x37.png) no-repeat 4.6296vmin 50%; background-size: 3.7037vmin auto; border-color: #fde500; color: #181600; }
.myp_side .myp_face .sns-login a[href*="facebook"] { background: url(/design/soogee77/dnrweb/icon_facebook_30x58.png) no-repeat 4.6296vmin 50%; background-size: 2.7778vmin auto; }
.myp_side .myp_face .sns-login a[href*="naver"] { background: url(/design/soogee77/dnrweb/icon_naver_47x42.png) no-repeat 4.6296vmin 50%; background-size: 4.3519vmin auto; }

.myp_side .myinfo_m {height:109px; overflow:hidden; text-align:center; margin:0 auto;}
.myp_side .myinfo_m a{display:inline-block; width:80px; height:109px; overflow:hidden; text-align:center; position:relative; z-index:2;}
.myp_side .myinfo_m a span{position:absolute; top:60px; left:0px; width:100%;}
.myp_side .myinfo_m a span b{color:#693d94;}
.myp_side .myinfo_m a.myif_m01{background:url(/design/soogee77/wib/mobile/myinfo_icon01.gif) no-repeat center 15px; background-size:55px;}
.myp_side .myinfo_m a.myif_m02{background:url(/design/soogee77/wib/mobile/myinfo_icon02.gif) no-repeat center 15px; background-size:40px;}
.myp_side .myinfo_m a.myif_m03{background:url(/design/soogee77/wib/mobile/myinfo_icon03.gif) no-repeat center 15px; background-size:35px;}
.myp_side .myinfo_m a.myif_m04{background:url(/design/soogee77/wib/mobile/myinfo_icon04.gif) no-repeat center 15px; background-size:40px;}
.myp_side nav ul {padding:5px 0px;}
.myp_side nav ul li{height:35px; line-height:36px; padding-left:45px;}
.myp_side nav ul li.qm01{background:url(/design/soogee77/wib/mobile/qmicon01.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm02{background:url(/design/soogee77/wib/mobile/qmicon02.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm03{background:url(/design/soogee77/wib/mobile/qmicon03.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm04{background:url(/design/soogee77/wib/mobile/qmicon04.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm05{background:url(/design/soogee77/wib/mobile/qmicon05.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm06{background:url(/design/soogee77/wib/mobile/qmicon06.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm07{background:url(/design/soogee77/wib/mobile/qmicon07.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm08{background:url(/design/soogee77/wib/mobile/qmicon08.jpg) no-repeat 20px 50%; background-size:17px;}
.myp_side nav ul li.qm09{background:url(/design/soogee77/wib/mobile/qmicon09.jpg) no-repeat 20px 50%; background-size:17px;}

.myp_side .contact { padding-top: 25px; }
.myp_side .contact a { display: block; margin: 4px 0; }
.myp_side .contact img { width: 100%; }

.myp_side .mypage { clear: both; }
.myp_side .mypage dt { padding: 22px 0 10px; font-size: 12px;  } 
.myp_side .mypage dd { margin-left: -19px; position: relative; font-size: 0; line-height: 0; }
.myp_side .mypage dd a { display: inline-block; width: 25%; box-sizing:border-box; padding-left:19px; vertical-align: top; font-size: 10px; line-height: 13px; text-align: center; letter-spacing: -1px; color: #8d9197; }
.myp_side .mypage dd a img { display: block; width: 100%; border: 1px solid #878787; margin-bottom: 4px; }
.myp_side .mypage dd a:hover { color: #0a0a0a; }
.myp_side .mypage dd a strong { display: block; text-align: center; font-size: 10px; color: #8648d2; }
.myp_side .mypage dd a:after { display: block !important; content: ''; padding-top: 16%; }

.myp_side .sns_login { padding-top: 9px; }
.myp_side .sns_login dt { display: none; }
.myp_side .sns_login dd { }
.myp_side .sns_login a { display: block; margin-bottom: 3.5px; }
.myp_side .sns_login a img { width: 100%; }

/* // 마이페이지 메뉴 */

/* 최근 본 상품 */
#ly_lastView { width:100%; height: 124px; background:#fff; z-index:10001; position: fixed; bottom: 0; left: 0; display:none;}
#ly_lastView ul { display: table; width: 100%; height: 124px; text-align: center; }
#ly_lastView ul li { display: table-cell; width: 20%; box-sizing: border-box; padding: 2px; }
#ly_lastView ul li a { display: block; }
#ly_lastView ul li img { width: 100%; min-height: 116px; }
#ly_lastView .btn_close::before { display: block !important; content: ''; padding-top: 100%; }
#ly_lastView .btn_close { text-indent:-9999px; background: #8648d2 url(/design/soogee77/dnrweb/mobile/x_27x27.gif) no-repeat 50% 50%; background-size: 13.5px; width: 10%; margin: -10% 0 0 -5%; position: absolute; top: 0 !important; left: 50%; } 


#topBanner { position:relative; }
#topBanner .btn_close { display: block; width: 17px; height: 17px; background:rgba(255,255,255,.1) url(/design/soogee77/dnrweb/mobile/close_000.png) no-repeat; background-size: 17px; text-indent: -50000px; position: absolute; top: 7px; right: 7px; z-index:901; }
#topBanner .btn_open { display: none; width: 100%; height: 17px; background: url(/design/soogee77/dnrweb/mobile/top_banner_open.png) no-repeat 50% 0; background-size: auto 17px; border-top: 3px solid rgba(118,118,118,0.78); text-indent: -50000px; outline: 0; position: absolute; bottom: -20px; left: 0; z-index: 101; }
#topBanner .roll_wrap {width:100%; overflow: hidden;margin-bottom:0;}
#topBanner .roll_wrap div {display:none;}
#topBanner .roll_wrap .slick-list {overflow: hidden;}
#topBanner .roll_wrap .slick-list .slick-track {  overflow: hidden;}
#topBanner .roll_wrap .slick-list .slick-track .slick-slide {float:left;}
#topBanner .roll_wrap img {width:100%;}
#topBanner .roll_wrap .slick-dots {width: 100%; list-style: none; font-size: 0; line-height: 0; text-align: center; position:absolute; bottom: 5px; left:0; }
#topBanner .roll_wrap .slick-dots li button {display:none;}
#topBanner .roll_wrap .slick-dots li { display: inline-block; width:6.5px; height:6.5px; margin: 0 5px; padding: 0; background:#bbb; border-radius: 50%; }
#topBanner .roll_wrap .slick-dots li.slick-active button{ display:none;}
#topBanner .roll_wrap .slick-dots li.slick-active { width:6.5px; height:6.5px; background:#222; border-radius: 50%; }
#topBanner .roll_wrap .slick-dots li button:before {font-size:0;}
#topBanner.close .roll_wrap { display: none; }
#topBanner.close .btn_close { display:none; }

#reviewScore .score-total ul li.review { display: none !important; }


#searchWrap { box-sizing: border-box; width: 100%; padding: 1.6vmin 4vmin; background: #ededed; position: fixed; top: 109px; left: 0; visibility: hidden; opacity: 0; transition: .4s; }
#header.top-banner-close+#searchWrap { top: 59px; }
#header.fixed+#searchWrap { top: 97px; }
#searchWrap.active { z-index: 999; visibility: visible; opacity: 1; }

#searchWrap .MS_search_word { padding: 0 2.6667vmin; width: 100%; height: 6.9333vmin; border: 1px solid #dfdfdf; border-radius: 0; outline: 0; font-weight: bold; font-size: 2.9333vmin; line-height: 6.9333vmin; color: #000; }
#searchWrap .MS_search_word::-webkit-input-placeholder { color: #cfcfcf; }
#searchWrap .MS_search_word:-moz-placeholder { color: #cfcfcf; }
#searchWrap .MS_search_word::-moz-placeholder { color: #cfcfcf; }
#searchWrap .MS_search_word:-ms-input-placeholder { color: #cfcfcf; }
#searchWrap .btn_search { display: block; width: 6.9333vmin; height: 6.9333vmin; background: url(/design/soogee77/dnrweb/icon-search_23x23_666.png) no-repeat 50%/3.0667vmin auto; position: absolute; top: 50%; right: 4vmin; transform: translateY(-50%); }
#searchWrap .btn_close { display: block; width: 5.6vmin; height: 5.6vmin; background: #a4a4a4 url(/design/soogee77/dnrweb/icon-x_25x28_fff.png) no-repeat 50%/3.3333vmin auto; position: absolute; bottom: -5.6vmin; right: 4vmin;  }

/* BASIC css end */