@charset "utf-8";

/*폰트*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}

/*common*/
#wrap { width:100%;}
/*탑 로그인,회원관리 메뉴*/
#header { width:100%;}

/*로고*/
.top_wrap { width:980px; margin:0 auto; height:70px; }
#header h1 { float:left; margin-top:25px;} 
/*네비게이션*/
.gnb { float:right;  margin-left:50px; margin-top:15px; overflow:hidden;}
.gnb li {margin-left:55px; float:left;}
.gnb li a { font-size:18px; font-weight:600; color:#444; display:block; line-stacking:-0.5px; padding:15px 0 15px 10px; }
.gnb li:hover a{ color:#2993c5; }
.gnb li a.on { color:#2993c5; }

/*회사정보*/
#footer {width:100%; background:#e1e1e1; }
.comp { margin:0 auto; width:980px; height:80px; }
#footer .comp h1{ float:left; margin-top:30px;}
.comp p {float:left; font-size:12px; color:#666; font-weight:600; line-height:21px; margin-left:45px; margin-top:25px; }

/*main 내용*/
.main { width:100%; } 
.visual {background:#84b1dd; border-bottom:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; text-align:center; margin-bottom:45px;}
.slide div:focus {outline:none;}
.slide { height:469px; margin:0 auto; max-width:1920px;  min-width:980px; }
.slide .slick-slide {height:469px;}
.slide_box { display:none;}
.slide_box:first-child { display:block;}
.slide .slick-slide img {position:absolute; left:50%; top:0;  margin-left:-600px;}
.slide .slick-dots button { border:none; background:url(../img/dots01.png) no-repeat; display:block; text-indent:-9999px; width:15px; height:15px;  }
.slide .slick-dots {position:absolute; left:50%; bottom:10px; margin-left:-30px; }
.slide .slick-dots li {float:left; margin:0 2px;}
.slide .slick-dots li.slick-active button {background:url(../img/dots02.png) no-repeat; outline:none;}

/*첫번째 섹션*/
.zon01 { width:980px; margin:0 auto 55px; overflow:hidden;}

.zon01 li { float:left; text-align:center;}
.zon01 li a { display:block; box-sizing:border-box; width:245px; height:235px; padding:20px 5px 0; }
.zon1_tit { font-size:16px; font-weight:600; color:#f0604b; margin:15px 0 10px;}
.zon1_txt {font-size:12px; font-weight:600; color:#888; display:block; margin-bottom:10px;}
.zon1_btn {
	font-size:12px; font-weight:600; color:#fff;
	display:inline-block;
	border-radius:3px;
	padding:3px 7px;
	background:#848585;
	}
.zon1_btn2 {
	font-size:12px; font-weight:600; color:#fff;
	display:inline-block;
	border-radius:3px;
	padding:3px 7px ;
	background:#ff8472;
	}
.back_c { background:#f6f6f6;}

/*두번재 섹션*/
.zon02 { width:980px; margin:0 auto 55px; overflow:hidden; }

.list_zon { 
	float:left; 
	width:360px; height:185px; overflow:hidden;
	margin-right:30px;}
.list_tit { 
	overflow:hidden; 
	padding:15px 10px 10px;
	border-bottom:1px solid #e1e1e1;
	 font-size:16px; font-weight:600; color:#202020;
	 }
.morebtn { float:right; background:url(../img/more.gif) no-repeat right 5px; font-size:12px; font-weight:normal; color:#a1a1a1; padding-right:8px; margin-top:5px;}

.list_zon ul { padding:15px 10px 0;}
.list_zon li { float:none; margin-bottom:10px;}
.list_txt {
	display:inline-block;
	width:260px; margin-right:10px;
	font-size:12px; color:#666;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;
	}
.list_day { font-size:12px;color:#9e9e9e; }
.list_zon li:hover span{ color:#325099;}

.cs { float:left;  background:url(../img/main_tall.gif) no-repeat 15px top; padding:10px 0 0 98px; width:270px; margin-right:30px; }
.cs_tit { font-size:12px; font-weight:600; color:#888; }
.cs_tit em { display:block; font-size:24px; font-weight:600; color:#86a4d1; line-height:35px;}
.cs_txt01 {font-size:34px; font-weight:600; color:#000; letter-spacing:-1px; margin:20px 0 15px; }
.cs_txt02 {font-size:12px; font-weight:600; color:#444; line-height:18px;}

.q_btns { border:1px solid #dddcdc; float:left;}
.q_btns li + li { border-top:1px solid #dddcdc;}
.q_btns li a{ display:block; line-height:60px; padding-left:10px; width:180px; font-size:14px; color:#666766; font-weight:600;}
.q_btns li a img { margin-right:20px; vertical-align:middle;}
.q_btns li a:hover { color:#ff8472;}
/* sub(common) */
/***********************************서브**************************************/


.sub_visual { 
	border-top :1px solid #e2e2e2; 
	width:100%; 
	margin:0 auto;
	background:#8ab5de url(../img/comp_visual.jpg) no-repeat center center;
	margin-bottom:25px;
	}
.visual_txts { box-sizing:border-box; width:980px; height:200px; margin:0 auto; padding-left:20px; padding-top:65px;}
.s_v_tit {font-size:36px; color:#3a3e78; font-weight:600; letter-spacing:-1px;}
.s_v_txt {font-size:14px; color:#5f6394; font-weight:600; margin-top:10px;}

.container { width:980px; margin:0 auto; overflow:hidden; border-left:1px solid #dedede;}

/*서브세로메뉴*/
.sub_menu{ height:100%; float:left; min-height:700px; width:188px;  }
.sub_menu h2 {
	background:url(../img/sub_bg_h2.gif) no-repeat;
	height:55px;
	padding-top:35px;
	text-align:center;
	font-size:22px; font-weight:600; color:#fff; 
	letter-spacing:-1px; 
}
.sub_menu li a { 
	font-size:14px; font-weight:600;color:#666;
	 letter-spacing:-0.5px;  
	 display:block;
	 line-height:45px;
	 padding-left:15px;
	 }

.lnb>li>a.on { background:#f9f9f9 url(../img/sub_arrow.gif) no-repeat 95% center; color:#86a4d1;}
/*.lnb >li .ss_menu { background:#eaeaea; border-bottom:1px solid #d6d6d6; display:none; }*/
.lnb >li .ss_menu { background:#eaeaea; border-bottom:1px solid #d6d6d6; }
.ss_menu>li>a {color:#7b7b7b; font-size:13px; padding-left:20px;}
.ss_menu>li>a.on { color:#5f8acb;}

.left_banner { border-top:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9; padding:15px 0 10px; margin-top:130px;}
.tall01 { 
	background:url(../img/sub_tall.gif) no-repeat 125px top; 
	padding:20px 10px 10px;
	font-size:24px; font-weight:600; color:#000;
	}
.tall01 span { display:block; font-size:16px;}
.tall02 {
	font-size:20px; color:#5373a4; 
	line-stacking:-1px; margin-top:10px; }
.tall03 { margin-top:10px; font-size:14px; color:#000; }
.tall04 {margin-top:5px; font-size:12px; color:#666; line-height:16px;}
.tall02, .tall03, .tall04 {font-weight:600;padding-left:10px; }  


/*서브내용 제목,경로*/
.content { float:left; width:755px; padding:37px 0 50px 35px;  border-left:1px solid #dedede; min-height:700px;}
.title_wrap {width:100%; height:52px; border-bottom:1px solid #ccc; margin-bottom:35px;}
.nav{ float:right; overflow:hidden; margin-top:30px; }
.nav li { padding-left:20px; font-size:12px; color:#666; background:url(../img/arrow.png) no-repeat 7px 4px; float:left;}
.nav li:first-child { background:url(../img/home.png) no-repeat 0 top; font-size:13px; text-indent:10px; padding-left:10px;} 
.title { float:left; font-size:30px; letter-spacing:-0.5px; font-weight:600; color:#333; margin-top:10px; }

/* sub pages */
/*오시는길*/
.map { height:440px;}
.map iframe { width:100%;}
.map_table { width:100%;border-top:1px solid #424143; margin-top:30px;}
.map_table tr {  border-bottom:1px solid #dedede;}
.map_table th { background:#f3f3f3; font-size:14px; font-weight:600; color:#666; }
.map_table td {font-size:14px; font-weight:600; color:#666;padding:15px 20px;}
/*회사개요*/
.outline_list { overflow:hidden;}
.outline_list li { float:left; width:359px; height:260px; box-sizing: border-box; padding:70px 40px 0;}
.outline_list li em { display:block; font-size:28px; font-weight:600; color:#272f3c; border-bottom:1px solid #272f3c; padding-bottom:10px; margin-bottom:30px;}
.outline_list li span { line-height:30px; font-size:23px; font-weight:600; color:#47576e; }
.bg_img1 { background:url(../img/outline_bg01.gif) no-repeat; margin-right:35px;}
.bg_img2 { background:url(../img/outline_bg02.gif) no-repeat;}
/*연혁*/
.history_list { background:url(../img/history_bg.gif) no-repeat left bottom; min-height:600px; margin-top:30px;}
.history_list li { margin-bottom:; font-weight:600; font-size:14px; color:#666; line-height:20px; margin-bottom:20px;}
.history_list li em {font-size:16px; color:#4268a1; margin-right:30px;}

.history_list li em:before { content:" "; display:inline-block; width:3px; height:3px; background:#4268a1; margin-right:10px; vertical-align:middle;}

/**인사말**/
.greeting{background: url(../img/tree.png) no-repeat 530px 30px;margin-bottom:60px; line-height: 20px;}
.greeting strong{
	font-size:18px;
	color:#333333;
    font-weight:400;
}
.int{font-size:14px;color:#333333;padding:24px 0}
.gre{
	font-size:14px;
	color:#666666;
    font-weight:400;
padding:0px 0 50px 0;
}
.greeting span{display:block;float:right;font-size:15px;color:#4a4949;}
.greeting span>img{margin-left:16px;}

/**조직도**/
.int01{font-size:15px;color:#333333;padding:24px 0;font-weight:400;}
/**사업내용**/
.business span{color:#86a4d1; font-size:14px;}
.business img{margin:30px 0 10px;}
.business p{ background: #86a4d1;
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    width: 200px;
    text-align: center;
    margin-bottom: 30px;}


/*상품  뷰*/

.img_view {
	border:1px solid #cfcfcf;
	box-sizing:border-box;
	 text-align:center;
	 margin:0 auto;
	 /* width:444px;
	 height:360px;  */
	 width: 755px;      height: 430px;
	 overflow:hidden; 
	 position:relative;
	 margin-bottom:25px;
	  }
.img_view img {position:absolute; left:0; top:0; width:100%; height:100%;}
.img_list { overflow:hidden; margin-bottom:25px;}
.img_list li { float:left;  box-sizing:border-box; width:131px; /* height:124px; */ height:75px; border:1px solid #cfcfcf; margin-left:25px; }
.img_list li img { width:100%; height:100%;}
.img_list li:first-child { margin-left:0;} 
.account_tit { font-size:16px; font-weight:600; color:#fff; background:#3e3e3e; text-align:center; padding:10px 0;}
.account { border:1px solid #cfcfcf; padding:20px; font-size:14px; color:#444; }
/*주요거래처*/
.partner_list { overflow:hidden; width:780px;}
.partner_list  li { float:left;     margin: 0 17px 30px 0;
    /* border: 1px solid #dedede; */
    width: 174px;
    height: 130px;
    text-align: center;box-sizing:border-box;overflow:hidden}
.partner_list  li a { display:inline-block; width:174px; box-sizing:border-box; padding:5px}
.partner_list  li a img { width:100%; height:100%;box-sizing:border-box;   border: 1px solid #dedede; height:102px;}
.partner_list li p{padding-top: 5px;}

/*특허권*/
.patent02_list { overflow:hidden; width:780px; margin-bottom:30px;}
.patent02_list li { float:left; width:180px; height:280px; overflow:hidden; text-align:center; margin:0 12px 30px 0;}
.patent02_list li > a > img { border:1px solid #d1d1d1; box-sizing:border-box; width:100%; height:232px; margin-bottom:20px;}
.patent02_tit { font-size:13px; font-weight:600; color:#464646; display:block;}
/*공지사항 뷰*/
.report_content { margin-bottom:15px;}
.report_content li { padding:15px;}
.report_content li + li { border-bottom:1px dashed #d8d8d8;}
.report_tit { text-align:center; font-size:16px; color:#fff; font-weight:600; background:#4c4c4c;}
.report_content li.report_txt1 {font-size:12px; color:#999; text-align:right; padding:10px 15px;}
.report_txt1 span { margin-left:15px;}
.report_txt2 {font-size:13px; color:#666;}
.btns { text-align:right;}
.btns > * { display:inline-block; text-align:center; padding:8px 15px; background:#888; color:#fff; font-size:14px; font-weight:600;}
.btn01 { background:#232d6d;}

/*공지사항 폼*/
.data_table { width:100%; border-top:2px solid #232d6d; margin-bottom:15px;}
.data_table tr { border-bottom:1px solid #d8d8d8;}
.data_table th { background:#f3f3f3; border-right:1px solid #d8d8d8; font-size:13px; font-weight:600; color:#454545;padding:10px 5px; }
.data_table td {font-size:13px; color:#666;padding:10px 5px 10px 15px;}
.align_txt { text-align:center; display:inline-block; line-height:29px;}
.add_btn { width:65px; height:30px; background:#9c9c9c; font-size:12px; color:#fff; font-weight:600;}
.radio_btns label,
.radio_btns input { vertical-align:middle;}
.radio_btns label { margin:0 15px 0 5px;}


/* module */
.s_tit { font-size:22px; font-weight:600; color:#4d4d4d; margin-bottom:15px;}
.s_tit:before { content:" "; display:inline-block; width:4px; height:20px; background:#4d4d4d; margin-right:10px; vertical-align:top; margin-top:4px;}

/*상품 리스트*/
.product_list { overflow:hidden; width:780px; margin-bottom:30px;}
.product_list li { float:left; width:170px;height:210px; overflow:hidden; text-align:center; margin:0 25px 30px 0;}
.product_list li > a > img { border:1px solid #d1d1d1; box-sizing:border-box; width:100%; height:160px; margin-bottom:20px;}
.procduct_tit { font-size:13px; font-weight:600; color:#464646; display:block;}

/*페이징 버튼*/
.list_peg { text-align: center; margin:0 auto; padding-top:30px; border-top:1px solid #d8d8d8;}
.no_border { border-top:none; } 
.first_btn { 
	background:url(../img/arrow_l.png) no-repeat left top;
	 width:25px; height:24px; 
	 display:inline-block; text-indent:-9999px;vertical-align:bottom;
}
.first2_btn { 
	background:url(../img/arrow_l.png) no-repeat -25px top;
	 width:24px; height:24px; margin-left:-3px;
	 display:inline-block; text-indent:-9999px;vertical-align:bottom;
}
.list_peg ul{ overflow:hidden; display:inline-block; vertical-align:bottom;}
.list_peg li { margin:0 5px; float:left;}
.list_peg li a {
	display:block; font-size:12px; 
	color:#666; height:24px; min-width:20px; 
	text-align:center; line-height:24px;
	padding:0 3px;
	}
.list_peg li:hover a{ background:#444; color:#fff; }
.list_peg li a.on{ background:#444; color:#fff; }
.last_btn { 
	background:url(../img/arrow_r.png) no-repeat -25px top;
	 width:25px; height:24px;margin-left:-3px;
	 display:inline-block; text-indent:-9999px;vertical-align:bottom;
}

.last2_btn { 
	background:url(../img/arrow_r.png) no-repeat left top;
	 width:25px; height:24px; 
	 display:inline-block; text-indent:-9999px;vertical-align:bottom;
}
/*검색*/
.search { text-align:right; margin-bottom:5px;}
.search select { width:70px;}
.search input { width:130px;}
.search button { width:50px; height:30px; color:#fff; font-style:13px;; background:#86a4d1; }

/*리스트*/
.avan_list_table { width:100%; margin-bottom:10px;}
.avan_list_table th { 
	background:#eaf1fa;
	padding:15px 0;
	font-size:14px; font-weight:600; color:#4c4c4c;
	border-top:2px solid #424143; 
	border-bottom:1px solid #424143;}
.avan_list_table td {
	text-align:center; 
	padding:15px 0;
	border-bottom:1px solid #d7d7d7;
	font-size:12px; font-weight:600; color:#666;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis; max-width:1%;
	}
.hover a:hover { color:#2993c5;}
/*크기*/
.w65 { width:65px;}
.w70 { width:70px;}
.w240 { width:240px;}
.w204{ width:204px;}
.w200 { width:200px;}
.w100 { width:100px;}
.w155 { width:155px;}
.w180 { width:180px;}
.w410 { width:410px;}
.w400 { width:400px;}
.w584 { width:584px;}


.wp40 { width:40%;}
.wp15 { width:15%;}
.wp80 { width:80%;}
.wp100 { width:100%;}	
/*마진*/
.ml0 { margin-left:0px !important;}
.mt30 { margin-top:30px !important;}
.mtb30 { margin:30px 0;}
/*20160516추가*/

/* maintenance */