@charset "utf-8";
/* CSS Document */



body{font-size:14px; font-weight:300; font-family: 'Noto Sans KR' !important; }

	/*본고딕 웹폰트 가져오기 180124 morenvy.com*/
	/*Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/
	
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 100; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 300; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
	} 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 400; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 500; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 700; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 900; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
	 } 
	/*노토 웹폰트 사용 end*/	
		
	
a{text-decoration:none !important; color:inherit;}
ul, ol{list-style:none; padding:0;}
clearfix::after{content:""; display:block; clear:both;}


#header_bg{
	width:100%;
	height:210px;
	background:#252837;
	}
	
#i_header{
	width:1200px;
	height:210px;
	margin:0 auto;
	position:relative;
	}	

#top_left{
	position:absolute;
	left:0;
	top:5px;
	}
	
#top_left li{
	float:left;
	margin-right:15px;
	color:#ddd;
	}	

#i_lnb{
	position:absolute;
	right:0;
	top:5px;
	}	
	
#i_lnb li{
	float:left;
	margin-left:15px;
	color:#ddd;
	}	
	
#i_logo{
	position:absolute;
	left:0;
	top:60px;
	}	

/*nav{
	position:absolute;
	bottom:0;
	left:0;
	width:1200px;
	height:55px;
	background:url(/images/gnb_bg.jpg) center top no-repeat;
	}	

nav ul li{
	w idth:8.3%;
	float:left;
	text-align:center;
	}	
nav ul li a{
	display:block;
	line-height:55px;
	padding:0px 15.4px;
	color:#fff;
	font-size:17px;
	transition:all .5s;
	}
nav ul li:hover a{
	background:rgba(255,255,255,0.3);
	}		
		*/
nav ul li.hot a{
	background:#ed1c24;
	}
	
	
	

/* ****************** GNB ********************** */
.gnb-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#222; opacity:0.5;filter:Alpha(opacity=50); z-index:98;}
#gnb2depBg{position:absolute; top:50px; width:100%; height:0; z-index:98; background:rgba(255,255,255,1); visibility:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb2depBg:before{display:block; content:""; width:602px; height:100%; background:url(/images/layout/gnb_2dep_wrap_bg.jpg) no-repeat left top; position:absolute; top:0; left:50%; margin-left:-960px;}
#gnb2depBg.active{height:380px; visibility:visible; border-top:1px solid #333;}

#gnb{position:absolute; bottom:0; width:100%; z-index:100; background-color:transparent; text-align:center;}
#gnb > ul{width:100%; text-align:center;}
#gnb > ul > li{display:inline-block; vertical-align:top; wid th:197px; padding:0 5px; text-align:center; margin-left:-3.5px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li:first-child{margin-left:0;}
#gnb > ul > li > a{display:block; font-size:16px; line-height:50px; padding:0 10px; color:#fff; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li > a:before{display:inline-block; content:""; width:19px; height:12px; background:url(/images/layout/gnb_li_bg.png) no-repeat; position:absolute; top:50%; margin-top:-6px; left:-10px;}
#gnb > ul > li:first-child > a:before{display:none;}

#gnb > ul > li .gnb-2dep-wrap{width:100%; z-index:99; position:absolute; top:50px; left:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;  -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s;}
#gnb > ul > li .gnb-2dep-wrap.open{height:380px; opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; transition-duration:0.15s;}

#gnb > ul > li .gnb-2dep-wrap .gnb-2dep-inner{height:100%; position:relative;}
.gnb-2dep-inner .gnb-2dep-info{width:20%; max-width:240px; float:left; height:100%; text-align:left; position:relative; }
.gnb-2dep-info{background:#252837;  padding:30px;}
.gnb-2dep-info > h2{font-size:30px; color:#fff; font-weight:700; letter-spacing:-0.75px; padding-top:50px; margin-bottom:5px; }
.gnb-2dep-info > strong{display:block; font-size:30px; line-height:50px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:20px;}
.gnb-2dep-info > p{font-size:16px; line-height:25px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; font-family:'Noto Sans KR'}
.gnb-2dep-info > img{margin:55px 0 0 10px;}

#gnb .gnb-2dep{width:90%; max-width:960px; float:left; height:100%; margin-top:7px;}
#gnb .gnb-2dep > li{float:left; width:18%; max-width:209px; padding-top:10px; margin-left:2%;  }
#gnb .gnb-2dep > li img{ma x-width:100%;  }
#gnb .gnb-2dep > li p{font-size:16px; line-height:60px; color:#666; letter-spacing:-0.75px; font-weight:400;  }
#gnb .gnb-2dep > li:hover img{}
#gnb .gnb-2dep > li:hover p{color:#8E1A16; background:#f1f1f1;}


	
	
	
	
	
	
	
	
#i_search{
	position:absolute;
	left:50%;
	top:65px;
	margin-left:-175px;
	background:#404354;
	width:350px;
	height:50px;
	border-radius:50px;
	padding:12px 20px;
	}	

#top_icon{
	position:absolute;
	right:0;
	top:50px;
	}

