/* BASIC css start */
#main_rolling{width:100%;}
#main_rolling > div#slide {width:100%;}
#main_rolling .bx-controls-direction {display:none;}
#visitor_rolling_banner {width:100%;}
#visitor_rolling_banner > div#slide_2 {width:100%;}
#visitor_rolling_banner .bx-controls-direction {display:none;}
#visitor_rolling_banner .bx-wrapper .bx-pager {display:block;bottom:0px;padding-bottom:0px;height:8px;}
#visitor_rolling_banner .bx-wrapper .bx-pager div a{border-radius:0px;background:#ffffff;width:12px;height:1px;margin:0 3px;}
#visitor_rolling_banner .bx-wrapper .bx-pager div .bx-default-pager a:hover, #visitor_rolling_banner .bx-wrapper div .bx-pager.bx-default-pager a.active{background:#ff6600;}
#main_eventbanner_rolling{width:100%;}
#main_eventbanner_rolling > div#slide_3{width:100%;}
#main_eventbanner_rolling .bx-wrapper .bx-pager {display:none;}
#main_eventbanner_rolling .bx-controls-direction {display:none;}
/***********************스와이프 메인배너**************************/
.bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width:100%; display:block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
     transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:1px; width:100%;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ffffff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #ff6c00;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url(http://dlpworld.jpg3.kr/pjmania/mobile/main/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px; background: url(http://dlpworld.jpg3.kr/pjmania/mobile/main/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 100;
}
.bx-wrapper .bx-controls-direction a.disabled {display: block;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;	width: 35px;}

/********************** 스와이프 메인배너 끝**************************/

#main_category_1{width:100%;height:0px; padding-bottom:21.875%;position:relative;overflow:hidden;}
#main_category_1 > ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#main_category_1 > ul > li{width:25%;height:100%;float:left;display:inline-block;position:relative;}
#main_category_1 > ul > li > img{width:100%;height:100%;}
#main_category_1 > ul > li > a{width:100%;height:100%;}
#main_category_1 > ul > li > a > img{width:100%;height:100%;}

#main_category_2{width:100%;height:0px; padding-bottom:21.875%;position:relative;overflow:hidden;}
#main_category_2 > ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#main_category_2 > ul > li{width:25%;height:100%;float:left;display:inline-block;position:relative;}
#main_category_2 > ul > li > a{width:100%;height:100%;}
#main_category_2 > ul > li > a > img{width:100%;height:100%;}

.main_cate_sub{width:100%;height:30vw;position:relative;overflow:hidden;display:none;}
.main_cate_sub > ul{width:100%;height:20vw;position:absolute;top:0;left:0;display:inline-block;display:none;}
.main_cate_sub > ul > li{width:25%;height:10vw;float:left;position:relative;}
.main_cate_sub > ul > li > img{width:100%;height:10vw;}
.main_cate_sub > ul > li > a{width:100%;height:10vw;}
.main_cate_sub > ul > li > a > img{width:100%;height:10vw;}


#visitor_rolling{width:100%;height:0px;padding-bottom:12%;background:#ffffff;position:relative;overflow:hidden;}
.visitor_btn{width:100%;height:24%; position:absolute;top:50%;}
.visitor_btn > img{width:17.6%;height:100%;margin-left:2%;}
.visitor_btn a img{width:8.8%;height:100%;margin-left:1%;}

#install_delivery{width:100%;height:0px; padding-bottom:12%;background:#ffffff;position:relative;overflow:hidden;}
#install_delivery > ul{width:100%;height:29%; position:absolute; top:50%;}
#install_delivery > ul > li{width:50%;height:100%;float:left;}
#install_delivery > ul > li > img{width:34.13%; height:100%; margin-left:4%;}
#install_delivery > ul > li:last-child > img{margin-left:37%;}
#install_delivery  ul li a img{width:20.8%; height:100%;margin-left:1%;}

