@charset "utf-8";
@import url("slick.css");
@import url("jquery-ui.css");
@import url("flexslider.css");

/*///////////////////// header /////////////////////*/
#wrap{min-width:1150px;}
#header{position: absolute;left: 0;right: 0;top: 0;height: 77px;z-index: 99;background-color: #fff;overflow: hidden;border-top: 3px solid #2e50a8;}
#header.active{border-bottom: 1px solid #2e50a8;}
#header .logo{float: left;line-height: 80px;}
#header .logo img{vertical-align: middle;}
#gnb{float: right;width: 780px;}
#gnb ul.gnb_list > li{position: relative;float: left;width: 14.28%;text-align: center;height: 490px;
	transition: 0.4s all;
}
#gnb ul.gnb_list > li > a{display: block;line-height: 80px;font-family: "aritadsb";color: #333;font-size: 18px;}
#gnb ul.gnb_list > li:hover{background-color: #2e50a8;}
#gnb ul.gnb_list > li:hover a{color: #fff;}
#gnb ul.gnb_list > li.active{background-color: #2e50a8;}
#gnb ul.gnb_list > li.active a{color: #fff;}
#gnb ul.gnb_list > li .depth02{position: absolute;left: 0;right: 0;top: 80px;padding: 12px 0;}
#gnb ul.gnb_list > li .depth02 > li{}
#gnb ul.gnb_list > li .depth02 > li > a{display: block;padding: 8px 0;font-size: 13px;color: #666;font-family: "aritadm";}
#gnb ul.gnb_list > li:hover .depth02 > li > a{color: #fff;}
#gnb ul.gnb_list > li.active .depth02 > li > a{color: #fff;}
#wrap{padding-top: 80px;}
/*///////////////////// header End /////////////////////*/