#top_icon li{
	float:left;
	margin-right:20px;
	text-align:center;
	color:#fc8e10;
	font-size:15px;
	}		
#top_icon li img{
	display:block;
	margin-bottom:5px;
	margin-left:6px;
	}	
	


.visu_box{
	width:1200px;
	height:330px;
	margin:0 auto 20px;
	}
.i_visu{
	width:875px;
	height:330px;
	margin-right:15px;
	float:left;
	background:#eee;
	}		
.i_discount	{
	width:310px;
	height:330px;
	background:url(/images/visu_side.jpg) center top no-repeat;
	float:left;
	}
	
	

#i_contanier{
	width:1200px;
	min-height:400px;
	margin:0 auto 20px;
	position:relative;
	}

.item_wide{
	width:1200px;
	height:358px;
	border:1px solid #222;
	box-sizing:border-box;
	padding:10px 0;
	margin-bottom:20px;
	}	
.item_box{
	width:200px;
	height:325px;
	float:left;
	border-right:1px solid #222;
	box-sizing:border-box;
	}	
.item_box > h3{
	font-size:30px;
	color:#fc8e10;
	font-weight:bold;
	margin-left:10px;
	letter-spacing:-1px;
	}	
.item_box > h3 > span{
	font-weight:normal;
	display:block;
	}	
.item_box > p{
	margin-left:10px;
	font-size:14px;
	font-weight:normal;
	color:#000;
	margin-top:10px;
	}
	
.item_item{
	width:990px;
	height:340px;
	float:right;
	overflow:hidden;
	}	
		
.item01{
	background:url(/images/item01.jpg) center bottom no-repeat;
	}
.item02{
	background:url(/images/item02.jpg) center bottom no-repeat;
	}
.item03{
	background:url(/images/item03.jpg) center bottom no-repeat;
	}
.item04{
	background:url(/images/item04.jpg) center bottom no-repeat;
	}	
	
	
	
.cate_list{
	width:1200px;
	min-height:800px;
	margin-bottom:20px;
	}	
.cate_list:after{
	content:"";
	display:block;
	clear:both;
	}	
.item_squ{
	width:384px;
	float:left;
	padding:15px;
	margin-right:24px;
	margin-bottom:20px;
	}	

.item_squ:nth-child(3n){
	margin-right:0;
	} 

	
.item_squ:first-child, .item_squ:nth-child(5){
	background:#e9f2ef;
	}			
.item_squ:nth-child(2), .item_squ:last-child{
	background:#efefef;
	}
.item_squ:nth-child(3), .item_squ:nth-child(4){	
	background:#e5eef7;
	}
	
	
.cate_top{
	width:100%;
	height:40px;
	margin-bottom:10px;
	}		
.cate_top h3{
	font-size:25px;
	color:#000;
	font-weight:bold;
	float:left;
	letter-spacing:-1px;
	}	
.cate_top p{
	font-size:14px;
	padding:3px 5px;
	background:#fff;
	float:right;
	margin-top:5px;
	}	
.item_squ_ul{
	}	
.item_squ_ul li{
	width:172px;
	float:left;
	margin:0 10px 10px 0;
	}	
.item_squ_ul li:nth-child(2n){
	margin-right:0;
	}
	
#bnr_bg{
	width:100%;
	height:445px;
	background:url(/images/bnr_bg.jpg) right top no-repeat;
	padding-top:15px;
	margin-bottom:30px;
	}
.bnr{
	width:1200px;
	margin:0 auto;
	}	
