/* BASIC css start */
#contentWrapper {margin-top:0 !important;}
#content {width:100% !important;}

#main {padding-bottom:40px;}
#main .visual {overflow:hidden; position:relative; width:1200px; height:636px; margin-bottom:70px;}
#main .visual .slides_container {width:1200px; text-align:center;}
#main .visual .slides_container li img {width:1200px; height:636px;}
#main .visual .slides_ctrl {position:absolute; top:50%; z-index:10; margin-top:-25px; cursor:pointer;}
#main .visual .slides_ctrl.prev {left:0;}
#main .visual .slides_ctrl.next {right:0;}
#main .visual .pagination {position:absolute; left:0; bottom:36px; z-index:10; width:100%; height:1px; font-size:0; text-align:center;}
#main .visual .pagination li {display:inline-block; *display:inline; *zoom:1; margin:0 4px; border:2px solid #fff; border-radius:100%; background:#fff; text-align:center;}
#main .visual .pagination li a {float:left; width:6px; height:6px; font-size:0;}
#main .visual .pagination li.activeSlide {background:transparent;}

#main .banner {margin:-12px 0 0 -12px;}
#main .banner:after {display:block; clear:both; content:'';}
#main .banner .box {float:left; width:392px; height:398px; margin:12px 0 0 12px;}
#main .banner .box4,
#main .banner .box5 {width:594px; height:400px;}

#main .title_main {display:block; clear:both; margin:100px 0 30px; text-align:center;}

#main .hot_keyword {overflow:hidden; position:relative; margin-top:100px; background:#fafafa;}
#main .hot_keyword .slide_keyword {text-align:center;}
#main .hot_keyword .slide_keyword .pagination {display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#main .hot_keyword .slide_keyword .pagination li {float:left; margin:0 7px;}
#main .hot_keyword .slide_keyword .pagination li a {display:block; min-width:99px; height:31px; border:2px solid #e5e5e5; background:#e5e5e5; color:#666; font-size:15px; line-height:31px;}
#main .hot_keyword .slide_keyword .pagination li.current a {border-color:#000; background:#fcded6; color:#000;}
#main .hot_keyword .slide_keyword .slides_ctrl {position:absolute; top:352px; z-index:10; cursor:pointer;}
#main .hot_keyword .slide_keyword .slides_ctrl.prev {left:53%; margin-left:-722px;}
#main .hot_keyword .slide_keyword .slides_ctrl.next {right:53%; margin-right:-722px;}
#main .hot_keyword .slide_keyword .slides_container {overflow:hidden; position:relative; width:1200px; margin:60px auto 75px;}
#main .hot_keyword .slide_keyword .slides_container ul {margin:0 0 0 -40px;}
#main .hot_keyword .slide_keyword .slides_container ul:after {display:block; clear:both; content:'';}
#main .hot_keyword .slide_keyword .slides_container ul li {float:left; width:270px; height:400px; margin:0 0 0 40px;}
#main .hot_keyword .slide_keyword .slides_container ul li img {width:100%; height:400px;}

#main .video_banner {position:relative; margin:100px 0;}
#main .video_banner iframe {width:100%; height:585px;}

#main .style_cordi {overflow:hidden; margin-top:100px; background:#fff1f1; text-align:center;}
#main .style_cordi .list {margin:-10px 0 100px -10px;}
#main .style_cordi .list:after {display:block; clear:both; content:'';}
#main .style_cordi .list > li {float:left; margin:10px 0 0 10px; background:#ddd;}
#main .style_cordi .list > li.box516 {width:516px; height:598px;}
#main .style_cordi .list > li.box294 {width:294px; height:294px;}
#main .style_cordi .list > li.box369 {width:369px; height:598px;}
#main .style_cordi .list > li.box253 {width:253px; height:253px;}
#main .style_cordi .list > li.box673 {width:673px; height:253px;}
#main .style_cordi .list > li.box4 {float:right;}
#main .style_cordi .list > li.box5 {clear:both; float:left;}

#main .photo_review .photo_list ul {margin:-8px 0 0 -8px;}
#main .photo_review .photo_list ul:after {display:block; clear:both; content:'';}
#main .photo_review .photo_list ul li {float:left; width:143px; height:143px; margin:8px 0 0 8px;}
#main .photo_review .photo_list ul li img {max-width:100%; height:143px;}


/* 상품후기 */

.ins { margin:0 auto; width:1240px;  border-top:1px solid #D2D2D2; padding-top:30px; text-align:center; margin-bottom:30px;}
.tit1 { display:inline-block; *display:inline;   padding: 10px;  background-color: #636363; font-weight:bold;  color:#fff;  text-decoration:none;font-size:9pt; font-family: arial,돋움; margin-bottom:30px; }


/* =========================
   썸네일 롤오버 시 어두워짐 제거
   + 위시리스트/카트 아이콘 숨김
   ========================= */

/* 썸네일 기본 */
.itembox .thumb {
    position: relative;
    overflow: hidden;
}

.itembox .thumb > a {
    display: block;
    position: relative;
}

.itembox .thumb > a img {
    display: block;
    width: 100%;
    height: auto;
    filter: none !important;
    background: transparent !important;
}

/* 롤오버 이미지 겹치기 */
.itembox .thumb > a {
    position: relative;
}

.img_basic {
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.img_ov {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

/* 호버 시 기본 이미지만 사라지게 */
.itembox:hover .img_basic {
    opacity: 0 !important;
}

/* hover 시 어두워지는 효과 전부 제거 */
.itembox:hover .thumb,
.itembox:hover .thumb > a,
.itembox:hover .thumb > a img,
.itembox:hover .img_basic,
.itembox:hover .img_ov {
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* hoverbox 자체 숨김 */
.itembox .thumb .hoverbox {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
}

/* hoverbox 안의 아이콘/버튼 숨김 */
.itembox .thumb .hoverbox .menu,
.itembox .thumb .hoverbox .cart,
.itembox .thumb .hoverbox .wish,
.itembox .thumb .hoverbox .btn,
.itembox .thumb .hoverbox ul,
.itembox .thumb .hoverbox li,
.itembox .thumb .hoverbox a,
.itembox .thumb .hoverbox img {
    display: none !important;
}

/* hoverbox 가상요소 제거 */
.itembox .thumb .hoverbox:before,
.itembox .thumb .hoverbox:after,
.itembox .thumb > a:before,
.itembox .thumb > a:after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* 혹시 다른 클래스명으로 아이콘이 붙어 있는 경우까지 숨김 */
.prdicon,
.icon_wish,
.icon_cart,
.btn_wish,
.btn_cart,
.wishlist,
.cart {
    display: none !important;
}
/* BASIC css end */