/* Written By MJS */

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,button{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
/* input{vertical-align:middle;padding:0;border:0;margin:0;} */ 
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}


/*================================== 최상단 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:94%;padding:3%;background:#fff;border-bottom:1px solid #ccc;text-align:center;}
#toggle-sidebar,#toggle-sidebar2{float:left;width:6%;cursor:pointer;}

#main-navbar ul{float:left;width:80%;margin:1% 4%}
#main-navbar ul li{float:left;width:24.5%;line-height:90%;border-left:1px solid #ccc;text-align:center;}
#main-navbar ul li:first-child{border-left:none;}
#main-navbar ul li a{float:left;width:100%;display:block;font-size:14px;font-weight:400;text-align:center;}

#main-sidebar,#main-sidebar2{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb,#main-sidebar2 .close-sb{height:54px;line-height:54px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a,#main-sidebar2 ul li > a{display:block;height:42px;line-height:42px;padding:0 0 0 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#555;}
#main-sidebar ul li > a:hover,#main-sidebar2 ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a,#main-sidebar2 ul li li > a{display:block;padding:0 0 0 3%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#555;}

.right_box{float:left;width:96%;margin:2%;}
.right_box a{float:left;width:28.5%;background:#fff;border:1px solid #ccc;border-radius:10px;padding:9% 0;margin:2%;font-size:13px;text-align:center;}
.right_box a img{float:left;width:40%;margin:3% 30%;}

/* 로고, 전화걸기 */
#logo_icon{position:relative;float:left;width:94%;padding:4% 3%;}
#logo_icon a.logo{float:left;width:100%;}


