/* BASIC css start */
/*body #main .m-visual .f2s-swiper {max-width:3330px; width:100% !important;}
body #main .m-visual .swiper-container {width:100% !important;}
body #main .m-visual .swiper-slide img {opacity:0.3;}
body #main .m-visual .swiper-slide-active img {opacity:1;}

#mainSlideBnr {position:relative; height:520px; overflow:hidden; width:100%;text-align:center;}
#mainSlideBnr .bx-wrapper {position:absolute; left:50%; margin-left:-1650px;}
#mainSlideBnr .slider {overflow:hidden;}
#mainSlideBnr .slider li {width:1100px !important; text-align:center;}
*/

.tb-c .img {position:relative; width:256px; height:256px;}
.tb-c .img:hover div {display:block;}
.tb-c .img div {position:absolute; bottom:0; padding-bottom:5px; width:100%; display:none;}
.tb-c .img div ul {margin:0 auto;}
.tb-c .img div ul li {float:left; margin-left:5px;}
    #mainSlideBnr {position:relative; height:520px; overflow:hidden; width:100%; text-align:center; margin-bottom:12px; margin-top:5px;}
	#mainSlideBnr .bx-wrapper {max-width:3300px; position:absolute; left:50%; margin-left:-1650px;}
	#mainSlideBnr .bx-controls {position:absolute; top:235px; left:0; margin:0 0 0 1100px; width:1100px;}
	#mainSlideBnr .bx-wrapper .bx-controls-direction A {position:relative;}
	#mainSlideBnr .bx-wrapper .bx-prev {float:left;}
	#mainSlideBnr .bx-wrapper .bx-next {float:right;}
	#mainSlideBnr .bx-wrapper .slider4 div {width:1100px !important; text-align:center;}
	#mainSlideBnr .bx-pager {display:none;}
	#mainSlideBnr .btn_arrow .aa {position:absolute; right:50%; height:100%; top:0; background:url('/design/intheroom/topmenu/visubg.png') 0 0; width:50%; margin-left:1100px; margin-right:550px; opacity:0.9;}
	#mainSlideBnr .btn_arrow .bb {position:absolute; left:50%; height:100%; top:0; background:url('/design/intheroom/topmenu/visubg.png') 0 0; width:50%; margin-left:550px; opacity:0.9;}
	#mainSlideBnr .bx-wrapper .bx-controls-direction A {text-indent:-9999px; z-index:498; margin-top:0 !important; top:0 !important; width:64px !important; height:64px !important;}
	#mainSlideBnr .bx-wrapper .bx-prev {margin-left:10px; background:url(/design/intheroom/topmenu/visuarrL.png) no-repeat 0 0 !important; }
	#mainSlideBnr .bx-wrapper .bx-next {margin-right:10px; background:url(/design/intheroom/topmenu/visuarrR.png) no-repeat 0 0 !important; }


