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

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

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

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

	layout common
	
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #header {width:100%;margin:0;overflow: hidden;}
		#wrap #container {width:100%;margin:0;padding:0;}
		#wrap #footer {width:100%;margin:0;overflow: hidden;}
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;} /* #container 안의 컨텐츠 감싸는 영역 */
		.main_index #contents_wrap {overflow: visible;}
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:110px 0 7.2% 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:1600px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

	@media only screen and (max-width:1640px) {
		body.on {height:100%;overflow:hidden;}
		#contents_wrap {width:100%;padding-left:20px !important;padding-right:20px !important;}
		.w_custom {width:100%;padding-left:20px !important;padding-right:20px !important;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		#contents_wrap {padding-left:15px !important;padding-right:15px !important;}
		.w_custom {padding-left:15px !important;padding-right:15px !important;}

		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding:4.8% 0 6.4% 0;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		#contents_wrap #contents_box {padding:4.2% 0 6.4% 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) {
		#contents_wrap #contents_box {padding:4.2% 0 10.4% 0;}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap {padding-left:10px !important;padding-right:10px !important;}
		.w_custom {padding-left:10px !important;padding-right:10px !important;}
	}


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

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

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.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;}
		
		#header {position: sticky; left: 0; top: 0; width: 100%; background: var(--white-color01); border-bottom: 1px solid var(--border-color01); z-index: 10;}
		#header * {transition: all 0.4s;}
		#header .hd_cont {display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; padding-left: 40px;}
		#header .hd_logo a {transition: none !important; display: block; width: 238px; height: 42px; background: url('../images/skin/hd_logo_c.svg') no-repeat left center; background-size: auto 100% !important; font-size: 0;}
		#header .hd_right {display: flex; align-items: center; justify-content: center;}
		#header .hd_right .btn_tell {display: inline-flex; align-items: center; margin-right: 40px;}
		#header .hd_right .btn_tell:before {content: ""; display: block; width: 16px; height: 16px; background: url('../images/skin/hd_tell.svg') no-repeat center; background-size: auto 100%; margin: 3px 6px 0 0;}
		#header .hd_right .btn_tell span {display: inline-block; font-size: var(--title-18); color: var(--point-color01); font-weight: 500; letter-spacing: var(--font-letter03); line-height: 1;}
		#header .hd_right .btn_tell span + span {padding-top: 3px; margin-left: 7px; font-size: var(--title-20); font-weight: 600; letter-spacing: var(--font-letter01); font-family: var(--font-type02);}
		#header .hd_right .btn_consult {display: inline-flex; justify-content: center; align-items: center; height: 100px; box-sizing: border-box; padding: 0 35px; padding-right: 30px; background: var(--point-color01);}
		#header .hd_right .btn_consult span {font-size: var(--title-22); color: var(--white-color01); font-weight: 500; letter-spacing: var(--font-letter03);}
		#header .hd_right .btn_consult em {font-size: inherit; color: inherit; font-weight: inherit; transition: none;}

		#wrap .scr_top {opacity: 0; pointer-events: none; position: fixed; right: 40px; bottom: 40px; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--point-color03); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); transition: all 0.4s;}
		#wrap .scr_top.on {opacity: 1; pointer-events: inherit;}
		
		/* main header */
			#header.main {position: fixed; background: var(--transparent); border-bottom: 0;}
			#header.main .hd_logo a {background: url('../images/skin/hd_logo_w.svg') no-repeat left center;}
			#header.main .hd_right .btn_tell:before {filter: var(--filter-white);}
			#header.main .hd_right .btn_tell span {color: var(--white-color01);}
			#header.main .hd_right .btn_consult {background: var(--white-color01);}
			#header.main .hd_right .btn_consult span {color: var(--point-color01);}
		/* main on header */
			#header.on {background: var(--white-color01);}
			#header.on .hd_logo a {background: url('../images/skin/hd_logo_c.svg') no-repeat left center;}
			#header.on .hd_right .btn_tell:before {filter: none;}
			#header.on .hd_right .btn_tell span {color: var(--point-color01);}
			#header.on .hd_right .btn_consult {background: var(--point-color01);}
			#header.on .hd_right .btn_consult span {color: var(--white-color01);}
		/* hover header */
			@media only screen and (min-width:1024px) {
				#header:hover {background: var(--white-color01);}
				#header:hover .hd_logo a {background: url('../images/skin/hd_logo_c.svg') no-repeat left center;}
				#header:hover .hd_right .btn_tell:before {filter: none;}
				#header:hover .hd_right .btn_tell span {color: var(--point-color01);}
				#header:hover .hd_right .btn_consult {background: var(--point-color01);}
				#header:hover .hd_right .btn_consult span {color: var(--white-color01);}
			}
		
		@media only screen and (max-width:1640px) {
			#header .hd_cont {padding-left: 20px;}

			#wrap .scr_top {right: 20px; bottom: 20px;}
		}
		@media only screen and (max-width:1217px) {
			#header .hd_right .btn_tell {margin-right: 30px;}
			#header .hd_right .btn_consult {height: 95px; padding: 0 28px; padding-right: 24px;}
		}
		@media only screen and (max-width:1023px) {
			#header .hd_cont {padding-left: 15px;}
			#header .hd_logo a {width: 228px; height: 40px;}
			#header .hd_right .btn_tell {margin-right: 20px;}
			#header .hd_right .btn_consult {height: 90px; padding: 0 22px; padding-right: 20px;}

			#wrap .scr_top {right: 15px; bottom: 15px; width: 50px; height: 50px;}
			#wrap .scr_top svg {height: 26px;}
		}
		@media only screen and (max-width:860px) {
			#header .hd_logo a {width: 216px; height: 38px;}
			#header .hd_right .btn_tell:before {margin-right: 8px;}
			#header .hd_right .btn_tell span:first-child {display: none;}
			#header .hd_right .btn_tell span + span {margin-left: 0;}
			#header .hd_right .btn_consult {height: 85px; padding: 0 18px; padding-right: 16px;}
		}
		@media only screen and (max-width:767px) {
			#header .hd_right .btn_tell:before {margin-right: 6px;}
			#header .hd_right .btn_tell span + span {font-size: 18px;}
			#header .hd_right .btn_consult {height: 80px; padding: 0 14px;}
			#header .hd_right .btn_consult span {font-size: 18px;}
		}
		@media only screen and (max-width:640px) {
			#header .hd_logo a {width: 182px; height: 32px;}
			#header .hd_right .btn_tell {margin-right: 15px;}
			#header .hd_right .btn_tell span + span {font-size: 17px;}
			#header .hd_right .btn_consult {height: 70px; padding: 0 12px;}
			#header .hd_right .btn_consult span {font-size: 16px;}

			#wrap .scr_top {width: 40px; height: 40px;}
			#wrap .scr_top svg {height: 22px;}
		} 
		@media only screen and (max-width:580px) { 
			#header .hd_right .btn_tell:before {margin-top: 0;}
			#header .hd_right .btn_tell span + span {display: none;}
			#header .hd_right .btn_consult {height: 65px;}
			#header .hd_right .btn_consult span {font-size: 15px;}
			#header .hd_right .btn_consult em {display: none;}
		} 
		@media only screen and (max-width:479px) { 
			#header .hd_logo a {width: 170px; height: 30px;}
		} 
		@media only screen and (max-width:340px) { 
			#header .hd_cont {padding-left: 10px;}
			#header .hd_logo a {width: 160px; height: 28px;}
			#header .hd_right .btn_tell {margin-right: 12px;}
			#header .hd_right .btn_tell:before {width: 14px; height: 14px;}
			#header .hd_right .btn_consult {height: 60px; padding: 0 10px;}
			#header .hd_right .btn_consult span {font-size: 14px;}
		}
		@media only screen and (max-width:320px) { 
			#wrap .scr_top {right: 10px; bottom: 10px;}
		} 
		

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer {width: 100%; background: var(--point-color01); padding: 70px 0 84px;}
		#footer .ft_cont {display: flex; justify-content: space-between; width: 100%;}
		#footer .ft_left {padding-top: 9px;}
		#footer .ft_left .ft_top {display: flex; align-items: center;}
		#footer .ft_left .ft_top .ft_logo a {display: block; width: 306px; height: 53px; background: url('../images/skin/ft_logo.png') no-repeat left center; background-size: auto 100% !important; font-size: 0;}
		#footer .ft_left .ft_top .ft_gnb {display: inline-flex; margin-left: 50px;}
		#footer .ft_left .ft_top .ft_gnb a {font-size: var(--title-16); color: var(--white-color05);}
		#footer .ft_left .ft_top .ft_gnb a + a {margin-left: 30px;}
		#footer .ft_left .ft_top .ft_gnb a strong {font-weight: 500;}
		#footer .ft_left .ft_info {/* display: flex; align-items: center; */ margin-top: 35px;}
		#footer .ft_left .ft_info dt,
		#footer .ft_left .ft_info dd {font-size: var(--title-16); color: var(--white-color01); font-weight: 300;}
		#footer .ft_left .ft_info dd {/* margin-left: 30px; */ margin-top: 6px; color: var(--white-color04);}
		
		#footer .ft_right {text-align: right;}
		#footer .ft_right .btn_tell {display: inline-flex; align-items: center;}
		#footer .ft_right .btn_tell:before {content: ""; display: block; width: 16px; height: 16px; background: url('../images/skin/hd_tell.svg') no-repeat center; background-size: auto 100%; margin: 3px 6px 0 0; filter: var(--filter-white);}
		#footer .ft_right .btn_tell span {display: inline-block; font-size: var(--title-18); color: var(--white-color01); font-weight: 500; letter-spacing: var(--font-letter03); line-height: 1;}
		#footer .ft_right .btn_tell span + span {padding-top: 3px; margin-left: 20px; font-size: var(--title-30); font-weight: 600; letter-spacing: var(--font-letter01); font-family: var(--font-type02);}
		#footer .ft_right p {margin-top: 18px; font-size: var(--title-18); color: var(--white-color05); font-weight: 300;}
		#footer .ft_advantages {display: inline-grid; grid-template-columns: repeat(4, auto); gap: 40px; margin-top: 36px;}
		#footer .ft_advantages li {font-size: var(--title-18); color: var(--white-color01); font-weight: 300;}
		
		#footer .copyright {margin-top: 36px; font-size: var(--title-14); color: var(--white-color03); font-weight: 300; letter-spacing: var(--font-letter01);}
		#footer .copyright a {display: inline-block; margin-left: 30px; font-size: inherit; color: inherit;}
		
	@media only screen and (max-width:1480px) {
		/* #footer .ft_left .ft_info {align-items: flex-start; flex-direction: column;}
		#footer .ft_left .ft_info dd {margin-left: 0; margin-top: 6px;} */
	}
	@media only screen and (max-width:1217px) {
		#footer .ft_left {padding-top: 0;}
		#footer .ft_left .ft_top .ft_logo a {width: 290px; height: 50px;}
		#footer .ft_left .ft_top .ft_gnb {margin-left: 35px;}
		#footer .ft_left .ft_top .ft_gnb a + a {margin-left: 26px;}

		#footer .ft_right .btn_tell span + span {margin-left: 16px;}
		#footer .ft_advantages {gap: 30px;}

		#footer .copyright a {margin-left: 24px;}
	}
	@media only screen and (max-width:1023px) {
		#footer {padding: 55px 0 70px;}
		#footer .ft_cont {flex-direction: column; align-items: flex-start;}
		#footer .ft_left .ft_top .ft_logo a {width: 270px; height: 46px;}
		#footer .ft_left .ft_info {margin-top: 30px;}
		
		#footer .ft_right {margin-top: 30px; text-align: left;}
		#footer .ft_right p {margin-top: 14px;}
	}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:640px) {
		#footer {padding: 40px 0 55px;}
		#footer .ft_left .ft_top .ft_logo a {width: 230px; height: 39px;}
	}
	@media only screen and (max-width:580px) { 
		#footer .ft_left .ft_top {align-items: flex-start; flex-direction: column;}
		#footer .ft_left .ft_top .ft_gnb {margin-left: 0; margin-top: 24px;}
		#footer .ft_left .ft_info {margin-top: 24px;}

		#footer .ft_right {margin-top: 24px;}
		#footer .ft_right .btn_tell span + span {margin-left: 12px;}
		#footer .ft_right p {margin-top: 10px;}
		#footer .ft_advantages {margin-top: 30px; gap: 24px;}

		#footer .copyright {margin-top: 30px;}
		#footer .copyright a {display: block; margin-left: 0; margin-top: 4px;}
	}
	@media only screen and (max-width:479px) { 
		#footer .ft_left .ft_top .ft_logo a {width: 216px; height: 37px;}

		#footer .ft_advantages {grid-template-columns: repeat(2, auto); gap: 10px 24px;}
	} 

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

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#side_box {padding-bottom:1.8%;}
		#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
		#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
		#side_box .sub_menu dt,
		#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
		#side_box .sub_menu dt {display:none;}
		#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd + dd {}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
		#side_box .sub_menu dd:hover a,
		#side_box .sub_menu dd.on a,
		#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
		#side_box .sub_menu dd:hover a:before,
		#side_box .sub_menu dd.on a:before, 
		#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:1024px) {
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}


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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/** 버튼 **/
			.main_btn {position: relative; display: flex; justify-content: center; align-items: center; height: 70px; background: var(--white-color01); box-sizing: border-box; border: 1px solid var(--point-color01); border-radius: 10px; overflow: hidden;}
			.main_btn:before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--point-color01); transition: all 0.4s;}
			.main_btn span {position: relative; display: block; font-size: var(--title-22); font-weight: bold; color: var(--point-color01);  z-index: 1; transition: all 0.4s;}
			
			/* hover */
				@media only screen and (min-width:1024px) {
					.main_btn:hover:before {width: 100%;}
					.main_btn:hover span {color: var(--white-color01);}
				}

			@media screen and (max-width:1024px){
				.main_btn {height: 60px;}
			}
			@media screen and (max-width:640px){
				.main_btn {height: 50px;}
			}

		/** 타이틀 **/
			.main_tit {text-align: center;}
			.main_tit span {line-height: 1; letter-spacing: var(--font-letter01);}
			.main_tit span.num {font-size: var(--title-90); font-weight: 900; color: var(--black-color03); font-family: var(--font-type03); font-style: italic; opacity: 0.05;}
			.main_tit span.eng {font-size: var(--title-20); font-weight: 400; color: var(--point-color03); font-family: var(--font-type02);}
			.main_tit h3 {font-size: var(--title-50); color: var(--point-color01); font-weight: 500; line-height: 1.45; letter-spacing: var(--font-letter05);}
			.main_tit span.num + h3 {margin-top: 22px;}
			.main_tit span.eng + h3 {margin: 20px 0 17px;}
			.main_tit p {font-size: var(--title-24); font-weight: 300; color: var(--black-color03); letter-spacing: var(--font-letter05);}
			
			@media screen and (max-width:1024px){
				.main_tit span.num + h3 {margin-top: 18px;}
				.main_tit span.eng + h3 {margin: 16px 0 14px;}
			}
			@media screen and (max-width:860px){
				.main_tit span.num + h3 {margin-top: 15px;}
				.main_tit span.eng + h3 {margin: 13px 0 11px;}
			}
			@media screen and (max-width:640px){
				.main_tit span.num + h3 {margin-top: 12px;}
				.main_tit span.eng + h3 {margin: 10px 0 8px;}
			}
			
		/** 메인비주얼 **/
			.main_visual {position: relative; width: 100%; height: 100vh; min-height: 560px; max-height: 100vh; overflow: hidden; transition: all 0.4s;}
			.main_visual:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
			.main_visual iframe {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
			
			.main_visual .txt_box {position: absolute; right: 7.08%; bottom: 100px; max-width: 100%; z-index: 1;}
			.main_visual .txt_box h2 {font-size: var(--title-90); font-weight: 600; color: var(--white-color01); letter-spacing: var(--font-letter01);}
			.main_visual .txt_box strong {display: block; margin: 7px 0 19px; font-size: var(--title-28); font-weight: 400; color: var(--white-color01); letter-spacing: var(--font-letter03);}
			.main_visual .txt_box p {font-size: var(--title-22); color: var(--white-color01); font-weight: 300; letter-spacing: var(--font-letter03);}
			.main_visual .txt_box .btn_wrap {padding-top: 0 !important;}
			.main_visual .txt_box .main_btn {width: 400px; height: 80px; background: rgba(0,0,0,0.2); margin-top: 58px; border-color: var(--white-color01);}
			.main_visual .txt_box .main_btn:before {background: var(--white-color01);}
			.main_visual .txt_box .main_btn span {font-size: var(--title-24); color: var(--white-color01); font-family: var(--font-type04); letter-spacing: var(--font-letter02);}
		
			/* hover */
				@media only screen and (min-width:1024px) {
					.main_visual .txt_box .main_btn:hover span {color: var(--point-color01);}
				}
			
			@media screen and (max-width:1480px){
				.main_visual .txt_box {bottom: 90px;}
				.main_visual .txt_box .main_btn {width: 380px; margin-top: 54px;}
			}
			@media screen and (max-width:1024px){
				.main_visual {height: 85vw;}
				.main_visual .txt_box {bottom: 80px; right: 4%;}
				.main_visual .txt_box strong {margin: 5px 0 15px;}
				.main_visual .txt_box .main_btn {width: 360px; height: 75px; margin-top: 50px;}
			}
			@media screen and (max-width:860px){
				.main_visual {height: 80vh;}
				.main_visual .txt_box {bottom: 70px; right: 3%;}
				.main_visual .txt_box .main_btn {width: 340px; height: 70px; margin-top: 46px;}
			}
			@media screen and (max-width:640px){
				.main_visual {height: 75vh;}
				.main_visual .txt_box {bottom: 60px; right: inherit; left: 0; width: 100%; box-sizing: border-box; padding: 0 15px;}
				.main_visual .txt_box .main_btn {width: 310px; height: 65px; margin-top: 42px;}
			}
			@media screen and (max-width:479px){
				.main_visual {height: 70vh;}
				.main_visual .txt_box {bottom: 50px;}
				.main_visual .txt_box .main_btn {width: 280px; height: 60px; margin-top: 34px;}
			}
			@media screen and (max-width:340px){
				.main_visual .txt_box .main_btn {width: 260px}
			}


		/** main_about **/
			.main_about {padding: 100px 0 120px;}
			.main_about .w_custom {text-align: center;}
			.main_about .about_bg {font-size: var(--title-100); color: var(--point-color02); font-weight: bold; letter-spacing: var(--font-letter01); opacity: 0.7;}
			.main_about .about_txt {position: relative; margin-top: -56px; font-size: var(--title-40); color: var(--point-color01); font-weight: 300; letter-spacing: var(--font-letter02); line-height: 1.45; z-index: 1;}
			.main_about .about_txt strong {font-size: inherit; color: inherit; font-weight: 600; letter-spacing: inherit;}
			.main_about .about_arrow {display: inline-flex; flex-direction: column; margin-top: 100px; cursor: pointer;}
			.main_about .about_arrow span {display: block; width: 28px; height: 14px; margin: 0 auto; background: url("../images/skin/icon_about_arrow.svg") no-repeat center; background-size: auto 100%; opacity: 0.2;}
			.main_about .about_arrow span + span {visibility: hidden; opacity: 0; animation: arrowAni 2s infinite;}
			.main_about .about_arrow span + span + span {visibility: hidden; opacity: 0; animation: arrowAni2 2s infinite;}

			@keyframes arrowAni {0% {visibility: hidden; opacity: 0;} 30% {visibility: hidden;} 60% {visibility: visible; opacity: 0.5;} 100% {visibility: visible; opacity: 0.5;}}
			@keyframes arrowAni2 {0% {visibility: hidden; opacity: 0;} 50% {visibility: hidden;} 100% {visibility: visible; opacity: 0.8;}}

			@media screen and (max-width:1217px){
				.main_about .about_txt {margin-top: -46px;}
			}
			@media screen and (max-width:1024px){
				.main_about {padding: 80px 0 100px;}
				.main_about .about_arrow {margin-top: 80px;}
			}
			@media screen and (max-width:860px){
				.main_about .about_txt {margin-top: -36px;}
				.main_about .about_txt br.pc {display: none;}
			}
			@media screen and (max-width:640px){
				.main_about {padding: 60px 0 80px;}
				.main_about .about_arrow {margin-top: 60px;}
				.main_about .about_arrow span {height: 12px;}
			}
			@media screen and (max-width:479px){
				.main_about {padding: 50px 0 70px;}
				.main_about .about_txt {margin-top: -28px;}
			}
			
		/** main_free **/
			.main_free {padding: 0 0 160px;}
			.main_free .service_list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 50px; counter-reset: free-service;}
			.main_free .service_list li {position: relative; background: var(--point-bg01); overflow: hidden; transition: all 0.4s;}
			.main_free .service_list li .txt {position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; padding: 40px 71px; color: var(--point-color01);}
			.main_free .service_list li .txt dt {margin-bottom: 40px; font-size: var(--title-30); font-weight: 500; line-height: 1.26; text-align: center;}
				.main_free .service_list li:not(:last-child) {counter-increment: free-service;}
				.main_free .service_list li:not(:last-child) .thumb {position: relative;}
				.main_free .service_list li:not(:last-child) .thumb:after {content: ""; position: absolute; left: -25%; bottom: -25%; width: 0; height: 0; transform-origin: left bottom; background: var(--point-color01); border-radius: 100%; opacity: 0; transition: all 0.5s;}
				.main_free .service_list li:not(:last-child) .thumb img {width: 100%; height: 100%; object-fit: cover;}
				.main_free .service_list li:not(:last-child) .txt {justify-content: space-between; padding: 46px 26px 46px 40px; color: var(--white-color01);}
				.main_free .service_list li:not(:last-child) .txt dt {margin-bottom: 0; font-size: var(--title-34); line-height: 1.45; text-align: left;}
				.main_free .service_list li:not(:last-child) .txt dt:before {content: '0' counter(free-service); display: block; margin-bottom: 26px; font-size: var(--title-26); font-weight: 400; letter-spacing: var(--font-letter01); font-family: var(--font-type02);}
				.main_free .service_list li:not(:last-child) .txt dd {box-sizing: border-box; padding-right: 24px; font-size: var(--title-26); letter-spacing: var(--font-letter01); font-family: var(--font-type02); text-align: right; transition: all 0.4s;}
				.main_free .service_list li:not(:last-child) .txt dd em {font-size: var(--title-20); font-weight: 400;}

			/* hover */
				@media only screen and (min-width:1024px) {
					.main_free .service_list li:not(:last-child):hover {border-radius: 20px; transition: all 0.4s;}
					.main_free .service_list li:not(:last-child):hover .thumb:after {width: 150%; height: 150%; opacity: 0.6; transition: all 0.5s;}
					.main_free .service_list li:not(:last-child) .txt dd {opacity: 0;}
					.main_free .service_list li:not(:last-child):hover .txt dd {opacity: 1; transition: all 0.4s;} 
				}
			
			@media screen and (max-width:1640px) {
				.main_free .service_list li .txt {padding: 36px 66px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 42px 22px 42px 34px;}
					.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 20px;} 
					.main_free .service_list li:not(:last-child) .txt dd {padding-right: 20px;}
			}
			@media screen and (max-width:1480px){
				.main_free {padding: 0 0 140px;}
				.main_free .service_list li .txt {padding: 32px 60px;}
				.main_free .service_list li .txt dt {margin-bottom: 34px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 38px 20px 38px 28px;}
					.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 16px;}
					.main_free .service_list li:not(:last-child) .txt dd {padding-right: 18px;}
			}
			@media screen and (max-width:1360px){
				.main_free .service_list {gap: 20px;}
				.main_free .service_list li .txt {padding: 28px 55px;}
				.main_free .service_list li .txt dt {margin-bottom: 30px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 34px 18px 34px 24px;}
					.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 12px;}
					.main_free .service_list li:not(:last-child) .txt dd {padding-right: 16px;}
			}
			@media screen and (max-width:1280px) {
				.main_free .service_list li .txt {padding: 28px 50px;}
				.main_free .service_list li .txt dt {margin-bottom: 26px;}
					.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 8px;}
			}
			@media screen and (max-width:1217px) {
				.main_free {padding: 0 0 120px;}
				.main_free .service_list {grid-template-columns: repeat(3, 1fr); gap: 24px;}
				.main_free .service_list li:last-child {grid-column: 2 / span 2;}
				.main_free .service_list li .txt {padding: 28px 70px;}
			}
			@media screen and (max-width:1024px){
				.main_free {padding: 0 0 100px;}
				.main_free .service_list {gap: 20px;}
				.main_free .service_list li .txt {padding: 28px 50px;}
			}
			@media screen and (max-width:980px){
				.main_free .service_list li:not(:last-child) .txt {padding: 28px 14px 28px 20px}
				.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 6px;}
				.main_free .service_list li:not(:last-child) .txt dd {padding-right: 12px;}
			}
			@media screen and (max-width:860px){
				.main_free {padding: 0 0 80px;}
				.main_free .service_list {grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px;}
				.main_free .service_list li:last-child {grid-column: 2 / span 1;}
			}
			@media screen and (max-width:640px){
				.main_free {padding: 0 0 60px;}
				.main_free .service_list {gap: 20px; margin-top: 30px;}
				.main_free .service_list li .txt {padding: 24px 30px;}
			}
			@media screen and (max-width:540px){
				.main_free .service_list li .txt dt {margin-bottom: 22px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 24px 10px 24px 16px;}
					.main_free .service_list li:not(:last-child) .txt dt:before {margin-bottom: 2px;}
					.main_free .service_list li:not(:last-child) .txt dd {padding-right: 10px;}
			}
			@media screen and (max-width:479px){
				.main_free .service_list {gap: 15px;}
				/* .main_free .service_list {grid-template-columns: repeat(1, 1fr);}
				.main_free .service_list li:last-child {grid-column: auto; height: 260px;} */
				.main_free .service_list li .thumb {height: 260px;}
				.main_free .service_list li .txt {padding: 20px 24px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 28px 14px 28px 20px}
			}
			@media screen and (max-width:380px){
				.main_free .service_list li:last-child,
				.main_free .service_list li .thumb {height: 240px;}
				.main_free .service_list li .txt {padding: 16px 20px;}
					.main_free .service_list li:not(:last-child) .txt {padding: 24px 10px 24px 16px;}
			}
			@media screen and (max-width:340px){
				.main_free .service_list {gap: 10px;}
				.main_free .service_list li:last-child,
				.main_free .service_list li .thumb {height: 220px;}
				.main_free .service_list li .txt {padding: 12px 15px;}
			}
			
		/** main_special **/
			.main_special {width: 100%; background: var(--point-color01); padding: 160px 0;}
			.main_special .w_custom {text-align: right;}
			.main_special .main_tit {float: left; position: sticky; left: 0; top: 160px; width: calc(100% - 61.25%); box-sizing: border-box; padding-right: 30px; padding-bottom: 34.8%; text-align: left;}
			.main_special .main_tit:after {content: ""; display: block; clear: both;}
			.main_special .main_tit span.num {color: var(--white-color01); opacity: 0.2;}
			.main_special .main_tit span.num + h3 {margin-top: 20px; color: var(--white-color01); word-break: break-all;}
			.main_special .service_list {position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 110px 0; width: 61.25%;}
				.main_special .service_list:before {content: ""; position: absolute; right: 50%; top: 13%; transform: translateX(50%); /* width: 66%; padding-bottom: 50%; */ width: 649px; height: 488px; background: url("../images/skin/main_special_service_bg.svg") no-repeat center; background-size: 100%;}
				.main_special .service_list.active:before {position: fixed; right: 33.5%; top: 34%;}
				.main_special .service_list.active2:before {top: 44%;}
			.main_special .service_list li {position: relative; width: calc(50% - 70px);}
			.main_special .service_list li:nth-child(2n) {/* transform: translateY(252px); */ transform: translateY(50.5%);}
			.main_special .service_list li .thumb {width: 100%;}
			.main_special .service_list li .thumb img {width: 100%; height: 100%; object-fit: cover;}
			.main_special .service_list li .txt {color: var(--white-color01); text-align: left;}
			.main_special .service_list li .txt dt {margin: 20px 0 12px; font-size: var(--title-36); font-weight: 500; letter-spacing: var(--font-letter05);}
			.main_special .service_list li .txt dd {font-size: var(--title-22); font-weight: 300; letter-spacing: var(--font-letter05);}

			@media screen and (max-width:1480px){
				.main_special {padding: 140px 0;}
				.main_special .service_list li {width: calc(50% - 50px);}
			}
			@media screen and (max-width:1280px) {
				.main_special .main_tit {width: calc(100% - 63%);}
				.main_special .service_list {width: 63%;}
				.main_special .service_list li {width: calc(50% - 40px);}
			}
			@media screen and (max-width:1217px) {
				.main_special {padding: 120px 0;}
				.main_special .main_tit {width: calc(100% - 64.5%);}
				.main_special .service_list {width: 64.5%;}
				.main_special .service_list li {width: calc(50% - 30px);}
			}
			@media screen and (max-width:1100px) {
				.main_special .main_tit {float: none; position: relative; top: 0; width: 100%; padding-right: 0; padding-bottom: 0;}
				/* .main_special .main_tit span.num + h3 br {display: none;} */
				.main_special .service_list {width: 100%; margin-top: 60px;}
				.main_special .service_list:before {top: 2%; width: 66%; height: 0; padding-bottom: 50%;}
					.main_special .service_list.active:before {position: fixed; width: 64%; top: 22%; right: 50%;}
					.main_special .service_list.active2:before {top: 35.5%;}
				.main_special .service_list li {width: calc(50% - 50px);}
			}
			@media screen and (max-width:1024px){
				.main_special {padding: 100px 0;}
				.main_special .main_tit span.num + h3 {margin-bottom: 16px;}
			}
			@media screen and (max-width:940px){
				.main_special .service_list li {width: calc(50% - 40px);}
			}
			@media screen and (max-width:860px){
				.main_special {padding: 80px 0;}
				.main_special .main_tit span.num + h3 {margin-bottom: 13px;}
				.main_special .service_list {gap: 90px 0;}
				.main_special .service_list li {width: calc(50% - 30px);}
			}
			@media screen and (max-width:640px){
				.main_special {padding: 60px 0;}
				.main_special .main_tit span.num + h3 {margin-bottom: 10px;}
				.main_special .service_list {margin-top: 40px;}
				.main_special .service_list li {width: calc(50% - 20px);}
			}
			@media screen and (max-width:479px){
				.main_special {padding: 55px 0 65px;}
				.main_special .service_list {gap: 60px 0;}
				.main_special .service_list li {width: 100%;}
				.main_special .service_list li:nth-child(2n) {transform: none;}
			}
			
		/** main_application **/
			.main_application {width: 100%; background: var(--point-bg03); padding: 140px 0;}
			.main_application .w_custom {display: flex; justify-content: space-between;}
			.main_application .main_tit {width: calc(100% - 62.5%); box-sizing: border-box; padding-right: 25px; text-align: left;}
			.main_application .main_tit span.eng {color: var(--white-color01);}
			.main_application .main_tit h3, .main_application .main_tit p {color: var(--white-color01);}
			.main_application .application_list {width: 62.5%; border-top: 2px solid var(--white-color01);}
			.main_application .application_list li {display: flex; width: 100%; box-sizing: border-box; padding: 27px 70px; border-bottom: 1px solid rgba(221,221,221,0.3);}
			.main_application .application_list li span {width: 24%; font-size: var(--title-22); color: var(--white-color01); font-weight: 200; font-family: var(--font-type02);}
			.main_application .application_list li span.name {width: 30%;}
			.main_application .application_list li span.type {width: 27%;}
			.main_application .application_list li span.loca {width: 19%;}
			
			@media screen and (max-width:1480px){
				.main_application {padding: 120px 0;}
				.main_application .application_list li {padding: 25px 50px;}
			}
			@media screen and (max-width:1217px) {
				.main_application {padding: 100px 0;}
				.main_application .main_tit {width: calc(100% - 65%);}
				.main_application .application_list {width: 65%;}
				.main_application .application_list li {padding: 23px 35px;}
			}
			@media screen and (max-width:1100px){
				.main_application .w_custom {flex-direction: column;}
				.main_application .main_tit {width: 100%; padding-right: 0;}
				.main_application .application_list {width: 100%; margin-top: 60px;}
				.main_application .application_list li span {width: 18%;}
					.main_application .application_list li span.name {width: 35%;}
					.main_application .application_list li span.type {width: 23%;}
					.main_application .application_list li span.loca {width: 24%;}
			}
			@media screen and (max-width:1024px){
				.main_application {padding: 80px 0;}
			}
			@media screen and (max-width:860px){
				.main_application {padding: 70px 0;}
				.main_application .application_list li {padding: 21px 25px;}
			}
			@media screen and (max-width:767px){
				.main_application {padding: 80px 0;}
				.main_application .application_list li {padding: 19px 20px;}
				.main_application .application_list li span {font-size: 18px;}
			}
			@media screen and (max-width:640px){
				.main_application {padding: 60px 0;}
				.main_application .application_list {margin-top: 40px;}
				.main_application .application_list li {padding: 17px 15px;}
				.main_application .application_list li span {font-size: 17px;}
				.main_application .application_list li span {width: 20%;}
					.main_application .application_list li span.name {width: 32%;}
			}
			@media screen and (max-width:580px){
				.main_application .application_list li {padding: 15px 10px;}
				.main_application .application_list li span {font-size: 16px;}
			}
			@media screen and (max-width:479px){
				.main_application {padding: 50px 0;}
				.main_application .application_list li span {width: 21%; font-size: 15px;}
					.main_application .application_list li span.type {width: 22%;}
			}
			@media screen and (max-width:420px){
				.main_application .application_list li {padding: 13px 5px;}
				.main_application .application_list li span {font-size: 14px;}
			}
			@media screen and (max-width:380px){
				.main_application .application_list li {padding: 12px 0;}
				.main_application .application_list li span {font-size: 13px;}
			}
			@media screen and (max-width:340px){
				.main_application .application_list li span {font-size: 12px;}
			}
			
		/** main_process **/
			.main_process {width: 100%; padding: 140px 0;}
			.main_process .w_custom {text-align: center;}
			.main_process .main_tit span.eng + h3 {margin-bottom: 14px;}
			.main_process .main_tit p {font-weight: 400;}
			.main_process .process_list {display: flex; justify-content: space-between; max-width: 100%; margin-top: 74px;}
			.main_process .process_list li {width: 238px;}
			.main_process .process_list li .thumb {position: relative; width: 100%; background: var(--point-bg02); padding-bottom: 100%; border-radius: 50%; transition: all 0.4s;}
				.main_process .process_list li:first-child .thumb,
				.main_process .process_list li.active .thumb {background: var(--point-color01);}
			.main_process .process_list li .thumb:before,
			.main_process .process_list li .thumb:after {content: ""; position: absolute; left: -100%; top: 50%; width: 100%; height: 1px; background: var(--border-color02); z-index: -1;}
			.main_process .process_list li .thumb:after {width: 0; background: var(--point-color01);}	
				.main_process .process_list li:first-child .thumb:before,
				.main_process .process_list li:first-child .thumb:after {display: none;}
				.main_process .process_list li.active .thumb:after {animation: lineAni 0.6s forwards;}
			.main_process .process_list li .thumb span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
			.main_process .process_list li .thumb span img {width: 100%; height: 100%; object-fit: cover;}
			.main_process .process_list li .txt {text-align: center;}
			.main_process .process_list li .txt dt {margin: 18px 0 8px; font-size: var(--title-20); color: var(--point-color03); font-weight: 500; letter-spacing: var(--font-letter01); font-family: var(--font-type02);}
			.main_process .process_list li .txt dd {font-size: var(--title-22); color: var(--point-color04); line-height: 1.36; letter-spacing: var(--font-letter03);}
			.main_process .process_list li .txt dd span {display: block; margin-top: 3px; font-size: var(--title-18);}
		
			@keyframes lineAni {0% {width: 0%;} 100% {width: 100%;}}
			@keyframes lineAni2 {0% {height: 0%;} 100% {height: 100%;}}
			
			@media screen and (max-width:1480px){
				.main_process {padding: 120px 0 140px;}
				.main_process .process_list li {width: 213px;}
				.main_process .process_list li .thumb span {padding: 18px;}
			}
			@media screen and (max-width:1217px) {
				.main_process {padding: 100px 0 120px;}
				.main_process .process_list {margin-top: 64px;}
				.main_process .process_list li {width: 188px;}
				.main_process .process_list li .thumb span {padding: 16px;}
			}
			@media screen and (max-width:1024px){
				.main_process {padding: 80px 0 100px;}
				.main_process .main_tit span.eng + h3 {margin-bottom: 12px;}
				.main_process .process_list {margin-top: 54px;}
				.main_process .process_list li {width: 170px;}
				.main_process .process_list li .thumb span {padding: 14px;}
				.main_process .process_list li .txt dt {margin: 16px 0 6px;}
			}
			@media screen and (max-width:860px){
				.main_process {padding: 70px 0 80px;}
				.main_process .main_tit span.eng + h3 {margin-bottom: 10px;}
				.main_process .process_list {margin-top: 44px;}
				.main_process .process_list li {width: 148px;}
				.main_process .process_list li .thumb span {padding: 12px;}
			}
			@media screen and (max-width:767px){
				.main_process {padding: 80px 0;}
				.main_process .process_list {display: inline-flex; flex-wrap: wrap; gap: 35px 0;}
				.main_process .process_list li {width: calc(50% - 60px);}
				.main_process .process_list li:nth-child(3) .thumb:before,
				.main_process .process_list li:nth-child(3) .thumb:after {display: none;}
					/* .main_process .process_list li:nth-child(3) {order: 2;}
					.main_process .process_list li:nth-child(3) .thumb:before,
					.main_process .process_list li:nth-child(3) .thumb:after {left: 50%; top: -100%; transform: translateX(calc(50% + 0.5px)); width: 1px; height: 100%;}
					.main_process .process_list li:nth-child(3) .thumb:after {animation: lineAni2 0.6s forwards;} */
				.main_process .process_list li .thumb span {padding: 14px;}
			}
			@media screen and (max-width:640px){
				.main_process {padding: 60px 0;}
				.main_process .main_tit span.eng + h3 {margin-bottom: 8px;}
			}
			@media screen and (max-width:479px){
				.main_process {padding: 50px 0;}
				.main_process .process_list {gap: 30px 0; width: 100%; margin-top: 34px;}
				.main_process .process_list li {width: calc(50% - 40px);}
				.main_process .process_list li .thumb span {padding: 11px;}
			}
			@media screen and (max-width:360px){
				.main_process .process_list {gap: 25px 0;}
				.main_process .process_list li {width: calc(50% - 25px);}
				.main_process .process_list li .thumb span {padding: 8px;}
			}
			
		/** main_people **/
			.main_people {width: 100%; background: var(--point-bg01); padding-top: 60px;}
			.main_people .w_custom {position: relative; font-size: 0;}
			.main_people .main_tit {position: absolute; left: 0; top: 13.7%; text-align: left;}
			.main_people .main_tit p {margin-top: 36px; font-weight: 400;}
			.main_people .people_slide {width: 100%;}
			.main_people .people_slide .slick-list li {top: inherit !important; bottom: 0px; height: 100%; text-align: right;}
			.main_people .people_slide .slick-list li .con_wrap {display: inline-flex; align-items: flex-end; padding-right: 4.27vw;}
			.main_people .people_slide .slick-list li .txt {padding-right: 20px; padding-bottom: 108px;}
			.main_people .people_slide .slick-list li .txt * {display: block; letter-spacing: var(--font-letter05);}
			.main_people .people_slide .slick-list li .txt span {margin-bottom: 4px; font-size: var(--title-28); color: var(--black-color05); line-height: 1;}
			.main_people .people_slide .slick-list li .txt strong {font-size: var(--title-50); color: var(--point-color01); font-weight: 500;}
			.main_people .people_slide .slick-list li .thumb {}
			.main_people .people_slide .slick-dots {position: absolute; left: 0; bottom: 140px; display: flex;}
			.main_people .people_slide .slick-dots li {position: relative; width: 160px; height: 160px; border-radius: 50%; cursor: pointer; overflow: hidden;}
			.main_people .people_slide .slick-dots li:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--point-color01); opacity: 0; transition: all 0.4s;}
				.main_people .people_slide .slick-dots li.slick-active:before {opacity: 0.8; transition: all 0.4s;}
				.main_people .people_slide .slick-dots li:nth-child(1) {background: url("../images/skin/main_people_dot01.png") no-repeat center; background-size: 100%;}
				.main_people .people_slide .slick-dots li:nth-child(2) {background: url("../images/skin/main_people_dot02.png") no-repeat center; background-size: 100%;}
				.main_people .people_slide .slick-dots li:nth-child(3) {background: url("../images/skin/main_people_dot03.png") no-repeat center; background-size: 100%;}
				.main_people .people_slide .slick-dots li:nth-child(4) {background: url("../images/skin/main_people_dot04.png") no-repeat center; background-size: 100%;}
			.main_people .people_slide .slick-dots li + li {margin-left: 20px;}
			.main_people .people_slide .slick-dots li .dot {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width :100%; height: 100%; z-index: 1;}
			.main_people .people_slide .slick-dots li .dot * {display: block; color: var(--white-color01); font-weight: 400; text-align: center; opacity: 0; transition: all 0.4s;}
				.main_people .people_slide .slick-dots li.slick-active .dot * {opacity: 1; transition: all 0.4s;}
			.main_people .people_slide .slick-dots li .dot span {font-size: var(--title-20);}
			.main_people .people_slide .slick-dots li .dot strong {margin-top: 3px; font-size: var(--title-30); font-weight: 500;}
			
			/* hover */
				@media only screen and (min-width:1024px) {
					.main_people .people_slide .slick-dots li:hover:before {opacity: 0.8; transition: all 0.4s;}
					.main_people .people_slide .slick-dots li:hover .dot * {opacity: 1; transition: all 0.4s;}
				}
			
			@media screen and (max-width:1640px) {
				.main_people .main_tit {top: 12%; left: 20px;}
				.main_people .people_slide .slick-list li .con_wrap {padding-right: 2vw;}
				.main_people .people_slide .slick-list li .txt {padding-bottom: 88px; padding-right: 16px;}
				.main_people .people_slide .slick-list li .thumb {width: 560px;}
				.main_people .people_slide .slick-dots {bottom: 130px;}
				.main_people .people_slide .slick-dots li {width: 154px; height: 154px;}
			}
			@media screen and (max-width:1480px) {
				.main_people .main_tit p {margin-top: 30px;}
				.main_people .people_slide .slick-list li .con_wrap {padding-right: 0;}
				.main_people .people_slide .slick-list li .txt {padding-bottom: 78px; padding-right: 12px;}
				.main_people .people_slide .slick-list li .thumb {width: 530px;}
				.main_people .people_slide .slick-dots {bottom: 120px;}
				.main_people .people_slide .slick-dots li {width: 148px; height: 148px;}
				.main_people .people_slide .slick-dots li + li {margin-left: 16px;}
			}
			/* @media screen and (max-width:1280px) {
				.main_people .main_tit {top: 10%;}
				.main_people .main_tit p {margin-top: 26px;}
				.main_people .people_slide .slick-list li .txt {padding-bottom: 68px; padding-right: 10px;}
				.main_people .people_slide .slick-list li .thumb {width: 480px;}
				.main_people .people_slide .slick-dots {bottom: 110px;}
				.main_people .people_slide .slick-dots li {width: 140px; height: 140px;}
				.main_people .people_slide .slick-dots li + li {margin-left: 14px;}
				.main_people .people_slide .slick-dots li .dot strong {margin-top: 0;}
			}
			@media screen and (max-width:1217px) {
				.main_people .main_tit {top: 7%; width: 55%;}
				.main_people .main_tit p br {display: none;}
				.main_people .people_slide .slick-list li .thumb {width: 440px;}
			}
			@media screen and (max-width:1140px) {
				.main_people .main_tit {top: 4%;}
				.main_people .main_tit p {margin-top: 22px;}
				.main_people .people_slide .slick-list li .thumb {width: 420px;}
				.main_people .people_slide .slick-dots {bottom: 65px;} 
				.main_people .people_slide .slick-dots li {width: 126px; height: 126px;}
			} */
			@media screen and (max-width:1350px){
				.main_people .main_tit {position: relative; width: 100%; left: inherit; top: inherit;}
				.main_people .main_tit p br {display: block;}
				.main_people .people_slide .slick-list li .con_wrap {justify-content: flex-end; width: 100%;}
				.main_people .people_slide .slick-list li .txt {padding-right: 16px;}
				.main_people .people_slide .slick-list li .thumb {width: 46%;}
				.main_people .people_slide .slick-dots {bottom: inherit; top: 50px;}
				.main_people .people_slide .slick-dots li {width: 134px; height: 134px;}
			}
			/* @media screen and (max-width:860px){
				.main_people .people_slide .slick-list li .txt {padding-right: 12px;}
				.main_people .people_slide .slick-dots {top: 40px;}
				.main_people .people_slide .slick-dots li {width: 120px; height: 120px;}
			} */
			@media screen and (max-width:1100px){
				.main_people .main_tit p br {display: none;}
				.main_people .people_slide {margin-top: 35px; padding-top: 130px;}
				.main_people .people_slide .slick-list li .thumb {width: 60%;}
				.main_people .people_slide .slick-dots {top: 0;}
			}
			@media screen and (max-width:640px){
				.main_people .main_tit p {margin-top: 18px;}
				.main_people .people_slide {margin-top: 30px; padding-top: 114px;}
				.main_people .people_slide .slick-dots li {width: 104px; height: 104px;}
				.main_people .people_slide .slick-dots li + li {margin-left: 10px;}
				.main_people .people_slide .slick-list li .thumb {width: 70%;}
			}
			@media screen and (max-width:479px){
				.main_people {padding-top: 50px;}
				.main_people .people_slide .slick-dots{gap:8px;width:100%;}
				.main_people .people_slide .slick-dots li {width: calc(25% - 6px);height:auto;aspect-ratio:auto 1;}
				.main_people .people_slide .slick-dots li + li{margin:0;}
				.main_people .people_slide .slick-dots li .dot span{font-size:13px;}
				.main_people .people_slide .slick-dots li .dot strong{font-size:15px;}
			}
			@media screen and (max-width:362px){
				/* .main_people .people_slide .slick-dots li {width: 92px; height: 92px;}	 */
			}
			@media screen and (max-width:334px){
				
			}
			
		/** main_consult **/
			.main_consult {position: relative; display: flex; width: 100%;}
			.main_consult #consult {position: absolute; left: 0; top: 0; height: 0;}
			.main_consult > div {width: 50%; box-sizing: border-box;}
			.main_consult .left_box {display: flex; flex-direction: column; justify-content: space-between; background: url("../images/skin/main_consult_bg.jpg") no-repeat center; background-size: cover; padding: 120px 4.17vw 80px 8.34vw;}
			.main_consult .left_box .main_tit {text-align: left;}
			.main_consult .left_box .main_tit h3, .main_consult .left_box .main_tit p {color: var(--white-color01);}
			.main_consult .left_box > p {font-size: var(--title-18); color: var(--white-color05); font-weight: 300; line-height: 1.77; letter-spacing: var(--font-letter05); text-align: right;}
			.main_consult .right_box {padding: 90px 13.02vw 100px 5.25vw;}
			.main_consult .board_main_write td {padding: 10px 0;}
			.main_consult .board_main_write td strong {display: none;}
			.main_consult .board_main_write td :where(input, textarea) {width: 100%;}
			.main_consult .board_main_write td textarea {height: 280px !important;}
			.main_consult .board_main_write + button {width: 100%; margin-top: 30px; font-family: var(--font-type01); letter-spacing: var(--font-letter05);}
			.main_consult .main_btn span {font-size: var(--title-20);}
			
			@media screen and (max-width:1640px) {
				.main_consult .left_box {padding: 100px 3vw 80px 5vw;}
				.main_consult .right_box {padding: 90px 8vw 100px 4vw;}
			}
			@media screen and (max-width:1480px){
				.main_consult .left_box {padding: 100px 45px 70px 4vw;}
				.main_consult .right_box {padding: 85px 5vw 95px 45px;}
			}
			@media screen and (max-width:1217px) {
				.main_consult .left_box {padding: 90px 40px 60px 30px;}
				.main_consult .right_box {padding: 80px 40px 90px;}
				.main_consult .board_main_write td {padding: 7px 0;}
			}
			@media screen and (max-width:1024px){
				.main_consult .left_box {padding: 75px 35px 45px 25px;}
				.main_consult .right_box {padding: 65px 35px 75px;}
			}
			@media screen and (max-width:860px){
				.main_consult {flex-direction: column;}
				.main_consult > div {width: 100%;}
				.main_consult .left_box {height: 360px; padding: 60px 25px 50px;}
				.main_consult .right_box {padding: 50px 25px 60px;}
			}
			@media screen and (max-width:640px){
				.main_consult .left_box {height: 340px; padding: 50px 20px 45px;}
				.main_consult .right_box {padding: 40px 20px 50px;}
				.main_consult .board_main_write td {padding: 4px 0;}
				.main_consult .board_main_write .policy_cont {padding-top: 5px;}
			}
			@media screen and (max-width:479px){
				.main_consult .left_box {height: 300px; padding: 40px 15px 40px;}
				.main_consult .left_box > p br {display: none;}
				.main_consult .right_box {padding: 30px 15px 40px;}
				.main_consult .board_main_write + button {margin-top: 20px;}
			}