@import url(base.css);


#container { width:100%;  }

#header { width:100%; position:relative; display:block; height:67px; /* border-bottom:1px solid #70ceec; background:#fff; */ }
	.logo { padding:10px 0 0 20px; }
	.btn_menu { position:absolute; top:14px; font-size:19px; right:20px; border:1px solid #e0e0e0; border-radius:5px; background:-webkit-gradient(linear, left top, left bottom, from(#ececec), to(#e2e2e2)); padding:8px 10px; }

#menu1 { position:relative; width:100%;  text-align:left; height:42px; background:#464b58; color:#fff; padding:15px 0 0 0; font-size:18px; text-indent:10px;}/*2013-08-09 수정*/
/*#menu1 { position:relative; width:100%;  text-align:left; height:42px; background:#464b58; color:#fff; padding:15px 0 0 10px; font-size:18px; } */
#menu2 { position:relative; width:100%; text-align:center; height:42px; background:#f7f7f7; color:#4d4d4d; padding:15px 0 0 0; border-bottom:1px solid #c6c6c6; font-size:24px; }
#menu2 .btn_back a { text-decoration:underline; position:absolute; font-size:19px; right:0; top:6px; padding:10px; width:140px; /*background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));*/ }

#body_wrap { position:relative; width:100%; }
	.text { position:relative; display:block; width:460px; top:78px; margin:0 auto; padding:0 0 0 20px; margin:0; }
	.menu { position:relative; display:block; width:460px; top:150px; margin:0 auto; padding:0 0 0 20px; margin:0; }
	.bottom { position:absolute; padding:14px 0 0 0; height:36px; top:558px; display:block; width:100%; opacity:0.8; background:#0b0c0e; border-top:1px solid #c7c8cc; color:#fff; font-size:20px; text-align:center; letter-spacing:1px; }

#sns { width:480px; height:60px; text-align:right;background:url("../../img/common/sns_bg.gif") repeat-x; padding:16px 0 0 0;}
#sns p {display:inline-block;padding-right:15px;}

#footer { padding-bottom: 100px; position:relative; width:100%; display:block; background:#7d7e82; border-top:1px solid #70ceec; height:10px; color:#fff; text-align:center; font-size:18px; font-family:helvetica; line-height:130%; margin-bottom:105px;}
#footer span { font-size:15px; }

#fmenu{position:fixed; left:0; bottom:0; width:100%; height:auto; margin-top:-120px; z-index:999;}
#fmenu li{float:left; width:25%; height:auto; line-height:0;}
#fmenu li a img{width:100%; height:auto;}


html, body, #daum_map {margin: 0; padding: 0; width: 100%; height: 100%}


.sns_cnts{overflow:hidden;}
.sns_cnts > ul{ overflow:hidden; width:96%; margin:40px 2% ;}
.sns_cnts > ul > li{ overflow: hidden; float:left; width:48%; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box; border-radius: 5px;  }
.sns_cnts > ul > li:nth-child(2n-1){ margin-right:4%;}
.sns_cnts > ul > li > a{ display:block; height:auto;}
.sns_cnts > ul > li > a .imgW{ border-top-left-radius: 3px; border-top-right-radius: 3px;}
.sns_cnts > ul > li > a .imgW > img{ width:100%; height: auto; }
.sns_cnts > ul > li > a .textW{ padding:0 10px 12px ; }
.sns_cnts > ul > li > a .textW .type{ margin:10px 0 0; font-size:1.0em; color:#5d5d5d;}
.sns_cnts > ul > li > a .textW .tit{ margin-left:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word; height: 2.4em; line-height: 1.35em; letter-spacing:-0.7px;  font-size:1.5em; color:#5d5d5d;}
.sns_cnts > ul > li > a .textW .txt{ overflow: hidden; margin: 12px 0; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word; height: 2.7em; line-height: 1.35em; letter-spacing:-0.5px;  font-size:1.2em; color:#9d9d9d;}
.sns_cnts > ul > li > a .textW .txt2{  margin: 12px 0; word-wrap: break-word;  line-height: 1.35em; letter-spacing:-0.5px;  font-size:1.2em; color:#9d9d9d;}
.sns_cnts > ul > li > a .textW .date{ font-size:1.2em; color:#9d9d9d; }
.sns_cnts > ul > li > a .see_btn{ width:100%; border-top:1px solid #ddd;}

.sns_cnts .pageW{ width:100%;  padding:0 0 50px; text-align:center;}
.sns_cnts .pageW > a{ display:inline-block; margin:0 2px;}
.sns_cnts .pageW .pagelist{ display:inline-block;   }
.sns_cnts .pageW .pagelist li{ display:inline-block; width:28px; height:28px;  text-align:center; line-height:27px;  margin-right:4px; border:1px solid #ddd; }
.sns_cnts .pageW .pagelist li:first-child{ margin-left:0;}
.sns_cnts .pageW .pagelist li:last-child{margin-right:0;}
.sns_cnts .pageW .pagelist li > a{ display:block; }
.sns_cnts .pageW .pagelist li > a:hover{ width:100%; height: 100%; color:#fff; background-color:#5d5d5d;}
.sns_cnts .pageW .pagelist li > a.on{ width:100%; height: 100%; color:#fff; background-color:#5d5d5d;}
.sns_cnts .pageW span{  float:left;  display:inline-block; width:34px; height:34px; margin: 0 5px;  font-size:0; border:1px solid #5d5d5d; background:url('/images/community/p-next.png') no-repeat; cursor:pointer;}

.hsp { position:fixed; bottom:14%; right:10px; width:25%; font-size:0;}
.hsp img { width:100%;}
.hsp .hsp_close { position:absolute; right:0; bottom:0; width:25%; height:20%;}

/*allproduct*/
.by_line div a { font-size:0;}
.by_line ul li { position:relative}
.by_line ul li a { position:absolute; }
 
.best_sellerT { padding:0 10px; margin-bottom:30px; box-sizing:border-box;}

.Contents  { letter-spacing:-1px;}
.Contents .tab_list{ position:relative; overflow:hidden; width:100%; padding: 0 10px 27px; box-sizing:border-box; }
.Contents .tab_list:after { content:""; position:absolute; left:10px; bottom:0; width:calc(100% - 20px); height:2px; background:#4dafb0; box-sizing:border-box;}
.Contents .tab_list li{ float:left; width:50%; height:45px; line-height:45px; text-align:center; background:#f3f3f3; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.Contents .tab_list li a{ display:block; height:45px; line-height:45px; font-weight:500; font-size:24px; color:#888; text-transform:uppercase; box-sizing:border-box;}
.Contents .tab_list li a.on {color:#2d2d2d; box-sizing:border-box; color:#fff; background:#4dafb0;}
.Contents .tab_list li a span { padding-left:5px; font-size:18px; font-weight:100;}
.Contents .con_wrap { width:100%; margin-bottom:60px;}
.Contents .con_wrap .best_cnts{ border-left:1px solid #ddd;  border-right:1px solid #ddd; }
.Contents .con_wrap .best_cnts li{ overflow: hidden;  position: relative;  padding: 30px 0 10px; border-top:1px solid #ddd;}

.con_wrap > div.by_type {margin:0 10px; text-align:center;}
.con_wrap > div.by_type h3 { position:static; display:block; color:#000; text-align:left;}
.con_wrap > div.by_type ul div ul { padding:6px 0 48px; clear:both;}
.con_wrap > div.by_type ul div ul:after { content:""; display:block; clear:both;}
.con_wrap > div.by_type ul div ul li { float:left; margin-top:12px; width:33.3%; text-align:center;}
.con_wrap > div.by_type ul div ul li a{ color:#4dafb0; font-size:18px; line-height:1.3em;}
.con_wrap > div.by_type ul div ul li img { display:block; margin:0 auto;}

.con_wrap > div.by_line > ul { }
.con_wrap > div.by_line > ul li { padding:0 10px 40px;border-bottom:1px solid #4dafb0;}
.con_wrap .by_type h3 { padding:0 15px; line-height:45px; font-size:22px; font-weight:600; background:#eee;}


.fc_tb td { padding-top:15px; }



.btnbox { margin:15px 3%;  font-size:0.9em;}
.btnbox li { padding:7px 0; font-size:20px; line-height:20px; letter-spacing:-0.7px; margin-bottom:11px;}
.btnbox li input { width:25px; height:25px; margin:0 3px 0 2px; vertical-align:middle;}
.btnbox li label {display:inline-block; padding-left:5px; color:#777;}
.btnbox li:not(.allchk) { padding-left:12px;}
.btnbox .allchk { padding:10px 0 10px 5px; background:#9ad6ea; color:#000; font-size:22px; font-weight:600;}
.allchk {background:#9ad6ea; color:#000; font-size:16px; font-weight:600; }
.allchk label { color:#464b58;}
.btnbox .allchk label{ color:#464b58; vertical-align:middle;}

.btnbox.boxtype2 { padding:10px; margin:20px 0; border:1px solid #cfcfcf; box-sizing:border-box;}
.btnbox.boxtype2 li:not(.allchk) { padding:0;}
.btnbox.boxtype2 li:last-child { margin-bottom:0;}

.btnbox.nomg {margin:0;}