@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */


/* 황은선 */

body {font-family: 'NanumSquare', sans-serif!important}
.review-con {display:flex; height:267px;}
.review-con .swiper-slide {width:240px; height:264px; margin-right:20px;}
.review-con .swiper-slide:after {content:''; display:block; width:240px; height:264px; background:#ddd; border-radius:10px; position:absolute; bottom:-3px; right:-3px; z-index:-1;}
.review-con .swiper-slide:last-child {margin-right:0px;}

/* 황은선 */


#wrapper {position:relative; overflow:hidden;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

/* header */
#wrapper {padding-top:150px;}
#header {position:fixed; top:0; left:0; width:100%; padding-top:20px; background:#fff; transition:.2s; z-index:90; border-bottom:1px solid #cfcfcf;}
#header .contain {max-width:1280px !important; margin:0 auto;}
#header.nav-up {transform:translateY(-100%);}

.header-top {position:relative; height:75px; display:flex; align-items:center; justify-content:space-between;}
.header-top .sitelogo {width:210px;}
.header-top .search {width:1%; flex:1 1 auto; position:relative; margin:0 50px 0 83px;}
.header-top .search input {display:block; width:100%; height:50px; border:1px solid #e31f76; border-radius:50px; padding:0 55px 0 20px;}
.header-top .search button {border:0; font-size:0; background-color:transparent; position:absolute; top:50%; margin-top:-20px; right:5px; width:40px; height:40px; background:url('../images/common/btn_glass.png') no-repeat; background-size:contain;}
/*.header-top .mems {margin-bottom:13px;}*/
.header-top .mems>ul {display:flex;}
.header-top .mems>ul>li {display:flex; align-items:center;}
.header-top .mems>ul>li:before {content:''; width:1px; height:12px; background:#ddd; margin:0 15px;}
.header-top .mems>ul>li:first-child::before {display:none;}
.header-top .mems>ul>li>a {color:#585858; font-size:13px; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}

.header-top .mems>ul>li>a:hover {font-weight:800;}


#gnb ul {display:flex; justify-content:space-between;} 
#gnb ul li {position:relative; text-align:center;}
#gnb ul li a {position:relative; display:flex; align-items:center; height:75px; color:#242424; font-size:23px; line-height:1.3em; font-weight:700; letter-spacing:-.04em;}
#gnb ul li a:hover {color:#e31f76;}
#gnb ul li.act a {color:#f37321;}
#gnb ul li.act a:after {content:""; position:absolute; bottom:0; left:50%; margin-left:-25px; width:50px; height:4px; background:#f37321;}


.contain {position:relative; max-width:1280px; margin:0 auto; height:inherit;}

/* intro */ 
.intro-wrap {position:relative; display:flex; align-items:center; min-height:100vh; padding:50px 0 90px; background:#75c69d; overflow:hidden;}

.intro-bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/bg.png') 50% 0 no-repeat;}

.intro-inner {width:100%; position:relative; z-index:2;}
.intro-inner h1 {text-align:center; margin-bottom:50px;}
.intro-inner h1 img {width:190px;}

.intro-search {padding:0 50px; margin-bottom:110px; font-size:30px; font-family:'Malgun Gothic',sans-serif; letter-spacing:-.06em;}
.intro-search .wrap {max-width:1400px; margin:0 auto; padding:30px; background:#242424; color:#fff; border-radius:30px;}
.intro-search .wrap form {display:flex; align-items:center; justify-content:center;}
.intro-search .input-wrap {display:flex; align-items:center;}
.intro-search .input-wrap .select {width:230px; padding:0 10px;}
.intro-search .input-wrap .input {width:100%; height:50px; color:#242424; font-size:20px; line-height:1.3em; display:block; padding:0 40px 0 25px; border-radius:50px; border:0;}
.intro-search .txt {margin-right:40px;}
.intro-search .txt2 {margin:0 50px 0 30px;}
.intro-search .txt2 strong {font-size:1.267em; font-weight:400; line-height:1.3em; letter-spacing:.01em; font-family:'Pretendard',sans-serif;}
.intro-search .submit {display:flex; align-items:center; background:transparent; border:0; color:#ff6363; font-family:'Malgun Gothic',sans-serif; font-size:27px; line-height:1.5em; letter-spacing:-.02em;}
.intro-search .submit:after {content:""; margin:.1em 0 0 10px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #ff6262; transition:.2s;}
.intro-search .submit:hover::after {transform:translateX(5px);}

.intro-btns {padding:0 200px;}
.intro-btns .wrap {max-width:1200px; margin:0 auto; position:relative;}
.intro-btns .obj-1 {position:absolute; right:calc(100% - 23px); bottom:-20px; width:500px; height:480px; background:url('../images/main/obj_1.png') 100% 100% no-repeat; z-index:2;}
.intro-btns .obj-2 {position:absolute; left:calc(100% - 39px); bottom:-29px; width:500px; height:480px; background:url('../images/main/obj_2.png') 0 100% no-repeat; z-index:2;}
.intro-btns .row {display:flex; margin:0 -15px;}
.intro-btns .col {width:33.33333333%; padding:0 15px;}
.intro-btns a {display:block; padding:20px 20px 58px 50px; background:#fff; height:100%; border-radius:30px; transition:ease-in-out .12s;}
.intro-btns a:hover {transform:translateY(-25px);}
.intro-btns .img {text-align:right; margin-bottom:15px;}
.intro-btns .tit {margin-bottom:28px; font-family: 'GyeonggiTitle',sans-serif; color:#242424; font-size:50px; font-weight:700; line-height:1.3em; letter-spacing:-.06em;}
.intro-btns .txt {margin-bottom:37px; font-family: 'Malgun Gothic',sans-serif; color:#454545; font-size:28px; line-height:1.3em; letter-spacing:-.08em;}
.intro-btns .txt i {margin:0 7px 0 2px;}
.intro-btns .more {display:flex; align-items:center; color:#ff6363; font-family:'Malgun Gothic',sans-serif; font-size:24px; line-height:1.3em; letter-spacing:-.02em;}
.intro-btns .more:after {content:" →"; margin:.1em 0 0 7px; font-family:'Noto Sans KR',sans-serif; font-size:1.083em;}
.intro-btns .more.st1 {color:#f15eae;}
.intro-btns .more.st2 {color:#f79338;}
.intro-btns .more.st3 {color:#63d9c1;}

/* main page */
.main-visual {position:relative; overflow:hidden; height:500px; background:#ddd;}
.main-visual .item {display:none; overflow:hidden;}
.main-visual .item:first-child {display:block;}
.main-visual .item img {width:100%;}
.main-visual .item.slick-slide {display:block;}
.main-visual .slick-arrow {position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; line-height:0; font-size:0; z-index:50;}
.main-visual .slick-prev {left:2%; background-image:url("../images/main/slide_prev.png");}
.main-visual .slick-next {right:2%; background-image:url("../images/main/slide_next.png");}
.main-visual .slick-dots {position:absolute; bottom:50px; left:0; display:flex; justify-content:center; width:100%; z-index:50;}
.main-visual .slick-dots li {margin:0 5px;}
.main-visual .slick-dots li button {display:block; width:12px; height:12px; background:none; overflow:hidden; text-indent:-9999em; font-size:0; line-height:0; border:1px solid #fff; border-radius:10px; opacity:.8;}
.main-visual .slick-dots li.slick-active button {width:50px; background:#fff;}

.main-goods-search {height:300px; margin:80px 0; font-size:30px; letter-spacing:-.06em; background:url(../images/common/bg_main_sale.png);}
.main-goods-search .contain {max-width:1280px; padding:60px 0;}
.main-goods-search .wrap {color:#fff;}
.main-goods-search .wrap form {text-align:center; position:relative;}
.main-goods-search .input-wrap {display:flex; align-items:center; margin-top:40px; padding:0 150px;}
.main-goods-search .input-wrap .select {width:230px; padding:0 10px;}
.main-goods-search .input-wrap .input {width:100%; height:50px; color:#757575; font-size:16px; line-height:1.3em; display:block; padding:0 40px 0 20px; border-radius:5px; border:0;}
.main-goods-search .txt {display:block; width:100%; font-size:36px; font-weight:800;}
.main-goods-search .txt span {display:block; font-size:24px; font-weight:400; margin-top:30px;}
.main-goods-search .txt2 {position:absolute; bottom:0; right:300px; margin:0 50px 0 30px; font-size:24px;}
.main-goods-search .txt2 strong {font-size:30px; font-weight:800; line-height:1.3em; letter-spacing:.01em; color:#e31f76;}
.main-goods-search .submit {position:absolute; bottom:0; right:150px; width:146px; text-align:left; font-size:30px; color:#fff; background:url(../images/common/icon_right_arrow.png) no-repeat; background-position:bottom; line-height:1.5em; letter-spacing:-.02em; border:none;}
/*
.main-goods-search .submit:after {content:""; margin:.1em 0 0 10px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:9px solid #ff6262; transition:.2s;}
.main-goods-search .submit:hover::after {transform:translateX(5px);}
*/

.main-heading {text-align:center; margin-bottom:55px;}
.main-heading h2 {color:#2c2c2c; font-size:30px; line-height:1.3em; letter-spacing:-.04em; position:relative; top:-2px;}
.main-heading p {color:#454545; font-size:17px; font-weight:300; line-height:1.3em; letter-spacing:-.04em;}
/*.main-heading.st2 {text-align:left; display:flex; align-items:center;}*/
.main-heading.st2 .bar {margin:0 20px; width:3px; height:23px; background:#f37321;}

.main-goods {margin-bottom:80px;}
.main-goods .contain {max-width:1280px;}
.main-goods-list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-goods-list .item {width:calc(50% - 15px); display:flex; margin-bottom:30px; border-radius:5px; border:1px solid #cfcfcf; padding:30px; position:relative;}
.main-goods-list .thumb {position:relative; width:40%; max-width:185px; margin-right:30px;}
.main-goods-list .thumb a {display:block; width:100%;}
.main-goods-list .thumb .pic {position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.main-goods-list .thumb .pic img {mix-blend-mode: multiply; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.main-goods-list .thumb .telecom {display:flex; position:absolute; bottom:-10px; right:-240px;}
.main-goods-list .thumb .telecom span {display:block; margin-right:20px; background:#fff; border-radius:100%; box-shadow:5px 5px 10px rgba(0,0,0,.1);}
.main-goods-list .info {flex:1 1 auto; min-width:0; width:1%; position:relative;padding-top:50px;}
.main-goods-list .info .sale {position:absolute; top:0px; left:0; width:100%; color:#e31f76; letter-spacing:-.04em; font-size:36px; font-weight:600;}
/*.main-goods-list .info .sale strong {display:block; font-size:1.125em;}*/
.main-goods-list .info .tit {width:100%; font-size:24px; font-weight:400; letter-spacing:-.04em; white-space: normal;
    text-overflow: ellipsis;}
.main-goods-list .info .icons {display:flex; flex-wrap:wrap;}
.main-goods-list .info .icons img {margin:3px 4px 0 0;}
.main-goods-list .info .price {margin:10px 0 0 0;}
.main-goods-list .info .price strong {display:inline-block; vertical-align:middle; color:#000; font-size:25px; letter-spacing:-.04em; margin-right:10px;}
.main-goods-list .info .price .pri {display:inline-block; vertical-align:bottom; position:relative; color:#808080; font-size:14px; font-weight:300; letter-spacing:-.04em;}
.main-goods-list .info .price .pri:after {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#808080;}
/*.main-goods-list .info .txt {padding:9px; margin-top:13px; text-align:center; color:#505050; font-size:15px; font-weight:300; line-height:1.45em; letter-spacing:-.04em; background:#f8f8f8;}*/
.main-goods-list .info .txt {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666; font-weight:400;}
.main-goods-list .info .txt2 {margin-top:13px; color:#505050; font-size:15px; font-weight:300; line-height:1.45em; letter-spacing:-.04em;}
.main-goods-list .info .txt2 strong {font-weight:500;}
.main-goods-list .info .btns {display:flex; flex-wrap:wrap; position:absolute; top:0; right:0;}
.main-goods-list .info .btns a {display:flex; align-items:center; margin-left:10px; letter-spacing:-.04em; transition:none; text-indent:-9999px;}
.main-goods-list .info .btns a:before {content:''; margin-right:8px; width:30px; height:30px; background-repeat:no-repeat; background-size:contain; background-position:center center;}
.main-goods-list .info .btns .bt-change:before {background-image:url('../images/common/icon_trade.png');}
/*.main-goods-list .info .btns .bt-change:hover {color:#ff6600;}*/
/*.main-goods-list .info .btns .bt-change:hover::before {background-image:url('../images/bbs/change-on.png');}*/
.main-goods-list .info .btns .bt-wish:before {background-image:url('../images/common/icon_like_no.png');}
/*.main-goods-list .info .btns .bt-wish:hover {color:#f14551;}*/
/*.main-goods-list .info .btns .bt-wish:hover::before {background-image:url('../images/common/icon_like.png');}*/
.main-goods-list .info .btns .bt-wish.active {color:#f14551;}
.main-goods-list .info .btns .bt-wish.active:before {background-image:url('../images/common/icon_like.png');}

.main-review {position:relative; padding:80px 0; margin-bottom:80px; background:#e5e5e5;}
.main-review .contain {position:relative; max-width:1280px; padding:0;}
.main-review .more-btn {position:absolute; top:80px; right:50%; margin-right:-640px; text-align:center;}
.main-review .more-btn a {display:block; line-height:40px; margin:0 auto; color:#585858; font-size:16px; font-weight:500; border-radius:5px;}
/*.main-review .more-btn a:after {content:""; margin-left:25px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #fff; transition:.2s;}*/
/*.main-review .more-btn a:hover::after {transform:translateX(5px);}*/

.main-review-list {position:relative;}
/*.main-review-list:before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:100px; background:#75c69d;}*/
/*.main-review-list .swiper-container {padding:15px 15px 15px 5px; margin:-15px -15px -15px -5px;}*/
.main-review-list .item {height:100%; padding:20px; background:#fff; border-radius:10px;}
.main-review-list .item .inner {position:relative; padding-top:40px;}
/*.main-review-list .item .inner:before,*/
/*.main-review-list .item .inner:after {position:absolute; color:#75c69d; font-size:40px; font-weight:900; line-height:1em;}*/
/*.main-review-list .item .inner:before {content:"“"; top:-3px; left:0;}*/
/*.main-review-list .item .inner:after {content:"”"; right:0; bottom:-10px;}*/
.main-review-list .item .txt {color:#454545; font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-.04em; height:calc(1.5em * 4); overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.main-review-list .item .info {margin-top:10px; padding-top:20px; border-top:1px solid #cfcfcf; display:flex; align-items:center; justify-content:space-between;}
.main-review-list .item .info .rating {position:absolute; top:0; display:flex;}
.main-review-list .item .info .rating div {margin-right:1px;}
.main-review-list .item .info .rating .jq-star-svg {display:block; width:100%; height:100%;}
.main-review-list .item .info .date {color:#808080; font-weight:400; line-height:1.3em;}
.main-review-list .item .more {margin-top:20px; color:#505050; font-size:15px;}
.main-review-list a:hover .item .more {color:#e31f76}
.main-review-list .slide-btn {position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:50; background-position:50% 50%; background-repeat:no-repeat;}
.main-review-list .slide-btn.prev {left:-55px; background-image:url("../images/main/slide2_prev.png");}
.main-review-list .slide-btn.next {display:none; right:-55px; background-image:url("../images/main/slide2_next.png");}

.main-banner {margin-bottom:80px; text-align:center; background:url(../images/common/bg_main_buy.png) no-repeat; background-size:cover;}
.main-banner .contain {position:relative; width:1280px; max-width:100%; height:239px; padding:50px 20px; margin:0 auto; color:#fff; text-align:left; background:url(../images/common/img_banner_product.png) no-repeat; background-position:right 20px bottom;}
.main-banner .contain h3 {font-size:36px; font-weight:900; margin-bottom:20px;}
.main-banner .contain h3 span {color:#e31f76;}
.main-banner .contain p {font-size:24px; margin-bottom:20px;}
.main-banner .contain a {display:block; width:240px; line-height:40px; text-align:center; color:#000; border-radius:5px; background:#fff;}

.main-event {margin-bottom:100px; padding:0 80px;}
.main-event .contain {position:relative; max-width:1430px;}
/*.main-event .main-heading {margin-bottom:0;}*/
.main-event .swiper-pagination {position:static; text-align:right; margin-bottom:20px;}
.main-event .swiper-pagination-bullet {width:30px; height:30px; text-align:center; color:#555; font-size:15px; font-weight:500; line-height:30px; margin-left:10px; background:none; opacity:1;}
.main-event .swiper-pagination-bullet-active {background:#e31f76; color:#fff;}
.main-event-list {position:relative;}

.main-event-list .thumb {position:relative; padding-bottom:55%; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.main-event-list .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.main-event-list .slide-btn {position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; z-index:50; background-position:50% 50%; background-repeat:no-repeat;}
.main-event-list .slide-btn.prev {left:-70px; background-image:url("../images/main/slide3_prev.png");}
.main-event-list .slide-btn.next {right:-70px; background-image:url("../images/main/slide3_next.png");}
.main-event-list .slide-btn.prev:hover {background-image:url("../images/main/slide3_prev_on.png");}
.main-event-list .slide-btn.next:hover {background-image:url("../images/main/slide3_next_on.png");}

/* sub page */
.sub-title {margin:60px 0 50px;}
.sub-title h2 {font-size:56px; font-weight:800; font-family:'NanumSquare'; color:#121212; line-height:1.1em; text-align:center;}
.sub-title h3 {font-size:46px; color:#2c2c2c; font-weight:500; line-height:1.2em; text-align:center;}
.sub-title ul {display:flex; margin-bottom:16px;}
.sub-title ul li {padding-right:16px; position:relative;}
.sub-title ul li.home {padding-left:22px;}
.sub-title ul li.home:before {content:''; width:15px; height:15px; background:url('../images/bbs/home.png') 0 0  no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-8px; left:0;}
.sub-title ul li:after {content:''; width:15px; height:15px; background:url('../images/bbs/sub-title-arrow.png') 0 0  no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-8px; right:0;}
.sub-title ul li:last-child:after {display:none;}

.real-cont {width:1280px; margin:0 auto; letter-spacing:-.04em; padding-bottom:100px;}

/* footer */
#footer .bdt {border-top:1px solid #cfcfcf;}
#footer address {font-style:normal;}
.foot-top {padding:50px 0;}
.foot-top .col {display:flex; margin:0 -65px; position:relative;}
.foot-top .row {padding:0 65px; letter-spacing:0;}
.foot-top .tit {font-size:18px; line-height:1.8em; margin-bottom:20px;}
/*.foot-top .row01 .tit {color:#00a6ba;} */
.foot-top .row01 a {display:block; color:#e31f76; font-weight:600; font-size:50px; line-height:1.1em; margin-bottom:16px;} 
.foot-top .row01 li {color:#000; font-size:16px; line-height:1.2em;} 
/*.foot-top .row02 .tit {color:#f37321;}*/
.foot-top .row02 .tt1 {margin-bottom:16px;}
.foot-top .row02 .tt1 p {color:#2c2c2c; font-size:16px; line-height:1;}
.foot-top .row02 .tt1 p strong {font-size:50px; color:#e31f76; font-weight:600;}
.foot-top .row02 .tt2 p {color:#2c2c2c; font-size:16px; line-height:1.4em;}
/*.foot-top .row02 .tt2 p:last-child {color:#878787;}*/
.foot-top .sns-link {position:absolute; right:60px; top:-115px;}
.foot-top .sns-link ul {display:flex; margin:0 -15px;}
.foot-top .sns-link ul li {padding:0 20px;}
.foot-top .sns-link ul li a {display:block; text-align:center;}
.foot-top .sns-link ul li a span {display:flex; align-items:center; justify-content:center; width:50px; height:50px; }
.foot-top .sns-link ul li a p {font-size:15px; color:#505050; line-height:1.5em; margin-top:12px;}

.foot-submenu {padding:24px 0;}
.foot-submenu ul {display:flex; margin:0 -25px;}
.foot-submenu ul li {padding:0 25px;}
.foot-submenu ul li a {display:block; font-size:18px; color:#505050; line-height:1.6em;}

.foot-submenu ul li a:hover {font-weight:800;}

.foot-info {background:#f1f1f1; padding:24px 0; position:relative; border-top:none !important;}
.foot-info .tit {font-size:18px; color:#2c2c2c; line-height:1.5em; margin-bottom:16px;}
.foot-info p {font-size:16px; color:#878787; line-height:1.6em;}
.foot-info p br {display:none;}
.foot-info p span {margin:0 10px;}
.foot-info p.copy {font-size:13px; margin-top:24px;}
.foot-info a {display:inline-block; font-size:12px; color:#999999; line-height:24px; border:1px solid #ddd; padding:0 8px; background:#fff; border-radius:5px; margin-left:8px;}
.foot-info .logo {position:absolute; right:15px; top:50%; transform:translateY(-50%);}

.quick {position:fixed; bottom:100px; right:25px; z-index:111;}
.quick li {margin-bottom:10px;}
.quick li:last-child {margin-bottom:0;}
.quick li a {display:block; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,.17);}

.quick img {width: 60px; height: 60px;}

/* for mobile */
.only-mobile {display:none;}
.btn-m-menu {display:none; position:absolute; top:29px; right:15px; width:30px; height:22px;  text-align:center; text-indent:-9999em; z-index:220; transition:all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:30px;background:#000;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:30px; height:2px; background:#000; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}
.mobile-navigation {position:fixed; top:0; right:0; padding:80px 0; width:450px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:202;}
.mobile-navigation .logo {margin-bottom:20px; padding-left:15px;}
.mobile-navigation .logo img {height:23px;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:12px 15px; display:block; color:#454545; font-size:16px; line-height:1.8em;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#c9161d}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#c9161d;}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:201;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay {display:block;}
html.menu-opened .btn-m-menu {top:20px; right:15px;}
html.menu-opened .btn-m-menu span {background:none;}
html.menu-opened .btn-m-menu span:before,
html.menu-opened .btn-m-menu span:after {transition-delay:0s, 0.3s; background:#414141;}
html.menu-opened .btn-m-menu span:before {top:0; transform:rotate(45deg);}
html.menu-opened .btn-m-menu span:after {bottom:0; transform:rotate(-45deg);}

.m-search {width:100%; padding:0 10px; position:relative; margin:0 auto 20px;}
.m-search input {width:100%; border:2px solid #e31f76; border-radius:19px; line-height:38px; padding:0 20px; color:#121212; background:#fff;}
.m-search input::placeholder {color:#878787; }
.m-search button {border:0; font-size:0; background-color:transparent; position:absolute; top:50%; margin-top:-15px; right:15px; width:30px; height:30px; background-image:url('../images/common/btn_glass.png'); background-repeat:no-repeat; z-index:1; background-size:contain;}
.m-mems {margin-left:0; margin-bottom:10px;}
.m-mems ul {display:flex; margin:0;}
.m-mems ul li {padding:0 8px; position:relative; width:25%; text-align:center;}
.m-mems ul li a {color:#fff; font-size:12px; color:#dfdfdf; line-height:1.5em; position:relative; text-align:; padding:10px; display:block; background:#121212; border-radius:5px;}
.m-mems ul li a span {color:#e31f76;}
.m-mems ul li a:before {content:''; width:14px; height:14px; background-repeat:no-repeat; background-size:cover; position:absolute; top:10px; left:0; margin-left:10px;}
.m-mems ul li:nth-child(1) a:before {background-image:url('../images/common/login-icon.png'); background-position:left;}
.m-mems ul li:nth-child(2) a:before {background-image:url('../images/common/join-icon.png'); background-position:left;}
.m-mems ul li:nth-child(3) a:before {background-image:url('../images/common/basket-icon.png'); background-position:left;}
.m-mems ul li:nth-child(4) a:before {background-image:url('../images/common/info-icon.png'); background-position:left;} 




/* 황은선 */

.main-event .swiper-pagination-bullet {display:none;}
.fancybox-close {background-color:#e31f76 !important;}


    /* 기능 추가 부분 S */

.estimate-wrap {position:relative; padding-top:40px;}
.estimate-wrap h3 {font-size:24px; text-align:center; margin-bottom:20px;}
.estimate-wrap .esti-search {position:relative; margin-bottom:20px;}
.estimate-wrap .esti-search input {width:100%; line-height:40px; border:1px solid #e31f76; border-radius:20px; padding-left:20px;}
.estimate-wrap .esti-search .btn-esti {position:absolute; top:6px; right:6px; width:30px; height:30px; text-indent:-9999px; border:none; background:url(../images/common/btn_glass.png); background-size:contain;}
.estimate-wrap .esti-inner {padding-left:20px;}
.estimate-wrap .esti-inner ul li {margin-bottom:10px;}
.estimate-wrap .esti-inner ul li:last-child {margin-bottom:0px;}
.estimate-wrap .esti-inner ul li a:hover {font-weight:600; text-decoration:underline;}


.like-list h3 {margin-bottom:30px;}
.like-list .main-goods-list {margin-bottom:40px;}
.like-list .main-goods-list .item {display:block; width:20%; height:auto; padding:0 20px; border:none;}
.like-list .main-goods-list .thumb {width:60%; margin:0 auto 20px;}
.like-list .main-goods-list .info {width:100%; padding-top:0;}
.like-list .main-goods-list .info .tit {font-size:18px;}
.like-list .main-goods-list .info .price strong {font-size:18px;}
.like-list .main-goods-list .info .sale {display:inline; top:inherit; left:inherit; bottom:0; right:0; font-size:18px; width:auto;}
.like-list .main-goods-list .info .sale strong {display:inline;}
.like-list .main-goods-list .slick-arrow {display:none !important;}


.btn-download {position:absolute; top:-10px; right:0; padding:5px 20px; border:1px solid #e31f76; border-radius:5px; color:#fff; background:#e31f76; }
.btn-download:hover {color:#e31f76; background:#fff;}


.photo_re img {width:35px; margin-right:10px !important;}

.review-list-m ul .photo_review {padding-left:70px; position:relative;}
.review-list-m ul .photo_review .tit_img {position:absolute; top:50%; left:15px; width:40px; height:auto; margin-top:-20px;}

/* 포토 리뷰 두번째 시안 S */
/*

.review-list table {display:none;}
div.review_inner>ul {display:block;}
.review_inner>ul:after, .review_inner>ul .list_re:after {content:''; display:block; clear:both;}
.review_inner>ul .list_re {position:relative; float:left; width:calc(50% - 10px); height:202px; margin:0 20px 20px 0; border:1px solid #e5e5e5; border-radius:5px; padding:20px;}
.review_inner>ul .list_re:nth-child(2n) {margin-right:0;}
.review_inner>ul .list_re div {float:left;}
.review_inner>ul .list_re .review_img {display:none;}
.review_inner>ul .photo_re .review_img {display:block; width:160px; height:160px; margin-right:20px;}
.review_inner>ul .photo_re .review_img img {width:100%; height:100%;}
.review_inner .review_con ul {justify-content:left; margin-bottom:20px;}
.review_inner .product_name {font-size:16px; margin-bottom:20px;}
.review_inner .product_tit {font-size:24px; margin-bottom:20px;}
.review_inner .review_date {position:absolute; right:20px; bottom:20px;}
*/

/* 포토 리뷰 두번째 시안 E */

    /* 기능 추가 부분 E */


/* b2b */

.b2b .sub-title p {text-align:center;}
.b2b .buy-list .row-list, .event_cate .buy-list .row-list {position:relative; max-width:1280px; padding-left:0;}
.b2b .buy-list .row-list .search {width:60%;}
.b2b .buy-list .row-list .sort ul {position:absolute; top:10px; right:0;}
.b2b .buy-list .list>div, .event_cate .buy-list .list>div {width:calc(25% - 15px);}
.b2b .buy-list .list>div:nth-child(3n), .event_cate .buy-list .list>div:nth-child(3n) {margin-right:19px;}
.b2b .buy-list .list>div:nth-child(4n), .event_cate .buy-list .list>div:nth-child(4n) {margin-right:0;}
.b2b .buy-list .list .pri, .event_cate .buy-list .list .pri {color:#999; text-decoration:line-through;}
.b2b .buy-list .list .txt-box ul, .event_cate .buy-list .list .txt-box ul {display:block;}
.b2b .buy-list .list .txt-box ul li a, .event_cate .buy-list .list .txt-box ul li a {position:absolute; text-indent:-9999px; right:0; bottom:10px;}
.b2b .buy-list .list .txt-box ul li a:before, .event_cate .buy-list .list .txt-box ul li a:before {display:block; position:inherit; right:0 !important;}
.b2b .buy-list .list .txt-box ul li:first-child a:before, .event_cate .buy-list .list .txt-box ul li:first-child a:before {background-image:url(../images/common/icon_like.png);}
.b2b .buy-list .list .persnal .pri, .b2b .buy-list .list .persnal .price, .b2b .buy-list .list .persnal .like {display:none;}

.blind_persnal {position:relative;}
.blind_persnal:before {content:'기업 회원만 구매하실 수 있는 상품입니다.'; display:block; position:absolute; top:50%; left:50%; z-index:999; color:#fff; font-size:24px; margin:-20px 0 0 -150px;}
.blind_persnal:after {content:''; display:block; position:relative; top:-100%; width:100%; height:100%;  border-radius:5px; text-align:center; background:#999; z-index:6;}


/* event 두번째 시안 S */

/* event list */
.event_list {}
.event_list ul:after {content:''; display:block; clear:both;}
.event_list ul li {float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:30px;}
.event_list ul li:nth-child(2n) {margin-right:0;}
.event_list ul li a {display:flex;}
.event_list ul li a .inner_img {width:400px; height:180px; overflow:hidden; margin-right:20px; border-radius:5px;}
.event_list ul li a .inner_img img {height:100%; width:100%;}
.event_list ul li a .inner_txt {position:relative;}
.event_list ul li a .inner_txt .event_tag {display:inline-block; padding:5px 20px; border:1px solid #e31f76; border-radius:5px; margin-bottom:20px;}
.event_ing .event_tag:after {content:'진행중'; display:block; color:#e31f76;}
.event_close .event_tag {background:#e31f76;}
.event_close .event_tag:after {content:'진행중'; display:block; color:#fff;}
.event_list ul li a .inner_txt h4 {font-size:20px;}
.event_list ul li a .inner_txt p:last-child {position:absolute; bottom:0; line-height:1em;}

/* event category */
.event_banner {margin-bottom:40px;}

@media (max-width:640px) {
    
    .event_list ul li {float:none; width:100%; margin-bottom:20px;}
    .event_list ul li a .inner_txt h4 {font-size:18px;}
    
}
/* event 두번째 시안 E */


/* 황은선 */