@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans+KR);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&subset=korean');

/* 전체적용 */
body {font-family:'Noto Sans KR', 'Nanum Gothic', 'dotum', AppleGothic, Verdana, Arial, Helvetica, sans-serif;color:#222;min-width:320px;background: #fff;}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}


.font_malgun {font-family: 'Malgun Gothic', 맑은 고딕;}

.bg_primary {background-color:#163f8c;}
.bg_sub {}
.img-responsive {display: block;max-width: 100%;height: auto;}
.ir-pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir-wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen-out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen-hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.tran-animate {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fd-transition {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.fd-transition-2 {-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;-ms-transition: all .9s ease;transition: all .9s ease;}

.teleNum {color:inherit}

/* 
** opacity 
*/
.opacity_0	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;filter: alpha(opacity=0);zoom:1;}
.opacity_10 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";opacity: 0.1;filter: alpha(opacity=10);zoom:1;}
.opacity_15 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";opacity: 0.15;filter: alpha(opacity=15);zoom:1;}
.opacity_20 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;filter: alpha(opacity=20);zoom:1;}
.opacity_25 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";opacity: 0.25;filter: alpha(opacity=25);zoom:1;}
.opacity_30 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity: 0.3;filter: alpha(opacity=30);zoom:1;}
.opacity_35 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity: 0.35;filter: alpha(opacity=35);zoom:1;}
.opacity_40 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity: 0.4;filter: alpha(opacity=40);zoom:1;}
.opacity_45 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";opacity: 0.45;filter: alpha(opacity=45);zoom:1;}
.opacity_50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity: 0.5;filter: alpha(opacity=50);zoom:1;}
.opacity_55 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";opacity: 0.55;filter: alpha(opacity=55);zoom:1;}
.opacity_60 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6;filter: alpha(opacity=60);zoom:1;}
.opacity_65 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity: 0.65;filter: alpha(opacity=65);zoom:1;}
.opacity_70 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7;filter: alpha(opacity=70);zoom:1;}
.opacity_75 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity: 0.75;filter: alpha(opacity=75);zoom:1;}
.opacity_80 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity: 0.8;filter: alpha(opacity=80);zoom:1;}
.opacity_85 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity: 0.85;filter: alpha(opacity=85);zoom:1;}
.opacity_90 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";opacity: 0.9;filter: alpha(opacity=90);zoom:1;}
.opacity_95 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";opacity: 0.95;filter: alpha(opacity=95);zoom:1;}


.k_wrap {display:block;width:100%;clear:both;position: relative;}
/* .k_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;} */
/*.k_container {position:relative;width:100%;min-width:320px;margin:0;padding:0;clear:both;}
.k_container:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container.type_center {margin:0 auto;}*/


.scrollOpacity {opacity:0;transition:opacity 1s;}
.scrollOpacity.active {opacity:1;}

.pc_only {display: block;}
.mobile_only {display: none}

/* 사이트맵 */

