@charset "UTF-8";

/* Page Title */



html     {width:100%; padding:0px; margin:0px; overflow-x:hidden; }
body     {position:relative;z-index:9;}

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

/*헤더*/
#header   {position:relative; z-index:999999; width:100%; float:left; position:relative; color:#fff; background:#fff; border-bottom:1px solid #ddd; /* box-shadow:2px 2px 8px rgba(0,0,0,0.2);*/ }
 
.header_in  {width:1200px; margin:0 auto; position:relative; }


  
/* 로고 */ 
#header  .logo_wrap  { width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0 35px 0;}
#header  .logo_wrap .h_logo { margin-left:180px;}

/*#header .mn_btn{float:right; background:#ec8899; padding-bottom:5px;}*/



.h_menu-container {
  width: 100%;
  float:left;
  background: #fff ;
  
}

.h_menu-mobile {
  display: none;
  padding: 20px;
}

.h_menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
   
}

.h_menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.2em 2em;
  background: #fff;
  color: #333;
}

.h_menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  /*position: relative;*/
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.h_menu > ul:before, .menu > ul:after {
  content: "";
  display: table;
}

.h_menu > ul:after { clear: both; }

.h_menu > ul > li {
  float: left;
  background: #fff;
  padding: 0;
  margin: 0;
}

.h_menu > ul > li a {
  text-decoration: none;
  padding: 22px 37.5px;
  display: block;
  color:#555;
  font-size:17px;  
}

.h_menu > ul > li:hover { background: #fff !important; }

.h_menu > ul > li:hover > a { color: #333; }

.h_menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  border:1px solid #ddd;
  padding: 20px;
  position: absolute;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  z-index:9999999;
}

.h_menu > ul > li > ul:before, .menu > ul > li > ul:after {
  content: "";
  display: table;
   z-index:9999999;
}

.h_menu > ul > li > ul:after { clear: both;  z-index:9999999;}

.h_menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
  z-index:9999999;
}

.h_menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ddd;
}

.h_menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.h_menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.h_menu > ul > li > ul > li > ul:after { clear: both; }

.h_menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 3px 0;
  margin: 0;
}

