/* BASIC css start */
/* ¸ÞÀÎ ÁÂÃø Äü¹Ù ½ºÅ¸ÀÏ */
#blk_scroll_wings {top:690px !important; }
.wings_fixed {position:fixed !important;}
.left_cate_area {display:block !important;}

/* ¸ÞÀÎÀ̹ÌÁö */
.swiper1 {width:100%; height:499px; margin:0px auto; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5;}
.swiper1 .swiper-slide {cursor:move;}
.swiper1 .swiper-slide > div {background-repeat:no-repeat;width:100%; height:499px; background-position:top center;}
.swiper1 .swiper-navi-box {position:absolute; width:auto; right:50%; margin-right:-600px; bottom:30px; z-index:11;text-align:center;}
.swiper1 .swiper-navi {display:inline-block;width:auto;text-align:center; }
.swiper1 .navi_ar_area {width:90px; height:40px; border-radius:20px; background:rgba(119,119,119,0.3); float:left; position:relative; margin-right:5px;}
.swiper1 .swiper-button-prev {background-image: url('/design/smashing72/0772marketo/main_left.png'); background-size:8px 14px; width:40px; height:40px; margin-top: 0px; top:0px; left:4px;}
.swiper1 .swiper-button-next {background-image: url('/design/smashing72/0772marketo/main_right.png'); background-size:8px 14px; width:40px; height:40px; margin-top: 0px; top:0px; right:4px;}
.swiper1 .icon_start_stop {display:inline-block; width:40px; height:40px; border-radius:40px; background:rgba(119,119,119,0.3);background-image:url('/design/smashing72/0772marketo/main_play.png'); background-size:8px 14px; background-position:center center; background-repeat:no-repeat; cursor:pointer; }
.swiper1 .icon_start_stop.pause {background-image:url('/design/smashing72/0772marketo/main_pause.png');}
.swiper1.cate_mouse_hover {overflow:visible;}

