@import url("base.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


/*부드럽게 이동*/
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}

/*모바일에서 영역 클릭시 생시는 파란 박스 없애기*/
input:focus{outline:none;}

html {
-webkit-tap-highlight-color : transparent;
/* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
-webkit-touch-callout:none;
/* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
-webkit-user-select:none;
/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {margin:0;padding:0; font-family: 'Montserrat','Spoqa Han Sans Neo','Noto Sans KR', 'Arial', Dotum, sans-serif;}

h4 {font-weight:normal;}

/* 테이블설정 */
table, th, td {margin:0;}
caption{display:none}

/* 목록 */
ol, ul,li { list-style:none;padding:0;margin:0 }

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
border-collapse: separate;
border-spacing:0;
border:0 none;
}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
font-weight:normal;
font-style:normal;
}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* body 스타일 */
body {background:#fff;}
body,td,div {color:#111;font-size:16px;}

/* 링크 */
a, a:link {color:#111;text-decoration:none;}
a:visited {color:#111;text-decoration:none;}
a:hover {color:#013101;text-decoration:none;}
a:focus {color:#111;text-decoration:none;}
a:active {color:#111;text-decoration:none;}

/* 이미지, 폼관련 요소 */
label, select, input, textarea {
vertical-align:middle;

}

select {padding:7px;border:1px solid #ddd;}
input[type=search], input[type=text] {border-radius:3px;}
input[type=checkbox], input[type=radio] {border:1px solid #ddd !important; outline:0;}
input[type=checkbox], input[type=radio]{width:20px; height:20px;}






.memu{color:#111;font-size:9pt; font-family:굴림,tahoma;line-height:140%}
a.menu:link {color:#111; text-decoration:none;}
a.menu:visited {color:#111; text-decoration:none;}
a.menu:hover {color:#FF0000; text-decoration:none;}


.input_{border:1px solid #ddd; background:#fff;padding:7px; border-radius:3px; -webkit-border-radius:3px;/*width:100%;*/height:37px; max-width:100% !important}
.pl_05 {padding-left:5px;}
.pl_20 {padding-left:20px;}

button {}

/* 시중가,판매가,포인트,상품명,간략설명*/
.goodsName {padding-bottom: 5px;font-weight: 500;text-align: left;font-size: 22px; display: inline-block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
.goodsMarketPrice{display:block;color:#787878;}
.goodsPrice {display: inline-block;font-size: 18px;color: #686868;}
.goodsPoint{color:#3f7d9e}

.goodsBrand, .goodsBrand h4 {font-size: 17px; color: #7e7e7e; font-weight:400; }
.goodsAdvance{color:#9c9c9c;font-size:0.9em;padding-bottom:8px}

.maingoods_in > div > div {text-align:center;padding-bottom:8px}
.goodsNumberIcon{position:relative;left:0px;top:0px;}
.goodsNumberIcon img{display:block;position:absolute;z-index:1; left:0px; top:0px;}

/* 카테고리 네비게이션 */
.category_m{letter-spacing: 0px;}

/* 필수입력마크 */
.p{color:red;font-weight:bold;padding-right:6px}

/* 약관 */
.member_agree h1{margin-bottom:5px}
.member_agree h2{margin-bottom:5px;font-size:16px}
.member_agree ol{margin-bottom:15px;padding-left:0}
.member_agree p{margin-bottom:15px;padding-left:0}

/* 상품목록 카테고리 상단버튼 */
.bt_category_top{display:block;padding:14px;text-decoration:none;}
a.bt_category_top:hover{text-decoration:none;}

/* 상품구매 가격내역 정보 */
.userinfo_priceinfo{margin-top:20px; margin-bottom:30px; }
.userinfo_priceinfo:after {content:""; display:block; clear:both}
.userinfo_priceinfo ul {float:right;}
.userinfo_priceinfo strong {width:100px;display:inline-block; text-align:left; font-weight:normal}
.userinfo_priceinfo span {width:150px;display:inline-block; text-align:right;}

.userinfo_priceinfo td,.userinfo_priceinfo th{padding:12px;border-right:1px solid #ddd;width:25%}
.userinfo_priceinfo th{background-color:#ddd;font-weight:bold}
.userinfo_priceinfo td{text-align:center;font-size:22px;font-weight:bold;position:relative;padding:30px;}
.userinfo_priceinfo_end{border-right:none;color:#db0000}
.userinfo_priceinfo td div{position:absolute; z-index:1;right:-13px;top:32px;}

.userinfo_priceinfo2{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.userinfo_priceinfo2 span{display:inline-block;width:120px;}
.total_price_show{font-weight:bold;font-size:20px}

.cart_bottom_price li > span:first-child {width:100px;display:inline-block;}


/* 장바구니 수량 */
.cartnum_box{display:inline-block;background:#fff;border:1px solid #ddd}
.cartnum_box:after {content:""; display:block; clear:both}
.cartnum_box li {display:inline-block; text-align:center; float:left; height:30px;}
.cartnum_box li:first-child, .cartnum_box li:last-child{width:30px; vertical-align:middle; padding:5px 0px;}
.cartnum_box  input.option_num{border:0;text-align:center;width:50px; height:30px;}

/* 장바구니스탭 */
.cart_step_number{border-radius:100px;border:1px solid #d2d2d2;background-color:#f2f2f2;color:#7d7d7d;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_over{border-radius:100px;border:1px solid #242424;background-color:#242424;color:#ffffff;font-size:20px;text-align:center;width:60px;height:60px;line-height:60px;padding:0}
.cart_step_number_line{height:1px;border-top:1px solid #d2d2d2}
.cart_step_space{width:30px}
.cart_step_text{padding-top:10px;text-align:center}

/* 네비게이션 디자인 */
.navi_design {width: 100%;overflow: hidden;margin-bottom: 20px; }
.navi_design ul{}
.navi_design ul li{color:#5e5e5e;font-size: 13px; padding:0 15px;background:url(../image/A_icon_7.gif);background-repeat:no-repeat;background-Position:100% 50%; display: inline-block;}
.navi_design ul li:last-child{background:url();}
.navi_design ul li:first-child {padding-left:0;}
/*.category_m { display: inline-block; background: url(../image/sub/cate_icon.gif) 0 6px no-repeat; padding-left: 17px; font-size: 13px; color:#5e5e5e; }*/


.subtitle{font-weight:500; clear: both; font-size: 1.4em;  position: relative;    width: 100%;    padding: 0 0 20px;    border-bottom: 1px solid #111;}
h2.subtitle {margin-bottom:0;}
.subtitle_line{border-bottom:1px solid #ddd}


.input_ess{background:url('/mall/skin/gaga_basic_skin/image/sub/require.png') right 0 no-repeat;}

select.input_ess {background:transparent}

.formtitle{clear: both;margin-top:20px;text-align:left;}
#or_main .formtitle{margin-top:0px;}

/* 관리자전용알림 */
.adminmess{background:#f5f5f5;border:1px solid #ddd;padding:15px;text-align:center;display:block}

/* 줌효과 */
.zoomimg_wrap img{transition:all .4s;border:none !important;}
.zoomimg_wrap:hover img{/*transform:scale(1.1);*/}


/*메인*/
.wrap{width:100%; max-width:1400px; margin:0 auto; position:relative; }
.wrap:after {content:""; display:block; clear:both}

#header {background:#fff;width: 100%;z-index:10000; position:absolute; left:0; top:0;}
#header:after {content:""; display:block; clear:both}
.menu-container {position: relative;clear: both;width: 100%;height: 80px; box-shadow:3px 4px 7px rgba(0,0,0,0.02); text-align:center;}

.header-top {width: 100%;height: 75px; /*background: #013101;*/ border-top:4px solid #013101; position:relative; text-align:center;}
.header-top > div {padding:10px 0;}
.header-top > div:before {content:""; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; bottom:1px;}
#top-logo {display: inline-block; /*position:absolute; left:0; top:15px;*/}
#top-logo a {}
#top-logo a, #top-logo a img {display: block;width: auto !important;}

.top_login_wrap{display: inline-block; position:absolute; left:0; top:0;}
.top_login_wrap .login{float:right;}
.top_login_wrap .login li {display: inline-block; vertical-align: middle;}
.top_login_wrap .login li:last-child a {background:none;padding-right:0;}
.top_login_wrap .login li a {line-height: 75px;vertical-align: middle;padding: 0 10px;display: block; position: relative;}
.top_login_wrap .login li a img{vertical-align: middle;display:block;}


.gnb { position:absolute; right:0; top:0px;}
.gnb li {display: inline-block;margin-left:10px;}
.gnb li a{display: block; width:38px; height:38px; font-size:0; background-size:cover !important}
.gnb li:nth-child(1) a {background:url('/mall/skin/gaga_basic_skin/image/gnb1.png') center center no-repeat;}
.gnb li:nth-child(2) a {background:url('/mall/skin/gaga_basic_skin/image/gnb2.png') center center no-repeat;}
.gnb li:nth-child(3) a {background:url('/mall/skin/gaga_basic_skin/image/gnb3.png') center center no-repeat;}
.gnb li:nth-child(4) a {background:url('/mall/skin/gaga_basic_skin/image/gnb4.png') center center no-repeat;}
.gnb li:nth-child(5) a {background:url('/mall/skin/gaga_basic_skin/image/gnb5.png') center center no-repeat;}





.caetgory_container_bt {border-left: #eaeaea 1px solid;border-right: #eaeaea 1px solid; display:none;}
.caetgory_container_bt > a {display: block;padding: 27px !important;}

/*MENU SINGLE DROPDOWN #main_menu */
#single_dropdown {  display: inline-block;  }
#single_dropdown #main_menu ul { display: none;  z-index: 990;   width: 100% !important;     background: #000;   position: absolute;     top: 70px;  left:0px;   }
#single_dropdown #main_menu ul li{float:none; display:block;}
#single_dropdown #main_menu ul li a { display: block; color: #FFF; font-size: 14px; line-height: 17px; text-align: left; border-bottom: none; text-align: center; width: 100%; padding: 6px 0px;    }
#single_dropdown #main_menu ul li a:hover {background:#fff; color:#000;}

#single_dropdown #main_menu ul li:last-child a{ border-bottom:none;}
#single_dropdown #main_menu ul li.dropdown_last_child a { border-bottom:none; } /*IE8 HACK*/
#single_dropdown .jquery_dropdown{color:#fff}

#single_dropdown #main_menu > li{}
#single_dropdown #main_menu li{ float: left; position:relative; margin: 0px;}

#single_dropdown #main_menu li ul li{ margin: 0; width: 100%;clear:both;}
#single_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size:14px;line-height:30px; text-align: center; border-bottom:none;}
#menu-main li a.jquery_dropdown{color: #FFF; border-bottom: none;}
#single_dropdown #single_dropdown {float: left; width: 100%; position: absolute; right: 0; bottom: 0; border-bottom: 4px solid #F3F3F3;}
#single_dropdown #main_menu {display: block;}
#single_dropdown > #main_menu > li > a {display: block;font-size: 17px;color: #ddd;padding: 0 50px;line-height: 70px;font-weight:600;}
#single_dropdown #main_menu li.menu5 a {padding-right: 0 !important;}
#single_dropdown > #main_menu > li > a:hover {background:#000; color:#fff; border-bottom: none;}
#single_dropdown > #main_menu > li > a.jquery_dropdown {background:#000; color:#fff; border-bottom: none;}
#single_dropdown #main_menu > li.caetgory_container_bt > a:hover {background:#fff; color:#fff; border-bottom: none;}
#single_dropdown #main_menu > li.caetgory_container_bt > a.jquery_dropdown {background:#fff; color:#fff; border-bottom: none;}

#inline_dropdown {  display: inline-block;  }



#main_menu {font-size:0;  position:relative; text-align:center;}
#main_menu li{display: inline-block;}
#main_menu > li > a{ display: block; padding: 0 30px; font-size:19px; font-weight:600; line-height:80px; /*color:#fff; */}
#main_menu > li > a:hover, #inline_dropdown ul > li.active > a{color:#013101;}
#main_menu > li.last_child > a:hover, #inline_dropdown ul > li.last_child.active > a{background:#3e7211; }
#main_menu > li > ul {position: fixed; top: 155px; left: 0; visibility:hidden; background: #fff; z-index: 9; width:100%; max-width:1400px; margin: auto;  left: 50%; transform: translate(-50%, 0%); padding:20px; box-shadow:3px 4px 7px 0px rgba(0,0,0,0.5);}
#main_menu > li > ul > li > a{display: block;font-size:16px;font-weight:normal; padding: 5px 15px;width:auto; }
#main_menu > li > ul a:hover { }


.top_mobile_search {position:absolute;  top: 155px;  left: 50%;background: #fff; transform: translate(-50%, 0%);  padding:20px; box-shadow:3px 4px 7px 0px rgba(0,0,0,0.5); width:100%; max-width:1400px;display: none; z-index:9; text-align:center; }
.top_mobile_search input[type=text] {width:50%; min-width:200px;}
.top_mobile_search input[type=submit] {background:#111; color:#fff;  line-height:37px; width:60px; text-align:center;}

.top_mobile_search .mobile_search_close {position:absolute;  top: 10px;  right:10px;}

.top_search {display: inline-block;position: absolute;right: 0;top: 33px;}
.search_form {width: 260px;border-bottom: #333 1px solid;overflow:hidden;padding:5px 0;}
.search_form input.input_ {border: none;background: #ffff;float: left;display: inline-block;padding:5px;}
.search_form input[type="image"] {display: inline-block;float: right;}

.logo_con {clear: both;width: 100%;float: left;border-bottom: #eaeaea 1px solid;height:110px;position:relative;}

.top_head_menu {display: inline-block;float: left;}
.top_head_menu li {display: inline-block;float: left;position:relative;}
.top_head_menu > ul > li > a {display: block;font-size: 14px;color: #ddd;padding: 0 27px 0 23px;line-height: 50px;font-weight:400;}
.top_head_menu > ul > li:nth-child(1) > a {background:url(/mall/skin/gaga_basic_skin/image/main/main_gnb_home.png) 0 17px no-repeat;}
.top_head_menu > ul > li:nth-child(2) > a {background:url(/mall/skin/gaga_basic_skin/image/main/main_gnb_bookmark.png) 0 17px no-repeat;}
.top_menu_wrap {display: inline-block;}
.top_menu_wrap:after {content:""; display:block; clear:both}
.top_menu_wrap li {display: inline-block;position:relative;}
.top_menu_wrap > ul > li > a {}
.top_menu_wrap .caetgory_container{position:absolute;left:0;top:71px;line-height:25px;display:none;width:201px;z-index:1}

.top_menu_wrap .all_category{position:absolute;top:63px;left:0;background:url(/mall/skin/gaga_basic_skin/image/A_all_category_bg.gif);background-repeat:repeat-y;background-Position:50% 0%;;z-index:1;line-height:25px;border:1px solid #ddd;display:none}
.top_menu_wrap .all_category > ul > li{width:239px;float:left;text-align:center;}
.top_menu_wrap .all_category > ul > li:nth-child(5n){width:242px;}
.top_menu_wrap .all_category > ul > li:nth-child(5n+1){clear:both}
.top_menu_wrap .all_category > ul > li > a{display:block;padding:10px;font-size:16px;background-color:#f1f1f1;border-right:1px solid #ddd}
.top_menu_wrap .all_category > ul > li:nth-child(5n) > a{border-right:0px;}
.top_menu_wrap .all_category > ul > li > ul{clear:both;padding:20px;width:100%}
.top_menu_wrap .all_category > ul > li > ul > li{display:block;width:100%;line-height:36px;text-align:left}



/******************overlay*******************/
.mobile_left_menu{position:fixed;left:-300px;top:0;max-width:290px; width:90%; height:100%;z-index:10001; background: #fff; box-shadow:3px 4px 7px rgba(0,0,0,0.05);border-top:4px solid #013101;}
.mobile_left_menu_bg{/*width:300px;height:100%;position:fixed;display:none;z-index:10000*/}
.mobile_left_menu:active { }


/* 로그인 탭버튼 */
.tap_login_menu {position:relative; overflow: hidden;padding:0 20px;}
.tap_login_menu h1 {padding:10px 0; text-align:center;}
.tap_login_menu > div {text-align:right; margin:10px 0;}
.tap_login_menu > div > a {padding-left:10px;}
.tap_login_menu .mmenu_close{position:absolute; top:20px; right:20px;}



.mmenu_lgoin {background: #686868;font-size: 13px;color: #fff !important;padding: 2px 5px;border-radius: 3px;}
.login_sns {width: 100%;overflow: hidden;}
.login_sns a {display: inline-block;width: 49%;padding: 12px;font-size: 16px;border-radius: 3px; text-align:center;}
.login_sns a.naver_login {float:left;background:#1dc800 url(/mall/skin/gaga_basic_skin/image/sub/login_naver.png) 13px 12px no-repeat; background-size:25px; color:#fff;}
.login_sns a.kakao_login {float:right;background:#ffc600 url(/mall/skin/gaga_basic_skin/image/sub/login_kakao.png) 13px 9px no-repeat;}


/* 마이페이지 메뉴 */
.tap_my_menu {}
.tap_my_menu > li {float: left;width: 33.3%;text-align: center;padding: 3px;}
.tap_my_menu > li > a {background: #646464;display: block;padding: 10px 0;border-radius: 5px;color:#fff;}
.tap_my_menu > li > a > div {color:#fff;}
/* 카테고리 탭버튼 */
.tap_category_menu{/*height:79px;*/}
.tap_category_menu li{float:left;width:50%;text-align:center}
.tap_category_menu li a {display: block;height: 40px;font-size: 15px;color: #898989;line-height: 40px;text-decoration: none;font-weight: 500;background:#000;}
.left_menu_list > li{display:none}

#overlay_menu {display:none;}
#overlay_menu {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99999;background:#000;}
.overlaym {overflow-y: auto;overflow-x: hidden;width: 100%; min-height: 308px; height: calc(100vh - 85px);}
.overlaym > li {border-bottom: #ddd 1px solid;}
.overlaym > li > a {display: block;padding: 15px 20px; font-size: 17px; font-weight:500;}
.overlaym li.m_click ul {background: #ddd;padding: 17px;}
.overlaym li.m_click ul li a {display: block;font-size: 15px;line-height: 30px;}
.overlaym li.over ul {padding: 0 20px 10px;}
.overlaym li.over ul li a {display: block;font-size: 14px;line-height: 30px;}

.pc_logo {display: block;background: #000;padding: 0 20px 20px 20px;text-align: center;}

.login_mobile, .top_menu_mobile {display:none;}
.btn_close {padding: 12px 12px;text-align: right;background: #000;}
.mobile_top_gnb {display:none;}
.mobile_menu {display: block; width:25px; height:20px;background: url('/mall/skin/gaga_basic_skin/image/main/icon_menu.png') center center no-repeat;}


.main_bxslider  {display: block; width:100%; position:relative;}
.main_bxslider :after {content:""; display:block; clear:both}
.main_bxslider .bx-controls-auto{display:none}
.main_bxslider .bxslider li {width:100%; height:100vh;background-size:cover  !important; background-repeat:no-repeat !important; background-position:center top !important;}

@media all and (min-width:1920px){
.main_bxslider .bxslider li {/*height:645px; */}
}

.main_bxslider .bxslider li a {display: block; width:100%; height:100%; position:relative;}
.main_bxslider .bxslider li a span {position: absolute;  color:#fff;  top: 70%; left: 50%;  transform: translate(-50%, -50%); display: inline-block; padding:15px;
background: #013101;}
.main_bxslider .bx-wrapper .bx-controls-direction a {width:36px;height:64px; margin-top: -32px;}
.main_bxslider .bx-wrapper .bx-controls-direction .bx-prev{left:30px;background: url('/mall/skin/gaga_basic_skin/image/main/prev.png') center center no-repeat; background-size:cover;}
.main_bxslider .bx-wrapper .bx-controls-direction .bx-next{right:30px;background: url('/mall/skin/gaga_basic_skin/image/main/next.png') center center no-repeat; background-size:cover;}
.main_bxslider .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main_bxslider .bx-wrapper .bx-controls-direction .bx-next:hover {background-position: center center;}
.main_bxslider .bx-wrapper .bx-pager {bottom:30px;}
.main_bxslider .bx-wrapper .bx-pager.bx-default-pager a {width:20px; height:20px; border-radius:50px;}




#main_contents {clear: both; overflow: hidden;}
#main_contents h2 {font-size: 32px;margin-bottom:30px;}
#main_contents section {display: block; width:100%;margin-top:150px; position:relative;}
#main_contents section:after {content:""; display:block; clear:both}
#main_contents .more {position:absolute; top:7px; right:0; background: url('/mall/skin/gaga_basic_skin/image/main/more.png') right center no-repeat;background-size:10px; padding-right:15px;  font-weight:500; /*font-size: 18px;*/ color:#888;}

.main_product {}
.main_product h2 {text-align: center;}
.main_product ul {font-size:0;}
.main_product li {display: inline-block; /*width:31%; margin-right:3.5%;*/ margin-bottom:30px; vertical-align:top;}
.main_product li:nth-child(3n) {margin-right:0}
.main_product li img {width:100%; height:auto;aspect-ratio: 1/1;}
.main_product li div.img {background:#e9e9e9; margin-bottom:15px;}
.main_product h4 {font-size: 18px; color: #7e7e7e; font-weight:400; }
.main_product h3 {font-size: 20px; font-weight:500;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}

.main_product .slick-slide {margin: 0 15px; }
.main_product .slick-list {margin: 0 -15px; }
.main_product .slick-arrow {position:absolute; top:calc(50% - 25px); background:#f5f5f5; width:50px; height:50px; border-radius:50%; font-size:0;}
.main_product .slick-prev {left:-80px;}
.main_product .slick-next {right:-80px;}

.main_product .slick-prev:before,
.main_product .slick-next:before {color:#333; font-weight:800;line-height:50px; }

.main_product .slick-prev:hover:before,
.main_product .slick-next:hover:before {color:#00704a;}



.main_collection ul {font-size:0; display:flex;flex-direction: row;   flex-wrap: wrap;   justify-content: space-between;}
.main_collection li {display: inline-block; width:32%; /*margin-right:30px; */margin-bottom:30px;}
.main_collection li:nth-child(3n) {margin-right:0}
.main_collection a {display: block; width:100%; height:100%;}
.main_collection li img {width:100%;}

.main_raw ul {font-size:0;}
.main_raw li {display: inline-block; width:33.3%; text-align:center; font-size:18px; vertical-align:top;}
.main_raw li img {width:80%;}
.main_raw li p {text-align:center; margin-top:15px; color:#888; }
.main_raw li strong {display: block;  font-size:25px; color:#111; line-height:1.5;}





.main_review {margin-bottom: 150px;}
.main_review ul {font-size:0;}
.main_review li {display: inline-block; width:22%; text-align:left; font-size:18px; vertical-align:top; margin-right:3.5%}
.main_review li:nth-child(4n) {margin-right:0}
.main_review li .img {border:1px solid #ddd; text-align:center; padding:5%;}
.main_review li .img img {width:90%; margin:0 auto;}
.main_review li .txt {margin-top:15px;}

.main_review .slick-slide {margin: 0 10px;}



#m_sct_sort {position:relative; margin-top:0px; margin-bottom:20px; width:auto; float:right; }
#m_sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#m_sct_sort > a {display:block; padding:5px 20px 5px 15px; width:100%; border:1px solid #ddd; background:url(/mall/skin/gaga_basic_skin/image/A_icon_6.gif) 95% 15px no-repeat; }
#m_sct_sort > a > span {margin:0;display:block;text-align:left;}
#m_ssch_sort {position:absolute; left:0px; top:32px; width:100%;padding:0px; overflow:hidden;background:#fff; display:none; border: 1px solid #ddd; border-top:0; padding:10px 15px; border-radius:0 0 5px 5px; z-index:8;}
#m_ssch_sort > li {clear:both; display:block; width:100%; text-align:left; margin-bottom:5px;}
#m_ssch_sort > li > a {display:block; padding:0; border-radius:0; margin-left:0; padding:2px 0; }
#m_ssch_sort > li > a:hover {color:#013101}


.best_wrap{padding:40px 0;}
.best_wrap .wrap {position:relative;}

.bxslider_1 li {width:25%;float:left;}
.maingoods a {display:block;margin:0 10px;}

.good-g {
display: inline-block;
margin: 0 6px;
font-size: 16px;
color: #666;
}
.good-g img {
display: inline-block !important;
vertical-align: middle;
margin-right: 5px;
}


/* DIRECTION CONTROLS (NEXT / PREV)*/
.bx_wap_1 .bx-wrapper .bx-controls-direction .bx-next {
right:-55px;
width:60px;
height:60px;
background: url(/mall/skin/gaga_basic_skin/image/main/slick_next.png) no-repeat;
}

.bx_wap_1 .bx-wrapper .bx-controls-direction .bx-prev {
left:-55px;
width:60px;
height:60px;
background: url(/mall/skin/gaga_basic_skin/image/main/slick_prev.png) no-repeat;
}

.bx_wap_1 .bx-wrapper .bx-viewport {
background-color:#ffffff;
}

.bx_wap_1 .bxslider_1 li{float:left;width:25%;position:relative;}


.bx_wap_1 .bx-wrapper .bx-controls-direction a {
width: 33px;
height: 57px;
top:31.5%;
}

.main_new_wrap {clear: both;width: 100%;float: left;background: #f8f8f8;padding: 95px 0;}
.main_roll_wrap .good_txt {position:absolute;width:350px;height:45px;z-index:1;bottom:0;left:0;background-color:#ffffff;display:none;padding:20px 25px;}
.best_wrap .zoomimg_wrap {width: 100%;height: 269px;margin-bottom: 30px;overflow: hidden;}
.best_wrap .zoomimg_wrap img {display:block;width:100%;height:269px;border:0}
.sale_wrap{clear:both;width:100%;float:left;padding:95px 0;background: #fff;}

.buttons {text-align: center; margin-bottom: 40px;}
.tab {display:none;}
.tab.active {display:block;}
.buttons button {background:#fff;border:none;display: inline-block;margin: 0 20px;cursor:pointer;text-align:center;font-size:20px;font-weight:400;}
.buttons button.active {color:#ed217c !important;text-decoration: underline;}
#outer {clear: both;width: 100%;float: left;}
.sale_wrap h2 span {color:#ed217c;}
.mshop_con a {display: block;padding: 0 5px;}
.mshop_con a img {display: block;margin-bottom:20px;width:100%;}
.mshop_con a h3{display: block;font-size:20px;}
.mshop_con a p{display: block;font-size:14px;color:#ed217c;}
.main_new_wrap h2 span {color:#0e76bc;}
.mmovie_con a {display: block;padding:0 5px;}
.mmovie_con a .mmovie_img {display: block;position:relative;margin-bottom:20px;}
.mmovie_con a .mmovie_img:before {position: absolute;top: 50%;left: 50%;margin-left:-35px;margin-top:-35px;content:'';width:71px;height:71px;background:url(/mall/skin/gaga_basic_skin/image/main/btn_play.png) 0 0 no-repeat;background-size:cover;z-index:100;}
.mmovie_con a img {display: block;width:100%;height: 280px;}
.mmovie_con a h3{display: block;font-size:20px;margin-bottom:10px;}
.mmovie_con a p{display: block;font-size:13px;color:#0e76bc;}

.main_newgoods .cart_btn {display: inline-block;background: #e8b344 url(/mall/skin/gaga_basic_skin/image/main/icon_cart.png) center center no-repeat;width: 60px;height: 60px;border-radius: 50%;position: absolute;right: 19px;bottom: 24px;z-index: 9;}
.sale_goods_list {clear: both; width:100%; display:block;}
.sale_goods_list:after {content:""; display:block; clear:both}
.sale_goods_list li {width: 23%;float: left;position:relative;margin:0 2.65% 2% 0;}
.sale_goods_list li:nth-child(4n) {margin-right:0;}
.sale_goods_list li:nth-child(4n+1) {clear:both;}
.sale_goods_list li a {display:block;overflow:hidden;background:#fff;}
#gg_list.sale_goods_list li a {display:block;overflow:hidden;}
.sale_goods_list .zoomimg_wrap {width: 100%;overflow: hidden;border: #e8e8e8 1px solid; aspect-ratio: 1 / 1 !important;}
.sale_goods_list .zoomimg_wrap img {width: 100% !important; height: 100% !important;display:block; aspect-ratio: 1 / 1 !important;}


.sale_goods_list .main_newinfo {clear: both;overflow: hidden;margin-top: 10px;}





.border-list li {width:100%;clear:both;overflow:hidden;padding:5px 0;}
.border-list li a {display:block;}
.border-list li a p{display:inline-block;font-size:16px;float:left;width:calc(100% - 80px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.border-list li a span {width:80px;text-align:right;float:right;display:inline-block;font-size:15px;color:#868686;}



.review_box > span {display: inline-block;margin-right: 10px;}
.review_box > span:last-child {margin-right: 0px;}




.popup #popup-con img {display: block;width: 100% !important;height: auto !important;}





/******bottom*********/

footer {width:100%;clear: both;}
footer:after {content:""; display:block; clear:both}
.bottom_menu {width: 100%; background:#f8f8f8;padding: 15px 0; text-align:center;}

.copyright {clear: both;width: 100%;padding: 30px 0;}
.copyright > div > div{line-height: 24px; margin-right:100px; float: left; }
.bottom_bank p {font-size:17px;line-height: 1.5; }
.call-center {display: block;font-size: 33px;color: #013101;font-weight: bold;margin-bottom: 10px;}

.bottom_menu a {display:inline-block;margin-right:25px;}
.bottom_menu a:nth-child(5) {margin-right:0;}
.bottom_cus {display: inline-block;}

.bottom_bank {display: inline-block;}
.copyright h2 {margin-bottom:10px; font-size:20px; font-weight:500;}
.name-center {display: block;font-size: 15px;color: #000;}
.copyright > div > div.bottom_copy {display: inline-block; font-family:'Spoqa Han Sans Neo', sans-serif; margin-right:0;  font-size: 15px; max-width:53%}

.bottom_copy span {display: inline-block; float:left; margin-right:20px;  font-family:'Spoqa Han Sans Neo', sans-serif; }
.bottom_copy span:nth-child(3), .bottom_copy span:nth-child(5) {clear:both}
.bottom_copy span:nth-child(3):after, .bottom_copy span:nth-child(5):after { content:""; display:block; clear:both; }



.copy_txt {display: inline-block;float: right;font-size: 15px; margin:10px 0;}

/********quick*********/
.fixed_right{position:fixed;right:0px;top:0;height:100%;width:0px;z-index:10001; display:none;}
.fixed_right .fixed_right_container{position:absolute;right:-211px;top:0px;background:#000;width:210px;height:100%}
.fixed_right .fixed_right_container .fixed_right_bt{position:absolute;top:350px;left:-60px;}
.fixed_right .fixed_right_container .fixed_right_bt li{padding:0;margin:0;font-size:0}

.fixed_right .fixed_right_container h6 {font-size:14px;color:#202020;font-weight:600;text-align:center;}
.fixed_right .fixed_right_container .quick_line {border-bottom:1px solid #5d5d5d}

.fixed_right .fixed_right_container .quick_board {padding:15px 20px;}
.fixed_right .fixed_right_container .quick_board > div {border-bottom:1px solid #5d5d5d;height:40px;line-height:40px;cursor:pointer;font-size:14px;color:#fff;background:url(/mall/skin/gaga_basic_skin/image/S_quick_icon_01.gif) 95% 50% no-repeat;padding:0 5px;}
.fixed_right .fixed_right_container .quick_board > div:last-child {border-bottom:0;}

.fixed_right .fixed_right_container .quick_bt {margin-bottom:43px;text-align:center;}
.fixed_right .fixed_right_container .quick_bt > div {margin-bottom:4px;}

.fixed_right .fixed_right_container .quick_call {padding:0 20px; margin-top: 20px;}
.fixed_right .fixed_right_container .quick_call h6 {padding-bottom:13px;text-align:left;font-size:20px;color:#fff;}

.quick_today {position:relative;padding:0 18px 23px;}
.quick_today #banner_warp{overflow:hidden;position:relative;text-align:left}
.quick_today #banner_container{position:absolute;}
.cus_txt {color:#f1f1f1;font-size:13px;line-height:20px;padding:12px 0 14px}
.c_call {color: #e8b344;font-size: 20px;font-weight:600;}
.c_bank {color: #6a83f4;font-size: 19px;font-weight: 600;letter-spacing: -1px;}
.quick_btn {clear: both;padding-top: 45px;text-align: center;}
.quick_btn a {display:inline-block;margin:0 5px;}


#sub_container {clear: both;width: 100%;padding:50px 0; max-width:1400px; margin:155px auto 0; min-height:400px;}
#sub_container:after {content:""; display:block; clear:both}

#sub_visual {width: 100%;height: 200px; display:none;}
.sub_01 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_02.jpg) center top no-repeat;background-size:cover;}
.sub_02 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_03.jpg) center top no-repeat;background-size:cover;}
.sub_03 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_04.jpg) center top no-repeat;background-size:cover;}
.sub_04 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_04.jpg) center top no-repeat;background-size:cover;}
.sub_05 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_05.jpg) center top no-repeat;background-size:cover;}
.sub_06 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_06.jpg) center top no-repeat;background-size:cover;}
.sub_07 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_07.jpg) center top no-repeat;background-size:cover;}
.sub_08 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_08.jpg) center top no-repeat;background-size:cover;}
.sub_09 {background: url(/mall/skin/gaga_basic_skin/image/sub/sub_09.jpg) center top no-repeat;background-size:cover;}

.sub_title {margin: 30px 0;}
.sub_title h2 {font-size:40px; margin-bottom:0px; text-align:left;text-transform: capitalize;}
.sub_title p {font-size:18px; color:#888;}
#sub_container h3 {font-size:23px; margin-bottom:10px; font-weight:500;}
#sub_container section {margin-bottom:50px;}


.sub_category_wrap{margin-bottom:0px; margin-top:-20px; clear:both;overflow: hidden; text-align:center;}
.sub_category_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sub_category_wrap ul li{display: inline-block;margin:0;padding:0;}
.sub_category_wrap ul li a{display:block;padding:5px 20px; position:relative;}
.sub_category_wrap ul li a:after {content:""; display:block; width:1px; height:56%;background:#ccc;  position:absolute; top:24%; right:0;}
.sub_category_wrap ul li:last-child a:after {display:none;}


.pro_align {width: 100%; margin-top:20px; margin-bottom:20px; position:relative;}
.pro_right {display: inline-block;float: right;}

.pro_left {display: inline-block;float: left;}
.pro_left a {display: inline-block;line-height: 30px;margin-right: 6px;}
.pro_left a.active {color:#000;text-decoration:underline;font-weight:500;}
.pro_right a {display:inline-block;padding:5px 9px;margin-right:2px;}
.pro_right input[type="text"] {display:inline-block !important;width:auto !important;padding:0.5em 0.9em;font-size:15px;    vertical-align: middle;}

.pageing {clear:both;text-align:center;margin:20px 0;}
.pageing:after {display:block;visibility:hidden;clear:both;content:""}
.pageing a, .pageing span {display: inline-block;margin: 0 0 0 -1px;border: #ddd 1px solid;vertical-align: middle;padding:0px 10px; min-width:33px; line-height:31px;}
.pageing span.on {border: #ddd 1px solid;background: #f5f5f5;}
.under_line{border-bottom:1px solid #e0e0e0;padding:10px 0}

.submenu {width: 100%;border-bottom: #e8e8e8 1px solid;text-align: center;background: #f7f7f7; display:none;}
.submenu ul {display: inline-block;}
.submenu li {display: inline-block;float:left;}
.submenu li a {display: block;font-size: 16px;padding: 17px 25px;position:relative;}
.submenu li a.active {color:#000;font-weight:500;background:#fff;}
.submenu li a.active:after {content:'';width:100%;height:2px;background:#fff;display:block;position:absolute;left:0;bottom:-1px;}

.c_bank span {display: block;font-size: 15px;font-weight: 300;}

/******detail*******/
.detail_title {width:100%;float:left;padding-bottom:20px;border-bottom:2px solid #111;margin-bottom:30px;position:relative;/*margin-top: 60px;*/}
.detail_title h2 {font-size:2em;font-weight:400;padding-bottom:8px;line-height:1.4em}
.detail_title p {padding-bottom:7px;color:#A7A7A7;}

.detail_container {display:block; clear: both;width: 100%; margin-bottom:80px;}
.detail_container:after {content:""; display:block; clear:both}

.detail_info{display:block; clear: both;width: 100%;}
.detail_info:after {content:""; display:block; clear:both}

.thumbnail{text-align: center; width: 100%; margin-top:10px;}
.thumbnail_main {border:1px solid #ddd;display:block;margin-bottom:10px;width:100%;}
.thumbnail li{display:inline-block;margin:0 5px;position:relative;width:90px;height:90px;border:1px solid #ddd;}
.thumbnail li:last-child{margin-right:0px}
.thumbnail li img{width:100%;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


.prev_pro {display:block; margin-top:30px;}
.prev_pro:after {content:""; display:block; clear:both}
.prev_pro li {float:left;}
.prev_pro li:last-child {float:right;}

#gc {}
#gc .tb_1{width:120px}
#gc .tb_2{padding:7px 0;color:#3e3e3e}
#gc .tb_2 select {width:99%;}

#gc dl {display:block;}
#gc dl:after {content:""; display:block; clear:both}
#gc dt {display:inline-block; float:left; width:100px; font-size:18px; font-weight:500;}
#gc dd {display:inline-block; text-align:right;  float:right; width:calc(100% - 100px);}
#gc dd strong {font-size:1.85rem;}

#total_price_show {margin:20px 0;}
.detail_pro_img {width: 47%;float: left;}
.detail_pro_img img#thumbnail_main {width: 100%;height: auto;aspect-ratio: 1/1;}
.detail_basic_info {width: 48%;float: right;}
.detail_basic_info > p {color:#888; line-height:1.5; margin-bottom:10px;}
.detail_content {clear: both;width: 100%;;margin-top: 50px;}
.option_table select {width:100%;}
.detail_buy_btn_wrap {display:block; margin:0}
.detail_buy_btn_wrap:after {content:""; display:block; clear:both}
.detail_buy_btn {display:inline-block; margin: 0; float:right;}
.detail_buy_btn span:last-child a {padding:18px 70px;}
.detail_buy_btn span:first-child a {padding:18px 70px;background-color:#111;margin-right:10px;}


.detail_amount {display:inline-block; float:left}
.detail_amount li {display:inline-block; vertical-align:middle;}
.detail_amount li:first-child, .detail_amount li:last-child {background:#f9f9f9; width:40px; height:40px; border-radius:50px; padding:5px; overflow:hidden;}

.addop {padding:20px;border-bottom:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f9f9f9}
.addop > div:nth-child(1) {padding-bottom:20px;}

.goods_tap {float: left;border-top: 1px solid #ddd;clear: both;width: 100%;overflow: hidden;margin-bottom:20px;}
.goods_tap li{width:25%;float:left;}
.goods_tap li a{display:block;padding:20px;text-align:center;border-bottom:1px solid #ddd;background:url(/mall/skin/gaga_basic_skin/image/H_line_1.gif);background-repeat:no-repeat;background-Position:100% 50%;color:#525252}
.goods_tap li:last-child a{background:url();}
.goods_tap a.goods_tap_ov{border-bottom:1px solid #111;font-weight:bold;color:#111}

.youtube_channel {text-align:center;}
.youtube_channel iframe {display:inline-block; margin:20px auto;}

.detail_explan {margin:50px 0 100px 0;clear:both; /*border:1px solid #ddd;*/}
.detail_explan img {max-width: 100% !important;height: auto !important;}





.detail_explan dl {display:block; margin-bottom:10px;}
.detail_explan dt {display:inline-block; font-weight:500; margin-right:30px; width:100px; font-size:17px;}
.detail_explan dd {display:inline-block;}
.zoomimg_wrap img {width: 100%;height: auto;aspect-ratio: 1/1;}

.detail_etc {margin:0 0 100px 0;}
.related {margin-top:30px;}

.related .slick-slide > div {margin:0 5%;}
.related .slick-prev:before, .related .slick-next:before {color:#000;}
.related li {}
.related  .main_newinfo {margin-top:20px;}
.m_scroll {width: 100%;  scrollbar-width: none;  white-space: nowrap;  overflow-y: hidden;  overflow-x: scroll;  -webkit-overflow-scrolling: touch !important; }
.m_scroll::-webkit-scrollbar { display: none;}
.m_scroll li {display: inline-block; width:20%; margin-right:4%; overflow: hidden;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: start;  vertical-align: top;}




.takeback th{background-color:#f9f9f9;border:1px solid #d7d7d7;text-align:left;padding:20px}
.takeback td{border:1px solid #d7d7d7;padding:25px;color:#5f5f5f}
.takeback th div{font-size:1.2em;font-weight:700;background:url(/mall/skin/gaga_basic_skin/image/H_icon_point.gif);background-repeat:no-repeat;background-Position:100% 50%; }

div.takeback {display:block; clear:both;width:100%;}
div.takeback:after {content:""; display:block; clear:both}
.takeback h3 {}
.takeback p + h3 {margin-top:80px;}
.takeback p {font-size:15px;}


.tb_gosi {border-style:none;margin-bottom:20px;border-top:1px solid #ddd;}
.tb_gosi th,.tb_gosi td{border-bottom:1px solid #ddd;padding:16px;text-align:left}
.tb_gosi th{background-color:#f5f5f5;width:150px}

.stitle{margin-bottom:12px;margin-top:50px;font-size:1.5em;border-top:2px solid #111;padding:20px 0}

#pu_main {}
#pu_main th, #pu_main td{border-bottom:1px solid #ddd;padding:6px;text-align:center;}
#pu_main th{}
#pu_main .tb_1{width:50px}
#pu_main td.tb_2{text-align:left;padding:10px}
#pu_main .tb_3{width:80px}
#pu_main .tb_4{width:80px;}
#pu_main .tb_5{width:80px}
#pu_main .tb_6{width:120px;}







#af_main {border-bottom:0px; margin-top:50px;}
#af_main th, #af_main td{text-align:center;}

#af_main th{border-bottom:1px solid #ddd;padding:5px 0}

#af_main th.tb_1{width:100px; }
#af_main th.tb_3{width:100px;}
#af_main th.tb_4{width:100px;}
#af_main th.tb_5{width:100px;}
#af_main th.tb_6{width:100px;}

#af_main td.tb_1{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff; padding:13px 0}
#af_main td.tb_2{text-align:left;padding-left:15px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0;cursor:pointer}
#af_main td.tb_3{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0;;}
#af_main td.tb_3 span{display: inline-block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;}
#af_main td.tb_4{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0}

#af_main td.tb_6{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0;;}

#af_main .thead {width:100%;}


#af_main .comment_body img {max-width:30%;}

.af_con > table > tbody > tr > td {padding:15px 0;}
.af_con > table > tbody > tr > td > p {text-align:right; display:none;}


#tb_main .tb1{width:130px;border-bottom:1px solid #EAEAEA;text-align:right}
#tb_main .tb2{border-bottom:1px solid #EAEAEA;padding:8px 0 8px 18px;}

.mypage_right {width:100%;}






.comment_body img{width:500px}
#qa_main {margin-top:50px;}
#qa_main th, #qa_main td{text-align:center;}
#qa_main th{border-bottom:1px solid #ddd;padding:13px 0}
#qa_main th.tb_1{width:100px; }
#qa_main th.tb_3{width:100px;}
#qa_main th.tb_4{width:130px;}

#qa_main td.tb_1{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff; padding:13px 0}
#qa_main td.tb_2{text-align:left;padding-left:15px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0;cursor:pointer}
#qa_main td.tb_3{width:100px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0}
#qa_main td.tb_4{width:130px;border-bottom:1px solid #ddd;background-color:#ffffff;padding:13px 0}
#qa_main .qa_con {text-align:left; padding-top:10px;}
#qa_main .qa_con p {text-align:right; display:none; float:right; margin-bottom:5px;}
#qa_main .qa_con a {border:1px solid #ddd; padding:5px}
.m_cart {clear:both;width:100%;float:left;/*padding-top:60px;*/}
.m_cart h3 {font-size:2em;padding-bottom:10px;text-align:center;}
.m_cart > div {margin-bottom:50px;}



.cart_txt {color:#717171;text-align:center;padding-bottom:30px;}
#ct_main {/*min-width:770px;*/ }
div#ct_main{width:100%; display:block; clear:both;}
div#ct_main:after  {content:""; display:block; clear:both}
#ct_main th, #ct_main td{border-bottom:1px solid #ddd;padding:15px 5px;}
#ct_main th{font-weight:600;}
#ct_main td td {border-bottom:0;}
#ct_main .tb_0{width:30px; text-align:left;}
#ct_main .tb_1{width:110px}
#ct_main td.tb_2{text-align:left;padding:15px 0}

#ct_main .tb_3{width:80px}
#ct_main .tb_4{width:80px;}
#ct_main .tb_5{width:90px}
#ct_main .tb_6{width:120px; text-align:right; display:none;}
#ct_main .tb_7{width:70px}



#ct_main .ct_main_op td{padding:0px}
#ct_main .cartnum_box td{padding:7px}

.pro_img {display:inline-block;width:130px; float:left; text-align:center;}
.pro_img img {width:110px; height:110px;}
.pro_tit b {font-size:18px; }
.pro_tit_mo {display:none;}


.ct_main_op {display:inline-block;width:calc(100% - 150px); float:right}
.pro_txt {text-align:right; margin-top:10px}
.pro_txt > li {display:inline-block; line-height:32px; vertical-align:top;}
.pro_txt > li:first-child {float:left;}
#ct_main td.tb_2 > div {display:inline-block;vertical-align:top; position:relative;}
.pro_price {display:block; text-align:right; border-top:1px dashed #ddd; margin-top:10px; padding-top:10px;}
.ct_main_op .btn01 {position:absolute; left:0; bottom:0px;}


.c_gray {color:#888;}
.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;}

.notn, .empty {height:100px; color:#888; text-align:center; display:flex;align-items: center; justify-content: center;}
#gg_list .empty {width:100% !important;}
#tb_ju {}
#tb_ju th{}
#tb_ju th, #tb_ju td{border-bottom:1px solid #ddd;padding:15px 0;text-align:center;}
#tb_ju .tb_1{width:90px}
#tb_ju .tb_2{/*width:90px*/ }
#tb_ju .tb_3{width:110px}
#tb_ju .tb_4{width:100px}
#tb_ju .tb_5{width:130px}
#tb_ju .tb_6{width:120px}
#tb_ju .tb_7{width:60px}



#tb_main {}
#tb_main th{border-bottom:1px solid #ddd;height:30px;}
#tb_main td{border-bottom:1px solid #ddd;padding:15px}
#tb_main .tb_2{padding:7px;text-align:center;}
#tb_main .tb_3{width:110px;text-align:center;}
#tb_main .tb_4{width:80px;text-align:center;}


#tb_po {}
#tb_po th, #tb_po td{border-bottom:1px solid #ddd; padding:15px;text-align:center;}
#tb_po th {}
#tb_po .tb_1{line-height:20px}
#tb_po .tb_2{width:100px}
#tb_po .tb_3{width:100px}
#tb_po .tb_4{width:100px}





/********주문하기***********/

#or_main table {table-layout:fixed;}
#or_main section{border:1px solid #ddd; padding:30px;}
#or_main section dl {display:block;}
#or_main section dl + dl {margin-top:10px; }
#or_main section dt {display: inline-block; width:120px; vertical-align:top;}
#or_main section dd {display: inline-block;}

#or_main #show_bank,
#or_main #show_tax {margin-top:20px; padding-top:20px;border-top:1px solid #ddd;}

#or_main #cash_show1, #or_main #cash_show2, #or_main #cash_show3 {margin-top:20px;display:block; clear:both;}
#or_main #cash_show1:after, #or_main #cash_show2:after, #or_main #cash_show3:after {content:""; display:block; clear:both}
#or_main #cash_show1 dt {width:110px; margin-bottom:10px; float:left;}
#or_main #cash_show1 dd {width:calc(50% - 110px); margin-bottom:10px;float:left;}
#or_main #cash_show1 dd:nth-child(14),#or_main #cash_show1 dd:nth-child(16) {width:calc(100% - 150px);}
#or_main .tb_1{width:120px; /*border-bottom:1px solid #ddd;*/padding:15px 0; vertical-align:top;}
#or_main .tb_2{/*border-bottom:1px solid #ddd;*/padding:8px 0 8px 10px;}
#or_main .tb_2 input[type='radio'] + label {margin-right:10px;}

.buy_end {text-align:center;margin:30px 0 20px 0}
.buy_end h3 {font-size: 25px;margin-bottom: 30px;word-break:keep-all;}
.buy_end p {text-align:center;margin-bottom: 30px;word-break:keep-all;}
a.buyok_btn {display: inline-block;background: #111;color: #fff;padding: 15px 20px;}


.userinfo_price_td {border-left:1px solid #ddd;padding:20px;line-height:20px;background:#f2f2f2;}
.userinfo_price_td_mobile {display:none;border-left:1px solid #ddd;padding:20px;line-height:20px;background:#f2f2f2;}
.userinfo_bottom_btn {text-align:center;margin:20px 0 30px 0}
.userinfo_bottom_btn span a {padding:15px 0px !important;width:270px;}

.delivery_tb {}
.delivery_tb li {display: inline-block;}
.a_zipcode {padding:8px 15px !important;}


.mobile_scroll_txt, .cart_mobile_scroll_txt, .cart_bottom_price {display:none;}



















.bottom_bt_wrap{text-align:center; margin-top:30px}
.bottom_bt_wrap li{display:inline-block}

input.bts, a.bts{display:inline-block;  padding:6px 15px;   text-decoration:none; text-align:center; vertical-align: middle; min-width:85px;}

input.black,input.black {background-color:#111;border:1px solid #111;color:#fff;}



#tb_board{margin:0 auto}
#tb_categorytop{padding:5px 0;text-align:right}

/* 게시판 내용영역 */
#tb_board_list th{border-bottom:1px solid #ddd;text-align:center;height:38px;}
#tb_board_list td{border-bottom:1px solid #ddd;text-align:center;padding:15px 0}
#tb_board_list .tb_num{width:80px}
#tb_board_list td.tb_goods{width:100px;padding:7px 0 7px 0}
#tb_board_list td.tb_subject{text-align:left;}
#tb_board_list span.tb_comment{color:#666;padding:0 0 0 5px}
#tb_board_list span.tb_comment font {color:#666 !important;}
#tb_board_list span.tb_secret{padding:0 0 0 5px}
#tb_board_list span.tb_newicon{padding:0 0 0 5px}
#tb_board_list td.tb_name{width:80px;}
#tb_board_list td.tb_data{width:110px;}
#tb_board_list td.tb_count{width:70px;}
#tb_board_list .small_boardname{clear:both;padding-top:7px;display:none}
#tb_board_list .small_boardname span{padding:0 10px;color:#939393}




#tb_categorytop{padding-top:5px;padding-bottom:5px;text-align:right}

.tb_board_list{}
.tb_board_list > li {float:left;width:48.5%;padding:0; margin-bottom:50px;}
.tb_board_list > li:nth-child(even) {float:right;}
.tb_board_list > li > div{margin:0 auto; width:100% !important; }
.tb_board_list > li > span{display:block;margin:0 auto;overflow:hidden;padding:10px 0 0; width: 100% !important; }
.tb_board_list > li > div img{border:1px solid #ddd; width: 100% !important;  height: auto !important;   aspect-ratio: 3/2;}

.tb_board_list > li > span .btn_map {display:inline-block;background: #013101; color:#fff; padding:5px 10px; float:right; margin-top:5px;}
/*버튼*/

.tb_bt{float:right;text-align:right;}
.tb_bt li{float:left;}













#tb_board_view {border-top:1px solid #8C8C8C;margin:0 auto;margin-bottom:25px; overflow:hidden;}
#tb_board_view .tb_subject{width:80px;border-bottom:1px solid #ebebeb;background-color:#F7F7F7;padding-left:15px;font-weight:bolder;text-align:left}
#tb_board_view .tb_content{border-bottom:1px solid #F0F0F0;padding:15px 0 15px 10px;letter-spacing:0px;text-align:left}

#tb_board_view .tb_body{padding:20px;text-align:left;;word-break:break-all}
#tb_board_view .tb_fileline{padding:10px 0; overflow:hidden; width:100%; line-height:1.3;}
#tb_board_view .tb_fileline a {display: inline-block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal; margin:5px 0}
#tb_board_view .tb_button{text-align:center;padding:10px 0 10px 0;border-top:1px solid #CACACA}
#tb_board_view .tb_button li{display:inline}
#tb_board_view div.tb_file_td{color:#6F9CC6}

#tb_board_comment div.tb_commentname_td span{padding:0 0 0 5px}
#tb_board_comment .tb_board_comment_list td{border-bottom:1px solid #E8E8E8;height:28px}

.bbs_info h2{text-align:center;font-weight:normal;font-size:1.8em}
.bbs_info > ul{text-align:center;margin-bottom:20px}
.bbs_info > ul > li{display:inline-block;position:relative; margin-right:10px;}
.bbs_info > ul > li > p{display:inline-block;padding:0 10px;color:#d1d1d1}

.bbs_info > ul > li:last-child > p {display:none;}



.faq_top {display:block; text-align:center; margin-bottom:20px; }
.faq_top:after {content:""; display:block; clear:both}
.faq_top input[type='text'] {max-width:calc(100% - 90px) }

.faq_menu {display:block; text-align:center; margin:20px 0;}
.faq_menu:after {content:""; display:block; clear:both}
.faq_menu li{display:inline-block;}
.faq_menu li a{display:block;padding:0px 15px;border-right:1px solid #ddd; color:#666;}
.faq_menu li:last-child a {border-right:0;}
.faq_menu li a:hover{text-decoration:none;}

#tb_faq_list td {padding:10px 0;}

.answer_con {border-bottom:1px solid #ddd;padding:0 0 20px 0;clear:both;}

/* 버튼,검색영역 */
ul.tb_bt{float:right;text-align:right}
ul.tb_bt li{float:right;}






.btn_area {display:block; margin-top:30px; text-align:center; }
.btn_area2 {display:block;  text-align:right; }

.document_end {clear: both;}

/*버튼*/
.td_search{float:left; margin-top:20px;}
.td_search > form > div > select {display:inline-block;}
.td_search > form > div > input[type="text"] {display:inline-block;}
.td_search > form > div > a {display:inline-block;}
.tb_bt{text-align:right;}
.tb_bt li{display:inline-block; margin-left:3px;}




/* 카테고리 버튼 */
ul{padding:0;margin:0}
.mbi_category_list{padding:0;margin:0}
.mbi_category_list li{display:block;padding:0;}
.mbi_category_list > li > div > a{display:block;    padding: 14px 22px;
font-weight: 300;
border-bottom: 1px solid #111;
font-size: 16px;
color: #ffff;} /* 대메뉴*/
.mbi_category_list ul{background-color:#5d5d5d}
.mbi_category_list ul li{display:block}
.mbi_category_list ul li a{ display: block;padding: 10px 22px;font-weight: 300;border-bottom: 1px solid #111;font-size: 15px;color: #ffff;text-decoration: none;}

/* 게시판 버튼 */
.mbi_bbs_list{padding:0;margin:0}
.mbi_bbs_list li{display:block;padding:0;}
.mbi_bbs_list > li > a {display: block;padding: 14px 22px;font-weight: 300;border-bottom: 1px solid #111;font-size: 16px;color: #ffff;text-decoration: none;}
.cart_bottom_btn {display: block; width:100%;text-align:center;margin:15px 0 10px 0;}
.cart_bottom_btn:after {content:""; display:block; clear:both}
.cart_bottom_btn span a {padding:10px 50px !important;}

/************login************/
.tb_main{border:1px solid #ddd;margin-bottom:3px;width:400px}
.tb_main .tb1{width:100px;text-align:right;font-weight:bold}
.tb_main .tb2{padding:3px 0 3px 18px;}

.m_tax {padding:15px;}
.m_tax table {width:100%; border-collapse:collapse;border-style:none;}
.m_tax th {text-align:center;padding:10px;border-bottom:1px solid #000;font-size:11px}
.m_tax td{border-right:1px solid #6a6565;border-top:1px solid #6a6565; padding:10px; word-break:keep-all;font-size: 11px;}
.m_tax td.price{text-align:right; /*border-bottom:0*/}
.m_tax td.t_1{text-align:left;border:0}
.m_tax td.t_2{text-align:right;border:0}
.m_tax td.t_3{text-align:center;border:0}
.m_tax td.t_4{border-top:0}
.m_tax td.p0 {padding:0;}

.m_tax .table2 {border-left:1px solid #6a6565;border-bottom:1px solid #6a6565; }

.th th{border-right:1px solid #6a6565}
.border{border-top:2px solid #000000}

.btn {font-size:15px;}
a.btn01 { border-bottom:1px solid #013101; padding-bottom:2px;/*text-decoration:underline*/}


.login_bt_list{margin-top:20px;margin-bottom:20px}
.login_bt_list li{margin-bottom:3px}
.login_bt_list li img{vertical-align:middle;margin-right:10px}

#login_id{background:url(image/text_id.gif);background-repeat:no-repeat;background-Position:10px 50%;}
#login_pass{background:url(image/text_pw.gif);background-repeat:no-repeat;background-Position:10px 50%;}
.tap_login li{float:left;width:50%}
.font19{font-size:19px}

.tap_login li a{display:block;text-align:center;padding:15px 0;border-bottom:1px solid #ddd}
.tap_login .tap_login_ov{border-bottom:2px solid #111;}

.login_box{display:none}
.order_box{display:none}
.idlost_bt{padding:0 0 10px; text-align:right;}
.idlost_bt li{display:inline-block;padding:0}
.idlost_bt li a{display:block;padding:0 20px; font-size:15px;}
.idlost_bt li:last-child a {padding-right:0;}
#login_container {width:90%; max-width:450px;margin:0 auto;}
#login_container h3 {text-align:center;}
.login_inputbox {padding: 15px 20px;font-size: 1em; border: 1px solid #ddd;background-color: #fff;width: 100%;margin-bottom: 10px;}
.auto_login {margin-bottom:20px;}
.btn_login a {width:100%;text-align:center; display:block; padding:12px; }
.btn_login a + a {margin-top:10px;}
#login_container .btn_area a {width:100%; padding:10px 0}



.member_text{width:100%;height:200px;overflow-y:scroll;text-align:left;line-height:1.4em; border:1px solid #ddd; padding: 15px; margin-bottom:10px;}
.member_text h1, h2, h3, h4, h5, h6{margin-bottom:10px;font-size:1.2em}
.member_text ol{margin-bottom:30px;margin-left:0}
.member_text p{margin-bottom:30px;margin-left:0}
.member_text .member_agree h2 {font-weight:normal;}
.mem_input {text-align:right;}
.mem_input2 {text-align:center; margin:20px 0; }



.pop_title{font-size:20px;text-align:left;padding:10px;}
.pop_wrap #tb_board_view {width:calc(100% - 20px); margin:0 auto 10px;}
.pop_wrap #tb_board_view .tb_subject{width:auto;font-weight:normal; padding:  5px; text-align:center; font-size:15px}
.pop_wrap #tb_board_view .tb_content{text-align:left;padding: 5px}

.pop_wrap .btn_area {margin-top: 10px;}
.pop_wrap2 {padding:10px;}


.pop_wrap2 	#tb_main th, .pop_wrap2 #tb_main td{font-size:14px}
	


.mypage_title{font-size:1.4em;position:relative;width:100%;padding:0 0 20px;border-bottom:1px solid #111}
.mypage_title span{padding-left:20px;font-size:0.7em;color:#5f5f5f;font-weight:normal}
h4.mypage_title {margin-bottom:0;}
.mypage_container h4.mypage_title {margin-top:50px;}

/*.mypage_title .more{position:absolute;right:0;top:15px;}*/
.mypage_title .more {position:absolute; top:7px; right:0; background: url('/mall/skin/gaga_basic_skin/image/main/more.png') right center no-repeat; background-size:12px; padding-right:20px;  font-weight:500; font-size: 16px; color:#888;}

.mypage_container {padding-top: 0;}



.mysql_table th{border-bottom:1px solid #ddd;padding:15px 0;}
.mysql_table td{border-bottom:1px solid #ddd;text-align:center;padding:15px 0}
.mysql_table td:nth-child(1){border-left:0}
.mysql_table td:last-child{border-right:0}






.mysql_table tbody tr td:first-child, #tb_ju tbody tr td:first-child {text-align:left;}
.mysql_table .t_date, #tb_po .t_date, #tb_ju .t_date {width:120px}
.mysql_table .m_date, #tb_po .m_date, #tb_ju .m_date {margin-top:10px; color:#666; font-size:14px; display:none;}

.mysql_table .t_state, #tb_ju .t_state{width:100px}
.mysql_table .t_state a, #tb_ju .t_state a {display:block; margin-top:5px;}

.mysql_table .m_state, #tb_ju .m_state {margin-top:10px;display:none;}
.mysql_table .m_state span,#tb_ju .m_state span {display:inline-block;}
.mysql_table .m_state a, #tb_ju .m_state a {margin-top:5px;}

.mysql_table > ul {display:block; width:100%;  border-bottom:1px solid #ddd;}
.mysql_table > ul > li {display:inline-block; text-align:center;}

#gift_main {border:1px solid #ddd;border-top:2px solid #737373;border-collapse:collapse}
#gift_main th, #gift_main td{border:1px solid #ddd;padding:10px;text-align:center;background-color:#EBEBEB}
#gift_main td{background-color:#ffffff}
#gift_main .tb_1{width:50px}
#gift_main td.tb_2{text-align:left;padding:10px}
#gift_main .tb_3{width:80px}
#gift_main .tb_4{width:90px;}
#gift_main .tb_5{width:80px}






.page-title {}
.page-title h3 {text-align:center;font-size:2em;}
.page-title p {color:#868686;padding-bottom:40px;text-align:center;word-break:keep-all;}

.member_form_wrap{width:700px;margin:20px 0}
.member_form_wrap > li{padding:0 0 15px}
.member_form_wrap > li > span{display:inline-block;width:150px;font-weight:bold}
.member_form_wrap > li input[type='text']{width:100%;padding:12px}
.email2 {width:200px !important;}
.member_form_btn {clear: both;overflow: hidden;text-align: center;}
#tbody {width:50%;border-style:none;margin:0 auto;margin-top:20px;border:1px solid #ddd; min-width:320px; border-bottom:0}
#tbody td {padding:10px;border-bottom:1px solid #ddd}
#tbody .td1 {width:120px; border-right:1px solid #ddd; }
#tbody .td2 {text-align:left}


.left_category li{position:relative;z-index:10;background-color:#ffffff;width:100%}
.left_category  li a{display:block;}

.left_category{border:1px solid #ddd;border-top:2px solid #1d1d1d;border-bottom:0;}
.left_category > li{border-bottom:1px solid #ddd}
.left_category > li > a{font-size:16px;padding:12px 20px;display:block}

.left_category > li > ul{position:absolute;left:199px;top:0px;border:1px solid #ddd;width:200px;background-color:#ffffff;z-index:100;border-bottom:0}
.left_category > li > ul > li{position:relative;z-index:10}
.left_category > li > ul > li > a{border-bottom:1px solid #ddd;padding:12px;font-size:1em}
.left_category > li > ul > li > a:hover{background-color:#ffffcc}

.left_category > li > ul > li > ul{position:absolute;left:200px;top:-1px;border:1px solid #ddd;width:200px;background-color:#ffffff;z-index:100;border-bottom:0}
.left_category > li > ul > li > ul > li > a{border-bottom:1px solid #ddd;padding:12px;font-size:1em}
.left_category > li > ul > li > ul > li > a:hover{background-color:#ffffcc}

.left_category a{text-decoration:none}
.left_category > li > ul{display:none}
.left_category > li > ul > li > ul{display:none}



.mypage_left {width:200px; float:left;}
.mypage_right {width:calc(100% - 270px); float:right;}
.left_mypage_menu_mobile {display:none;}
.left_mypage_menu {}
.left_mypage_menu > li{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:url(/mall/skin/gaga_basic_skin/image/A_icon_7.gif) no-repeat;background-Position:90% 20px;}
.left_mypage_menu > li > a{display:block;padding:15px;}
.left_mypage_menu > li > ul{border-top:1px solid #ddd;background-color:#f6f6f6;padding:15px}
.left_mypage_menu > li > ul > li > a{display:block;padding:5px 0 5px 13px;background:url(/mall/skin/gaga_basic_skin/image/A_icon_5.gif) no-repeat;background-Position:0% 50%;}
.left_mypage {margin-bottom:20px}

.left_mypage > div:first-child {border:1px solid #ddd; padding:18px 20px; position:relative; padding-left:70px}
.left_mypage > div:first-child:before {position:absolute; top:5px; left:10px;display: inline-block; width: 50px; height: 50px;  border-radius: 100%; background:url('/mall/skin/gaga_basic_skin/image/profile.png') #f5f5f5 center center no-repeat; background-size:90%; content: '';}
.left_mypage > div > b {display:block;}
.left_mypage td{border:1px solid #ddd}
.left_mypage td a{display:block;text-align:center;padding:12px 0}

.mypage_bbs{padding:20px 0}
.mypage_bbs li{position:relative;padding-bottom:10px}
.mypage_bbs span{position:absolute;right:0;}
.inquiry_my {/*width: 48%;float: left;*/}
.pro_my {width: 48%;float: right;}





#tb_po {/*border-top:1px solid #ddd*/}
#tb_po th, #tb_po td{border-bottom:1px solid #ddd;padding:15px;text-align:center;}
#tb_po td.tb_1{text-align:left}
#tb_po .notn{padding:20px 0 20px 0;text-align:center}


/* 구매후기 */

.review_wrap {margin:20px 0;}
.review_box {text-align:center;}
.review_box > table {width:100%;}
.review_box .title div {border-right:1px solid #ddd;text-align:center;padding:15px 0 15px 0;font-weight:bold;}
.review_box .list {}
.review_box .list .search td {word-break:keep-all;}
.review_box .list .catrgory select {width:inherit;}



.comment_body img{width:100%;height:auto}


/* 게시판 글쓰기 */
.bbs_form_wrap{width:100%;margin:0 auto;text-align:left}
.bbs_form_wrap > li{border-bottom:1px solid #ddd;padding:10px 0;}
.bbs_form_wrap > li > span{display:inline-block;width:100px;font-weight:bold}

.bbs_form_wrap > li > #board_email{width:300px;}
.bbs_form_wrap > li > #board_subject{width:80%;}
.bbs_form_wrap > li > p{display:inline-block;padding-right:10px;}
.bbs_form_wrap > li > #board_body{width:100%;height:400px;}
.bbs_form_wrap > li > #board_link1{width:80%;}
.bbs_form_wrap > li > #board_link2{width:80%;}
.bbs_form_wrap > li > #board_file1{width:80%;}
.bbs_form_wrap > li > #board_file2{width:80%;}


.h100 {height:100px !important;}
/* 오늘 본 상품 */

.today_wrap {overflow:hidden;}
.today_wrap li {width:24%; margin:0 0.5%; float:left; display:inline-block; vertical-align:top;}
.today_wrap .main_newgoods a {display:block;}
.today_wrap .main_newgoods .zoomimg_wrap {width:100%;height:210px;overflow:hidden;}
.today_wrap .main_newgoods img {width:100%;height:100%;}
.today_wrap .main_newgoods .main_newinfo {width:100%; padding:5px;}
.today_wrap .main_newgoods .main_newinfo .goodsName {padding-bottom:0;}
.today_wrap .main_newgoods .main_newinfo > div {margin-bottom:0}
.today_wrap .main_newgoods .main_newinfo .cooking-time {display:none;}
.today_wrap .main_newgoods .goodsAdvance {display: none;}
.today_wrap .main_newgoods .good-g {display: none;}






/*가맹문의*/
.thtd_container {}
.thtd_container:after{content:"";display:table;clear:both}
.thtd_container li {padding:10px;border-bottom:1px solid #ddd; min-height:35px;line-height:35px; vertical-align:middle; float:left; width:100%;}
.thtd_container li:after{content:"";display:table;clear:both}
.thtd_container li.w50 {width:50%}
.th{width:150px; float:left;}
.td{width:calc(100% - 150px);float:left;}

.adminmess {margin-top:30px;}

.tabs {text-align:center;display:block; font-size:0; margin-bottom:50px;}
.tabs li {display:inline-block;}
.tabs li a {width:100%; height:100%; display:block; padding:15px 40px; font-size:17px;  border:1px solid #ddd;}
.tabs li a.on {background: #111; color:#fff; border:1px solid #111}
.tabs li + li {margin-left:-1px;}

.search_keyword_box {overflow: hidden;background: #fff;padding: 25px;margin-bottom: 40px; border:1px solid #ddd; text-align:center;}
.search_keyword_box span {display:block;margin-bottom: 15px;}
.search_keyword_box .search-box span {vertical-align:middle;display:inline-block;margin-bottom: 0 !important;}
.search_keyword_box .search-box span button {border:none;    background: #111;    display: inline-block;padding: 7px 12px;color: #ffffff;}
#m_sidebar {clear: both;position: relative; height: 55px;display:none; left:0; width:100%;}
#m_sidebar * {}
#m_sidebar .snb {position: relative; float: left; width: 50%;background: #f7f7f7;border-bottom: #e8e8e8 1px solid;}
#m_sidebar .snb1 {border-right:1px solid #ddd;}
#m_sidebar .snb > .over {position: relative; display: block; height: 55px;}
#m_sidebar .snb.snb1 > .over {border-right: 1px solid rgba(255, 255, 255, 0.1);}
#m_sidebar .snb > .over span {line-height: 55px; font-weight: 400; font-size: 17px; padding-left: 7%; position: relative; display: block; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-break: normal; width: 100%;}
#m_sidebar .snb > .over span:after {position:absolute; top:50%; right:10px; margin-top:-4px; width:13px; height:7px; content:''; background:url('/mall/skin/gaga_basic_skin/image/sub/m_snb.png') no-repeat;}
#m_sidebar .snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px;}
#m_sidebar .snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px;}
#m_sidebar .snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fff; z-index: 11; border-right: 1px solid #eee; border-left: 1px solid #eee;}
#m_sidebar .snb .snb_con li {border-bottom: 1px solid #eee;}
#m_sidebar .snb .snb_con li a {display: block; padding: 15px 7%; font-size: 17px;}
#m_sidebar .snb .snb_con li.on {position: relative;}
#m_sidebar .snb .snb_con li.on a {padding-left: 25px; font-weight: 500;}
#m_sidebar .snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c;}
.search_keyword_box .search-box span input[type="checkbox"] {display: inline-block;width: 20px;height: 20px;}





#tb_board_comment {margin-top:50px;}


.comment_wrap{border:1px solid #ddd;margin-top:10px;}
.comment_wrap > ul > li{border-bottom:1px solid #ddd;padding:15px 0}
.comment_wrap > ul > li > table .cname{width:120px;text-align:center}
.comment_wrap > ul > li > table .cbody{text-align:left}
.comment_wrap > ul > li > table .cdate{text-align:center;width:120px}
.comment_wrap > ul > li > table .cdel{text-align:center;width:70px}














#banjaju {background:url('/mall/skin/gaga_basic_skin/image/sub/store_bg.jpg') no-repeat bottom center; padding-bottom:180px;}
.ban_wrap {width:80%; display:flex; justify-content: space-between; margin:30px auto 60px;}
.ban_wrap > div {width:calc(96% / 2);}
.ban_wrap > div.right {order: 1;}
.ban_wrap > div.img_box img {width:100%;}
.ban_wrap > div.txt_box h4 {font-size:24px; font-weight:bold; margin-bottom:20px; margin-top:40px;}
.ban_wrap > div.txt_box p {font-size:18px; line-height:1.6; color:#666; word-break:keep-all;}




#process  > section > p {padding-bottom:50px; border-bottom:1px solid #333; text-align:center;}
#process dl {display: block;clear:both; width:100%; margin-top:80px; /*padding-top:80px; border-top:1px solid #eee;*/}
#process dl:after{content:"";display:table;clear:both}
#process dt {width:100%; display: block; font-weight:600; font-size:22px; margin-bottom:5px;}
#process dd {width:100%; line-height:1.7; word-break:keep-all; margin-top:20px;}
#process dd > strong {display: block;  font-size:18px; }
#process dd p + strong {margin-top:50px;}
#process dd ul {display: inline-block; background:#f2f2f2; padding:40px; width:100%;}
#process dd ul li{display: block; line-height:1.8; font-size:18px;}
#process dd ul li:after{content:"";display:table;clear:both}
#process dd ul li:last-child {padding-top:15px; margin-top:15px; border-top:2px solid #023202;}
#process dd ul li strong{float:right; margin-left:20px;}
#process dd ol {text-align:center;}
#process dd ol li {display:inline-block; width:15.6%; vertical-align:top; text-align:center; line-height:1.3; padding:0 2%;}
#process dd ol li:nth-child(1) {padding-left:0;} 
#process dd ol li:nth-child(6) {padding-right:0;} 
#process dd ol li:after{content:"";display:table;clear:both}
#process dd ol li div{display: inline-block; width:130px; height:130px; border-radius:50%; background:#013300; padding:10px; position:relative; color:#fff;}
#process dd ol li div:after{content:"";display:table;clear:both}
#process dd ol li div span {word-break:keep-all; position: absolute;top: 50%;   left: 50%;   transform: translate(-50%, -50%);}
#process dd ol li div span h2 {font-size:24px; margin-bottom:5px;}
#process dd ol li p {display: block; width:100%; text-align:center; margin-top:10px; }

.process{overflow:hidden;}
.process li{width:calc(88%/3);float:left;text-align:center;margin-right:4%;font-size:18px;padding:12px 0;margin-bottom:15px;border-radius:15px;color:#fff;position:relative;word-break:keep-all;}
.process li::after {position: absolute; content: " ";right: -35px;bottom:22px;height: 0; z-index: -1;border-bottom: 10px solid;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);color: #000;transform: rotate(-270deg);}
.process li:last-child::after{content:none;}

.price_box li {position:relative;}
/* .price_box li:before {content:''; width:80%; height:1px; border-bottom:1px dotted #333; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;} */
.price_box li span {padding-left:5px;font-size:15px;}
.price_box li strong {font-weight:400;}
.price_box li:first-child {margin-bottom:10px;}
.price_box li:first-child span {font-weight:600; font-size:22px; margin-bottom:5px;}
.price_box li:first-child strong {font-size:14px;}
.price_box li:last-child strong {color:#023202; font-weight:bold; font-size:20px;}


.greeting {position:relative; margin-top:110px;}
.greeting span {display:block; margin:30px 0; font-style:italic;}
.greeting .sign {position:relative; margin-top:40px; text-align:right; font-weight:bold; color:#000;}
.greeting .sign p {text-align:right; display:inline-block;}
.greeting .sign img {display:inline-block; margin-top:-30px;}
.greeting .call {position:relative; margin-top:40px;font-weight:bold; color:#043300;}
.greeting .call p {font-size:22px; line-height:1.6;}

ul.color1 li{background:#de852f;}
ul.color2 li{background:#0e76bc;}
ul.color3 li{background:#03a297;}
ul li.last{background:#000;}

.member_agree_wrap {margin-bottom:50px;}
.member_agree_wrap > div {border:1px solid #ddd;width:100%;height:150px;overflow-y:scroll; padding: 20px}
.member_agree {padding-bottom:30px;}
.member_agree_wrap > p {text-align:right; margin-top:5px;}

.npay_wrap {max-width: 290px; margin-top:30px;}
.npay_info {font-size:14px; margin-top:10px; word-break:keep-all;}
.npay_info span {color:#006600}


@media all and (max-width:1024px){
.npay_info {font-size:13px; }
}


@media all and (max-width:768px){
.npay_info {font-size:12px; }

}