@charset "UTF-8";

/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px;  }


 html  { width:100%; height:100%; padding:0px; margin:0px;   }
.wrap_in          {width:1200px; margin:0 auto;}
.content_box  {width:100%; float:left;}


#wrap                {width:100%; float:left; min-width:1200px; }

#top  {position:absolute; top:0px;     background-color:#fff; }
#header   {width:100%; float:left;} 
#header  .header_in  {width:1200px; margin:0 auto;}
#header  table td.top_utill { text-align:right; width:33.333333%}
#header .top_sns {width:100%; float:left; background-color:#f0f6fb; border-bottom:1px solid #ddd;}

#header .top_sns p {width:1200px; margin:0 auto;  padding:5px 0; line-height:25px; font-size:13px; font-weight:400; color:#777; }
#header .top_sns p img  {vertical-align:middle; margin-right:3px;  }



#header  table td.top_utill  ul  {float:right;  padding:5px 20px; width:100%;  }
#header  .top_utill  li   {font-size:14px;  float:right; line-height:1em;  }  

#header     .top_utill li a:link		{color:#555; } 
#header     .top_utill li a:hover		{color:#555; } 
#header     .top_utill li a:active	    {color:#555; } 
#header     .top_utill li a:visited	{color:#555; } 
#header     .top_utill li.line  {color:#ddd;}


 
#header   li.left   {float:left; padding-right:40px; }  
#header   li.right   {float:right;   }  
 
#header  table {width:100%; float:left; margin-top:15px;  margin-bottom:5px; }
#header  table td.top_bn {width:33.33333%; text-align:right; }
#header  table td.top_bn span  {font-size:23px; font-weight:600; padding-right:10px; }
#header  table td.top_bn img  {vertical-align:middle;}
/*#header  table td.top_bn .bn_btn  {width:260px; height:13px; }
#header  table td.top_bn .bn_btn img {float:right;}*/


#header  table td.logo { width:33.33333%; text-align:center;   }
#header  table td.top_search { text-align:right; width:30.333333%; padding-top:0px; }
#header  table td.top_search div  {border:1px solid #ddd;  background-color:#fff; border-radius:50px;    width:350px; height:44px; color:#01498c; padding:0 30px;  float:right;}
#header  table td.top_search input  { font-size:15px;  float:left; border:1px solid #fff; width:90%; height:44px; color:#999; padding:5px 0px; box-sizing:border-box;}
#header  table td.top_search p  {width:10%; text-align:right; float:left;}
#header  table td.top_search img  { height:25px; margin-top:10px;}
 
/*스크롤시*/ 