/*///////////////////// container /////////////////////*/
#container.main{background-color: #f4f4f5;}
.visual_slide{position: relative;}
.visual_slide .vsimg{width: 100%;height: 590px;background-repeat: no-repeat;background-position: center center;}
.main_visual{position: relative;}
.main_visual .vs_cont{position: absolute;top: 0;left: 50%;margin-left: -575px;}
.main_visual .vs_cont .vs_txt{padding-top: 120px;color: #fff;margin-bottom: 50px;}
.main_visual .vs_cont .vs_txt .txt01{font-size: 42px;font-family: "aritadl";margin-bottom: 40px;}
.main_visual .vs_cont .vs_txt .txt02{font-size: 18px;font-family: "aritadl";line-height: 30px;}
.main_visual .vs_cont .btn_wrap a{display: inline-block;width: 195px;height: 45px;line-height: 45px;padding-left: 14px;font-size: 18px;color: #fff;font-family: "aritadl";background: rgba(207,51,43,0.9) url("../img/main/icon_arrow01.png") no-repeat 95% center;margin-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.visual_slide .slick-dots{position: absolute;width: 1150px;left: 50%;margin-left: -575px;bottom: 75px;}
.visual_slide .slick-dots li{display:inline-block;margin:0 3px;}
.visual_slide .slick-dots li button{display:inline-block;width:59px;height:6px;font-size:0;background: none;text-indent:-9999%;outline:none;background-color: #fff;
	transition: 0.3s all;
}
.visual_slide .slick-dots li.slick-active button{background-color: #2e50a8;}
.visual_slide_tab{position: absolute;left: 50%;width: 390px;margin-left: -195px;right: 0;bottom: 76px;text-align: center;}
.visual_slide_tab li{width: 119px;height: 36px;line-height: 32px;margin: 0 5px;border: 2px solid #2e50a8;font-size: 14px;color: #fff;font-family: "aritadl";text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual_slide_tab li.slick-current {background-color: #2e50a8;}
.main_content{padding: 40px 0 90px;}
.main_content:after{content: "";display: block;clear: both;}
.mc_left{float: left;width: 378px;margin-top: 2px; margin-left: 1px;}
.product_list li{position: relative;float: left;width: 188px;margin-left: -1px;margin-top: -1px;border: 1px solid #2e50a8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product_list li img{width: 100%;}
.product_list li .pl_txt{display: block;}
.product_list li .pl_txt span{position: absolute;background: rgba(46,80,168,0.9); color: #fff;text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product_list li .pl_txt .off{display: block;font-size: 16px;font-weight:700;font-family: "aritadl";padding-top: 29px;line-height: 20px;width: 73px;height: 73px;}
.product_list li.pl01 .pl_txt .off{right: 0;bottom: 0;}
.product_list li.pl02 .pl_txt .off{left: 0;bottom: 0;}
.product_list li.pl03 .pl_txt .off{right: 0;top: 0;padding-top: 18px;}
.product_list li.pl04 .pl_txt .off{left: 0;top: 0;}
.product_list li .pl_txt .on{display: none;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;font-size: 22px;font-weight:600;font-family: "aritadl";line-height: 30px;
	padding-top: 109px;
}
.product_list li.pl01 .pl_txt .on{padding-top: 89px;}
.mc_right{float: right;width: 764px;}
.mc_box{position: relative;width: 377px;background-color: #fff;padding: 24px 34px 0;float: left;margin-right: 10px;margin-bottom: 8px;display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mc_box.bo_box{height: 335px;}
.mc_box.bn_box{height: 117px;}
.mc_box.box02,
.mc_box.box04{margin-right: 0;}
.mc_box h3{font-size: 22px; font-family: "aritadm";color: #333;margin-bottom: 9px;}
.mc_box h3 .num{display: inline-block;margin-left: 5px;font-size: 20px; color: #2e50a8;}
.mc_box .bo_list li .txt01{font-size: 15px;color: #666;line-height: 22px;font-family: "aritadl";margin-bottom: 20px;letter-spacing:-1px;
	height: 44px;
	overflow: hidden;
	  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.mc_box  .bo_slide{position: static;}
.bo_slide .slick-arrow{position:absolute;top: 0;width:40px;height:40px;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;outline: none;opacity: 0.9;}
.bo_slide .slick-arrow.slick-prev{right: 41px;background: #2e50a8 url("../img/main/slide_arrow_prev.png") no-repeat center center;}
.bo_slide .slick-arrow.slick-next{right:0;background: #2e50a8 url("../img/main/slide_arrow_next.png") no-repeat center center;}
.bo_slide .slick-arrow:hover{opacity: 1;}
.mc_box.bn_box p{font-size: 15px;line-height: 20px;color: #666;font-family: "aritadm";}
.bn_box.box03{background: #fff url("../img/main/icon01.png") no-repeat 92% center;}
.bn_box.box04 p{font-size: 14px;line-height: 130%;}
.bn_box.box04 p .txt01{font-size: 12px;font-family: "Gulim";}
.bn_box.box04 p .name{display: inline-block;margin-left: 10px;font-size: 12px;}

/* .bn_box.box04{background: #fff url("../img/main/icon02.png") no-repeat 92% center;} */
.quick_banner{position: absolute;top: 628px;left: 50%;margin-left: 600px;width: 80px;}
.quick_banner ul{margin-bottom: 2px;}
.quick_banner .qb01 li{margin-bottom: 1px;}
.quick_banner .qb02 li{background-color: #2e50a8;}
.quick_banner .contact{border-top: 1px solid #4d6ab4;}
.quick_banner .contact .box{padding: 7px 8px;}
.quick_banner .contact h3{display: inline-block;font-size: 10px;color: #2e50a8;padding: 2px 7px 3px;background-color: #d2dcf6;margin-bottom: 8px;}
.quick_banner .contact a{display: block;font-size: 14px;color: #fff;letter-spacing:-1px}
/*///////////////////// container End /////////////////////*/






/*///////////////////// footer /////////////////////*/
#footer{padding: 30px 0;border-top:1px solid #ddd;background-color: #222222;}
#footer .f_cont{position: relative;float: left;padding-right: 15px;padding-left: 30px;}
#footer .f_cont:first-child{padding-left: 0;}
#footer .f_cont:first-child:after{position: absolute;right: -1px;top: 50%;margin-top: -36px;height: 73px;border-right: 1px solid #464646;content: "";display: block;}
#footer .f_cont h2{font-size: 14px;color: #fff;line-height: 20px;font-family: "aritadm";margin-bottom: 5px;}
#footer .f_cont p,
#footer .f_cont address{font-size: 14px;color: #8e8e8e;line-height: 20px;font-family: "aritadm";}
#footer .f_cont .lt01{letter-spacing: -1px;}
#footer .f_logo{position: absolute;right: 0;top: 15px;}
#footer .f_logo span{margin-left: 10px;}
/*///////////////////// footer End /////////////////////*/






/*///////////////////// common /////////////////////*/
.wrap_layout{position: relative;width:1150px ;margin: 0 auto;}
.wrap_layout:after{content: "";display: block;clear: both;}
/*///////////////////// common End /////////////////////*/