/* BASIC css start */
@charset "utf-8";
/* CSS Document */

.header{
	background:#fff;
	position:relative;
           z-index:1;
}
#hdrWrap{position:relative; z-index:9999;}

.header .topbg{
    width:100%;
    height:40px;
    background:#f5f5f5;
/*스크롤_픽스*/
position:fixed;
top:0;
z-index:10;
}

.header .topWrap{
    width:1190px;
    height:40px;
    margin:0 auto;
    margin-top:-1px;
}

#topmenu{
    width:790px;
    height:40px;
    float:right;
}

#topmenu li{ float: left; margin-right: 22px; text-align: center; margin-top:4px;}
#topmenu li:nth-child(8){margin-top:-1px;}
#topmenu li.topmenu_txt{padding-top:5px;}
#topmenu li.topmenu_txt>a{
    color: #777;
    font: 14px/1.5 'notoR', 'Malgun Gothic', '맑은 고딕', '돋움', sans-serif;
    letter-spacing: -.06em;
    -webkit-text-size-adjust: none;
}


#topmenu .sch-frm{
    width:122px;
    height:30px;
    position:relative;
    top:-3px;
}

.search_btn{}
.search_btn>a>img{display:inline-block; width:36px; height:36px;}


.disB{display:block !important;}    


.header .Hlogo {
    width: 1190px;
    height: 125px;
    margin: 0 auto;
    position: relative;
/*wj*/
    margin-top: 35px;
}
    
/* 감춰둔부분
.header .Hlt_cont{position:absolute; left:0; top: 60px; width: 325px; height:90px;}
.header .Hrt_cont{position:absolute; right:0; top:60px; width: 325px; height:90px;}


.header .Hlt_cont .Hlt_cont_ul{width:325px; position:relative;}
.header .Hlt_cont .Hlt_cont_ul li{position:absolute; top:0; width:100%; display:none;}

.header .Hrt_cont .Hrt_cont_ul{width:325px; position:relative;}
.header .Hrt_cont .Hrt_cont_ul li{position:absolute; top:0; width:100%; display:none;}

*/

.DisB{display:block !important;}

/*수정했던것
.header .Hlogo .logo{
	width:202px;
	height:79px;
	margin:0 auto;
	padding:30px 0 75px 0;

}
.header .Hlogo .logo  a img{
    display:block;
	width:202px;
	height:79px;
	margin:0 auto;

}*/


.header .Hlogo .logo{
	width:160px;
	height:50px;
	margin:0 auto;
	padding:45px 0 60px 0;

}
.header .Hlogo .logo  a img{
    display:block;
	width:160px;
	height:50px;
	margin:0 auto;

}

