﻿* {word-break:keep-all;}
.main_visual {position: relative;height: 960px;background-image: url('/skin/default/img/main/main_slide.jpg');background-position: center center;-webkit-background-size: cover;background-size: cover;}
.slider_text {position: absolute;margin-top: -50px;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;}
.slider_text .sh2 {font-size: 19px;color: #fff;font-weight: 700;margin-bottom: 20px;}
.slider_text h2 {font-size: 30px;color: #fff;font-weight: 600;margin-bottom: 30px;display: inline-block;letter-spacing: -0.5px;line-height: 1.1em;}
.slider_text .st1 {font-size: 20px;color: #fff;font-weight: 200;letter-spacing: -1px;line-height: 1.4em;}

.main_visual h2 {text-align: center;font-size: 56px;color: #fff;font-weight: 500;margin-bottom: 40px;line-height: 1.3;}
.main_visual .mv_btn {text-align: center;}
.main_visual .mv_btn a {display: inline-block;width: 250px;height: 60px;line-height: 60px;background-color: #0098e7;color: #fff;font-weight: 500;font-size: 18px;text-align: center;border-radius:3px;}
.mouse-icon {text-align: center;font-size: 0;position: absolute;left: 0;bottom: 40px;width: 100%;}
.mouse-icon .wheel {display: inline-block;width: 75px;height: 75px;border: 1px solid #fff;position: relative;}
.mouse-icon .wheel:before {content: "";display: block;position: absolute;left: 50%;top: 50%;background: url('/skin/default/img/main/scroll_down_arrow.png') no-repeat center center;width: 12px;height: 20px;margin-left: -6px;margin-top: -10px;}

.primeum {padding: 65px 0 100px 0;}
.main_stitle {font-size: 46px;color: #000;font-weight: 500;text-align: center;}
.main_etitle {font-size: 18px;color: #00aeef;font-weight: 600;letter-spacing: 1px;font-family: 'Titillium Web', sans-serif;text-align: center;margin-bottom: 25px;}
.main_txt {text-align: center;font-size: 18px;color: #666;font-weight: 300;margin-bottom: 50px;line-height: 1.5;}
.primeum .item .tit {padding: 30px 40px 40px;background-color: #f9f9fa;border: 1px solid #dddddd;}
.primeum .item .tit span.tw {font-size: 18px;color: #000;font-weight: 300;display: inline-block;position: relative;padding-left: 74px;}
.primeum .item .tit span.tw .num {font-size: 40px;color: #00aeef;font-weight: 700;font-family: 'Titillium Web', sans-serif;position: absolute;left: 0;top: 0;line-height: 1;}
.worker_txt {text-align: center;height: 600px;background-image: url('/skin/default/img/main/worker_img.jpg');-webkit-background-size: cover;background-size: cover;background-position: center center;}
.worker_txt .t1 {font-size: 46px;color: #fff;font-weight: 400;margin-bottom: 15px;}
.worker_txt .t2 {font-size: 18px;color: #fff;font-weight: 300;}
.dev {padding: 65px 0 100px 0;background-image: url('/skin/default/img/main/dev_bg.jpg');-webkit-background-size: cover;background-size: cover;background-position: center center;}
.dev .item {text-align: center;padding-top: 55px;height: 370px;border: 1px solid #ddd;background-color: #fff;}
.dev .item .tit {margin-bottom: 20px;font-size: 24px;color: #000;font-weight: 500;padding-top: 125px;background-repeat: no-repeat;background-position: center 0;}
.dev .item .tit strong {color: #0089d0;}
.dev .item.item1 .tit {background-image: url('/skin/default/img/main/dev_img1.jpg');}
.dev .item.item2 .tit {background-image: url('/skin/default/img/main/dev_img2.jpg');}
.dev .item.item3 .tit {background-image: url('/skin/default/img/main/dev_img3.jpg');}
.dev .item.item4 .tit {background-image: url('/skin/default/img/main/dev_img4.jpg');}
.dev .item .txt {font-size: 16px;color: #666666;font-weight: 300;line-height: 1.5;}

.contact {padding: 60px 0 100px 0;background-color: #003460;}
.contact .main_stitle,
.contact .main_etitle,
.contact .main_txt {text-align:left;}
.contact .main_stitle,
.contact .main_txt {color: #fff;}
.contact .main_txt {margin-bottom: 30px;}
.contact_input {position: relative;height: 54px;margin-top: 20px;}
.contact_input:before, .contact_input .spin {width: 0;height: 1px;position: absolute;bottom: 0;left: 0;}
.contact_input:before {content: "";background: #73809a;z-index: 3;height: 1px;width: 100%;}
.contact_input .spin {visibility:hidden;background-color: #fff;z-index: 4;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.contact_input.active .spin {width: 100%;visibility:inherit;}

.contact_input .hi_label {margin-bottom:0;display:block;line-height: 54px;font-size: 14px;font-weight: 700;color:#818d9b;position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;width:100%;padding: 0 5px;}
.contact_input .hi_label span.star {color:#d01c25;display:inline-block;margin-right:3px;}
.contact_input .hi_label span.ex {color:#bbbbbb;}
.contact_input label.help-inline {position: relative;line-height: inherit;font-size: 13px;top: auto;left: auto;cursor:default;color: #00aeef;font-weight: 500;padding: 0 5px;}

.contact_input .input {position: relative;z-index: 1;height: 54px;top: 0;border: none;background: transparent;font-size: 18px;color: #fff;font-weight: 300;outline: none;width: 100%;padding: 0 5px;}
.contact_input.active label.hi_label {display:none;}

.contact_input.contact_textarea {height:180px;}
.contact_input.contact_textarea label {height:180px;line-height:1.3;}
.contact_input .textarea {resize:none;position: relative;z-index: 1;height: 180px;top: 0;border: none;background: transparent;font-size: 18px;color: #fff;font-weight: 300;outline: none;width: 100%;line-height:1.3;}
.mem_check input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.mem_check input[type="checkbox"]:checked + label {background-position: 0 0;}
.mem_check label {height: 18px;line-height: 1.3;font-size: 14px;color: #fff;font-weight: 500;margin:25px 0 65px 0;}
.mem_check input[type="checkbox"] + label:before {content: "";margin: 0 5px 0 0;vertical-align: sub;width: 15px;display: inline-block;height: 15px;overflow: hidden;background-position: -15px 0;background-image:url('/skin/default/img/main/member_check.png');}
.mem_check input[type="checkbox"]:checked + label:before {background-position: 0 0;}
.contact .submit {width: 250px;height: 60px;border: 1px solid #fff;text-align: center;font-size: 18px;color: #fff;border-radius:3px;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

@media (max-width: 1430px) {
	.main_visual h2 {font-size: 40px;}
	.primeum .item .tit {padding: 15px;}
	.worker_txt {height: 400px;}
}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.main_visual h2 {font-size: 30px;}
	.main_visual .mv_btn a {font-size: 15px;width: 200px;height: 50px;line-height: 50px;}
	.mouse-icon .wheel {width: 37px;height: 37px;}
	.mouse-icon .wheel:before {width: 6px;height: 10px;margin-left: -3px;margin-top: -5px;-webkit-background-size: 6px auto;background-size: 6px auto;}
	.primeum {padding: 30px 0;}
	.main_stitle {font-size: 30px;}
	.main_txt {font-size: 15px;margin-bottom: 25px;}
	.primeum .item .tit span.tw .num {font-size: 20px;}
	.primeum .item .tit span.tw {font-size: 13px;padding-left: 37px;}
	.worker_txt .t1 {font-size: 30px;margin-bottom: 10px;}
	.worker_txt {height: 250px;}
	.dev {padding: 30px 0;}
	.dev .item .tit {-webkit-background-size: 51px auto;background-size: 51px auto;padding-top: 62px;}
	.dev .item .tit {font-size: 18px;}
	.dev .item .txt {font-size: 13px;}
	.dev .item {padding: 20px 10px 0 10px;height: 210px;}
	.contact {padding: 30px 0;}
	.contact .main_txt {margin-bottom: 15px;}
	.mem_check label {margin: 15px 0 30px 0;}
	.contact .submit {width: 200px;height: 40px;font-size: 15px;}

}
@media (max-width: 767px) {	
	.main_visual h2 {font-size: 20px;padding: 0 15px;}
	.main_visual h2 br {display: none;}
	.main_visual .mv_btn a {font-size: 13px;width: 150px;height: 40px;line-height: 40px;}
	.main_stitle {font-size: 20px;}
	.main_etitle {font-size: 15px;margin-bottom: 15px;}
	.main_txt {font-size: 13px;margin-bottom: 10px;}
	.main_txt br {display: none;}
	.primeum .item {margin-bottom: 10px;}
	.worker_txt .t1 {font-size: 20px;}
	.worker_txt .t2 {font-size: 15px;}
	.worker_txt {height: 220px;}
	.dev .row {margin-left: -2px;margin-right: -2px;}
	.dev .row .col-xs-6 {padding-left: 2px;padding-right: 2px;margin-bottom: 4px;}
	.dev .item .tit {font-size: 15px;margin-bottom: 5px;}
}