@charset "utf-8";

.main_visual {max-width:1920px; width:100%; margin:0 auto; }
.main_visual > .inner {z-index:10; position:absolute; top:0; left:50%; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
/*.main_visual .pager {position:absolute; right:0; top:550px; font-size:0; }*/
/*.main_visual .pager > * {display:inline-block; vertical-align:middle; margin-right:7px; }*/
/*.main_visual .pager > p {cursor:pointer; }*/
/*.main_visual .pager .pager_box {position:relative; width:280px; }*/
/*.main_visual .pager .pager_box .pager_txt {position:absolute; left:5px; top:10px; width:330px; font-size:0; text-align:right; }*/
/*.main_visual .pager .pager_box .pager_txt span {opacity:0; position:relative; display:inline-block; vertical-align:top; width:33.33%; font-size:20px; font-weight:300; color:#fff; letter-spacing:-0.025em; transition:all 0.5s;}*/
/*.main_visual .pager .pager_box .pager_txt span.on {opacity:1; }*/
/*/*.main_visual .pager .pager_box .pager_txt span:before {content:''; position:absolute; right:4px; top:-16px; width:2px; height:14px; background-color:#628ad1; transform:scale(1); }*/*/
/*.main_visual .pager .pager_bar {width:288px; height:1px; background-color:#c2c2c2; }*/
/*.main_visual .pager .pager_bar span {background-color:#fff; margin-top:-5px; padding:5px 0;}*/

.main_visual .visual_list {margin-bottom:0; }
.main_visual .visual_list li {overflow:hidden; position:relative; }
.main_visual .visual_list li > img {position:relative; left:50%; width:1920px; height:670px; max-width:1920px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.main_visual .visual_list li .inner {position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.main_visual .visual_list li .inner .txt_box {position:relative; right:0; top:0; width:100%; margin-top:250px; text-align:center; box-sizing:border-box; }
.main_visual .visual_list li .inner p.desc {margin-top:50px; opacity:0; font-size:34px; font-weight:bold; color:#fff; letter-spacing:-0.025em; transform:translateY(30px); transition:all 0.5s; transition-delay:0.2s; position:relative;}
.main_visual .visual_list li .inner p.desc:before{content:''; position:absolute; left:50%; top:-35px; width:2px; height:20px; background:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_visual .visual_list li .inner p.tit {opacity:0; font-size:30px; font-weight:300; color:#e4e4e4; letter-spacing:-0.055em; line-height:20px; transform:translateY(30px);  transition:all 0.5s; transition-delay:0.4s; }
.main_visual .visual_list li .inner p.tit b{font-size:35px; color:#fff;}
.main_visual .visual_list li .inner p.tit span {color:#bacaff; }
.main_visual .visual_list li .inner span{ opacity:0;  display:block; font-size:26px; font-weight:bold; letter-spacing:-0.025em; color:#fff;transform:translateY(30px);  transition:all 0.5s; transition-delay:0.6s; }
.main_visual .visual_list li .inner span b{display:inline-block; vertical-align:bottom; font-size:31px;}
.main_visual .visual_list li.swiper-slide-active p.desc {opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.main_visual .visual_list li.swiper-slide-active p.tit {opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.main_visual .visual_list li.swiper-slide-active span {opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
/*.main_visual .visual_list li:nth-of-type(3) .inner .txt_box{text-align:center; width:100%;}*/
/*.main_visual .visual_list li:nth-of-type(3) .inner p.desc{margin-bottom:40px;}*/

.main_visual .swiper-pagination{bottom:80px; width:100%;}
.main_visual .swiper-pagination-bullet{width:12px; height:12px; border:2px solid #fff; background:none; border-radius:0; margin:0 2px;}
.main_visual .swiper-pagination-bullet-active{width:45px; height:12px; border:2px solid #fff; background:#fff}

@media all and (max-width:1200px){
	.main_visual .pager {left:40%; }

	.main_visual .visual_list li > img {max-width:1800px; }
/*	.main_visual .visual_list li .inner .txt_box {width:60%; }*/
}

@media all and (max-width:1000px){
	.main_visual .pager {left:0; }
	.main_visual .visual_list li .inner .txt_box {width:100%; text-align:center;} 
}

/* 메인 공용 타이틀 */
.main_tit {}
.main_tit h3 {margin-bottom: 10px; position:relative; text-align:center; font-size:34px; font-weight:bold; color:#222222; font-family: 'Poppins' , sans-serif;}
.main_tit p{font-size:20px; letter-spacing:-0.045em; font-weight:400; color:#666666; line-height:30px; text-align:center;}
/*.main_tit h3:before {content:''; position:absolute; left:50%; top:-36px; width:42px; height:36px; background:url('/img/main/main_tit_bg.png') no-repeat center center; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }*/

.main_tit2 {padding-top:100px; padding-bottom:45px; }
.main_tit2 h3 {font-size:34px; font-weight:bold; color:#222222; }
.main_tit2 h3 img{padding-top:10px; padding-right:15px;}
/* business */
.main_con01{padding:100px 0;}
.main_con01 ul{font-size:0; margin-top:60px;}
.main_con01 ul li{display:inline-block; vertical-align:top; width:33.3333%; position:relative; cursor:pointer;  overflow:hidden;}
.main_con01 ul li .img_box{width:100%;}
.main_con01 ul li .img_box img{width:100%;}
.main_con01 ul li .txt_box{position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
.main_con01 ul li .txt_box p{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#fff;}
.main_con01 ul li .txt_box span{display:inline-block; width:100%; white-space:normal; overflow:hidden; text-overflow:ellipsis; height:56px; word-wrap:break-wrod; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:20px; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#cbcbcb; line-height:28px; padding:0 20px; box-sizing:border-box; word-break:keep-all;}

.main_con01 ul li:hover .img_box img{transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);  -webkit-transition:all 0.7s; -ms-transition:all 0.7s; transition:all 0.7s;}
@media all and (max-width:1000px){
	.main_con01 ul li{width:100%;}
}

/* PRODUCT */
.main_con02{padding:100px 0; background:#f9f9f9; overflow:hidden; font-size:0;}
.main_con02 .left_box{display:inline-block; vertical-align:top; width:33.3333%; padding-right:20px; box-sizing:border-box;}
.main_con02 .right_box{display:inline-block; vertical-align:top; width:66.66666%;}
.main_con02 ul{font-size:0; margin-top:60px;}
.main_con02 ul li{display:inline-block; vertical-align:top; text-align:center; margin-bottom:20px; cursor:pointer; overflow:hidden;}
.main_con02 ul li .img_box{width:100%; overflow:hidden;}
.main_con02 ul li img{width:100%;}
.main_con02 ul li p{font-size:18px; font-weight:bold; letter-spacing:-0.045em; color:#666666; margin-top:10px;}
.main_con02 .right_box ul li{width:calc(33.3333% - 14px); margin-right:20px;}
.main_con02 .right_box ul li:nth-of-type(3n){margin-right:0}

.main_con02 ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);  -webkit-transition:all 0.7s; -ms-transition:all 0.7s; transition:all 0.7s;}
@media all and (max-width:1000px){
	.main_con02 .left_box{width:100%; padding-right:0;}
	.main_con02 .left_box ul li{width:100%;}
	.main_con02 .right_box{width:100%;}
	.main_con02 .right_box ul{margin-top:0;}
	.main_con02 .right_box ul li{width:calc(50% - 10px);}
	.main_con02 .right_box ul li:nth-of-type(3n){margin-right:20px}
	.main_con02 .right_box ul li:nth-of-type(2n){margin-right:0}
}

/* SUPPORT */
.main_con03{padding:100px 0; font-size:0;}
.main_con03 .left_box{display:inline-block; vertical-align:top; width:calc(100% - 380px);}
.main_con03 .left_box .txt_box{margin-top:60px; display:inline-block; vertical-align:top; width:50%; padding-right:20px; box-sizing:border-box;}
.main_con03 .left_box .txt_box p.tit{border-bottom:1px solid #1b1b1b; padding:9px 50px 9px 10px; font-size:22px; font-weight:bold; letter-spacing:-0.045em; color:#222222 ; position:relative; box-sizing:border-box;}
.main_con03 .left_box .txt_box p.tit a{position:absolute; right:0;bottom:0;}
.main_con03 .left_box .txt_box ul{}
.main_con03 .left_box .txt_box ul li{margin-top:15px; padding:0 13px; position:relative; cursor:pointer;}
.main_con03 .left_box .txt_box ul li p{display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.045em; color:#666; position:relative; padding:0 13px; width:calc(100% - 71px); box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_con03 .left_box .txt_box ul li p:before{content:''; position:absolute; left:0; width:3px; height:3px; top:8px; background:#666;}
.main_con03 .left_box .txt_box ul li span{position:absolute; right:0; top:0; font-size:14px; font-weight:400; letter-spacing:-0.045em; color:#b1b1b1;}
.main_con03 .right_box{display:inline-block; vertical-align:top; width:380px; margin-top:60px;}
.main_con03 .right_box .txt_box{display:table; width:100%; height:224px; box-sizing:border-box; background:#005cb8;}
.main_con03 .right_box .txt_box > div{display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;}
.main_con03 .right_box .txt_box p{font-size:22px; font-weight:bold; letter-spacing:-0.045em; color:#fff; margin-top:20px;}

@media all and (max-width:1000px){
	.main_con03 .left_box{width:100%;}
	.main_con03 .left_box .txt_box{width:100%; padding-right:0;}
	.main_con03 .right_box{width:100%;}
}