@charset "utf-8";
@import url("./common.css?2020");
@import url("./nanumsquare.css");
@import url("./NanumBarunGothic.css");

	
	body,html {position:relative;  min-width:1500px; font-family: 'Noto Sans KR',sans-serif; }

	.default_layout {position:relative; width:1200px; margin:0 auto; clear:both; }

	/* 기본 감싸는 레이아웃 */
	#wrap,#header,#footerGroup {position:relative; width:100%; }


	/* 헤더 */
	#header {z-index:999999; height:80px; min-width:1100px;  width:100%; background:#fff;   transition:background-color 1s; -mox-transition:background-color 1s; -webkit-transition:background-color 1s;   }
	#header.on_scroll { transition:background-color 0.5s; -mox-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; position:fixed; top:0px; left:0px; width:100%;  box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }   



	/* 로고 */
	#header h1#logo {position:absolute; left:95px; top:0px; height:80px; line-height:70px; }
	#header h1#logo a {display:block;}
	#header h1#logo img {vertical-align:middle; width:200px;}









	/*상단메뉴*/
	#topMenu {position:relative; text-align:center;;}
	#topMenu li.menu_list{display:inline-block;   margin:0 15px; position:relative; text-align:center;  }
	#topMenu li.menu_list a.depth_link {display:block; font-size:17px; color:#222;  line-height:80px; position:relative; }

	
	#topMenu li.menu_list a.menu_on{text-decoration:underline; color:#71bf44;}

	#topMenu li div.depth_box {position:absolute; display:none;  top:80px; width:155px; left:-35%;; margin-left:0%; background:#444444;  }
	#topMenu li div.depth_box ul {padding:10px 0px;}
	#topMenu li div.depth_box ul li {font-size:12px; text-align:left;}
	#topMenu li div.depth_box ul li a {display:block; color:#ffffff; padding-left:23px; letter-spacing:-0.5px; line-height:33px; }
	#topMenu li div.depth_box ul li:last-child a{border-bottom:0px;}


	/*3뎁스*/
	#topMenu li div.depth_box ul.three_depth{display:none;; background:#fff; border-top:1px #ddd solid; padding:0px; border-bottom:1px #ddd solid;}
	#topMenu li div.depth_box ul.three_depth li a{display:block;line-height:30px; color:#949494;}

	

	.top_util {position:absolute; right:95px; top:0px; }
	.top_util li {display:inline-block; margin-left:13px; margin-top:25px;}
	.top_util li a {display:block; color:#888; background:url(../images/common/top_util_dot.jpg) right 50% no-repeat; padding-right:20px;}
	.top_util li.last a {padding-right:0px; background:none;}



	/*******************하단*******************/
	#footerGroup {position:relative; background:#71bf44;}


	/*하단메뉴*/
	#footerGroup .f_util {position:absolute; top:50px; right:0px; z-index:22;}
	#footerGroup .f_util li {float:left; margin-left:1px;}
	#footerGroup .f_util li a {padding:0 15px; line-height:30px; display:block; color:#ccc; background:#518e2e; font-size:12px;}
	#footerGroup .f_util li a:hover {color:#ffe11a; background:#518e2e;}
	#footerGroup .f_util li.private a {background:#518e2e; color:#fff;}


	/*회사정보*/
	#footerGroup .footer {padding:50px 0px; position:relative; color:#fff; z-index:21;}
	#footerGroup .footer span {display:inline-block; padding-right:12px;}
	#footerGroup .footer span a {color:#fff;}
	#footerGroup .footer .addres {padding-top:10px; color:rgba(255,255,255,0.8); letter-spacing:0.5px;}

	.only_mobile_pc {display:none;}







	/*상품리스트*/
	ul.product_list_wrap{text-align:center;  margin:0 auto; width:1000px; font-size:0px; z-index:2; position:relative;}
	ul.product_list_wrap li{display:inline-block; width:300px; height:250px; margin:0 10px 20px; background:rgba(173,206,149,0.8); text-align:center; vertical-align:top;}
	ul.product_list_wrap li:nth-last-child(odd){background:rgba(177,214,204,0.8); }
	ul.product_list_wrap li.both{clear:both;}
	ul.product_list_wrap li .icon {height:180px; line-height:180px;}
	ul.product_list_wrap li .icon img {vertical-align:middle;}
	ul.product_list_wrap li .info {padding:0px 20px 20px; color:#fff; font-size:22px; font-weight:bold;}


	ul.product_list_wrap li:hover {background:rgba(111,191,66,0.8)}