/* BASIC css start */
#wrap {position:relative}
#header {  position: absolute; z-index: 9999;width: 100% !important;top:0px;left:0px;background:none !important;border-bottom: 0px solid rgba(255,255,255,0) !important;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#header:hover {background:#fff !important;border-bottom: 1px solid #e5e5e5 !important;;;}

#contentWrapper {width:auto !important; min-width:1280px;}
.prd-list .subname {display:none;}


/* 팝업 : 플로팅배너 */
.main_floating_btn { width:50px; height:50px; vertical-align:middle; background-color:#333; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; position:fixed; bottom:30px; left:30px; z-index:10;}
.main_floating_btn a {color:#fff; display:inline-block; font-size:13px; line-height:16px; font-weight:400; margin-top:10px;}
.main_floating_btn.is-open {bottom:-50px;} 
.main_floating_btn.is-closed {bottom:30px;} 
.main_floating_btn:hover {opacity:0.8;}
.main_floating {position:fixed; bottom:-530px; left:30px; z-index:99; border-radius:15px;}
.main_floating .swiper-container {border-radius:15px;}
.main_floating .main_floating_close {position:absolute; top:20px; right:20px; z-index:10;}
.main_floating_close img.rotate { border-radius: 50em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_floating_close img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } 

.floating {width:370px;}
.floating .swiper-wrapper {height:auto;}
.floating .swiper-pagination_floating {display:none;}
.floating .swiper-slide {background-color:#fff;}
.floating .swiper-slide img {vertical-align:middle;}
.floating_text {margin:0 auto; font-size:0; text-align:center; z-index:1; background-color:#404040;}
.floating_text li {width:33.3%;margin:0; line-height:47px; font-size:14px; display:inline-block; font-weight:300; cursor:pointer; color:#aaa9a9;}
.floating_text li:hover,
.floating_text li.swiper_over {font-weight:400; color:#fff;}
.floating:hover .swiper-button-next,
.floating:hover .swiper-button-prev {opacity:1;}


/* 메인 */
.main_content {width:1680px; margin:0 auto;}


/* 메인영역 : 메인키비주얼 */
.swiper1 {width:100%; padding-bottom:38px !important; height:900px;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide a.bg {position: relative; display:block; height:900px; background-position:center center !important; background-repeat: no-repeat !important; background-size: cover !important;}

.swiper1 .swiper-slide .visual_text {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1;}
.swiper1 .swiper-slide .t1 {font-family: '맑은 고딕', sans-serif; font-size: 54px; letter-spacing: 0.050em; font-weight: 400;}
.swiper1 .swiper-slide .t2 {margin-top: 30px; font-size: 18px; letter-spacing: -0.030em;}
.swiper1 .swiper-slide .t3 {margin-top: 30px; font-size: 17px; letter-spacing: -0.030em;}
.swiper1 .swiper-slide .visual_button {margin: 50px auto 0; width: 144px; height: 35px; border: 1px solid #939393; font-size: 15px; line-height: 35px;}

.swiper1 .swiper-pagination-bullets {bottom:0px !important;}
.swiper1 .swiper-pagination-bullet {margin:0 9px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper1 .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper1 .swiper-pagination-bullet-active {opacity:1; background:#4c4c4c;}

.swiper1 .swiper-button-prev-main {background-image:url('/design/1000gage/0776another/m_a_l.png'); left:5%; margin-left:0; width:29px; height:56px; background-size:29px 56px; margin-top:-58px; top:50%;}
.swiper1 .swiper-button-next-main {background-image:url('/design/1000gage/0776another/m_a_r.png'); right:5%; margin-right:0; width:29px; height:56px; background-size:29px 56px; margin-top:-58px; top:50%;}


/* 메인영역 : 타이틀 기본 01 */
.main_title {text-align:center; margin:90px auto 0; font-size:0px;}

/* 메인영역 : 타이틀 기본 02 */
.main_title2 {text-align:center; margin:130px auto 10px; font-size:0px;}
.main_title3 {text-align:center; margin:50px auto 10px; font-size:0px;}
.title_t01 {color:#111; font-size:21px; font-weight:500; text-align:center; letter-spacing:0.300em; padding-bottom:40px;}
.title_plus {padding-bottom:40px;}
.title_plus a {color:#111; font-size:21px; font-weight:500; text-align:center; letter-spacing:0.300em;}


/* 메인탭01 : 지금 인기있는 상품 */

.tabcontent01 {margin-top:0px; padding:0px;position:relative;} 
.tabcontent01 .swiper-button-prev {  background-image: url('/design/1000gage/0776another/m_l_ar.png'); left: -5%;   width: 36px;   height: 70px;   background-size: 36px 70px;   margin-top: -35px;   top: 50%;}
.tabcontent01 .swiper-button-next{    background-image: url('/design/1000gage/0776another/m_r_ar.png'); right: -5%;    width: 36px;height: 70px;    background-size: 36px 70px;    margin-top: -35px;    top: 50%;}
.swiper_roll01.swiper-container {padding-bottom:60px;}
.swiper_roll01 .swiper-scrollbar1.swiper-scrollbar {left:0; width:100%; height:1px;}

/* 메인탭01 : 상품진열 */
.tabcontent01 .tb-center {width:318px; padding:0;}
.tabcontent01 .tb-center .box {border:1px solid #e9e9e9;}
.tabcontent01 .prd-list .info {min-height:150px; padding:0 18px 20px;}


/* 메인영역 : 이벤트배너01  */
.brand {width:100%; margin:0 auto;}
.brand_issue {margin:0px auto; font-size:0px; }
.brand_issue li {width:32%; max-width:540px;  text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; float:left; margin-left:2%;}
.brand_issue li img {width:100%;}
.brand_issue li:first-child {margin-left:0px;}
.brand_issue .t01 {color:#1b1b1b; text-align:left; font-size:24px;  font-weight:300; letter-spacing:-0.010em; margin-top:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:10%;}
.brand_issue .t02 {color:#5b5b5b; text-align:left; font-size:15px;  font-weight:300; letter-spacing:-0.010em; margin-top:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:10%;}
.brand_issue .t03 {color:#555; text-align:left; font-size:12px;  font-weight:400; margin-top:25px;}


/* 메인영역 : 이벤트배너02  */
@font-face {
    font-family: '맑은 고딕';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.center_banner {font-size:0px; max-width:1900px; min-width:1260px; margin:130px auto 40px;}
.center_banner li {display:inline-block; width:50%; height: 170px;}
.center_banner li a {display: flex; justify-content: space-between; align-items: center; width: 660px; height: 100%; padding: 0 70px; box-sizing: border-box;}
.center_banner li:first-child a {margin-left: auto;}

.center_banner li a .cb_t1 {font-family: '맑은 고딕', sans-serif; font-size: 32px; letter-spacing: -0.020em; color: #ffd2cf;}
.center_banner li a .cb_t2 {color: #fff; font-size: 18px; letter-spacing: -0.020em;}


/* 메인탭02 : 오늘부터 할인 시작 */
.m_tab02_area {position:relative;}
.m_tab02 {display:table; margin:0 auto; font-size:0;}
.m_tab02 li {position:relative; display:inline-block; margin:0 26px; color:#555; font-size:16px; font-weight:300; text-align:center; line-height:24px; cursor:pointer;}
.m_tab02 li.current {color:#111; font-weight:400;}
.m_tab02 li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:-8px; left:50%; margin-left:-2px; width:100%; text-align:center; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.tabcontent02 {display:none; margin-top:60px; padding:0px;} 
.tabcontent02.current {  display: block;}
.tabcontent02 .swiper-button-next {right:-80px; top:245px; width:41px; height:41px; background-image:url('/design/1000gage/0776another/spe_ar_r.png'); background-size:cover; outline:none;}
.tabcontent02 .swiper-button-prev {left:-80px;; top:245px; width:41px; height:41px; background-image:url('/design/1000gage/0776another/spe_ar_l.png'); background-size:cover; outline:none}
.swiper_roll02.swiper-container {padding-bottom:60px;}
.swiper_roll02 .swiper-scrollbar2.swiper-scrollbar {left:0; width:100%; height:1px;}

/* 메인탭02 : 상품진열 */
.tabcontent02 .tb-center .box {border:1px solid #e9e9e9;}
.tabcontent02 .prd-list .info {min-height:150px; padding:0 18px 20px;box-sizing:border-box;}


/* 메인영역 : 이벤트배너03  */
.swiper_event_area { width:100%; margin:130px auto 0px;}
.swiper_event {margin:0 auto; height:538px;}
.swiper_event .swiper-slide .ban {height:538px; width:100%; float:left; background-size:cover !important; background-position:center center !important;}
.swiper_event .swiper-slide .ban .tv {padding:35px 0 0 200px; width:800px; height:400px; float:left;}
.swiper_event .swiper-slide .txt { position:absolute; text-align:center; position:absolute;  text-align:center;position: absolute; top:50%; left: 50%;  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.swiper_event .swiper-slide .txt .t01 {color:#1b1b1b; font-size:40px;  font-weight:700; letter-spacing:0.030em;}
.swiper_event .swiper-slide .txt .t02 {width:50px; height:1px; background-color:#1b1b1b; margin:20px auto; font-size:0px;}
.swiper_event .swiper-slide .txt .t03 {color:#5b5b5b; font-size:18px;  font-weight:300; }
.swiper_event .swiper-slide .txt .t04  {margin-top:40px;  border:2px solid #1b1b1b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:16px; font-weight:300; padding:15px 30px;  color:#1b1b1b;  display:inline-block;}
.swiper_event .swiper-button-prev-event {background-image:url('/design/1000gage/0776another/m_a_l.png'); left:30px; width:29px; height:56px; background-size:29px 56px; margin-top:-28px; top:50%;}
.swiper_event .swiper-button-next-event {background-image:url('/design/1000gage/0776another/m_a_r.png'); right:30px; width:29px; height:56px; background-size:29px 56px; margin-top:-28px; top:50%;}
.swiper_event .swiper-pagination-bullets {bottom:30px !important;}
.swiper_event .swiper-pagination-bullet {margin:0 7px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_event .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event .swiper-pagination-bullet-active {opacity:1; background:#4c4c4c;}


/* 메인영역 : 인기 키워드  */
.pop_keyword {width:100%; height:50px; margin:50px auto 0; font-size:0px;}
.pop_keyword .pop_keyword_t {font-size:21px; color:#1b1b1b; letter-spacing:0.300em; font-weight:500; height:50px; line-height:50px; margin-top:10px; margin-right:20px;}
.pop_keyword ul li:first-child {margin-left:0px;}
.pop_keyword ul li {float:left; margin:10px 20px 0px 0px;}
.pop_keyword ul li a {height:48px; line-height:48px; border:1px solid #e5e5e5;  font-size:20px; color:#1b1b1b; font-weight:300; text-align:center; display:block; border-radius:25px; padding:0px 30px; }
.pop_keyword ul li a:hover {border-color:#8b8b8b; background-color:#f5f5f5;}


/* 메인영역 : 기획전  */
.event2 {width:100%; overflow:hidden; margin:0 auto;}
.swiper_event2 {width:540px;}
.swiper_event2 img {width:100%;}
.swiper_event2 .swiper-slide .txt { position:absolute;  text-align:center;position: absolute;width:230px;  top:90%; left: 75%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: rgba(0, 0, 0, .3);}
.swiper_event2 .swiper-slide .txt .t01 {color:#fff; font-size:46px;  font-weight:700; letter-spacing:0.030em;}
.swiper_event2 .swiper-slide .txt .t02 {color:#fff; font-size:18px;  font-weight:300; margin-top:10px; }
.swiper_event2 .swiper-slide .txt .t03  {margin-top:30px;  border:2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:16px; font-weight:300; padding:15px 30px;  color:#fff;  display:inline-block;}
.swiper_event2 .swiper-button-prev-event2 {background-image:url('/design/1000gage/0776another/m_a_l.png'); left:30px; width:29px; height:56px; background-size:29px 56px; margin-top:-28px; top:50%; opacity:0;}
.swiper_event2 .swiper-button-next-event2 {background-image:url('/design/1000gage/0776another/m_a_r.png'); right:30px; width:29px; height:56px; background-size:29px 56px; margin-top:-28px; top:50%; opacity:0;}
.swiper_event2:hover .swiper-button-prev-event2 {opacity:1;}
.swiper_event2:hover .swiper-button-next-event2 {opacity:1;}
.swiper_event2 .swiper-pagination-bullets {bottom:30px !important;}
.swiper_event2 .swiper-pagination-bullet {margin:0 7px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_event2 .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event2 .swiper-pagination-bullet-active {opacity:1; background:#4c4c4c;}

/* 메인 우측 4단 상품진열 */
.sp_product {width:1140px;}
.sp_product.prd-list table td {padding-bottom:50px;}
.sp_product.prd-list table .tb-center {float:right; width:258px; margin:0; padding:0;}


/* 메인영역 : 주목해야 할 브랜드 상품  */
.br_product {width:100%; margin:0 auto;}

/* 메인 3단 상품진열 */
.br-main-prd div.grid3 {float:left; width:32%; margin-left:2%;}
.br-main-prd div.grid3:first-child {margin-left:0;}
.br-main-prd .prd-list table td {display:block; overflow:hidden; padding-bottom:20px;}
.br-main-prd .prd-list table td .box {max-width:inherit;}
.br-main-prd .prd-list table .tb-center {padding:0;}
.br-main-prd .prd-list table .thumb {float:left; width:150px;}
.br-main-prd .prd-list table .info {float:left; width:auto; padding-left:20px;}
.br-main-prd .prd-list .dsc {margin-top:10px;}
.br-main-prd .prd-list #sale_bg {top:77px; right:auto; left:165px;}
/* BASIC css end */