@charset "utf-8";
/* 초기화 */
body {font-family:'Noto Sans KR', 'Nanum Gothic','Malgun Gothic',dotum,Helvetica,Apple SD Gothic Neo,sans-serif;color:#222;min-width:320px;background: #fff;font-size:12px;}
a, a:hover {text-decoration: none;}
.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 !important}

.parallax-init-opcity {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.parallax-init-opcity.add-stage {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}

.font_nanum {font-family: 'Nanum Gothic'}
.font_noto {font-family: 'Noto Sans KR';}
.font_malgun {font-family: 'Malgun Gothic'}
.font_open {font-family: 'Open Sans';}
.font_montserrat {font-family: 'Montserrat';}


/* 
** 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%;min-width:1200px;clear:both;position: relative;}
.k_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container {position:relative;width:1200px;min-width:1200px;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;}

.k_container1000 {position:relative;width:1000px;min-width:1000px;margin:0;padding:0;clear:both;}
.k_container1000:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container1000.type_center {margin:0 auto;}


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

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



#wrap {height:auto;background:transparent;}



#m_menu {display: none; position: absolute; top: 0; right: 10px; width: 35px; height: 87px;}
/*top*/
header.main {position: absolute; width: 100%;min-width: 1200px;top: 0;left: 0;z-index: 900;}
header.bg {background: #000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity: 0.65;filter: alpha(opacity=65);zoom:1;}
/*header.sub.bg {position: relative; width: 100%;background-image: url("../img/sub_vg.jpg"); background-repeat: no-repeat; background-position: center; height: 441px;}
header.bg {position: relative; width: 100%;height: 936px;}*/
header.m-fixed {top: 0;position: fixed;    z-index: 9999;}
.header_wrap {width: 100%; height: 133px; background: url(../img/bg_head_line.png) repeat-x bottom;   z-index: 9999;}
.headerBox {position: relative;width:1200px;margin:0 auto;}
.header_wrap div.logo {position: absolute; top:0;left:0;width:247px;height:133px;background-image: url("../img/logo.png"); background-repeat: no-repeat;background-position: center;}
.header_wrap h1 {margin:0}
.header_wrap h1 a {    display: block;    height: 133px;}

.etc_menu {position: relative;width: 100%;height:35px;line-height:35px;text-align: right;}
.etc_menu a {font-size:12px;line-height:35px;color:#e9e9e9;margin-right: 10px}
.etc_menu a i {line-height:35px;}
/* lang_bg */
#lang_bg{position :fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);left: 0px;top : 0px;z-index: 999;display: none;}
.lang_wrap{width: 1200px;margin: 0 auto;position : relative;}
.lang_nemo{width: 140px;background-color: #fff;border-radius: 5px;top: 50px;position: absolute;right: 25px;}
.lang_nemo:before {content:'▲';position: absolute;top:-19px;left:50%;color:#fff;margin-left:-8px;}
.lang_nemo a{position : relative;padding: 5px 30px;font-size: 16px;color: #666;display: block;text-align: left;}
.lang_nemo a span{content : "";display: none;position : absolute;width: 30px;height: 1px; right: 30px;background-color: #d41814;top : 16px;}
.lang_active {color : #d41814 !important;}
.lang_active span{display: block !important;}


.header_inner {clear: both;position: absolute; top:35px;right:0; height: 100%;display: block;text-align: right}

.header_wrap .lang {position: absolute; top:0;right:0;text-align: right}
.header_wrap .lang a {position:relative;display: block;width:64px;line-height: 87px;}
.header_wrap .lang a i {color:#fff;font-size: 17px;}
.header_wrap .lang a:hover i {color: #03e1f5;}

#gnbnav {}
#gnbnav ul.gnb_list {}
#gnbnav ul.gnb_list > li {display: inline-block;width:168px;position: relative;text-align: center}
#gnbnav ul.gnb_list > li > a {display:block;color: #ffffff; font-size: 20px;line-height: 98px;position: relative;font-weight: 300;}
#gnbnav ul.gnb_list > li > a:before {content:'';position: absolute;top:50%;left:0;margin-top:-8px;width:1px;height: 17px;background: #fff;opacity: 0.4}
#gnbnav ul.gnb_list > li:last-child > a:after {content:'';position: absolute;top:50%;right:0;margin-top:-8px;width:1px;height: 17px;background: #fff;opacity: 0.4}

#gnbnav ul.gnb_list > li > a.on,
#gnbnav ul.gnb_list > li > a:hover {color: #fff;}

#gnbnav ul.gnb_list > li > a .line {position: absolute;display: block;bottom: 0;height: 3px;width: 0%;background: #e71d35;left: 50%;}
#gnbnav ul.gnb_list > li > a.on .line,
#gnbnav ul.gnb_list > li > a:hover > a .line {width: 100% !important;left: 0px !important;}


.header_wrap.active {background: url(../img/bg_header_line_on.png);height:71px;}

.header_wrap.active div.logo {height:71px;}
.header_wrap.active h1 a {height:71px;}
.header_wrap.active .lang a {line-height: 71px;}

.header_wrap.active #gnbnav ul.gnb_list > li > a {color: #ffffff;line-height: 71px;}
.header_wrap.active #gnbnav ul.gnb_list > li > a.on,
.header_wrap.active #gnbnav ul.gnb_list > li > a:hover {color: #ff0000;}

#gnbnav ul.subNavi {position: absolute;left:0;width:100%;padding:0;overflow:hidden;z-index:100;display:none;}
#gnbnav ul.subNavi li {width: 100%; display: block;}
#gnbnav ul.subNavi li:first-child{padding-top:20px;}
#gnbnav ul.subNavi li:last-child{padding-bottom:20px;}
#gnbnav ul.subNavi li a {color:#fff; font-size: 16px;padding:10px 0;line-height:1.5;display: block; text-align:center;word-break:keep-all;}
#gnbnav ul.subNavi li a:hover {color:#e71d35;font-weight:bold;}
#gnbnav ul.subNavi.on {background: transparent;}

.subMenuBg {position:fixed;left:0;top:133px;width:100%;background: #000;padding: 0;z-index:99;display:none;}


/*모바일메뉴*/
.m_menu_h {position: fixed; top: 0; right: 0; z-index: 99999; width: 310px; height: 100%;overflow-y: auto;}
.nav-top {border-bottom: 1px solid #d01c25;background: #fff;}
.btn-x {text-align: right; padding: 0  10px;}
.btn-x i {color:#454545;line-height: 57px}
.m-nav > li {border-bottom: 1px solid #d01c25; padding:0;}
.m-nav > li.mmli_up {}
.m-nav > li > a {color: #454545; font-size: 16px; font-weight: bold;display:block;line-height:57px;padding-left:20px; position:relative; }
.m-nav > li > a.on {background: #d01c25;color: #ffffff;}
.m-nav > li > a i {position: absolute;top:50%;right:10px;margin-top:-8px;}

.sub_menu {margin-top: 0;display: none;background:#fff;opacity: 0.7;}
.sub_menu > li {}
.sub_menu > li > a {font-size:14px;color: #d01c25;display:block;line-height: 35px;padding-left:20px; }
.sub_menu > li > a:hover {color:#ffffff;text-decoration: none;background:#6298db;}
.m_lang {padding: 0 20px; margin-top: 40px;}
.m_lang ul {overflow: hidden; width: 100%; border: 1px solid #d01c25;}
.m_lang ul li {width: 50%; float: left; text-align: center; }
.m_lang ul li a {background: #fff;color:#454545; font-size: 14px; padding: 12px 0; display: block; width: 100%; }
.m_lang ul li a.on  {background: #d01c25;color:#fff; }


.m_menu_h p {color: #d01c25; font-size: 13px; letter-spacing: 0; padding-left: 20px; margin-top: 20px;}
.dim {position: fixed; width: 100%; max-width: 996px; height: 100%; background: #000; opacity: 0.5; top: 0;z-index: 999;}
.m_menu_bg {position: fixed; width: 100%; width: 310px; height: 100%; background: #fff; top: 0;right: 0;z-index: 1000;}
.m_menu_wrap {position: fixed; display: none; top: 0; left: 0; right: 0; max-width: 996px; width: 100%; height: 100%; margin: 0 auto; z-index: 9999; overflow-y: auto;}      

      


body{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
body.on-side {margin-left: -308px;}
#sideToggleWrap {position: fixed;overflow-y: auto;top: 0;right: -308px;width: 308px;padding: 21px 17px;height: 100%;display: block;background-color: #323232;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
#sideToggleWrap.on{right: 0;}
#sideToggleWrap .close-sideToggle {float: right;color: #fff;position: relative;z-index: 2;font-size: 16px;}
#sideToggleWrap .widget {position: relative;z-index: 1;clear:both;}

#sideToggleWrap .widget .logocopy {margin:65px 0 30px; }
#sideToggleWrap .widget p.logo_desc {font-family:'Nanum Barun Gothic', sans-serif;color: #fff;margin:0 0 50px 0;font-size: 18px;letter-spacing: -1px;}
#sideToggleWrap .widget p.tel_text {font-family:'Nanum Barun Gothic', sans-serif;color: #fff;margin:0 0 50px 0;font-size: 30px;letter-spacing: -1px;}

#sideToggleWrap .widget div.sns_btnLink {margin-bottom: 45px;overflow: hidden;}
#sideToggleWrap .widget div.sns_btnLink ul {padding: 0;margin: 0;clear:both;}
#sideToggleWrap .widget div.sns_btnLink ul li {float:left;margin-right:15px;}
#sideToggleWrap .widget div.sns_btnLink ul li:last-child {margin-right: 0;}
#sideToggleWrap .widget div.sns_btnLink ul li a {display:table-cell;vertical-align: middle;width:50px;height:50px;border:1px solid #bdbdbe;border-radius:10px;text-align: center;line-height: 1;}
#sideToggleWrap .widget div.sns_btnLink ul li a.location {display: block;width:127px;height:35px;line-height: 33px;}
#sideToggleWrap .widget div.sns_btnLink ul li a span {color:#bdbdbe;font-size:14px;}


/* 서브 상단 */
.sub_vg { position : relative;width: 100%;height:560px; background:url(../img/sub_vg.jpg) no-repeat; background-position: center; background-size: cover;  }
div#vg_con {width:1200px;height:100%;margin: 0 auto; text-align:left; position : relative;}
div#vg_con p {width: 100%;color: #ffffff;font-size: 22px; margin:0;text-transform: uppercase;}
div#vg_con h2 {position:relative;color: #ffffff;font-size: 64px; margin:0;font-weight: 700;padding:230px 0 0 0;}
div#vg_con h2 strong {color:#e61d35;}


#tabMiddleWrap {}
div.vg_sub_area2 {display: none;width: 100%;}
div.vg_sub_area2.sub {margin-top:0;}
.sub_tab2 {display:block;width:100%;height: 49px;    white-space: nowrap; text-align: left; clear: both;margin:0;}
.sub_tab2 li.tab_list { display:inline-block;height:49px;white-space: nowrap;position:relative;margin:0;padding:0 35px 0 0;}
.sub_tab2 li.tab_list:last-child {padding:0;}
.sub_tab2 li.tab_list > a {font-size:14px;line-height:49px;letter-spacing:-1px;display:inline;position:relative;color:#ffffff;}
.sub_tab2 li.tab_list > a:after {content: ''; position: absolute;top:3px;right:-22px;width:1px;height:10px;background:#aec2dc;}
.sub_tab2 li.tab_list:last-child > a:after {width:0;height:0;}
.sub_tab2 li.tab_list > a.selected,
.sub_tab2 li.tab_list > a:hover {color:#00e4ff;}


div.vg_sub_area {position: absolute;top: -35px;}
.sub_tab {    width: 100%;overflow: hidden; table-layout: fixed;margin:0;  border-collapse: collapse;  display: table;}
.sub_tab li.tab_list { display: table-cell;position:relative;margin:0;border: solid #dddddd;border-width:1px;vertical-align: middle; line-height: 68px  }
.sub_tab li.tab_list > a {font-size:18px;letter-spacing:-1px;display:inline-block;    width: 100%;text-align:center;position:relative;color:#898989;background: #f5f5f5}
.sub_tab li.tab_list > a.selected {background:#cb4c2c;color:#ffffff;}




.sub_depth_1, .sub_depth_2 {display:none;}





.text-center img {max-width: 100%;height: auto;}

/* footer */

#footer {width:100%; min-width:1200px;height:155px;padding:0; background:#333333;}
.copyright_wrap {width:1200px;position:relative;margin:0 auto; }

.goTop {position: absolute;top:0;right:0;background: #bababa;}
.goTop a {display: block;width:60px;height:60px;text-align: center;}
.goTop a i {color:#fff;line-height: 60px;font-size:2.0em;}

.copy_logo	{float:left; display:block;line-height: 155px;}
.copy_logo img {vertical-align: middle;    max-width: 100%;    max-height: 100%;}
address	{float:left; display:inline;color:#adadad; font-size:14px;  ;padding:55px 0 0 60px;line-height: 24px;font-style: normal;}

.copy_by	{position: absolute;height:82px;bottom:8px; right:0;}





/* */
#main_container{
	width: 100%;
	padding:0;
	margin:0 auto 0px auto;
	position:relative;
	top: 0px;
	z-index:0;
	overflow: hidden;
}



/* 비쥬얼그래픽 */
.vg_inner {width:100%;height:937px;position: relative;clear:both;}
.vg_down {width:1200px;position: absolute;top:50%;left:50%;margin-top:-104px;margin-left:-600px;z-index: 555;text-align: center;}

.vg_title {width:1200px;position: absolute;top:30%;left:50%;margin-top:0;margin-left:-600px;z-index: 555;}
.vg_title h2 {font-size:54px;color:#ffffff;margin:0;text-align:left;line-height: 1.1;font-weight: 400;position: relative;}
.vg_title h2 strong {font-size:64px;font-weight: 700;color:#e61d35;display:block;}
.vg_title p {font-size:22px;color:#ffffff;line-height: 1.5;text-align:left;margin:20px 0 0;font-weight: 400;}




/* */
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; width:1200px;margin: 0 auto; text-align:left;}



.subNavWrap {position: absolute;	width: 100%;		left: 0;	bottom : 0;	}
.subNavWrap div.subNavInner {position:relative;width: 1200px;margin: 0 auto;    height: 62px;    z-index: 10;}
.subNavWrap div.subNavInner div.subNavInner_bg {position: absolute;top:0;bottom:0;right: 0;left:0;background: #e71d35;    z-index: -1;}

.subNavWrap .btn_home {display:block;float:left;border-right:1px solid #f4d2d7;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;min-width:254px;height:62px;border-right:1px solid #f4d2d7;}
.subNav1st > .navi_dp1 h2,
.subNav1st > .navi_dp1 h3 {margin:0;line-height:62px;}
.subNav1st > .navi_dp1 a.dp1 {position:relative;display:block;padding:0 30px 0 30px;text-decoration:none;font-size:16px;line-height:62px;color:#fff;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop {position:absolute;top:50%;right:10px;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: #f0f0f0;z-index:10;}
.subNav2nd > .navi_dp2 {display: table;width: 100%;}
.subNav2nd > .navi_dp2 > a {display:table-cell;padding:10px 30px;text-decoration:none;border-bottom:1px solid #dddddd;font-size:1.0rem;color:#999999;vertical-align: middle;}
.subNav2nd > .navi_dp2 > a:hover, 
.subNav2nd > .navi_dp2 > a:active, 
.subNav2nd > .navi_dp2 > a:focus,
.subNav2nd > .navi_dp2.active > a {color:#333333;}



#m_breadcrumbs_wrap {display: none}

#subPage {padding: 60px 0 100px 0;font-size:15px;}


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

.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;}




#pro_section {background: #ffffff;height:386px;position: relative;}
div.proInner {z-index: 90;background: #fff;position: absolute;top:-300px;border:solid #c7c7c7;border-width:1px 1px 0;}

div.proInner div.pro_center {position:relative;width:299px;height:300px;overflow: hidden;float:left;margin:0;border: solid #c7c7c7;border-width:0 1px 1px 0;}
div.proInner div.pro_center.last {width:300px;border-width:0 0 1px 0;}
/*div.proInner div.pro_center:hover {border:1px solid #e71d35;}*/
div.proInner div.pro_center a {display: block;height:300px;position: relative;}
div.proInner div.pro_center a.nonLink {cursor:default;}
div.proInner div.pro_center a div.line {position: absolute;top:0;left:0;right:0;bottom:0;}
div.proInner div.pro_center div.bg {position: relative;width:100%;text-align: center;padding:30px 0;height: 100%;line-height: 160px}
div.proInner div.pro_center div.bg_red {position: relative;width:100%;text-align: center;background: #e71d35;padding:80px 60px;height:100%;}
div.proInner div.pro_center div.bg_dark {position: relative;width:100%;text-align: center;background:url(../img/pro07.jpg); background-repeat: no-repeat;padding:110px 60px;height:100%;}
div.proInner div.pro_center a div.opa_011627 {display: none;background: #011627;position: absolute;top:0;right:0;bottom: 0;left:0;opacity: 0.30;    z-index: 10;}
div.proInner div.pro_center div.bg img {max-width: 100%;vertical-align: middle;}
div.proInner div.pro_center div.inner {}
div.proInner div.pro_center div.inner ul li {font-size: 18px;font-weight:400;line-height: 1.3;text-align: center;color:#fff;margin-bottom: 10px}
div.proInner div.pro_center div.inner ul li.title {font-size: 30px;font-weight:700;}
div.proInner div.pro_center div.inner ul li.plus {font-size: 50px;    line-height: 1;}
div.proInner div.pro_center div.con {position:absolute;width:100%;padding:25px 15px;bottom:0;text-align: center;}
div.proInner div.pro_center h3.title {font-size: 20px;font-weight:400;margin:0;color:#011627;}
div.proInner div.pro_center div.more {display:block;text-align: center;}
div.proInner div.pro_center div.more span {color:#2ec5b6;font-size:15px;display: inline-block;border-bottom: 1px solid #2ec5b6}

div.proInner div.pro_center a:hover div.opa_011627 {display: block;}
div.proInner div.pro_center a:hover div.bg {background:#f5f5f5 }


#cs_section {}
.tit h4 {font-size:50px; color:#E71D35; font-weight:bold; float:left;}
.tit p {font-size:15px; float:left; padding:40px 0 0 25px;}
.card {clear:both; width:380px;margin:0 30px 0 0;float:left;padding:0;position: relative;}
.card > a {position: relative;display: block;height:328px;padding:60px;background:url(../img/bg01.jpg); background-repeat: no-repeat;color:#fff;text-align:center;}
.card > a h4 {font-size:50px;font-weight:bold;}
.card > a p.desc {font-size:16px;margin-bottom:30px}
.card > a p.tel {font-size:30px;font-weight:bold;}
.card > a p.tel small {font-size:20px;display:block;font-weight:normal;}

.card ul {}
.card ul li {}
.card ul li.top {padding:0;width:380px;margin-right: 30px;float:left;overflow: hidden;margin-bottom:30px}
.card ul li.top.last {margin-right: 0;}
.card ul li.bottom {width:380px;margin-right: 30px;float:left;}
.card ul li.bottom.last {margin-right: 0;}

.card ul li a {position: relative;display: block;height:148px;color:#fff;padding:35px;text-align:center;}
.card ul li a.bg06 {background:url(../img/bg06.jpg); background-repeat: no-repeat;}
.card ul li a.bg07 {background:url(../img/bg07.jpg); background-repeat: no-repeat;}
.card ul li a p.tel {font-size:30px;font-weight:bold;}
.card ul li a p.tel small {font-size:20px;display:block;font-weight:normal;}


.card2 {width:790px;margin:0;float:left;padding:0;position: relative;}
.card2 ul {}
.card2 ul li {}
.card2 ul li.top {padding:0;width:380px;margin-right: 30px;float:left;overflow: hidden;margin-bottom:30px}
.card2 ul li.top.last {margin-right: 0;}
.card2 ul li.bottom {width:380px;margin-right: 30px;float:left;}
.card2 ul li.bottom.last {margin-right: 0;}

.card2 ul li a {position: relative;display: block;height:148px;color:#fff;padding:35px;text-align:center;}
.card2 ul li a.bg02 {background:url(../img/bg02.jpg); background-repeat: no-repeat;}
.card2 ul li a.bg03 {background:url(../img/bg03.jpg); background-repeat: no-repeat;}
.card2 ul li a.bg04 {background:url(../img/bg04.jpg); background-repeat: no-repeat;}
.card2 ul li a.bg05 {background:url(../img/bg05.jpg); background-repeat: no-repeat;}
.card2 ul li a p.tel {font-size:30px;font-weight:bold;}
.card2 ul li a p.tel small {font-size:20px;display:block;font-weight:normal;}




#etc_section {background: #f5f5f5;padding:85px 0;}

div.etcInner div.etc_center {position:relative;width:379px;height:461px;float:left;overflow: hidden;}
div.etcInner div.etc_center a.bg01 {display:block;height:100%;background: #c0c0c0 url(../img/etc01.jpg); background-repeat: no-repeat;position: relative;}
div.etcInner div.etc_center div.thumb {position: absolute;top:0;right:0;}
div.etcInner div.etc_center div.con {position: relative;padding-top:200px;z-index: 10}
div.etcInner div.etc_center h3.title {font-size: 30px;color:#ffffff;font-weight:700;width:100%;line-height: 1.3;text-align:center;margin-bottom: 30px;}
div.etcInner div.etc_center p.content {font-size:18px;color:#ffffff;line-height: 1.5;text-align:center;width: 100%;margin-bottom: 30px;}
div.etcInner div.etc_center div.more {display:block;width:215px;border:1px solid #f0ffea;background:#f0ffea;text-align: center; margin:0 auto;padding:15px 0;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;behavior: url(../pie/PIE.htc);}
div.etcInner div.etc_center div.more span {color:#011627;font-size:16px;}
div.etcInner div.etc_center a:hover div.thumb {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}

div.etcInner div.etc_right {position: absolute;top:0;right:0;width:790px;height:461px;}
div.etcInner div.etc_right div.lt {position:relative;background: #fff;clear:both;width:100%;height:215px;margin-bottom: 30px;overflow:hidden;padding:55px;}
div.etcInner div.etc_right div.lt h4.title {width:180px;float:left;color:#333333;font-size: 30px;font-weight: 700;line-height: 1.2}
div.etcInner div.etc_right div.lt ul.lt_list {margin:0;padding:0;list-style:none;width:500px;float:left;}
div.etcInner div.etc_right div.lt ul.lt_list li {padding:0;margin-bottom: 10px}
div.etcInner div.etc_right div.lt ul.lt_list li a {display: block;overflow: hidden;clear: both;}
div.etcInner div.etc_right div.lt ul.lt_list li a h5 {position:relative;color:#666666;font-size:16px;line-height: 1.3;float: left;font-weight:400;}
div.etcInner div.etc_right div.lt ul.lt_list li a:hover h5 {color:#333;}
div.etcInner div.etc_right div.lt ul.lt_list li a div.lt_date {color:#666666;font-size:16px;line-height: 1.3;float: right;}

.lt_more {clear:both;display:block;text-align: right; margin:0;}
.lt_more a {color:#011627;font-size:15px;display: inline-block;border-bottom: 1px solid #011627;padding-top:10px;}

div.etcInner div.etc_box {width:380px;height:215px;float:left;margin-right:30px;background: #2ec5b6;position: relative;padding:55px;}
div.etcInner div.etc_box div.thumb {position: absolute;top:60px;left:55px;}
div.etcInner div.etc_box div.thumb img {}
div.etcInner div.etc_box a {display: block;padding:0 0 0 120px;color:#fff;}
div.etcInner div.etc_box h3.title {font-size: 24px;width:100%;text-align:left;margin: 0 0 15px 0;font-weight:700;line-height: 1}
div.etcInner div.etc_box p.content {font-size:16px;width:100%;line-height: 1.3;text-align:left;margin-bottom: 15px}
div.etcInner div.etc_box div.more {display:block;text-align: right; margin:0;}
div.etcInner div.etc_box div.more span {color:#011627;font-size:15px;display: inline-block;border-bottom: 1px solid #011627}
div.etcInner div.etc_box div.more2 {display:block;text-align: right; margin:0;}
div.etcInner div.etc_box div.more2 span {color:#2ec5b6;font-size:15px;display: inline-block;border-bottom: 1px solid #2ec5b6}
div.etcInner div.etc_box.last {margin-right:0;background: #011627;}

#ft_customer {background:#555555;}
#ft_customer p {padding:40px 0;color:#fff;font-size:18px;}
#ft_customer p strong {color:#f0eaab;}
#ft_customer div.more {position:absolute;top:40px;right:0;}
#ft_customer div.more a {display:block;padding:15px 40px;background:#e71d35}
#ft_customer div.more a span {color:#fff;font-size:18px;}



/* 사이트맵 */
	.sitemap	{
		width:200px;
		float:left;
		display:inline;
		margin:0 0 70px 20px;
		}
	.sitemap_cate	{
		border-top:1px #999 solid;
		border-bottom:1px #666 solid;
		text-align:center;
		padding:13px 0 10px 0;
		background:#fafafa;
		}
	.sitemap_cate_text	{
		color:#006fbc; font-size:14px; font-weight:bold;
		}
	.sitemap_text ul	{
		margin:0;
		list-style-type:none;
		padding:0;
		}
	.sitemap_text ul li	{
		padding:12px 0 8px 0;
		border-bottom:1px #ddd solid;
		}
	.sitemap_text ul li div	{
		padding:0 0 0 10px;
		}
	.sitemap_text ul li div a, .sitemap_text ul li div a:link, .sitemap_text ul li div a:visited 	{
		}
	.sitemap_text ul li div a:hover, .sitemap_text ul li div a:active 	{
		color:blue;
		}