.ins_del_list{width:100%;height:0px;padding-bottom:20.83%;#ffffff;position:relative;overflow:hidden;}
.ins_del_list > dl{width:100%; height:100%; position:absolute; top:0; left:0;}
.ins_del_list > dl > dt{float:left;}
.ins_del_list > dl > dt:first-child{width:64.58%;height:100%;}
.ins_del_list > dl > dt:first-child > div{width:100%;height:100%;position:relative;display:inline-block;}
.ins_del_list > dl > dt:first-child > div > dl{width:45.2%;height:100%;margin-left:4.8%;}
.ins_del_list > dl > dt:first-child > div > dl:last-child{position:absolute;top:0px;left:50%;}
.ins_del_list > dl > dt:first-child > div > dl > dt {width:100%;height:100%;overflow:hidden;}
.ins_del_list > dl > dt:first-child > div > dl > dt > a {width:100%;height:100%;}
.ins_del_list > dl > dt:first-child > div > dl > dt > a > img{width:100%;height:100%;}
.ins_del_list > dl > dt:last-child{width:35.42%;height:100%;}
.ins_del_list > dl > dt:last-child > div{width:100%;height:100%;}
.ins_del_list > dl > dt:last-child > div > ul{width:82.35%;height:100%;margin-left:9.6%;}
.ins_del_list > dl > dt:last-child > div > ul > li{width:100%;height:100%;position:relative;overflow:hidden;}
.ins_del_list > dl > dt:last-child > div > ul > li > div {width:100%;height:100%;overflow:hidden;}
.ins_del_list > dl > dt:last-child > div > ul > li > div > a {width:100%;height:100%;overflow:hidden;}
.ins_del_list > dl > dt:last-child > div > ul > li > div> a > img{width:100%;height:100%;}


#best_review{width:100%;height:0px; padding-bottom:12%;background:#ffffff;position:relative;overflow:hidden;}
.best_review_btn{width:100%;height:29%; position:absolute;top:50%;}
.best_review_btn > img{width:20%;height:100%;margin-left:2%;}
.best_review_btn a img{width:10.4%;height:100%;margin-left:1%;}

#DB_banner3 img{border:0}

#DB_banner3{position:relative; width:100%;height:160px;text-align:left}
#DB_banner3 .DB_mask{position:relative;width:100%/*화살표제외사이즈*/;margin:0 auto;height:100%;overflow:hidden;;background:#f1f1f1}
#DB_banner3 .DB_imgSet{position:absolute;top:12px}
#DB_banner3 .DB_imgSet li{position:absolute;width:110px/*사이즈*/;margin-right:10px/*간격*/}
#DB_banner3 .DB_imgSet li img{width:110px;height:auto;}
#DB_banner3 .DB_imgSet li .d_arrow{position:absolute;right:0px;bottom:0px;width:16px;height:16px;}

#best_minibeam{width:100%;height:0px;padding-bottom:12%;border-bottom:1px solid #d8d8d8; background:#ffffff;position:relative;overflow:hidden;}
.best_minibeam_btn{width:100%;height:34%; position:absolute;top:50%;}
.best_minibeam_btn > img{width:27.73%;height:100%;margin-left:2%;}
.best_minibeam_btn a img{width:12%;height:100%;margin-left:1%;}

#best_projector{width:100%;height:0px;padding-bottom:12%;border-bottom:1px solid #d8d8d8; background:#ffffff;position:relative;overflow:hidden;}
.best_projector_btn{width:100%;height:34%; position:absolute;top:50%;}
.best_projector_btn > img{width:27.73%;height:100%;margin-left:2%;}
.best_projector_btn a img{width:12%;height:100%;margin-left:1%;}

#main_eventbanner01{width:100%;height:0px;padding-bottom:12%;border-bottom:1px solid #d8d8d8; background:#ffffff;position:relative;overflow:hidden;}
.main_eventbanner01_title{width:100%;height:34%; position:absolute;top:50%;}
.main_eventbanner01_title > img{width:20.27%;height:100%;margin-left:2%;}

#main_lg{width:100%;height:0px;padding-bottom:12%;border-bottom:1px solid #d8d8d8; background:#ffffff;position:relative;overflow:hidden;}
.main_lg_btn{width:100%;height:34%; position:absolute;top:50%;}
.main_lg_btn > img{width:20.27%;height:100%;margin-left:2%;}
.main_lg_btn a img{width:12%;height:100%;margin-left:1%;}

#main_eventbanner02{width:100%;height:0px;padding-bottom:30.83%;position:relative;overflow:hidden; margin-top: 8%;}
#main_eventbanner02 a img{width:100%;height:100%;position:absolute;top:0;left:0;}

#main_review{width:100%;height:0px;padding-bottom:12%; background:#ffffff;position:relative;overflow:hidden;border-bottom:1px solid #cccccc;}
.main_review_btn{width:100%;height:34%; position:absolute;top:50%;}
.main_review_btn > img{width:15.2%;height:100%;margin-left:2%;}
.main_review_btn a img{width:12%;height:100%;margin-left:1%;}

.review_list{width:100%;position:relative;display:inline-block;background:#ffffff;overflow:hidden;} 
.review_list > .review_title > ul{width:100%;letter-spacing:-1px;}
.review_list > .review_title > ul > li{float:left;}
.review_list > .review_title > ul > li:first-child{width:10%;}
.review_list > .review_title > ul > li:nth-child(2){width:25%;text-align:center;}
.review_list > .review_title > ul > li:last-child{width:65%;text-align:center;}
.review_list > li{border-bottom:1px solid #cccccc;padding:10px;position:relative;width:100%;display:inline-block;box-sizing:border-box;}
.review_list > li > ul{width:100%;position:relative;}
.review_list > li > ul > li{float:left;}
.review_list > li > ul > .left_num{width:10%;height:25vw;text-align:left;line-height:25vw;font-size:0.8em;}
.review_list > li > ul > .left_img{width:25%;height:25vw;background:#ffffff;}
.review_list > li > ul > .left_img a img{width:100%;height:100%;}
.review_list > li > ul > .right_info{width:63%;padding-left:2%;}
.review_list > li > ul > .right_info > p{padding-top:10px;color:#999999;font-size:0.9em;}

#main_guide{width:100%;height:0px;padding-bottom:12%; background:#ffffff;position:relative;}
.main_guide_btn{width:100%;height:34%; position:absolute;top:50%;}
.main_guide_btn > img{width:24%;height:100%;margin-left:2%;}
.main_guide_btn a img{width:12%;height:100%;margin-left:1%;}

.guide_btn{width:100%;height:0px;padding-bottom:47.92%;position:relative;}
.guide_btn > ul{width:100%;height:100%;position:absolute;top:0;left:0;display:inline-block;}
.guide_btn > ul > li{width:50%;height:50%;position:relative;float:left;}
.guide_btn > ul > li a img{width:100%;height:100%;position:absolute;top:0;left:0;}

#board_btn{width:100%;height:0px;padding-bottom:31.25%;position:relative;margin-top:2px;margin-bottom:40px;}
#board_btn > ul{width:100%;height:100%;position:absolute;top:0px;left:0;display:inline-block;}
#board_btn > ul > li{width:33%;height:50%;float:left;background:#f5f5f5; }
#board_btn > ul > li:nth-child(2){width:34%;}
#board_btn > ul > li:nth-child(5){width:34%;}
#board_btn > ul > li a img{width:100%;height:100%;}

.percent_img{padding-top:5px;width:8px; height:auto;}

/* BASIC css end */

