@media (min-width: 1200px) {
	#mainvisual { width:100%; height:550px; overflow-x:hidden; } /*margin-top:158px;*/
	.visual_pc_area { display:block; margin:0 auto; }
	.swiper-container .swiper-slide { width:1200px; }
	.swiper-container .swiper-slide img { width:100%; }
	.swiper-container .swiper-button-next { left: 50%; margin-left: 525px; right:auto; width: 50px; height: 50px; }
	.swiper-container .swiper-button-prev { left: 50%; margin-left: -575px; width: 50px; height: 50px; }
	.visual_pc_area .swiper-button-prev { background:url("../images/main/arrow_next.svg") no-repeat; opacity:.5; }
	.visual_pc_area .swiper-button-next { background:url("../images/main/arrow_prev.svg") no-repeat; opacity:.5; }
}

@media (min-width: 768px) and (max-width: 1199px) {
	#mainvisual { padding:0 15px; }
	.swiper-container .swiper-slide { width:100%; }
	.swiper-container .swiper-slide img { width:100%; }
}

@media (min-width: 481px) and (max-width: 767px) {
	#mainvisual { padding:0 15px; margin-top:124px; }
	.swiper-container .swiper-slide { width:100%; }
	.swiper-container .swiper-slide img { width:100%; }
}

@media all and (min-width : 481px) and (max-width: 1199px) {
	.visual_mobile_area { display:none; }
	.swiper-container .swiper-button-next { left: 50%; margin-left:calc(50% - 80px); right:auto; width: 50px; height: 50px; }
	.swiper-container .swiper-button-prev { left: 50%; margin-left:calc(-50% + 30px); width: 50px; height: 50px; }
	.visual_pc_area .swiper-button-prev { background:url("../images/main/arrow_next.svg") no-repeat; opacity:.5; }
	.visual_pc_area .swiper-button-next { background:url("../images/main/arrow_prev.svg") no-repeat; opacity:.5; }
}

