@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', 맑은 고딕;}
.font_montserrat {font-family: 'Montserrat';}


.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: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;}*/


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

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




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

.vg_title {max-width: 640px;width: 100%;z-index: 555; position:absolute;top:0;padding:93px 10px;}
.vg_title .t_shadow {text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);-webkit-text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);-moz-text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);}


.vg_title h2 {font-size:1.2rem;color:#ffffff;margin:0;text-align:center;line-height: 1.5;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 700;}
.vg_title p {font-size:0.8rem;color:#ffffff;line-height: 1.3;text-align:center;margin-top:15px;font-weight: 400;letter-spacing: 0.1em;}
.vg_tit_box {margin:0;height:80px;overflow: hidden;text-align: center;}


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

/* */
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;}




.copy_cert {padding:10px 0;}
.copy_cert ul {}
.copy_cert ul:after {content: '';clear: both;overflow: hidden;display: block;}
.copy_cert ul li {float:left;width:32%;margin-right:2%;}
.copy_cert ul li:last-child {margin-right: 0;}
.copy_cert ul li img {max-width:100%}



#business_section {background: #fff;z-index: 100;}
div.businessInner {}
div.businessInner:after {content: '';clear: both;overflow: hidden;display: block;}
div.businessInner div.business {width:50%;float:left;margin-right:0;background: #ce1f2c}
div.businessInner div.business.last {margin-right: 0;}
div.businessInner div.business a {position: relative;display: block;background: transparent;overflow: hidden;color:#fff;}
div.businessInner div.business a > div.inner {padding:15px;position: relative;text-align: center;}
div.businessInner div.business div.thumb {height: 45px;line-height: 45px;position: relative;z-index: 10;margin-bottom: 10px;}
div.businessInner div.business div.thumb img {max-width: 100%;max-height: 100%;vertical-align:middle;}
div.businessInner div.business div.desc {padding:0;position: relative;}
div.businessInner div.business div.desc h3 {margin:0;padding:0;font-size: 1.1em;font-weight: 400;text-transform: uppercase;color:#fff;}
div.businessInner div.business div.desc span {margin:0 0 10px;padding:0;font-size: 1.0em;color:#5fe78f;word-break: keep-all;}
div.businessInner div.business a:hover div.desc h3 {color:#f45d50;}


#etc_section {background: #f6f6f6;}
div.etcInner {padding:10px 0;}
div.etcInner div.etc_title {text-align: center;position: relative;}
div.etcInner div.etc_title h4 {font-size:1.2em;line-height:1.8;padding:0;font-weight: 400;letter-spacing: -1px}
div.etcInner div.etc_title h4 strong {font-weight: 700;}
div.etcInner div.etc_title p {font-size:1.0em;line-height:1.8;padding:0;font-weight: 400;letter-spacing: -1px;margin:0 0 10px 0;color:#999999;}
div.etcInner div.etc_center {position:relative;width:100%;margin-bottom:10px;}
div.etcInner div.etc_center.bg01 {background:url(../img/contents02_img01.jpg); background-repeat: no-repeat;background-size: cover;}
div.etcInner div.etc_center.bg02 {background:url(../img/contents02_img02.jpg); background-repeat: no-repeat;background-size: cover;}
div.etcInner div.etc_center div.con {position: relative;padding:15px;z-index: 10;text-align: center;}
div.etcInner div.etc_center h3.title {font-size: 1.2em;color:#ffffff;font-weight:400;line-height: 1.3;margin-bottom: 10px;}
div.etcInner div.etc_center p.content {font-size:1.0em;color:#ffffff;line-height: 1.5;margin-bottom: 10px;word-break: keep-all;}
div.etcInner div.etc_center div.more {display:block;text-align: center; margin:0;padding:0;}
div.etcInner div.etc_center div.more a {display: inline-block;padding:10px 20px;border:1px solid #fff;position: relative;border-radius: 40px;overflow: hidden;}
div.etcInner div.etc_center div.more a:before {content:'';background: #fff;opacity: 0.3;top:0;left:0;right:0;bottom:0;display: block;position: absolute;}
div.etcInner div.etc_center div.more a span {color:#fff;font-size:0.9em;font-weight:bold;}




#pro_section {padding:10px 0;}
div.pro_wrap {}
div.no_data {text-align:center;height:100px}
div.no_data p {font-size: 16px;color: #666;line-height: 1.5; }

div.page-header {padding: 0;position: relative;width:100%;text-align:left;}
div.page-header h4 {font-size:1.8em;line-height:1.8;color:#000;font-weight:400;padding:0;position: relative;margin-bottom: 10px;text-transform: uppercase;}
div.product_wrap {width:100%;}

ul.product-slider { }
ul.product-slider > li.pro {}
ul.product-slider > li.pro a {position:relative;display:block;padding:0;background: #fff;}
ul.product-slider > li.pro a img {max-width:100%;-webkit-transform: scale(1);-webkit-transition: 1s;}
ul.product-slider > li.pro a div.thumb {overflow: hidden;text-align: center;border:1px solid #adadad;}
ul.product-slider > li.pro a div.thumb span.no_img {}
ul.product-slider > li.pro a div.desc {padding:10px;position: relative;text-align: center;}
ul.product-slider > li.pro a div.desc h5 {font-size:1.1em;line-height:1.5;font-weight: 400;display: block;color:#636363;margin: 0;}
ul.product-slider > li.pro a:hover img {-webkit-transform: scale(1.1)}