@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;padding: 71px 0 30px;overflow: visible;}
		#wrap #container {width:100%;margin:0;padding:0;}
		#wrap #footer {width:100%;margin:0;}

			/* #container 안의 레이아웃 */
		#contents_wrap {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: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 {width:90%;max-width:1600px;margin:0 auto;box-sizing:border-box;position: relative; z-index: 10;}
			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
		#content .sub_content{width:100%;margin:0 auto; box-sizing:border-box;}
		#content .sub_content:after {clear:both;content:"";display:block;}
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {width:1230px;padding-left:15px;padding-right:15px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

		.section .inner { width: 96%; height: 100%; max-width: 1500px; margin:0px auto; position: relative; }

	@media only screen and (max-width:1440px) {
		#contents_wrap .nav_wrap { width: 94%; }
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
		/* #contents_wrap {width:100%;padding-left:15px !important;padding-right:15px !important;} */
		#contents_wrap {width:100%;}
		.w_custom{width:100%;padding-left:15px !important;padding-right:15px !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: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:768px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}

		.section .inner { width: 100%; padding: 0 20px; }
	}
	@media only screen and (max-width:640px) {
		.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
		/* #contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;} */
		#contents_wrap {width:100%;}
		#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) {
		.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 {left:0;top:0;border:0;text-align:center;position:sticky;z-index:10;width:100%;box-sizing:border-box;font-size:0;background:rgba(255,255,255,0); }
		#header.on { background-color: rgba(255,255,255,0.85); }
		#header .w_set {width:100%;box-sizing:border-box;max-width:1180px;padding:0;margin:0 auto;}
		#header .w_set2 {position:relative;}
		#header .hd_logo {left:160px;position:absolute;z-index:15;width: 272px;height: 46px; top:60px;}
		#header .hd_logo a {width: 100%; background: url('/data/skin/respon_default/images/common/logo.svg') no-repeat left;font-size: 0;display: block;height: 100%;background-size: auto 100%;}
		#header .hd_lnb {margin:0;padding:0;font-size:0;width:100%;display:block;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:10;}
		#header .hd_lnb > li, 
		#header .hd_lnb > li a {padding:0;color:#222;vertical-align: middle;text-align:center;display:inline-block;box-sizing:border-box;transition: all .2s;}
		#header .hd_lnb > li {padding: 0 30px;position:relative;}
		#header .hd_lnb > li > a {padding:0;position:relative;z-index:1; font:600 20px 'Inter','Noto Sans KR'; letter-spacing: 0; }
		#header .hd_lnb > li > a:hover:after{width:100%;}
		#header .hd_lnb > li > a.on:after{width:100%;}
		#header .hd_lnb > li .lnb_dep2 {min-width: 170px;z-index: 55;display:none;position:absolute;left:50%;top:100%; padding:14px 24px; margin-top: 20px; background:var(--main); transform: translateX(-50%); }
		#header .hd_lnb > li .lnb_dep2 li { padding: 8px 0; }
		#header .hd_lnb > li .lnb_dep2 a { font:500 18px 'Inter','Noto Sans KR'; opacity: 0.6; transition: 0.5s; color:White !important; white-space: nowrap; position: relative; }
		#header .hd_lnb > li .lnb_dep2 a::after {content:"";display:block;width:100%; height:1px; transition:0.5s;position:absolute;left:0;bottom: -2px; background:white; transform: scale(0,1); opacity: 0;}
		#header .hd_lnb > li .lnb_dep2 a:hover { opacity: 1; }
		#header .hd_lnb > li .lnb_dep2 a:hover::after { opacity: 1; transform: scale(1,1); }
		#header .hd_right {top:67px;right:0px;margin:0;padding:0;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15; padding-right: 160px;}
		#header .hd_right .hd_gnb,
		#header .hd_right .hd_lang,
		#header .hd_right .menu-trigger {display:inline-block;vertical-align:middle;}
		#header .hd_right .hd_lang li, 
		#header .hd_right .hd_lang li a {line-height: 1;padding:0;color:var(--black);vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box; letter-spacing: 0;}
		#header .hd_right .hd_lang li + li a {margin:0 0 0 30px;}
		#header .hd_right .hd_lang li, 
		#header .hd_right .hd_lang li a {line-height: 1;padding:0;color:var(--black);vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box; font:600 20px 'Inter';}
		#header .hd_right .hd_lang li .lang-eng { font-weight: 400; opacity: 0.5; }
		#header .hd_right .hd_lang li .lang-kor { border-bottom: 1px solid var(--black); }
		#header .hd_right .hd_gnb li, 
		#header .hd_right .hd_gnb li a {line-height: 1;padding:0;color:var(--black);vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
		#header .hd_right .hd_gnb li + li a {padding:0 0 0 30px;}
		#header .hd_right .menu-trigger {position:relative;padding:0;width: 30px;height: 32px;box-sizing: border-box;margin-left: 50px;}
		#header .hd_right .menu-trigger span {transition:0.3s;position:absolute;width: 2px;height:100%;background-color: #333;top: 0;}
		#header .hd_right .menu-trigger span:nth-of-type(1) {left: 0;}
		#header .hd_right .menu-trigger span:nth-of-type(2) {left: 50%;margin-left: -1px;}
		#header .hd_right .menu-trigger span:nth-of-type(3) {right: 0;}

		#header .hd_right .quick-wrap { width: 64px; position: fixed; right: 70px; top: auto; bottom: 10%; }
		#header .hd_right .quick-wrap li { height: 64px; border-radius: 50%; padding: 0; box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); }
		#header .hd_right .quick-wrap li.brochure { background-color: #113E82; }
		#header .hd_right .quick-wrap li.inquiry { background-color: #1661D6; margin-top: 12px; }
		#header .hd_right .quick-wrap li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
		#header .hd_right .quick-wrap li .txt { display: none; }

		.main_index #header .hd_right .quick-wrap { width: 80px; position: absolute; right: 0; top: -67px; }
		.main_index #header .hd_right .quick-wrap li { box-sizing: border-box; padding: 30px 0; border-radius: 0; position: relative; box-shadow: unset; }
		.main_index #header .hd_right .quick-wrap li.brochure { height: 320px; background-color: #113E82; }
		.main_index #header .hd_right .quick-wrap li.inquiry { height: 170px; background-color: #1661D6; margin-top: 0; }
		.main_index #header .hd_right .quick-wrap li a { height: auto; }
		.main_index #header .hd_right .quick-wrap li .txt { display: block; width: max-content; font: 500 20px / 24px 'Inter'; color: #FFF; transform: rotate(90deg) translateX(50%); margin-top: 4px; letter-spacing: 0; }




		/* main header */
			.main_index #header{border-bottom:0px;background:transparent;position:fixed; transition: 0.3s;}
			.main_index #header .hd_lnb li > a {color:#fff;}
			.main_index #header .hd_right .hd_lnb li, 
			.main_index #header .hd_right .hd_lnb li a{transition:0.3s;color:#fff;}
			.main_index #header .hd_right .hd_lnb li a:after{background:#fff;}
			.main_index #header .hd_right .hd_lang li a {color:#fff;}
			.main_index #header .hd_right .hd_lang li .lang-eng { border-bottom-color: #FFF; }
			.main_index #header .hd_right .hd_gnb li a {color:#fff;}
			.main_index #header .hd_right .menu-trigger span {background:#fff;}
			.main_index #header.on {background:white;}
			.main_index #header.on .hd_logo a { filter:none; }
			.main_index #header.on .hd_lnb li > a {color:var(--black);}
			.main_index #header.on .hd_right .hd_lnb li, 
			.main_index #header.on .hd_right .hd_lnb li > a{color:var(--black);}
			.main_index #header.on .hd_right .hd_lnb li a:after{background:var(--black);}
			.main_index #header.on .hd_right .hd_lang li a {color:var(--black);}
			.main_index #header.on .hd_right .hd_lang li .lang-eng { border-bottom-color: var(--black); }
			.main_index #header.on .hd_right .hd_gnb li a {color:var(--black);}
			.main_index #header.on .hd_right .menu-trigger span {background:var(--black);}
			.main_index #header.header-font-black {background:transparent;}
			.main_index #header.header-font-black .hd_logo a { filter:none; }
			.main_index #header.header-font-black .hd_lnb li > a {color:var(--black);}
			.main_index #header.header-font-black .hd_right .hd_lnb li, 
			.main_index #header.header-font-black .hd_right .hd_lnb li > a{color:var(--black);}
			.main_index #header.header-font-black .hd_right .hd_lnb li a:after{background:var(--black);}
			.main_index #header.header-font-black .hd_right .hd_lang li a {color:var(--black);}
			.main_index #header.header-font-black .hd_right .hd_lang li .lang-eng { border-bottom-color: var(--black); }
			.main_index #header.header-font-black .hd_right .hd_gnb li a {color:var(--black);}
			.main_index #header.header-font-black .hd_right .menu-trigger span {background:var(--black);}

		@media only screen and (max-width:1700px) {
			#header .hd_logo { left: 60px; width: 232px; height: 38px; }
			#header .hd_right { padding-right: 120px; }
			#header .hd_lnb > li { padding: 0 20px; }
		}
		@media only screen and (max-width:1600px) {
			#wrap #header { padding: 60px 0 30px; }
			#header .hd_logo { left: 40px; top:56px; width: 182px; height: 30px; }
			#header .hd_lnb > li { padding: 0 14px; }
			#header .hd_lnb > li > a { font-size: 18px; }

			#header .hd_right { padding-right: 90px; top:56px; }
			#header .hd_right .hd_lang li + li a { margin-left: 20px; }
			#header .hd_right .menu-trigger { margin-left: 30px; }
			#header .hd_right .hd_lang li, #header .hd_right .hd_lang li a { font-size: 18px; }
			
			.main_index #header .hd_right .quick-wrap { width: 66px; top:-56px; }
			.main_index #header .hd_right .quick-wrap li { padding: 20px 0; }
			.main_index #header .hd_right .quick-wrap li .txt { font-size: 18px; }
			.main_index #header .hd_right .quick-wrap li.brochure { height: 280px; }
			.main_index #header .hd_right .quick-wrap li.inquiry { height: 150px; }
		}
		@media only screen and (max-width:1200px) {
			#header .hd_lnb { display: none; }
			#header .hd_logo { top:31px; }
			#header .hd_right { top:30px; }

			.main_index#header .hd_right .quick-wrap { top:-30px; }
		}
		@media only screen and (max-width:1024px) {
			#wrap #header { padding: 0; height: 90px; }
			#header .hd_right { padding-right: 0; }
			#header .hd_right .menu-trigger span { height: 90%; top:5%; }
			#header .hd_right .menu-trigger span:nth-of-type(1) { left: 5%; }
			#header .hd_right .menu-trigger span:nth-of-type(3) { right: 5%; }
			#header .hd_logo { left: 0; }
			.header_cont { width: 96%; height: 100%; margin:0px auto; position: relative; }
			
			#header .hd_right .quick-wrap { display: none; }
		}
		@media only screen and (max-width:768px) {
			#wrap #header { height: 70px; }
			#header .hd_logo { top:50%; transform: translateY(-50%); width: 162px; height: 27px; }
			#header .hd_right { top:50%; transform: translateY(-50%); }
			#header .hd_right .menu-trigger span { height: 80%; top:10%; }
			#header .hd_right .menu-trigger span:nth-of-type(1) { left: 10%; }
			#header .hd_right .menu-trigger span:nth-of-type(3) { right: 10%; }
		}
		@media only screen and (max-width:500px) {
			#header .hd_right .menu-trigger { margin-left: 20px; }
			#header .hd_right .hd_lang li, #header .hd_right .hd_lang li a { font-size: 16px; }
			#header .hd_right .hd_lang li + li a { margin-left: 12px; }
		}

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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
	#aside { width: 100%; max-width: 640px; height: 100%; background: #f9f9f9; box-sizing: border-box; position: fixed; top: 0; right: 0; transform: translateX(100%); z-index: 100; transition: 0.8s; }
	#aside.on { transform: translateX(0); }

	.aside_bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; opacity: 0; transition: 0.8s; display: none; }
	.aside_bg.on { display: block; opacity: 1;}

	#aside .aside_box .btn_aside_close { width: 30px; height: 30px; position: absolute; right: 40px; top: 40px; cursor: pointer; }
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 { display: block; width: 100%; height: 100%; }
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span { width: 100%; height: 2px; background-color: var(--point-color02); position: absolute; left: 0; top: 14px; transition: 0.3s; }
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (0) rotate (-45deg);transform:translateY(0) rotate(-45deg);}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
	#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
	

	#aside .aside_box { display: block; width: 100%; height: 100%; margin: 0; padding: 40px; overflow-y: auto; position: relative; z-index: 1; box-sizing: border-box; }
	#aside .aside_box .aside_logo { width: 230px; height: 40px; margin-bottom: 60px; }
	#aside .aside_box .aside_logo a { display: block; width: 100%; height: 100%; font-size: 0; text-indent: -9999px; background: url('../images/common/logo.svg') no-repeat center/contain; }
	
	#aside .aside_box .aside_gnb {text-align:left;display:block;}
	#aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;}
	#aside .aside_box .aside_gnb li + li {margin-left:23px;}
	#aside .aside_box .aside_gnb li a {display:block;font-size:14px;color:#ffffff;}
	#aside .aside_box .aside_search {margin:40px 0 28px;height:40px;background:#fff;position:relative;display:block;}
	#aside .aside_box .aside_search .search_input {width:100%;padding:0 10px;box-sizing:border-box;color:#333;font-size:13px;border:none;line-height:40px;}
	#aside .aside_box .aside_search .search_enter {width:24px;height:24px;background:url('/data/skin/respon_default/images/test/aside_search.png') no-repeat 0 0;position:absolute;right:15px;top:50%;margin-top:-12px;background-size:auto 100%;font-size: 0;border: 0;}
	
	#aside ul.slidemenu { padding-bottom: 60px; }
	#aside ul.slidemenu .depth1_li { vertical-align: top; font-size: 0; border-bottom: 1px solid #dadada; position: relative; }
	#aside ul.slidemenu .depth1_li > a { display: block; padding: 26px 0; color: var(--black-color03); font: 500 22px / 140% var(--font-type01); letter-spacing: -0.52px; }
	#aside ul.slidemenu .depth1_li .icons { display: block; width: 20px; height: 20px; background: linear-gradient(#333, #333), linear-gradient(#333, #333), transparent; background-position: center; background-size: 100% 1px, 1px 100%; background-repeat: no-repeat; position: absolute; right: 0; top: 30px; cursor: pointer; }
	#aside ul.slidemenu .depth1_li.on .icons { background-size: 100% 1px, 0 100%; }
	#aside ul.slidemenu .depth1_li .depth1_a.now {background:url('/data/skin/respon_default/images/test/aside_cate_on.png') no-repeat 97%;background-size:auto 8px;}
	#aside ul.slidemenu .depth1_li .depth { padding: 10px 20px 30px; display: none; }
	#aside ul.slidemenu .depth1_li .depth li { position: relative; }
	#aside ul.slidemenu .depth1_li .depth li + li { margin-top: 16px; }
	#aside ul.slidemenu .depth1_li .depth li a { display: block; padding: 12px 0 12px 18px; font: 400 19px/100% var(--font-type01); color: var(--black-color03); position: relative; }
	#aside ul.slidemenu .depth1_li .depth li:before { content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: var(--point-color02); position: absolute; left: 0; top: 15px; }

	@media only screen and (max-width:640px) {
		#aside .aside_box { padding: 28px; }
		#aside .aside_box .btn_aside_close { right: 20px; top: 28px; }
		#aside .aside_box .aside_logo { width: 180px; height: 30px; margin-bottom: 40px; margin-top: 4px; }
		#aside ul.slidemenu .depth1_li > a { padding: 20px 0; font-size: 20px; letter-spacing: -0.4px; }
		#aside ul.slidemenu .depth1_li .icons { width: 18px; height: 18px; top: 24px; }
		#aside ul.slidemenu .depth1_li .depth { padding: 0 12px 20px; }
		#aside ul.slidemenu .depth1_li .depth li + li { margin-top: 12px; }
		#aside ul.slidemenu .depth1_li .depth li a { padding: 6px 0 6px 12px; }
	}
 