.swiper1 .inner {position:absolute;top:50%;left:50%;transform:translate(-320px,-50%);}
.swiper1 .inner .t01 {position:relative; margin:0 0 40px; font-size:17px; font-weight:700; color:#222; letter-spacing:-0.015em;}
.swiper1 .inner .t01:after {position:absolute; bottom:-21px; left:0; content:""; width:12px; height:1px; background:#b0afb6;}
.swiper1 .inner .t02 {font-size:44px; margin:0 0 40px; color:#222; line-height:52px; letter-spacing:-0.015em;}
.swiper1 .inner .t03 {font-size:17px; margin:0 0 40px; color:#222; letter-spacing:-0.015em;}
.swiper1 .inner .t04 a {display:inline-block; padding:10px 15px; border:2px solid #252525; border-radius:50px; font-size:15px; font-weight:700; color:#252525; letter-spacing:-0.025em;}
.swiper1 .inner .t04 a:hover {color:#fff; background:#252525;}

/* HOT EVENT ¿µ¿ª */
.hot_area {width:1200px; margin:0 auto;}
.hot_area ul li {float:left;}
.hot_area ul li:first-child {padding-left:0px;}
.hot_area ul li {padding-left:29px;}
.hot_area .ban_thumb {position:relative;}
.hot_area .ban_ico {position:absolute; left:0px; top:0px;}
.hot_area .ban_txt span:first-child {color:#888; font-size:13px; font-weight:700; letter-spacing:-0.025em; padding-top:22px;}
.hot_area .ban_txt span {display:block; text-align:left; letter-spacing:-0.05em; font-size:17px; line-height:1; padding-top:15px; padding-left:10px; color:#222;}
.hot_area .ev_ar {padding-top:22px; padding-right:10px;}

/* ¸ÞÀÎ À̺¥Æ® ¹è³Ê */
.ban_event {width:1200px; margin:20px auto; }
.ban_event a {display:inline-block;position:relative;font-size:0;}
.ban_event .inner {position:absolute;top:50%;left:120px;transform:translateY(-50%);white-space:nowrap;}
.ban_event .inner .t01 {margin:0 0 15px; font-size:18px; color:#353535; letter-spacing:-0.025em;}
.ban_event .inner .t02 {font-size:32px; font-weight:700; color:#353535; letter-spacing:-0.05em;}

/* ¸ÞÀÎ »óÇ°ÅÇ */
.swiper2 {width:1200px;margin:0px auto;}
.swiper2_text {height:60px; font-size:0; width:1200px; margin-bottom:0px; }
.swiper2_text li:first-child {border-left:1px solid #e5e5e5;}
.swiper2_text li { cursor:pointer; position:relative; display:inline-block;width:200px;border:1px solid #e5e5e5;height:60px;line-height:58px;box-sizing:border-box;border-left:0px;}
.swiper2_text li {color:#888; font-size:14px; text-align:center; font-weight:400; letter-spacing:-0.015em;}
.swiper2_text li.swiper_over { color:#252525;border:2px solid #222; font-weight:700;}
.swiper2 .swiper-pagination2 {display:none;}
.swiper2 .swiper-slide {display:block;background-color:#fff;border:1px solid #e5e5e5;box-sizing:border-box;padding:40px 30px;}
.swiper2 .prd-list table td {padding-bottom:0;}
.swiper2 .prd-list table .tb-center {width:262px;}

/* OUR BRAND */
.swiper_brand {width:1200px;margin:0 auto;}
.brand_logo_area {width:1200px;margin:0 auto;position:relative;text-align:center;}
.brand_logo_area .swiper-button-prev {background-image:url('/design/smashing72/0772marketo/roll_left.png');left: -19px;top:50%;width:40px;height:40px;background-size:40px 40px;margin-top:-20px;outline:none;}
.brand_logo_area .swiper-button-next {background-image:url('/design/smashing72/0772marketo/roll_right.png');right: -19px;top:50%;width:40px;height:40px;background-size:40px 40px;margin-top:-20px;outline:none;}
.brand_logo_area .br_logo_area {width:1200px; margin:0 auto; overflow:hidden;}

/* ±âÁ¸¼Ò½º */
/*.brand_logo_area .br_logo_area ul {font-size:0px;border:1px solid #e5e5e5;border-top:0;border-left:0;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.brand_logo_area .br_logo_area ul li {float:left;position:relative;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}*/

.brand_logo_area .br_logo_area ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.brand_logo_area .br_logo_area ul li {position:relative;border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.brand_logo_area .br_logo_area ul li img {max-width:100%;}
.brand_logo_area .br_logo_area ul li a {vertical-align:top;}
.brand_logo_area .br_logo_area ul li span {color:#000; position:absolute;left:0;font-size:14px; font-weight:700; letter-spacing:0.025em; line-height:98px;width:100%;height:100%;top:89px;opacity:0;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;background: rgb(202,223,228); background: linear-gradient(300deg, rgba(202,223,228,1) 0%, rgba(246,215,246,1) 100%);}
.brand_logo_area .br_logo_area ul li:hover span { background: rgb(125,174,214); background: linear-gradient(300deg, rgba(125,174,214,1) 0%, rgba(216,209,231,1) 100%);opacity:1;top:0px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

/* ¸ÞÀÎ ·Õ ¹è³Ê */
.long_ban_area {width:100%; margin:20px 0px;}
.logn_ban_inner {position:relative;height:390px;background-position:top center;}
.logn_ban_inner .inner {position:absolute;top:50%;left:50%;transform:translate(-480px,-60px);}
.logn_ban_inner .inner .t01 {position:relative; margin:0 0 15px 10px; font-size:42px; color:#ffffff; letter-spacing:-0.05em; line-height:50px; }
.logn_ban_inner .inner .t02 {font-size:16px; margin:0 0 40px; color:#ffffff; letter-spacing:-0.05em;}
.logn_ban_inner .inner .t03 a {display:inline-block; font-size:12px; color:#ffffff; letter-spacing:-0.05em;}
.logn_ban_inner .inner .t03 a img {margin:4px 0px 0 10px; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.logn_ban_inner .inner .t03 a:hover {color:#ffffff;}
.logn_ban_inner .inner .t03 a:hover img {margin:4px 0px 0 20px;}

/* BRAND! PICK */
.pick_area {width:1200px; margin:0 auto;}
.pick_area .pick_pro_area {border:1px solid #e9e9e9; min-height:788px; width:578px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.pick_area .pick_pro_area:hover {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.pick_area .pick_pro_area a {vertical-align:top;}
.pick_area .swiper_pick01 {width:516px;padding:0 14px;margin:30px auto;}
.pick_area .swiper_pick01 .swiper-button-prev {background-image: url('/design/smashing72/0772marketo/roll_left.png'); left: 0px; top:102px; width:40px; height:40px; background-size:40px 40px; margin-top:0px;}
.pick_area .swiper_pick01 .swiper-button-next {background-image: url('/design/smashing72/0772marketo/roll_right.png'); right: 0px; top:102px;width:40px; height:40px; background-size:40px 40px ;margin-top:0px;}
.pick_area .swiper_pick02 {width:516px;padding:0 14px;margin:30px auto;}
.pick_area .swiper_pick02 .swiper-button-prev {background-image: url('/design/smashing72/0772marketo/roll_left.png'); left: 0px; top:102px; width:40px; height:40px; background-size:40px 40px; margin-top:0px;}
.pick_area .swiper_pick02 .swiper-button-next {background-image: url('/design/smashing72/0772marketo/roll_right.png'); right: 0px; top:102px;width:40px; height:40px; background-size:40px 40px ;margin-top:0px;}
.pick_area .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {min-height: 560px;}

.pick_area .pick_pro_area a {display:inline-block; position:relative; font-size:0;}
.pick_area .inner {position:absolute;top:40px;left:50%;transform:translate(-50%,0%);text-align:center;}
.pick_area .inner .t01 {position:relative; margin:0 0 10px 0px; font-size:17px; color:#656565; letter-spacing:-0.035em; }
.pick_area .inner .t02 {font-size:21px; font-weight:700; color:#333333; letter-spacing:-0.035em;}

/* ¸ÞÀηѸµ ½Å»óÇ° grid5  */
.swiper_roll {width:1192px;margin:0 auto !important;padding:0 15px !important;}
.swiper_roll .swiper-button-prev {background-image: url('/design/smashing72/0772marketo/roll_left.png'); left:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}
.swiper_roll .swiper-button-next {background-image: url('/design/smashing72/0772marketo/roll_right.png'); right:0px;top:90px;width:40px;height:40px;background-size:40px 40px;margin-top:0px;}

/* TREND PICK */
.trend_area {width:1200px; margin:0 auto;}
.trend_area .tr_pro_area {width:378px; border:1px solid #e9e9e9; margin-left:30px; text-align:left; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;float:left;}
.trend_area .tr_pro_area a {vertical-align:top;}
.trend_area .tr_pro_area .prd-list {min-height:408px;padding:30px;}
.trend_area .tr_pro_area.first {margin-left:0px;}
.trend_area .tr_pro_area .trend_txt {padding:38px 30px 0px;}
.trend_area .tr_pro_area .txt1 {line-height:1; font-size:17px; color:#222; font-weight:700; letter-spacing:-0.050em; padding-bottom:18px;}
.trend_area .tr_pro_area .txt2 {line-height:24px; font-size:14px; color:#555; letter-spacing:-0.050em; }
.trend_area .tr_pro_area:hover {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
/* 1´ÜÁø¿­ »óÇ° ½ºÅ¸ÀÏ */
.trend_area .tr_pro_area .prd-list table td {border-top:1px solid #e5e5e5;padding:20px 0 0 0;}
.trend_area .tr_pro_area .prd-list table tr:first-child td {padding-bottom:20px;}
.trend_area .tr_pro_area .prd-list .thumb {float:left;width:34.595%;}
.trend_area .tr_pro_area .prd-list table .info {float:left;width:59.4%;padding:10px 0 10px 6%;}
.trend_area .tr_pro_area .prd-list .dsc {margin-top:0;}

/* only on */
.only_area {width:1200px; margin:0 auto;}
.only_area .only_ban {text-align:left; font-size:0px;float:left;}
.only_area .only_ban a {vertical-align:top;}
.only_area .only_ban .txt1 {color:#888; font-size:13px; font-weight:700; letter-spacing:-0.025em; padding-top:22px;}
.only_area .only_ban .txt2 { letter-spacing:-0.035em; font-size:18px; line-height:1; padding-top:15px; color:#222222;}
.only_area .only_ban .txt3 { letter-spacing:-0.035em; font-size:13px; line-height:1; padding-top:10px; color:#757575;}
.only_area .only_ban_right {float:right;width:611px;}
.only_area .only_ban_right table td {padding-bottom:0;}

/* HOT EVENT ¿µ¿ª */
.hot_area {width:1200px; margin:0 auto;}
.hot_area ul li {float:left;}
.hot_area ul li:first-child {padding-left:0px;}
.hot_area ul li {padding-left:29px;}
.hot_area .ban_thumb {position:relative;}
.hot_area .ban_ico {position:absolute; left:0px; top:0px;}
.hot_area .ban_txt span:first-child {color:#888; font-size:13px; font-weight:700; letter-spacing:-0.025em; padding-top:22px;}
.hot_area .ban_txt span {display:block; text-align:left; letter-spacing:-0.05em; font-size:17px; line-height:1; padding-top:15px; padding-left:10px; color:#222;}
.hot_area .ev_ar {padding-top:22px; padding-right:10px;}



#contentWrap {width:100% !important;}




/* ¸ÞÀÎ ¹Ì¸®º¸±â À§½Ã ¾ÆÀÌÄÜ */

.btn_zoom {position:absolute; bottom:0px;left:83%; text-align:center; z-index:6; width:42px; font-size:0px; opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.btn_zoom img {width:auto;height:auto;}
.prd-list table td:hover .btn_zoom {opacity:1; bottom:0px; left:85%;}


#timeSale {width:1200px;margin:50px auto 0px;}
#timeSale .content .box_prd { width: 25%; padding: 0 40px 0 0; }
#timeSale .boxTimesale {display:block; padding:0 0 0px; font-weight: 600; color: #000;}
#timeSale .boxTimesale .timeBox {display:inline-block; background-color:#fff; border:1px solid #e2e2e2; border-radius:4px; text-align:center;}
#timeSale .boxTimesale .timeBox {width:38px; height:38px; line-height:38px; font-family:'Roboto', sans-serif; font-size:20px; font-weight: 700; letter-spacing: -0.02em; }
#timeSale .boxTimesale .timeBox.days{color:#FF542A;}
#timeSale .boxTimesale .timeBox.seconds{color:#999;}
#timeSale .boxTimesale .appendtxt { display:inline-block; font-family: 'Nanum Gothic', sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -0.02em; vertical-align: -10%; }
#timeSale .info { margin-top:20px;}



/* BASIC css end */