.nav { width:100%;  position:fixed;  z-index:9999999999999999; left:0px; top:0px; display:none; background-color:#fff;  }
  


 
 




/*푸터*/



 .footer_p_b  {padding-bottom:230px;}
.footer        {width:100%; min-width:1200px;    float:left; background-color:#fff;  border-top:1px solid #ddd; }
.footer  .footer_in {width:1200px; margin:0 auto; position:relative; height:200px; padding-top:30px;   } 
 .footer  .copy    {width:100%; float:left;  font-size:14px;   font-weight:400; line-height:1.4em; color:#666;}
.footer  .copy  span {color:#999;  line-height:30px;}


.footer   ul     {   width:100%; float:left;   margin:15px 0 10px 0; }
.footer ul  li  {float:left;  font-size:15px;   font-weight:400; color:#333;padding:0px 10px 0px 0; }
.footer  img.call {position:absolute; top:30px; right:0; }
  

.quickmenu2				{ text-align:center;  width:124px;  z-index:relative; z-index:99999999999999;  float:left;  right:1%;  }  

.quickmenu2 .q_tt  {width:100%; float:left; text-align:center;  }

.quickmenu2 .cart_t  {width:100%; float:left; text-align:center; padding:10px 0 10px 0; background-color:#f9f9f9; font-size:13px; color:#666; line-height:20px;  border-bottom:1px solid #ddd;}
.quickmenu2 .cart_t  span {color:#90c63f;}
.quickmenu2 .cart_img {width:100%; float:left; text-align:center; padding:10px 0 10px 0; background-color:#fff; }
.quickmenu2 .cart_img img {width:80px; height:80px;  background-color:#fff; margin-bottom:10px;}
.quickmenu2 .cart_img img:last-child {margin-bottom:0px;}

.quickmenu2 .q_page {width:100%; float:left; text-align:center; padding:0px 0 10px 0; background-color:#fff;   font-size:13px; color:#666; line-height:20px;  }
.quickmenu2 .q_page img {margin-top:3px; }
.quickmenu2 .q_page .left {float:left; margin-left:10px;}
.quickmenu2 .q_page .right {float:right; margin-right:10px;}

.quickmenu2 .q_top  {width:100%; float:left; text-align:center;  }
.quick_box  {width:100%; float:left; box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

 @media all and (max-width:1300px)  {
.footer_top {display:none;}
.quickmenu2  {display:none;}

}




/*메뉴*/

.menu  {width:100%;   float:right;  padding:0px 0; position:relative; z-index:99999999999999999999; background:url('/common/img/common/top_nav_bg.png') repeat-x bottom; border-bottom:1px solid #ddd;}
.menu  td  { font-size:18px;  font-weight:500; text-align:Center; box-sizing:border-box; }

.menu  td.bg1  {width:160px;   background:url('/common/img/common/nav_li_bg.png') no-repeat right;
   } 
 
 
#topmenu   {width:1200px;  margin:0 auto; }
 
 


 /*카테네비*/
.cate_text  {color:#333;  font-family:'Noto Sans KR'; font-size:19px;  font-weight:500; line-height:56px;   float:right;}

.navigation {
  width:100px; 
   /*background:url('/common/img/common/nav_bg2.jpg') repeat-x top center;*/
   height:58px; 
   margin:0px 65px;
  float:left;
     position: relative;  
 z-index:9999999999999999999999999999999999999999999999;
 }
 .navigation .nav-left {
  width: 23.1707317073%;
  float: left;
   position: relative;
}
 .navigation .nav-left .hambuger-icon {
  width: 25px;
  margin-top:22px;
  margin-left:0px;
    height: 15px;
  cursor: pointer;
   position: relative;
  float: left;
}
 .navigation .nav-left .hambuger-icon .hambuger-global {
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  border-top: 3px solid #999;
  width: 100%;
  transition: 0.55s;
}
.navigation .nav-left .hambuger-icon .line-top {
  top: 0;
}
.navigation .nav-left .hambuger-icon .line-middle {
  top: 6px;
}
.navigation .nav-left .hambuger-icon .line-bottom {
  top: 12px;
}
.navigation .nav-left .hambuger-icon .hambuger-click {
  backface-visibility: hidden;
  top: 6px;
  transform: rotate(40deg);
  transition: 0.55s 0.5s;
}
.navigation .nav-left .hambuger-icon .hambuger-middle-click {
  opacity: 0;
}
.navigation .nav-left .hambuger-icon .hambuger-bottom-click {
  backface-visibility: hidden;
  top: 6px;
  transform: rotate(-400deg);
  transition: 0.55s 0.5s;
}
 
.navigation .main-menu {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: none;
  width: 100%;
   padding: 0px;
  box-sizing: border-box;
  position: relative;
 }
 .navigation .main-menu.show-menu {
  display: block;
}

 .show_menu_box  {width:1200px;background-color:#fff;  z-index:999999; position:relative; border:1px solid #ddd; float:left;      padding:20px 20px; box-sizing:border-box; padding-bottom:30px; margin-top:-5px; margin-left:-65px;}
.show_menu_box  ul  {width:25%; float:left;  }
.show_menu_box  li  {width:100%; background:none; border-bottom:1px solid #f1f1f1; font-size:14px; color:#333;  float:left;  line-height:35px;}
.show_menu_box  li b { letter-spacing:0px !important; font-size:17px;  font-weight:500;}

.show_menu_box  li a  {font-size:14px; font-weight:400;    line-height:32px;}
.show_menu_box  a:link		{text-decoration:none; color:#888;}
.show_menu_box  a:visited	{ text-decoration:none; color:#888;}
.show_menu_box  a:hover		{ text-decoration:none; color:#333;}
.show_menu_box  a:active	{text-decoration:none; color:#333;}


/* Navigation Styles */

/*nav { }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;

}

nav ul li {
  display: inline-block;
  position: relative;
  line-height:68px;
 width:160px;  box-sizing:border-box;
 text-align:center;
  background:url('/common/img/common/nav_li_bg.png') no-repeat right;

}
nav ul li  img {vertical-align:middle;}

nav ul li:last-child {
   background:url('/') no-repeat right;

}

nav ul li a {
  color: #fff;
  width:100%;
  display: block;
  font-size: 19px;
  transition: 0.3s linear;
  font-weight:500;
}

 
nav ul li a:link		{text-decoration:none; color:#333;}
nav ul li a:visited	{ text-decoration:none; color:#333;}
nav ul li a:hover		{ text-decoration:underline; color:#2f8bcb;}
nav ul li a:active	{text-decoration:underline; color:#2f8bcb;}



nav ul li ul {
   display: none;
  position: absolute; z-index:999999999999999999999999999999999999999999999999999999999999;
  width: 160px; 
}

nav ul li ul li {
  border-top: 1px solid #fff;
  display: block;
width:100%;
  
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: rgba(250,250,250,.8);
  display: block;
  font-size:15px;
  line-height:40px;
  padding: 0px 0px;
   width:100%;
 }


nav ul li ul li a:link		{text-decoration:none; color:#777;}
nav ul li ul li a:visited	{ text-decoration:none; color:#777;}
nav ul li ul li a:hover		{ text-decoration:underline; color:#fff;}
nav ul li ul li a:active	{text-decoration:underline; color:#fff;}

nav ul li ul li a:hover { background: #2f8bcb;   }

nav .fa.fa-angle-down { margin-left: 6px;  display:none;}*/



#nav
		{
			width: 970px; /* 1000 */
 			position: absolute;
			top: 0%;
			 float:left;
			 
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{ }

			 

			/* first level */

			#nav > ul
			{
			 height:60px;
			 
			}
				#nav > ul > li
				{
					width: 161px;
				     background:url('/common/img/common/nav_li_bg.png') no-repeat right;

					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
					    font-size: 19px;
						line-height:60px;  color:#555;
						text-align: center;
					}
					#nav > ul > li:last-child
					{
						background:none;
					}
						#nav > ul > li:not( :last-child ) > a
						{  }
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{ color:#2f8bcb; text-decoration:underline; }


				/* second level */

				#nav li ul
				{
				  background: rgba(250,250,250,.8);
					display: none;
					position: absolute;
					top: 100%;
				}
 
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							 font-size: 15px;
							border-bottom: 1px solid #ddd;
							line-height:40px;
							color:#777;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #2f8bcb; color:#fff;
							}

     

	 
.m_cart  {width:1200px; margin:0 auto; position:fixed;    bottom:20px;  left:50%;  margin-left:-600px;  z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999; ;}
.m_cart .top_img {float:right; margin-right:40px;}
.m_cart  .m_cart_box {width:100%; float:left;  border:1px solid #ddd;  border-bottom:none; background:url('/common/img/common/cart_line.png') no-repeat bottom center; background-color:#fff; box-shadow:5px 0px 7px rgba(0,0,0,.1); box-sizing:border-box;  padding:15px 15px 10px 15px; }
.m_cart ul  {width:90px; float:left; ; margin-right:20px;   }
.m_cart ul  li  {width:100%;  padding-bottom:3px;}
.m_cart ul  li  img  {border:1px solid #ddd;  }
.m_cart ul  li.t1  {font-size:13px; font-weight:400; color:#777; line-height:1.2em; max-height:30px;   overflow: hidden;  text-overflow: ellipsis;   }
.m_cart ul  li.t2  {font-size:14px; font-weight:500; color:#333; line-height:1.3em; }
.m_cart  .btn {width:40px; float:right; margin:130px 10px  0px 0;}

.m_cart .price  {width:220px; float:right;  background-color:#fff; }
.m_cart .price span  {width:100%; float:left;  text-align:center; font-size:16px; font-weight:500; padding:5px 0; color:#333;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px; margin-top:60px; }
.m_cart .price a {width:50%;  box-sizing:border-box; float:left; text-align:Center;  display:inline-block; line-height:40px; font-size:15px; color:#fff !important; }
.m_cart .price .bg1 {background-color:#dcdcdc; border-right:1px solid #fff;}
.m_cart .price .bg2 {background-color:#c5dafd;}