@charset "utf-8";

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),      
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumGothic-Bold.eot);
  src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),       
       url(./font/NanumGothic-Bold.woff) format('woff'),
       url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(./font/NanumGothic-ExtraBold.eot);
  src: url(./font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),       
       url(./font/NanumGothic-ExtraBold.woff) format('woff'),
       url(./font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
html,body{position:relative; width:100%;height:100%;}
body{font-family:'NanumGothicBold',dotum,tahoma,sans-serif;font-size:12px;color:#000}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{color:#000;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}


/* 레이아웃*/
#header {
	position:relative; padding:19px 0px 11px 0px; max-width:1212px; margin:0 auto;
}
#container {
	position:relative; max-width:1212px; margin:28px auto 10% auto; 
}
#sub_content {
	margin:50px auto 150px auto; max-width:1100px; padding-bottom:5%;
}
#product_content  {
	position:relative;  max-width:1212px; margin:40px auto 60px auto; padding-bottom:10%;
}
#product_content_view {
	max-width:1100px; margin:0px auto 60px auto; padding-bottom:10%;
}
.sub_title {
	font-size:40px; font-family:'NanumGothicExtraBold'; color:#2c2d31; letter-spacing:-1px;
}
.sub_con_text01 {
	font-size:17px; line-height:30px; margin-top:13px; letter-spacing:-0.3px; max-width:1040px;
}
.sub_con_text02 {
	font-size:16px; line-height:25px; margin-top:13px; letter-spacing:-0.3px; max-width:1040px;
}
/* 공통 */
.logo {
	 
}
.logo a {
	display:inline-block;  width:230px; height:60px; background:url('../img/common/logo.png') 0 0 no-repeat; text-indent:-999999px;
}
.gnb_menu {
	position:absolute; right:30px; top:56px; 
}
.no_r_m30 {
	right:0px;
}
.gnb_menu a {
	display:inline-block; padding-left:27px; height:20px; line-height:20px; border-left:1px solid #2c2d31; font-size:18px; font-weight:600; margin-left:41px; 
}
.gnb_menu a:hover {
	color:#00aef0;  
}
.gnb_menu a.gnb_on {
	color:#00aef0;  
}

.gnb_menu a:first-child {
	border-left:0px;
}


/* 메인 */
.visual_wrap {
		
}
.visual_wrap {
	position:relative; margin:0 auto; max-width:1400px;
}
.visual_box {
	position:relative; 
}
.visual_box > div {
	position:relative;
}
.visual_box div.visual02 {
	position:absolute; top:0px; left:0px;
}

.visual_box p img {
	width:100%; max-width:1400px;
}
.visual_text {
	position:absolute; top:25%; left:7%;
}
.visual_text02 {
	top:34%;
}
.visual_text p {
	font-size:45px; color:#111111; font-family:'NanumGothicExtraBold'; letter-spacing:-1px;
}
.visual_text p.visual_text_p02 {
	font-family:'NanumGothic'; font-size:15px; color:#111111; line-height:23px; font-weight:600; margin-top:16px; letter-spacing:-0.5px;
}
.visual_btn {
	position:absolute; bottom:0px; left:0px; height:55px; width:100%; background:url('../img/main/v_btn_bg.png') 0 0 repeat; z-index:100;
}
.visual_btn_ul {
	max-width:1212px; margin:0 auto;
}
.visual_btn_ul:after {
	display:block; content:''; clear:both;
}
.visual_btn_ul li {
	position:relative; width:25%; float:left; text-align:center; line-height:55px; font-size:20px; font-weight:600; color:#fff; cursor:pointer; letter-spacing:0.5px;
}
.visual_btn_ul li a {
	color:#fff;
}
.visual_btn_ul li.v_btn_li01 {
	background:#f1461b;
}
.visual_btn_ul li.v_btn_li02 {
	background:#fe6f00;
}
.visual_btn_ul li.v_btn_li03 {
	background:#f8ba27;
}
.visual_btn_ul li.v_btn_li04 {
	background:#1cc59f;
}
.visual_btn_ul li span.t_border {
	display:inline-block; position:absolute; width:100%; background:#42494d; height:100%; left:0px; top:0px; z-index:10000; opacity:0; filter:alpha(opacity=0); z-index:99998;
}
.visual_btn_ul li span.t_border01 {
	display:inline-block; position:absolute; width:100%; height:8px; left:0px; top:0px;
}
.visual_btn_ul li span.t_border01_1 {
	background:#f1451d;
}
.visual_btn_ul li span.t_border01_2 {
	background:#ff6f00;
}
.visual_btn_ul li span.t_border01_3 {
	background:#f8ba27;
}
.visual_btn_ul li span.t_border01_4 {
	background:#1cc4a0;
}
.visual_btn_ul li span.visual_tap_text {
	display:inline-block; position:relative; width:100%; left:0px; top:0px; z-index:99999;
}
/*
.visual_btn_ul li span.t_border02 {
	background:#ac5100;
}
.visual_btn_ul li span.t_border03 {
	background:#95700d;
}
.visual_btn_ul li span.t_border04 {
	background:#0b7b5f;
}
*/
.main_title {
	position:relative; color:#2c2d31; font-size:30px; text-align:center; height:22px; letter-spacing:-0.5px; width:100%; margin:0 auto; 
}
.main_title span.h2_span {
	position:relative; background:#fff; padding:0px 13px; font-weight:bold; font-family:'NanumGothicBold';
}
.main_title span.h2_line {
	display:inline-block; position:absolute; width:100%;top:20px; height:1px; background:#686f76; left:0px;
}
.main_con {
	margin-top:31px;
}
.main_con_ul {

}
.main_con_ul:after {
	display:block; content:''; clear:both;
}
.main_con_ul li {
	float:left; width:24.6%; margin:0px 0.2%; background:#ffffff
}
.main_con_ul li p {
	text-align:center;
}
.main_con_ul li p:first-child {
	padding:14px; border:1px solid #9fadb0; border-bottom:0px;
}
.main_con_ul li p img {
	width:100%; max-width:270px;
}
.main_con_p02 {
	background:#e8ebed; font-size:17px; padding:15px 0px; font-weight:600; color:#2c2d31; border:1px solid #9fadb0; border-top:0px;
}
.icon01 {
	display:inline-block; width:13px; height:20px; background:url('../img/common/icon01.png') 0 0px no-repeat; vertical-align:middle; margin:0px 3px;
}
.icon02 {
	display:inline-block; width:20px; height:13px; background:url('../img/common/icon02.png') 0 0px no-repeat; vertical-align:middle; margin:0px 3px;
}

