@CHARSET "UTF-8";
html, body { position: relative; display:block; width: 100%; height: 100%; margin: 0px auto; letter-spacing: 0px; font-size: 13px; background: #FFFFFF; font-family: 'Nanum Barun Gothic',sans-serif !important; }


/* customer_Top */
.Customer_top { width: 100%; height: 89px;}
.topmenu { width:1300px; margin:0 auto; height: 89px; }
.Top_logo{ float: left; margin-top: 16px; cursor: pointer; }
.menu_top{ float: left; width: 473px; margin: 40px 0 0 250px; font-family: 'Dotum_Med'; font-size: 14px;}
.menu_top li a img { margin-top: -12px; }
.title_menu01:hover img{ content: url("../img/menu01_ov.jpg"); }
.title_menu02:hover img{ content: url("../img/menu02_ov.jpg"); }
.title_menu03:hover img{ content: url("../img/menu03_ov.jpg"); }
.title_menu04:hover img{ content: url("../img/menu04_ov.jpg"); }
.top_order{ float: left; margin-top: 25px; cursor: pointer; }
.top_help { float: left; width: 150px; margin-left: 0px; }
.top_help font { line-height : 40px; font-size: 11px; }
.top_help select { margin-left: 4px; } 
.sub_top_1 {float: left; height: 24px;}
.sub_top_1 select { border: none; border-bottom: 1px solid black; cursor: pointer; outline: none !important;}
.sub_top_2 {float: left; width: 108px; height: 36px; margin-top: 27px;}
.line-wrapper{ cursor: pointer; margin-left: 50px; margin-top: 14px; }
.line { background:#000000; margin-top:6px; margin-bottom:6px; width:30px; height:2px; border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,.5); }
.Full_menu { position:absolute; width: 556px; height: 182px; padding-left:119px; padding-top:10px; background-color:  #213281; top:67px; z-index: 99; display: none;}
.Full_menu li { color: white; width: 120px; height: 33px; float: left; padding-top: 7px; padding-left: 1px; }
.Full_menu ul li ul li { padding-top: 2px; cursor: pointer; }
.Full_menu ul li ul li:hover { color: yellow; font-family: 'Dotum_Bold'; font-weight: bold; }
.floban { width: 85px; position: fixed; bottom: 30px; right: 5%; cursor: pointer; z-index: 99; }
.banner_order { margin-top: -4px; }
/* customer_Top End */


/* Main_body */
.Main_body{ width: 100%; }
.slider_1{ width: 100%; /* height: 450px; */ box-sizing: border-box; }
.slider_1 .owl-carousel {min-width: 1318px; position: relative;}
.slider_1 .owl-carousel .item, .slider_1 .owl-carousel .item>img { width:100%; /* height: 450px; */}
.slider_1 .owl-theme .owl-nav.disabled+.owl-dots {position: relative; margin-top : -30px;}
.slider_1 .owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; transition: width 0.4s ease;}
.slider_1 .owl-theme .owl-dots .owl-dot.active span {background: #213281; width: 45px; transition: width 0.4s ease;}
.slider_1 .owl-theme .owl-dots .owl-dot:hover span {background: lightegray;}
.business_line { width: 1300px; height: 200px; margin: 70px auto;}
.business_line img:not(:first-of-type) { cursor: pointer; }
.busi_line02 { margin-left: -2px; }
.busi_line03 { margin-left: -9px; }
.busi_line04, .busi_line05 { margin-left: -10px; }
.slider_2{ position: relative; box-sizing: border-box; width: 1300px; height: 500px; margin: 190px auto 130px auto; /* border: 1px solid navy; */ }
.slider_2_logo { position: relative;}
.slider_2_logo img { padding-left: 84px;}
.slider_2_wrap { position: relative; box-sizing: border-box; width: 100%; height: calc(100% - 100px); clear: both; }
.slider_2_left { position: relative; box-sizing: border-box; display: inline-block; float: left; width: calc((100% / 44) * 3); height: 100%; /* border: 1px solid red; */ }
.slider_2_content { position: relative; box-sizing: border-box; display: inline-block; float: left; width: calc((100% / 44) * 38); height: 100%; /* border: 1px solid blue; */ }
.slider_2_content .owl-carousel { position: relative; top: 50%; transform: translateY(-50%); }
.slider_2_content .owl-carousel .owl-item>div { cursor: pointer; margin: 13% 16%; transition: margin 0.4s ease; }
.slider_2_content .owl-carousel .owl-item.active:first-child>div { margin: 10% 24% 10% 0; }
.slider_2_content .owl-carousel .owl-item.active:last-child>div { margin: 10% 0 10% 24%; }
.slider_2_content .owl-carousel .owl-item.center>div { margin: 0; }
.slider_2_content .owl-carousel .owl-item.center>div:hover {  }
.slider_2_content .owl-carousel .owl-nav { position: relative; }
.slider_2_content .owl-carousel .owl-nav .owl-prev { position: absolute; left: -70px; top: -180px; font-size: 40px; }
.slider_2_content .owl-carousel .owl-nav .owl-next { position: absolute; right: -70px; top: -180px; font-size: 40px; }
.slider_2_content .owl-carousel .owl-nav .owl-prev:hover, .slider_2_content .owl-carousel .owl-nav .owl-next:hover { background: white; color: black; text-decoration: none; } 
.slider_2_content .owl-carousel .owl-dots { position: relative; bottom: -20px; }
.slider_2_content .owl-carousel .owl-dots .owl-dot {  }
.slider_2_content .owl-carousel .owl-dots .owl-dot span { border-radius: 0px; margin: 0; width: 100%; }
.slider_2_content .owl-carousel .owl-dots .owl-dot.active span, .slider_2_content .owl-carousel .owl-dots .owl-dot:hover span { background-color: #161c45; }
.slider_2_right { position: relative; box-sizing: border-box; display: inline-block; float: left; width: calc((100% / 44) * 3); height: 100%; /* border: 1px solid red; */ }



/* Main_body End */

/* customer_Bottom */
.customer_bottom{ width: 100%; height: 90px; border-top: 1px; border-color: #d9d9d9; border-top-style: solid;}
.footer{ width: 1300px; margin: 0px auto; }
.footer img{ padding: 10px 0px 10px 0px; }
 
/*.customer_bottom img{ padding : 6px 0px 0px 299px; }*/



/* customer_Bottom End */


/* Detail */
.Detail_Top{ width: 100%; height: 230px;}
.Detail_Menu{ width: 1300px; height: 10px; margin: 25px auto 50px auto; text-align: center; }
.Detail_Menu img { margin-left: 50px; cursor: pointer;}
.Detail_information { width: 1300px; height: auto; margin: 70px auto; text-align: center; }

/* 이미지 hover */
/* 
.Company_CEO_img:hover{ content: url("../img/CEO_btn_ov.gif"); }
.Company_history_img:hover{ content: url("../img/history_btn_ov.gif"); }
.Company_Organization_img:hover{ content: url("../img/Organization_btn_ov.gif"); }
.Company_carlist_img:hover{ content: url("../img/carlist_btn_ov.gif"); }
.Company_customer_img:hover{ content: url("../img/../img/customer_btn_ov.gif"); }


/* Detail End */



@font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 400;
src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic');
src: url("../font/NanumBarunGothic/NanumBarunGothic.eot"); /*A*/
src: url("../font/NanumBarunGothic/NanumBarunGothic.eot?#iefix") format('embedded-opentype'), /*B*/
url("../font/NanumBarunGothic/NanumBarunGothic.woff") format('woff'), /*C*/
url("../font/NanumBarunGothic/NanumBarunGothic.ttf") format('truetype'); /*D*/
url("../font/NanumBarunGothic/NanumBarunGothic.svg") format('svg'); /*E*/
}

@font-face {
font-family: 'Nanum Barun Gothic' ;
font-style: normal;
font-weight: 700;
src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
src: url("../font/NanumBarunGothic/NanumBarunGothicBold.eot"); /*A*/
src: url("../font/NanumBarunGothic/NanumBarunGothicBold.eot?#iefix") format('embedded-opentype'),  /*B*/
url("../font/NanumBarunGothic/NanumBarunGothicBold.woff") format('woff'), /*C*/
url("../font/NanumBarunGothic/NanumBarunGothicBold.ttf") format('truetype'); /*D*/
url("../font/NanumBarunGothic/NanumBarunGothicBold.svg") format('svg'); /*E*/
}

@font-face{
font-family: 'Dotum_Med';
font-style: normal;
src: local(../font/KoPubWorldDotum_ProMedium.otf);	
}

@font-face{
font-family: 'Dotum_Bold';
font-style: normal;
src: local(../font/KoPubWorldDotum_ProBold.otf);	
}