@charset "euc-kr";
/* CSS Document */

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:normal;
  src: url(/font/nanumsquare.eot);
  src: local('※'), url(/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(/font/nanumsquarer.woff) format('woff'),
     url(/font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family: 'nanumsquare'; 
  font-weight:bold;
  src: url(/font/nanumsquareb.eot);
  src: local('※'), url(/font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(/font/nanumsquareb.woff) format('woff'),
     url(/font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family: 'nanumsquarexb';
  font-weight:bold;
  src: url(/font/NanumSquareEB.eot);
  src: local('※'), url(/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareEB.woff) format('woff');
}

@font-face { /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face { /* 나눔펜글씨 Regular */
  font-family: 'Nanum Brush Script';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumbrushscript/v2/NanumBrushScript-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumbrushscript/v2/NanumBrushScript-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumbrushscript/v2/NanumBrushScript-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumbrushscript/v2/NanumBrushScript-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumbrushscript/v2/NanumBrushScript-Regular.ttf) format('truetype');
}


#sub_visu{
	width:100%;
	height:300px;
	background:url(../images/sub_visu1.png) no-repeat center top;
	margin-top:94px;
}
#sub_visu2{
	width:100%;
	height:300px;
	background:url(../images/sub_visu2.png) no-repeat center top;
	margin-top:94px;
}
#sub_visu3{
	width:100%;
	height:300px;
	background:url(../images/sub_visu3.png) no-repeat center top;
	margin-top:94px;
}
#sub_visu4{
	width:100%;
	height:300px;
	background:url(../images/sub_visu4.png) no-repeat center top;
	margin-top:94px;
}
	
/*****************/
/* 서브메뉴 */
#contentLocation{width:100%; height:58px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; }
.location-inner{margin:0 auto;width:100%;}
.location-inner > ul{ width:1200px;height:100%; margin:0 auto;background-color:#f9f9f9;}
.location-inner > ul > li{position:relative; float:left; width:300px; height:100%;color:#fff;   border-right:1px solid #bed1b1;}
.location-inner > ul > li.home{width:83px; height:59px; border-left:1px solid #bed1b1;border-right:1px solid #bed1b1; padding-right:0px; }
.location-inner > ul > li.home img{ margin-left:30px; margin-top:24px; }
.location-inner > ul > li > a{display:block; padding-left:20px; padding-right:20px; font-size:17px; background:url(../images/location_arrow.png) no-repeat 260px 50%;color:#010101; font-weight:bold;line-height:59px;}
.location-inner > ul > li > a:hover { text-decoration:none; }
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:58px;left:-1px;width:300px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11;}
.location-inner > ul > li.location2>a{color:#ae2829;}
.location-inner > ul > li .location-2dep li{height:50px; line-height:50px; border-top:1px solid #cfcfcf;  }
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:20px; color:#272727; font-size:15px; }
.location-inner > ul > li .location-2dep li a:hover{color:#7e7e7e;font-weight:500;  text-decoration:none;}	
.location {
		background-color:#f9f9f9;
		border-bottom:1px solid #bed1b1;
      }

	
/* subpage 공통사항 */
#contents_wrap { width:1200px; margin:0 auto; }
#contents:after { display:block; clear:both; }
#article_wrap { width:100%;  padding-top:113px;}
#article_top{overflow:hidden; margin-bottom:83px;}
#article_top h3{  font-size:40px; line-height:46px; color:#161616; font-weight:600; float:left;}
#article_top p.top_line{width:100px;height:42px;border-bottom:2px solid #ae2829;float:left; margin-lefT:18px;}
#article { width:1200px; }
#article:after { display:block; content:''; clear:both; }
.article_title { font-size:26px; line-height:26px; font-weight:500; padding:15px 0 0; font-weight:400; margin-bottom:40px; }	
	
.greeting{ width:1200px;margin-bottom:40px; margin-bottom:30px; background:url(../images/greeting_bg.png) no-repeat; height:874px;}	
.greeting p{margin-left:466px; }	
.greeting_title{font-size:17px; line-height:25px; color:#505050; padding:130px 0 20px 0;font-weight:600;}
.text_1{font-size:15px; line-height:25px; color:#333333;}
.text_1 span{ font-size:19px;}	
	
/*********연혁*************/
#history_wrap{
	background:url(../images/history_bg.png)  left  10px no-repeat;
	margin-top:40px;
}
#history {
	width:800px;
	overflow:hidden;
	margin-left:466px;
	}
#history ul {
	background:url(../images/history_line.gif) repeat-y 88px 0;
	margin-bottom:39px;
	}	
#history ul li.noyear { margin-left: 125px; height:35px;}
#history ul li.noyear2 { margin-left: 190px; height:35px;}
#history ul li.year {
	height:35px;
	background:url(../images/bullet_history.png) no-repeat 80px 4px;
	margin-top:15px;
	}

#history ul li.year span {
	display:block;
	float:left;
	width:90px;
	font-size:23px;
	font-weight:600;

	padding-right:20px;
	}

	
#history ul li.year b {
	display:block;
	float:left;
	padding:0 15px;
	font-size:17px;
	width:50px;
	}

#history ul li.noyear b {
	display:block;
	float:left;
	padding-right:15px;
	font-size:17px;
		width:50px;
}
#history ul li.year p {
	line-height:35px;

	}