/* 모바일 Visual */
@media all and (max-width : 480px) {
	#mainvisual { width:100%; margin-top:114px; }
	.visual_pc_area { display:none; }
	.visual_mobile_area { display:block; margin:0 auto; height: 430px; position:relative; width:100%; }
	.swiper-container { width: 100%; height: 430px; margin-left: auto; margin-right: auto; }
	.swiper-slide { text-align: center;font-size: 18px; background-size: cover ! important; background-position: center !important;
		display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
	.swiper-container .swiper-slide a {display:block;  width:100%; height:100%; }
	.swiper-container .swiper-button-next { left: 50%; margin-left:calc(50% - 60px); right:auto; width: 50px; height: 50px; }
	.swiper-container .swiper-button-prev { left: 50%; margin-left:calc(-50% + 10px); width: 50px; height: 50px; }
	.visual_mobile_area .swiper-button-prev { background:url("../images/main/arrow_next.svg") no-repeat; opacity:.5; }
	.visual_mobile_area .swiper-button-next { background:url("../images/main/arrow_prev.svg") no-repeat; opacity:.5; }
	.visual_mobile_area .swiper-pagination-bullets { display:none; }
}

#mainWrap { width:100%; }
.contentBox { max-width:1200px; margin:0 auto; text-align:center; }
.mainQuick {width:100%;margin-bottom:50px;padding-top:50px;text-align:center;}
.mainQuick:after { content:''; display:block; clear:both; }
.mainQuick li {float:left;width:16.6%;margin:0;padding:0;height: 90px;}
.mainQuick li a { display:block; }
.mainQuick li .quickIcon {display:block; position: relative; width: 60px; height: 60px; margin: auto;}
.mainQuick li img.icon { position: absolute; top: 0; left: calc(50% - 30px); width:60px; transition: opacity 0.5s; }
.mainQuick li img.icon.icon_default { opacity: 1; }
.mainQuick li img.icon.icon_hover { opacity: 0; }
.mainQuick li:hover img.icon.icon_default { opacity: 0; }
.mainQuick li:hover img.icon.icon_hover { opacity: 1; }

.mainQuick li .quickTit {position: relative;display:block;width: 100%;height: 20px;text-align: center;margin-top: 10px;}
.mainQuick li .quickTit p { position: absolute; top: 0; width: 100%; text-align: center; font-family:engSemi, korBold; font-size:16px; color:#333; transition: all 0.5s; }
.mainQuick li .quickTit .tit_default { opacity: 1; }
.mainQuick li .quickTit .tit_hover { opacity: 0;}
.mainQuick li:hover .quickTit .tit_default { opacity: 0; }
.mainQuick li:hover .quickTit .tit_hover { opacity: 1; scale: 1.125;}

.mainQuick li:nth-of-type(1) .quickTit .tit_hover {color: #FBB503;}
.mainQuick li:nth-of-type(2) .quickTit .tit_hover {color: #E04FFF;}
.mainQuick li:nth-of-type(3) .quickTit .tit_hover {color: #FF6464;}
.mainQuick li:nth-of-type(4) .quickTit .tit_hover {color: #3984F4;}
.mainQuick li:nth-of-type(5) .quickTit .tit_hover {color: #FF8E4F;}
.mainQuick li:nth-of-type(6) .quickTit .tit_hover {color: #46CB65;}

.mainNews { width:100%; line-height:36px; border:1px solid #e6e6e6; border-radius:20px; /* margin-bottom:50px; */ text-align:left; padding:15px 30px;font-size:18px; }
.mainNews:after { content:''; display:block; clear:both; }
.mainNews div { height:36px; }
.mainNews .noticeTit {float:left; color:#333; margin-right:20px; padding-right:20px; font-family:engSemi; text-transform:uppercase;background:url('../images/common/blt02.gif') no-repeat right 3px top 10px; }
.mainNews .noticeList {float:left; margin-right:20px; padding-right:10px; font-family:engMed, korMed; width:calc(100% - 210px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.5px;  }
.mainNews .noticeList a { color:#333;  line-height:24px;}
.mainNews .noticeList a:hover { display:inline-block; background: linear-gradient(to top, #fff282 50%, transparent 50%);}
.mainNews .newBtn {float:left; }
.mainNews .newBtn a.moreBtn {display:block;font-family:engMed, korMed; font-size:16px; color:#333; padding-right:30px; background:url('../images/common/icon_morebtn.svg') no-repeat right top 5px; background-size:22px 22px; transition: 0.5s;  }
.mainNews .newBtn a.moreBtn:hover {opacity:.7; }

@media  (max-width: 1024px) {
	.mainQuick li { width:33.3%; margin-bottom: 30px;}
}

@media  (max-width: 768px) {
	#mainWrap { box-sizing:border-box; padding:0 15px; }
	.mainQuick { margin-bottom:20px; padding-top:30px; }
	.mainQuick li { width:50%;  margin-bottom:30px; }
	/* .mainQuick li:last-child {float:left; text-align:center;  width:100%; border:1px solid #e6e6e6; border-radius:20px; margin:40px 0 0; padding:20px; line-height:55px; }
	.mainQuick li:last-child .quickTit, .mainQuick li:last-child .quickDisc { display:none; }
	.mainQuick li:last-child div {display:inline-block;  }
	.mainQuick li:last-child .quickIcon { margin-right:5vw; }
	.mainQuick li:last-child .eSmart {display:inline-block; vertical-align:middle; line-height:12px; padding-top:8px;  }
	.mainQuick li:last-child .eSmart .esmartLogo {float:left;  margin-right:5vw;    }
	.mainQuick li:last-child .eSmart .quickMtit {float:left; text-align:left; font-family:engMed, korBold; font-size:16px; height:auto; color:#b2b2b2; line-height:12px; }
	.mainQuick li:last-child .eSmart .quickMtit span {float:left; margin-top:10px;  color:#333; } */
}

@media (max-width: 680px) {
	/* .mainQuick li { width:50%; margin-bottom: 30px;  }
	.mainQuick li:last-child {margin-top:10px}
	.mainQuick li:last-child .quickIcon {float:left; width:35%; margin-right:0; }
	.mainQuick li:last-child .eSmart {float:left; width:65%;  vertical-align:middle; line-height:12px; padding-top:0; }
	.mainQuick li:last-child .esmartLogo {float:left; width:100%; margin-bottom:10px;  text-align:left; }
	.mainQuick li:last-child .quickMtit {float:left;  width:100%; } */

	.mainNews {  line-height:36px; padding:15px 15px;font-size:14px;  }
	.mainNews div { height:36px; }
	.mainNews .noticeTit { margin-right:10px; padding-right:0; background:none; }
	.mainNews .noticeList { margin-right:0; padding-right:10px; width:calc(100% - 104px);  }
	.mainNews .noticeList a { color:#333; font-size: 14px; /* 2022-02-14 수정*/ }
	.mainNews .newBtn a.moreBtn { font-size:14px; padding-right:0; text-indent:100%; white-space:nowrap; overflow:hidden; background:url('../images/common/icon_morebtn.svg') no-repeat right top 6px; background-size:22px 22px;   }
}
@media all and (max-width : 480px) {
	.mainNews .swiper-slide {-webkit-justify-content: flex-start; justify-content: flex-start;}  /* 2022-02-14 추가*/
}

/* @media (max-width: 414px) { 
	.mainQuick li:last-child .quickIcon {width:90px; margin-right:10px; }
	.mainQuick li:last-child .eSmart {width:calc(100% - 100px); }
	.mainQuick li:last-child .eSmart .quickMtit {font-size: 14px; }
}
@media (max-width: 375px) { 
	.mainQuick li:last-child .quickIcon {width:70px; margin-right:10px; }
	.mainQuick li:last-child .eSmart {width:calc(100% - 80px); }
	.mainQuick li:last-child .esmartLogo img {width:90% }
}
@media (max-width: 320px) { 
	.mainQuick li:last-child .quickIcon {width:50px; margin-right:5px; }
	.mainQuick li:last-child .quickIcon img {width:100%; }
	.mainQuick li:last-child .eSmart {width:calc(100% - 55px); }
	.mainQuick li:last-child .esmartLogo img {width:90% }
	.mainQuick li:last-child .eSmart .quickMtit {font-size:14px;  line-height:12px; }
} */