@charset "UTF-8";
/* common */
.swiper-pagination{display:inline-block; position:relative; text-align:center;}
.swiper-pagination-bullet{display:inline-block; width:10px; height:10px; margin:0 3px; background:#b5b5b5; border-radius:50%; opacity:1; vertical-align:middle;}
.swiper-pagination-bullet:focus, .swiper-pagination-bullet:hover{}
.swiper-pagination-bullet-active{position:relative; width:14px; height:14px; margin:0 3px; background:#a40f16; border:none; opacity:1;}
.swiper-pagination-bullet-active:focus, .swiper-pagination-bullet-active:hover{}

/* visual */
#mainVisual{clear:both; position:relative; width:2880px;left:50%;transform:translateX(-50%);min-width:1200px; background:transparent; overflow:hidden;}
#mainVisual:after{content:''; clear:both; display:block;}
#mainVisual .inner{padding:0;height:100%;}
#mainVisual .inner:after{content:'';display:block;clear:both;}
#mainVisual .swiper-container{width:100%; min-width:1200px;height:520px;}

#mainVisual .swiper-container .swiper-wrapper{min-width:1200px !imporant;}
#mainVisual .swiper-container .bg01{background:url('../images/main/main_visual_01.jpg') no-repeat center top; background-size:cover;text-indent:-9999px;}
#mainVisual .swiper-container .bg02{background:url('../images/main/main_visual_02.jpg') no-repeat center top; background-size:cover;text-indent:-9999px;}
#mainVisual .swiper-container .bg03{background:url('../images/main/main_visual_03.jpg') no-repeat center top; background-size:cover;text-indent:-9999px;}
#mainVisual .swiper-container .bg04{background:url('../images/main/main_visual_04.jpg') no-repeat center top; background-size:cover;text-indent:-9999px;}
#mainVisual .swiper-container .bg05{background:url('../images/main/main_visual_05.jpg') no-repeat center top; background-size:cover;text-indent:-9999px;}

#mainVisual .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
#mainVisual .swiper-slide:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:9;background:rgba(0,0,0,.6);}
#mainVisual .swiper-slide.swiper-slide-active{width:960px !important;}
#mainVisual .swiper-slide.swiper-slide-active:after{display:none;}
#mainVisual .swiper-slide .txtBox{display:none;text-indent:0;position:absolute; width:auto; max-width:100%; min-width:70%; top:50%;left:50%; padding:1em 1.25em; background:rgba(0,0,0,.4); transform:translate(-50%,-50%);text-align:center; cursor:default; z-index:2;}
#mainVisual .swiper-slide .txtBox p{width:100%; line-height:1.66; font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size:28px; font-weight:500; letter-spacing:-0.005em;color:#fff;text-shadow:1px 1px #000;word-break:keep-all;}
#mainVisual .swiper-slide.swiper-slide-active .txtBox{display:block;}
#mainVisual .bgBox{position:absolute; width:100%; height:100%;bottom:0; cursor:default; z-index:2;}
#mainVisual .bgBox .pager{position:absolute;bottom:20px; left:50%; width:100%;transform:translateX(-50%);text-align:center;}
#mainVisual .bgBox .pager .swiper-pagination-bullet{font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;width:auto;height:auto;background:none;color:#fff;font-size:16px;font-weight:600;margin:0 10px 0 0;}
#mainVisual .bgBox .pager .swiper-pagination-bullet:last-child{margin-right:0 !important;}
#mainVisual .bgBox .pager .swiper-pagination-bullet:hover,#mainVisual .bgBox .pager .swiper-pagination-bullet:focus{color:#ffb400;}
#mainVisual .bgBox .pager .swiper-pagination-bullet-active{width:auto;height:auto;background:none;margin:0 10px 0 0;color:#ffb400;}
#mainVisual .bgBox .pager .swiper-pagination-bullet-active:after{content:'';display:inline-block;width:70px;height:2px;vertical-align:middle;margin-top:-3px;background:#ffb400;margin-left:8px;}
#mainVisual .bgBox .navi .swiper-button-prev,#mainVisual .bgBox .navi .swiper-button-next{width:70px;height:15px;margin-top:0;transform:translateY(-50%);}
#mainVisual .bgBox .navi .swiper-button-prev{background:url('../images/main/prev.png') no-repeat center center;left:70px;background-size:100%;}
#mainVisual .bgBox .navi .swiper-button-next{background:url('../images/main/next.png') no-repeat center center;right:70px;background-size:100%;}

#mainContents .area01{}
#mainContents .area01 ul{width:100%;padding:20px 0;}
#mainContents .area01 ul:after{content:'';display:block;clear:both;}
#mainContents .area01 ul li{float:left;width:16.6%;}
#mainContents .area01 ul li a{display:block;padding:30px;text-align:center;}
#mainContents .area01 ul li a p.link_icon{display:block;width:80px;height:80px;margin:0 auto 20px;transition:all .2s;}
#mainContents .area01 ul li.link01 a .link_icon{background:url('../images/main/link_icon01.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link02 a .link_icon{background:url('../images/main/link_icon02.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link03 a .link_icon{background:url('../images/main/link_icon03.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link04 a .link_icon{background:url('../images/main/link_icon04.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link05 a .link_icon{background:url('../images/main/link_icon05.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link06 a .link_icon{background:url('../images/main/link_icon06.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link01:hover a .link_icon{background:url('../images/main/link_icon01_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link02:hover a .link_icon{background:url('../images/main/link_icon02_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link03:hover a .link_icon{background:url('../images/main/link_icon03_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link04:hover a .link_icon{background:url('../images/main/link_icon04_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link05:hover a .link_icon{background:url('../images/main/link_icon05_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li.link06:hover a .link_icon{background:url('../images/main/link_icon06_h.png') no-repeat center center;background-size:100%;}
#mainContents .area01 ul li a span{font-size:17px;line-height:1.2;word-break:keep-all;}

#mainContents .area02{width:100%;padding:50px 0;background:url('../images/main/area02_bg.jpg') no-repeat center center;background-size:cover;}
#mainContents .area02 .boxArea{display:flex;justify-content: space-between;}
#mainContents .area02 .box{flex:1 1 30%;position:relative;/* width:373.18px;float:left; */min-height:404px;margin-right:30px;background:#fff;}
#mainContents .area02 .box:last-child{margin-right:0;}
#mainContents .area02 .box a{display:block;}
#mainContents .area02 .box a:after{content:'';display:block;clear:both;}
#mainContents .area02 .box a .box_img{width:100%;height:240px;}
#mainContents .area02 .box01 a .box_img{background:url('../images/main/box_img01.jpg') no-repeat center center;background-size:cover;}
#mainContents .area02 .box02 a .box_img{background:url('../images/main/box_img02.jpg') no-repeat center center;background-size:cover;}
#mainContents .area02 .box03 a .box_img{background:url('../images/main/box_img03.jpg') no-repeat center center;background-size:cover;}
#mainContents .area02 .box a .txt{text-align:center;padding:30px;}
#mainContents .area02 .box a .txt strong{font-size:20px;font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;font-weight: 500;}
#mainContents .area02 .box a .txt p{margin-top:20px;font-size:16px;line-height:1.4;word-break: keep-all;}
#mainContents .area02 .box a .box_hover{display:block;position:absolute;top:100%;left:0;background:rgba(85,90,54,0.9);width:100%;height:0;opacity:0;transition:all .2s ease-in-out;}
#mainContents .area02 .box:hover a .box_hover{opacity:1;height:100%;top:0;}
#mainContents .area02 .box a .box_hover .plus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:Center;}
#mainContents .area02 .box a .box_hover .plus .icon{width:70px;height:70px;background:url('../images/main/plus.png') no-repeat center center;margin:0 auto 30px;background-size:100%;}
#mainContents .area02 .box a .box_hover .plus span{font-size:22px;color:#fff;}

#mainContents .area03{width:100%;padding:50px 0;}
#mainContents .area03:after{content:'';clear:both;display:block;}
#mainContents .area03 .bannerArea{display:flex;justify-content: space-between;}
#mainContents .area03 .banner{flex:1 1 50%;width:50%;position:relative;/* width:575px; */height:282px;float:left;padding:30px;margin-right:30px;}
#mainContents .area03 .banner:last-child{margin-right:0;}
#mainContents .area03 .banner h2{font-size:28px;font-weight:600;margin-bottom:30px;color:#fff;font-family:'Noto Serif KR','Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;}
#mainContents .area03 .banner.info{margin-right:30px;background:#82705b;}
#mainContents .area03 .banner.info:after{content:'';position:absolute;width:210px;height:222px;top:30px;right:30px;background:url('../images/main/info_bg.png') no-repeat center center;background-size:100%;}
#mainContents .area03 .banner.info ul li{margin-bottom:5px;font-size:18px;color:#f7eee4;font-weight:400;}
#mainContents .area03 .banner.info ul li span.tit{display:inline-block;width:75px;height:25px;line-height:25px;font-size:18px;background:#5f4f3d;color:#fff;margin-right:15px;text-align:Center;}
#mainContents .area03 .banner.info p{margin-top:18px;font-size:16px;color:#fbe5b1;}
#mainContents .area03 .banner.button{background:#6b7148;}
#mainContents .area03 .banner.button ul{display:flex;justify-content: space-between;}
#mainContents .area03 .banner.button ul li{flex:1 1 20%;/* float:left;width:23.8%; */margin-right:8px;height:150px;background:#555a36;text-align:center;transition:all .2s ease-in-out;}
#mainContents .area03 .banner.button ul li:last-child{margin-right:0;}
#mainContents .area03 .banner.button ul li:hover{box-shadow:2px 2px 5px #404521;}
#mainContents .area03 .banner.button ul li a{display:block;padding:20px;}
#mainContents .area03 .banner.button ul li a p.btn_icon{width:70px;height:70px;margin:0 auto 20px;overflow:hidden;transition:all .2s ease-in-out;}
#mainContents .area03 .banner.button ul li.link01 a p.btn_icon{background:url('../images/main/btn_icon01.png') no-repeat center center;background-size:100%;}
#mainContents .area03 .banner.button ul li.link02 a p.btn_icon{background:url('../images/main/btn_icon02.png') no-repeat center center;background-size:100%;}
#mainContents .area03 .banner.button ul li.link03 a p.btn_icon{background:url('../images/main/btn_icon03.png') no-repeat center center;background-size:100%;}
#mainContents .area03 .banner.button ul li.link04 a p.btn_icon{background:url('../images/main/btn_icon04.png?ver=250416') no-repeat center center;background-size:100%;}
#mainContents .area03 .banner.button ul li a span{font-size:18px;color:#fff;word-break:keep-all;line-height:1.2;}


@media only screen and (max-width:1279px){
	#mainVisual{width:100%;min-width:auto;left:inherit;transform: inherit;}
	#mainVisual .swiper-container{min-width:auto;}
	#mainVisual .swiper-container .swiper-wrapper{min-width:auto !imporant;}
	#mainVisual .swiper-slide.swiper-slide-active{width:100% !important;}
	#mainVisual .bgBox .navi .swiper-button-prev{left:0;}
	#mainVisual .bgBox .navi .swiper-button-next{right:0;}

	#mainContents .area02 .box{min-height:auto;}
	#mainContents .area02 .box a .box_img{height:auto;padding-bottom:60%;}
	#mainContents .area02 .box a .txt p br{display:none;}

	#mainContents .area03 .banner.button ul li{width:20%;}
	#mainContents .area03 .banner.button ul li a span{font-size: 1.063rem;}
	#mainContents .area03 .banner.button ul li a p.btn_icon{width:60px;height:60px;}

	#mainContents .area03 .banner.info:after{width:170px;height:182px;top:22%;opacity:0.2;}
}

@media only screen and (max-width:1023px){
	#mainVisual .swiper-container{height:480px;}
	#mainVisual .swiper-slide .txtBox{min-width:80%;}
	#mainVisual .swiper-slide .txtBox p{font-size:1.625rem;}
	#mainVisual .bgBox .navi .swiper-button-prev,#mainVisual .bgBox .navi .swiper-button-next{width:50px;height:10px;}
	#mainVisual .bgBox .navi .swiper-button-prev{left:10px;}
	#mainVisual .bgBox .navi .swiper-button-next{right:10px;}
	
	#mainContents .area01 ul li a{padding:30px 10px;}
	#mainContents .area01 ul li a p.link_icon{width:70px;height:70px;}
	#mainContents .area01 ul li a span{font-size:1rem;}

	#mainContents .area02 .box{margin-right:20px;}
	#mainContents .area02 .box a .txt{padding:30px 10px;}
	#mainContents .area02 .box a .txt strong{font-size:1.125rem;}
	#mainContents .area02 .box a .txt p{font-size:0.938rem;}
	#mainContents .area02 .box a .box_hover .plus .icon{width:60px;height:60px;}
	#mainContents .area02 .box a .box_hover .plus span{font-size:1.25rem;}

	#mainContents .area03 .banner{height:auto;}
	#mainContents .area03 .banner h2{font-size:1.625rem;margin-bottom:24px;}
	#mainContents .area03 .banner.info ul li{margin-bottom:20px;font-size:1.063rem;}
	#mainContents .area03 .banner.info ul li span.tit{font-size:1.063rem;}
	#mainContents .area03 .banner.info:after{top:40%;}
	
	#mainContents .area03 .banner.button ul{flex-wrap:wrap;}
	#mainContents .area03 .banner.button ul li{width:50%;flex: 1 1 40%;height:auto;margin-bottom:8px;}
	#mainContents .area03 .banner.button ul li:nth-child(2n){margin-right:0;}
	#mainContents .area03 .banner.button ul li:nth-child(n + 3){margin-bottom:0;}
	#mainContents .area03 .banner.button ul li a{padding:14px;}
	#mainContents .area03 .banner.button ul li a p.btn_icon{width:50px;height:50px;margin:0 auto 12px;}
	#mainContents .area03 .banner.button ul li a span{font-size:1rem;}
	
} 


@media only screen and (max-width:768px){
	#mainVisual .swiper-container{height:420px;}
	#mainVisual .swiper-slide .txtBox{width:84%; padding:.75em 1em;}
	#mainVisual .swiper-slide .txtBox p{font-size:1.5rem;word-break:keep-all;}
	#mainVisual .bgBox .navi .swiper-button-prev,#mainVisual .bgBox .navi .swiper-button-next{width:40px;height:8px;}
	#mainVisual .bgBox .pager .swiper-pagination-bullet{font-size:0.938rem;}
	#mainVisual .bgBox .pager .swiper-pagination-bullet-active:after{width:50px;}

	#mainContents .area01 ul li{width:33.3%;}
	#mainContents .area01 ul li a{padding:10px 10px 20px 10px;}
	#mainContents .area01 ul li:nth-child(n + 4) a{padding-bottom:10px;}
	#mainContents .area01 ul li a p.link_icon{width:60px;height:60px;}

	#mainContents .area02{padding:30px 0;}
	#mainContents .area02 .boxArea{display:block;}
	#mainContents .area02 .box{margin:0 auto 20px;}
	#mainContents .area02 .box:last-child{margin-bottom:0;margin-right:auto;}
	#mainContents .area02 .box a .txt p{margin-top:14px;}
	#mainContents .area02 .box a .box_img{padding-bottom:45%;}
	#mainContents .area02 .box a .box_hover .plus .icon{width:50px;height:50px;margin:0 auto 20px;}
	#mainContents .area02 .box a .box_hover .plus span{font-size:1.125rem;}

	#mainContents .area03{padding:30px 0;}
	#mainContents .area03 .bannerArea{display:block;}
	#mainContents .area03 .banner{width:100%;padding:24px;}
	#mainContents .area03 .banner h2{font-size:1.5rem;margin-bottom:20px;}
	#mainContents .area03 .banner.info{margin-right:0;margin-bottom:20px;}
	#mainContents .area03 .banner.info:after{width:160px;height:169px;top:30%;}
	#mainContents .area03 .banner.info ul li{margin-bottom:14px;font-size:1rem;text-align:center;}
	#mainContents .area03 .banner.info ul li span.tit{font-size:1rem;margin-right:12px;}
	#mainContents .area03 .banner.info p{font-size:0.938rem;}
	#mainContents .area03 .banner.button ul{display:block;}
	#mainContents .area03 .banner.button ul li{width:100%;height:auto;margin-right:0;margin-bottom:2px;}
	#mainContents .area03 .banner.button ul li:nth-child(n + 3){margin-bottom:2px;}
	#mainContents .area03 .banner.button ul li:last-child{margin-bottom:0;}
	#mainContents .area03 .banner.button ul li a{padding:10px 16px;text-align:left;}
	#mainContents .area03 .banner.button ul li a p.btn_icon{width:35px;height:35px;display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
	#mainContents .area03 .banner.button ul li a span{font-size:1rem;display:inline-block;vertical-align:middle;}

	
}

@media only screen and (max-width:540px){
	#mainVisual .swiper-container{height:340px;}
	#mainVisual .swiper-slide .txtBox p{font-size:1.375rem;}

	#mainContents .area03 .banner h2{font-size:1.375rem;margin-bottom:18px;}
}

@media only screen and (max-width:480px){
	#mainVisual .swiper-container{height:280px;}
	#mainVisual .swiper-slide .txtBox p{font-size:1.25rem;}
	#mainVisual .bgBox .navi .swiper-button-prev,#mainVisual .bgBox .navi .swiper-button-next{width:30px;height:6px;}
	#mainVisual .bgBox .pager .swiper-pagination-bullet-active:after{width:40px;}
	#mainVisual .bgBox .pager .swiper-pagination-bullet{font-size:0.875rem;}

	#mainContents .area01 ul li a{padding:10px 1% 20px 1%;}
	#mainContents .area01 ul li a p.link_icon{width:50px;height:50px;}
	#mainContents .area01 ul li a span{font-size:0.938rem;}
	#mainContents .area02 .box a .box_img{padding-bottom:60%;}

	#mainContents .area03 .banner.info ul li span.tit{width:100%;height:auto;padding:4px 0;line-height:1.4;margin-right:0;margin-bottom:8px;}
	#mainContents .area03 .banner.info:after{display:none;}

}