.sitemap_wrap { width:100%; margin-top:40px;}
.sitemap_wrap div.sitemap { float:left;width:50%; vertical-align:top; text-align:center;}
.sitemap_wrap div.sitemap > h5 {width:90%; margin:0 auto; border:1px solid #0553ab;   text-align:center; }
.sitemap_wrap div.sitemap > h5 > a {font-size:1.5em; color:#0553ab; font-weight:bold;line-height:2.0;}
.sitemap_wrap div.sitemap ul {padding-top:10px;min-height: 300px;}
.sitemap_wrap div.sitemap li { width:90%; margin:0 auto; }
.sitemap_wrap div.sitemap li > a { display:block; color:#333; line-height:2.5;text-align:left;}
.sitemap_wrap div.sitemap li > p { text-align:left;  padding:0;margin:0; }
.sitemap_wrap div.sitemap li > p a { display:block; font-size:0.8em;line-height:1.5; color:#333;margin-bottom:10px; }





/* 비쥬얼그래픽 */
.vg_inner {width:100%;max-width:640px;margin:0 auto;position: relative;clear:both;}

.vg_title {max-width: 640px;position: absolute;top:0;left:0;margin:18% 5%;z-index: 555; padding: 0;text-align:center}
.vg_title h2 {font-size:1.2rem;color:#ffffff;margin:0;text-align:left;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 400;}
.vg_title h2 div.topTxt {font-size:40px;}
.vg_title p {color:#ffffff;margin:10px 0 0;text-align:left;font-size:13px;/* border: 1px solid #d4d4d4; */padding:0;display: inline-block;text-transform: uppercase;word-break: keep-all;text-shadow: 1px 1px 1px #000;}

.vg_tit_box {margin:0;overflow: hidden;text-align: left;}


.vg_down {position: absolute;bottom: 40px;left: 50%;margin-left: -70px;width: 80px;z-index: 500;text-align: center;}
.vg_down a {display: block;cursor: default;}
.vg_down a span {margin-top:20px;color:#fff;font-weight: 500;letter-spacing: -1px;display:block;position: relative;}
.vg_down a span:after {content: '>';position: absolute;right:-20px;top:2px;transform: rotate(90deg);}

.vg_title .vg01_text01 {padding-top:0;animation: titAnimation 1.4s ease-in-out alternate}
.vg_title .vg01_text02 {padding-top:0;animation: titAnimation2 1.4s ease-in-out alternate}
.vg_title .vg02_text01 {padding-top:0;animation: titAnimation 1.4s ease-in-out alternate}
.vg_title .vg02_text02 {margin-top:0;animation: titAnimation2 1.4s ease-in-out alternate}


.vg_tit_box_ani { animation: titAnimation 1.4s ease-in-out alternate}
.vg_tit_box_ani2 { animation: titAnimation 1.8s ease-in-out alternate}
@-webkit-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-o-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}

@-webkit-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-o-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}

/* */
div#vg_wrap_sub	{background:url(../img/main_vg.jpg) no-repeat 50% 0; text-align:center; clear:both;position: relative;}
div#vg_sub	{height:287px; max-width: 640px;margin: 0 auto; text-align:left;}



.subNavWrap {position: relative;	width: 100%;	min-width:1200px;background-color: #81705a;height:62px; display: block}
.subNavWrap div.subNavInner {position:relative;width: 1200px;margin: 0 auto;}
.subNavWrap .btn_home {display:block;float:left;border-left:1px solid #a79b8c;border-right:1px solid #a79b8c;width:62px;height:62px;background: url(../img/sub_home.png) no-repeat center;}

.subNav1st {display:block;float:left;zoom:1;font-size:14px;list-style:none;    margin-left: -1px;}
.subNav1st:after {display:block;clear:both;content:''}
.subNav1st > .navi_dp1 {float:left;position:relative;padding:0;height:62px;border-right:1px solid #a79b8c;}
.subNav1st > .navi_dp1 h2,
.subNav1st > .navi_dp1 h3 {margin:0;line-height:62px;}
.subNav1st > .navi_dp1 a.dp1 {position:relative;display:block;padding:0 60px 0 30px;text-decoration:none;font-size:17px;line-height:62px;color:#fff;    min-width: 254px;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop {position:absolute;top:50%;right:30px;margin-top:-5px;width:14px;height:9px;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop.bg {background: url(../img/sub_drop.png) no-repeat;background-position: center;}

/*.subNav1st > .navi_dp1:hover > ul.subNav2nd {display:block;}*/

.subNav2nd {list-style:none;display:none;position:relative;    background-color: #81705a;z-index:10;}
.subNav2nd > .navi_dp2 {display: table;width: 100%;}
.subNav2nd > .navi_dp2:first-child {padding-top:10px;}
.subNav2nd > .navi_dp2:last-child {padding-bottom:10px;}
.subNav2nd > .navi_dp2 > a {display:table-cell;padding:3px 30px;text-decoration:none;border:solid #a79b8c;border-width:0;font-size:17px;color:#fff;vertical-align: middle;}
.subNav2nd > .navi_dp2 > a:hover, 
.subNav2nd > .navi_dp2 > a:active, 
.subNav2nd > .navi_dp2 > a:focus,
.subNav2nd > .navi_dp2.active > a {color:#583308;}
.subNav2nd > .navi_dp2:last-child > a {border-width:0;}




#m_breadcrumbs_wrap {display: none}

#subPage {padding: 10px;}



/* 타이틀영역 */
.title_wrap {overflow:hidden;padding-bottom: 60px;}
.title_wrap h2.title {font-size:32px;    line-height: 50px;color: #3b3b3b;display: inline-block;margin: 0;font-weight:400;}
.sub_vg_title{position : relative;width: 100%;margin:20px 0;padding:0 0 20px 0;text-align: center;clear:both;border-bottom:1px solid #d0d0d0;}

.sub_arrow{font-size:32px;display: inline-block;    line-height: 50px;color:#dc060e}
.sub_left_arrow{float: left;height:100%;}
.sub_right_arrow{float: right;height:100%;}
.sub_vg_title_line{width: 100%;height: 1px;background: #d8d8d8;display:block;position : relative;}

.parallax-init-pc {transform: translate3d(0, 100px, 0);transition: transform 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.parallax-init-pc.add-stage {transform: translate3d(0, 0, 0) scale(1) rotate(0) !important;}

.cs_center {padding:10px;margin:0;background-color: #2b3748;border-bottom: 1px solid #aaafb6}
.cs_center h4 {color:#605f5f;font-size:1.0rem;line-height: 1.5;margin-bottom: 10px;font-weight: 400;position: relative;    text-align: center;}
.cs_center h4 img {margin-right:10px}
/*.cs_center h4:before {content:'';width:36px;height: 31px;position: absolute; top:0;left:0;background: url(../img/ico_cs.png) no-repeat;background-position: center;}*/
.cs_center div.cs1 {}
.cs_center div.cs1 ul li {display:inline-block;margin:0 15px 0 0;position: relative;}
.cs_center div.cs1 ul li a {display:block;font-size:1.0em;line-height: 1.3;color:#fff;text-transform: uppercase;}
.cs_center div.cs1 ul li:after {content: ''; position: absolute;top:50%;right:-10px;margin-top:-5px;width:2px;height:10px;background:#7f8389;}
.cs_center div.cs1 ul li.last {margin:0;}
.cs_center div.cs1 ul li.last:after {width:0;height:0;}



.csInner {padding:10px 0;clear: both;overflow: hidden;}
.csInner div.info_col {width: 100%;height: auto;float: none;margin: 0 0 10px 0;overflow: hidden;position: relative;padding:0 10px;}
.csInner div.info_col.last {margin:0 0 0 0;}
.csInner div.info_col h4 {font-size: 1.25em;font-weight: 500;margin: 0 0 10px 0;padding-bottom: 10px;color: #2d3a4c;border-bottom: 1px solid #2d3a4c}

.csInner div.more_view {position: absolute;top:0;right:10px;}
.csInner div.more_view a.btnMore {
	display: inline-block;
	border: 1px solid #8a8a8a;
	position:relative;
	margin: 0;
	background: transparent;
	vertical-align: middle;
	white-space: nowrap;
	text-align:center;
	font-size: 1.2em;
	color:#d60000;
	width:25px;
	height:25px;
} 
.csInner div.more_view a.btnMore span {display:inline-block;width:23px;height:23px;}
.csInner div.more_view a.btnMore:hover span {transform:rotate(360deg);-webkit-transform:rotate(360deg)}

.lt {position:relative;width:100%;overflow:hidden;}
.lt ul {margin:0;padding:0;list-style:none;clear:both;}
.lt li {padding:0;margin-bottom: 10px;}
.lt li a.lt_a {display: block;position: relative;height: 23px}
.lt li a.lt_a:after {clear: both;overflow: hidden;}
.lt li a.lt_a h5 {position:relative;color:#5b5b5b;font-size:1.0em;line-height: 1.5;float: left;font-weight:400;}
.lt li a.lt_a h5 span {color:#015bcb;}
.lt li a.lt_a div.lt_date {color:#015bcb;font-size:1.0em;line-height: 1.5;float: right;}
.lt li a.lt_a div.bottomLine {display: none;background: #9b9b9b;width:100%;height: 1px;position: absolute;bottom:-5px;}
.lt li a.lt_a:hover div.bottomLine {display: block;}

#customer_section 		{position: relative;background: #1d5bb2;padding:0 10px;}

div.customer_center {position:relative;width:33.333%;height:auto;float:left;vertical-align: top; padding:15px 0;text-align: center;margin-right:0;}
div.customer_center.first {}
div.customer_center.last {margin-right:0;}
div.customer_center a {display: block;}
div.customer_center div.thumb {width:86px;height: 86px;display: inline-block;margin-bottom: 10px}
div.customer_center div.thumb.ico01 {background:url(../img/ico01.png) no-repeat;background-position: center;}
div.customer_center div.thumb.ico02 {background:url(../img/ico02.png) no-repeat;background-position: center;}
div.customer_center div.thumb.ico03 {background:url(../img/ico03.png) no-repeat;background-position: center;}
div.customer_center div.thumb.ico04 {background:url(../img/ico04.png) no-repeat;background-position: center;}
div.customer_center div.thumb.ico05 {background:url(../img/ico05.png) no-repeat;background-position: center;}
div.customer_center h3.title {font-size: 1.1em;color:#fff;margin:0;line-height: 1.5;font-weight: normal;}
div.customer_center a:hover h3.title {text-decoration: underline;}
div.customer_center a:hover div.thumb {transform: translate3d(0, -10px, 0);transition: transform 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}


/*메인PRODUCTS*/
#pro_section {width:100%; height:100%; }
div.page-header {padding: 60px 0 0 0px; position: relative; width: 100%; text-align: center;}
div.page-header h4 {font-size:27px; color:#2a2a2a;  padding:0; position: relative; text-transform: uppercase;}
div.page-header h4:before {content: ""; position: absolute; left: 50%; margin-left: -25px; top: -9px; height: 0px; width: 50px; border-bottom: 2px solid #0f488f; }
div.page-header p {font-size:13px;line-height:23px;color:#272727;padding-bottom:10px;word-break: keep-all;padding:0 20px;padding-bottom:20px;}

#pro_section .type_center .pro_wrap .main_a{margin-bottom:10px;background:url(../img/main_a.jpg) no-repeat;background-position: center;width:100%;height:160px;color:#ffffff;text-align:center;padding-top:30px}
#pro_section .type_center .pro_wrap .main_b{margin-bottom:10px;background:url(../img/main_b.jpg) no-repeat;background-position: center;width:100%;height:160px;color:#ffffff;text-align:center;padding-top:30px}
#pro_section .type_center .pro_wrap .main_c{margin-bottom:10px;background:url(../img/main_c.jpg) no-repeat;background-position: center;width:100%;height:160px;color:#ffffff;text-align:center;padding-top:30px}


#pro_section .type_center .pro_wrap .tit1{font-size:28px;}
#pro_section .type_center .pro_wrap .tit1:after{content:"";display:block;width:40px;height:2px;background:#ffffff;margin:14px auto}
#pro_section .type_center .pro_wrap .txt2{font-size:16px;}

.main_banner .main_content02 .txt2{font-size:19px;color:#ffffff;font-weight:500}
.main_banner .main_content02 .left .left_bg{background: url(../img/content02_bg.jpg) no-repeat;width:100%;height:210px;display:inline-block;float:left;background-size: cover;}
.main_banner .main_content02 .left .left_bg .tel_icon{display:inline-block;padding-right:18px}
.main_banner .main_content02 .left .left_bg .tel_num{display:inline-block;font-size:25px;vertical-align: middle;color:#ffffff;font-weight:100}
.main_banner .main_content02 .left .left_bg .tel_num p{font-size:18px;font-weight:100}
.main_banner .main_content02 .center {background:#508e9e;width: 50%;height: 150px;float:left;text-align:center;padding:33px 0;}
.main_banner .main_content02 .center .center_bg{padding-bottom:20px;}


.main_banner .main_content02 .right .right_bg{padding-bottom:20px;}


.main_banner .main_content02 .left .left_bg .left_box{width:270px; margin:0 auto;padding:29px 0}
.main_banner .main_content02 .left .left_bg	.bottom_box{font-size:19px;text-align:center}
.main_banner .main_content02 .left .left_bg	.bottom_box a{color:#ffffff;display:block;width:100%;height:100%}
.main_banner .main_content02 .left .left_bg	.bottom_box .line:before{content:"";background:#fff;width:25px;height:2px;display:block;margin:5px auto;}
.main_banner .main_content02 .left .left_bg	.bottom_box .line{padding-top:15px}
.main_banner .main_content02 .left .left_bg	.bottom_box .about_box{background:#6471c5;width:50%;height:75px;float:left}
.main_banner .main_content02 .left .left_bg	.bottom_box .location_box{background:#64b1c5;width:50%;height:75px;float:left}


.main_banner .main_content02 .right {background:#4a488f;width: 50%;height: 150px;float:left;text-align:center;padding:33px 0; }


/*	Start	*/
.company {width:100%; height:100%;}

.company .company_btm {width:100%; height:100%; padding-top:10px;}
.company .company_btm .company_btmWrap {width:100%; height:100%;}
.company .company_btm .company_btmWrap .cb_left { width:100%;}
.company .company_btm .company_btmWrap .cb_right { width:100%;}
.company .company_btm .company_btmWrap .cb_right .comTable01 {width:100%;margin-top:10px;border-collapse:collapse; border-top: solid 2px #131928; word-break: keep-all;}
.company .company_btm .company_btmWrap .cb_right .comTable01 caption {display:none}
.company .company_btm .company_btmWrap .cb_right .comTable01 th {width: 120px; font-size:16px; line-height:55px; color:#252525; border-bottom: 1px solid #adadad; vertical-align: top;border-right:1px solid #adadad;}
.company .company_btm .company_btmWrap .cb_right .comTable01 td {font-size:14px; line-height:26px; color:#252525; text-align:left; padding: 15px; border-bottom: 1px solid #adadad;}

.introduction04 .cert_img:after{content:"";clear:both;display:block;}

/* history Start */
.history {position:relative;}
.history > p.first {font-size:1.5rem;margin:0;}
.history > p.first span {color:#393939;}
.history > p.first strong.blue {font-size:2.5rem;color:#006fcd;display:inline-block;font-weight:400;margin-left:20px;}


.history > .history_img {position:relative;margin-top:60px;width:214px;float:left;}
.history > .history_img ul.auto {}
.history > .history_img ul.auto li {text-align:center;margin-bottom:100px;}
.history > .history_img ul.auto li div.thumb {}
.history > .history_img ul.auto li div.thumb img {max-width:100%}
.history > .history_img ul.auto li h5 {font-size:1.1rem;color:#222222;line-height:1.5;}

.history > .history_wrap {position:relative;width:90%;min-height: 593px;/* padding-bottom:100px; */margin:0 auto;}
.history > .history_wrap:before {content:'';position:absolute;left:0;top:0;background:#c0d5f5;width:1px;height:100%;}



.history > .history_wrap .history_list {position:relative;}
.history > .history_wrap .history_list:after {content: "";   display: block;    height: 0;    clear: both;}
.history > .history_wrap .history_list p {position:relative;float:none; font-weight:500; font-size:1.5em;line-height:1; color:#13315f;padding: 10px}
.history > .history_wrap .history_list p:before {content:'';width:6px;height:6px;position:absolute;left:-3px;top:16px;background:#c0d5f5;border-radius:50%}
/*.history > .history_wrap .history_list p:after {content: "";width:180px;height:1px;position:absolute;top:17px;right:-210px;background:#fff;border-top:1px solid #c0d5f5}*/
.history > .history_wrap .history_list .history_txt {float:none;position:relative;padding-left:20px;width:auto;}
.history > .history_wrap .history_list dl {padding-bottom:10px;display:table;}
.history > .history_wrap .history_list dt {font-size:1.0em; color:#3d84d3; line-height:1.5; display:table-cell; vertical-align:top;position: relative;word-break: keep-all;}
/*.history > .history_wrap .history_list dt:before {content:'';width:8px;height:8px;position:absolute;left:0;top:19px;background:#c0d5f5;border-radius:50%}*/
/*.history > .history_wrap .history_list dt.non:before {width:0;height:0;}*/
.history > .history_wrap .history_list dd {font-size:1.0em; color:#545454; line-height:1.5; display:table-cell;vertical-align:middle;padding-left:10px;word-break: keep-all;}

.history > .history_wrap .history_list span.big {position:relative;display:inline-block;font-size:1.6em;color:#282c53;float:none;width:100%;padding:10px;border-top:1px solid #c0d5f5;margin-left:0}
.history > .history_wrap .history_list span.big.nonBorder {border-top:0 none;}

/* history End */

/*	 Start	*/
.introduction04 {width:100%;}
.introduction04 .cert_img li{display:inline-block;float:left;width:49%;padding:10px;font-size:14px;}
.introduction04 .cert_img li img{width:100%;border:1px solid #aeaeac;border-top: 4px solid #00b1f6;}
.introduction04 .cert_img li h2{text-align:center;font-size:14px;font-weight:400;color:#313131; padding:11px;}


/*	Start	*/
.introduction05 {width:100%;}
.location {width:100%; height:100%;}
.location .locationTop {width:100%; height:100%;}
.location .locationTop .map_info {width:100%; height:600px}
.location .locationTop .map_info_m{display:none}

.location .locationBtm {width:100%; height:100%; padding-top:10px;}
.location .locationBtm .loc_left {width:100%;}
.location .locationBtm .loc_left img {max-width:100%;}
.location .locationBtm .loc_right {width:100%;}
.location .locationBtm .loc_right .locTable01 {width:100%; border-collapse:collapse; border-top: solid 2px #131928; word-break: keep-all;}
.location .locationBtm .loc_right .locTable01 caption {display:none}
.location .locationBtm .loc_right .locTable01 th {width: 150px; font-size:16px; line-height:55px; color:#252525; border-bottom: 1px solid #adadad; vertical-align: top;}
.location .locationBtm .loc_right .locTable01 td {font-size:14px; line-height:26px; color:#252525; text-align:left; padding: 15px; border-bottom: 1px solid #adadad;}


.k_container .guide05 h2{padding-bottom:20px;}
.k_container .guide05 .guide_content{margin-bottom:50px;}
.k_container .guide05_content01 h2{ padding-bottom:20px;}
.k_container .guide05_content01 .tit02{padding-top:50px;}
.k_container .guide05_content01_1 h3{position:relative;margin-left:15px;}
.k_container .guide05_content01_1 h3:after{content:"";display:block;width:3px; height:18px;background:#000;position:absolute;top:18%;left:-9px;}
.k_container .guide05_content01_1 .principle .txt1{font-size:17px;padding:20px 0 10px 0}
.k_container .guide05_content01_1 .content{padding-top:20px;}
.table_box{margin:50px 0 100px  0;}

/*	 End	*/
/* 공장 자동화 */
.sub_title_1 {}
.sub_title_1 .title1 {font-size:22px;letter-spacing:0.02em;font-weight:bold;color:#232323;}
.sub_title_1 .title2 {font-size:17px;letter-spacing:-0.04em;font-weight:200;color:#727272;}
.sub_title_1 .txt {font-size:13px;color:#404040;padding-top:25px;}

.factory {width:100%;}
.factory .sub {width:100%;}
.factory .sub .content {width:100%;}
.factory .sub .content .f_movie {width:100%;margin-top:50px;margin-bottom:0px;border:solid 1px #b7b7b7;}
/* 공장 자동화 */

/*제품소개 Start*/
.product_01 {width:100%;}
.scroll_table{overflow:auto}
.product_01 img{width:100%}
.product_02 img{width:100%}
.product_01 h4 {font-size:22px;color:#3c3c3c;}
.product_01 h4 span {font-size:14px;}
.product_01 .p_img {padding:20px 0px 0px 0px;}
.product_01 .txt {font-size:15px;color:#3c3c3c;}

.product_01 .table1{width:100%; clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid; margin-top:10px;}
.product_01 .table1 th{color:#ffffff;font-size: 15px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2;padding:20px;border-right:#ffffff 1px solid;}
.product_01 .table1 th:last-child{border-right:none; }
.product_01 .table1 td{color:#3a3d42;font-size: 15px;letter-spacing:-0.025em;line-height:26px;text-align:center;padding: 4px 0px 4px 5px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.product_01 .table1 td:last-child{border-right:none; }

.product_02 {clear:both;width:100%;padding-top:70px;}
.product_02 h4 {font-size: 20px;font-weight:bold;color:#3c3c3c;background: url(../img/ico_bar_blue1.png) left no-repeat;background-position-y: 3px;padding-left: 31px;padding-bottom: 16px;}
.product_02 .sub {/* float:left; */width: 100%;}
.product_02 .sub_l {}
.product_02 .sub_r {text-align:right;}
.product_02 .sub_b {}
.product_02 .sub p.txt01 {width:100%;height: 125px;font-size: 17px;color:#3c3c3c;/* text-align:center; */padding: 10px 0px 10px;}
.product_02 .sub p.txt02 {width:100%;height: 185px;font-size: 17px;color:#3c3c3c;/* text-align:center; */padding: 10px 0px 10px;}
.product_02 .sub p.txt03 {width:100%;height: 185px;font-size: 17px;color:#3c3c3c;/* text-align:center; */padding: 10px 0px 10px;}
.product_02 .sub p.txt04 {width:100%;height: 185px;font-size: 17px;color:#3c3c3c;/* text-align:center; */padding: 10px 0px 10px;}


.product_03 {clear:both;width:100%;padding-top:70px;}
.product_03 h4 {font-size: 20px;font-weight:bold;color:#3c3c3c;background: url(../img/ico_bar_blue1.png) left no-repeat;background-position-y: 3px;padding-left: 30px;padding-bottom: 16px;}

.product_03 .table3{width:100%; clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid;}
.product_03 .table3 th{color:#ffffff; font-size:18px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2; padding:20px;border-right:#ffffff 1px solid;border-bottom:#ffffff 1px solid;}
.product_03 .table3 th:last-child{border-right:none; }
.product_03 .table3 td{color:#3a3d42; font-size:18px; letter-spacing:-0.025em;line-height:26px; text-align:center; padding:16px 16px 16px 30px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.product_03 .table3 td:last-child{border-right:none; }

.product_03 .table4{width: 750px;clear:both;border-collapse:collapse;border-bottom:#e3e3e3 1px solid;}
.product_03 .table4 th{color:#ffffff;font-size: 15px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2;padding:8px;border-right:#ffffff 1px solid;border-bottom:#ffffff 1px solid;}
.product_03 .table4 th:last-child{border-right:none; }
.product_03 .table4 td{color:#3a3d42;font-size: 15px;letter-spacing:-0.025em;line-height:26px;text-align:center;padding: 4px 5px 4px 5px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.product_03 .table4 td:last-child{border-right:none; }

.product_03 .product_03_wrap {width:100%;}
.product_03 .product_03_wrap .sub1 {
    overflow: auto;
}
.product_03 .product_03_wrap .sub2 {width:100%;margin-top:100px;}
.product_03 .product_03_wrap .sub2 img{width:100%}
.product_03 .product_03_wrap .sub2 p {padding-bottom:10px;}


.coupler_box {width:100%;}
.coupler_box img{width:100%}
.coupler_box h4 {font-size: 27px;color:#3c3c3c;padding-top:50px;}
.coupler_box h4 span {font-size:22px;}
.coupler_box .p_img {padding: 15px 0px 35px 0px;}
.coupler_box .txt {font-size: 15px;color:#3c3c3c;}

.coupler_box .table1{width:750px; clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid; }
.coupler_box .table1 th{color:#ffffff;font-size: 15px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2;padding:20px;border-right:#ffffff 1px solid;}
.coupler_box .table1 th:last-child{border-right:none; }
.coupler_box .table1 td{color:#3a3d42;font-size: 15px;letter-spacing:-0.025em;line-height:26px;text-align:center;padding: 4px 0px 4px 5px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.coupler_box .table1 td:last-child{border-right:none; }

.welding_box{margin-top:50px;}
.welding_box .welding_img{margin-bottom:100px;}
.welding_box ul:after{content:"";clear:both;display:block;}
.welding_box ul li{float:left;width: 50%;padding: 5px 5px 5px 5px;}
.welding_box h3{font-size: 18px;margin-bottom: 13px;}
.welding_box .fastening_method .sub_tit{padding-left:30px;font-size:18px;font-weight:700}
.welding_box .fastening_method p{font-size: 15px;padding-top:10px;}
.welding_box .fastening_method .font-red{color:#ff3131;font-size: 14px;padding-bottom:30px;}
					
.fastening_method01{padding-left:30px;font-size:18px;}
.fastening_method01 .sub_tit{padding-bottom:10px;font-weight:700}
.fastening_method01 .sub01 .cont01{display:inline-block;width:50%}
.fastening_method01 .sub01 .cont02{display:inline-block;width:100%;font-size: 14px;margin-top: 13px;}

.fastening_method01 .sub01 .txt{padding-bottom:10px;}
.welding_box .bot_content{padding-top:50px;}


.product_new01 {width:100%;}
.product_new01 h4 {font-size:22px;color:#3c3c3c;margin-top:100px;}
.product_new01 h4 span {font-size:22px;}
.product_new01 .p_img {margin:30px 0px 35px 0px;border:1px solid #ddd}
.product_new01 .cont01{display:block}
.product_new01 .cont01 li{width:150px;height:150px;font-size:16px;text-align:center;border-radius:50%;padding-top:44px;color:#3c3c3c;margin:10px auto}
.product_new01 .cont01 .type01{border:5px solid rgba(124,174,34,.3)}
.product_new01 .cont01 .type02{border:5px solid rgba(235,172,36,.3)}
.product_new01 .cont01 .type03{border:5px solid rgba(0,122,183,.3)}
.product_new01 .cont01 .type01{background:rgba(124,174,34,.1)}
.product_new01 .cont01 .type02{background:rgba(235,172,36,.1)}
.product_new01 .cont01 .type03{background: rgba(0,122,183,.1)}


.product_new02 {width:100%;}
.product_new02 h4 {font-size:22px;color:#3c3c3c;margin-top:100px;margin-bottom:50px;text-align:center}
.product_new02 h4 span {font-size:22px;}
.product_new02 .p_img {margin:30px 0px 35px 0px;border:1px solid #ddd}
.pd_coupler_box{margin-bottom:100px;}
.pd_coupler_box:after{content:"";display:block;clear:both}

.pd_coupler_box .left_img{float:none;width:100%;}
.pd_coupler_box .right_box{float:none;width:100%;}

.pd_coupler_box .right_box .right_txt{font-size:19px;padding-top:15px;}
.pd_coupler_box .right_box .right_txt .red_txt{color:#ff0000}

.pd_coupler_box .table1{width:750px;; clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid;margin-top:10px;}
.pd_coupler_box .table1 th{color:#ffffff; font-size:18px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2; padding:20px 0;border-right:#ffffff 1px solid; }
.pd_coupler_box .table1 th:last-child{border-right:none; }
.pd_coupler_box .table1 td{color:#3a3d42; font-size:18px; letter-spacing:-0.025em;line-height:26px; text-align:center;padding:16px 0;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.pd_coupler_box .table1 td:last-child{border-right:none; }

.mobile_table_arrow {display: block; font-size:18px; margin-top:15px; text-align:right;}	

.product_new03 {width:100%;margin-bottom:80px;}
.product_new03 h4 {font-size:45px;color:#3c3c3c;margin-top:100px;margin-bottom:50px;text-align:center}
.product_new03 .pd_construction:after{content:"";display:block;clear:both}
.product_new03 .pd_construction li{width:100%;padding:20px 10px;}
.product_new03 .pd_construction li p{font-size:19px;padding-top:10px;}

.product_new04 {width:100%;margin-bottom:80px;}
.product_new04 h4 {font-size:45px;color:#3c3c3c;margin-top:100px;margin-bottom:50px;text-align:center}

.product_new04 .pd_construction{display:block}
.product_new04 .pd_construction:after{content:"";display:block;clear:both}
.product_new04 .pd_construction li{float:left;width:50%;padding:5px;}
.product_new04 .pd_construction02 li{width:100%;}
.product_new04 .pd_construction li p{font-size:19px;padding-top:10px;}

.product_new02 h5 {font-size:18px;padding-left:30px;font-weight:bold;color:#3c3c3c;background: url(../img/ico_bar_blue1.png) left no-repeat;background-position-y: 3px;padding-left: 31px; padding-bottom: 16px;}
.product_new04 h5 {font-size:18px;font-weight:bold;color:#3c3c3c;background: url(../img/ico_bar_blue1.png) left no-repeat;background-position-y: 3px;    padding-left: 31px; padding-bottom: 16px;}


/*제품소개 End*/

/*사이즈 및 규격 Start*/
.size01 {width:100%;}
.size01 h4 {font-size: 20px;font-weight:bold;color:#3c3c3c;background: url(../img/ico_bar_blue1.png) left no-repeat;background-position-y: 3px;padding-left: 30px;padding-bottom: 16px;}
.size01 .size_wrap {width:100%;padding-top:80px;}
.size01 .size_wrap .sub {width:100%}
.size01 .size_wrap .sub_r {padding-left:34px;}
.size01  img{border:1px solid #ddd;width:100%;}

.size01 .size_content{width:100%;padding-top:50px;clear:both;padding-bottom:50px;overflow: auto;}
.size01 .table1{width:100%; clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid;}
.size01 .table1 th{color:#ffffff;font-size: 16px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2;padding:10px;border-right:#ffffff 1px solid;border-bottom:#ffffff 1px solid;}
.size01 .table1 th:last-child{border-right:none; }
.size01 .table1 td{color:#3a3d42;font-size: 16px;letter-spacing:-0.025em;line-height:26px;text-align:center;padding:10px 16px 10px 16px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.size01 .table1 td:last-child{border-right:none; }
.size01 .table1 .bg_blue {background:#e6edf7;}


/*사이즈 및 규격 End*/

/* 시공방법 Start */
.construction {width:100%;}
.construction .sub {float:left;width:100%;padding-bottom:70px;}
.construction .sub .content {width:297px;margin:0 auto;}
.construction .sub .content .thumb {width:297px;}
.construction .sub .content .txt {width:297px;font-size:18px;letter-spacing:-0.025em;color:#434343;padding-top:25px;word-break: keep-all;}
/* 시공방법 End */

/*생산절차 Start*/
.production {width:100%;}
.production .production1 {width:100%}
.production .production1 .top {width:100%;height:auto;}
.production .production1 .top .num {width:60px;height:46px;background: url(../../product/images/order_tit_bg.png) left no-repeat;font-size:22px;letter-spacing:0.1em;color:#ffffff;padding-left:5px;padding-top:2px;margin-bottom: 20px;margin-top: 30px;}
.production .production1 .top .title {width:100%;font-size: 18px;font-weight:bold;color:#3c3c3c;/* margin-top:-10px; */margin-bottom: 20px;}
.production .production1 .top .title span{font-size: 17px;}

.production .production1 .content {clear:both;width:100%;/* border:solid 1px #b7b7b7; *//* padding:20px; */}
.production1 .table1{width:950px;clear:both; border-collapse:collapse; border-bottom:#e3e3e3 1px solid; border-top:1px solid #919598;border-left:1px solid #919598}
.production1 .table1 th{color:#ffffff; font-size:18px;letter-spacing:-0.025em;font-weight:500;text-align:center;background:#0c4ea2; padding:20px;border-right:#ffffff 1px solid; }
.production1 .table1 th:last-child{border-right:none; }
.production1 .table1 td{color:#3a3d42;font-size:18px;letter-spacing:-0.025em;line-height:26px;text-align:center;padding: 16px 16px 16px 16px;border-bottom:#919598 1px solid;border-right:#919598 1px solid;}
.production1 .table1 td:last-child{/* border-right:none; */}
.production .production2 {clear:both;width:100%;height:86px;background: url(../../product/images/order_arrow.png) center no-repeat;/* background-position-x: 245px; */margin-top:40px;margin-bottom:40px;}
/*생산절차 End*/

/*납품실적*/
.facility table.facTb1 {width:100%; clear:both; border-collapse:collapse; border-top:3px solid #292e3d;  margin:0;}
.facility table.facTb1 th{color: #fff;font-size: 16px;text-align:center;padding:15px 15px;border-bottom:#bdbdbd 1px solid;border-right:#bdbdbd 1px solid;background: #0c4ea2;word-break: keep-all;}
.facility table.facTb1 td{color:#595959;font-size: 15px;text-align:center;padding: 15px 5px;border-bottom:#bdbdbd 1px solid;border-right:#bdbdbd 1px solid;word-break: keep-all;}
.facility table.facTb1 th:last-child{border-right:none; }
.facility table.facTb1 td:last-child{border-right:none; }