/* 서브 */
.sub_menu {
	max-width:1212px; margin:0 auto; height:60px; background:#00549d;  text-align:center; line-height:60px; overflow:hidden;
}
.sub_menu p a {
	position:relative; display:inline-block; height:100%; font-size:17px;  font-family:'NanumGothicBold'; color:#fff; margin-left:42px; width:141px;
}
.sub_menu p a span {
	position:relative; z-index:100;
}
.sub_menu p a span.sub_bg {
	position:absolute; width:100%; height:100%; background:url('../img/sub/sub_menu_bg02.png') 0 0 no-repeat; bottom:-50px; z-index:0; left:0px; left:50%; margin-left:-70px;
}
/*
.sub_menu p a {
	display:inline-block; height:100%; font-size:17px;  font-family:'NanumGothicBold'; color:#fff; margin-left:42px; background:url('../img/sub/sub_menu_bg.png') 0px bottom no-repeat; width:141px;
}
.sub_menu p a:hover {
	background:url('../img/sub/sub_menu_bg02.png') 0px bottom no-repeat;
}
*/
.sub_menu p a.sub_menu_on {
	display:inline-block; height:100%; font-size:17px;  font-family:'NanumGothicBold'; color:#fff; margin-left:42px; background:url('../img/sub/sub_menu_bg02.png') 0px bottom no-repeat; width:141px; 
}
.sub_menu p a:first-child {
	margin-left:0px;
}
.loca_p {
	position:relative; width:1212px; margin:12px auto 0px auto; font-size:13px; color:#959595
}
.loca_p span:first-child {
		background:url('../img/sub/loca_home.png') 3px 1px no-repeat; padding-left:23px; vertical-align:top;
}
.loca_p span.loca_on {
	color:#00aef0; font-family:'NanumGothicBold';
}
.loca_p span a {
	text-decoration:none;
}
.loca_p a {
	color:#959595; 
}
.search_span {
	position:absolute; right:0px; top:1px; background:url('../img/sub/search_icon.gif') 0 0 no-repeat; padding-left:25px; color:#2c2d31; font-size:13px;
}
.sub_visual {
	position:relative; max-width:1212px; margin:12px auto 0px auto; 
}
.sub_visual_text {
	position:absolute; top:29%; left:5%;
}
.sub_visual_text02 {
	position:absolute; top:25%; left:5%;
}
.sub_text_p01 {
	font-size:45px; color:#ffffff; font-family:'NanumGothicExtraBold';
}
.sub_text_p02 {
	font-size:18px; color:#ffffff; font-weight:normal; font-family:'NanumGothic'; margin-top:5%; line-height:25px; 
}
.sub_text_p02_1 {
	font-size:22px; line-height:30px;  margin-top:4%;
}
.sub_text_p02_2 {
	font-size:17px; letter-spacing:-1px;
}
.company_color01 {
	color:#1279bc;
}
.years_p {
	margin-top:25px; border-bottom:1px solid #e6e9ed;
}
.years_p span {
	display:inline-block; width:362px; height:45px; text-align:center; line-height:45px; font-size:25px; color:#686f76; background:#e6e9ed; letter-spacing:-2px; font-family:'NanumGothic'; cursor:pointer;
	
}
.years_p span.years_on {
	background:#fe6f00; color:#fff;
}
.years_dl {
	margin-top:67px; 
}
.years_dl.years_dl1 {
	display:none;
}
.years_dl.years_dl2 {
	display:none;
}
.years_dl:after {
	display:block; content:''; clear:both;
}	
.years_dl dt {
	float:left; font-size:60px; color:#fe6f00; font-family:'NanumGothicExtraBold'; vertical-align:top; margin-right:100px;
}
.years_dl dt.dt_first {
	color:#f1461b;
}
.years_dl dd {
	overflow:hidden; min-height:140px; margin-bottom:60px; font-size:18px; padding-top:5px;
}
.years_dl dd p  {
	position:relative; margin-bottom:15px; letter-spacing:0.5px; padding-left:40px;
}
.years_dl dd p span {
	position:absolute; left:0px; top:0px; display:inline-block; color:#fe6f00; letter-spacing:-1px;
}
.map_text {
	margin-top:10px; font-size:17px;
}
.loca_line {
	border-top:3px solid #00549d; padding-top:14px; margin:0px auto 0px auto;
}
.contact_div {
	margin-top:30px;	
}
.contact_div h2 {
	font-size:20px; font-family:'NanumGothicBold'; background:url('../img/sub/contact_icon.gif') 0 0 no-repeat; height:55px; line-height:50px; padding-left:50px; border-bottom:2px solid #d7d7d7; padding-bottom:7px;
}
.contact_div h2.contact_h2_2 {
	background:url('../img/sub/contact_icon.gif') 0 -75px no-repeat;	
}
.contact_div h2.contact_h2_2 span{
	font-size:15px;	font-family:'NanumGothic'; margin-left:15px; font-weight:normal;
}
.contact_table {
	width:100%;	
}
.contact_table caption {
	display:none;	
}
.contact_table tr {
	border-bottom:1px solid #d7d7d7;
}
.contact_table tr th {
	font-size:18px; font-family:'NanumGothicBold'; min-width:280px; text-align:left;
}
.contact_table tr td {
	padding:13px 0px; font-size:15px; line-height:20px;
}
.contact_th_icon, .contact_th_icon01 {
	display:inline-block; width:26px; height:24px; background:url('../img/sub/contact_icon.gif') 0 -144px no-repeat; vertical-align:middle; margin-right:6px;
}
.contact_th_icon01 {
	 background:url('../img/sub/contact_icon.gif') 0 -177px no-repeat;
}
.contact_table1 {
	
}
.contact_table1 tr th {
	width:200px;
}
.contact_table1 tr td {
	padding:22px 0px;	
}
.contact_square {
	display:inline-block; font-size:14px; color:#fff; padding:0px 5px; margin-right:3px;
} 
.contact_square01 {
	background:#3a911c;	
}
.contact_square02 {
	background:#375ab4;	
}
.contact_square03 {
	background:#ce0b12;	
}
.contact_square04 {
	background:#68aadb;	
}

