/* BASIC css start */
body {
  overflow-y: scroll;
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

/* visual.css */
.visual { position:relative; overflow:hidden; }
.visual img { width:100%; }

.m_banner { position:relative; overflow:hidden; padding:50px 0 120px; }
.m_banner ul { display:table; width:1120px; margin-left:-10px; }
.m_banner li { width:33.33%; float:left; text-align:center; }
.m_banner li img { width:354px; height:250px; }
.m_banner li p { overflow:hidden; width:354px; margin:0 auto; }
.m_banner li p.b_t { font-weight:bold; color:#000; padding:7px 0; border-bottom:1px solid #e8e8e8; }
.m_banner li p.b_c { padding:7px 0 0; }

.holl_section { position:relative; padding:150px 0; text-align:center; width:auto; margin:0 auto; }
.holl_section a { color:#fff; }
.holl_section a:hover { color:#000; }
.holl_section h2 { font-size:32px; font-weight:bold; padding:0; }
.holl_section p { font-size:22px; padding:0; }


/* RESLIDE.CSS */
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img { display:block; height:auto; float:left; width:100%; border:0; }
  
.rslides_container { margin-bottom:40px; position:relative; float:left; width:100%; }

.centered-btns_nav { z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:50%; left:10px; opacity:0.5; text-indent:-9999px; overflow:hidden; text-decoration:none; height:61px; width:38px; background:transparent url("/web/innoy_imgs/images/re_arrow_b.png") no-repeat left top; margin-top:-45px; } 

.centered-btns_nav:active,
.centered-btns_nav:hover { opacity:1; }

.centered-btns_nav.next { left:auto; background-position:right top; right:10px; }


.transparent-btns_nav { z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:0; left:0; display:block; background:#fff; /* Fix for IE6-9 */ opacity:0; filter:alpha(opacity=1); width:48%; text-indent:-9999px; overflow:hidden; height:91%; }

.transparent-btns_nav.next { left:auto; right:0; }


.large-btns_nav { z-index:3; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); opacity:0.6; text-indent:-9999px; overflow:hidden; top:0; bottom:0; left:10px; background:#000 url("/web/innoy_imgs/images/re_arrow.png") no-repeat left 50%; width:38px; }

.large-btns_nav:active { opacity:1.0; }

.large-btns_nav.next { left:auto; background-position:right 50%; right:10px; }


.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus { outline:none; }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs { margin-top:20px; text-align:center; }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:5px; }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a { text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#ccc; background:rgba(0,0,0, .2); display:inline-block; _display:block; *display:block; -webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); width:10px; height:10px; }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a { background:#222; background:rgba(0,0,0, .8); }
 
/* maximage.css */
/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------

	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.

*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;

	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

/* listmain_1.css */
/* 공통 */
.xans-product-1 { margin:0; }
.xans-product-1 h2 { margin:0 0 20px; font-weight:bold; font-size:20px; color:#000; text-align:center; }
.xans-product-1 img { vertical-align:middle; }

.xans-product-1.full { padding:100px 0 0; }

.xans-product-1 ul.prdList { display:table; width:1120px; margin-left:-10px; font-size:0; line-height:0; }
.xans-product-1 ul.prdList li.item { display:inline-block; *display:inline; *zoom:1; margin:20px 0; vertical-align:top; }
.xans-product-1 ul.prdList li.item .box { margin:0 auto; line-height:16px; text-align:center; }

.xans-product-1 ul.prdList li .color { overflow:hidden; display:inline-block; margin:0; }
.xans-product-1 ul.prdList.column3 li .color { /*width:176px;*/ }
.xans-product-1 ul.prdList.column4 li .color { /*width:116px;*/ }
.xans-product-1 ul.prdList.column5 li .color { /*width:76px;*/ }
.xans-product-1 ul.prdList li .chips { float:left; width:10px; height:10px; margin:2px; border:1px solid #e3e3e3; font-size:0; line-height:0; }

.xans-product-1 ul.prdList .thumb { margin:0 0 6px; border:0; }
.xans-product-1 ul.prdList .name { padding:10px 0 0; }
.xans-product-1 ul.prdList .status { margin:0; padding:0; text-align:center; line-height:0; *zoom:1; }
.xans-product-1 ul.prdList .status:after { content:""; display:block; clear:both; }
.xans-product-1 ul.prdList .icon { width:100%; }
.xans-product-1 ul.prdList .icon img { margin:0 2px; height:18px;}
.xans-product-1 ul.prdList .button { width:100%; margin:0 0 5px; }
.xans-product-1 ul.prdList .button img { margin:0 2px; cursor:pointer; }
.xans-product-1 ul.prdList .button .option { display:inline; position:relative; *zoom:1; }
.xans-product-1 ul.prdList .mileage { display:block; }
.xans-product-1 ul.prdList span.grid { display:block; }

.xans-product-listitem li { text-align:center !important; }

/* 진열방식 */
.xans-product-1 ul.column3 li.item { width:33.33%; }
.xans-product-1 ul.column3 li.item .box { width:354px; }
.xans-product-1 ul.column3 li.item .thumb { width:354px; }
.xans-product-1 ul.column4 li.item { width:25%; }
.xans-product-1 ul.column4 li.item .box { width:260px; }
.xans-product-1 ul.column4 li.item .thumb { width:260px; }
.xans-product-1 ul.column5 li.item { width:20%; }
.xans-product-1 ul.column5 li.item .box { width:204px; }
.xans-product-1 ul.column5 li.item .thumb { width:204px; }

/* module="product_ListItem" */
.xans-product-1 .xans-product-listitem { margin:0; }
.xans-product-1 .xans-product-listitem li .title { font-weight:normal; vertical-align:top; }
.xans-product-1 .xans-product-listitem li .title span { vertical-align:top; }

/* 할인기간 레이어 */
.xans-product-1 .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; *zoom:1; *display:inline; }
.xans-product-1 .discountPeriod .edge { position:absolute; left:50%; top:-6px; width:10px; height:6px; margin:0 0 0 -5px; font-size:0; line-height:0; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_tip_edge.gif") no-repeat 0 0; }
.xans-product-1 .layerDiscountPeriod { display:none; position:absolute; left:50%; top:26px; width:247px; margin:0 0 0 -124px; border:1px solid #565960; font-size:12px; background-color:#fff; }
.xans-product-1 .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.xans-product-1 .layerDiscountPeriod .content { padding:9px 10px 12px 14px; font-family:Verdana, "돋움", Dotum, sans-serif; }
.xans-product-1 .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; }
.xans-product-1 .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.xans-product-1 .layerDiscountPeriod .content p strong span { font-size:11px; }
.xans-product-1 .layerDiscountPeriod .close { position:absolute; right:14px; top:14px; }
.xans-product-1 .layerDiscountPeriod .close img { cursor:pointer; }


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination, .detail-pagination2 {padding-top:6px;}
.swiper-container img {width:100%;}

.swiper-pagination {
	position: absolute;
	bottom: 0px;
	left: 50% !important;
    margin-left:-520px !important;
	width: 1040px !important;
	text-align:right;
}
.swiper-pagination-bullet {
	padding: 5px 0;
	border-radius: 0;
	width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color:#fff;
	opacity: 1;
	background:rgba(0,0,0,0.8);
    
}
.swiper-pagination-bullet:hover {
	font-weight:bold;
    background:rgba(0,0,0,1);
    
}
.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover {
	color:#000;
	background: #fff;
    font-weight:bold;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 0 0 10px !important;    
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
 bottom:0;
}

.main_slider_next {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 24px;
    padding:14px 16px;
    margin: -26px 0 0 ;
    z-index: 10;
    cursor: pointer;
    right: 0;
    text-align:center;
    outline:none;
}
.main_slider_prev {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 24px;
    padding:14px 16px;
    margin: -26px 0 0 0;
    z-index: 10;
    cursor: pointer;
    left: 0;
    outline:none;
}
.main_slider_prev img, .main_slider_next img {width:100%;}
.swiper-slide{}
.swiper-slide a{display:block; position:relative;}
.swiper-slide img{width:100%}

.mc_txt {position:absolute; bottom:0; padding:30px 0 10px 0; width:100%; background:linear-gradient(0deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 100%); text-align:left; padding:30px 0 0 0; display:flex; justify-content: space-between; align-items: flex-end;}
.mc_txt_name { font-size: 13px; padding:10px 10px 10px 20px ; color:#fff;}
.mc_txt_price { font-size: 13px; padding:10px 20px 10px 0; color:#fff; text-align:right; min-width:84px;}
.mc_txt_price span{ font-size: 11px;}

.kakaoChPrice, .fundingPrice, .sellPrice {
    font-size: 12px;
    font-weight: bold;
    color:#666;
}

.listPrice del {
    color: #888;
    font-weight: normal;
}

.listName {
    font-size: 13px;
    color: #222;
}

.main_section_title {
    font-size: 16px;
    padding:40px 48px 8px;
    color:#000;
}

.lines_slider .swiper-slide {
    width:22%;
}

.lines_slider .swiper-slide p {
    color:#000;
    font-size:14px;
    text-align:center;
    padding:8px 0;
}

.mc_brand_txt {
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    display:table;
    
}
.mc_brand_txt div{
    display:table-cell;
    vertical-align:middle;
    font-size:13px;
}
.mc_brand_txt p{
    font-size:15px;
    margin-bottom:4px;
}
.mc_brand_txt a{
    color:#fff;
    text-decoration:underline;
}

.new_product_slider .swiper-slide{background-color:#f5f5f5;}
.new_product_slider .swiper-slide a{aspect-ratio:3/4;}

.new_arrivals_featured {
    margin:40px 46px 0; overflow:hidden;
}

.new_arrivals_featured img{
    width:100%;
    aspect-ratio:4/5;
}

.new_arrivals_featured_left {
    width:33.3333%;float:left;
}

.new_arrivals_featured_center {
    width:33.3333%;float:left;
}

.new_arrivals_featured_right {
    width:33.3333%;float:left;
}

.new_arrivals_featured_inner {
    margin:0 2px;position:relative;aspect-ratio:4/5;
}
.new_arrivals_featured_inner div{
    position: absolute;top: 50%;left: 0;transform: translateY(-50%);text-align:center;width: 100%;
    font-size:14px;
    color:#000;
}

.new_arrivals_featured_inner div p{
    font-size:16px;
    font-weight:bold;
    margin-bottom:16px;    
}

.new_arrivals_featured_inner div a{
    display:inline-block;
    line-height:18px;
    border-bottom:1px solid #000;
    margin-top:16px;
}


.best_product_slider .swiper-slide{background-color:#f5f5f5;}
.best_product_slider .swiper-slide a{aspect-ratio:3/4;}

.best_item_featured {
    margin:40px 0 0; overflow:hidden;
}

.best_item_featured img{
    width:100%;
    aspect-ratio:4/5;
}

.best_item_featured_left {
    width:50%; float:left;
}

.best_item_featured_right {
    width:50%; float:left;
}

.best_item_featured_inner {
    position:relative; aspect-ratio:4/5;
    background-size:cover;
    background-position:center center;
}

.best_item_featured_inner div{
    position: absolute; bottom:40px; left: 0; text-align:center; width: 100%;
    font-size:14px;
    color:#000;
}


.best_item_featured_inner div p{
    font-size:16px;
    font-weight:bold;
    margin-bottom:16px;    
}

.best_item_featured_inner div a{
    display:inline-block;
    line-height:18px;
    border-bottom:1px solid #000;
    margin-top:16px;
}

.main_slider_prev, .main_slider_next {
    opacity:0;
    transition:opacity 0.3s;
}
.main_slider:hover > .main_slider_prev, .main_slider:hover > .main_slider_next,
.new_arrivals_box:hover > .main_slider_prev, .new_arrivals_box:hover > .main_slider_next,
.best_item_box:hover > .main_slider_prev, .best_item_box:hover > .main_slider_next,
.selection_box:hover > .main_slider_prev, .selection_box:hover > .main_slider_next,
.lines_box:hover > .main_slider_prev, .lines_box:hover > .main_slider_next{
    opacity:1;
}


.selection_slider .swiper-slide {background-color:#f5f5f5;}
.selection_slider .swiper-slide a{aspect-ratio:1/1;}

.lines_slider .swiper-slide img{background-color:#f5f5f5;}
.lines_slider .swiper-slide a{aspect-ratio:1/1;}

.MK-product-icons img {
    margin-left: 2px;
    margin-bottom: 4px;
    height: 20px;
    width: auto !important;
}

.main_new_list{padding:0 48px; overflow:hidden;}
.main_new_item{ display: grid; gap:4px; grid-template-columns: repeat(5, 1fr);}
.main_new_item li{ }
.main_new_item li a{ display:block; position:relative;}
.main_new_item li img{ width:100%; }

@media screen and (min-width: 768px) {
    .mc_brand_txt div{font-size:15px;}
    .mc_brand_txt p{font-size:20px; margin-bottom:8px;}
}

@media screen and (min-width: 1400px) {
    .mc_brand_txt div{font-size:18px;}
    .mc_brand_txt p{font-size:30px; margin-bottom:10px;}
}

@media screen and (min-width: 1600px) {
    .mc_brand_txt div{font-size:22px;}
    .mc_brand_txt p{font-size:42px; margin-bottom:16px;}
}

.main_best_list{ padding:0 48px; overflow:hidden;}
.main_best_item{ display: grid; gap: 4px; grid-template-columns: repeat(5, 1fr);}
.main_best_item li{ }
.main_best_item li a{display:block; position:relative;}
.main_best_item li img{ width:100%; }
/* BASIC css end */