* {word-break:keep-all;}
.main_visual {position: relative;height: 800px;padding-top: 90px;}  
.main_visual .item.item1 {background-image: url("/skin/default/img/main/main_visual01.jpg");}
.main_visual .item.item2 {background-image: url("/skin/default/img/main/main_visual02.jpg");}
.main_visual .owl-carousel, 
.main_visual .owl-carousel .owl-stage-outer, 
.main_visual .owl-carousel .owl-stage, 
.main_visual .owl-carousel .owl-item, 
.main_visual .item {height: 100%;-webkit-background-size: cover;
background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider_text {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;}
.slider_text .container {position: relative;top: -45px;}
.slider_text .st1 {font-size: 20px;color: #7699e9;margin-bottom: 40px;text-align: center;font-weight: 700;font-family: "Play";}
.slider_text .st2 {font-size: 58px;color: #fff;font-weight: 700;margin-bottom: 35px;text-align: center;}
.slider_text .st3 {font-size: 20px;font-weight: 300;color: #e6e6e6;margin-bottom: 50px;text-align: center;line-height: 1.5;}
.slider_text .st4 {text-align: center;}
.slider_text .st4 a {display: inline-block;text-align: center;font-size: 20px;color: #fff;width: 254px;height: 50px;line-height: 50px;border:1px solid #d9dde2;border-radius:30px;}

.main_visual .pagination_wrap .container {position:relative;}
.main_visual .pagination_wrap {text-align: center;margin: 0;position: absolute;left: 0;bottom:50px;z-index: 50;width: 100%;font-size: 0;}
.main_visual .dotsCont {display: inline-block;margin: 0;border-radius: 0;}
.main_visual .dotsCont .owl-dot {cursor: pointer;display: inline-block;margin: 0 10px;white-space: nowrap;position: relative;width: 6px;height: 6px;border: 1px solid transparent;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;background-color: #fff;}
.main_visual .dotsCont .owl-dot.active {width: 36px;}

.main_visual .navigation {position: absolute;top: 50%;width: 100%;}
.main_visual .navigation .container {position: relative;}
.main_visual .navigation a {display: block;overflow: hidden;margin-top: -45px;position: absolute;top: 50%;z-index: 50;white-space: nowrap;width: 90px;height: 90px;opacity: 0.5;}
.main_visual .navigation a:hover {opacity: 1;}
.main_visual .navigation .prev {background-image: url('/skin/default/img/main/prev_Arrow.png');left: 40px;background-repeat: no-repeat;}
.main_visual .navigation .next {background-image: url('/skin/default/img/main/next_Arrow.png');right: 40px;background-repeat: no-repeat;}
.main_visual .navigation span {display: none;}

.main_portfolio {padding: 50px 0;background-color: #eaebed;}   
.main_tit {text-align: center;font-size: 42px;font-weight: 700;color: #000;font-family: "Play";margin-bottom: 50px;}
.portfolio_wrap {position: relative;}
.portfolio_cont {background-color: #fff;height: 140px;padding: 30px 30px;}
.portfolio_cont .tit {font-size: 18px;color: #000;line-height: 1.2;}
.portfolio_cont .date {font-size: 15px;color: #999;font-family: "Play";margin-top: 20px;}
.portfolio_btn {text-align: center;margin-top: 40px;}
.portfolio_btn a {display: inline-block;width: 250px;height: 45px;line-height: 45px;background-color: #1c4187;text-align: center;font-size: 20px;color: #fff;border-radius:30px;}
.portfolio_nav {position: absolute;width: 100%;top: 50%;}
.portfolio_nav a {display: block;overflow: hidden;margin-top: -45px;position: absolute;top: 50%;z-index: 50;white-space: nowrap;width: 90px;height: 90px;}
.portfolio_nav a.pp {background-image: url('/skin/default/img/main/port_arrow_prev.png');left: -140px;background-repeat: no-repeat;}
.portfolio_nav a.pn {background-image: url('/skin/default/img/main/port_arrow_next.png');right: -140px;background-repeat: no-repeat;}

.main_custom {padding: 60px 0;}
.custom_box {height: 200px;background-repeat: no-repeat;-webkit-background-size: cover; background-size: cover; background-position: bottom right;  padding: 40px 0 0 40px;}
.custom_box.box1 {background-image: url("/skin/default/img/main/main_customer1.jpg");}
.custom_box.box2 {background-image: url("/skin/default/img/main/main_customer2.jpg");}
.custom_box_tit {font-size: 30px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.custom_cell {display: table;width: 100%;margin-bottom: 10px;}
.custom_cell .cell0 {display: table-cell;font-size: 15px;font-family: "Play";color: #7192df;width: 10%;}
.custom_cell .cell1 {display: table-cell;font-size: 14px;color: #fff;width: 90%;}
.custom_box a {font-size: 15px;color: #fff;font-family: "Play";}

.main_notice_wrap {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;}  
.main_notice {background-color: #1e2835;display: table;width: 100%;height: 70px;}
.main_notice_tit {display: table-cell;height: 100%;vertical-align: middle;font-size: 16px;font-weight: 700;color: #fff;font-family: "Play";width: 9%;text-align: center;}
.main_notice_cont {display: table-cell;height: 100%;vertical-align: middle;width: 85%;}
.notice_roll li a {font-size: 15px;font-weight: 300;color: #99a0a8;}
.main_notice_nav {display: table-cell;height: 100%;vertical-align: middle;background-color: #2755ab;width: 6%;position: relative;padding: 20px 0;}
.main_notice_nav a {position: absolute;left: 50%;display: inline-block;width: 14px;height: 7px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;margin-left: -7px;opacity: 0.7;}
.main_notice_nav a.notice_up {top: 20px;background-image: url("/skin/default/img/main/notice_prev.png");}
.main_notice_nav a.notice_down {bottom: 20px;background-image: url("/skin/default/img/main/notice_next.png");}
.main_notice_nav a:hover {opacity: 1;}
.portfolio_img img {width: 100%; height:240px;}
@media (max-width: 1430px) {
	.portfolio_nav a.pn {right: -90px;}
	.portfolio_nav a.pp {left: -90px;}
}
@media (max-width: 1359px) {
	.slider_text .st2 {font-size: 48px;}
	.portfolio_cont .tit {font-size: 15px;}
	.custom_box_tit {font-size: 25px;}
}
@media (max-width: 1199px) {
	.main_visual {height: 700px;}
	.slider_text .st2 {font-size: 38px;}
	.main_tit {font-size: 35px;}
	.portfolio_nav  {position: relative;margin-top: 80px;}
	.portfolio_nav a.pn {right: 0;}
	.portfolio_nav a.pp {left: 0;}
	.portfolio_img img {height:200px;}
	.portfolio_cont {height: 130px;}
}
@media (max-width: 991px) {
	.main_visual {height: 600px;padding-top: 45px;}
	.slider_text .st1 {font-size: 15px;margin-bottom: 20px;}
	.slider_text .st2 {font-size: 30px;margin-bottom: 20px;}
	.slider_text .st3 {font-size: 16px;margin-bottom: 25px;}
	.slider_text .st4 a {font-size: 15px;width: 200px;height: 45px;line-height: 45px;}
	.main_visual .navigation a {width: 45px;height: 45px;margin-top: -22px;-webkit-background-size: 45px auto;background-size: 45px auto;}
	.main_visual .navigation .prev {left: 20px;}
	.main_visual .navigation .next {right: 20px;}
	.main_notice_tit {font-size: 14px;}
	.notice_roll li a {font-size: 14px;}
	.main_notice_nav a {width: 7px;height: 3px;margin-left: -3px;-webkit-background-size: 7px auto;background-size: 7px auto;}
	.main_notice {height: 60px;}
	.main_portfolio {padding: 25px 0;}
	.main_tit {font-size: 28px;margin-bottom: 25px;}
	.portfolio_btn a {font-size: 15px;width: 200px;}
	.portfolio_nav a {width: 45px;height: 45px;margin-top: -22px;-webkit-background-size: 45px auto;background-size: 45px auto;}
	.portfolio_cont .date {font-size: 13px;margin-top: 10px;}
	.portfolio_cont {padding: 20px 20px;}
	.portfolio_nav {margin-top: 40px;}
	.main_custom {padding: 30px 0;}
	.custom_box_tit {font-size: 20px;}
	.custom_box {height: 150px;padding: 20px 0 0 20px;}
	.portfolio_img img {height:170px;}
	.portfolio_cont {height: 100px;}
}
@media (max-width: 767px) {
	.slider_text .st2 {font-size: 20px;}
	.slider_text .st3 {font-size: 14px;}
	.main_visual .navigation .prev {left: 0px;}
	.main_visual .navigation .next {right: 0px;}
	.main_visual {height: 500px;}
	.slider_text .st4 a {font-size: 13px;width: 160px;height: 40px;line-height: 40px;}
	.main_notice_wrap .container {padding: 0;}
	.main_notice_tit {font-size: 12px;width: 10%;}
	.notice_roll li a {font-size: 12px;}
	.main_notice {height: 50px;}
	.main_tit {font-size: 20px;}
	.portfolio_btn a {width: 160px;}
	.portfolio_cont {height: auto;}
	.custom_box.box1 {margin-bottom: 10px;}
	.main_notice_nav a.notice_up {top: 10px;}
	.main_notice_nav a.notice_down {bottom: 10px;}
	.main_notice_nav {width: 10%;}
	.main_notice_cont {width: 80%; }
	.portfolio_img img {height:auto;}
	.portfolio_cont {height: auto;}
}