/* 제품 소개 */
.pro_sub_menu {
	padding:20px 0px 0px 0px; text-align:center; max-width:1212px; margin:0 auto; background:#00549d url('../img/sub/product_icon04.gif') 20px 10px no-repeat;
}
.pro_sub_menu_box {
	padding:0px 5%;
}
.pro_sub_menu_box span {
	display:inline-block; text-align:center; color:#fff; font-size:17px; cursor:pointer; margin-bottom:20px; margin-right:35px;
}
.pro_sub_menu_box span.pro_menu_on {
	color:#00aef0;
}
.pro_sub_menu_box span:hover {
	text-decoration:underline;
}
.pro_sub_menu_box span:hover {
	color:#00aef0;
}
.pro_sub_menu_box span:first-child {
	border-left:0px;
}
.loca_wrap {
	position:relative;  max-width:1212px; margin:12px auto 0px auto;
}
.loca_product_p {
	border-bottom:2px solid #00549d; padding-bottom:15px;
}
.loca_product_p span a {
	color:#959595; 
}
.loca_product_p span a:hover {
	
}
.product_ul {
	
}
.product_ul:after {
	display:block; content:''; clear:both;
}
.product_ul li {
	position:relative; float:left; width:24.6%; margin:0.2% 0.2% 2% 0.2%; text-align:center; 
}
.product_ul li div {
	position:relative; border:1px solid #9fadb0; padding:20px 0px 35px 0px;
}
.product_ul li div h3 {
	position:relative; font-size:15px; font-family:'NanumGothicBold'; margin-bottom:15px; 
}
.product_ul li div h3.product_h3 {
	position:relative; left:0.5px; height:45px; width:75%;  margin:0 auto;
}
.product_ul li div.product_over {
	position:absolute; top:1px; left:2px; width:99%; height:99%;border:0px; background:#fff; padding:0px; display:none; opacity:0; filter:alpha(opacity=0);
}
.product_ul li div.product_over a {
	display:inline-block; width:100%; height:100%;
}
.product_ul li div.product_over h3 {
	padding-top:20px; color:#1279bc;
}
.product_ul li div.product_over p.product_over_p01 {
	position:absolute; right:-1px; top:0px; text-indent:-9999px; width:26px; height:26px; cursor:pointer; background:url('../img/sub/close_btn.gif') 0 0 no-repeat; z-index:100;
}
.product_ul li div.product_over p.product_over_p02 {
	padding:0px 15px 0px 15px; color:#2c2d31; font-size:15px; line-height:25px; letter-spacing:-0.5px; text-align:left;
}
.product_ul li div.product_over p.product_over_p03 {
	position:absolute; bottom:10%; width:100%; font-size:17px;  text-decoration:underline;
}
.product_ul li div.product_over p.product_over_p03 a {
	text-decoration:underline;
}
.product_ul li div p.procudt_img img {
	max-width:262px; width:100%; border:1px solid #ddd;
}
.product_ul li div p.product_view {
	position:absolute; right:4px; top:4px; cursor:pointer;
}
.procudt_icon {
	position:absolute; right:1px; bottom:1px;
}
.procudt_icon span {
	margin-left:2px;	
}
.product_view_h4 {
	font-size:20px; color:#1279bc; text-align:center; margin:27px 0px;
}
.sub_rolling {
	border-bottom:1px solid #bec9d5; padding-bottom:20px; text-align:center; 
}
.product_view_text {
	padding:10px 7% 10px 100px; font-size:15px; color:#2c2d31;line-height:25px;  font-weight:600; 
}
.product_view_p01 {
	 font-size:15px; line-height:25px; font-family:'NanumGothic';
}

