/* common */
input[type="text"], input[type="password"] { 
	background:#FFF; 
	border:1px solid #afafaf; 
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}

/* Select메뉴 스타일 */
select {
  height: 28px;
  border:#ccc solid 1px;
  background-color: #FFF !important;
  border-radius: 3px;
  font-size: 13px;
  color: #333;
  padding:0 20px 0 10px;
  background:url(../images/common/select_arrow.gif) no-repeat 94% 50%;
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

/* textarea 스타일 */
textarea { color:#333; background: #f9f9f9; border:1px solid #CCC !important; padding: 8px !important; resize:none;}
textarea:focus { background:#FFF; border:1px solid #CCC;}

button { padding-bottom:4px;}
label { vertical-align:top; padding:0; margin:0;}

.alignL         { display:inline-block;}
.alignL_fl      { float:left;}
.alignR_fl      { float:right;}
.marginL5       { margin-left:5px;}
.marginL25      { margin-left:25px;}
.marginTop20    { margin-top:20px;}
.marginTop35    { margin-top:35px;}
.marginTop60    { margin-top:60px;}
.marginBottom40 { margin-bottom:40px;}
.marginL10      { margin-left:10px;}
.marginR10      { margin-right:10px;}
.marginL20      { margin-left:20px;}
.marginR20      { margin-right:20px;}
.paddingTop50   { padding-top:50px;}
.paddingTop60   { padding-top:60px;}
.paddingTop70   { padding-top:70px;}
.paddingLR20    { padding:0 20px;}
.font01 { font-size:26px; color:#FFF;}

/* 버튼 */
.btn-default {
    text-align: center;
	vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s linear
}
.btn_default {
	cursor: pointer;
}
.btn_main_bann { width: 170px; background-color: #00a1f5; border: 1px solid #00a1f5; border-radius: 2px; font-size: 16px; color:#FFF; font-weight: 500; line-height: 24px; padding: 9px 0 11px 0; margin-right: 10px;}
.btn_main_bann:hover { background-color: #ff723a; border: 1px solid #ff723a; transition: all 0.2s linear;}
.btn_request { width: 160px; background-color: #2e65c1; border: 1px solid #2e65c1; border-radius: 3px; font-size: 16px; color:#FFF; font-weight: 500; padding: 12px 0 12px 0;}
.btn_request:hover { background-color: #0d58be; border: 1px solid #0d58be; transition: all 0.2s linear;}
.btn_support { background-color: #ffcc00; border: 1px solid #ffcc00; font-size: 18px; color: #333; font-weight: 500; padding: 12px 60px 14px 60px;}
.btn_support:hover { background-color: #ffa800; border: 1px solid #ffa800;}

/* Layout */
.wrap { position: relative; width: 100%; min-width: 1060px; height: auto !important; height: 100%; min-height: 100%; overflow-x: hidden; display: block;}

/* 메인비주얼 슬라이드 */
.header-slider.mobile { display: none;}
.header-slider {
	float: left;
	width: 100%;
	height: 420px;
}
.header-outer .col-md-9 {
	padding-right: 0;
}
.header-outer {
	background: url("..web/images/header-bg.jpg") no-repeat;
	float: left;
	width: 100%;
	margin-top: 75px;
}
.header-slider .carousel-inner > .item {
	height: 420px;
	background-position: top;
}
.carousel-inner>.item {
	overflow: hidden;
}
.caption {
	color: #646a7c;
	display: block;
	margin-right: 50px;
	margin-bottom: auto;
	position: relative;
	width: 100% !important;
	z-index: 10;
}
.caption h3 {
	color: #0086db;
	font-size: 19px;
	font-weight: 600;
	margin-top: 180px;
	letter-spacing: 0;
}
.caption h2 {
	font-size: 20px;
	color: #FFF;
	font-weight: 400;
	margin-top: 150px;
	margin-right: 10px;
	text-align: right;
}
.caption h4 {
	color: #FFF;
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	margin-top: 6px;
	margin-right: 6px;
	text-align: right;
}
.caption h4 span { font-size: 35px; font-weight: 400;}
.caption div.bann {
	text-align: right;
	margin-top: 10px;
}
.carousel-indicators {
	bottom: 30px;
	left: 50%;
}

/* Layout */
.container_body { width: 100%; text-align: center; background-color: #FFF; padding: 50px 0; display: inline-block;}
.container_body_sub { width: 100%; text-align: center; padding-bottom: 116px; margin: 15px 0 40px 0; display: inline-block;}
.path_cont { width: 1004px; margin: 0 auto; text-align: right;}
.path_inner { margin-bottom: 20px;}
.path_inner span { font-size: 12px; color: #999; margin-left: 2px; display: inline-block;}
.path_inner span.ico_path { vertical-align: top;}
.path_inner span.path_focus { color: #333;}

/* 메인페이지 */
.cont_top_txt { font-size: 22px; color: #4d7aa9; font-weight: 400; text-align: center; margin-top: 20px;}
.cont_bann { width: 1069px; margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 30px; display: inline-block;}
.bann_group { width: 268px; margin-right: -1px; margin-top: -1px; float: left;}
.bann_group .box { width: 268px; height: 277px; border: 1px solid #d6dbe1;}
.bann_group .box_top { height: 145px; line-height: 145px; text-align: center;}
.bann_group .box_btm { width: 246px; height: 120px; margin: 0 auto; background-color: #ebeff4; border: 1px solid #ebeff4; text-align: center; padding: 14px 14px;}
.bann_group .box_btm .txt_1 { font-size: 15px; color: #333; font-weight: 600; text-align: left;}
.bann_group .box_btm .txt_2 { font-family: 'Nanum Gothic'; font-size: 12px; color: #333; line-height: 18px; text-align: left; margin-top: 5px;}

/* 메인페이지_배너 마우스오버 효과 */
.custom-hover{display:inline-block;position:relative;overflow:hidden;vertical-align:top;max-width:100%;}
.custom-hover:before{content:'';display:block;position:absolute;top:50%;left:0;right:0;padding-bottom:100%;margin-top:-50%;opacity:0;background:#000;-moz-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s; z-index:1;}
.custom-hover:hover:before{opacity: 0.04;-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8);}
.custom-hover:after{content:'';position:absolute; top: 28%; left: 28%; width: 100%; height: 100%; margin-top: -78px; margin-left: -75px; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;z-index:2; border: 2px solid #ff5a00;}
.custom-hover:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

/* 메인비주얼, 컨텐츠 */
.mainvisual_bg { 
	width:100%; 
	height: 500px;
	background:url(../images/mainvisual.jpg) no-repeat center;
}
.mainvisual_inner { 
	padding-left: 340px;
	padding-top: 120px;
	text-align: center;
}
.main_cont {
	width: 960px;
	margin: 0 auto;
	margin-top: 40px;
	padding-bottom: 120px;
}
.prd_slide {
	width: 450px;
}
.prd_slide .swiper-container {
	padding-left: 15px;
	padding-right: 20px;
}
.prd_slide .swiper-slide {
	text-align: center;
}
.prd_slide .swiper-button-prev:after {
	width: 32px;
	height: 110px;
	background:url(../images/prd_slide_prev.png) no-repeat center;
}
.prd_slide .swiper-button-next:after {
	width: 32px;
	height: 110px;
	background:url(../images/prd_slide_next.png) no-repeat center;
}
.prd_slide .swiper-button-next:after, .swiper-button-prev:after {
	font-size: 0 !important;
}
.swiper-button-next, .swiper-button-prev {
	width: auto !important;
	height: auto !important;
	margin-top: auto !important;
	top: 0 !important;
}
.prd_slide .swiper-button-prev {
	left: 0;
}
.prd_slide .swiper-button-next {
	right: 0;
}

/* Sub_공통 */
.greegings_top { width:100%; margin-top:68px; display:inline-block;}
.greegings_bg { width:100%; height: 250px; background:url(/images/sub/greegings_visual.jpg) no-repeat center;}
.greegings_inner { margin:0 auto; padding-left: 100px; text-align: right;}
.greegings_img01 { font-size: 24px; color: #093352; font-weight: 600; letter-spacing: -0.04em; padding-top: 80px; text-align: center;}
.greegings_font01 { font-size: 30px; color:#FFF; font-weight: 600; line-height: 26px; text-align: center; margin-top: 10px;}
.sub_titl_cont { width: 100%;}
.sub_titl_txt_1 { width: 1004px; font-size: 26px; color: #222; font-weight: 400; border-bottom: 1px solid #CCC; margin: 0 auto; padding-bottom: 10px; text-align: left;}
.sub_titl_txt_2 { font-size: 22px; color: #999; margin-top: 15px;}

/* Sub_회사소개 */
.introduction_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}

/* Sub_제품소개 */
.product_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}
.product_category {
	margin-top: 20px;
	text-align: center;
}
.product_category ul li {
	width: 150px;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-size: 12px;
	color: #666;
	text-align: center;
	padding: 10px 0;
	margin: 0 1px;
	display: inline-block;
	cursor: pointer;
}
.product_category ul li:hover {
	background-color: #f3f3f3;
	transition: all 0.2s linear;
	
}
.product_category ul li.on {
	background-color: #c63a3a;
	border: 1px solid #c63a3a;
	color: #fff;
}
.product_contbody {
	text-align: center;
	margin-top: 35px;
}

/* Sub_자료실 */
.data_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}

/* Sub_고객센터 */
.customer_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}

/* Sub_협력제휴 */
.contact_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}

/* Sub_회원관련 */
.member_cont { max-width: 1004px; margin: 0 auto; margin-top: 30px; text-align: left;}
.member_cont.login_panel {
	text-align: center;
	padding-top: 200px;
}

/* 제품상담문의 */
.inquiry_form { 
	padding: 20px 60px 0;
}
table.inquiry_write {
	width: 100%;
}
table.inquiry_write td {
	height: 26px;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	color: #333;
	text-align: left;
	padding: 8px 10px;
}
table.inquiry_write td:first-child {
	border-left: none;
}
table.inquiry_write td:last-child {
	border-right: none;
}
table.inquiry_write td.ltitl {
	background-color: #f4f4f4;
	text-align: right;
}
table.inquiry_write input[type="text"] {
    height: 20px;
    border: 1px solid #ccc;
	padding: 4px 10px;
}
table.inquiry_write input[type="text"].inputbox_email {
	width: 70%;
}
table.inquiry_write textarea.prd_inquiry {
	width: 100%;
	height: 80px;
}
.inquiry_form .btm_btn {
	text-align: center;
	margin-top: 20px;
}


/* Footer */
.tt-footer-1 { position: absolute; width: 100%; left: 0; bottom: 0;}
.footer_cont { width: 1070px; margin: 0 auto;}
.footer_font02 { font-size: 11px; color:#9f9f9f; font-weight: normal; line-height: 22px; text-align: left; vertical-align: top; float: left;}
.footer_font02 ul li {
	height: 10px;
	border-right: 1px solid #666;
	padding: 0 10px;
	margin: 4px 0;
	display: inline-block;
}
.footer_font02 ul li:last-child {
	border: none;
}
.footer_sns { vertical-align: top; float: right;}
.footer_sns span { padding-left: 15px;}
.footer_company_logo { 
	float: right;
}
.footer_company_logo ul li {
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
}

/* 페이지 인식 */
#gnb > li > a.on { color: #004e8b;} /* 활성화 되었을때 스타일 */

/* 기존 css */
.body_main {   font-size: 9pt; color: #313131; text-decoration: none; line-height: 16pt}
.body_main a { color: #313131;}
.body_main p {
	line-height: 1.6;
}
.white {   font-size: 9pt; color: #FFFFFF; text-decoration: none; line-height: 16px}
.white2 {   font-size: 9pt; color: #B2B2B2; text-decoration: none; line-height: 16pt}
.skybanner {   font-size: 9pt; color: #4C4C4C; text-decoration: none}
.green {   font-size: 9pt; color: #629235; text-decoration: none; line-height: 16pt}
.body1 {  font-family: "돋움"; font-size: 9pt; color: #666666; text-decoration: none; line-height: 16px; font-weight: normal}
.body2 {  	font-size: 9pt;	color: #797979; font-style: normal;	line-height: 14pt}
.body3 {   font-size: 9pt; color: #313131;	text-decoration: none; line-height: 16pt; font-weight: normal}
.body4 {   font-size: 9pt; color: #313131;	text-decoration: none; line-height: 18px; font-weight: normal}
.body5 {   font-size: 9pt; color: #4A4A4A;	text-decoration: none; line-height: 22px; font-weight: normal}
.body6 {   font-size: 9pt; color: #3F3F3F;	text-decoration: none; line-height: 36px; font-weight: normal}
.body7 {  font-family: "arial"; font-size: 11px; color: #3F3F3F;	text-decoration: none; line-height: 14px; font-weight: normal}
.body_bold {  font-size: 9pt; color: #4E4E4E; text-decoration: none; line-height: 16pt; font-weight: bold}
.body_bold2 {   font-size: 12pt; color: #4E4E4E; text-decoration: none; line-height: 16px; font-weight: bold}
.orange_bold {   font-size: 9pt; color: #FF6600; text-decoration: none; line-height: 16px; font-weight: bold}
.green1 {  font-size: 9pt; color: #497B17; text-decoration: none; line-height: 16pt; font-weight: normal}
.green2 {  	font-size: 9pt;	color: #5A8998; font-style: normal;	line-height: 14pt}
.green_bold {  font-size: 9pt; color: #497B17; text-decoration: none; line-height: 16pt; font-weight: bold}
.orange1 {  font-size: 9pt; color: #E15924; text-decoration: none; line-height: 16pt}
.blue1 {  font-size: 9pt; color: #025EE7; text-decoration: none; line-height: 16pt}
.blue_bold {  font-size: 9pt; color: #025EE7; text-decoration: none; line-height: 16pt; font-weight: bold}
.tbl_prd td { border:1px solid #ccc;}