@charset "utf-8";
@import url(default.css);

body {background:#fff url(/images/bg.png) repeat-y center top;}

/* -------레이아웃 -------*/
#wrapper {
	position:relative; 
	width:1200px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	z-index:10;
}

#left {position:absolute; left:0; top:0; width:200px; height:100%;  border-left:1px solid #eee;  border-right:1px solid #eee;}
#content_wrap { overflow:hidden; margin:0 auto; width:1200px; background:#fff url(/images/left_bottom.jpg) no-repeat left bottom; border-bottom:0px solid red;}
#content_frame {width:985px; margin-left:215px;}
#content_area {padding-top:13px;}


/* -------상단 -------*/
#top_logo  {
	background:#fff; 
	padding:50px 0;
	text-align:center;
}
#top_sm  {
	background:#1c2a55; 
	border-bottom:0px solid #515151;
	overflow:hidden;
}
#top_sm li {float:left;padding:10px 12px 10px 12px;}
#top_sm li:last-child {background:#349cd1; padding-right:15px;}
#top_sm li a{color:#fff; font-size:11px;}


/* -------메뉴 -------*/
#snb {border-top:1px solid #d9d9d9;width:200px; padding-bottom:50px;}
#snb * {margin:0;padding:0;}
#snb > ul {width:100%;*zoom:1;}
#snb > ul:after {display:block;content:" ";clear:both;}
#snb li.menus {float:left;width:100%;vertical-align:top; font-weight:bold; border:0px solid red;border-bottom:1px solid #d9d9d9;}
#snb li.menus a:link, 
#snb li.menus a:visited {display:block; color:#333; font-size:13px;} 
#snb li.menus a:hover, #snb li.menus a:active, #snb li.menus a:focus {display:block;color:#fff;  background:#1c2a55;} 
#snb li.menus a {text-align: left;padding:10px 17px;}

#snb li.menus .sm { margin:0px 0;*zoom:1;}
#snb li.menus .sm:after {display:block;content:" ";clear:both; }
#snb li.menus .sm li {float:left;width:100%;margin:0;padding:0;font-size:11px;}
#snb li.menus .sm li a:link, 
#snb li.menus .sm li a:visited {display:block; font-size:12px; color:#333; line-height:130%; font-weight:normal; background:#f4fbfe;}
#snb li.menus .sm li a:hover, 
#snb li.menus .sm li a:active,  
#snb li.menus .sm li a:focus {background:#349cd1; color:#fff;}
#snb li.menus .sm li a {text-align: left;padding:8px 20px;  border-top:1px solid #d9d9d9;}
#snb li.menus .submenus {display:none;}




