/* ************ 메인페이지 스타일 ************ */

/* 공통 */
.m_title{font-size:38px;color:#000;font-weight:500;margin-bottom:40px;}
.m_title .eng{color:#d0d0d0;font-size:29px;font-weight:800;text-transform:uppercase;padding-left:20px;}
[class*="_wrap"] {max-width:1400px; margin:0 auto;}


/* 제품소개 part2 */
.m_product2{}
.m_product2:after{content:'';display:block;clear:both;}
.m_product2>div{float:left;width:50%;overflow:hidden;height:320px;position:relative;}
.m_product2>div .product_img{position: absolute;z-index: 0;left: 50%;margin-left: -28%;opacity: .35;transition:.5s;}
.m_product2>div .txt{position:absolute;top:0;width:100%;display:table;height:100%;z-index:1;}
.m_product2>div .txt .txt_bx{display:table-cell;vertical-align:middle;}
.m_product2>div .txt .txt_bx>*{display:block;color:#fff;}
.m_product2>div .txt .txt_bx small{font-size:18px;font-weight:bold;opacity:.5;letter-spacing:.5px;line-height:1;}
.m_product2>div .txt .txt_bx .title{font-size:37px;line-height: 1;margin:15px 0 20px;}
.m_product2>div .txt .txt_bx .explain{font-size: 17px;line-height:27px;margin-bottom:25px;transition:.5s;}
.m_product2>div .txt .txt_bx img{display:inline-block;}

.m_product2 .mp_controller{background:#145eaa}
.m_product2 .mp_controller .txt .txt_bx{padding-right:8%;text-align:right;}
.m_product2 .mp_mcul{background:#494949}
.m_product2 .mp_mcul .txt .txt_bx{padding-left:8%;}

/* 마우스 오버 */
.m_product2>div:hover .txt .txt_bx img{animation: mymove .8s infinite;}
.m_product2>div:hover .product_img{opacity:1;}
.m_product2>div:hover .explain{text-shadow: 2px 2px 3px rgba(0,0,0,.62);}

@keyframes mymove {
	0% {margin:0;}
	50% {margin:0 15px;}
	100% {margin:0;}
}


/* 공지사항 최신글 */
.m_notice_wrap{padding:70px 0 0;}
.m_notice_wrap .m_notice_slider{}
.m_notice_wrap .m_notice_slider:after{content:'';display:block;clear:both;}
.m_notice_wrap .m_notice_slider li{float: left;height: 323px;padding: 0 10px 10px;box-sizing: border-box;}
.m_notice_wrap .m_notice_slider li:first-child{margin-left:0;}
.m_notice_wrap .m_notice_slider li>a{position:relative;display:block;width:100%;height:100%;border:1px solid #ddd;box-shadow:2px 3px 10px rgba(0,0,0,.13);padding:30px;border:1px solid #ddd;border-top:2px solid #5f5f5f;}
.m_notice_wrap .m_notice_slider li>a>*{display:block;transition:.5s;}
.m_notice_wrap .m_notice_slider li>a .cate{font-size:13px;font-weight:bold;color:#145eaa;letter-spacing:.5px;margin-bottom:15px;}
.m_notice_wrap .m_notice_slider li>a .subj{font-size:22px;font-weight:300;color:#000;line-height: 1.4;letter-spacing: -1px;transition:0s}
.m_notice_wrap .m_notice_slider li>a .cont{font-size:15px;color:#737373;line-height:1.48;margin: 20px 0 40px;}
.m_notice_wrap .m_notice_slider li>a .date{letter-spacing:.5px;}
.m_notice_wrap .m_notice_slider li>a .btn_plus{position:absolute;bottom:0;right:0;width:60px;height:60px;background:#5f5f5f;text-align:Center;}
.m_notice_wrap .m_notice_slider li>a .btn_plus img{display:block;margin: 13px auto;}

.m_notice_wrap .slick-list.draggable{padding-bottom:10px!important;}
.m_notice_wrap .slick-arrow{position: absolute;top: -66px;width:22px;height:22px;text-indent:-9999999999999999px;cursor:pointer;}
.m_notice_wrap .slick-arrow.slick-prev{background:url(../images/main/ico_prev.png) no-repeat 0 50%;right:50px;}
.m_notice_wrap .slick-arrow.slick-next{background:url(../images/main/ico_next.png) no-repeat 100% 50%;right:0;padding-lefT:30px;}
.m_notice_wrap .slick-arrow.slick-next:before{position:absolute;top:1px;left:0;width:1px;height:20px;background:#aaa;content:'';}

/* 공지사항 최신글 - 마우스 오버 */
.m_notice_wrap .m_notice_slider li>a:hover{border-top-color:#145eaa;box-shadow:2px 3px 10px 0px rgba(0,0,0,.2);}
.m_notice_wrap .m_notice_slider li>a:hover .subj{font-weight:500;color:#145eaa;}
.m_notice_wrap .m_notice_slider li>a:hover .btn_plus{background:#145eaa}

/* quick 버튼 */
.m_btn_wrap{margin:40px auto 55px;}
.m_btn_wrap>ul{}
.m_btn_wrap>ul:after{content:'';display:block;clear:both;}
.m_btn_wrap>ul>li{margin-left: 1.25%;width: 32.5%;float: left;}
.m_btn_wrap>ul>li:first-child{margin-left:0;}
.m_btn_wrap>ul>li>a{display:block;width:100%;height:78px;line-height:78px;padding:0 0 0 27px;
	background: #398fe7;
    background: -webkit-linear-gradient(to right, #398fe7, #02aec9);
    background: linear-gradient(to right, #398fe7, #02aec9);}
.m_btn_wrap>ul>li>a>img{}
.m_btn_wrap>ul>li>a .txt{display: inline-block;vertical-align: middle;margin-left:20px;color:#fff;font-size:21px;font-weight:400;}
.m_btn_wrap>ul>li>a .arrow{background: #fff;width: 74px;height: 74px;display: block;float: right;margin: 2px;text-align:center;}
.m_btn_wrap>ul>li>a .arrow img{margin: 23px auto;}


/* ************************ 1421 이상 ************************ */
@media (min-width:1421px) {

	/* 비쥬얼 */
	.m_visual{position:relative;height:600px;}
	.m_visual .mv_imgWrap .bx-wrapper{border:0;box-shadow:none;}
	.m_visual .mv_imgWrap .slider li{height:600px;}
	.m_visual .mv_imgWrap .slider li.mvimg1{background:url(../images/main/mv1.jpg) no-repeat 50%}
	.m_visual .mv_imgWrap .slider li.mvimg2{background:url(../images/main/mv2.jpg) no-repeat 50%}
	.m_visual .mv_imgWrap .slider li.mvimg3{background:url(../images/main/mv3.jpg) no-repeat 50%}
	.m_visual .m_copy{color:#fff;position:absolute;top:215px;width:100%;padding: 0 20px;z-index:99;}
	.m_visual .m_copy .m_copy_wrap{color:#fff;max-width:1400px;margin:0 auto;text-shadow: 3px 2px 7px rgba(0,0,0,.18);}
	.m_visual .m_copy .m_copy_wrap .eng{font-size:75px;line-height: 1.2;letter-spacing: -.02em;font-weight:bold;}
	.m_visual .m_copy .m_copy_wrap .eng small{font-size:60px;letter-spacing: -.045em;display:block;font-weight:400;}
	.m_visual .m_copy .m_copy_wrap .kor{font-size: 30px;line-height: 40px;letter-spacing: -.04em;margin-top: 30px;font-weight: 300;}
	.m_visual .bx-has-pager{position: absolute;z-index:100;width: 100%;text-align: right;bottom:125px;padding: 0 20px;}
	.m_visual .bx-wrapper .bx-pager{position: relative;bottom: auto;max-width: 1400px;margin: 0 auto;padding: 0;text-align: right;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a{width:13px;height:13px;background:#fff;border-radius:0;margin-left:20px;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#137adb}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#ddd!important;}


	/* 제품소개 part1 */	
	.m_product{position:relative;padding:70px 20px;}
	.m_product:before{content:'';position:absolute;bottom:0;left:0;width:100%;background:#efefef;height:43%;}
	.m_product .m_product_wrap>ul:after{content:'';display:Block;clear:both;}
	.m_product .m_product_wrap>ul>li{position:relative;float:left;margin-left: 1.25%;width: 32.5%;height:450px;text-align:center;overflow:hidden;padding:30px;transition:.5s;
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,.25);
		background: #398fe7;
		background: -webkit-linear-gradient(to right, #398fe7, #02aec9);
		background: linear-gradient(to right, #398fe7, #02aec9);
	}
	.m_product .m_product_wrap>ul>li:first-child{margin-left:0;}
	.m_product .m_product_wrap>ul>li>a{display:block;vertical-align:middle;width:100%;height:100%;line-height:1;transition:.5s;box-shadow: 1px 1px 17px 0px rgba(0,0,0,.18);background:none;}
	.m_product .m_product_wrap>ul>li>a>*{display:block;color:#fff;position:absolute;top:30px;left:40px;}
	.m_product .m_product_wrap>ul>li>a small{top: 65px;left: 55px;font-size: 17px;font-weight: bold;letter-spacing: 0.5px;}
	.m_product .m_product_wrap>ul>li>a .name_bx{top:auto;left: 55px;bottom:60px;text-align:left;}
	.m_product .m_product_wrap>ul>li>a .name_bx b{display: block;font-size:32px;word-spacing:-2px;letter-spacing: -1.5px;}
	.m_product .m_product_wrap>ul>li>a .name_bx strong{display: block;font-size: 20px;opacity:.5;letter-spacing:1px;margin-top:15px;text-indent: 3px;}
	.m_product .m_product_wrap>ul>li>a .btn_go{top:auto;left:auto;right: 55px;bottom:60px;}
	.m_product .m_product_wrap>ul>li>a .btn_go img{max-width:100%;}
	.m_product .m_product_wrap>ul>li>a .product_img{top:0;left:auto;right:0;}

	/* 제품소개 part1 - 마우스 오버 */
	.m_product .m_product_wrap>ul>li:hover{padding:0;}
}	
/* ************************ 1420 이하 ************************ */
@media (max-width:1420px) {
	
	/* 비쥬얼 */
	.m_visual{position:relative;height:500px;}
	.m_visual .mv_imgWrap .bx-wrapper{border:0;box-shadow:none;}
	.m_visual .mv_imgWrap .slider li.mvimg1{background:url(../images/main/mv1.jpg) no-repeat 50%}
	.m_visual .mv_imgWrap .slider li.mvimg2{background:url(../images/main/mv2.jpg) no-repeat 50%}
	.m_visual .mv_imgWrap .slider li.mvimg3{background:url(../images/main/mv3.jpg) no-repeat 50%}
	.m_visual .mv_imgWrap .slider li{height:500px;background-size:cover!important;}
	.m_visual .m_copy{color:#fff;position:absolute;bottom:85px;width:100%;padding: 0 20px;z-index:99}
	.m_visual .m_copy .m_copy_wrap{color:#fff;max-width:1400px;margin:0 auto;text-shadow: 3px 2px 7px rgba(0,0,0,.18);}
	.m_visual .m_copy .m_copy_wrap .eng{font-size:65px;line-height: 1.2;letter-spacing: -.02em;font-weight:bold;}
	.m_visual .m_copy .m_copy_wrap .eng small{font-size:47px;letter-spacing: -.045em;display:block;font-weight:400;}
	.m_visual .m_copy .m_copy_wrap .kor{font-size:25px;line-height:35px;letter-spacing: -.04em;margin-top:25px;font-weight: 300;}
	.m_visual .bx-has-pager{position: absolute;z-index:100;width: 100%;text-align: right;bottom:95px;padding: 0 20px;}
	.m_visual .bx-wrapper .bx-pager{position: relative;bottom: auto;max-width: 1400px;margin: 0 auto;padding: 0;text-align: right;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a{width:13px;height:13px;background:#fff;border-radius:0;margin-left:20px;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#137adb}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#ddd!important;}
	
	/* 공지사항 최신글 */
	.m_notice_wrap{padding:50px 10px 0;}
	.m_notice_wrap .m_title{padding:0 10px;}
	.m_notice_wrap .slick-arrow.slick-next{right:10px;padding-lefT: 25px;}
	
	/* quick 버튼 */
	.m_btn_wrap{margin:20px 0 40px;padding:0 20px;}
	
		
}


/* ************************ pc이하 태블릿 이상(992~1420) ************************ */
@media (min-width: 992px) and (max-width:1420px) {
	
	/* 제품소개 part1 */	
	.m_product{position:relative;padding:70px 20px;}
	.m_product:before{content:'';position:absolute;bottom:0;left:0;width:100%;background:#efefef;height:43%;}
	.m_product .m_product_wrap>ul:after{content:'';display:Block;clear:both;}
	.m_product .m_product_wrap>ul>li{position:relative;float:left;margin-left: 1.25%;width: 32.5%;height:450px;text-align:center;overflow:hidden;transition:.5s;
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,.25);
		background: #398fe7;
		background: -webkit-linear-gradient(to right, #398fe7, #02aec9);
		background: linear-gradient(to right, #398fe7, #02aec9);
	}
	.m_product .m_product_wrap>ul>li:first-child{margin-left:0;}
	.m_product .m_product_wrap>ul>li>a{display:block;vertical-align:middle;width:100%;height:100%;line-height:1;transition:.5s;box-shadow: 1px 1px 17px 0px rgba(0,0,0,.18);background:none;padding-top:270px;text-align: left;padding-left: 25px;}
	.m_product .m_product_wrap>ul>li>a>*{display:block;color:#fff;}
	.m_product .m_product_wrap>ul>li>a small{top: 65px;left: 55px;font-size:15px;font-weight: bold;letter-spacing: 0.5px;margin-bottom: 10px;}
	.m_product .m_product_wrap>ul>li>a .name_bx{top:auto;left: 55px;bottom:60px;text-align:left;}
	.m_product .m_product_wrap>ul>li>a .name_bx b{display: block;font-size: 28px;word-spacing: -1px;letter-spacing: -1.5px;}
	.m_product .m_product_wrap>ul>li>a .name_bx strong{display: block;font-size: 16px;opacity:.5;letter-spacing:1px;margin-top:15px;text-indent: 3px;}
	.m_product .m_product_wrap>ul>li>a .btn_go{position: absolute;bottom:25px;width: 100%;left: 0;padding-left:25px;}
	.m_product .m_product_wrap>ul>li>a .btn_go img{width:55px;}
	.m_product .m_product_wrap>ul>li>a .product_img{position:absolute;top:0;left:auto;right:0;width: 83%;}

	/* 제품소개 part1 - 마우스 오버 */
	.m_product .m_product_wrap>ul>li:hover{padding:0;}
	
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 공통 */
	.m_title {font-size: 30px;}
	.m_title .eng{font-size: 20px;padding-left: 5px;letter-spacing: 0;}
	
	

	/* 제품소개 part1 */	
	.m_product{position:relative;padding:50px 20px;}
	.m_product:before{content:'';position:absolute;bottom:0;left:0;width:100%;background:#efefef;height:43%;}
	.m_product .m_product_wrap>ul:after{content:'';display:Block;clear:both;}
	.m_product .m_product_wrap>ul>li{position:relative;width:100%;margin-top:10px;height:auto;overflow:hidden;transition:.5s;
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,.25);
		background: #398fe7;
		background: -webkit-linear-gradient(to right, #398fe7, #02aec9);
		background: linear-gradient(to right, #398fe7, #02aec9);
	}
	.m_product .m_product_wrap>ul>li:first-child{margin-left:0;}
	.m_product .m_product_wrap>ul>li>a{display:block;vertical-align:middle;width:100%;height:100%;line-height:1;transition:.5s;box-shadow: 1px 1px 17px 0px rgba(0,0,0,.18);background:none;padding:30px 20px;}
	.m_product .m_product_wrap>ul>li>a>*{position: relative;z-index: 1;display:block;color:#fff;}
	.m_product .m_product_wrap>ul>li>a small{font-size:15px;font-weight: bold;letter-spacing: 0.5px;margin-bottom:15px;}
	.m_product .m_product_wrap>ul>li>a .name_bx{text-align:left;}
	.m_product .m_product_wrap>ul>li>a .name_bx b{display: block;font-size:28px;word-spacing:-2px;letter-spacing: -1.5px;}
	.m_product .m_product_wrap>ul>li>a .name_bx strong{display: block;font-size:16px;opacity:.5;letter-spacing:1px;margin-top:15px;text-indent: 3px;}
	.m_product .m_product_wrap>ul>li>a .btn_go{margin-top:20px;}
	.m_product .m_product_wrap>ul>li>a .btn_go img{width:38px;}
	.m_product .m_product_wrap>ul>li>a .product_img{position: absolute;top: 0;left: auto;right: -25px;width: 208px;z-index:0;}
	
	/* 제품소개 part2 */
	.m_product2>div{height:255px}
	.m_product2>div .txt .txt_bx .title{font-size:28px;font-weight:600}
	.m_product2>div .txt .txt_bx .explain{font-size: 15px;line-height: 23px;}
	.m_product2>div .product_img{left:8%;margin-left:0;}
	
	/* 공지사항 최신글 */
	.m_notice_wrap .slick-arrow {top: -63px;width: 22px;height: 16px;}
	.m_notice_wrap .slick-arrow.slick-next:before{height:15px;}

	/* quick 버튼 */
	.m_btn_wrap>ul>li>a{height:60px;line-height:60px;padding-left:20px;}
	.m_btn_wrap>ul>li>a .txt{margin-left: 10px;font-size: 18px;word-spacing: -3px;}
	.m_btn_wrap>ul>li>a .arrow{width:56px; height: 56px;}
	.m_btn_wrap>ul>li>a .arrow img {margin: 19px auto;height: 18px;}
	.m_btn_wrap>ul>li>a>img {height: 25px;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	/* 비쥬얼 */
	.m_visual{height:350px;}
	.m_visual .mv_imgWrap .slider li{height:350px;}
	.m_visual .m_copy{bottom:auto;top:100px;}
	.m_visual .m_copy .m_copy_wrap{color:#fff;max-width:1400px;margin:0 auto;text-shadow: 3px 2px 7px rgba(0,0,0,.18);}
	.m_visual .m_copy .m_copy_wrap .eng{font-size: 38px; line-height: 1;}
	.m_visual .m_copy .m_copy_wrap .eng small{font-size:25px;margin-bottom: 7px;}
	.m_visual .m_copy .m_copy_wrap .kor{font-size:18px;line-height:28px;margin-top:20px}
	.m_visual .bx-has-pager{position: absolute;z-index:100;width: 100%;text-align: right;bottom:25px;padding: 0 20px;}
	.m_visual .bx-wrapper .bx-pager{text-align:left;}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;margin:0 13px 0 0}
	.m_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#137adb}
	
	
	/* 공통 */
	.m_title{margin-bottom:15px;font-size:25px;}
	.m_title .eng{display:none;}
	
	/* 제품소개 part1 */
	.m_product{padding:30px 20px;}
	
	/* 제품소개 part2 */
	.m_product2>div{width:100%;float:inherit;}
	.m_product2>div .txt .txt_bx{padding:0 20px!important;}
	
	/* 공지사항 최신글 */
	.m_notice_wrap{padding-top:30px;}
	.m_notice_wrap .m_notice_slider li{height: 270px;}
	.m_notice_wrap .m_notice_slider li>a{padding:20px;}
	.m_notice_wrap .m_notice_slider li>a .subj{font-size:18px;}
	.m_notice_wrap .m_notice_slider li>a .cont{margin:10px 0 20px;font-size:13px;}
	.m_notice_wrap .m_notice_slider li>a .btn_plus{width:40px;height:40px;}
	.m_notice_wrap .m_notice_slider li>a .btn_plus img{margin: 11px auto;height: 19px;}
	.m_notice_wrap .slick-arrow{top:-36px;}
	.m_notice_wrap .slick-arrow.slick-prev{right:35px;}
	.m_notice_wrap .slick-arrow.slick-next{padding:0;}
	.m_notice_wrap .slick-arrow.slick-next:before{display:none;}
	
	/* quick 버튼 */
	.m_btn_wrap{margin:0 0 20px;}
	.m_btn_wrap>ul>li{float:inherit;width:100%;margin:0 0 2px;}
	
}

/* ************************ 모바일 (0~400) ************************ */
@media screen and (max-width: 400px) {
	.m_product2>div .txt .txt_bx .explain br{display:none;}
}