@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/
.clear:after {content:'';display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.ta_c {text-align:center;}
.ta_l {text-align:left;}
.ta_r {text-align:right;}
.dis_table {display:table;
table-layout:fixed;width:100%;
margin:0;border-collapse:collapse;}
.dis_inb {display:inline-block;}
.dn{display:none;}

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #container {width:100%;margin:0;padding:0;overflow:hidden;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:96px 0 8% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
	/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
	/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
	/* 컨텐츠 전체 가로 사이즈 */
.w_custom {width:1200px;padding-left:15px;padding-right:15px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;position: relative;}
.main_w_custom{width:1400px;margin:0 auto;box-sizing:border-box;position: relative;}

@media only screen and (max-width:1450px) {
	.main_w_custom{width:100%;padding-left:30px;padding-right:30px;}
}
@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;}
	.w_custom{width:100%;padding-left:30px !important;padding-right:30px !important;}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1024px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
	#contents_wrap #contents_box {padding:7% 0 12% 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding: 85px 0 0 0;}
	#contents_wrap #contents_box {padding:7% 0 16% 0;}
}
@media only screen and (max-width:767px) {
	/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
	#contents_wrap #side_box {display:none;}
	.sub_goods #contents_wrap #side_box {display:block;padding:0;}
}
@media only screen and (max-width:640px) {
	.w_custom{width:100%;padding-left:15px !important;padding-right:15px !important;}
	#contents_wrap {width:100%;}
	#contents_wrap #contents_box {padding:10% 0 20% 0;}
	.main_w_custom{padding-right:15px;padding-left:15px;}
}
@media only screen and (max-width:479px) {
}
@media only screen and (max-width:320px) {
	.w_custom {padding-left:10px !important;padding-right:10px !important;}
}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

	#wrap #header {width:100%;margin:0;padding:0;box-sizing:border-box;position:sticky;top:0;left:0;z-index:10;background:#fff;}
	#wrap.sub_service #header {border-bottom:1px solid #ddd;}
	#wrap #header.on{border-bottom:1px solid #ddd;}
	#header .header_cont{box-sizing:border-box;position: relative;padding-left:72px;}
	#header .header_cont:after{clear:both;content:"";display: block;}
	#header .header_cont .hd_logo{width:197px;height:45px;display: inline-block;vertical-align: middle;padding:25px 0;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;font-size:0;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;}
	#header .header_cont .hd_lnb{display: inline-block;vertical-align:middle;font-size:0;margin-left:138px;padding-top:5px;}
	#header .header_cont .hd_lnb li{display: inline-block;vertical-align: top;}
	#header .header_cont .hd_lnb li + li{margin-left:71px;}
	#header .header_cont .hd_lnb li a{font-size:20px;color:#000;font-weight:500;letter-spacing:0.2px;}
	#header .header_cont .hd_lnb li:hover a{color:#009cdc;}

	#header .header_cont .hd_right{float: right;width:100px;height:100px;background:#009cdc;box-sizing:border-box;}
	#header .header_cont .hd_right a{box-sizing:border-box;padding:27px 26px 30px 35px;display: block;width:100%;height:100%;position: relative;}
	#header .header_cont .hd_right a span{display: inline-block;box-sizing:border-box;width:100%;height:2px;background:#fff;position: relative;}
	#header .header_cont .hd_right a span:nth-child(1){top:0;}
	#header .header_cont .hd_right a span:nth-child(2){top:-1px;}
	#header .header_cont .hd_right a span:nth-child(3){bottom:2px;}

	@media only screen and (max-width:1600px){
		#header .header_cont{padding-left:30px;}

		#header .header_cont .hd_lnb{margin-left:70px;}
		#header .header_cont .hd_lnb li + li{margin-left:40px;}
	}
	@media only screen and (max-width:1400px){
		#header .header_cont .hd_lnb{margin-left:40px;}
		#header .header_cont .hd_lnb li + li{margin-left:30px;}
		#header .header_cont .hd_lnb li a{font-size:18px;}
	}
	@media only screen and (max-width:1250px){
		#header .header_cont .hd_logo{width:156px;height:35px;padding:22px 0;}
		#header .header_cont .hd_lnb li a{font-size:15px;}

		#header .header_cont .hd_right{width:80px;height:80px;}
		#header .header_cont .hd_right a{padding:18px 26px 22px 26px;}
	}
	@media only screen and (max-width:1100px){
		#header .header_cont{padding-left:15px;}
		#header .header_cont .hd_lnb{margin-left:20px;}
		#header .header_cont .hd_lnb li + li{margin-left:20px;}
	}
	@media only screen and (max-width:1024px){
		#header .header_cont .hd_lnb{display: none;}
		
	}
	@media only screen and (max-width:640px){
		#header .header_cont .hd_logo{padding:15px 0;width:128px;height:28px;;}

		#header .header_cont .hd_right{width:60px;height:60px;}
		#header .header_cont .hd_right a{padding:11px 20px 15px 20px;}
		#header .header_cont .hd_right a span:nth-child(2){top:-5px;}
		#header .header_cont .hd_right a span:nth-child(3){bottom:10px;}

	}
		
	/* aside */
		#aside {top:0px;right:-600px;width:600px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:#fff;z-index:99;}
		#aside.on {right:0%;}
		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:50;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}
	
		#aside .aside_box{width:100%;height:100%;margin:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:block;}
		#aside .asitde_top{width:100%;box-sizing:border-box;padding-left:40px;display:flex;justify-content: space-between;align-items: center;}
		#aside .asitde_top:after{clear:both;content:"";display: block;}
		#aside .asitde_top .aside_logo{width:197px;height:45px;display: inline-block;vertical-align: middle;margin-right:47%;}
		#aside .asitde_top .aside_logo a{display: block;width:100%;height:100%;font-size:0;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;}
			
		#aside .asitde_top .btn_aside_close{float: right;width:100px;height:100px;background:#009cdc;box-sizing:border-box;}
		#aside .asitde_top .btn_aside_close a{display: block;width:100%;height:100%;position: relative;}
		#aside .asitde_top .btn_aside_close a span{display: inline-block;width:39px;height:2px;background:#fff;position: absolute;top:50%;left:35%;}
		#aside .asitde_top .btn_aside_close a span:nth-child(1){transform:rotate(45deg);}
		#aside .asitde_top .btn_aside_close a span:nth-child(2){transform:rotate(-45deg);}

		#aside .slidemenu{margin-top:71px;box-sizing:border-box;padding-right:20px;}
		#aside .slidemenu .depth1_li > a{font-size:24px;color:#333;font-weight:500;line-height:80px;position: relative;display: block;box-sizing:border-box;padding-left:50px;}
		#aside .slidemenu .depth1_li.group_tit > a:before{width:13px;height:13px;content:"";border:1px solid #333;border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;top:34%;right:19px;transition:all 0.5s;}
		#aside .slidemenu .depth1_li > a:after{width:0;height:2px;content:"";background:#009cdc;position: absolute;left:0;top:38px;transition:all 0.5s;}
		#aside .slidemenu .depth1_li > a.on{color:#009cdc;font-weight:700;}
		#aside .slidemenu .depth1_li.group_tit > a.on:before{transform:rotate(-45deg);border-color:#009cdc;top:45%;transition:all 0.5s;}
		#aside .slidemenu .depth1_li > a.on:after{width:36px;transition:all 0.5s;}
		#aside .slidemenu .depth{display:none;margin:2px 0 32px 50px;}
		#aside .slidemenu .depth .depth2_li a{font-size:22px;color:#5e5f62;font-weight:400;letter-spacing:0.66px;line-height:50px;}

		@media only screen and (max-width:1250px){
			#aside .asitde_top .aside_logo{width:156px;height:35px;margin-right:58%;}
			#aside .asitde_top .btn_aside_close{width:80px;height:80px;}
			#aside .asitde_top .btn_aside_close a span{left:30%;}

			#aside .slidemenu{margin-top:40px;}
		}
		@media only screen and (max-width:640px){
			#aside{width:100%;right:-100%;}
			#aside .asitde_top{padding-left:15px;display: block;}
			#aside .asitde_top .aside_logo{width:128px;height:28px;margin: 0;padding: 15px 0;}
			#aside .asitde_top .btn_aside_close{width:60px;height:60px;}
			#aside .asitde_top .btn_aside_close a span{width:27px;top:49%;left:29%;}

			#aside .slidemenu{margin-top:13px;}
			#aside .slidemenu .depth1_li > a{font-size:18px;line-height:60px;padding-left:30px;}
			#aside .slidemenu .depth1_li.group_tit > a:before{width:10px;height:10px;;}
			#aside .slidemenu .depth1_li.group_tit > a.on:before{top:46%;}
			#aside .slidemenu .depth1_li > a:after{top:29px;}
			#aside .slidemenu .depth1_li > a.on:after{width:20px;}

			#aside .slidemenu .depth{margin:-5px 0 11px 30px;}
			#aside .slidemenu .depth .depth2_li + .depth2_li{margin-top:13px;}
			#aside .slidemenu .depth .depth2_li a{font-size:16px;line-height:initial;}

		}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{box-sizing:border-box;background:#5e5f62;padding:50px 0 54px 0;}
	#footer .ft_inner{width:1400px;margin:0 auto;box-sizing:border-box;}
	#footer .ft_inner:after{clear:both;content:"";display: block;}
	#footer .ft_logo{display: inline-block;vertical-align: top;width:197px;height:45px;margin-top:8px;}
	#footer .ft_logo a{display: block;width:100%;height:100%;background:url('../images/skin/ft-logo.png')no-repeat left center;background-size:auto 100%;}
	#footer .info{display: inline-block;vertical-align: top;font-size:0;width:calc(60% - 11px);margin-right:170px;float: right;}
	#footer .info span{font-size:16px;color:rgba(255, 255, 255, 0.8);font-weight:400;letter-spacing:0.48px;line-height:28px;padding:0 22px;display: inline-block;vertical-align: top;}
	#footer .info span a{font-size:inherit;color:inherit;font-weight:inherit;}
	#footer .info .copyright{font-size:15px;color:rgba(255, 255, 255, 0.5);font-weight:400;letter-spacing:0.45px;padding-left:22px;margin-top:22px;box-sizing:border-box;}
	#footer .info .copyright a{font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;vertical-align: top;margin-left:39px;}
	#footer .ft_nav{display: inline-block;vertical-align: top;float: right;text-align: right;margin-top:-9px;}
	#footer .ft_nav li a{font-size:18px;color:#fff;font-weight:400;letter-spacing:0.54px;line-height:46px;}
	#footer .ft_nav li a strong{font-size:inherit;color:inherit;font-weight:500;}

	@media only screen and (max-width:1450px){
		#footer .ft_inner{width:100%;padding:0 30px;}

		#footer .info{margin-right:60px;}

		#footer .info .copyright a{display: block;margin:5px 0 0 0;}
	}
	@media only screen and (max-width:1100px){
		#footer .ft_logo{width:180px;height:39px;}
		
		#footer .info{width:calc(56% - 7px);}
		#footer .info span{font-size:14px;padding:0 14px;}
		#footer .info .copyright{padding-left:14px;}

		#footer .ft_nav li a{font-size:15px;line-height:38px;}
	}
	@media only screen and (max-width:900px){
		#footer{padding:30px 0 40px 0;}
		#footer .ft_nav{float:none;display: block;margin:20px 0 24px 0;text-align:left;}
		#footer .ft_nav li{display: inline-block;vertical-align: top;}
		#footer .ft_nav li + li{margin-left:20px;}
		#footer .ft_nav li a{line-height:initial;}

		#footer .info{float:none;display: block;width:calc(100% - 7px);margin:0 0 0 -14px;}
	}
	@media only screen and (max-width:640px){
		#footer .ft_inner{padding:0 15px;}
	}
	@media only screen and (max-width:479px){
		#footer{padding:30px 0 47px 0;}
		#footer .ft_logo{width:144px;height:32px;}

		#footer .ft_nav{margin:27px 0 19px 0;}
		#footer .ft_nav li + li{margin-left:39px;}
		#footer .ft_nav li a{font-size:14px;}

		#footer .info{width:calc(100% + 38px);margin:0 0 0 -19px;}
		#footer .info span{font-size:13px;line-height:25px;letter-spacing:0.9px;padding:0 19px;}

		#footer .info .copyright{font-size:13px;line-height:20px;margin-top:20px;padding-left:19px;}
		#footer .info .copyright a{margin-top:10px;}
	}

/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_content{width:100%;box-sizing:border-box;overflow:hidden;}
	/* visual */
		#wrap .main_visual {position:relative;width:100%;margin:0;height:860px;background:#000;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:860px;border:none;min-height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;}
		.main_visual .txt_box {width:100%;text-align:center;transform:translate(-50%);position:absolute;left:50%;top:35%;font-size:0;}
		.main_visual .txt_box p,
		.main_visual .txt_box b,
		.main_visual .txt_box span {display:block;text-align:center;color:#fff;opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box p {font-size:30px;font-weight:700;letter-spacing:0.9px;}
		.main_visual .txt_box b {font-size:84px;font-weight:700;letter-spacing:1.68px;margin:17px 0 28px;}
		.main_visual .txt_box span {font-size:22px;line-height:36px;font-weight:300;letter-spacing:0.66px;}

		/*active*/
		.main_visual .active .txt_box p,
		.main_visual .active .txt_box b,
		.main_visual .active .txt_box span{opacity:1;transform:translateY(0);transition:all 0.5s;}
		.main_visual .active .txt_box b{transition-delay:0.3s;}
		.main_visual .active .txt_box span{transition-delay:0.6s;}
		.main_visual .active .txt_box .m_br{display: none;}
		.main_visual .slick-slide.active a{transform:scale(1) rotate(0.003deg);}

		/*도트*/
			#wrap .main_visual .slick-dots {text-align: center;display: inline-block;vertical-align: middle;position: absolute;font-size:0;left:50%;bottom:40px;transform:translate(-50%);z-index:11;}
			#wrap .main_visual .slick-dots li{display: inline-block;box-sizing:border-box;vertical-align:middle;font-size:0;}
			#wrap .main_visual .slick-dots li button{font-size:0;box-sizing: border-box;display: inline-block;margin:0 5px;width:6px;height:6px;background:#fff;opacity:0.6;border-radius:100%;transition:all 0.5s;}
			#wrap .main_visual .slick-dots li.slick-active button{width:10px;height:10px;border:2px solid #fff;background:transparent;opacity:1;transition:all 0.5s;}		

		/*화살표*/
			#wrap .main_visual .arw_box .slick-arrow {position:absolute;font-size:18px;color:#fff;font-weight:700;letter-spacing:1.8px;display: inline-block;top:48.5%;text-transform:uppercase;padding-top:9px;font-family:'Roboto';transition:all 0.5s;}
			#wrap .main_visual .arw_box .slick-arrow:before{width:100px;height:1px;content:"";background:#f3f3f3;position: absolute;top:0;transition:all 0.5s;}
			#wrap .main_visual .arw_box .slick-arrow:after{display: none;}
			#wrap .main_visual .arw_box .prev {left:0;padding-left:51px;}
			#wrap .main_visual .arw_box .prev:before{left:0;}
			#wrap .main_visual .arw_box .next {right:0;padding-right:51px;}
			#wrap .main_visual .arw_box .next:before{right:0;}

			#wrap .main_visual .arw_box .prev:hover{padding-left:30px;transition:all 0.5s;}
			#wrap .main_visual .arw_box .next:hover{padding-right:30px;transition:all 0.5s;}
			#wrap .main_visual .arw_box .slick-arrow:hover:before{width:80px;transition:all 0.5s;}

	/*about*/
		.main_about{box-sizing:border-box;overflow:hidden;position: relative;padding:127px 0 0 0;}
		.main_about:before{width:540px;height:540px;content:"";background:url('../images/skin/main-about-circle-01.png')no-repeat center;position: absolute;right:-31px;top:-165px;z-index:-1;background-size:auto 100%;}
		.main_about .txt_box{position: relative;}
		.main_about .about_intro{position: relative;z-index:3;}
		.main_about .about_intro .img{position: absolute;right:-10px;top:-31px;transition-delay:0.5s;}
		.main_about .about_intro .img .m_img{display: none;}
		.main_about .about_intro .txt_box{transition-delay:0.5s;}
		.main_about .about_intro .txt_box span{font-size:26px;color:#009cdc;font-weight:400;letter-spacing:0.78px;}
		.main_about .about_intro .txt_box h3{margin-top:34px;}
		.main_about .about_intro .txt_box p{font-size:20px;color:#5e5f62;font-weight:300;letter-spacing:0.4px;line-height:32px;position: relative;margin-top:50px;padding-top:44px;}
		.main_about .about_intro .txt_box p:before{width:50px;height:2px;content:"";background:#009cdc;position: absolute;top:0;left:0;}
		.main_about .main_more{margin-top:45px;}
		.main_more{display: inline-block;position: relative;font-size:20px;color:#333;font-weight:300;letter-spacing:0.4px;line-height:30px;padding-right:45px;}
		.main_more:before{width:30px;height:30px;content:"";background:#009cdc;box-sizing:border-box;border-radius:100%;position: absolute;right:0;top:0;}
		.main_more:after{width:6px;height:6px;content:"";border:2px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:13px;top:12px;}
		
		.main_about .about_link{padding-top:53px;margin-top:20px;}
		.main_about .about_link:before{width:296px;height:296px;content:"";background:url('../images/skin/main-about-circle-02.png')no-repeat center;position: absolute;left:-212px;top:0;background-size:auto 100%;}
		.bnr_container ul{font-size:0;display:flex;justify-content:space-between;}
		.bnr_container ul li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3333% - 27px);}
		.bnr_container ul li .bnr_box{width:100%;height:100%;box-sizing:border-box;vertical-align: top;position: relative;}
		.bnr_container ul li .bnr_box > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:2;}
		.bnr_container ul li .bnr_box .img img{width:100%;}
		.bnr_container ul li .bnr_box .txt_box{position: absolute;box-sizing:border-box;bottom:27px;left:30px;}
		.bnr_container ul li .bnr_box .txt_box dt{font-size:34px;color:#fff;font-weight:700;letter-spacing:1.02px;margin-bottom:16px;}
		.bnr_container ul li .bnr_box .txt_box dd{}
		.bnr_container ul li .bnr_box .txt_box dd p{font-size:20px;color:#fff;font-weight:400;letter-spacing:0.6px;line-height:26px;margin-bottom:38px;}
		.bnr_container ul li .bnr_box .txt_box dd a{display: inline-block;box-sizing:border-box;width:56px;height:56px;border:1px solid #fff;position: relative;opacity:0.7;}
		.bnr_container ul li .bnr_box .txt_box dd a:before{width:21px;height:1px;content:"";background:#fff;position: absolute;left:calc(50% - 10px);top:50%;}
		.bnr_container ul li .bnr_box .txt_box dd a:after{width:1px;height:21px;content:"";background:#fff;position: absolute;left:50%;top:calc(50% - 10px);}
		.bnr_container ul li:hover .bnr_box .txt_box dd a{background:#009cdc;border-color:#009cdc;opacity:1;}

	/*banner slide*/
		.main_bnr_slide{position: relative;margin-top:130px;}
		.main_bnr_slide .slick-slide{width:100%;height:710px;box-sizing:border-box;position: relative;}
		.main_bnr_slide .slick-slide .thumb{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_bnr_slide .slide01 .thumb{background:url('../images/skin/main-bnr-slide.jpg')no-repeat center;background-size:cover;}
		.main_bnr_slide .slide02 .thumb{background:url('../images/skin/main-bnr-slide2.jpg')no-repeat center;background-size:cover;}
		.main_bnr_slide .slide03 .thumb{background:url('../images/skin/main-bnr-slide3.jpg')no-repeat center;background-size:cover;}
		.main_bnr_slide .txt_box{position: absolute;left:50%;top:19.5%;transform:translate(-50%);}
		.main_bnr_slide .txt_box p{font-size:70px;color:#333;font-weight:700;letter-spacing:2.1px;line-height:86px;margin-bottom:34px;}
		.main_bnr_slide .txt_box p, .main_bnr_slide .txt_box .main_more{opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_bnr_slide .active .txt_box p, .main_bnr_slide .active .txt_box .main_more{opacity:1;transform:translateY(0);transition:all 0.5s;}
		.main_bnr_slide .active .txt_box .main_more{transition-delay:0.5s;}

		.main_bnr_slide .bnr_btn_wrap{position: absolute;left:50%;bottom:47px;transform:translate(-50%);display:flex;align-items:center;}
		.main_bnr_slide .slideController{display:flex;align-items:center;}
		.main_bnr_slide .slideController span{font-size:16px;color:#999;font-weight:500;display: inline-block;position: relative;}
		.main_bnr_slide .slideController span.slideCountItem{color:#333;}
		.main_bnr_slide .slideController span.slideCountItem:before{content:"0";font-size:inherit;color:inherit;font-weight:inherit;}
		.main_bnr_slide .slider-progress{display: inline-block;width:100px;height:2px;background:#ddd;position: relative;margin:0 19px 0 15px;}
		.main_bnr_slide .slider-progress .progress{position: absolute;top:0;left:0;height:100%;background:#333;}

		.main_bnr_slide .control_box{margin-left:31px;}
		.main_bnr_slide .control_box .slick-arrow{display: inline-block;width:10px;height:10px;font-size:0;border:1px solid #666;border-width:1px 1px 0 0;position: relative;}
		.main_bnr_slide .control_box .slick-prev{transform:rotate(-135deg);}
		.main_bnr_slide .control_box .slick-next{transform:rotate(45deg);margin-left:8px;}
		.main_bnr_slide .control_box .slick-next:before{width:1px;height:11px;content:"";background:#ccc;position: absolute;top:7px;left:-2px;transform:rotate(-45deg);}

	/*wide banner*/
		.main_wide_bnr{width:100%;height:430px;box-sizing:border-box;background:url('../images/skin/main_wide_bnr.jpg')no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;}
		.main_wide_bnr .txt{text-align: center;}
		.main_wide_bnr h3{font-size:60px;color:#fff;font-weight:700;letter-spacing:1.8px;}
		.main_wide_bnr a{display: inline-block;box-sizing:border-box;vertical-align: top;width:146px;height:60px;line-height:58px;border:1px solid #fff;font-size:20px;color:#fff;font-weight:400;letter-spacing:0.6px;position: relative;margin-top:36px;padding-right:29px;}
		.main_wide_bnr a:before{width:7px;height:7px;content:"";border:1px solid #fff;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:37px;top:26px;}
		.main_wide_bnr a:hover{background:#009cdc;border-color:#009cdc;}

	@media only screen and (max-width:1550px) {
		/*about*/
			.main_about .about_intro .txt_box p{max-width:50%;}
			.main_about .about_intro .txt_box p br{display: none;}
			.main_about .about_intro .img{width:50%;}
	}
	@media only screen and (max-width:1450px) {
		/*about*/
			.main_about .about_link:before{left:-35px;top:-41px;}
	}
	@media only screen and (max-width:1300px) {
		/*visual*/
			.main_visual .txt_box b{font-size:65px;}
			.main_visual .txt_box span{font-size:18px;line-height:30px;}
	}
	@media only screen and (max-width:1200px) {
		/*about*/
			.main_about .about_intro .txt_box h3{width:288px;}
			.main_about .about_intro .txt_box p{font-size:18px;}
			
			.bnr_container ul li{width:calc(33.3333% - 15px);}
			.bnr_container ul li .bnr_box .txt_box{bottom:15px;left:15px;}
			.bnr_container ul li .bnr_box .txt_box dt{font-size:28px;}
			.bnr_container ul li .bnr_box .txt_box dd p{font-size:16px;}
	}
	@media only screen and (max-width:1024px) {
		/*visual*/
			#wrap .main_visual .arw_box{display: none;}
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:82vh;}

		/*about*/
			.main_about{padding:60px 0 0 0;}
			.main_about:before{width:420px;height:420px;right:-20px;top:-100px;}
			.main_about .about_intro .img{width:60%;right:-90px;top:50px;}

			.bnr_container ul li .bnr_box .txt_box{width:calc(100% - 15px);padding-right:10px;}
			.bnr_container ul li:hover .bnr_box .txt_box dd a{background:transparent;border-color:#fff;opacity:0.7;}

		/*banner slide*/
			.main_bnr_slide{margin-top:80px;}
			.main_bnr_slide .slick-slide{height:500px;}
			.main_bnr_slide .txt_box{top:10.5%;}
			.main_bnr_slide .txt_box p{font-size:50px;line-height:50px;}

		/*wide banner*/
			.main_wide_bnr .txt{box-sizing:border-box;width:100%;padding:0 30px;}
			.main_wide_bnr h3{font-size:50px;}
			.main_wide_bnr a:hover{background:transparent;border-color:#fff;}

	}
	@media only screen and (max-width:860px) {
		/*visual*/
			.main_visual .txt_box{box-sizing:border-box;padding:0 30px;}
			.main_visual .txt_box p{font-size:24px;}
			.main_visual .txt_box b{font-size:55px;}
			.main_visual .txt_box span{font-size:16px;line-height:25px;}

	}
	@media only screen and (max-width:767px) {
		/*about*/
			.main_about .about_intro .txt_box p{max-width:100%;}
			.main_about .about_intro .img{width:75%;margin-left:25%;margin-top:50px;position: static;}
			.main_about .about_link:before{top:-135px;}
	}
	@media only screen and (max-width:640px) {
		/*visual*/
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:607px;}	
			.main_visual .txt_box{top:27%;padding:0 15px;}
			.main_visual .txt_box b{font-size:46px;margin:10px 0 18px;}
			.main_visual .txt_box span br{display: none;}
			.main_visual .active .txt_box .m_br{display:inline;}

		/*banner slide*/
			.main_bnr_slide .slick-slide{height:95vh;}
			.main_bnr_slide .slide01 .thumb{background:url('../images/skin/m-main-bnr-slide.jpg')no-repeat center;background-size:cover;}
			.main_bnr_slide .slide02 .thumb{background:url('../images/skin/m-main-bnr-slide2.jpg')no-repeat center;background-size:cover;}
			.main_bnr_slide .slide03 .thumb{background:url('../images/skin/m-main-bnr-slide3.jpg')no-repeat center;background-size:cover;}

		/*wide banner*/
			.main_wide_bnr{height:360px;}
			.main_wide_bnr .txt{padding:0 15px;}
			.main_wide_bnr h3{font-size:32px;}
			.main_wide_bnr a{width:110px;height:50px;line-height:48px;font-size:16px;margin-top:24px;padding-right:20px;}
			.main_wide_bnr a:before{width:5px;height:5px;right:24px;top:20px;}
	}
	@media only screen and (max-width:479px) {
		/*visual*/
			.main_visual .txt_box{top:11%;}
			.main_visual .txt_box p{font-size:20px;}
			.main_visual .txt_box b{font-size:47px;line-height:55px;margin:10px 0 13px;}
			#wrap .main_visual .slick-dots{bottom:25px;}

		/*about*/
			.main_about{padding:52px 0 0 0;}
			.main_about:before{width:196px;height:196px;right:-9px;top:-66px;}
			.main_about .about_intro .txt_box span{font-size:18px;}
			.main_about .about_intro .txt_box h3{width:81%;margin-top:20px;}
			.main_about .about_intro .txt_box p{font-size:15px;line-height:23px;margin-top:29px;padding-top:28px;}
			.main_about .about_intro .txt_box p:before{width:30px;}	
			.main_about .about_intro .img{width:81%;margin-left:19%;margin-top:31px;}
			.main_about .about_intro .img img{display: none;}
			.main_about .about_intro .img .m_img{display:block;}
			
			.main_about .main_more{margin-top:32px;}
			.main_more{font-size:15px;line-height:23px;padding-right:34px;}
			.main_more:before{width:23px;height:23px;top:-1px;}
			.main_more:after{width:5px;height:5px;right:9px;top:7px;}

			.main_about .about_link{padding-top:0;margin-top:-9px;}
			.main_about .about_link:before{width:114px;height:114px;top:-108px;left:-21px;}

			.bnr_container ul li .bnr_box .txt_box{bottom:18px;left:20px;width:calc(100% - 20px);}
			.bnr_container ul li .bnr_box .txt_box dt{font-size:25px;margin-bottom:11px;}
			.bnr_container ul li .bnr_box .txt_box dd{}
			.bnr_container ul li .bnr_box .txt_box dd p{font-size:15px;line-height:20px;margin-bottom:27px;}
			.bnr_container ul li .bnr_box .txt_box dd a{width:40px;height:40px;}
			.bnr_container ul li .bnr_box .txt_box dd a:before{width:14px;left:calc(50% - 7px);}
			.bnr_container ul li .bnr_box .txt_box dd a:after{height:14px;top:calc(50% - 7px);}

		/*banner slide*/
			.main_bnr_slide{margin-top:60px;}
			.main_bnr_slide .slick-slide{height:88.2vh;}
			.main_bnr_slide .txt_box{top:8%;}
			.main_bnr_slide .txt_box p{font-size:40px;line-height:48px;letter-spacing:1.3px;margin-bottom:28px;}

			.main_bnr_slide .bnr_btn_wrap{bottom:36px;}
			.main_bnr_slide .slideController span{font-size:15px;}
			.main_bnr_slide .slider-progress{margin:0 16px 0 15px;}

		/*wide banner*/
			.main_wide_bnr{height:310px;}
			.main_wide_bnr h3{font-size:35px;}
			.main_wide_bnr a{width:113px;height:45px;line-height:43px;font-size:15px;margin-top:31px;;}			
			.main_wide_bnr a:before{width:7px;height:7px;right:29px;top:17px;}
	}
	@media only screen and (max-width:400px) {
		/*banner slide*/
			 .main_bnr_slide .slick-slide {height: 80vh;}
	}
	@media only screen and (max-width:350px) {
		/*visual*/
			.main_visual .txt_box p{font-size:16px;}	
			.main_visual .txt_box b{font-size:38px;line-height:46px;}
			.main_visual .txt_box span{font-size:14px;line-height:20px;}

		/*about*/
			.bnr_container ul li .bnr_box .txt_box dt{font-size:20px;}
			.bnr_container ul li .bnr_box .txt_box dd p{font-size:12px;}

		/*banner slide*/
			.main_bnr_slide .txt_box p{font-size:32px;line-height:38px;;}

		/*wide banner*/
			.main_wide_bnr h3{font-size:28px;}
	}