@charset "utf-8";

body{font-family: 'NanumGothic'; font-size:100%; color:#333;}

.shop_area{width:1200px; margin:0 auto;   overflow:hidden}
.shop_favorit{width:260px; float:left;padding-top:5px; }
.shop_con{width:100%; float:right; border-left:0px solid #eee; box-sizing:border-box; padding-top:15px; padding-bottom:25px;}
.shop_category_area{}
.cate_one{ border:1px solid #dadada; overflow:hidden; border-bottom:0px; }
.cate_one ul{}
.cate_one ul li{float:left;}
.cate_one ul li a{display:block;  font-weight:bold;padding:10px 15px; border-right:1px solid #dadada; }
.cate_one ul li a:hover, .cate_one ul li a.active{background:#0bbad1; color:#fff; border-right:1px solid #0bbad1;}
.cate_two{border:1px solid #dadada; overflow:hidden; border-bottom:0px; padding:5px; background:#edf7f5}
.cate_two ul{}
.cate_two ul li{float:left; width:11%; padding:2px 0px;} /*기존 width:11%;*/
.cate_two ul li:before{content:"ㆍ";float:left;}
.cate_two ul li a{display:inline-block; padding:3px}
.cate_two ul li a:hover,.cate_two ul li a.active{background:#d6e2e0;}
.cate_three{border:1px solid #dadada; overflow:hidden; border-bottom:0px; padding:5px; background:#fbf9f5}
.cate_three ul{}
.cate_three ul li{float:left;  width:10%; padding:2px 0px;}
.cate_three ul li:before{content:"ㆍ";float:left;}
.cate_three ul li a{display:inline-block; padding:3px}
.cate_three ul li a:hover, .cate_three ul li a.active{background:#f5e4c1;}
.shop_search{border:1px solid #dadada; overflow:hidden;  padding:10px; margin-bottom:20px;}
.shop_search input{width: 130px; height:25px; line-height:25px;border: 1px solid #ccc; box-sizing:border-box; padding-left:5px; }
.shop_search select{width: 130px; height:25px; line-height:25px;border: 1px solid #ccc; box-sizing:border-box; position:Relative; top:1px;}
.shop_search a{display:inline-block;height:25px; line-height:25px; color:#fff; background:#0082d3; padding:0px 10px}
.shop_search a.toggle{background:#96c4cc}
.clear{clear:both}
h4{font-weight:bold; font-size:14px; padding-bottom:5px;}
h4 .fred{color:red}
.shop_pro_list{width:1200px; overflow:hidden; padding-top:5px;} /*기존 925px*/
.shop_pro_list ul{width:1300px; } /*기존 1000px*/
.shop_pro_list ul li{width:220px; height:300px;float:left; margin-right:27px;} /*기존 210px*/
.shop_pro_list ul li img{padding-bottom:10px;}
.shop_pro_list ul li p{padding-bottom:10px;}
.shop_pro_list ul li strong{color:#ff4b13}




/*-----  헤더부분 -----*/

#browser-shop-header{width:100%;height:68px;background-color:#1163d7;}
#browser-shop-header .header_wrap{width:860px;margin:0 auto;padding-top:8px;}
#browser-shop-header .header_wrap h1{display:inline-block;font-size:100%;line-height:1;text-indent: 0px;position:relative; top:-43px;}
#browser-shop-header .header_wrap h1 a{}
#browser-shop-header .header_wrap .search_area{width:600px;height:52px;display:inline-block;padding-left:105px;}
#browser-shop-header .header_wrap .search_area:after{content:'';display:block;clear:both;}
#browser-shop-header .header_wrap .search_area .search{width:100%;margin-bottom:10px;}
#browser-shop-header .header_wrap .search_area .search .top_search{background:#fff;height:54px;border-radius:5px 5px 5px 5px;overflow:hidden;}
#browser-shop-header .header_wrap .search_area .search .top_search input[type="text"]{height:50px;border:0;padding:5px 10px;margin-left:1px;margin-top:2px;box-sizing:border-box;
border-radius:5px 5px 5px 5px; font-size:14px;border:1px solid #ccc;}
#browser-shop-header .header_wrap .search_area .search .top_search label{padding-right:5px;
text-rendering: auto;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;
text-shadow: none;display: inline-block;text-align: start;font: 400 14px Arial;
	-webkit-writing-mode: horizontal-tb !important;
}
#browser-shop-header .header_wrap .search_area .search .top_search input[type="button"]{background:url('/image/browser/search_btn.png') no-repeat center center;
width:65px;height:50px;border:0;float:right;cursor:pointer;font-size:0px;border-radius:0 5px 5px 0;}
#browser-shop-header .header_wrap .search_area .search_add{display:inline-block;float:left;}
#browser-shop-header .header_wrap .search_area .search_add select{width:75px;height:35px;border:0;border-radius:5px 5px 5px 5px;display:inline-block;}
#browser-shop-header .header_wrap .search_area .search_add .bottom_search{display:inline-block;}
#browser-shop-header .header_wrap .search_area .search_add .bottom_search input[type="text"]{width:160px;height:35px;border:0;border-radius:5px 5px 5px 5px; font-size:14px;
padding-left:10px;}
#browser-shop-header .header_wrap .search_area .search_price{display:inline-block;float:right;position:relative; color:#fff;}
#browser-shop-header .header_wrap .search_area .search_price:after{content:'';display:block;clear:both;}
#browser-shop-header .header_wrap .search_area .search_price  input[type="checkbox"]{}
#browser-shop-header .header_wrap .search_area .search_price  label{padding-right:15px;}
#browser-shop-header .header_wrap .search_area .search_price  input[type="text"]{width:100px;height:35px;border:0;border-radius:5px 5px 5px 5px;padding-right:10px; text-align:right;
font-size:14px;}

.check-area {position:relative; text-align:left; cursor:pointer; float:left; top:12px; left:10px;}
.check-area input.checkbox {position:absolute; top:0px; left:0; opacity:0; cursor:pointer; z-index:5;}
.check-area i {float:left; display:block; width:13px; height:13px; z-index:3;position:relative; top:1px; padding-right:5px;}
.check-area i.box{ background:url(/image/browser/btn_checkbox.png)no-repeat left top;}
.check-area i.circle{ background:url(/image/common/btn_checkradio.png)no-repeat left top;}
.check-area label {float:left; cursor:pointer; font-size:12px;}
.check-area input.checkbox:checked+i {background-position:left bottom;}
.check-area input.checkbox:checked+i+label {}


/*-----  컨테이너부분 -----*/
/* 메뉴카테고리 */
#browser-shop-container{width:100%;}
#browser-shop-container .all_menu{width:100%;height:50px;border-bottom:3px solid #1163d7;}
#browser-shop-container .all_menu .all_menu_text{width:1200px;margin:0 auto; position:Relative}
#browser-shop-container .all_menu .all_menu_text p.title{font-size:1em;color:#666;font-weight:600;padding-left:60px;background:url(/image/browser/menu_icon00.png) no-repeat 15px center;
display:inline-block;position:relative; top:15px;}

#browser-shop-container .container_wrap{width:1200px;margin:0 auto; overflow:hidden}
#browser-shop-container .container_wrap:after{content:''; display:block; clear:both;}
#main_gnb{width:200px;background-color:#1163d7;float:left;display:inline-block;}
#main_gnb ul.gnb{position:relative;}
#main_gnb ul.gnb li{width:100%;height:50px;background:url(/image/browser/arrow_02.png) no-repeat 90% center;
border-bottom:1px solid #4182df;padding:0px 18px;box-sizing:border-box;}
#main_gnb ul.gnb li a.menu{font-size:14px;color:#fff;line-height:50px;}
#main_gnb ul.gnb li a img{padding-right:15px; position:Relative; top:8px;}
#main_gnb ul.gnb li:hover{background:#1c478f}
#main_gnb ul.gnb li:hover .depth02{display:block;}
/* 2차 카테고리 메뉴 */
#main_gnb ul.gnb li .depth02{width:1000px;height:400px;background-color:#fff;border:1px solid #ccc;position:absolute;left:200px;
top:0px;box-sizing:border-box;z-index: 20;display:none; padding:5px 10px;}
#main_gnb ul.gnb li .depth02 dl.dep_list{width:100%;overflow:hidden;padding:10px 10px 10px 130px; border-bottom:1px solid #ebebeb;box-sizing:border-box; position:Relative;
min-height:40px;}
#main_gnb ul.gnb li .depth02 dl.dep_list:after{content:''; display:block; clear:both;}
#main_gnb ul.gnb li .depth02 dl.dep_list dt{font-size:12px;font-weight:600;font-weight:bold; color:#1163d7; position:absolute; top:13px; left:10px; }
#main_gnb ul.gnb li .depth02 dl.dep_list dt a{ color:#1163d7; }
#main_gnb ul.gnb li .depth02 dl.dep_list dd{padding-right:20px;float:left;}
#main_gnb ul.gnb li .depth02 dl.dep_list dd a{font-size:12px;color:#333;display:block;line-height:1.8em;}

/* 큰이미지 상품 */
#browser-shop-container .container_wrap .best_item{width:1000px;float:right;margin-top:30px;display:inline-block;padding-bottom:20px;}
#browser-shop-container .container_wrap .best_item ul{width:100%;overflow:hidden;}
#browser-shop-container .container_wrap .best_item ul li{float:left;padding-left:32px; width:300px;}
#browser-shop-container .container_wrap .best_item ul li p.best_title{font-size:12px;color:#555;line-height:1.6;padding-top:5px;}
#browser-shop-container .container_wrap .best_item ul li p.best_price{font-size:1em;color:#f53a3a;font-weight:600;}
/*상품들*/
#browser-shop-container .container_wrap .items{width:100%;overflow:hidden; }
#browser-shop-container .container_wrap .items ul{width:1600px;margin-top:30px;}
#browser-shop-container .container_wrap .items ul:after{content:''; display:block; clear:both;}
#browser-shop-container .container_wrap .items ul li{float:left;width:200px; height:300px; margin-right:49px;}
#browser-shop-container .container_wrap .items ul li a p.title{font-size:12px;color:#555;line-height:1.6;padding-top:10px;}
#browser-shop-container .container_wrap .items ul li p.price{font-size:12px;color:#f53a3a;font-weight:600;}


#sub_gnb{width:200px;background-color:#fff;float:left;display:inline-block;}
#sub_gnb ul.gnb{position:relative;}
#sub_gnb ul.gnb li{width:100%;padding:0px 18px;box-sizing:border-box; background:#1c478f}
#sub_gnb ul.gnb li a.menu{font-size:14px;color:#fff;line-height:50px;}
#sub_gnb ul.gnb li a img{padding-right:15px; position:Relative; top:8px;}

#sub_gnb ul.gnb li .depth02{width:200px;background-color:#fcfcfc;border:1px solid #ccc;box-sizing:border-box; position:relative; left:-18px;}
#sub_gnb ul.gnb li .depth02 dl.dep_list{overflow:hidden;border-bottom:1px solid #ebebeb; padding-bottom:5px;}
#sub_gnb ul.gnb li .depth02 dl.dep_list dt{font-size:12px;font-weight:600;font-weight:bold; color:#1163d7; border-bottom:1px solid #eeeeee; padding:5px 10px 5px 10px; margin-bottom:5px;
background:#fff}
#sub_gnb ul.gnb li .depth02 dl.dep_list dt a{ color:#1163d7; display:block }
#sub_gnb ul.gnb li .depth02 dl.dep_list dd{padding:2px 0px; }
#sub_gnb ul.gnb li .depth02 dl.dep_list dd a{font-size:12px;color:#333;display:block; padding-left:10px;}
#sub_gnb ul.gnb li .depth02 dl.dep_list dd a:hover{text-decoration:underline}


.sub-items{width:1000px;float:right;margin-top:20px;display:inline-block;padding-bottom:20px; padding-left:50px;box-sizing:border-box; overflow:hidden; }
.sub-items ul{width:1200;}
.sub-items ul:after{content:''; display:block; clear:both;}
.sub-items ul li{float:left;width:200px; height:300px; margin-right:35px;}
.sub-items ul li a p.title{font-size:12px;color:#555;line-height:1.6;padding-top:10px;}
.sub-items ul li p.price{font-size:12px;color:#f53a3a;font-weight:600;}

.sub-menu-select{position:absolute; left:250px;font-size:12px; top:13px;}

.item-all{margin-bottom:10px;}
.item-all strong{color:red}

.pro-v-area{padding:30px 0px; width:100%; margin:0 auto}
.pro-v-area:after{content:''; display:block; clear:both;}
.pro-v-area .img-area{float:left; width:550px;}
.pro-v-area .img-area #largeImg{width:400px;float:left; text-align:center; }
.pro-v-area .img-area .smallImg{width:70px; padding:0px 10px;float:left; }
.pro-v-area .img-area .smallImg a img{width:50px; height:50px; margin-bottom:5px;}

.pro-info-area{float:right; width:650px; border-top:1px solid #e8e8e8; padding:20px 0px;box-sizing:border-box;}
.pro-info-area p{padding:10px 20px; font-weight:bold; font-size:16px; border-bottom:1px solid #eee; margin-bottom:10px;}
.pro-info-area table{  background:#f9f9f7}
.pro-info-area table th{font-weight:bold}
.pro-info-area table th, .pro-info-area table td{padding:10px 20px;}
.pro-info-area .btn-area{display:table; margin:30px auto 0px;}
.pro-info-area .btn-area a{display:block;width:200px; height:50px; text-align:center; font-size:20px; font-weight:bold; float:left; line-height:50px; color:#fff;
margin:10px; border-radius:5px;}
.pro-info-area .btn-area a.btn1{background:#333}
.pro-info-area .btn-area a.btn2{background:#1163d7}
.pro-con-area{padding:30px 0px;}
.pro-con-area .title{border-bottom:1px solid #333;  margin-bottom:30px}
.pro-con-area .title span{display:block; width:150px; text-align:center; border:1px solid #333; border-bottom:1px solid #fff; height:30px;  line-height:30px; position:Relative; top:1px;
font-size:12px; font-weight:bold}
.pro-con{text-align:center}

.clear{display:block;}
.clear:after{content:''; display:block; clear:both;}


/*cs*/
.cs{height:158px;background:#656565; text-align:center; position:relative}
.cs .btn-area{position:absolute; top:32px; right:70px;}
.cs .btn-area a{display:block; width:75px; height:28px; line-height:28px; background:#fff; font-size:14px; text-align:center; 
color:#656565; float:left; margin-left:5px; border-radius:3px;}
.cs .btn-area a:hover{background:#0bbad1; color:#fff; font-weight:bold}

#footer2{}
/*f_menu*/
.f_menu{height:59px; border-bottom:1px solid #d8d8d8; }
.f_menu .botMenu{float:left; line-height:59px; }
.f_menu .botMenu li{float:left;}
.f_menu .botMenu li a{font-size:14px;}
.f_menu .botMenu li:after{content:"|"; padding:0px 30px;}
.mCh{float:left;  line-height:59px;font-size:14px;}
.mCh strong{color:red}
.page-top{position:absolute; top:0px; right:0px;width:57px; border-left:1px solid #d8d8d8 ;border-right:1px solid #d8d8d8}
.page-top a{display:block;width:57px;height:59px; line-height:59px;text-align:center; color:#d8d8d8}

/*footer_con2*/
.footer_con2{width:1000px; margin:0 auto; padding:30px 0px;position:relative; overflow:hidden}
.footer_con2 .copyright{text-align:left; font-size:11px; color:#868686; line-height:1.5em}
.footer_con2 .botbanner{position:absolute; top:30px; right:0px;}