/*───────────────────────────────────────────────────────────

	FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#footer { padding: 80px 0 0; background:var(--black); color:white; }
		#footer .ft_inner { width: 96%; max-width: 1500px; margin:0px auto; }
		#footer .ft_top { padding-bottom: 65px; display: grid; grid-template-columns: 272px auto; gap: 120px; justify-content: space-between; }
		#footer .ft_logo { width: 100%; filter: saturate(0) brightness(20); }
		#footer .ft_logo img { width: 100%; }
		#footer .ft_famliy { width: 220px; height: 50px; margin-top: 40px; color:white; border:1px solid rgba(255,255,255,0.3); background:var(--black) url('/data/skin/respon_default/images/common/footer_ico_drop.svg') no-repeat center right 20px / 10px; -webkit-appearance:none; /* 크롬 화살표 없애기 */		-moz-appearance:none; /* 파이어폭스 화살표 없애기 */			appearance:none /* 화살표 없애기 */ ; font:400 16px 'Inter'; }
		#footer .ft_famliy option { color:white; background:var(--black); }
		#footer .ft_contact { display: flex; justify-content: space-between; gap: 40px; }
		#footer .ft_contact li { display: grid; grid-template-columns: 96px auto; margin-bottom: 20px; font: 400 18px/100% 'Noto Sans KR'; letter-spacing: -0.54px; color:rgba(255,255,255,0.8); padding-bottom: 4px; }
		#footer .ft_contact ul:first-child li { grid-template-columns: 176px auto; } 
		#footer .ft_contact li:last-child { margin-bottom: 0; }
		#footer .ft_contact li a { color:rgba(255,255,255,0.8); }
		#footer .ft_contact li .ft_info_tit { color:white; }

		#footer .ft_bot { height: 81px; display: flex; align-items: center; justify-content: space-between; position: relative; }
		#footer .ft_bot::before { content: ''; display: block; width: 100vw; height: 1px; position: absolute; left:50%; top:0px; transform: translateX(-50%); background:rgba(217,217,217,0.3); }
		#footer .copyright { color:rgba(255,255,255,0.6); font:400 16px/160% 'Inter'; }
		#footer .copyright a { display: inline-block; margin-left:10px; color:rgba(255,255,255,0.6); }
		#footer .ft_service { font:400 18px/26px 'Noto Sans KR'; }
		#footer .ft_service a { color:rgba(255,255,255,0.6); }
		#footer .ft_service ul { display: flex; gap: 32px }
		#footer .ft_service li:last-child a { color:white; }

		@media only screen and (max-width:1700px) {
			#footer .ft_top { grid-template-columns: 232px auto; }
		}
		@media only screen and (max-width:1600px) {
			#footer { padding:60px 0 0; }
			#footer .ft_top { padding-bottom: 45px; grid-template-columns: 182px auto; gap:60px; }
			#footer .ft_contact li { font-size: 16px; margin-bottom: 14px; grid-template-columns: 115px auto; }
			#footer .ft_contact { gap:30px; }
			#footer .ft_famliy { width: 100%; font-size: 15px; height: 46px; }

			#footer .ft_bot { height: 60px; }
			#footer .copyright { font-size: 14px; }
			#footer .ft_service { font-size: 16px; }
		}
		@media only screen and (max-width:1320px) {
			#footer .ft_famliy { margin-top: 0; width: 220px; }
			#footer .ft_logo { width: 182px; }
			#footer .ft_top { grid-template-columns: 1fr; gap:40px; }
			#footer .ft_top > div:not(.ft_contact) { display: flex; justify-content: space-between; align-items: center; }
			#footer .ft_contact { justify-content: flex-start; gap: 60px; }
			#footer .ft_contact li { margin-bottom: 10px; font-size: 15px; }
			#footer .ft_contact ul:first-child li { grid-template-columns: 160px auto; } 
		}
		@media only screen and (max-width:1280px) {
			#footer { padding:40px 0 0; }

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

		}
		@media only screen and (max-width:840px) {
			#footer .ft_famliy { font-size: 14px; height: 42px; }
			#footer .ft_bot { flex-wrap:wrap; align-items: center; justify-content: center; flex-direction: column; height: 120px; gap:8px; }
			#footer .copyright { width: 100%; text-align: center; }
			#footer .ft_contact { flex-wrap:wrap; gap:8px; }
			#footer .ft_contact li { margin-bottom: 8px; font-size: 14px; grid-template-columns: 140px auto; line-height: 140%; }
			#footer .ft_contact ul:first-child li { grid-template-columns: 140px auto; }
			#footer .ft_service ul { justify-content: center; }
		}
		@media only screen and (max-width:500px) {
			#footer .ft_logo { width: 162px; }
			#footer .ft_top > div:not(.ft_contact) { flex-wrap:wrap; }
			#footer .ft_famliy { width: 100%; margin-top: 20px; }
			#footer .copyright { font-size: 13px; }
			#footer .ft_service { font-size: 14px; }
		}

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

	 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: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: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;}
	}

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

	 FOOTER QUICK MENU

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

	#ft-quick { width: 100%; }
	#ft-quick .ft-quick-wrap { display: flex; display: none; }
	#ft-quick .ft-quick-wrap > div { width: 50%; height: 320px; position: relative; overflow: hidden; }

	#ft-quick .ft-quick-wrap .lf-quick { display: flex; justify-content: flex-end; }
	#ft-quick .ft-quick-wrap .quick-box { display: block; width: 100%; max-width: 800px; padding: 70px 60px 60px; position: relative; z-index: 3; }
	#ft-quick .ft-quick-wrap .quick-box .tit { font: 700 46px / 100% var(--font-type01); color: var(--black-color03); letter-spacing: -1.4px; margin-bottom: 40px; }
	#ft-quick .ft-quick-wrap .quick-box .sub-txt { font: 400 24px / 100% var(--font-type01); }
	#ft-quick .ft-quick-wrap .quick-box ul { display: flex; }
	#ft-quick .ft-quick-wrap .quick-box ul a { display: block; padding-right: 20px; margin-right: 20px; position: relative; }
	#ft-quick .ft-quick-wrap .quick-box ul a::after { content: ''; width: 1px; height: 24px; background-color: var(--black-color03); position: absolute; right: 0; top: 0; }
	#ft-quick .ft-quick-wrap .quick-box ul li:last-child a::after { display: none; }
	#ft-quick .ft-quick-wrap .quick-box .quick-arr { width: 180px; height: 20px; background: url('../images/skin/ft-quick-arr-gr.png') no-repeat -180px center/contain; margin-top: 60px; opacity: 0; transition: all 0.3s ease; }

	#ft-quick .ft-quick-wrap1 .lf-quick { background: url('../images/skin/ft-quick-capbg.jpg') no-repeat center/cover; }
	#ft-quick .ft-quick-wrap1 .lf-quick .quick-box .tit,
	#ft-quick .ft-quick-wrap1 .lf-quick .quick-box ul a { color: var(--point-white); }
	#ft-quick .ft-quick-wrap1 .quick-box ul a::after { background-color: var(--point-white); }
	#ft-quick .ft-quick-wrap1 .lf-quick .quick-box .quick-arr { background-image: url('../images/skin/ft-quick-arr.png'); }
	#ft-quick .ft-quick-wrap1 .rg-quick { background: url('../images/skin/ft-quick-inqbg.jpg') no-repeat center/cover; }
	#ft-quick .ft-quick-wrap2 .lf-quick { background-color: #f9f9f9; }
	#ft-quick .ft-quick-wrap2 .lf-quick::before { content: ''; width: 320px; height: 400px; background: #f9f9f9  url('../images/skin/ft-quick-filter.jpg') no-repeat center/contain; background-blend-mode: darken; position: absolute; right: 40px; bottom: -110px; z-index: 1; }
	#ft-quick .ft-quick-wrap2 .rg-quick { background-color: #e5e5e5; }
	#ft-quick .ft-quick-wrap2 .rg-quick::before { content: ''; width: 235px; height: 450px; background: url('../images/skin/ft-quick-capsule.png') no-repeat center/contain; position: absolute; right: 155px; bottom: -165px; z-index: 1; }

	#ft-quick .ft-quick-wrap .quick-box:hover .quick-arr { background-position: left center; opacity: 0.7; }


	/* 필요 페이지에서만 나오도록 제어 */
	#wrap.company_history .ft-quick-wrap1,
	#wrap.sub_inquiry .ft-quick-wrap1,
	#wrap.support_contact .ft-quick-wrap1,
	#wrap.support_brochure .ft-quick-wrap1 { display: flex; }

	#wrap.product_capsule .ft-quick-wrap2,
	#wrap.product_assorted .ft-quick-wrap2 { display: flex; }


	@media only screen and (max-width:1380px) {
		#ft-quick .ft-quick-wrap > div { height: 280px; }
		#ft-quick .ft-quick-wrap .quick-box { padding: 60px; }
		#ft-quick .ft-quick-wrap .quick-box .tit { font-size: 46px; letter-spacing: -0.92px; margin-bottom: 30px; }
		#ft-quick .ft-quick-wrap .quick-box .sub-txt { font-size: 22px; }
		#ft-quick .ft-quick-wrap .quick-box .quick-arr { margin-top: 48px; }

		#ft-quick .ft-quick-wrap2 .lf-quick::before { width: 300px; height: 380px; right: 10px; }
		#ft-quick .ft-quick-wrap2 .rg-quick::before { width: 205px; height: 410px; right: 50px; }
	}
	@media only screen and (max-width:1280px) {
		#ft-quick .ft-quick-wrap > div { height: 240px; }
		#ft-quick .ft-quick-wrap .quick-box { padding: 45px; }
		#ft-quick .ft-quick-wrap .quick-box .tit { font-size: 40px; letter-spacing: -0.8px; }
		#ft-quick .ft-quick-wrap .quick-box .sub-txt { font-size: 19px; }
		#ft-quick .ft-quick-wrap .quick-box .quick-arr { margin-top: 40px; }

		#ft-quick .ft-quick-wrap2 .lf-quick::before { width: 270px; height: 340px; }
		#ft-quick .ft-quick-wrap2 .rg-quick::before { width: 175px; height: 380px; }
	}
	@media only screen and (max-width:1024px) {
		#ft-quick .ft-quick-wrap > div { height: 220px; }
		#ft-quick .ft-quick-wrap .quick-box { padding: 45px 32px 40px; }
		#ft-quick .ft-quick-wrap .quick-box .tit { font-size: 36px; letter-spacing: -0.72px; margin-bottom: 24px; }
		#ft-quick .ft-quick-wrap .quick-box ul { gap: 8px; }
		#ft-quick .ft-quick-wrap .quick-box ul a { margin-right: 0; padding-right: 0; }
		#ft-quick .ft-quick-wrap .quick-box ul a::after { display: none; }
		#ft-quick .ft-quick-wrap .quick-box .quick-arr { width: 100%; height: 16px; opacity: 0.7; background-position: left top; }

		#ft-quick .ft-quick-wrap2 .lf-quick::before { width: 230px; height: 300px; right: -40px; bottom: -120px; }
		#ft-quick .ft-quick-wrap2 .rg-quick::before { width: 145px; height: 350px; right: 20px; bottom: -155px; }
	}
	@media only screen and (max-width:768px) {
		#ft-quick .ft-quick-wrap { flex-direction: column; }
		#ft-quick .ft-quick-wrap > div { width: 100%; }
		#ft-quick .ft-quick-wrap .quick-box .tit { font-size: 32px; letter-spacing: -0.64px; }
		#ft-quick .ft-quick-wrap .quick-box .sub-txt { font-size: 17px; }
		#ft-quick .ft-quick-wrap .quick-box ul { gap: 0; }
		#ft-quick .ft-quick-wrap .quick-box ul a { margin-right: 12px; padding-right: 12px; }
		#ft-quick .ft-quick-wrap .quick-box ul a::after { display: block; height: 18px; }

		#ft-quick .ft-quick-wrap2 .lf-quick::before { width: 250px; height: 330px; right: 10px; }
		#ft-quick .ft-quick-wrap2 .rg-quick::before { width: 165px; height: 350px; right: 50px; bottom: -155px; }
	}
	@media only screen and (max-width:440px) {
		#ft-quick .ft-quick-wrap > div { height: 200px; }
		#ft-quick .ft-quick-wrap .quick-box { padding: 40px 24px; }
		#ft-quick .ft-quick-wrap .quick-box .tit { font-size: 28px; letter-spacing: -0.56px; }
		#ft-quick .ft-quick-wrap .quick-box .sub-txt { font-size: 16px; margin-right: 0; padding-right: 0; }
		#ft-quick .ft-quick-wrap .quick-box ul { gap: 16px; }
		#ft-quick .ft-quick-wrap .quick-box ul a::after { display: none; }

		#ft-quick .ft-quick-wrap2 .lf-quick::before { width: 210px; height: 300px; right: -40px; bottom: -86px; }
		#ft-quick .ft-quick-wrap2 .rg-quick::before { width: 135px; height: 330px; right: 20px; bottom: -135px; }
	}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* *PC 일반 **/
		.main_index #container {padding-top:0 !important;}
		.main {width:100%;overflow:hidden;}
		.main .w_set {width:100%;box-sizing:border-box;max-width:1290px;padding-left:15px;padding-right:15px;margin:0 auto;}
		.main .tit {display:block;font-size: 40px;line-height: 1;color: #333;text-align:center;margin-top: 3em;margin-bottom: 2em;}

		.hv-view-more { display: flex; align-items: center; justify-content: center; width:200px; height:70px; font:500 20px 'Inter'; border: 1px solid white; position: relative; color:white; transition: 0.3s ease-out; z-index: 1; }
		.hv-view-more::before { content: ''; width: 0; height: 100%; display: block; position: absolute; left:0px; top:0px; background:var(--sub); transition: 0.3s ease-out; z-index: -1; }
		.hv-view-more:hover { border-color: var(--sub); }
		.hv-view-more:hover::before { width: 100%; }
			
		/* visual */
			#wrap .main_visual {position:relative;width:100%;margin:0;height:798px;}
			#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:798px;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;background-position:center;background-size:cover !important;transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity:.8; transition: 4.5s ease-out;}
			.main_visual .slick-slide.slick-current > a { transform: scale(1.3) rotate(0.003deg); }
			.main_visual .slick-slide > img {display:inline-block;height:auto;width:100%;max-width:1920px;}
			.main_visual .txt_box {width:96%;max-width: 1500px;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;font:600 60px/120% 'Inter', 'Noto Sans KR'; text-align: left; color:white; letter-spacing: -0.5px;}
			.main_visual .txt_box .text-sub { margin-top: 40px; font:400 20px/180% 'Noto Sans KR'; }
			.main_visual .txt_box .view-more { margin-top: 60px; }
			.main_visual .txt_box_1,
			.main_visual .txt_box_2 { transform: translate(-50%, -40%); }
			.main_visual .txt_box_1,
			.main_visual .txt_box_2 { font-size: 70px; }

			/*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;}
			
			/*타입 A*/
				.main_visual .visual_btn_wrap.type_A {position:absolute;left:0;bottom:150px;overflow:hidden;width:100%;text-align:center;z-index:10; display: none;}
				.main_visual .visual_btn_wrap.type_A .control_box,
				.main_visual .visual_btn_wrap.type_A .slider-progress,
				.main_visual .visual_btn_wrap.type_A .slideController {display:inline-block;vertical-align:middle;width:auto;box-sizing:border-box;}
				.main_visual .visual_btn_wrap.type_A .control_box {font-size:0;}
				.main_visual .visual_btn_wrap.type_A .control_box .play_btn_box,
				#wrap .main_visual .visual_btn_wrap.type_A .control_box .slick-arrow {font-size:0;display:inline-block;vertical-align:middle;height:20px;}
				

				.main_visual .scr-ico-box { text-align: center; position: absolute; left: 50%; bottom: 40px; transform: translate(-50%, 0%); }
				.main_visual .scr-ico-box p { font: 400 18px/150% 'Inter'; color: white; }
				.main_visual .scr-ico-box p.scr-ico { width: 24px; height: 40px; margin: 10px auto 0; border-radius: 20px; border: 1px solid white; position: relative; }
				.main_visual .scr-ico-box p.scr-ico::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: white; position: absolute; left: calc(50% - 3px); top: 6px; animation: scrIco 900ms linear 0s infinite normal backwards; }

				@keyframes scrIco {
					0% { transform: translateY(0); }
					70% { transform: translateY(22px); }
					100% { transform: translateY(0); }
				}


		#fp-nav { position: fixed; left:3%; top:50%; z-index: 5; }
		#fp-nav ul { display: grid; gap:20px; width: 12px; }
		#fp-nav li:last-child { display: none; }
		#fp-nav li a { display: block; width: 6px; height: 6px; text-indent: -999px; overflow: hidden; background:#AAAAAA; transition: 0.3s ease-out; margin:0px auto; }
		#fp-nav li a.active { width: 12px; height: 12px; background:var(--sub); }
		#fp-nav.fp-white li a.active { background:white; }

		@media only screen and (max-width:1650px) {
			.main_visual .txt_box { font-size: 64px; }
			.main_visual .txt_box .text-sub { margin-top: 20px; font-size: 18px; }
			.main_visual .txt_box .view-more { margin-top: 30px; }
			.main_visual .txt_box_1, .main_visual .txt_box_2 { font-size: 62px; }
			#fp-nav { display: none; }
		}
		@media only screen and (max-width:1400px) {
			.main_visual .txt_box { font-size: 58px; }
			.main_visual .txt_box_1, .main_visual .txt_box_2 { font-size: 56px; }
			.main_visual .txt_box .view-more { width: 180px; height: 64px; }
		}
		@media only screen and (max-width:1024px) {
			.main_visual .txt_box { font-size: 48px; }
			.main_visual .txt_box_1, .main_visual .txt_box_2 { font-size: 46px; }
			.main_visual .txt_box .view-more { width: 140px; height: 56px; }
			.main_visual .txt_box_0 > p { display: inline; }

			#wrap .main_visual { max-height: 800px !important; }
			#wrap .main_visual .slick-slide { max-height: 800px !important; }
			.hv-view-more { width: 140px; height: 56px; font-size: 18px; background:var(--sub); border-color: var(--sub); }
			.hv-view-more::before { display: none; }
		}
		@media only screen and (max-width:768px) {
			.main_visual .txt_box { font-size: 40px; }
			.main_visual .txt_box_1, .main_visual .txt_box_2 { font-size: 38px; }
			.main_visual .txt_box .text-sub { font-size: 17px; }
			.main_visual .txt_box .text-sub p { display: inline; }
			.main_visual .txt_box_1, .main_visual .txt_box_2 { transform: translate(-50%,-50%); }
			.hv-view-more { width: 120px; height: 50px; font-size: 16px; }
			
			#wrap .main_visual { max-height: 750px !important; }
			#wrap .main_visual .slick-slide { max-height: 750px !important; }
			.main_visual .txt_box { width: 100%; padding:0 20px; top:120px; transform: translateX(-50%); }
			.main_visual .txt_box .view-more { width: 120px; height: 50px; }
		}
		@media only screen and (max-width:400px) {
			.main_visual .txt_box { top:100px; }
		}
		
		
		#section02 { background:url('/data/skin/respon_default/images/skin/mv_section_02.jpg') no-repeat center/cover; color:white; position: relative; }
		#section02::after { content: ''; display: block; position: absolute; left:50%; transform: translateX(-50%); bottom:0px; background:url('/data/skin/respon_default/images/skin/main_hansang.svg') no-repeat center left/contain; width: 96%; max-width: 1500px; padding-bottom: 6.2%; }
		#section02 .inner { padding: 26vh 0; }
		#section02 .h3-wrap h3 { font:700 60px/100% 'Noto Sans KR'; }
		#section02 .h3-wrap .h3-sub { margin-top: 38px; font:300 24px/150% 'Noto Sans KR'; }
		#section02 .info-list { margin-top: 64px; max-width: 1140px; }
		#section02 .info-list > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; }
		#section02 .info-list > ul > li { padding:50px 36px; }
		#section02 .info-list > ul > li.dummy { display: none; }
		#section02 .info-list > ul > li:nth-child(2) { background: var(--sub); }
		#section02 .info-list > ul > li:nth-child(3) { background: var(--main); }
		#section02 .info-list > ul > li:nth-child(4) { background: #506C97; }
		#section02 .info-list .list-img { height: 69px; }
		#section02 .info-list .list-tit { margin-top:37px; font:400 22px/150% 'Noto Sans KR'; }
		#section02 .info-list .list-cnt { display: flex; gap:8px; height:60px; margin-top:40px; font:600 70px 'Inter'; }
		#section02 .info-list .list-cnt .cnt-box { overflow: hidden; }
		#section02 .info-list .list-cnt span { font:600 30px 'Inter'; line-height: 76px }
		#section02 .info-list > ul > li:nth-child(3) .list-cnt span,
		#section02 .info-list > ul > li:nth-child(4) .list-cnt span { font-size: 50px; line-height: 20px; }
		#section02 .cnt-box > ul { transform:translateY(-12px); transition: 3s; transition-delay: 0.4s; }
		#section02 .cnt-box.aos-animate > ul { transform:translateY(calc(-100% + 70px)); }

		@media only screen and (max-width:1650px) {
			#section02 .h3-wrap h3 { font-size: 50px; }
			#section02 .h3-wrap .h3-sub { margin-top: 28px; font-size: 20px; }
			#section02 .info-list { margin-top: 40px; }
		}
		@media only screen and (max-width:1400px) {
			#section02 .h3-wrap .h3-sub { margin-top: 20px; font-size: 18px; }
			#section02 .info-list > ul { gap:20px; }
			#section02 .info-list .list-tit { font-size: 20px; }
			#section02 .info-list .list-cnt { font-size: 60px; margin-top: 30px; }
			#section02 .cnt-box.aos-animate > ul { transform: translateY(calc(-100% + 60px)); }
			#section02 .info-list .list-cnt span { font-size: 28px; line-height: 66px; }
			#section02 .info-list > ul > li:nth-child(3) .list-cnt span,
			#section02 .info-list > ul > li:nth-child(4) .list-cnt span { font-size: 40px; }
		}
		@media only screen and (max-width:1024px) {
			#section02 .inner { padding:160px 0; }
			#section02 .h3-wrap { width: 46%; position: absolute; }
			#section02 .h3-wrap h3 { font-size: 42px; }
			#section02 .h3-wrap .h3-sub { font-size: 16px; }
			#section02 .info-list { margin-top: -10px; }
			#section02 .info-list > ul { gap:18px; grid-template-columns: repeat(2, 1fr); }
			#section02 .info-list > ul > li { padding:36px; }
			#section02 .info-list > ul > li.dummy { display: block; opacity: 0; }
			#section02 .info-list .list-img { height: 46px; }
			#section02 .info-list .list-img img { height: 100%; }
			#section02 .info-list .list-tit { font-size: 18px; }
			#section02 .info-list .list-cnt { font-size: 50px; margin-top: 20px; height: 44px; }
			#section02 .info-list .list-cnt span { line-height: 56px; }
			#section02 .info-list > ul > li:nth-child(3) .list-cnt span,
			#section02 .info-list > ul > li:nth-child(4) .list-cnt span { font-size: 36px; }
			#section02 .cnt-box.aos-animate > ul { transform: translateY(calc(-100% + 52px)); }
			#section02 .cnt-box > ul { transform: translateY(-10px); }
		}
		@media only screen and (max-width:768px) {
			#section02 .inner { padding: 100px 20px; }
			#section02 .h3-wrap h3 { font-size: 32px; }
			#section02 .info-list .list-cnt { font-size: 42px; height: 40px; }
			#section02 .info-list .list-cnt span { font-size: 22px; line-height: 48px; }
			#section02 .cnt-box > ul { transform: translateY(-6px); }
			#section02 .cnt-box.aos-animate > ul { transform: translateY(calc(-100% + 42px)); }
			#section02 .info-list > ul > li:nth-child(3) .list-cnt span,
			#section02 .info-list > ul > li:nth-child(4) .list-cnt span { font-size: 24px; }
		}
		@media only screen and (max-width:500px) {
			#section02 .h3-wrap { width: 100%; position: relative; }
			#section02 .h3-wrap h3 { font-size: 28px; }
			#section02 .info-list { margin-top: 30px; }
			#section02 .info-list > ul > li.dummy { display: none; }
			#section02 .info-list .list-cnt { gap:4px; }
			#section02 .info-list > ul { grid-template-columns: repeat(1 , 1fr); }
			#section02 .info-list > ul > li { padding: 26px; }
		}

		
		/* capsule */
		#section03 { padding: var(--sec-pd110) 0 var(--sec-pd120); position: relative; background: #EDEDED url('/data/skin/respon_default/images/skin/mv_section_03.jpg') no-repeat center/cover; overflow: hidden; }
		#section03 .sec-wrap { display: flex; gap: 45px; position: relative; }
		
		#section03 .left-box { width: 30%; max-width: 470px; padding-top: 137px; }
		#section03 .logo-box { width: 127px; height: 107px; padding-top: 3px; margin-bottom: var(--gap40); }
		#section03 .logo-box img { width: 100%; height: 100%; object-fit: contain; }
		#section03 .cap-tit { font: 500 50px/60px var(--font-type01); letter-spacing: -1.5px; color: var(--black-color02); margin-bottom: var(--gap40); }
		#section03 .cap-txt { margin-bottom: var(--gap60); }
		#section03 .cap-txt > span { display: block; font: 300 20px/36px var(--font-type01); color: var(--black-color04); }


		#section03 .right-box { width: calc(100% - 520px); }
		#section03 .right-box .cap-img { width: fit-content; position: absolute; top:0px; }
		#section03 .right-box .cap-img .bg-txt { font: 700 110px/120px 'Inter'; color: var(--black-color10); opacity: 0.2; text-align: center; }
		#section03 .right-box .cap-img .img-box { position: relative; z-index: 5; margin-top: -30px; }
		#section03 .right-box .cap-img .img-box img {  width: 68%; max-width: 324px; display: block; margin:0px auto; object-fit: contain; }
		#section03 .right-box .cap-img .img-pillar { width: 84%; height: 245px; margin: -20px auto; position: relative; background: linear-gradient(90deg, #B4B4B4 0%, #F9F9F9 100%); z-index: -1; }
		#section03 .right-box .cap-img .img-pillar::before { content: ''; width: 100%; height: 38px; position: absolute; left:0px; top:0px; transform: translateY(-50%); border-radius: 50%; background:linear-gradient(90deg, #EEE 0%, #FCFCFC 100%); }
		
		#section03 .cap-category { position: absolute; right: 40px; top: 61%; transform: translateY(-50%); }
		#section03 .cate-wrap { margin-bottom: var(--gap60); }
		#section03 .cate-wrap ul { display: flex; gap: 40px; }
		#section03 .cate-wrap ul li a { display: block; font: 400 24px/34px 'Inter'; letter-spacing: -0.48px; color: #939393; position: relative; }
		#section03 .cate-wrap ul li.on a { text-decoration: underline; color: var(--black-color02); font-weight: 500; }

		#section03 .capsule-cate-box > p { margin-bottom: var(--gap60); }
		#section03 .capsule-cate-box > p span { font: 600 50px/70px var(--font-type01); letter-spacing: -1.5px; color: var(--black-color02); } 
		#section03 .capsule-cate-box > p > span { display: block; } 
		#section03 .capsule-cate-box > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px 40px; }
		#section03 .capsule-cate-box > ul li { max-width: 130px; }

		#section03 .capsule-cate-box .cap-color { width: 40px; height: 40px; margin: 0 auto 12px; padding: 6px; border-radius: 50%; border: 1px solid #ccc; }
		#section03 .capsule-cate-box li.on .cap-color { border: 1px solid var(--black-color02); }
		#section03 .capsule-cate-box .cap-color > span { display: block; width: 100%; height: 100%; border-radius: 50%; font-size: 0; text-indent: -9999px; }
		#section03 .capsule-cate-box .cap-name { font: 500 20px/150% var(--font-type01); letter-spacing: -0.6px; color: var(--black-color05); text-align: center; }
		#section03 .capsule-cate-box li.on .cap-name { color: var(--black-color02); }
		#section03 .hv-view-more { border-color: #555555; color:#555555; }
		#section03 .hv-view-more:hover { border-color: var(--sub); color:white; }

		.menthol65 > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #99E9C3 0%, #148174 40.5%, #045332 100%); }
		.menthol45 > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #99E9C3 0%, #148174 40.5%, #07663E 100%); }
		.menthol25 > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #83D2AD 0%, #509B93 40.5%, #429B76 100%); }
		.blueberry > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #C8C8FF 0%, #343396 40.5%, #010078 100%); }
		.strawberry > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #E55D5D 0%, #B42B2B 40.5%, #750000 100%); }
		.blackberry > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #CACACA 0%, #555555 40.5%, #000000 100%); }
		.raspberry > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFCACA 0%, #BD3636 40.5%, #980000 100%); }
		.blackcurrant > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #CACACA 0%, #555555 40.5%, #000000 100%); }
		.mint > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #C7FFFE 0%, #42B6B3 40.5%, #009995 100%); }
		.spearmint > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #DAFFCE 0%, #5BAF41 40.5%, #1E7E00 100%); }
		.gummint > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #CEDEFF 0%, #395EAE 40.5%, #043190 100%); }
		.icemint > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #A9E8FF 0%, #47B6DE 40.5%, #1C789A 100%); }
		.peppermint > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #B6F2B8 0%, #3A9F3E 40.5%, #006D05 100%); }
		.apple > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #B6F2B8 0%, #3A9F3E 40.5%, #006D05 100%); }
		.orange > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFCF5A 0%, #F1AE00 40.5%, #E98427 100%); }
		.mango > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFF7DD 0%, #FFDB5B 40.5%, #F1BC00 100%); }
		.melon > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #B6F2B8 0%, #3A9F3E 40.5%, #006D05 100%); }
		.cherry > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFE1E2 0%, #990806 40.5%, #670001 100%); }
		.mojito > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #9BD9BD 0%, #006E07 40.5%, #012809 100%); }
		.juicypeach > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFE1E2 0%, #DA7581 40.5%, #BD162A 100%); }
		.cola > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #CFBDC6 0%, #46353D 40.5%, #000000 100%); }
		.pinacolada > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #FFEEB4 0%, #F1BC00 40.5%, #F3AF49 100%); }
		.cinnamon > span { background: radial-gradient(54.31% 54.31% at 35.71% 32.14%, #DDAF88 0%, #A74301 40.5%, #8D4C3E 100%); }

		@media only screen and (max-width:1650px) {
			/* k-capsule */
			#section03 .sec-wrap { gap: 10px; }
			#section03 .left-box { max-width: 450px; }
			#section03 .cap-tit { font-size: 48px; }
			#section03 .cap-txt > span { display: inline; font-size: 19px; }

			#section03 .right-box .cap-img .bg-txt { font-size: 96px; line-height: 96px; }
			#section03 .cap-category { right: 100px; }
			#section03 .cate-wrap ul { gap: 30px }
			#section03 .cate-wrap ul li a { font-size: 22px; letter-spacing: -0.44px; }
			#section03 .capsule-cate-box > p { margin-bottom: 45px; }
			#section03 .capsule-cate-box > p span { font-size: 44px; line-height: 64px; }
			#section03 .capsule-cate-box .cap-name { font-size: 19px; letter-spacing: -0.38px; }
		}
		@media only screen and (max-width:1400px) {
			/* k-capsule */
			#section03 { background-position: 170% center; }
			#section03 .sec-wrap { flex-direction: column; max-width: 1024px; margin: 0px auto; }
			#section03 .left-box { display: flex; align-items: flex-start; flex-wrap: wrap; padding-top: 0; width: 100%; max-width: 1024px; margin: 0 auto;  }
			
			#section03 .right-box { width: 100%; box-sizing: border-box; position: relative; max-width: 1024px; margin: 0 auto; }
			#section03 .right-box .cap-img { position: relative; }
			#section03 .right-box .cap-img .bg-txt { font-size: 66px; }
			#section03 .hv-view-more { font-size: 19px; width: 170px; height: 62px; margin-top: 10px; }
	
			#section03 .cap-category { top:30px; left:510px; right:auto; transform: none; }

			#section03 .logo-box {width: 100%; height: 60px; padding-top: 0; margin-bottom: 20px; }
			#section03 .logo-box img { object-position: left; }
			#section03 .cap-tit { font-size: 36px; margin-bottom: 15px; }
			#section03 .cap-txt { width: 100%; max-width: 490px; margin-top: 10px; margin-bottom: 30px; margin-left: 24px; }
		}
		@media only screen and (max-width:1024px) {
			/* k-capsule */
			#section03 { background-position: 74% center; padding-bottom: 50px; }
			#section03 .sec-wrap { gap:40px; }
			#section03 .logo-box { width: 70px; height: 52px; }
			#section03 .cap-tit { width: fit-content; font-size: 34px; }
			#section03 .cap-txt { margin-left: 0; max-width: none; }
			#section03 .left-box { max-width: 768px; }
			#section03 .right-box { max-width: 768px; }
			#section03 .right-box .cap-img .bg-txt { font-size: 68px; line-height: 100%; }
			#section03 .right-box .cap-img .img-box { height: 440px; margin-top: -20px; }
			#section03 .cap-category { left:380px; }
			#section03 .cate-wrap ul { gap:20px; font-size: 18px; }
			#section03 .cate-wrap ul li a { font-size: 20px; letter-spacing: -0.4px; }
			#section03 .capsule-cate-box > p span { font-size: 40px; line-height: 60px; }
			#section03 .capsule-cate-box .cap-color { width: 24px; height: 24px; padding: 3px; }
			#section03 .capsule-cate-box .cap-name { font-size: 18px; letter-spacing: -0.36px; }
			#section03 .hv-view-more { border-color: var(--sub); color:white; width: 140px; height: 56px; }
		}
		@media only screen and (max-width:768px) {
			/* k-capsule */
			#section03 { background-position: center; overflow: visible; }
			#section03 .left-box { position: relative; }
			#section03 .logo-box { width: 70px; height: 56px; }
			#section03 .cap-tit { width: auto; }
			#section03 .cap-txt { max-width: 620px; margin-left: 0; }
			#section03 .cap-txt > span { line-height: 30px; }
			#section03 .right-box { padding-bottom: 40px; }
			#section03 .right-box .cap-img { margin: 0 auto; } 
			#section03 .right-box .cap-img .img-pillar { margin-top: -10px; }
			#section03 .cap-category { width: 100%; padding: 40px; border-radius: 30px; box-sizing: border-box; right: auto; left: 50%; top: auto; transform: translate(-50%, 8%); background-color: #Fafafa; box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2); z-index: 10; }
			#section03 .capsule-cate-box > p { margin-bottom: 30px; }
			#section03 .capsule-cate-box > p span { margin-right: 10px; font-size: 34px; line-height: 50px; }
			#section03 .capsule-cate-box .cap-color { margin-bottom: 8px; }
			#section03 .hv-view-more { width: 120px; height: 50px; }
	}
		@media only screen and (max-width: 640px) {
			/* k-capsule */
			#section03 .cap-txt > span { font-size: 17px; line-height: 26px; }
			#section03 .right-box { padding-bottom: 50px; }
			#section03 .right-box .cap-img .img-box { height: 400px; }
			#section03 .cap-category { padding: 30px; }
			#section03 .cate-wrap ul li a { font: 400 18px/28px var(--font-type01); letter-spacing: -0.36px; }
			#section03 .capsule-cate-box > ul { gap: 20px; }
	
			}
		@media screen and (max-width:480px) {
			/* k-capsule */
			#section03 .cate-wrap ul { gap: 16px; }
			#section03 .cate-wrap ul li a { font-size: 14px; }
			#section03 .capsule-cate-box > ul { gap:16px 6px; }
			#section03 .capsule-cate-box > p span { font-size: 30px; line-height: 45px; }
			#section03 .capsule-cate-box .cap-name { font-size: 16px; }
		}


		#section04 { background:url('/data/skin/respon_default/images/skin/mv_section_04.jpg') no-repeat center/cover; color:white; overflow: hidden; }
		#section04 .inner { padding: 19vh 0; }
		#section04 h3 { font:700 50px/80% 'Inter'; text-align: center; }
		#section04 .tab-list ul { margin-top: 58px; display: grid; grid-template-columns: repeat(4, auto); gap:40px; justify-content: center; align-items: center; font:300 24px/150% 'Inter'; }
		#section04 .tab-list li { cursor: pointer; opacity: 0.6; transition: 0.3s ease-out; position: relative; letter-spacing: 0; }
		#section04 .tab-list li.active { opacity: 1; font-weight: 400; }
		#section04 .tab-list li.active::before { content: ''; display: block; width: 100%; height: 1px; background:white; position: absolute; left:0px; bottom:5px; }

		#section04 .capsule-list { margin-top: 56px; position: relative; display: flex; gap:120px; }
		#section04 .capsule-list-title { padding-top: 20px; }
		#section04 .capsule-list-title .list-tit { font:700 80px/115% 'Inter'; }
		#section04 .capsule-list-title ul { margin-top: 50px; font:400 20px/120% 'Noto Sans KR'; }
		#section04 .capsule-list-title li { position: relative; padding-left: 14px; margin-bottom: 20px; }
		#section04 .capsule-list-title li::before { content: ''; display: block; width: 3px; height: 3px; position: absolute; left:0px; top:9px; border-radius: 50%; background:white; }
		#section04 .capsule-list-title .hv-view-more { margin-top: 80px; }
		#section04 .capsule-list-title .hv-view-more:hover { color:var(--sub); border-color: white; }
		#section04 .capsule-list-title .hv-view-more:hover::before { background:white; }

		#section04 .capsule-swiper-list { position: relative; width: 100%; max-width: 760px; margin:0; }
		#section04 .capsule-swiper-list .swiper-container { width: calc(200% + 80px); }
		#section04 .capsule-swiper-list li { display: grid; grid-template-columns: auto 300px; align-items: center; justify-content: space-between; height: 460px; padding:60px; background:#0B2346; transition: 0.3s ease-out; }
		#section04 .capsule-swiper-list li.dummy { background: transparent; }
		#section04 .capsule-swiper-list .swiper-slide-prev { opacity: 0; }
		#section04 .capsule-swiper-list .list-cate { margin-top: 20px; font:500 20px/100% 'Inter'; }
		#section04 .capsule-swiper-list .list-tit { margin-top: 30px; font:700 46px/110% 'Inter'; }
		#section04 .capsule-swiper-list .list-txt { margin-top: 24px; font:300 18px/140% 'Inter'; opacity: 0.8; }
		#section04 .capsule-swiper-list .list-img { width: 300px; height: 300px; border-radius: 100%; overflow: hidden; }
		#section04 .capsule-swiper-list .list-img img { width: 100%; }
		
		#section04 .swiper-control { position: absolute; left:0px; bottom:0px; display: grid; grid-template-columns: 70px 70px; height: 70px; gap:2px; z-index: 5; }
		#section04 .swiper-control .swiper-arrow { height: 100%; background:white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease-out; }
		#section04 .swiper-control .swiper-arrow:hover { background:var(--sub); }
		#section04 .swiper-control .swiper-arrow:hover img { filter: invert(1) brightness(2); }
		#section04 .swiper-control .swiper-arr-prev { transform: rotate(180deg); }

		@media only screen and (max-width:1650px) {
			#section04 h3 { font-size: 46px; }
			#section04 .tab-list ul { margin-top: 40px; font-size: 20px; }
			#section04 .capsule-list-title .list-tit { font-size: 60px; }
			#section04 .capsule-list-title ul { margin-top: 40px; font-size: 18px; }
			#section04 .capsule-list-title .hv-view-more { width: 180px; height: 64px; margin-top: 60px; }
		}
		@media only screen and (max-width:1400px) {
			#section04 .capsule-list { gap:50px; }
			#section04 .capsule-swiper-list { max-width: 520px; }
			#section04 .capsule-swiper-list li { grid-template-columns: auto 240px; height: 410px; padding: 50px; }
			#section04 .capsule-swiper-list .list-img { width: 240px; height: 240px; }
			#section04 .capsule-swiper-list .swiper-container { width: calc(200% + 40px); }
			#section04 .capsule-swiper-list .list-tit { font-size: 40px; }
			#section04 .capsule-swiper-list .list-cate { font-size: 18px; margin-top: 12px; }
			#section04 .capsule-swiper-list .list-txt { font-size: 16px; }
			#section04 .swiper-control { grid-template-columns: 60px 60px; height: 60px; }
		}
		@media only screen and (max-width:1024px) {
			#section04 h3 { font-size: 40px; }
			#section04 .inner { padding: 160px 0 ; }
			#section04 .tab-list ul { margin-top: 30px; font-size: 18px; }
			#section04 .capsule-swiper-list .swiper-container { width: calc(200% + 20px); }
			#section04 .capsule-list { flex-wrap:wrap; margin-top: 40px; gap:20px; }
			#section04 .capsule-list-title { width: 100%; padding: 24px; position: relative; background:#FFFFFF10; }
			#section04 .capsule-list-title ul { margin-top: 24px; font-size: 17px; }
			#section04 .capsule-list-title .list-tit { font-size: 32px; }
			#section04 .capsule-list-title .hv-view-more { width: 170px; height: 60px; margin-top: 0px; background:white; border-color: white; color:var(--sub); position: absolute; right:24px; top:24px; }
		}
		@media only screen and (max-width:768px) {
			#section04 .inner { padding: 430px 20px 100px; }
			#section04 .capsule-list-title li { margin-bottom: 12px; font-size: 16px; padding-left: 10px; }
			#section04 .capsule-list-title .list-tit { font-size: 28px; }
			#section04 .capsule-swiper-list { max-width: 90%; width: 370px; }
			#section04 .capsule-swiper-list li { grid-template-columns: 1fr; height: auto; padding: 40px; }
			#section04 .capsule-swiper-list .swiper-container { width: calc(200% + 16px); }
			
			#section04 .capsule-swiper-list .list-cate { margin-top: 0; font-size: 16px; }
			#section04 .capsule-swiper-list .list-tit { margin-top: 20px; font-size: 32px;}
			#section04 .capsule-swiper-list .list-txt { margin-top: 12px; font-size: 15px; }
			#section04 .capsule-swiper-list .list-img { margin: 16px auto 10px; }
			#section04 .swiper-control { grid-template-columns: 50px 50px; height: 50px; }
			#section04 .capsule-list-title .hv-view-more { width: 130px; height: 50px; }
			
		}
		@media only screen and (max-width:500px) {
			#section04 .inner { padding: 400px 20px 100px; }
			#section04 h3 { font-size: 34px; }
			#section04 .tab-list ul { grid-template-columns: repeat(2, 130px); text-align: center; gap:8px 40px; }
			#section04 .capsule-list { margin-top: 30px; }
			#section04 .capsule-swiper-list li { padding: 30px; }

			#section04 .capsule-list-title .hv-view-more { width: 24px; height: 24px; text-indent: -9999px; overflow: hidden; background:url('/data/skin/respon_default/images/skin/main_ico_arw2.svg') no-repeat center/contain; border:none; top:30px; right:30px; }
			#section04 .capsule-list-title li { font-size: 15px; margin-bottom: 8px; }
			#section04 .capsule-swiper-list .list-img { width: 100%; padding-bottom: 100%; height: 0; }
		}

		#section05 { background:url('/data/skin/respon_default/images/skin/mv_section_05.jpg') no-repeat center/cover; color:white; }
		#section05 .inner { padding: 26vh 0; }
		#section05 h3 { font:700 80px/115% 'Inter'; }
		#section05 .contact-wrap { display: flex; align-items: center; justify-content: space-between; }
		#section05 .contact-title ul { position: relative; margin-top: 40px; padding-top: 60px; }
		#section05 .contact-title ul::before { content: ''; display: block; width: 80px; height: 2px; position: absolute; left:10px; top:0px; background:white; }
		#section05 .contact-title li { padding-left: 37px; font:600 30px 'Inter'; position: relative; letter-spacing: 0; }
		#section05 .contact-title li::before { content: ''; width: 23px; height: 23px; position: absolute; left:0px; top:50%; transform: translateY(-50%); }
		#section05 .contact-title li:nth-child(2) { margin-top: 32px; font:400 24px 'Inter'; }
		#section05 .contact-title li:nth-child(1)::before { background:url('/data/skin/respon_default/images/skin/main_ico_tel.png') no-repeat center/contain; }
		#section05 .contact-title li:nth-child(2)::before { background:url('/data/skin/respon_default/images/skin/main_ico_mail.png') no-repeat center/contain; }

		#section05 .contact-list { display: grid; grid-template-columns: repeat(2, 1fr); gap:40px; }
		#section05 .contact-list a { display: block; width: 420px; height: 500px; padding:62px 60px 60px; border:1px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.4); position: relative; z-index: 1; color:white; }
		#section05 .contact-list a::before { content: ''; width: 0; height: 100%; display: block; position: absolute; left:0px; top:0px; transition: 0.3s ease-out; z-index: -1; }
		#section05 .contact-list a::after { content: ''; width:32px; height: 21px; display: block; position: absolute; right:60px; bottom:60px; background:url('/data/skin/respon_default/images/skin/main_ico_arw2.svg') no-repeat center/contain; }
		#section05 .contact-list a:nth-child(1):hover::before { width: 100%; background:#113E82; }
		#section05 .contact-list a:nth-child(2):hover::before { width: 100%; background:var(--sub); }
		#section05 .contact-list a .list-tit { margin-top: 44px; font:700 50px/100% 'Noto Sans KR'; }
		#section05 .contact-list a .list-txt { margin-top: 30px; font:400 20px/170% 'Noto Sans KR'; }

		@media only screen and (max-width:1650px) {
			#section05 h3 { font-size: 70px; }
			#section05 .contact-title ul { margin-top: 32px; padding-top: 50px; }
			#section05 .contact-title li { font-size: 26px; }
			#section05 .contact-title li:nth-child(2) { margin-top: 28px; font-size: 20px; }

			#section05 .contact-list a { width: 400px; height: 450px; padding:52px 50px 50px; }
			#section05 .contact-list a .list-img { height: 50px; }
			#section05 .contact-list a .list-img img { height: 100%; }
			#section05 .contact-list a .list-tit { margin-top: 38px; font-size: 42px; }
			#section05 .contact-list a .list-txt { margin-top: 24px; font-size: 18px; }
			#section05 .contact-list a::after { right: 50px; bottom:50px; }
		}
		@media only screen and (max-width:1400px) {
			#section05 h3 { font-size: 48px; }
			#section05 .contact-title ul { margin-top: 26px; padding-top: 44px; }
			#section05 .contact-title ul::before { width: 60px; }
			#section05 .contact-title li { font-size: 22px; }
			#section05 .contact-title li:nth-child(2) { margin-top: 20px; font-size: 18px; }

			#section05 .contact-list { gap:20px; }
			#section05 .contact-list a { width: 320px; height: 380px; padding: 42px 40px 40px; }
			#section05 .contact-list a .list-img { height: 44px; }
			#section05 .contact-list a .list-tit { margin-top: 28px; font-size: 34px; }
			#section05 .contact-list a .list-txt { font-size: 16px; }
			#section05 .contact-list a::after { right: 40px; bottom: 40px; }
		}
		@media only screen and (max-width:1024px) {
			#section05 h3 { font-size: 40px; }
			#section05 .inner { padding: 160px 0; }
			#section05 .contact-wrap { flex-wrap:wrap; gap:50px }
			#section05 .contact-title ul { margin-top: 20px; padding-top: 40px; }
			#section05 .contact-title li { font-size: 20px; }
			#section05 .contact-title li:nth-child(2) { font-size: 16px; }
			
			#section05 .contact-list { width: 100%; }
			#section05 .contact-list a { width: 100%; height: auto; padding: 32px 30px 30px; }
			#section05 .contact-list a .list-tit { font-size: 30px; }
			#section05 .contact-list a::after { right: 30px; bottom: 34px; }
			#section05 .contact-list a::before { display: none; }
		}
		@media only screen and (max-width:768px) {
			#section05 h3 { font-size: 36px; }
			#section05 .inner { padding: 100px 20px; }
			#section05 .contact-title ul::before { width: 40px; left: 6px; }
			#section05 .contact-title ul { margin-top: 30px; }
			#section05 .contact-title li { font-size: 18px; }
			#section05 .contact-list { gap: 12px; }
			#section05 .contact-list a { padding: 32px 30px 50px; }
			#section05 .contact-list a .list-txt p { display: inline; font-size: 15px; }
			#section05 .contact-list a .list-img { height: 36px; }
			#section05 .contact-list a .list-tit { margin-top: 18px; font-size: 24px; }
			#section05 .contact-list a::after { width: 21px; top:34px; }
		}
		@media only screen and (max-width:500px) {
			#section05 .contact-list { grid-template-columns: repeat(1, 1fr); }
			#section05 .contact-list a { padding: 26px 26px 30px; }
			#section05 .contact-list a .list-img { height: 32px; }
			#section05 .contact-list a::after { top:24px; }
			#section05 .contact-title ul { margin-top: 20px; padding-top: 30px; }
			#section05 .contact-title li:nth-child(2) { margin-top: 12px; }
			#section05 .contact-wrap { gap:40px; }
			#section05 .contact-title li::before { width: 19px; height: 19px; }
			#section05 .contact-title li { padding-left: 30px; }
		}

		#section06 { height: auto !important; }
		#section06 .fp-tableCell { height: auto !important; }