@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; color:#a17238; font-family: 'MaruBuriSemiBold';}
.m_tt {font-size:20px; text-align:center; margin-top:20px}
.info h3 {font-size:20px; font-family: 'MaruBuriSemiBold';}

/*메인 비주얼*/
@keyframes mainCopyFade {
	0% {opacity:0; filter: blur(0px);}
	100% {opacity:1; filter: blur(0px);}
}

.main_visual {overflow:hidden; display:flex; align-items:center; position:relative; height:100vh; text-align:center;}
.m_visual .background::before { background-image: url('../images/m_visual01.jpg'); }
.mv_img .background {position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; animation:subvisualFadeIn ease .85s forwards;}
.mv_img .background::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transform:scale(1.1); animation:3s subvisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; }
.visual_area .mv_listbox .mv_img {margin:0 auto; height:100vh; text-align:left; padding-left:0;}
.visual_area .mv_listbox .mv_img.m_visual {color:#fff;}
.visual_area .mv_listbox .mv_img.m_visual .inner{position:absolute; top:40%; left:10%;}
.visual_area .mv_listbox .mv_img.m_visual span {color:#a17238;}
.visual_area .mv_listbox .mv_img.m_visual strong {font-family: 'MaruBuriSemiBold';}
.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:72px; line-height:1.0; animation:mainCopyFade 2s ease-out 1s 1 forwards;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt02 {font-size:72px; margin-top:20px; line-height:1.0; animation:mainCopyFade 2s ease-out 2s 1 forwards;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt03 {font-size:32px; 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;}
.main_comp h2 {font-size:54px; color:#000; font-family: 'MaruBuriSemiBold';}
.main_comp p {font-size:20px; margin-top:30px;}
.main_comp .inner {display:flex;}
.main_comp .right {padding:20px 0 0 160px;}
.main_comp .right .btn_go {display:inline-block; background:#b32825; width:78px; height:78px; line-height:78px; border-radius:50%; text-align:center; margin-top:40px;}
.main_comp .right .btn_go i {color:#fff; }

/*메인::사업소개*/
.main_busi {}
.main_busi .m_h2 {color:#a17238; font-family: 'MaruBuriSemiBold';}
.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;}
.busi_list .item-inner .info h3,.busi_list .item-inner .info .icon {transition: all 0.5s;}
.busi_list .item-inner .info .icon {display:inline-block; width:240px; height:280px; text-align:center; margin-bottom:20px;}
.busi_list .item-inner .info .busi_ic01 {background: url("../images/busi_ic01.png") bottom no-repeat;}
.busi_list .item-inner .info .busi_ic02 {background: url("../images/busi_ic02.png") bottom no-repeat;}
.busi_list .item-inner .info .busi_ic03 {background: url("../images/busi_ic03.png") bottom no-repeat;}
.busi_list .item-inner .info .busi_ic04 {background: url("../images/busi_ic04.png") bottom no-repeat;}
.busi_list .item-inner .info .more {margin:35px auto 0;}
.busi_list .item-inner .info:hover .more {border:none; background:#845d32;}
.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 {margin-top:-120px;}
.main_notice ul {margin-top:50px;}
.main_notice ul li {border-top:2px solid #a17238; 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:#a17238; font-weight:700;}
.main_notice ul li .txt {flex:1; min-width:0;}
.main_notice ul li .txt dt {font-size:20px; 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;}

.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 .inner{left:5%;}
	.visual_area .mv_listbox .mv_img {padding-left:15px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 {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;}

	.main_comp .inner {display:block;}
	.main_comp .left,.main_comp .right {text-align:center;}
	.main_comp .right {padding:0 0;}
}
@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;}
	.main_comp .right .btn_go {width:54px; height:54px; line-height:54px;  margin-top:20px;}

	.m_h2 {font-size:36px; line-height:32px;}
	.m_tt {font-size:15px; margin-top:10px;}
	.info h3 {font-size:24px;}
	.more_s1 {width:60px; height:60px; font-size:16px;}

	.main_comp .left img {width:80%;}
	.main_comp .right img {width:40%;}
	.main_comp h2 {font-size:36px;}
	.main_comp p {font-size:15px; margin-top:15px;}

	.busi_list .item-inner {width:100%;}
	.busi_list {margin-top:0;}
	.busi_list .item-inner .info {margin-top:0px}
	.busi_list .item-inner .info p {padding-top:5px; font-size:15px}
	.busi_list .item-inner .info .more {margin:15px auto 0;}
	.busi_list .item-inner .info .icon {margin-bottom: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 {margin-top:-50px;}
	.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{font-size:40px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt02{font-size:40px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt03{font-size:16px;}
	
	.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;}
}