.map_wrap{margin-bottom:30px;}
	
#spreadBtn{font-size:20px; font-weight:600; cursor:pointer; padding-top:15px; border-top:1px solid #da0303;}
#spreadBtn span{color:#da0303;}
#spreadBtn img{ margin-left:10px;}

#hiddenList{font-size:15px; margin-top:10px; overflow:hidden;}
#hiddenList li{padding:5px 0; float:left;}
#hiddenList li.bt_line{line-height:31px; width:400px; }
#hiddenList li.bt_line2{line-height:31px; }
#hiddenList li img{padding-left:40px;border-left:1px solid #ccc;}


.btn01{font-size:20px; padding-top:15px; border-top:1px solid #da0303; margin-bottom:30px;}
.btn01 a{font-size:20px; font-weight:600; cursor:pointer;   padding-top:15px;}
.btn01 a span{color:#da0303;}
.btn01 img{ margin-left:10px;}
.btn01 .hide{display:none; font-size:15px; padding-top:10px;}
.hide li{line-height:24px;}
.hide li:last-child{margin-top:10px;}

#contact3_wrap{height:450px;background:url(../images/bg.png) no-repeat 0px 0px; overflow:hidden;}
.img_wrap{float:left; margin-top:30px;transition:all .3s;}
.img_wrap:hover{transform:translate(12px, 12px); box-shadow:-10px -10px 14px 0 rgba(00, 00, 00, .2);}
.text_wrap{ width:460px;float:left; margin:30px 10px 0 30px;}
.text_wrap h3{font-size:28px;}
.text_wrap p.contact_subtitle{font-size:20px; background:url(../images/line.png) no-repeat 100px 13px; margin:15px 0;}
.text_wrap p:last-child{line-height:25px;}

#contact3_wrap2{height:530px; overflow:hidden;}
.img_wrap2{width:678px; float:left; margin-top:30px;transition:all .3s;}
.img_wrap2:hover{transform:translate(-12px, -12px); box-shadow:10px 10px 14px 0 rgba(00, 00, 00, .2);}
.text_wrap2{ width:450px;float:left; margin:400px 10px 0 30px;}
.text_wrap2 h3{font-size:28px;}
.text_wrap2 p.contact_subtitle{font-size:20px; background:url(../images/line.png) no-repeat 220px 13px; margin:15px 0;}
.text_wrap2 p:last-child{line-height:25px;}

#contact3_wrap3{height:530px; overflow:hidden;}
.img_wrap3{width:678px; float:left; margin-top:30px;transition:all .3s;}
.img_wrap3:hover{transform:translate(-12px, -12px); box-shadow:10px 10px 14px 0 rgba(00, 00, 00, .2);}
.text_wrap3{ width:450px;float:left; margin:400px 10px 0 30px;}
.text_wrap3 h3{font-size:28px;}
.text_wrap3 p.contact_subtitle{font-size:20px; background:url(../images/line.png) no-repeat 220px 13px; margin:15px 0;}
.text_wrap3 p:last-child{line-height:25px;}

.product4_wrap{overflow:hidden;}
.product4_wrap ul li{float:left;height:400px;}
.product4_wrap ul li img{transition:all .4s; }
.product4_wrap ul li img:hover{transform:translate(12px, 12px); box-shadow:-5px -5px 14px 0 rgba(00, 00, 00, .2);}
.product4_wrap ul li p{margin-top:20px; text-align:center;}
.product4_wrap ul li.mr_1{margin:0 45px;}



.product2_wrap ul{margin-bottom:50px; overflow:hidden;}
.product2_wrap ul li{float:left;margin-right:26px;}
.product2_wrap ul li.mr_0{margin-right:0px;}
.product2_wrap ul li img{transition:all .4s; }
.product2_wrap ul li img:hover{transform:translate(12px, 12px); box-shadow:-5px -5px 14px 0 rgba(00, 00, 00, .2);}
.product2_wrap ul li p{margin-top:20px; text-align:center;}