.h_menu > ul > li > ul > li > ul > li a { border: 0;  font-size: 15px;  font-weight:300; color:#666;}
.h_menu > ul > li > ul > li > ul > li a:hover { color:#333; text-decoration:underline;}


.h_menu > ul > li > ul.normal-sub {
  width: 250px;
  left: auto;
  padding: 0px 0px;
}

.h_menu > ul > li > ul.normal-sub > li { width: 100%; }

.h_menu > ul > li > ul.normal-sub > li:hover { width: 100%; background:#f7f7f7;}


.h_menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 15px;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's

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

.menu-container { width: 100%; }

.menu-mobile { display: block; }

.menu-dropdown-icon:before { display: block; }

.menu > ul { display: none; }

.menu > ul > li {
  width: 100%;
  float: none;
  display: block;
}

.menu > ul > li a {
  padding: 1.5em;
  width: 100%;
  display: block;
  
}

.menu > ul > li > ul { position: relative; }

.menu > ul > li > ul.normal-sub { width: 100%; }

.menu > ul > li > ul > li {
  float: none;
  width: 100%;
  margin-top: 20px;
}

.menu > ul > li > ul > li:first-child { margin: 0; }

.menu > ul > li > ul > li > ul { position: relative; }

.menu > ul > li > ul > li > ul > li { float: none; }

.menu .show-on-mobile { display: block; }
}
–––––––––––––––––––––––––––––––––––––––––––––––––– */







/* 유틸 */
.util_wrap {width:100%; float:left;  background:#fff;}
.util_wrap_box {width:1200px; margin:0 auto; }

.util_right {float:right; text-align:center; box-sizing:border-box; }

.util_right  li {float:left; margin-left:10px;}
.util_right  li a{color:#777; font-size:14px;  font-weight:300; letter-spacing:-0.2px;}

.util_right  li a:link		{text-decoration:none; color:#777;}
.util_right  li a:visited	{ text-decoration:none; color:#777;}
.util_right  li a:hover		{ text-decoration:none; color:#333;}
.util_right  li a:active	{text-decoration:none; color:#777;}


.util_icon_wrap {width:100%; float:left;  margin-top:30px;}
.util_icon_wrap .util_icon_left {float:left; width:300px;}
.util_icon_wrap .util_icon_left li {float:left;}

.util_icon_wrap .util_icon_right  {float:right; }
.util_icon_wrap .util_icon_right li {float:right; }
 


/*nav*/
.nav { width:100%;  position:fixed;  z-index:9999999999999999; left:0px; top:0px; display:none; }


.menu  {width:100%; float:left;  padding-bottom:0px; /*background-color:#fff; */} 
              

.scroll_menu  {width:100%;  float:left;  padding-bottom:0px; background-color:#fff;  padding:10px 0;
                 margin-top:0px;  background-color:#fff; border-bottom:1px solid #ddd; }

ul#topmenu 		 	{width:1200px; margin:0 auto;}
ul#topmenu  li 		{margin-top:3px; float:left;  text-align:Center; font-size:20px; letter-spacing:0px; font-weight:600; }
ul#topmenu  li a   {width:100%; display:block; line-height:50px;}

   
ul#topmenu  li a:link		{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:visited	{text-decoration:none; color:#555; font-weight:400;}
ul#topmenu  li a:hover		{text-decoration:none; color:#111; font-weight:400;}
ul#topmenu  li a:active		{text-decoration:none; color:#111; font-weight:400;}


/* 메뉴오비시 하단 메뉴 */
#submenu			{width:100%;  float:left; z-index:999999999999999999;}
 
#submenu  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5);  margin-top:15px; }

 
#submenu   ul   {width:1200px; margin:0 auto; }
#submenu   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu   a:link			{text-decoration:none; color:#fff; } 
#submenu   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu   a:visited	    {text-decoration:none; color:#fff; }


#submenu2			{width:100%;  float:left; z-index:999999999999999999; margin-top:0; }
 
#submenu2  .submenu_bg  {position:absolute; width:100%; float:left; height:50px; display:none; background-color:rgba(0,0,1,.5); }

 
#submenu2   ul   {width:1200px; margin:0 auto; }
#submenu2   li   {float:left;   font-size:16px; font-weight:400; line-height:50px; padding-left:20px;}

#submenu2   a:link			{text-decoration:none; color:#fff; } 
#submenu2   a:hover			{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:active	     	{text-decoration:none; color:#fff;  font-weight:600;}
#submenu2   a:visited	    {text-decoration:none; color:#fff; }


/* 하단서브메뉴 위치 설정값  탑메뉴*/

#submenu .submenu1 li:nth-child(1)				{ margin-left:330px;}
#submenu .submenu2 li:nth-child(1)				{ margin-left:660px;}

#submenu .submenu3 li:nth-child(1)				{ margin-left:680px;}
#submenu .submenu4 li:nth-child(1)				{ margin-left:900px;}


/* 하단서브메뉴 위치 설정값  스크롤메뉴*/

#submenu2 .submenu1 li:nth-child(1)				{ margin-left:300px;}
#submenu2 .submenu2 li:nth-child(1)				{ margin-left:620px;}

#submenu2 .submenu3 li:nth-child(1)				{ margin-left:650px;}
#submenu2 .submenu4 li:nth-child(1)				{ margin-left:700px;}



.top_logo  {margin:0 auto; display:block; padding:30px 0 60px 0;}

.menu ul#topmenu 		 	{width:600px; float:right;  height:5px;}
.menu ul#topmenu li 		{margin-top:-100px; float:left;  text-align:Center; }
.menu ul#topmenu li a  		{width:100%; line-height:138px; letter-spacing:-1px; font-size:22px; font-weight:400; box-sizing:border-box;}

    
.menu ul#topmenu li a:link			{text-decoration:none; color:#333;}
.menu ul#topmenu li a:visited		{text-decoration:none; color:#333;}
.menu ul#topmenu li a:hover			{text-decoration:none; color:#2ca454;}
.menu ul#topmenu li a:active		{text-decoration:none; color:#2ca454;}



/* footer */
#footer       	   		{position:relative; float:left; width:100%; min-width:1200px; border-top:1px solid #ddd; background-color:#333; margin:0 auto;}
#footer  .footer_in  	{width:1200px; margin:0 auto; height:150px;}
#footer  .box  			{float:left;  box-sizing:border-box;  }


#footer  .foot_txt 	{width:50%;  float:left;  margin-left:70px;  box-sizing:border-box;
					color:#999; font-size:15px !important; margin-top:38px; line-height:22px; font-weight:400;}  
#footer  .foot_logo {float:left; margin-top:42px; }


h2,h3,h4,h5   { margin:0px;  color:#333; }
h2  		{font-weight:700;  font-size:2em; line-height:1.2em;   }
h3  		{font-weight:500;  font-size:1.5em; line-height:1.3em; }
h4  		{font-weight:500;  font-size:1.5em; line-height:1.3em; }
h5  		{font-weight:500;  font-size:1.3em; line-height:1.3em; padding-bottom:0px;}




/* QUICK */

#quick  {width:105px; position:fixed; z-index:9; bottom:16%; right:3.5%; border:1px solid #ddd; border-radius:15px; background:#fff;}
#quick p   {width:100%; float:left; text-align:Center; border-top:none;}

#quick	.title{ width:100%; float:left; font-size:13px;  padding:10px 0px; color:#666; font-weight:600;  border-bottom:1px solid #ddd;
                 background-color:#f7f7f7; border-radius:15px 15px 0 0;}

#quick .quick-menu   { background-color:#fff; float:left;}
#quick .quick-menu img {  margin-bottom:2px}
 

#quick .quick-menu a {
	display:inline-block;
    text-decoration:none;
	width:100%;	
	padding:6px 0;
	font-size:13px; 
	font-weight:300;  
	line-height:1.2em; 
	 }


#quick .quick-menu a:link		{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:visited	{ text-decoration:none; color:#777;  background-color:#fff;}
#quick .quick-menu a:hover		{ text-decoration:none; color:#50b4ff; font-weight:400;}
#quick .quick-menu a:active		{ text-decoration:none; color:#50b4ff;  background-color:#f9f9f9;}
 

 
#quick .q_top  { border-top:1px solid #ddd; background:#fff; border-radius:0 0 15px 15px;}
#quick .q_top a {
	 display:inline-block;
     text-decoration:none;
	 width:100%;
	 padding:10px 0;
	 font-size:13px; font-weight:600;  line-height:20px; 
	 border-top:none;	 
	 }

#quick .q_top a:link		{text-decoration:none; color:#666;  }
#quick .q_top a:visited		{text-decoration:none; color:#666;  }
#quick .q_top a:hover		{text-decoration:none; color:#666;  }
#quick .q_top a:active		{text-decoration:none; color:#666;  }


@media all and (max-width:1300px)  {
#quick  {display:none;}

}