.product_view_dl {
	margin-top:20px;
}
.product_view_dl:after {
	display:block; content:''; clear:both;
}	
.product_view_dl dt {
	float:left; background:#00aef0; color:#ffffff; font-size:15px; padding:3px 0px; margin-right:8px; width:80px; text-align:center;
}
.product_view_dl dd {
	overflow:hidden; font-size:15px; color:#2c2d31; min-height:40px; margin-bottom:15px; line-height:25px;
}
.top_btn {
	position:fixed; right:50%; margin-right:-600px; bottom:16%; z-index:100;  display:none; opacity:0; filter:alpha(opacity = 0); text-align:center;
}
.top_btn p {
	cursor:pointer;
}
.pazing_p {
	text-align:center; margin-top:25px;
}
.pazing_p a {
	margin-left:20px; font-size:17px; color:#525252; font-family:'NanumGothicBold'; 
}
.pazing_p a.pzaing_on {
	color:#00aef0;
}
.pazing_p a:hover {
	color:#00aef0;
}
.pazing_p a:after {
	margin-left:0px;
}
.pazing_p a img {
	vertical-align:middle; 
}



/* 푸터 */
.footer_wrap {
	position:fixed; bottom:0px; width:100%;  left:0px;
}
.footer_p01 {
	text-align:center; padding:13px 0px; background:#f0f0f0; font-size:13px; color:#2c2d31; font-family:'NanumGothicBold'; -webkit-text-size-adjust:none;
}
.footer_p02 {
	padding:13px 0px; background:#2c2d31; text-align:center; color:#bec9d5; font-size:13px; font-family:'NanumGothicBold'; 
}

