@charset "UTF-8";


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


html  { width:100%; height:100%; padding:0px; margin:0px;  }
#wrap    {width:100%; float:left; min-width:1200px; }
#main {width:100%; float:left; position:relative;}

#header   {width:100%;  float:left; position:relative; z-index:999;  min-width:1200px; padding:0; box-sizing:border-box; position:absolute; top:0;  }

/* 플로우 배너 */
section.flow_bn {position:Relative; width:100%; float:left;  padding:30px 0;  background:#000; }
section.flow_bn .swiper-slide img {width:330px; height:85px; float:left; border:1px solid #ddd; }


#sub_wrap {position:relative; width:100%; float:left;  padding:0% 0 3.5% 0;}
#sub_wrap .sub_con { width:1200px; margin:0 auto; }


/*footer*/
a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#f0f0f0; border:1px solid #ddd;  color:#333 !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%;}

footer {width:100%;  min-width:1200px;  padding:30px 0;   box-sizing:border-box;  background-color:#333; float:left;}
footer .footer_wrap {min-width:1200px;  padding:0 3%; margin:0 auto;  box-sizing:border-box;  }
footer img {float:left; margin-top:5px; padding:45px 10px; background:#fff; }
footer ul {width:100%}
footer ul li {font-size:0.93em;  margin-right:10px; font-weight:300;color:rgba(255,255,255,.7); display:inline-block }

footer .footer_wrap div.box {  margin-right:3%; vertical-align:middle; display:inline-block; font-size:1em; font-weight:300; line-height:1.2em; color:rgba(255,255,255,.7)}
footer .footer_wrap div.box:last-child { margin-right:0}


footer .footer_wrap div.box b {font-size:1em; color:#fff; font-weight:500;  vertical-align:middle;}
footer .footer_wrap div.box span {font-size:1.03em; }footer div span {color:#fff; display:inline-block;  font-weight:400; font-size:0.9em; width:100%; }
footer .line {background-color:rgba(255,255,255,.3); height:1px;  margin:20px 0;}



/*메인비주얼
.main_vi_wrap {width:100%; float:left; height:700px; background-size:cover; box-sizing:border-box;   }
.main_vi_wrap .main_vi_txt { width:1200px; margin:0 auto; /*background:rgba(255,255,255,0.3); box-sizing:border-box; position:absolute;
top:20%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99999; text-align:center;}
*/
.main_vi_wrap .slick-prev {top:30% !important; border:none; }
.main_vi_wrap .slick-next {top:30% !important; border:none;}

.box_100 {width:100%; float:left;}
.box_35 {width:35%; float:left;}
.box_40 {width:40%; float:left;}
.box_50 {width:50%; float:left;}
.box_100 ul li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}


.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}


.box_60 {width:60%; float:left;}
.box_65 {width:65%; float:left;}
.box_68 {width:68%; float:left;}
.box_70 {width:70%; float:left;}

/* 메인 탑메뉴*/
#wrap .header-top {
	height: 90px;
	padding: 12px 0px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 12;
	box-sizing: border-box;
}


/* A simple, css only, (some-what) responsive menu */
#header .top_mn_wrap {
  display: inline-block;
  float:right;
}
#header .top_mn_wrap a {
  text-decoration: none;
  color: #333; font-size:19px;
  font-weight:500;
  display: block;
  letter-spacing:0
}

#header .top_mn_wrap ul {
  list-style: none;
  position: relative;
  text-align: left;
}

#header .top_mn_wrap ul li {
  float: left;
}

/* clear'n floats */
#header .top_mn_wrap ul:after {
  clear: both;
}

#header .top_mn_wrap ul:before,
#header .top_mn_wrap ul:after {
    content: " ";
    display: table;
}

#header .top_mn_wrap nav {
  position: relative;
  text-align: center;
  letter-spacing: 1px;
}

/* prime */
#header .top_mn_wrap ul.primary li a {
  display: block;
  padding: 30px 45px;

}

#header .top_mn_wrap ul.primary li:last-child a {
  border-right: none;
}

#header .top_mn_wrap ul.primary li a:hover {
  color: #000;
}

/* subs */
#header .top_mn_wrap ul.sub {
  position: absolute;
  z-index: 200;
  display:none;
  padding-top:12px;
  box-shadow:1px 1px 5px #999;

}

#header .top_mn_wrap ul.sub li {
  float: none;
  margin: 0;
}

#header .top_mn_wrap ul.sub li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #000;
  font-size:16px;
  font-weight:400;
  padding: 11px 30px;
}

#header .top_mn_wrap ul.sub li:last-child a {
  border-bottom: none;
}

#header .top_mn_wrap ul.sub li a:hover {
  color: #000;
  background: #eee;
  transition: ease-in 0.1s;
}


/* sub display*/
#header .top_mn_wrap ul.primary li:hover ul {
  display: block;
  background: #fff;
  transition: ease-in 0.3s;
}

/* keeps the tab background white */
#header .top_mn_wrap ul.primary li:hover a {
  background: #fff;
  color: #555;
  text-shadow: none;
}

#header .top_mn_wrap ul.primary li:hover > a{
  color: #000;
  font-weight:500;
}




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

header .header_wrap
{position:absolute;top:0; width:100%; float:left; z-index:99999999999999; ; background:#fff; border-bottom:0px solid #549fd7; box-shadow:1px  2px 3px rgba(0,0,0,0.1)}


/*로고*/
.header_in .logo {float: left; vertical-align:middle; display:block; padding-top:15px;}

/*메뉴*/
.header_in .h-center {width:720px; float:right;}
.header_in .h-center ul li {float:left; width:20%; text-align:center;}
.header_in .h-center ul li a {font-size:18.5px; color:#333; text-align:center !important; padding-top:20px; display:block; z-index:99;}
.header_in .h-center ul li a:hover {color:#0c3773; font-weight:600;}


/*
.header_in ul#topmenu 		 		{border:1px solid #c00}
.header_in ul#topmenu li 			{margin-top:0px; padding-left:40px;  float:right;  text-align:Center; font-size:22px; font-weight:600; }
.header_in ul#topmenu li a  		{width:100%; display:block; line-height:125px; letter-spacing:-1px;  }

*/

.header_in ul#topmenu li a:link			{text-decoration:none; color:#333;}
.header_in ul#topmenu li a:visited		{text-decoration:none; color:#333;}
.header_in ul#topmenu li a:hover		{color:#0c3773; font-weight:500;}
.header_in ul#topmenu li a:active		{color:#0c3773; font-weight:500;}