/* BASIC css start */
#contents_main{position:relative;width:100%;margin:0 auto;}

.xans-search-form .searchbox{margin:20px 0 -1px;padding:20px;}

.xans-product-menupackage{margin:0;}

.xans-product-menupackage .banner{width:100%;text-align:center;}

.xans-product-menupackage .banner img{width:100%;margin:-100px 0 30px;}

.xans-product-menupackage .title{margin:0;padding:20px 0 0;width:100%;text-align:center;}

.xans-product-menupackage .title li{display:inline-block;*display:inline;*zoom:1;}

.xans-product-menupackage .title li h2{color:#000;font-size:28px; font-weight: bold;}

.xans-product-menupackage .title li h2 .ar{padding:0 5px;font-weight:normal;color:#999;font-family:sans-serif;}

.xans-product-menupackage .title .likeButton{display:inline-block;vertical-align:top;}

.xans-product-menupackage .title .likeButton button{margin:3px;padding:0;color:#999;background:none;}

.xans-product-menupackage .title .likeButton.selected button{color:#000;}

.xans-product-menupackage .menuCategory{text-align:center;position:relative;margin:10px 0 50px;}

.xans-product-menupackage .menuCategory > li{display:inline-block;*display:inline;*zoom:1;font-size:15px;vertical-align:top;position:relative;}

.xans-product-menupackage .menuCategory > li > a{color:#666;padding:0 15px;margin:0;}

.xans-product-menupackage .menuCategory > li > a:hover{color:#000;}

.xans-product-menupackage .menuCategory > li.selected > a{color:#000;}

.xans-product-menupackage .menuCategory > li .count{font-weight:normal;}

.xans-product-menupackage .menuCategory > li > .button{position:absolute;top:5px;right:0;width:9px;height:14px;margin:1px 0 0 3px;vertical-align:top;*display:inline;*zoom:1;}

.xans-product-menupackage .menuCategory > li > ul{padding:6px 0 0 0;}

.xans-product-menupackage .menuCategory > li > ul > li{margin:8px 0 0 0;font-size:11px;line-height:14px;}

.xans-product-menupackage .menuCategory > li > ul > li > a{color:#666;}

.xans-product-menupackage .menuCategory > li > ul > li > a:hover,.xans-product-menupackage .menuCategory > li > ul > li.selected > a{color:#000;}

.xans-product-menupackage .menuCategory > li > ul > li > .button{display:none;position:relative;width:9px;height:14px;margin:1px 0 0 3px;vertical-align:top;*display:inline;*zoom:1;}

.xans-product-menupackage .subCategory{display:none;position:absolute;left:0;top:-5px;z-index:11;width:120px;margin:0;padding:4px;border:1px solid #ccc;background:#fff;text-align:left;}

.xans-product-menupackage .subCategory li{display:inline-block;*display:inline;*zoom:1;width:100%;padding:4px 10px;}

.xans-product-menupackage .subCategory li a{color:#666;}

.xans-product-menupackage .subCategory li a:hover,.xans-product-menupackage .subCategory li.selected a{color:#000;}

.xans-product-menupackage .menuCategory .button.selected{z-index:11;}

.xans-product-menupackage .menuCategory .button.selected .subCategory{display:block;}

.xans-product-normalmenu{display:none;margin-bottom:20px;font-size:11px;float:right;}

.xans-product-normalmenu .title{margin:0 0 17px;}

.xans-product-normalmenu .title h3{font-weight:normal;font-size:20px;color:#2e2e2e;text-align:center;}

.xans-product-normalmenu .function{overflow:hidden;line-height:1.8;margin:0;border-bottom:0px solid #ddd;}

.xans-product-normalmenu .prdCount{float:left;padding:0;color:#999;}

.xans-product-normalmenu ul#type{display:inline;margin:0;}

.xans-product-normalmenu ul#type li{display:inline;padding:0 10px;border-left:1px solid #e8e8e8;}

.xans-product-normalmenu ul#type li:first-child{border:0;}

.xans-product-normalmenu ul#type li a{color:#999;}

.xans-product-normalmenu ul#type li a:hover{color:#000;text-decoration:none;}

.xans-product-normalmenu .compare img{border-left:1px solid #d7d5d5;vertical-align:middle;}

.xans-product-normalmenu fieldset{margin:-1px 0 0;padding:7px 12px;border:1px solid #d7d5d6;text-align:right;background:#fbf9fa;}

.xans-product-normalmenu fieldset select{height:24px;}


.colorCategory {}
.colorCategory li { width:100px; height:26px; text-indent: -9999px; border:1px solid #ddd; }
.colorCategory li a { display:block; }
.colorCategory li:nth-of-type(1) { background:url('https://newcomfort.img11.kr/color/color_cate01.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(2) { background:url('https://newcomfort.img11.kr/color/color_cate02.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(3) { background:url('https://newcomfort.img11.kr/color/color_cate03.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(4) { background:url('https://newcomfort.img11.kr/color/color_cate04.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(5) { background:url('https://newcomfort.img11.kr/color/color_cate05.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(6) { background:url('https://newcomfort.img11.kr/color/color_cate06.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(7) { background:url('https://newcomfort.img11.kr/color/color_cate07.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(8) { background:url('https://newcomfort.img11.kr/color/color_cate08.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(9) { background:url('https://newcomfort.img11.kr/color/color_cate09.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(10) { background:url('https://newcomfort.img11.kr/color/color_cate10.jpg') center no-repeat; background-size:100px 26px; }
.colorCategory li:nth-of-type(11) { background:url('https://newcomfort.img11.kr/color/color_cate11.jpg') center no-repeat; background-size:100px 26px; }


/* °ü½É»óÇ° ¹öÆ° */
.my-wish-list { position:absolute; right:30px; bottom:20px; }
.my-wish-list img { width:32px; }

/* ºê·£µå Ä«Å×°í¸® ŸÀÌƲ -- ³ëºê¶óƼ */
.brand_wrap__nobra { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width:1440px; margin:160px auto; box-sizing: border-box; }
.brand_wrap__nobra .brand_visual { width: 100%; }
.brand_wrap__nobra .brand_visual img { display: block; width: 100%; }

.brand_wrap__nobra .brand_about { width: 840px; margin: 20px 0 0; box-sizing: border-box; }
.brand_wrap__nobra .brand_about .brand_category { width: 100%; }
.brand_wrap__nobra .brand_about .brand_category ul { display: flex; justify-content: space-between; }
.brand_wrap__nobra .brand_about .brand_category li { width: calc(12.5% - 2px); background-color: #f2f0ec; border-radius: 8px; }
.brand_wrap__nobra .brand_about .brand_category li:nth-child(even) { background-color: #dddcd9; }
.brand_wrap__nobra .brand_about .brand_category li a { display: block; padding: 10px 0; text-align: center; }
.brand_wrap__nobra .brand_about .brand_category li a img {}

.brand_wrap__nobra .brand_about .brand_feature { position: relative; margin: 8px 0 0; display: flex; background: #f2f0ec; border-radius: 8px; }
.brand_wrap__nobra .brand_about .brand_feature:after { content:''; display: block; position: absolute; left: 24px; top: 24px; width: 98px; height: 28px; background: url('https://newcomfort.img11.kr/nobra/img_tab_feature.png') }
.brand_wrap__nobra .brand_about .brand_feature .video_box { display: flex; align-items: center; }
.brand_wrap__nobra .brand_about .brand_feature .video_box video { width: 480px; margin: 20px 20px 0; }
.brand_wrap__nobra .brand_about .brand_feature .video_info { position: relative; width: 320px; overflow: hidden; }
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-wrapper {}
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-slide {}
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-slide img { padding: 0 20px; }
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-button-prev { bottom: auto; top: 48px; left: auto; right: 58px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-button-prev:after { font-size: 10px; color: #ccc; }
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-button-next { bottom: auto; top: 48px; left: auto; right: 24px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.brand_wrap__nobra .brand_about .brand_feature .video_info .swiper-button-next:after { font-size: 10px; color: #ccc; }

.brand_wrap__nobra .brand_fabric { position: relative; width: 592px; margin: 20px 0 0; overflow: hidden; border-radius: 8px; background: #e9e9e9; }
.brand_wrap__nobra .brand_fabric .swiper-slide { text-align: center; }
/* .brand_wrap__nobra .brand_fabric .swiper-slide img { width: 100%; } */
.brand_wrap__nobra .brand_fabric .swiper-button-prev { bottom: auto; top: 48px; left: auto; right: 58px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.brand_wrap__nobra .brand_fabric .swiper-button-prev:after { font-size: 10px; color: #ccc; }
.brand_wrap__nobra .brand_fabric .swiper-button-next { bottom: auto; top: 48px; left: auto; right: 24px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.brand_wrap__nobra .brand_fabric .swiper-button-next:after { font-size: 10px; color: #ccc; }

/* sort */
.utility-sortwrapper { display: flex; align-items: center; justify-content: right; }
.select-sort { position: relative; }
.select-sort .selected {}
.select-sort .selected a { display: flex; align-items: center; justify-content: space-between; width: 120px; height: 32px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; box-sizing: border-box; }
.select-sort .selected a:hover { color: #000; }
.select-sort .selected a:after { content: ''; display: block; width: 32px; height: 32px; background: 
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%23333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="icon icon-tabler icon-tabler-chevron-down" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z"/><path d="m6 9 6 6 6-6"/></svg>') no-repeat center, #f9f9f9; border-left: 1px solid #e5e5e5; }
.select-sort .selected a span { padding: 4px 8px; }

.select-sort .sort-box { display: none; position: absolute; top: 32px; left: 0; width: 120px; border: 1px solid #e5e5e5; z-index: 2; background-color: #fff; box-sizing: border-box; }
.select-sort .sort-box ul {}
.select-sort .sort-box ul li {}
.select-sort .sort-box ul li:hover { background-color: #f9f9f9; } 
.select-sort .sort-box ul li a { display: block; font-size: 12px; padding: 4px 8px; }
.select-sort .sort-box ul li a:hover { color: #000; } 
/* BASIC css end */