.bnr h3{
	font-size:32px;
	color:#fc8e10;
	float:left;
	margin-right:20px;
	letter-spacing:-1px;
	font-weight:bold;
	}
	
.bnr h3 span{
	font-weight:normal;
	}	
		
.bnr p{
	float:left;
	font-size:13px;
	color:#222;
	padding-top:20px;
	}	
.shop_tit{
	width:100%;
	height:50px;
	border-bottom:1px solid #fc8e10;
	margin-bottom:30px;
	}	
.shop_tit h3{
	font-size:35px;
	font-weight:bold;
	color:#fc8e10;
	float:left;
	letter-spacing:-1px;
	}			
.shop_tit h3 span{
	font-weight:normal;
	}
		
.shop_tit p{
	float:right;
	font-size:13px;
	color:#222;
	margin-top:20px;
	}		


.foo_bnr_wrap{
	width:100%;
	height:245px;
	background:#252837;
	}
.foo_bnr{
	width:1200px;
	height:245px;
	margin:0 auto;
	}	
.foo_box{
	width:400px;
	height:245px;
	padding-top:30px;
	float:left;	
	}	
.foo_box h3{
	font-size:30px;
	color:#c2c2c2;
	position:relative;
	margin-bottom:15px;
	font-weight:normal;
	}	
.foo_box h3:after{
	content:"";
	width:40px;
	height:4px;
	background:#fc8e10;
	position:absolute;
	bottom:-5px;
	left:0;
	}
.foo_box h2{
	font-size:50px;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
	}		
.foo_box p{
	font-size:20px;
	color:#fff;
	line-height:30px;
	}	
.foo_box p span{
	color:#ccc;
	}	

.foo_box .bank{
	padding:3px 10px;
	background:#000;
	color:#fff;
	margin:10px 0;
	display:inline-block;
	font-size:17px;
	}
.foo_box h5{
	font-size:30px;
	color:#fff;
	font-weight:500;
	}
	
footer{
	width:1200px;
	min-height:100px;
	margin:0 auto;
	padding:30px 0;
	}	 
footer > img{
	float:left;
	margin-right:20px;
	}
footer > ul{
	float:left;
	margin-top:5px;
	}		
footer > ul > li{
	float:left;
	margin-right:15px;
	}
	
footer .address{
	width:1200px;
	clear:both;
	margin-top:40px;
	}	
footer .address p{
	font-size:15px;
	color:#444;
	line-height:24px;
	}		

	
	
	


/*sub*/	
#i_svisu{
	width:100%;
	height:150px;
	background:url(/images/svisu.jpg) center top no-repeat;
	margin-bottom:20px;
	}
#i_wrapper_title{
	width:1200px;
	height:150px;
	margin:0 auto;
	text-align:center;
	font-size:37px;
	font-weight:500;
	color:#222;
	padding-top:50px;
	letter-spacing:-1px;
	}	


#i_scontainer{
	width:1200px;
	min-height:800px;
	margin:0 auto;
	position:relative;
	}
	
	
	/*\\tab*/
	
.menutab { margin:0; padding:0; height:auto; margin-bottom:50px; overflow:hidden;}

.menutab li { list-style:none; float:left; width:25%; height:50px; line-height:50px;  border-top:1px solid #1d2964; border-left:1px solid #1d2964; border-bottom:1px solid #1d2964; text-align:center;-moz-box-sizing: border-box;   -webkit-box-sizing: border-box;    box-sizing: border-box;
margin-bottom:10px; transition:all .5s;}
.menutab li a { text-decoration:none; color:#666; font-size:15px; font-weight:400;margin-bottom:10px;}
.menutab li:last-child { border-right:1px solid #1d2964}

.menutab .on {list-style:none; float:left; width:25%; height:50px; line-height:50px;  border-top:1px solid #1d2964; border-left:1px solid #1d2964; border-bottom:1px solid #1d2964; text-align:center; background:#1d2964; }
.menutab .on a { text-decoration:none; color:#fff !important; font-size:15px;}

.menutab li:hover {list-style:none; float:left; width:25%; height:50px; line-height:50px;  border-top:1px solid #1d2964; border-left:1px solid #1d2964; border-bottom:1px solid #1d2964; text-align:center; background:#1d2964}
.menutab li:hover a { text-decoration:none; color:#fff !important; font-size:15px;}