/* 180328 morenvy */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; vertical-align:top; line }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt40 {padding-top:40px;}
.pdb4 {padding-bottom:4px;}
.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb40 {padding-bottom:40px;}
.content {margin:0 auto;}
body { font-family:"Lato","Nanum Gothic" , sans-serif }
/* 상단 */
header { margin:0px;padding:0px;position:relative;background:transparent;}
#header_wrap .top_banner img {width:100%;}
#header_wrap .section { height:36px;}
/* 상단 로그인 메뉴 관련*/
#header_wrap .sec_cs_area {float:left; width:20%; }
#header_wrap .sec_cs_area a {color:#555; line-height:36px; font-size:12px; display:block; letter-spacing:-0.5px; text-align:center;}
#header_wrap .sec_log_area { width:79%; height:36px; float:right; background-color:#fff; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea;}
#header_wrap .sec_log_area ul {text-align:right; }
#header_wrap .sec_log_area li {display:inline-block; padding:0 4px; font-size:11px; color:#e5e5e5; position:relative;}
#header_wrap .sec_log_area li a {color:#555; line-height:36px; font-size:12px; display:block; letter-spacing:-0.5px;}
#header_wrap .sec_log_area li:last-child a {margin-right:15px;}
#header_wrap .section1 {position:relative; height:90px;}
#header_wrap .section1 .top_logo { font-size:0; text-align:left; line-height:90px; padding-left:5%; float:left;}
#header_wrap .section1 .top_logo img {height:32px;vertical-align:middle;}
#header_wrap .section1 .category_box {width:32px;height:32px; z-index:1; position:absolute; top:33%; right:3%; text-align:center;line-height:40px;font-size:0;}
#header_wrap .section1 .category_box img {height:32px;}
#header_wrap .search-area {display:block; position:absolute;background-color:#fff;width:40%;top:32%;left:auto;right:15%;height:30px;border:2px solid #f72222;}
#header_wrap .search-area .thin_srch_form {float:left;width:65%;padding:0; margin:8px 0 5px 5px;font-size:12px;border:0;background:none;}
#header_wrap .search-area #search-box {padding:0 15px;margin:0;}
#header_wrap .search-area #search-box input {width:95%;border:0;font-size:12px; padding:0;height:30px;margin:0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing:-0.5px; }
#header_wrap .search-area #search-box-btn {right:0;top:0;border:0;border-radius:0; width:26px; height:26px; float:right;background-color:#fff;padding:0;margin:2px 4px 0 0;font-size:0;text-align:right;}
#header_wrap .search-area #search-box-btn img { width:26px; height:26px;}
.swiper_topmenu {width:100%; position:relative; height:44px;background:#fff; overflow:hidden; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.swiper_topmenu .swiper-wrapper {width:90% !important;margin:0 auto;height:44px; font-size:0; text-align:center; white-space:nowrap; }
.swiper_topmenu .swiper-slide {text-align: center;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;width:auto !important }
.swiper_topmenu .swiper-slide a {display:inline-block; height:44px;color:#222; font-size:13px; font-weight:700;line-height:44px;padding:0 10px; }
.swiper_topmenu .swiper-button-prev {background:url("./mimg/main_cate_prev.gif") no-repeat; left:0px; top:0; margin:0;width:28px !important; height:44px !important; background-size:28px 44px;}
.swiper_topmenu .swiper-button-next {background:url("./mimg/main_cate_next.gif") no-repeat; right:0px; top:0; margin:0;width:28px !important; height:44px !important; background-size:28px 44px;}
/* 메인 */
#main {margin:0 auto;}
.slider-wrap {margin-bottom:0px !important;}
/* 브랜드스토어 관련*/
.brand_title {text-align:center; padding:30px 0px 30px;}
.brand_title .txt01 {font-size:20px; color:#222; font-weight:800; line-height:1; letter-spacing:-0.5px; }
.brand_title .txt02 {font-size:13px; color:#888; font-weight:400; line-height:1; letter-spacing:-0.7px; padding-top:7px;}
.brand_store {width:95%; margin:0 auto; padding-bottom:35px; border-bottom:1px solid #eaeaea; }
.brand_store ul li {width:20%; float:left; text-align:center; margin:0 2.5%;}
.brand_store ul li img {width:100%;}
.brand_store .brand_txt01 {padding-top:5px; line-height:1; letter-spacing:-0.5px;}
/* 브랜드스토어 관련*/
/* 중앙 이벤트배너01 관련*/
.center_ban {width:95%; margin:0 auto; padding:30px 0px 0px;}
.center_ban img {width:100%; font-size:0px;}
/* 중앙 이벤트배너02 타이틀 관련*/
.best_ban_title {text-align:center; padding:30px 0px 30px; width:95%; margin:0 auto; border-top:1px solid #eaeaea; padding-top:30px; margin-top:10px;}
.best_ban_title .txt01 {font-size:20px; color:#222; font-weight:800; line-height:1; letter-spacing:-0.5px; }
/* 메인중앙배너 관련 */
.event_ban_area {width:95%; ; margin:0 auto 10px;}
.event_ban_area .swiper-button-prev , .event_ban_area .swiper-button-next {top:55% !important;width:26px !important; height: 26px !important;}
.event_ban_area .swiper-button-prev {background-image: url("./mimg/best_left.gif") !important;background-repeat:no-repeat; background-size:26px 26px !important; left:-1px !important; right: auto;}
.event_ban_area .swiper-button-next {background-image: url("./mimg/best_right.gif") !important;background-repeat:no-repeat; background-size:26px 26px !important; right:0px !important; left: auto;}
.event_ban_area {width:100%; }
.event_ban_area img {width:100%;}
/* 탭상품 진열 스타일 */
.list_tab {clear:both; position:static;width:94%;margin:0 auto;background-color:#fff;border:1px solid #e5e5e5;}
.list_tab .tab_title {height:36px;padding:0;margin:0; }
.list_tab .tab_title .title_wrap { float:left; color:#999;width:33.33% !important;border:0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top:1px solid #e9e9e9; padding:0; margin:0; background-color:#fbfbfb; border-top:2px solid #fbfbfb;
box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.list_tab .tab_title .title_active { background-color:#fff; width:33.33% !important; float:left; color:#111;border-bottom:1px solid #fff; border-top:1px solid #222;border-right:1px solid #e5e5e5;;}
.list_tab .tab_title .title_wrap:first-child {border-left:0px}
.list_tab .tab_title .title_wrap:last-child {border-right:0px}
.list_tab .tab_title .title {height:36px; line-height:36px; font-size:12px; font-weight:bold; float:left; width:100%; text-align:center; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0.0);}
.list_tab .list_tabcontent {padding:25px 5px 0px; margin-top:0px;margin-bottom:0px; position:relative;}
.list_tab .list_tabcontent .swipe_tab .list_content {margin:0 auto;padding:0; width:98% !important; display:block !important;}
/* 하단 */
#footer {margin:30px 0 0 0; padding:0; background-color:#fff;}
#footer .section1 {height:40px; line-height:40px; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}
#footer .section1 ul {font-size:0; text-align:center;}
#footer .section1 ul li {display:inline-block; color:#dedede; padding:0px 6px; text-align:center; font-size:11px; line-height:40px;}
#footer .section1 ul li a {color:#a3a3a3; font-size:11px; line-height:40px; text-align:center;}
#footer .section1 ul li a b {color:#000;}
#footer .section2 {padding:0;width:100%;margin:30px auto 0px; text-align:center;}
#footer .section2 .bt_cscenter {float:left;width:49.25%; margin:0;text-align:center; border-right:1px solid #eaeaea;}
#footer .section2 .bt_cscenter h2 {font-size:12px;font-weight:normal;padding:0px 0 10px;text-align:center;color:#000; font-weight:700;}
#footer .section2 .bt_cscenter .phone {font-size:18px; font-weight:900; color:#222; margin:0px auto 10px;padding:0 !important; text-align:center;}
#footer .section2 .bt_cscenter p {font-size:11px;color:#555;padding:0 0 15px; line-height:1.5;text-align:center; letter-spacing:0px;}
#footer .section2 .bt_cscenter p span {color:#000;}
#footer .section2 .bt_bank {float:left;width:40%;margin:0 5%;}
#footer .section2 .bt_bank h2 {font-size:12px;font-weight:normal;padding:0px 0 10px;text-align:center;color:#000; font-weight:700;}
#footer .section2 .bt_bank p {font-size:11px;color:#555;padding:0 0 8px;line-height:1.5;text-align:center; letter-spacing:-0.3px;}
#footer .section2 .bt_bank p span {color:#000;}
#footer .section3 {padding:0; width:100%; margin:0px auto 35px; font-size:0px;}
#footer .section3 .bt_cscenter {float:left;width:49.25%; border-right:1px solid #eaeaea; padding-top:10px;}
#footer .section3 .bt_bank {float:left;width:49.25%; padding-top:10px;}
#footer .section3 .bt_call {margin:0 auto;text-align:center;width:80%; }
#footer .section3 .bt_cs {margin:0 auto;text-align:center;width:80%;}
#footer .section3 .bt_cs img,
#footer .section3 .bt_call img {width:90%; margin:0 auto; text-align:center;padding:0px;}
#footer .section4 {padding:50px 0px; text-align:center;margin:0 auto; font-size:11px; line-height:1.7; color:#888; border-top:1px solid #eaeaea;}
#footer .section4 a {color:#888;}
#footer .section5 {padding:20px 0; background-color:#f5f5f5; font-size:11px; line-height:1.4; text-align:center; color:#999; }
#footer .bt_logo {text-align:center; height:18px; padding:0px 0px 30px;}
#footer .bt_logo img {height:18px;}
/*상품 할인 */
.displaynone {display:none;}
.text-sale {position:absolute;top:10px;right:10px;width:30px;height:30px; background-color:#ff480f;line-height:30px;padding:0;text-align:center;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;font-size:0;z-index:10;}
.text-sale .salebig {font-size:11px;color:#fff;f;line-height:30px;text-align:center;font-weight:700;}
.text-sale .sale_dan {font-size:11px;color:#fff;line-height:30px;text-align:center;;font-weight:700;}
/*메인 상품 타이틀 안보이게 */
#main .list_title {display:none;}
/* 상품상세 상품정보출력 */
.content-detail { margin: 15px 0px;width:100%;}
.content-detail img { max-width: 100%; }
/* 메인, 목록페이지 가격색상 */
.list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_price,
#relativegoods .goods-item .goods-price .red,
.list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_price,
.list_goodsscroll .swipe_gs .list_content .list_item .item_price,
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_price,
section#goodslist .goods-area .goods-item .goods-price .red {color:#222 !important;}
.goods-hashtag {text-align:center;}
.goods-hashtag div {text-align:center;display:inline-block;float:none !important;}
/* 상품 리스트화면 상품명 전부나오기 */
section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nm {overflow:visible !important;white-space:normal !important; height:100% !important; }
/* 상품 리스트화면 포지션값*/
.list_content .list_item {position:relative;}
.goods-content .goods-item {position:relative;}
.list_item .item_name,
.list_item .item_consumer,
.list_item .item_price,
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_name,
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_consumer,
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_price {font-family:"Lato","Nanum Gothic" , sans-serif }
.list_more .list_content_wrap .swipe_more .list_content .list_item .item_text-wrap {width:100% !important;padding:0px !important;}
#main .list_content .list_item {width:50% !important;}
/* 상품 리스트화면 상품명 전부나오기 */
.list_content .list_item .item_img img {border:1px solid #e9e9e9}
/* 메인페이지 진열 스타일 */
.item_name {width:100% !important; margin:0 auto !important; color:#222 !important; text-align:center; line-height:23px; padding-top:10px; }
.item_consumer {font-size:13px; letter-spacing:-0.2px !important; color:#777 !important; margin-top:0px; }
.item_price {font-size:14px !important; line-height:23px;}
/* 게시판 좌측버튼 우측으로 */
section#page_title .btn_back,
section#page_title .btn_index {left:auto !important;right:70px;}
/* 상품 더보기 버튼 */
.more-btn {width:96% !important;background:#fff !important;border:1px solid #e8e8e8 !important;color:#555 !important;font-weight:normal !important;}
/* 분류 타이틀 */
#page_title {width:100%;margin:0 auto;}
#page_title .top_title {background-color:#fff; text-align: center; line-height:42px; color:#575757 !important;overflow:hidden; border-bottom:solid 1px #dedede; }
section#subcategory-list .top_title {width:100%;margin:0 auto; border-bottom:solid 1px #dedede !important;}
/* 분류 리스트 상품진열 */
section#goodslist { margin-bottom:30px;}
section#goodslist .goods-area .goods-item .goods-nm a { font-size:12px; color:#222; line-height:23px; padding-top:10px; }
section#goodslist .goods-area .goods-item .goods-consumer { font-size:13px; color:#777; line-height:23px;}
section#goodslist .goods-area .goods-item .goods-price a {font-size:14px; color:#222;}
section#goodslist .goods-area .goods-item .goods-price .red {font-size:14px;}
/* 상세 타이틀 */
section#goodsview2 .top_title {padding:0 !important;overflow:visible !important;white-space:normal !important; height:100% !important;background-color:#fff !important; border-bottom:solid 1px #dedede !important;}
section#goodsview2 .top_title .goods_nm {text-align: center;color:#575757 !important;margin:0 auto;}
/* 관련상품 상품명 가운데정렬 */
#relativegoods .goods-item .goods-nm {text-align:center;}
#relativegoods .goods-item .goods-img {padding-bottom:5px;}
/* 상세 품절버튼 */
section#goodsview2 .goods-contents-area .quick-simple-button-area .btn-soldout {background: #f72222 !important;}
/* 메인 스크립트 배너 pc브라우저에서도 전체화면으로 나오게 */
.animation-banner {width:100% !important;padding-bottom:30px;}
.animation-banner div {width:100% !important;;}
.animation-banner .circle.anchor-container {width:80% !important;margin:10px auto 0px !important;text-align:center;left:0;}
.animation-banner .circle.anchor-container .anchor-button {float:none !important;display:inline-block;text-align:center;background-image:url('') !important;width:12px;height:12px;margin:0 4px !important;background-color:#bababa; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}
.animation-banner .circle.anchor-container .active.anchor-button {background-color:#f72222;}
/* 슬라이드 */
.gd-flipcover { position:absolute; top:0;left:0;height:100%;width:75%;background:#fff;z-index:10000;overflow-y:auto;visibility:hidden; padding:4%;
/*box-shadow:0 5px 5px rgba(0,0,0,.5) reflow에 의한 퍼포먼스 저하. 안드로이드 스크롤바 버그.*/
-webkit-overflow-scrolling:touch;
-webkit-transform:translate3d(-100%,0,0);
-moz-transform:translate3d(-100%,0,0);
-ms-transform:translate3d(-100%,0,0);
-o-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}
.gd-flipcover .section ul {padding:0;margin:0;}
.gd-flipcover .section li {float:left;border:1px solid #000;width:35%;margin:0 3% 0 0;}
.gd-flipcover .section li a { color:#000; line-height:31px; font-size: 12px; display: block;text-align:center;}
.gd-flipcover .section li img {height:25px;vertical-align:middle;}
.gd-flipcover .section li.login {background-color:#000;}
.gd-flipcover .section li.login a {color:#fff;}
.gd-flipcover .section li.register {border:0;}
.gd-flipcover .section li.register a {text-align:left;}
.gd-flipcover .section li.close {border:0;float:right;width:10%;text-align:right;padding-top:4px;}
.gd-flipcover .section1 {margin:15px auto 20px;}
.gd-flipcover .section1 ul {padding:0;margin:0;}
.gd-flipcover .section1 ul li {float:left;width:19%;margin:0 6% 0 0;text-align:center;}
.gd-flipcover .section1 ul li:nth-child(4) {width:24%;margin:0;}
.gd-flipcover .section1 ul li img {height:40px;}
.gd-flipcover .section1 ul li a {color:#000; line-height:20px; font-size: 12px; display: block;text-align:center;}
.gd-flipcover .section2 {border:1px solid #e5e5e5;}
.gd-flipcover .section2 .tab_inner {background-color:#fafafa;font-size:0;}
.gd-flipcover .section2 .tab_inner a { width: 33%;line-height:40px;text-align:center;display: inline-block;font-size:12px; color:#8f8f8f; font-weight: bold; border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-top:0;}
.gd-flipcover .section2 .tab_inner a:first-child {border-left:0;}
.gd-flipcover .section2 .tab_inner a.open {color:#000;border-bottom:1px solid #fff;background-color:#fff;color:#000;}
.gd-flipcover .section2 .tab_community,
.gd-flipcover .section2 .tab_mypage {display:none;}
.gd-flipcover .section2 ul li {line-height:40px;border-top:1px solid #e5e5e5}
.gd-flipcover .section2 ul li:first-child {border:0;}
.gd-flipcover .section2 ul li a {line-height:40px;font-size:12px;color:#000;/* padding-left:10px;*/ display:block; }
.gd-flipcover .section2 ul li a .cnt {float:right;font-size:11px;color:#555;padding-right:10px;}
.gd-flipcover .section3 {margin:25px 0;font-size:12px;color:#000;line-height:16px;}
.gd-flipcover .section3 p {margin-bottom:20px;border:1px solid #cecece;width:150px;text-align:center;}
.gd-flipcover .section3 p img {height:30px;border-right:1px solid #cecece;float:left;}
.gd-flipcover .section3 a {font-size:12px;color:#000;line-height:30px;text-align:center;font-weight:bold;display:block;}
.gd-gnb #category-menu {display:none;}
/* .gd-gnb .gnb-arr {display:none;} */
.gd-gnb ul li {padding:0;margin:0;position:relative;}
.gd-gnb ul li a {height:40px;padding-right:23px !important;overflow:hidden;}
/* .gd-gnb li > a .sprite-icon {margin:0;} */
/* .gd-gnb .sprite-icon {right:10px; background:url('./mimg/slide/slideup.png') no-repeat; } */
.gd-gnb .dep2 > li > a {border-bottom:0;}
.gd-gnb .dep2 li a {padding-top:0px; padding-bottom:0px; background:#fff}
.gd-gnb .dep2 [class^=dep] li a .sprite-icon {background-position:0px 2px;width:15px;padding-top:0px;margin-left:0px}
.gd-gnb .dep2 li a .sprite-icon.open {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.gd-gnb .dep2 li a .sprite-icon {-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out}
.gd-gnb .dep3 li a {background-color:#fafafa;padding-left:20px !important;}
.gd-gnb .dep3 li:first-child {border-top:1px solid #e5e5e5 !important;}
.gd-gnb .dep4 li a {background-color:#ececec;padding-left:30px !important;}
.gd-gnb .dep5 li a {background-color:#ddd;padding-left:40px !important;}