/* 메뉴 */
#menu{position:relative;float:left;width:94%;padding:2% 3%;background:#fff;border:1px solid #ccc;border-left:none;border-right:none;}
#menu .icon_w{float:left;width:40%;}
#menu .icon_w a{float:left;width:28%;margin-right:3%;}
.search{float:left;width:60%;background:#e5e5e5;}
.search .search_bar{float:left;width:80%;padding:2%;line-height:100%;font-size:16px;background:none;}
.search .search_btn{float:left;width:20%;}
.search input{
border:0;
border-radius: 0px;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


/* 베스트상품 슬라이드 */
.swiper-container{position:relative;float:left;width:94%;margin:0;padding:6% 3%;}
.swiper-container div{margin:0;padding:0;}
div.swiper-slide{position:relative;float:left;width:100%;margin:0;padding:0;text-align:center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
div.swiper-slide a{width:48%;margin:1%}
div.swiper-slide a p{float:left;width:100%;font-size:14px;line-height:20px;margin-top:3%;text-align:center;}


/*================================== 메인 ==================================*/
/* 메인 슬라이드 */
.promotion{position:relative;float:left;margin:0;padding:0;min-width:320px;max-width:1080px;width:100%;overflow-x:hidden;}
.slidings{margin:0;padding:0;}
#promotionBanner{margin:0;padding:0;}
.wrap{margin:0;padding:0;}
figure{margin:0;padding:0;}
#promotionBannerPagination{margin:0;padding:0;}
.pagination{margin:0;padding:0;}

/* 메인 탭 */
#container{position:relative;float:left;width:94%;padding:6% 3%;}/* 탭 디자인 */
ul.tabs{float:left;width:100%;}
ul.tabs li{float:left;width:32.9%;background:#ee746f;margin-left:-1px;border-left:1px solid #fff;border-top:1px solid #fff;overflow:hidden;}
ul.tabs li a{float:left;width:100%;padding:5% 0;display:block;font-size:12px;color:#fff;text-align:center;}
ul.tabs li.active, html ul.tabs li.active a:hover {background:#f50f06;}
.tab_container{float:left;width:98.2%;clear:both;border:1px solid #f50f06;margin-top:-1px;background:#fff;}/* 탭 내용 영역 */
.tab_content{padding:3%;}

#product{position:relative;float:left;width:94%;margin:0 3% 0 3%;}
.p_title{float:left;width:100%;font-size:20px;color:#898989;padding-bottom:2%;border-bottom:1px solid #e0e0e0;margin-bottom:3%;}
ul.p_list{float:left;width:102%;margin-left:-1%;}
ul.p_list li{float:left;display:block;width:47.7%;margin:0 1%;}
ul.p_list li a{float:left;width:100%;display:block;font-size:14px;text-align:center;letter-spacing:-1px;}
ul.p_list li a img{ margin-bottom:4%;border:1px solid #e0e0e0;}
ul.p_list li a span{margin-top:2%;font-size:80%;padding-top:2%;}


p.p_img{width:98%;}
p.p_imgm{width:90%;margin:0 5%;}
p.p_imgm img{width:99%;border:1px solid #e0e0e0;}
p.pr_subject{width:96%;margin:1%;font-size:90%;}
p.price2{width:98%;font-size:95%;letter-spacing:-1px;color:#999;text-decoration:line-through;}
p.price{width:98%;font-size:95%;letter-spacing:-1px;color:#ff9000;}


/* 메인 탭 */
#container{position:relative;float:left;width:94%;padding:6% 3%;}/* 탭 디자인 */
ul.tabs{float:left;width:100%;}
ul.tabs li{float:left;width:32.9%;background:#ee746f;margin-left:-1px;border-left:1px solid #fff;border-top:1px solid #fff;overflow:hidden;}
ul.tabs li a{float:left;width:100%;padding:5% 0;display:block;font-size:12px;color:#fff;text-align:center;}
ul.tabs li.active, html ul.tabs li.active a:hover {background:#f50f06;}
.tab_container{float:left;width:98.2%;clear:both;border:1px solid #f50f06;margin-top:-1px;background:#fff;}/* 탭 내용 영역 */
.tab_content{padding:3%;}


a.tab_quick{position:relative;float:left;width:60%;margin:0 19% 8% 19%;line-height:100%;font-size:90%;padding:2% 0;text-align:center;color:#fff;background:#666;}


/*================================== 하단 ==================================*/
/* 전화걸기, 견적문의 */
.info{position:relative;float:left;width:100%;}
.info a{float:left;display:block;width:50%;}

/* 카피라이트 */
#footer{position:relative;float:left;width:100%;border-top:1px solid #aaa;margin-top:6%;}
.copy{position:relative;float:left;width:94%;padding:3% 3% 0 3%;color:#898989;font-size:70%;}
.copy p{text-align:center;}

/* 버튼 style */
#button{position:relative;float:left;width:100%;padding:4% 0;text-align:center;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#898989;
background:#f5f5f5;
border:1px solid #e0e0e0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}


/*================================== 서브 ==================================*/
#sub_content{position:relative;float:left;width:100%;}

/* 서브 카테고리 */
.sub_title{position:relative;float:left;width:94%;padding:4% 3%;line-height:100%;font-size:120%;font-weight:bold;background:#f1f1f1;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}/* 페이지 타이틀 */

/* 서브탭 2개 */
.sub_tab{position:relative;float:left;width:100%;margin-top:1px;background:#cde7ff;}
.sub_tab li{float:left;width:49.8%;}
.sub_tab li a{display:block;width:100%;background:#cde7ff;font-size:90%;font-weight:400;text-align:center;padding:4% 0;color:#0058ab;border-left:1px solid #fff;}
.sub_tab li a.select{background:#0058ab;color:#fff;}
/* 서브탭 3개 */
.sub_tab3{position:relative;float:left;width:100%;margin-top:1px;background:#cde7ff;}
.sub_tab3 li{float:left;width:33.1%;}
.sub_tab3 li a{display:block;width:100%;background:#cde7ff;font-size:90%;font-weight:400;text-align:center;padding:4% 0;color:#0058ab;border-left:1px solid #fff;}
.sub_tab3 li a.select{background:#0058ab;color:#fff;}
/* 서브탭 4개 */
.sub_tab4{position:relative;float:left;width:100%;margin-top:1px;background:#cde7ff;}
.sub_tab4 li{float:left;width:24.8%;}
.sub_tab4 li a{display:block;width:100%;background:#cde7ff;font-size:90%;font-weight:400;text-align:center;padding:8% 0;color:#0058ab;border-left:1px solid #fff;}
.sub_tab4 li a.select{background:#0058ab;color:#fff;}

.sub_list ul{float:left;width:100%;}
.sub_list ul li{float:left;width:28%;text-align:left;padding:0 2%;font-size:70%;border-left:1px solid #ccc;}
.sub_list ul li:first-child{padding-left:0;border-left:0;}

.sub_list{position:relative;float:left;width:93.3%;margin:0 3%;border-right:1px solid #eee;}
.sub_list ul{float:left;width:100%}
.sub_list ul li{float:left;width:29%;padding:2%;text-align:left;font-size:70%;border-left:1px solid #eee;border-bottom:1px solid #eee;}
/* 서브 정렬값 */
.sub_align{position:relative;float:left;width:94%;margin:0 3%;}
.sub_align span{float:left;display:block;width:98%;font-size:90%;margin:6% 0 3% 0;color:#333;}
.sub_align ul{float:left;width:99.5%;border-top:1px solid #eee;border:1px solid #eee;border-left:none;background:#f9f9f9;margin-bottom:6%;}
.sub_align ul li{float:left;width:19%;padding:1% 0;text-align:center;border-left:1px solid #eee;background:#f9f9f9;}
.sub_align ul li a{font-size:66%;}

.page_content{position:relative;float:left;width:94%;padding:3%;margin-bottom:5%;}


/*=================================== 상세페이지 ===================================*/
#detail{position:relative;float:left;width:100%;}
.dtl_title{float:left;width:96%;font-size:100%;font-weight:600;color:#000;padding-left:3%;margin-bottom:3%;border-left:4px solid #f50f06;}

.dtl_top{position:relative;float:left;width:98%;border:5px solid #000;}
.dtl_top img{width:100%;}

/* 상세보기타이틀, 상세 내용 */
.dtl_btm{position:relative;float:left;width:100%;}
.dtl_tt{float:left;width:96%;font-size:90%;font-weight:600;color:#000;padding-left:3%;margin-bottom:3%;border:1px solid #ccc;background:#f7f7f7;margin-top:5%;}
.dtl_cont{float:left;width:100%;}


/* 제품상세설명 */
.dtl_cont_list{position:relative;float:left;width:93%;background:#fff2e8;border:3px solid #ff811b;padding:3%;}
.dtl_cont_list ul{float:left;}
.dtl_cont_list ul li{float:left;width:100%;font-size:90%;font-weight:600;color:#000;}
table.dtl_tbl{position:relative;float:left;width:100%;border-top:1px solid #ccc;margin-top:2%;}
table.dtl_tbl th{width:30%;background:#f0f0f0;font-weight:600;color:#000;}
table.dtl_tbl td{color:#4b4b4b;}
table.dtl_tbl th,table.dtl_tbl td{padding:2%;font-size:90%;border-bottom:1px solid #ccc;}


/* 페이징 고정 소스 */
.paging_w{position:relative;float:left;width:100%;margin:5% 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;text-align:center;}
.paging ul li a{float:left;display:block;font-size:90%;padding:0 5px;margin:0 2px;color:#898989;background:#fafafa;border:1px solid #e0e0e0;}
.paging ul li.on{float:left;display:block;font-size:90%;padding:0 5px;margin:0 2px;border:1px solid #555;background:#898998;color:#fff;font-weight:600;}


/* 이미지 크기 제멋대로일때 잡아주는 소스 */
@media screen and (min-width:320px) and (max-width:420px) {
p.p_imgm img{height:160px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
ul.p_list li{float:left;width:31.1%;margin:0 1%;min-height:210px;}
p.p_imgm img{height:240px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
ul.p_list li{float:left;width:31.1%;margin:0 1%;min-height:260px;}
p.p_imgm img{height:320px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
ul.p_list li{float:left;width:31.1%;margin:0 1%;min-height:340px;}
p.p_imgm img{height:400px;}
}


/* 서브탭 3개 */
.snb_tab{position:relative;float:left;width:100%;background:#d1ecf6;}
.snb_tab li{float:left;width:33.1%;}
.snb_tab li a{display:block;width:100%;background:#d1ecf6;line-height:140%;font-size:90%;font-weight:bold;text-align:center;padding:6% 0;color:#898989;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.snb_tab li a.select{background:#00a0e9;color:#fff;}

.snb2_tab{position:relative;float:left;width:100%;background:#fff;}
.snb2_tab li{float:left;width:33.1%;}
.snb2_tab li a{display:block;width:100%;background:#fff;line-height:140%;font-size:90%;font-weight:bold;text-align:center;padding:6% 0;color:#898989;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.snb2_tab li a.select{background:#fff;color:#fff;}