@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #wrap::before { border-bottom:0; }
.body-main #container {  max-width:100%; width:100%; min-width:1200px; padding-bottom:0; }
.body-main #contents { max-width:100%; min-width:1200px; width:100%; padding:0; margin:0 auto; }
.body-main #contents .sub_content { padding:0; }
.body-main #topLine { height:0; }
.body-main #footer { margin-top:0; }
.body-main .side-floating { display:none; }
.body-main .scroll_wrap { top:228px; }

.main-inner { position:relative; max-width:1260px; min-width:1260px; width:100%; padding:0 5px; margin:0 auto; box-sizing:border-box; }
.main-inner::after { content:""; display:block; clear:both; }


/*========================================================================
메인 비주얼
========================================================================*/
/* 메인 비주얼 슬라이드 */
.main-visual-wrap { position:relative; width:100%; height:493px; overflow:hidden; }
.main-visual-wrap .main-inner { position:absolute; top:0; left:50%; z-index:100; margin-left:-625px; }
.main-slide { position:relative; width:100%; left:50%; margin-left:-50%;  }
.main-slide .cycle-slideshow {  }
/* 페이져템플릿 */
.main-template-group { position:absolute; bottom:0; left:50%; width:180px; margin-left:-90px; height:90px; background:url('../img/main_pager_bg.png') no-repeat bottom center; }
.main-template-group ul { }
.main-template-group ul li { position:absolute; display:inline-block; padding-top:30px; text-align:center; cursor:pointer; font-size:18.5px; color:#173284; }
.main-template-group ul li.mpager_01 { top:10px; left:-7px; transform: rotate(-52deg); }
.main-template-group ul li.mpager_02 { top:-28px; left:41px; transform: rotate(-21deg); }
.main-template-group ul li.mpager_03 { top:-27px; left:113px; transform: rotate(21deg); }
.main-template-group ul li.mpager_04 { top:15px; left:160px; transform: rotate(57deg); }
.main-template-group ul li.cycle-pager-active { font-weight:bold; }

/* 일시정지 & 재시작 */
.main-cmd-group { position:absolute; bottom:0; left:50%; margin-left:-8px;}
.main-cmd-group > span { display:inline-block; padding: 15px 0; text-align:center; cursor:pointer; }
.main-cmd-group .resume { display:none; }

.main-slide .slider-wrap .slick-prev { width:20px; height:38px; top: calc(50% - 19px); left:calc(50% - 625px); background:url('../img/main_visual_l.png') no-repeat 0; background-size:auto 38px; } 
.main-slide .slider-wrap .slick-next { width:20px; height:38px; top: calc(50% - 19px); right:calc(50% - 625px); background:url('../img/main_visual_r.png') no-repeat 0; background-size:auto 38px; }

/* 메인 우측 상품 롤링 */
.main-visual-right { position:absolute; top:0; right:0; width:290px; height:493px; padding:0 34px; box-sizing:border-box; border:1px solid #dde5f2; border-color:rgba(0,0,0,0.05); border-top:0; border-bottom:0; background:url('../img/main_R_bg.png') repeat; overflow:hidden; }
.main-visual-right h2 { color:#173284; font-size:27px; text-align:center; padding:50px 0 0; }
.main-visual-right h2 span { display:block; font-size:14px; color:#629bfe; font-weight:600; letter-spacing:-0.5px; line-height:1.8; }
.main-visual-right .goods_list_cont { position:static; }
.main-visual-right .goods_list_cont > div { margin:0 0; padding:0 0 30px; }
.main-visual-right .goods_list_cont > div > ul { margin:0; }
.main-visual-right .goods_list_cont > div > ul > li { margin:0 0;}
.main-visual-right .goods_list_cont > div > ul .item_photo_box { margin:10px 0 12px; }
.main-visual-right .goods_list_cont > div > ul .item_photo_box a { display:block; width:220px; height:220px; overflow:hidden; margin: 0 auto; border:1px solid #f1f1f1; box-sizing:border-box; }
.main-visual-right .goods_list_cont > div > ul .item_photo_box > a > img { height:100%; object-fit:cover; }
.main-visual-right .sale-rate { display:block; position:absolute; bottom:10px; right:10px; font-size:27px; color:#ffffff; background:#6057e8; font-weight:bold; width:70px; height:70px; line-height:70px; border-radius:50%; }
.main-visual-right .sale-rate em { font-weight:normal;}
.main-visual-right .goods_list_cont > div .item_cont { padding:0; }
.main-visual-right .goods_list_cont > div > ul .item_info_cont { padding:0; text-align:left; }
.main-visual-right .goods_list_cont > div > ul .item_tit_box .item_name { max-height: 18px; overflow: hidden; color:#173284; font-size:15px; }
.main-visual-right .goods_list_cont > div .item_money_box { padding:0; }
.main-visual-right .goods_list_cont > div .item_money_box .fixed-price,
.main-visual-right .goods_list_cont > div .item_money_box .item_price { display:inline-block; padding-right:10px; margin-top:2px; letter-spacing:-0.5px; }
.main-visual-right .goods_list_cont > div .item_money_box .fixed-price { font-size:18px; color:#173284; }
.main-visual-right .goods_list_cont > div .item_money_box .item_price { font-size:18px; color:#173284; font-weight:700; }
.main-visual-right .goods_list_cont > div .item_icon_box { display:none; }
/* 일시정지 & 재시작 */
.main-visual-right .main_R_btn { position:absolute; bottom:27px; right:36px; }
.main-visual-right .main_R_btn > div,
.main-visual-right .main_R_btn > span { display:inline-block; padding: 0 1px; text-align:center; cursor:pointer; }
.main-visual-right .main_R_btn .main_R_resume { display:none; }

/* 사이드바 */
.sidebar { position:absolute; top:0; left:0; background:#fff; height:493px; z-index:80; }


/*========================================================================
메인 영역
========================================================================*/
/* 메인 타이틀 */
body .goods_list_tit { display:none; }
.main-tit { color:#30314f; font-size:33px; text-align:center; line-height:1.2; position:relative; }
.main-tit strong { display:block; color:#173284; font-size:32px; font-weight:bold; line-height:1; }
.main-tit a { position:absolute; top:0; right:10px; color:#173284; font-size:15px; }
.main-tit a:hover { text-decoration:none; }
.main-tit a > span { width:34px; display:inline-block; vertical-align:middle;  padding-left:10px; }


.main-wrap { position:relative;
	background: #f7f8fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f9fb 0%, #ffffff 31%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f8f9fb 0%,#ffffff 31%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f8f9fb 0%,#ffffff 31%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* 메인진열 네비게이션 */
.main_navi { position:absolute; top:56px; left:50%; z-index:100; margin-left:-740px; width:97px; }
.main_navi.fixed { position:fixed; top: 0; left:10px; margin-left:0; margin-top:140px; }
.main_navi li { margin-bottom:10px; }
.main_navi li a { display:block; width:70px; height:70px; padding-top:15px; margin:0 auto; background:#fff; box-sizing:border-box; border-radius:100%; border:1px solid #e4e4e4; line-height:1.2; text-align:center; font-size:15px; font-weight:600; color:#639cfe; text-decoration:none; }
.main_navi li:nth-child(3n) a { padding:0; line-height:70px; }
.main_navi li.on a { background:#6057e8; border-color:#6057e8; color:#fff; }

/* 메인 브랜드 배너 롤링 */
.main_box { padding:56px 0 0; }
.main-bn-slide { float:left; background:#fff; border:1px solid #e4e4e4; width:326px; height:396px; box-sizing:border-box; overflow:hidden; }
.main-bn-slide .main-bn-tit { height:55px; background:#1540a1; border-bottom:1px solid #95b6f2; padding:19px 16px 0 30px; box-sizing:border-box;}
.main-bn-slide h3 { color:#ffffff; font-size:20px; font-weight:500; line-height:1; float:left; }
.main-bn-slide .main-bn-btn { float:right;}
.main-bn-slide .main-bn-caption { float:left; color:#ffffff; font-size:13px; font-weight:normal; line-height:20px; margin-right:10px; letter-spacing:1px; }
.main-bn-slide .main-bn-caption strong { font-weight:bold; }
.main-bn-slide .main-bn-btn > span { float:left; display:inline-block; cursor:pointer; }
.main-bn-slide .cycle-slideshow { clear:both; margin:0px 21px 22px 15px;}
.main-bn-slide .cycle-slideshow ul { width:284px; height:310px; display: grid ; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr); align-items: center; }
.main-bn-slide .cycle-slideshow ul li { float:left; padding:3px 0; }
.main-bn-slide .cycle-slideshow ul a { display:inline-table; vertical-align:middle; }

/* 메인 상품 진열 : 탭(텍스트) 상품 롤링 */
.main-prd-slide { float:right; width:907px; height:396px; border:1px solid #e4e4e4; background:#ffffff; box-sizing: border-box; box-shadow:10px 15px 20px rgba(94,108,128,0.28); overflow:hidden; }
.main-prd-slide .main-prd-tit h3 { float:left; font-size:23px; color:#1540a1; padding:16px 0 0 50px; line-height:1.2; }
.main-prd-slide .main-prd-template { float:right; }
.main-prd-slide .main-prd-template li { display:inline-block; float:left; width:160px; height:48px; line-height:48px; background:#ffffff; box-sizing:border-box; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-size:18px; color:#7382ad; letter-spacing:-1px; text-align:center; cursor:pointer; }
.main-prd-slide .main-prd-template li.cycle-pager-active { color:#173284; font-weight:bold; font-size:18px; }
.main-prd-slide .cycle-slideshow { clear:both; }
.main-prd-slide .prd-item { width:100%; }
.main-prd-slide .goods_list { width:100%; padding:0 15px; margin:22px 0 0; box-sizing:border-box; }
.main-prd-slide .item_cont { padding:0; }
.main-prd-slide .goods_list_cont > div > ul { margin-top:0; }
.main-prd-slide .goods_list_cont > div > ul > li { padding:0 11px; box-sizing:border-box; margin:10px 0 0; letter-spacing:-1px; line-height:1.3; }
.main-prd-slide .goods_list_cont .item_photo_box { margin:0 0 5px; }
.main-prd-slide .goods_list_cont .item_photo_box a { display:block; border:1px solid #f2f2f2; }
.main-prd-slide .goods_list_cont .item_tit_box .item_name { display:block; overflow:hidden; max-height:48px; line-height:1.6; letter-spacing:-1px; }
.main-prd-slide .item_tit_box .item_name_explain { max-height:19px; overflow:hidden; }
.main-prd-slide .item_icon_box { display:none; }

/* 메인 상품 진열 : 탭(아이콘) 상품 롤링 */
.main-tab-slide {position:relative; margin:40px auto 0; width:100%; padding:0 0 62px; box-sizing:border-box; overflow:hidden;}
.main-tab-slide:after { content:""; position:absolute; bottom:0; left:50%; margin-left:-1000px; width:2000px; border-bottom:2px solid #3069fb;}
.main-tab-slide .main-tab-tit { width:1250px; margin:0 auto;}
.main-tab-slide .main-tab-tit h3 { float:left; padding:7px 0 16px; }
.main-tab-slide .main-tab-tit h3 img {  display:inline-block; vertical-align:middle; }
.main-tab-slide .main-tab-tit h3 span { display:inline-block; margin-left:10px; vertical-align:middle; font-weight:normal; font-size:20px; color:#173284; letter-spacing:-0.5px; }
.main-tab-slide .cycle-slideshow { clear:both; width:1250px; margin:0 auto; overflow:hidden; box-shadow:10px 15px 20px rgba(83,94,133,0.28);  }

/* 아이콘 탭 */
.main-tab-slide .main-tab-template { float:right; display:flex; gap:76px; margin:0 10px 0 0; }
.main-tab-slide .main-tab-template li { float:left; text-align:center; padding:3px 0 0; position:relative; cursor:pointer; }
.main-tab-slide .main-tab-template li span { display:block; width:36px; height:41px; margin:auto; }
.main-tab-slide .main-tab-template li.tab01 span { background:url('../img/main_prd_tab1.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab02 span { background:url('../img/main_prd_tab2.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab03 span { width:34px; background:url('../img/main_prd_tab3.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab04 span { width:38px; background:url('../img/main_prd_tab4.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab05 span { width:38px; background:url('../img/main_prd_tab5.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab06 span { width:38px; background:url('../img/main_prd_tab6.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab01.cycle-pager-active span { background:url('../img/main_prd_tab1_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab02.cycle-pager-active span { background:url('../img/main_prd_tab2_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab03.cycle-pager-active span { width:34px; background:url('../img/main_prd_tab3_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab04.cycle-pager-active span { width:38px; background:url('../img/main_prd_tab4_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab05.cycle-pager-active span { width:38px; background:url('../img/main_prd_tab5_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li.tab06.cycle-pager-active span { width:38px; background:url('../img/main_prd_tab6_on.png') no-repeat top center; }
.main-tab-slide .main-tab-template li p { position: absolute; left: 50%; transform: translateX(-50%); color:#adadad; font-size:17px; line-height: 1; padding-top:10px; font-weight:bold; white-space: nowrap; letter-spacing:-1px; } 
.main-tab-slide .main-tab-template li.cycle-pager-active p { font-weight:bold; color:#173284; }
/* 버튼 */
.main-tab-slide .main-tab-group > span { position:absolute; top:510px; left:50%; cursor:pointer; }
.main-tab-slide .main-tab-group .main-tab-prev { margin-left:-675px; }
.main-tab-slide .main-tab-group .main-tab-next { margin-left:625px; }
/* 상품 진열 */
.main-tab-slide .prd-item { width:100%; margin:0 0; }
.main-tab-slide .item_cont { padding:0; margin:0 30px; }
.main-tab-slide .goods_list_cont > div > ul { margin:0 0; background:#dbe8fe; }
.main-tab-slide .goods_list_cont > div > ul > li { padding:32px 0 0; margin:0 0; }
.main-tab-slide .goods_list_cont > div > ul > li:nth-child(n+4) { border-top:1px solid #c7d9f8; }
.main-tab-slide .goods_list_cont > div > ul > li:nth-child(2) { box-sizing:border-box; border-left:1px solid #c7d9f8; border-right:1px solid #c7d9f8; }
.main-tab-slide .goods_list_cont > div > ul > li:nth-child(5) { box-sizing:border-box; border-left:1px solid #c7d9f8; border-right:1px solid #c7d9f8; }
.main-tab-slide .goods_list_cont > div > ul .item_photo_box { max-width:350px; margin:0 auto; }
.main-tab-slide .goods_list_cont > div > ul .item_photo_box a { display:block; position:relative; padding:0; background:#fff; border:1px solid #f1f1f1; }
.main-tab-slide .goods_list_cont > div > ul .item_photo_box a:after { content:''; position:absolute; top:18px; right:18px; width:135px; height:53px; background:url('../img/hotdeal_icon.png') no-repeat; }
.main-tab-slide .goods_list_cont > div > ul .item_info_cont { width:100%; padding:28px 0 30px 94px; height:126px; box-sizing:border-box; text-align:left; }
.main-tab-slide .item_tit_box .item_name { width:100%; color:#173284; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main-tab-slide .item_tit_box .item_name_explain { display:block; margin-right:0; margin-top:2px; width:100%; color:#173284; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main-tab-slide .item_money_box .fixed-price,
.main-tab-slide .item_money_box .item_price { font-size:18px; color:#639cfe; }
/* 세일 */
.main-tab-slide .sale-rate { display:block; position:absolute; bottom:30px; left:30px; font-size:58px; font-weight:700; color:#173284; line-height:1; letter-spacing:-1px; }
.main-tab-slide .sale-rate em { display:block; font-size:17px; letter-spacing:1px; font-weight:700; }
.main-tab-slide .sale-rate em::after { content:' SALE'; }
.main-tab-slide .item_icon_box { display:none; }

/* 메인 상품 진열 */
.main-list { padding:45px 0 40px; background:#ffffff; }
.main-list .item_cont { padding:0 14px; }
.main-list .goods_list_cont > div > ul { width:calc(100% + 28px); padding-top:8px; margin:0 0 0 -14px; }
.main-list .goods_list_cont > div > ul > li { margin:30px 0 15px; }
.main-list .item_tit_box .item_name { line-height:1.5; }
.main-list .goods_list_cont > div > ul .item_info_cont { max-width:260px; }
.main-list .ec-base-product .spec li { line-height:1.45; }

.main-list02 {  padding:55px 0 43px; }

/* 메인 중간 배너 */
.main-bn-line { background:#ffffff; position:relative; width:100%; height:210px; overflow:hidden; }
.main-bn-line > span { position:absolute; top:0; left:50%; margin-left:-1000px; width:2000px; height:210px;}