/*foot sitemap*/
#footer_wrap {background:#fff; width:100%; }
.navi_wrap {background:#1c2a55;}
.navi {overflow:hidden;margin:0 auto; width:1200px;}
.navi > li {
	float:left;
	width:19.9%;
	min-height:220px;
	/*background:#282828;*/
	border-right:1px solid #51545f;
	padding-top:15px;
}
.navi > li:first-child {border-left:1px solid #51545f;}


.navi > li > dl a:hover {text-decoration:underline;}
.navi > li > dl > dt {margin-bottom:15px; border-bottom:1px solid #51545f; text-transform: uppercase;}
.navi > li > dl > dt > a {
	display:block;
	font-size:15px;
	line-height:24px;
	color:#fff;
	font-weight:bold;
	padding:0 0px 15px 25px;
}
.navi > li > dl > dd > a {
	display:block;
	font-size:13px;
	line-height:20px;
	color:#d1d1d1;
	padding:0 10px 7px 25px;
}

/*copyright*/
#footer {overflow:hidden;margin:0 auto;padding:30px 0; width:1200px; }
#footer .f_logo {float:left; padding-right:30px; }
#footer .foot_info {float:left;color:#333;line-height:18px;font-size:14px;}
#footer .foot_info .copy {}
#footer .gobiz {float:right;}


/* 메인이미지 */
#main_img_area {overflow:hidden; width:983px; height:458px;border:1px solid #d9d9d9; margin-top:0px;}

/* 메인이미지롤링 */
.center {position:relative; float:left; width:983px; }
.center .center_txt { position:absolute;  left:80px; top:120px;  font-size:18px; color:#fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; z-index:100;}
.center .center_txt .big {font-size:40px;color:#fff;font-weight:700; font-family: 'Montserrat', sans-serif;  padding-bottom:20px;}
.center .m_banner {overflow:hidden; position: relative;}
.center .m_banner ul {width:2727px; zoom:1;}
.center .m_banner ul:after {clear: both; display: block; visibility: hidden; content:' ';}
.center .m_banner ul li {float: left; width:984px; }
.center .m_banner ul li img {width:984px; height:458px; }

.center .rolling {position: absolute; top:250px; left :80px;  z-index:2000; border:0px solid red;}
.center .rolling span {display: inline-block; vertical-align: top;}
.center .rolling span a {display: block; width:15px;height:15px; background:url(/images/navi_off.png) no-repeat left top; text-indent:-1000px}
.center .rolling span a.on {display:block;width:15px;background:url(/images/navi_on.png) no-repeat;}


/* 메인컨텐츠 내용 1*/

figure.snip1432 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  min-width: 986px;
  max-width: 182px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align:center;
}
figure.snip1432 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1432 img {
  width: 100%;
  vertical-align: top;
 /* opacity: 0.8;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;*/
}
figure.snip1432 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
  text-align:center;
}
figure.snip1432 h2,
figure.snip1432 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  width:986px;
  text-align:center;
  font-family: 'Montserrat', sans-serif;
}
figure.snip1432 h2 {
  font-weight: 900;
  top: 45px;
  font-size:24px;
}
figure.snip1432 h3 {
  font-size: 15px;
  font-weight: 500;
  line-height:130%;
}

/*figure.snip1432 h2:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}*/
figure.snip1432 a {
  left: 48%;
  bottom: 20px;
  position: absolute;
  color:#fff;
}
figure.snip1432:hover img,
figure.snip1432.hover img {
  opacity: 0.8;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*figure.snip1432:hover figcaption h2:first-of-type,
figure.snip1432.hover figcaption h2:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1432:hover figcaption h2:nth-of-type(2),
figure.snip1432.hover figcaption h2:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}*/



/* 메인컨텐츠 내용 2*/
/*롤링배너*/
.grid-container #banner_wrap{width:986px; margin:0 auto;  position:relative;}
#prevBtn{position:absolute; left:0px; top:80px; z-index: 2;}
#nextBtn{position:absolute; right:0px; top:80px; z-index: 2;}
.grid-container:after{content:""; display:block; clear:both;}


.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  grid-gap: 1em;
  width:100%;
  margin:0 auto;
  height:205px;
  border:0px solid red;
  overflow:hidden;
  padding-top:15px;
}



/* hover styles */
.location-listing {
  position: relative;
  float:left;
  margin-left:1px;
  width:238px; height:205px;
}

.location-image {
  line-height: 0;
  overflow: hidden; 
}

.location-image img {
 /* filter: blur(0px);
  transition: filter 0.3s ease-in;
  transform: scale(1.1);*/
  border:1px solid #dfdfdf;
}


.location-title {
  font-size: 1.5em;
  font-weight: normal;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 203px;
  width: 238px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background: rgba(255,255,255,0.6);
  color:#1c2a55;
  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid #1c2a55;
}

.location-box {text-align: center;}
.location_txt {text-align: center;  padding-top:0px;}
.location_txt dt {font-size:18px; font-weight:700;color:#1c2a55;}
.location_txt dd {padding-top:15px;}
.location-title a {}
.location-title a:hover {}

.location-listing:hover .location-title {
  opacity: 1;
}

.location-listing:hover .location-image img {
  filter: blur(2px);
}






/* ------- 서브페이지 -------*/
#sub_frame {overflow:hidden; width:983px; min-height:850px; margin-left:215px; background:#fff; border-left:1px solid #ddd;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}

#sub_frame .top_navi_wrap{overflow:hidden; width:100%; background:#1c2a55; text-align:right;border:0px solid red;}
#sub_frame .top_navi_wrap .top_navi {float:right;}
#sub_frame .top_navi_wrap .top_navi li {float:left; padding:10px 15px; text-align:center; font-size:13px; color:#fff; background:#349cd1 url(/images/top_navi_line.jpg) no-repeat left;}
#sub_frame .top_navi_wrap .top_navi li.home {background:#349cd1;}

#sub_frame #title {clear:both; margin:0 auto; width:100%;}
#sub_frame #title .tit {text-align:center; font-size:26px; font-weight:600; background:#f8f8f8; border-bottom:1px solid #d9d9d9; padding:60px 0;}


#sub_contents {
    width:915px; margin:0 auto; border:0px solid red;
	padding:50px 0 100px 0;
	line-height: 150%;
	font-size:16px;
	color:#333;
}


.bold {font-weight:bold; font-weight:900;}
.dot_line {border-bottom:1px dashed #ddd;}
.big_tit {font-size:24px; font-weight:700; color:#1c2a55; line-height:130%;}


/*greetings*/
.greeting_wrap {position:relative; width:100%;}
.greeting_txt {width:800px; padding-left:100px;}
.g_line {position:absolute; left:50px; top:190px; width:3px; height:200px; background: linear-gradient(180deg, #fff 50%, #1c2a55 50%);}


/*History*/
.history {position:relative; width:100%; overflow:hidden; margin-top:10px; background:url(/images/util_bar.png) repeat-y center top;}
.history .left {float:left; width:45%; text-align:right;}
.history .right {float:right; width:48%; text-align:left; padding-top:110px;}

.his_tit {font-size:36px; font-weight:900; color:#555; text-align:center;}

.his {padding-bottom:100px; }
.his dt {font-size:28px;  font-weight:900; color:#555;  line-height:130%;}
.his dd .month {font-size:18px; font-weight:600; padding:20px 0 5px 0; color:#222;}

.history .his_won1 {position:absolute; left:49.5%; top:20px; border-radius:50%; width:10px; height:10px; background:#349cd1;}
.history .his_won2 {position:absolute; left:49.5%; top:120px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}
.history .his_won3 {position:absolute; left:49.5%; top:220px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}
.history .his_won4 {position:absolute; left:49.5%; top:330px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}
.history .his_won5 {position:absolute; left:49.5%; top:430px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}
.history .his_won6 {position:absolute; left:49.5%; top:570px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}
.history .his_won7 {position:absolute; left:49.5%; top:640px; border-radius:50%; width:10px; height:10px; background:#6d6f71;}

/*business*/
.business {overflow:hidden; background:url(/images/line_bg.jpg) repeat-x 50% center;}
.business li {float:left; padding:15px; border:3px solid #349cd1; background:#fff; margin-left:58px;}
.business li:first-child {margin-left:0px;}
.business li p {padding:20px 5px 30px 5px; text-align:center; font-weight:700; font-size:18px; color:#222;}

.business_tit {font-size:24px; font-weight:700; color:#222; font-family: 'Montserrat', sans-serif; text-align:center; line-height:150%; background:url(/images/quot_left.png) no-repeat 250px top, url(/images/quot_right.png) no-repeat 630px bottom; padding:20px 0 30px 0; margin-bottom:30px;}





/* certification */
.cert_wrap{overflow:hidden;}
.cert_wrap li{float:left; margin-left:20px;}
.cert_wrap li:first-child {margin-left:0px;}
.cert_wrap li p {text-align:center; font-size:14px; line-height:14px; height:60px;  padding:20px 5px;}
.cert_wrap li img {padding:5px; border:1px solid #ddd;}


/*contact us*/
.contact_map {position:relative; width:100%; height:600px; left:0; top:0;}
.map_box {position:absolute; left:90px; top:350px; width:350px; height:250px; background:#1c2a55; box-shadow: 5px 5px 5px rgba(0,0,0,.2);}
.map_txt {color:#fff; line-height:160%; padding:40px 0 0 40px;}
.map_tit {font-size:26px; font-weight:700; color:#fff; line-height:130%;}
.map_add   {position:absolute; left:480px; top:460px; font-size:16px; line-height:180%;}
.add_txt {font-weight:700; line-height:130%; padding-bottom:10px;}
.map_line {position:absolute; left:290px; top:430px; width:300px; height:5px;  background: linear-gradient(90deg, #fff 50%, #1c2a55 50%);}





/* product */
.pro_cen_txt {color:#349cd1; font-size:26px; font-weight:700; font-family: 'Montserrat', sans-serif; text-align:center; line-height:150%; background:url(/images/quot_left.png) no-repeat 110px top, url(/images/quot_right.png) no-repeat 770px bottom; padding:20px 0 30px 0; margin-bottom:20px;}

.pro_list {overflow:hidden; position:relative; padding-bottom:50px;}
.pro_list .halal {position:absolute; top:10px; left:10px;}
.pro_list p img {float:left;}
.pro_list dl {float:right; margin-left:20px; width:475px;}
.pro_list dl dt {color:#222; font-size:22px; font-weight:700; line-height:120%; border-left:5px solid #349cd1; padding-left:20px; margin:30px 0 20px 0;}
.pro_list dl dd {padding:3px 0 3px 20px;background:url(/images/list_icon.jpg) no-repeat left 15px;}
.pro_list dl dd.pol_sw {background:#f8f8f8; padding:20px 20px; margin-top:30px; border-top:1px solid #ccc;}


/*제품 롤링*/
#pro_box { float:left; position:relative;  width:403px; }

#main_container .product  {float:left;width:403px;}

#mnMwPolicy {position:relative;  width:403px; height:327px; }

#mnMwPolicy .tabbtn {position:absolute; bottom:10px; left:48%; overflow:hidden; background:none; z-index:100; border:0px solid red;}
#mnMwPolicy .tabbtn li {float:left; padding:0 3px; }
#mnMwPolicy .tabbtn li a {float:left;  width:10px; height:10px;padding:0px; background:url("/images/roll_off.png") no-repeat;}
#mnMwPolicy .tabbtn li img {vertical-align:top;}
#mnMwPolicy .tabbtn li.current a {width:10px; height:10px; padding:0px; background:url("/images/roll_on.png") no-repeat;}

#mnMwPolicy .unit {position:absolute; left:0px;top:0px; width:403px; z-index:50;}
.pol_txt { text-align:center;  width:403px; font-size:16px;  color:#1a1a1a; padding-top:15px;}
/*#mnMwPolicy .unit .pol_img {float:left;}
#policy_cont1 {background:url(/images/m_pro01.jpg) no-repeat left top; height:385px;}
#policy_cont2 {background:url(/images/m_pro02.jpg) no-repeat left top; height:385px;}*/


/*table*/
.pro_table {margin:50px 0;}
.pro_table table{ width:100%; border-collapse: collapse; border-top:1px solid #212121; text-align:center;}
.pro_table table th{background:#f1f1f1; font-weight:bold; color:#353535;}
.pro_table table th:first-child {border-left:0px solid #ddd;}
.pro_table table th, .pro_table table td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; font-size:16px;}
.pro_table table td:first-child {border-left:0px solid #ddd; font-weight:bold; color:#353535;}




/* sitemap */
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:31%;
	margin:0 1%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#fbfbfb;
	border:0px solid #00a4e1;
}
.map_dl.margin_right_none {margin-right:0;}
.map_dl > dt {
	width:80%;
	padding:20px 10%;
	height:20px;
	font-size:20px;
	line-height:22px;
	font-weight:600;
	color:#1a1a1a;
}

.map_dl > dd {
	width:80%;
	padding:3px 10%;
}
.map_dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#1c2a55;
}

/*top*/
#MOVE_TOP_BTN a {
    position: fixed;
    right: 4%;
    bottom: 165px;
    z-index: 2000;
	padding:10px 10px;
	width:30px; height:30px;
	color:#fff;
	font-size:12px;
	line-height:130%;
	text-align:center;
	border:0px solid #000;
	border-radius:50%;
	background-color:rgba(0,0,0,.5);
}
#MOVE_TOP_BTN a:hover {
    background-color:rgba(0,0,0,.7);
}



/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}