@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);/* 나눔 스퀘어*/
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap); /*font-family: 'Nanum Gothic', sans-serif;*/

/* common */
html, body {margin:0; padding:0; }

div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top; }
li { list-style:none; float:left; display:inline;}


/* style */

*{margin:0;
  padding:0;
  border:0;
  box-sizing:border-box;}
  


html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 width:100%;
	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
	 color:#1d0c01;
	 font-style:normal;
	 font-family: 'Nanum Square', 'Nanum Gothic', sans-serif;
	 width:100%;
	 background:#fff;
	 }
	 
a { color:#292929;
    text-decoration:none;}
	
	
a:hover{color:#00aff0;
        text-decoration:none;}
		
table{border:0;
      border-collapse:0;
	  border-spacing:0;}

td{vertical-align:middle;}
	  
ul, ol, li,{margin:0;
   padding:0;
   vertical-align:top;
   float:left;}
   
   
header,footer,nav,section,article,address{margin:0; padding:0; font-style:normal;}
   
.hide{display:none;}
   
/* common */

#wrap{width:100%; position:relative; max-width:1000px; min-width:320px; margin:0 auto; overflow:hidden;}

#topWrap{width:100%; max-width:1000px; min-width:320px; float:left; position:fixed; z-index:100; background:#000;}
.topWrapLine{border-bottom:1px solid #ccc;}
#topWrap .topMenu{width:100%; float:left; position:relative; padding:10px 0; z-index:100;}
#topWrap .topMenu .logo{width:100%; padding:0 2%; position:relative; float:left; text-align:left; z-index:100;}
#topWrap .topMenu .menu{position:absolute; top:13px; right:2%; z-index:110;}
#topWrap .topMenu .menu .menuShow{display:inline-block; width:50px; height:50px; background:url(../images/btnMenu.png) no-repeat center center;}
#topWrap .topMenu .slideClose{position:absolute; top:13px; right:2%; z-index:200; display:none;}
#topWrap .topMenu .slideClose .menuClose{display:inline-block; width:50px; height:50px; background-color:#000; background-image:url(../images/btnClose.png); background-repeat:no-repeat; background-position: center center;}
#topWrap .topMenu .topTel{position:absolute; top:13px; left:2%; z-index:110;}
#topWrap .topMenu .topTel a{display:inline-block; width:50px; height:50px; background:url(../images/btnTel.png) no-repeat center center;}



/* S : slide Menu*/
.slideMenuWrap{width:100%; max-width:1000px; min-width:320px; height:100%; float:left; position:fixed; top:0px; z-index:90; background:rgba(0,0,0,0.7); display:none;}

.slideMenu{width:100%; max-width:1000px; min-width:320px; position:fixed; z-index:100; background:#fff; top:77px; border-top:1px solid #dddddd; display:none;}



.slideMenu ul.menu{width:100%; margin-left:0; float:left; margin-top:0px;}
.slideMenu ul.menu li{width:100%; float:left; border-bottom:1px solid #ddddda; background:#fff; padding:0; position:relative;}
.slideMenu ul.menu li:first-child{}


.slideMenu ul.menu li a{width:100%; text-align:center; float:left; height:50px; line-height:50px; font-size:18px; color:#292929; font-weight:bold; display:inline-block; position:relative; z-index:10;}
.slideMenu ul.menu li.on a{color:#fff;}
.slideMenu ul.menu li.on{background:#000;}

.slideMenu ul.menu li span.viewSub{display:inline-block; width:10%; height:50px; line-height:50px; font-size:30px; color:#000; font-weight:bold; text-align:right; position:absolute; top:0px; right:5%; z-index:20;}
.slideMenu ul.menu li.on span.viewSub{color:#fff;}


.slideMenu ul.sub{display:none; margin-top:0; /*border-top:1px solid #ddddda;*/ float:left; width:100%; background:#f5f5f5;}
.slideMenu ul.sub li{width:100%; float:left; border-bottom:none; padding:0; background:#f5f5f5;}


.slideMenu ul.sub li a{width:100%; display:inline-block; height:40px; line-height:40px; font-size:16px; color:#292929 !important; font-weight:normal;}


.slideMenu .navWrap{width:100%; padding-bottom:0px; overflow-y:auto; float:left; background:#fff; position:relative;}

.logGnbWrap{width:100%; float:left; padding:10px; background:#000;}
.logGnb{width:100%; float:left;}
.logGnb a{display:inline-block; width:25%; float:left; text-align:center; padding:30px 5px 10px 5px; box-sizing:border-box; background-repeat:no-repeat; background-position:center 5px; color:#fff; font-size:17px;}
.logGnb a.login{background-image:url(../images/iconLogin.png);}
.logGnb a.logOut{background-image:url(../images/iconLogOut.png);}
.logGnb a.cart{background-image:url(../images/iconCart.png);}
.logGnb a.orderList{background-image:url(../images/iconOrder.png);}
.logGnb a.my{background-image:url(../images/iconMy.png);}



/* E : slide Menu*/




#footWrap{width:100%; float:left; background:#3b3b3b; padding:20px 0; position:relative; z-index:2; text-align:center; margin-top:30px;}
#footWrap .fLogo{width:100%; text-align:center;}
#footWrap .fSns{width:100%; text-align:center; padding:12px 0;}

#footWrap .fSns a{display:inline-block; width:40px; height:43px; background-repeat:no-repeat; background-position:center center;}
#footWrap .fSns a.facebook{background-image:url(../images/fSns_facebook.png);}
#footWrap .fSns a.instagram{background-image:url(../images/fSns_instargram.png);}


#footWrap .copy{width:100%; float:left; padding:0px 2%; position:relative; color:#fff; font-size:14px; text-align:center; line-height:20px;}
#footWrap .copy .fLogo{display:inline-block; padding-right:10px;}
#footWrap .copy a{display:inline-block; width:40px; height:43px; background-repeat:no-repeat; background-position:center center;}
#footWrap .copy a.facebook{background-image:url(../images/fSns_facebook.png);}
#footWrap .copy a.instagram{background-image:url(../images/fSns_instargram.png);}

#footWrap .foot{display:inline-block; position:relative; color:#fff; font-size:14px; text-align:center; line-height:20px;}
#footWrap .foot .fLogo{display:inline-block; padding-right:10px; width:155px; float:left;}
#footWrap .foot a{display:inline-block; background-repeat:no-repeat; background-position:center center; float:left;}
#footWrap .foot a.facebook{background-image:url(../images/fSns_facebook.png);  width:40px; height:43px;}
#footWrap .foot a.instagram{background-image:url(../images/fSns_instargram.png);  width:40px; height:43px;}

.fLink{width:100%; padding-bottom:20px; color:#fff; text-align:center;}
.fLink a{display:inline-block; padding:0 10px; color:#fff; text-align:center;}


.goTop{position:fixed; bottom:10px; right:2%; z-index:200;}
.goTop img{width:40px;}


@media screen and (max-width:480px){
	
	#topWrap{}
	
	
	#topWrap .topMenu .logo img{height:40px;}	
	#topWrap .topMenu .menu .menuShow{background-size:22px; width:30px; height:30px;}
	#topWrap .topMenu .menu{top:15px;}
	#topWrap .topMenu .slideClose .menuClose{background-size:22px; width:30px; height:30px;}
	#topWrap .topMenu .menuClose{top:15px;}
	#topWrap .topMenu .topTel a{background-size:30px; width:30px; height:30px;}
	#topWrap .topMenu .topTel{top:15px;}
	
	.slideMenu{top:60px;}
	
	#footWrap{padding:15px 0;}

    #footWrap .fSitemap{font-size:14px; letter-spacing:-1px; padding-bottom:10px;}
	#footWrap .fSitemap a{display:inline-block; color:#fff; padding:0 2px;}

    #footWrap .copy{font-size:14px; letter-spacing:-1px; line-height:20px;}



}


@media screen and (max-width:320px){	
	

    #footWrap .fSitemap{font-size:13px;}
    #footWrap .copy{font-size:12px;}
	


}


#subWrap{width:100%; float:left; margin-top:77px;}

@media screen and (max-width:480px){	

    #subWrap{margin-top:60px;}
}

.mCenter{width:96%; margin-left:2%; float:left;}


.MT10{margin-top:10px;}
.MT20{margin-top:20px;}
.MT30{margin-top:30px;}
.MT40{margin-top:40px;}
.MT50{margin-top:50px;}
.MT60{margin-top:60px;}
.MT70{margin-top:70px;}
.MT80{margin-top:80px;}
.MT90{margin-top:90px;}
.MT100{margin-top:100px;}

.MB10{margin-bottom:10px;}
.MB20{margin-bottom:20px;}
.MB30{margin-bottom:30px;}
.MB40{margin-bottom:40px;}
.MB50{margin-bottom:50px;}
.MB60{margin-bottom:60px;}
.MB70{margin-bottom:70px;}
.MB80{margin-bottom:80px;}
.MB90{margin-bottom:90px;}
.MB100{margin-bottom:100px;}


.wp20{width:20%;}
.wp30{width:30%;}
.wp40{width:40%;}
.wp48{width:48%;}
.wp50{width:50%;}
.wp60{width:60%;}
.wp70{width:70%;}
.wp80{width:80%;}
.wp90{width:90%;}
.wp100{width:100%;}
.wp3{width:3% !important;}

.w40{width:40px;}
.w80{width:80px;}

.fBold{font-weight:bold;}

.txtLeft{text-align:left !important;}
.txtCent{text-align:center !important;}
.txtRight{text-align:right !important;}

.fSize16{font-size:16px;}

.fCGreen{color:#3e6352;}
.fCLGreen{color:#b8cfc5;}
.fCWhite{color:#fff !important;}
.fcYellow02{color:#f8c539 !important;}


.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}


.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}


.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}


.bdTop{border-top:1px solid #cccccc;}
.bdBottom{border-bottom:1px solid #ccc;}