/* 모바일 css */
.mobile_btn {
	position:absolute; top:25px; right:0px; text-indent:-9999px; width:40px; height:40px; background:url('../img/common/mobile_menu_btn.png') 0 0 no-repeat; background-size:40px 40px; cursor:pointer; display:none;  font-family:'NanumGothic';
}
.mobile_menu_wrap {
	position:fixed; top:0px; right:-180px; background:#fff; width:180px; height:100%; z-index:1000;
}
.mobile_menu_wrap p {
	border-bottom:1px solid #e9eff5;  
}
.mobile_menu_wrap p:first-child {
	padding-top:27px; text-align:right;
}
.mobile_menu_wrap p:first-child span {
	display:inline-block; padding:0px 15px 20px 0px; text-indent:-99999px;  width:18px; height:16px; background:url('../img/common/mobile_close_btn.png') 0 0 no-repeat; font-size:0px;
}
.mobile_menu_wrap p a {
	display:inline-block; width:100%; height:100%; font-size:14px; color:#3f505f; padding:16px 0px 16px 20px;
}
.all_black_bg {
	position:fixed; width:100%; height:100%; top:0px; left:0px; background:#000; opacity:0.5; filter:alpha(opacity:50); z-index:500; display:none;
}

/* 테이블 */

.request_table {
	border:1px solid #bec9d5; width:720px; border-right:0px; border-left:6px solid #74c252; border-bottom:0px; margin-top:13px;
}
.request_table caption {
	display:none;
}
.request_table tr {
	border-bottom:1px solid #bec9d5;
}
.request_table tr th {
	background:#ececec; font-size:16px; font-family:'NanumGothicBold'; width:15%; color:#707070;
}
.request_table tr td {
	padding-left:15px;  padding:15px;
}
.request_btn {
	margin-top:27px; width:160px; height:40px; text-align:center; line-height:40px; background:#74c252; font-size:18px; font-family:'NanumGothicBold';  color:#fff;
}
.map_table {
	width:50%; 
}


/* 마진 */
.m_l_3 {
	margin-left:3px;
}
.m_l_10 {
	margin-left:10px;
}
.m_l_15 {
	margin-left:15px;
}
.m_l_20 {
	margin-left:20px;
}
.m_l_4p {
	margin-left:4%;
}
.m_r_5 {
	margin-right:5px;
}
.m_r_10 {
	margin-right:10px;
}
.m_r_22 {
	margin-right:22px;
}
.m_r_25 {
	margin-right:25px;
}
.m_t_10 {
	margin-top:10px;
}
.m_t_13 {
	margin-top:13px;
}
.m_t_15 {
	margin-top:15px;
}
.m_t_18 {
	margin-top:18px;
}
.m_t_20 {
	margin-top:20px;
}
.m_t_25 {
	margin-top:25px;
}
.m_t_40 {
	margin-top:40px;
}
.m_t_50 {
	margin-top:50px;
}
.m_b_5 {
	margin-bottom:5px;
}
.m_b_10 {
	margin-bottom:10px;
}
.m_b_15 {
	margin-bottom:15px;
}
.m_b_20 {
	margin-bottom:20px;
}
.m_b_40 {
	margin-bottom:40px;
}
.m_t_5 {
	margin-top:5px;
}
.m_t_30 {
	margin-top:30px;
}
.m_t_35 {
	margin-top:35px;
}
.m_t_40 {
	margin-top:40px;
}
.m_t_60 {
	margin-top:60px;
}

/* 공통 속성 */
.align_top {
	vertical-align:top;
}
.align_center {
	text-align:center;
}
.align_left {
	text-align:left;
}
.black_bg01 {
	position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none;
}
.font_b {
	font-weight:600;
}
.font_normal {
	font-weight:normal;
}

/* 인풋 스타일 */
.input_style01 {
	border:3px solid #d2d2d2; padding:4px; width:50%;
}
.input_style02 {
	border:3px solid #d2d2d2; padding:4px; width:30%;
}
.input_style03 {
	border:3px solid #d2d2d2; padding:4px; width:12%;
}
.input_style04 {
	border:3px solid #d2d2d2; padding:4px; width:23%;
}
.input_style05 {
	border:3px solid #d2d2d2; padding:4px; width:20%;
}
.textarea_style01 {
	border:3px solid #d2d2d2; padding:4px; width:100%;
}
.select_style01 {
	border:3px solid #d2d2d2; padding:3px; 
}

/* 추가 css */
.top_btn {
	position:fixed; right:50%; margin-right:-600px; bottom:16%; z-index:100;  display:none; opacity:0; filter:alpha(opacity = 0); text-align:center; cursor:pointer;
}
.top_btn p {
	cursor:pointer;
}
#product_content_view {
	max-width:1100px; margin:0px auto 60px auto; padding-bottom:10%; position:relative; 
}
.pro_prev {
	position:absolute; left:160px; top:22%; cursor:pointer;
}
.pro_next {
	position:absolute; right:160px;  top:22%;cursor:pointer;
}
.loca_p a:hover {
	color:red;
}