.bcon {padding:0 10px; line-height:17px; color:#777;}
.bcon h3 {font-size:13px; font-weight:600; color:#66667b; margin:0 0 10px 0;}
.bcon em {display:block; margin:20px 0 20px 0;}


#main .m-visual { margin-bottom:12px; }
#main .m-banner {width:1100px; margin-bottom:76px; *zoom:1;}
#main .m-banner:after, #main .prd-list .price:after, #main .miniban:after, #main .community:after, #main .community .instaPhoto:after,
#main .community .noti .cs:after {content:""; display:block; clear:both;}
#main .m-banner ul {margin-left:-8px;}
#main .m-banner ul li {float:left; margin-left:7px;cursor: pointer;}
#main .b-tit { position: relative; margin-bottom: 18px;  }
#main .prd-list { margin-bottom: 76px; }
#main .prd-list .price {*zoom:1;}
#main .prd-list .flp {float:left; display:inline-block; }
#main .prd-list .flp b {color:#acacac; font-size:13px; text-decoration:line-through;}
#main .prd-list .flp em {font-style:normal; padding:0 3px; background:#00ae77; color:#fff; font-size:12px; border-radius:3px;}
#main .prd-list .frp {float:right; display:inline-block; text-align:right; }
#main .miniban {width:1100px; margin-bottom:120px; overflow:hidden; *zoom:1;cursor: pointer;}
#main .miniban ul {margin-left:-10px;}
#main .miniban ul li {float:left; margin-left:10px;}
#main .sell-visual { margin-bottom:76px; }
#main .community {width:1100px; margin-bottom:120px; overflow:hidden; *zoom:1;}
#main .community .insta, #main .community .blog, #main .community .noti {float:left; border:1px solid #cfcfcf; width:33%; height:405px;}
#main .community .blog, #main .community .noti {margin-left:-1px;}
#main .community p {background:#f5f5f5; height:40px; line-height:40px; padding-left:20px; border-bottom:1px solid #fff; color:#676767; font-weight:800; font-size:12px;}
#main .community .comcon {border-top:1px solid #cfcfcf; height:365px;}
#main .community .instaPhoto {overflow-y:auto; height:363px; *zoom:1;}
#main .community .instaPhoto ul {margin:10px 0 0 10px; }
#main .community .instaPhoto ul li {float:left; margin:4px; width:103px; height:103px; background:#f7f7f7;}
#main .community .instaPhoto ul li img {width:100%; height:100%;}
#main .community .blog .bcon {overflow-y:auto; height:363px;}
#main .community .blog .bcon .cwrap {display:block; margin:10px 10px 0 10px; }
#main .community .noti .cs {background:#f8f8f8; border-top:1px solid #cfcfcf; *zoom:1;}
#main .community .noti .cs ul {width:350px; margin:10px auto; padding-bottom:10px;}
#main .community .noti .cs ul li {margin:6px; display:inline-block;}
#main .community .notilist { height:94px;}
#main .community .notilist ul {margin:10px 0 0 24px;}
#main .community .notilist ul li span {float:right; padding-right:24px; color:#a4a4a4;}
#main .community .notilist ul li {padding-left:10px; line-height:20px; background:url(/design/intheroom/topmenu/dot.gif) no-repeat 0 10px;}
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }
body .icon-angle-left {background:url(/design/intheroom/topmenu/visuarrL.png) no-repeat 0 0; width:64px; height:64px; font-size:0 !important;}
body .icon-angle-right {background:url(/design/intheroom/topmenu/visuarrR.png) no-repeat 0 0; width:64px; height:64px; font-size:0 !important;}
body #f2s-rolling-container2 .swiper-pagination-bullet {border-radius:5px !important; margin:0 5px 0 0 !important;}
body .swiper-container-horizontal .swiper-pagination {padding:2px 20px 2px 0 !important;}

/* 레이어팝업 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 20%; left: 50%; height:auto;  background-color:rgba(191, 190, 190, 0.76);z-index: 10;}	
.pop-layer .pop-container {padding: 15px 15px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; text-align:right;position: absolute;top: 20px;right: 30px; padding-top: 10px;}
a.cbtn {display:inline-block;}	

/* 닫기버튼 */
.outer {position: absolute; width: 35px; cursor: pointer; right: 22px; top: 20px;}
.inner {width: inherit;text-align: center;}
label { font-size: .8em; line-height: 4em; text-transform: uppercase; color: #000; transition: all .3s ease-in; opacity: 0; cursor: pointer;}
.inner:before, .inner:after {position: absolute;content: '';height: 2px;width: inherit;background: #000;left: 0;transition: all .3s ease-in;}
.inner:before {top: 47%; transform: rotate(45deg); }
.inner:after {bottom: 50%;transform: rotate(-45deg);}
.outer:hover label {opacity: 1;}
.outer:hover .inner:before, .outer:hover .inner:after {transform: rotate(0);}
.outer:hover .inner:before {top: 0;}
.outer:hover .inner:after {bottom: 0;}


/* BASIC css end */