.header .Hlogo .onoff{
	position: absolute;
	width: 45px;
	height: 46px;
	top:9px;
	right:3px;
	background:url(https://ijun76.godohosting.com/html/images/c/onoff.jpg);
}


.header .gnb_Wrap{width:100%; border-top:1px solid #e8e8e8;   box-shadow: 0px 3px 5px 1px rgb(0 0 0 / 2%); border-bottom:1px solid #e4e4e4; height: 51px; background-color: white;}

.header .gnb{
	width:1190px;
	margin:0 auto;
	background:#Fff;
	position:relative;
    z-index:999;
}

.header .gnb .bg2{
	position: absolute;
	width: 130px;
	height: 50px;
	top:250px;
	right: 21px;
	background:url(https://ijun76.godohosting.com/html/images/b/bg2.jpg);
}

.header .gnb  .onoff{
	position: absolute;
	width: 45px;
	height: 46px;
	top:20px;
	right:3px;
	background:url(https://ijun76.godohosting.com/html/images/c/onoff.jpg);
}


.header .box01 li{
	float:left;
	margin:0 auto;
	position:relative; 
}
.header .box01>li:last-of-type{
	padding-right:0px;
}
.header .box01 li:last-of-type .sub_Title{
	padding-right:0px;
}
.header .box01 li a{ float:left; }
.header .box01 li .sub_Title{ line-height: 50px;
    padding: 0 23px;/*padding: 0 25px;*/
    padding-top:15px;
    display: block;
    margin: 0 auto;
    height: 50px;
    color: #777;
    font: 16px/1.5 'notoR', 'Malgun Gothic', '맑은 고딕', '돋움', sans-serif;
    letter-spacing: -.06em;
    color: #292929;}
.header .box01 li .sub_Title:hover{color:#333;}    
.header .gnb .box01{
	
	position:relative;
	width:1210px;
	margin:0 auto;
	height:43px;
	float:left;
}


.header .gnb .box01 ul li > a{
	color: #4b4b4b;
	line-height: 20px;
	font-size: 15px;
    font-weight:normal;
    letter-spacing: -.06em;
    -webkit-text-size-adjust: none;
}
.header .gnb .box01 ul{
    padding-right:10px;
}
.header .gnb .box01 ul.new_pic{
    padding-right:0px;
}
.header .gnb .box01 ul li{
    border-bottom:1px solid #e2e2e2;
}
.header .gnb .box01 ul li:last-of-type{
    border-width:0px;
}
.header .gnb .box01 ul li :hover{
	background-color:#ececec;
}
.header .gnb .box01 ul .onoff:hover .all_layer_wrap{display:none;}


.header .gnb .box01 li div.sub_Menu/*드롭다운박스*/{display:none; position:absolute;  
							background-color:rgba(255,255,255,0.95); border:1px solid #e2e2e2;  /*border-radius:0 0 5px 5px;*/
							 left:15px; margin-top:5px; box-sizing:border-box; top:50px; padding:15px 5px 20px 5px; opacity:1;}
.header .gnb .box01 li div.down_new{padding:0px;}/*세일 카테고리*/

.header .gnb .box01 li div.sub_Menu ul li{display: block; width: 100%; text-indent: 10px;}

.header .gnb .box01 li:hover >div.sub_Menu { display:block ;}

.search_btn{width:23px; height:17px; margin-top:0.4%;}

.sub_Menu  .sub_pic{position:absolute; width:215px; height:100%; /*right:0;*/ background-color:#fff; top:0; /*border-left:1px solid #4b4b4b; */ z-index:2;} 


.sub_Menu.down_best .sub_pic{left:155px;}
.sub_Menu.down_best img{width:100%;}
.sub_Menu.down01  .sub_pic{left:315px; }/*커튼*/
.sub_Menu.down02  .sub_pic{left:315px; }/*침구*/
.sub_Menu.down06 .sub_pic{left:157px;}/*씨엘키즈*/
.sub_Menu.down03  .sub_pic{left:155px; }/*블라인드*/
.sub_Menu.down04  .sub_pic{left:315px; }/*패브릭데코*/
.sub_Menu.down05  .sub_pic{left:-25px; }
.sub_Menu.down01_1  .sub_pic{left:155px; }/*커튼부자재*/
.sub_Menu.down01_2  .sub_pic{left:0px;width:196px; height:246px}/*세일상품*/


.sub_Menu  .sub_pic.best_pic{width:200px;}
/*신상품*/
.sub_Menu  ul.sub_pic.new_pic{width:100%; overflow:hidden;background-color:rgba(255,255,255,0.9);}
.sub_Menu  ul.sub_pic.new_pic li{float:left; width:144px !important; height:auto;  margin-right: 2px; /*border-left: 1px solid #ddd;*/ border-bottom: 0px solid #fff; text-indent: 0 !important; padding-left:7px;padding-top:7px;}
.sub_Menu  ul.sub_pic.new_pic li:first-child{border-left:0;}
.sub_Menu  ul.sub_pic.new_pic li img{width:100%;}

.sub_Menu  .sub_pic >div{ background-color:rgba(0,0,0,0); padding:10px; text-align:center;}

.sub_Menu .sub_ul{ float:left; width:140px;}
.sub_Menu .sub_ul li a{ display:block;padding:8px 4px; float:none;}


/*down01*/
.sub_Menu.down_new{width:625px; height:250px !important;} /* 신상품*/
.sub_Menu.down_best{width:155px; height:260px !important;}
.sub_Menu.down_best img{width:100%;}
.sub_Menu.down01{width:315px; }
.sub_Menu.down02{width:315px; }
.sub_Menu.down03{width:155px; height:250px !important;}
.sub_Menu.down04{width:315px; }
.sub_Menu.down05{width:155px; }
.sub_Menu.down06{width:155px;  height:260px;}
.sub_Menu.down01_1{width:155px; height:250px !important;}

/*wj*/
.f-nav{  z-index: 999999999; position: fixed !important;  top: 40px !important; left:0; right:0;  border-bottom:1px solid #ccc;}
.Wpt{ /*font-weight: bold;*/ color: #B27347 !important;}
/*메뉴펼침*/

.gnb_wrap{width:100%;}
.gnb .box01 .Fst-L{margin-left: 90px;}
.disB{display:block !important;}

.gnb .menuBtn{width:75px;
    height: 18px;
    position: absolute;
    top: 15px;
    margin-left: px;
    z-index:1;
}
.gnb  .Mnonoff:hover{color:#333;}
.gnb  .Mnonoff{font-size: 16px;
    
    cursor: pointer; color:#787878;}
.gnb  .Mnonoff img{position: absolute;
    top: -15px;
}

.fl{ float:left;}
.clear {
    zoom: 1;
}
.clear:after{ content:""; clear:both;}

.onoff{
	
	
	padding-bottom:10px;
}
.all_layer_wrap .tm-best {
    margin-left: 15px;
}
.header .gnb .box01 .onoff:hover  .all_layer_wrap  { display:block !important;}

.all_layer_wrap {transition:all .1s ease 0s;position:absolute;top:50px;padding: 0;z-index:6000; display:none; width:1300px;
                 text-align: left; background-color:white; }
.all_layer_wrap.layer_fixed {transition:all .1s ease 0s;padding:30px 0 8px 0;top:51px;}
 .all_layer_wrap .all_layer {transition:all .1s ease 0s;padding:25px 0 8px 0;min-width:1300px;width:1190px;position:relative;margin:0 auto; border:1px #b9b9b9 solid; box-sizing:border-box; height: 500px;/*메뉴펼침 세로길이수정*/}
 .all_layer_wrap .all_layer .all_close {}
 .all_layer_wrap .all_layer .all_menu {min-height:330px;border-right:1px #b9b9b9 solid;text-align:left;padding:10px 0 9px 0;}
 .all_layer_wrap .all_layer .all_menu h3 {line-height:17px;}
 .all_layer_wrap .all_layer .all_menu h3 a {font-weight:bold;color:#000;}
 .all_layer_wrap .all_layer .all_menu h3 .red {color:#e5615d;}
 .all_layer_wrap .all_layer dl.all_menu dt {line-height:17px;padding:0 0 15px 0;}
 .all_layer_wrap .all_layer dl.all_menu dt a {font-weight:bold;color:#2e2e2e;font-size:12px;}
 .all_layer_wrap .all_layer dl.all_menu dd {line-height:22px;}
 .all_layer_wrap .all_layer dl.all_menu dd a {color:#4b4b4b;font-size:12px;display:block; width:100%;line-height: 25px;}
 .all_layer_wrap .all_layer .all_sec01 {width:170px; margin-left:10px;}
 .all_layer_wrap .all_layer .all_sec02 {width:140px; text-indent:15px; }
 .all_layer_wrap .all_layer .all_sec03 {width:130px; text-indent:15px;}
 .all_layer_wrap .all_layer .all_sec04 {width:145px; text-indent:10px;}
 .all_layer_wrap .all_layer .all_sec05 {width:130px; text-indent:15px;}
 .all_layer_wrap .all_layer .all_sec06 {width:130px; text-indent:15px;}
 .all_layer_wrap .all_layer .all_sec07 {width:120px; text-indent:15px; border-right:0 none;}
 .all_layer_wrap .all_layer .all_sec08 {width:130px; text-indent:15px;} /* 오른쪽 라인없이할때 border-right:0 none;*/
 .all_layer_wrap .all_layer .all_menu h3 a:hover,
 .all_layer_wrap .all_layer dl.all_menu dt a:hover,
 .all_layer_wrap .all_layer dl.all_menu dd a:hover {background-color:#ececec;}
 
 .all_layer_wrap .all_layer .all_sec01 .bnr {padding:0 0 6px 0;}
 .all_layer_wrap .all_layer .all_sec01 .box_wrap {width:116px;border:1px #d0d0d0 solid;background:url(/design/maatila/2016img/bg_top_fff_opacity82.png) repeat 0 0;text-align:center;margin:0 0 4px 2px;}
 .all_layer_wrap .all_layer .all_sec01 .box_wrap a {color:#929292;font-size:10px;display:inline-block;line-height:16px;padding:18px 0 24px 0;}
 .all_layer_wrap .all_layer .all_sec01 .box_wrap a strong {color:#666;font-size:10px;display:inline-block;}
 .all_layer_wrap .all_layer .all_sec01 .box_01 {}
 .all_layer_wrap .all_layer .all_sec01 .box_02 {}
 
  .all_layer_wrap .all_layer .all_sec02 .curac{font-weight: bold; color: :#e5615d; font-size: 12px; padding:5px 0; cursor:default;}
  .all_layer_wrap .all_layer dl.all_menu dd .curac:hover {background-color:#fff; }


/*업다운 코드*/
.SMS_TopBtn { position:fixed; text-align: center; color: #000;font-weight: bold; font-size: 12px; bottom: 100px; right: 20px; line-height: 47px;
    width: 45px; height: 40px; background-color: rgba(255, 255, 255, 0); z-index: 301; padding-top: 3px; 
    cursor:pointer;border-radius:50%; }
    
.SMS_TopBtn:before { content: "\f106"; font-family: FontAwesome; font-size: 30px; color: #000;}
.SMS_TopBtn b, .SMS_BottomBtn b {display: block;}

.SMS_BottomBtn { position:fixed; text-align: center;color: #000; font-weight: bold; font-size: 12px; bottom: 53px; right: 20px; line-height: 47px;
    width: 45px; height: 36px;  background-color: rgba(255, 255, 255, 0);z-index: 301; padding-top: 6px; cursor:pointer; border-radius:50%;}
    
   
.SMS_BottomBtn:after { content: "\f107";font-family: FontAwesome; font-size: 30px; color: #000;}

.kakao_Right{position:fixed;  bottom: 150px; right: 14px; z-index:301;
    width: 60px; height: 60px;}

.n_talk{position:fixed;  bottom: 220px; right: 14px; z-index:301;
    width: 60px; height: 60px;}

/*updown-end*/

/*장바구니 수량*/
.Top_user_bk{margin-right: 15px; line-height: 25px;}
.user_basket_quantity{font-weight:bold; color:#e04242;}


/*로그인팝업*/
#login_pop { display:none; position: fixed; top: 0; bottom: 0;left: 0; right: 0; z-index: 999999; margin: 0 auto; background: rgba(0,0,0,0.25);}
#login_pop .login_popup {margin: 100px auto;
    background: #fff;
    max-width: 960px;
    width: 100%;
    height: 500px;
    position: relative;
    box-sizing: border-box; }
#login_pop .login_popup_left{width: 50%;
    border-right: 1px solid #dadada;
    box-sizing: border-box;
    float: left;
    height: 350px;
    border-bottom: 1px solid #dadada;}
#login_pop .login_popup_right{width: 50%;
    height: 349px;
    float: left;
    border-bottom: 1px solid #dadada;}
#login_pop .login_popup_bottom{padding-top: 290px;}
.login_popup .close { position: absolute; top: 0; right: 0; text-decoration: none;}

#login_pop .title {position: relative; padding-top: 52px;  margin: 0 45px;}
#login_pop .title h3 { font-size: 35px;  color: #292929; font-family: 'Lato'; font-weight: bold; }
#login_pop .title h4 {font-size:15px; color:#333; margin-top:30px; } 
#login_pop .title p.security{position:absolute;bottom:0; right:0; color:#8f8f91; font-size:11px;}
#login_pop .page-body { padding:0 45px; margin:0 auto; }
#login_pop .title.sns_tit{text-align: center;
    padding-bottom: 10px;}
#login_pop .page-body.sns_login_wrap{text-align: center;}
#login_pop .page-body p.desc{margin-bottom: 25px;}
#login_pop .page-body .mlog-sign { margin:15px 0 0; }
#login_pop .page-body .mlog-sign .frm-list li { display:block; margin-bottom:5px; }
#login_pop .page-body .mlog-sign .frm-list li label { display:block; margin-bottom:10px; color:#000; }
#login_pop .page-body .mlog-sign .frm-list li input { height:40px; line-height:40px; text-indent:12px; width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #ddd; }
#login_pop .page-body .btn_login{ width:100%; display:block; height:45px; line-height:45px; background:#232323; color:#fff; text-align:center;font-size: 14px; }
#login_pop .page-body .sign{margin-top:10px;}
#login_pop .page-body .btn_join { width:100%; display:block; height:45px; line-height:45px; background:#4b4b4b; color:#fff; text-align:center;font-size: 14px; }
#login_pop .page-body .btn_n_member{width:100%; display:block; height:45px; line-height:45px; background:#fff; color:#4b4b4b; text-align:center; 
                                      /*border:1px solid #4b4b4b*/;box-sizing: border-box;font-size: 14px;} 
#login_pop .page-body .find_wrap{margin-top:15px; text-align:right; position:relative; z-index:1;}
#login_pop .page-body .find_wrap a{color: #8f8f91;font-size: 11px;}

#login_pop .page-body .btn_login { margin-top:20px; }


/* BASIC css end */