/* BASIC css start */
#contentWrapper {width:auto !important; min-width:1280px;}


/* 팝업 : 플로팅배너 */
.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:50%;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.swiper-container {width:100%; height:650px; padding-bottom:40px;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-slide a.bg {display:block; height:650px; background-position:top center !important; background-repeat: no-repeat !important;}
.swiper1 .swiper-pagination-bullets {bottom:-1px !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/qwe343/0776another/m_a_l.png'); left:50%; margin-left:-920px; width:29px; height:56px; background-size:29px 56px; margin-top:-58px; top:50%;}
.swiper1 .swiper-button-next-main {background-image:url('/design/qwe343/0776another/m_a_r.png'); right:50%; margin-right:-920px; 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;}
.title_t01 {color:#111; font-size:21px; font-weight:500; text-align:center; letter-spacing:0.300em; padding-bottom:40px;}


/* 메인탭01 : 지금 인기있는 상품 */
.m_tab01_area {position:relative;}
.m_tab01 {display:table; margin:0 auto; font-size:0;}
.m_tab01 li {position:relative; display:inline-block; margin:0 26px; color:#999; font-size:16px; font-weight:300; text-align:center; line-height:24px; cursor:pointer;}
.m_tab01 li.current {color:#111; font-weight:400;}
.m_tab01 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;}
.tabcontent01 {display:none; margin-top:60px; padding:0px;} 
.tabcontent01.current {display: block;}
.tabcontent01 .swiper-button-next {right:-80px; top:300px; z-index:1; width:41px; height:41px; background-image:url('/design/qwe343/0776another/spe_ar_r.png'); background-size:cover; outline:none;}
.tabcontent01 .swiper-button-prev {left:-80px;; top:300px; z-index:1; width:41px; height:41px; background-image:url('/design/qwe343/0776another/spe_ar_l.png'); background-size:cover; outline:none}
.swiper_roll01.swiper-container {padding-bottom:60px; height:530px;}
.swiper_roll01 .swiper-scrollbar1.swiper-scrollbar {left:0; width:100%; height:1px;}

/* 메인탭01 : 상품진열 */
.tabcontent01 .tb-center {width:258px; padding:0;}


/* 메인영역 : 이벤트배너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:#999; text-align:left; font-size:12px;  font-weight:400; margin-top:15px;}


/* 메인영역 : 이벤트배너02  */
.center_banner {font-size:0px; max-width:1900px; margin:130px auto 40px;}
.center_banner li {display:inline-block; width:50%;}
.center_banner li:first-child {text-align:right;}
.center_banner li a {vertical-align:top;}


/* 메인탭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:#999; 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;   position: relative;} 
.tabcontent02.current {display: block;}
.tabcontent02 .swiper-button-next {right:-80px; top:560px; width:41px; height:41px; background-image:url('/design/qwe343/0776another/spe_ar_r.png'); background-size:cover; outline:none;}
.tabcontent02 .swiper-button-prev {left:-80px;; top:560px; width:41px; height:41px; background-image:url('/design/qwe343/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;}
.swiper_roll02.swiper-container {
		
	 width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
}
.swiper_roll02.swiper-container	.swiper-slide	{
	  height: calc((100% - 30px) / 2);
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}


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




/* 메인영역 : 이벤트배너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 .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/qwe343/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/qwe343/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; 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_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:30px; }
.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/qwe343/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/qwe343/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:265px; margin:0; padding:0;}


/* 메인영역 : 주목해야 할 브랜드 상품  */
.br_product {width:100%; margin:0 auto;}
.br_product ul li {float:left; width:32%; margin-left:2%; font-size:0px;}
.br_product ul li:first-child {margin-left:0;}
.br_product ul li .pr_ban img {width:100%;}
.br_product ul li .pr_ban {border-bottom:1px solid #e5e5e5; padding-bottom:40px; margin-bottom:40px;}
.br_product ul li .pr_ban .pr_txt01 {font-size:24px;  color:#1b1b1b; font-weight:500; padding-top:40px; padding-right:5%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.br_product ul li .pr_ban .pr_txt02 {font-size:16px; color:#8b8b8b; font-weight:300; padding-top:13px; padding-right:5%; 
line-height:1.7; height:3.4em; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 메인 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:207px;}
.br-main-prd .prd-list table .info {float:left; width:300px; padding-left:20px;}
.br-main-prd .prd-list .dsc {margin-top:10px;}
.br-main-prd .prd-list #sale_bg {top:0;}
/* BASIC css end */