@charset "UTF-8";

.m_set:after,
.m_set .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_set .inner {padding:140px 0;}
.m_fix {overflow:hidden !important;}
.m_h2 {font-size:72px; line-height:68px; text-align:center; font-weight:500;}
.m_tt {font-size:18px; text-align:center; margin-top:20px}
.info h3 {font-size:30px; font-weight:600}

/*메인 비주얼*/
@keyframes mainCopyFade {
	0% {opacity:0; filter: blur(0px);}
	100% {opacity:1; filter: blur(0px);}
	}
.main_visual {position:relative; width:100%; height:100vh;}
.visual_area {display:block; position:relative; width:100%;}
.visual_area .mv_listbox .mv_img {margin:0 auto; height:100vh; text-align:left; line-height:1.1; padding-left:10%;}
.visual_area .mv_listbox .mv_img.m_visual {background:url(../images/m_visual01.jpg) 50% 50% no-repeat; background-size:cover; color:#fff;}
.visual_area .mv_listbox .mv_img.m_visual .visual_img {position:absolute; width:100%; text-align:right; top:60px;}
.visual_area .mv_listbox .mv_img.m_visual span {color:#01b4e5;}
.visual_area .mv_listbox .mv_img.m_visual strong {font-weight:700;}
.visual_area .mv_listbox .mv_img.m_visual p {text-shadow:1px 1px 1px rgba(0,0,0,0.1); opacity:0; filter: blur(0px);}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 {font-size:80px; padding-top:28%; animation:mainCopyFade 2s ease-out 1s 1 forwards;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt02 {font-size:72px; margin-top:0; animation:mainCopyFade 2s ease-out 2s 1 forwards;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt03 {font-size:24px; margin-top:40px; animation:mainCopyFade 2s ease-out 3.3s 1 forwards;}

/*메인::회사소개*/
.main_comp {background:url(../images/comp_bg.jpg) no-repeat; background-size:cover;}
.company_list {display:flex; flex-flow:row wrap; margin-top:40px;}
.company_list .item-inner {margin-left:2%; width:23.5%; flex-shrink:0; transition: all 0.8s;}
.company_list .item-inner:nth-child(4n+1) {margin-left:0}
.company_list .item-inner .info {position:relative; height:400px; width:100%; display:block; text-align:center; padding:80px 0; color: #fff;}
.company_list .item-inner .info .more {margin:130px auto 0;}
.company_list .item-inner .info:hover .more {border:none; background:#01b4e5;}
.company_list .item-inner:nth-child(1) .bgpt {background: url("../images/comp_img01.jpg") no-repeat;}
.company_list .item-inner:nth-child(2) .bgpt {background: url("../images/comp_img02.jpg") no-repeat;}
.company_list .item-inner:nth-child(3) .bgpt {background: url("../images/comp_img03.jpg") no-repeat;}
.company_list .item-inner:nth-child(4) .bgpt {background: url("../images/comp_img04.jpg") no-repeat;}

/*메인::사업소개*/
.main_busi {background:url(../images/busi_bg.jpg) no-repeat; background-size:cover; }
.main_busi .m_h2,.main_busi .m_tt {color:#fff}
.busi_list .slick-prev, 
.busi_list .slick-next {width:48px; height:48px; border-radius:100%; z-index:9; margin-top:4%;}
.busi_list .slick-prev {left:-10px;}
.busi_list .slick-next {right:-10px;}
.busi_list .slick-prev:hover,
.busi_list .slick-prev:focus,
.busi_list .slick-next:hover,
.busi_list .slick-next:focus {background:#00bbf4;}
.busi_list .slick-prev:before, 
.busi_list .slick-next:before {transition: all ease 0.2s 0s; font-size:24px; font-family:'xeicon';}
.busi_list .slick-prev:before {content:'\e93b'; margin-left:-3px;}
.busi_list .slick-next:before {content:'\e93e'; margin-right:-3px;}

.busi_list {display:flex; flex-flow:row wrap; display:block; margin-top:40px;}
.busi_list .item-inner {flex-shrink:0; transition: all 0.8s;}
.busi_list .item-inner .info {position:relative; width:100%; display:block; text-align:center; color:#fff; margin-top:100px}
.busi_list .item-inner .info h3,.busi_list .item-inner .info .icon {transition: all 0.5s;}
.busi_list .item-inner .info p {padding-top:20px; transition: all 0.5s;}
.busi_list .item-inner .info .icon {display:inline-block; width:80px; height:80px; text-align:center;}
.busi_list .item-inner .info .busi_ic01 {background: url("../images/busi_ic01.png") no-repeat;}
.busi_list .item-inner .info .busi_ic02 {background: url("../images/busi_ic02.png") no-repeat;}
.busi_list .item-inner .info .busi_ic03 {background: url("../images/busi_ic03.png") no-repeat;}
.busi_list .item-inner .info .more {margin:35px auto 0;}
.busi_list .item-inner .info:hover .more {border:none; background:#01b4e5;}
.busi_list .item-inner a:hover .icon,.busi_list .item-inner a:hover h3,.busi_list .item-inner a:hover p {transform: translateY(-30px);}

/*메인::공지사항*/
.main_notice ul {margin-top:50px;}
.main_notice ul li {border-top:2px solid #2947CA; border-bottom:1px solid #555;}
.main_notice ul li + li {border-top:0;}
.main_notice ul li a {display:flex; align-items:center; padding:35px 0;}
.main_notice ul li .day {text-align:center; width:150px; flex:0 0 auto;}
.main_notice ul li .day dt {font-size:30px; color:#2947CA; font-weight:700;}
.main_notice ul li .txt {flex:1; min-width:0;}
.main_notice ul li .txt dt {font-size:20px; font-weight:500; padding-top:5px;}
.main_notice ul li .txt dd {color:#666; margin-top:10px;}
.main_notice ul li .txt dt,.main_notice ul li .txt dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*메인::Store*/
.main_store {border-top: 1px solid #ccc;}
.store_list {display:flex; flex-flow:row wrap; justify-content: center; margin-top:40px;}
.store_list .item-inner {margin-left:2%; width:23.5%; flex-shrink:0;}
.store_list .item-inner:nth-child(4n+1) {margin-left:0}
.store_list .item-inner .img {background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.store_list .item-inner dl {background-color:#fff; padding:20px;}
.store_list .item-inner dl dt {font-size:16px; font-weight:500;}
.store_list .item-inner dl dd {font-size:14px; color:#666;}

.more_s1 {width:72px; height:72px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255, 255, 255, 0.3); border-radius:50%; font-size:18px; transition: all 0.8s;}

/*media query*/
@media screen and (max-width:1280px) {
	.m_set .inner {padding:70px 15px;}
	.visual_area .inner .mv_txt {left:5%;}
}
@media screen and (max-width:1024px) {
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 {padding-top:40%; font-size:60px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt02 {font-size:54px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt03 {font-size:20px;}
}
@media screen and (max-width:960px) {
	.company_list{margin-top:20px;}
	.company_list .item-inner,.store_list .item-inner{margin:0 0 10px 2%;  margin-bottom:2%; width:49%;}
	.company_list .item-inner:nth-child(4n+1),.company_list .item-inner:nth-child(4n+3){margin-left:0}
	.store_list .item-inner:nth-child(4n+1),.store_list .item-inner:nth-child(4n+3){margin-left:0}
}
@media screen and (max-width:768px) {
	.visual_area .mv_listbox .mv_img.m_visual {background:url(../images/m_visual01.jpg) center center no-repeat; background-size:cover;}
	.visual_area .mv_listbox .mv_img.m_visual .visual_img img{width:300px} 
	.m_h2 {font-size:36px; line-height:32px;}
	.m_tt {font-size:13px; margin-top:10px;}
	.info h3 {font-size:24px;}
	.more_s1 {width:60px; height:60px; font-size:16px;}

	.busi_list .item-inner {width:100%;}
	.busi_list {margin-top:0;}
	.busi_list .item-inner .info {margin-top:50px}
	.busi_list .item-inner .info p {padding-top:5px; font-size:14px}
	.busi_list .item-inner .info .more {margin:15px auto 0;}
	.busi_list .item-inner a:hover .icon,.busi_list .item-inner a:hover h3,.busi_list .item-inner a:hover p {transform: translateY(-10px);}

	.main_notice ul {margin-top:25px;}
	.main_notice ul li a {padding:15px 15px 15px 0;}
	.main_notice ul li .day {width:80px;}
	.main_notice ul li .day dt {font-size:22px; line-height:24px;}
	.main_notice ul li .txt dt {font-size:16px;}
	.main_notice ul li .txt dd {font-size:13px; margin-top:0;}

	.store_list .item-inner dl {padding:10px 15px;}
	.store_list .item-inner dt {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media screen and (max-width:640px) {
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt01{padding-top:70%; font-size:40px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt02{font-size:36px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt03{font-size:14px;}
	
	.company_list .item-inner .info {height:280px; padding:40px 0;}
	.company_list .item-inner .info .more {margin:80px auto 0;}
}
@media screen and (max-width:480px) {
	.store_list {justify-content:flex-start; margin-top:20px;}
}