
@media (max-width:1520px) {
	#hd .wrap127 {padding: 0 40px;}
	.wrap152 {padding: 0 20px;}
}

@media (max-width:1270px) {
	#bn02 .pr-con p:last-child {width: 100%;}
	#ft {width: 100%;}
	.container {padding: 0 20px;}
}
@media (max-width:1200px) {
	#hd .wrap127 {height: 60px;}
	#hd.active .wrap127 {height: 60px;}
	#hd h1 a {width: 60px;}
	#hd nav {display: none;}
	#hd .wrap127 {padding: 0 20px;}
	#open_menu .open_d1 {width: 100%; padding: 0 20px;}
	#bn04 .wrap152 {padding: 100px 20px; gap: 30px; flex-direction: column;}
	#bn04 .lc-tit {width: 100%;}
	#bn04 #video-area {width: 100%;}
	#bn04 #video-area iframe {width: 100%; min-height: 200px;}
	#contact02 .wrap127 {padding: 140px 20px 120px;}
	#mainV .slick-slide div {left: 126px;}
	#mainV .slider-progress {left: 126px;}
	#mainV .slick-arrow {display: none !important;}
}


@media (min-width: 240px) and (max-width:768px) {
	.sec-tit p {font-size: 30px;}
	.sec-tit p:first-child {font-size: 18px;}

	#hd .menu {width: 32px; height: 32px;}
	#hd .menu span {height: 3px;}
	#hd .menu span:nth-child(1) {top: 4px;}
	#hd .menu span:nth-child(3) {bottom: 4px;}

	#open_menu {overflow-Y: scroll; background: #fff;}
	#open_menu .open_d1 {top: 80px; left: 10%; gap: 50px; flex-direction: column; max-width: 240px; padding-bottom: 120px; transform: none;}
	#open_menu .open_d1 > li > a {padding-bottom: 10px; border-bottom: 3px solid var(--point-color); font-size: 20px;}
	#open_menu .open_d1 > li:hover > a {color: var(--point-color);}
	#open_menu .open_d2 a {font-size: 16px;}

	#mainV .V-slide {height: 540px;}
	#mainV .slick-slide div {top: 370px; left: 20px;}
	#mainV .slick-slide div p {font-size: 18px;}
	#mainV .slick-slide div p:last-child {font-size: 42px;}
	#mainV .slider-progress {bottom: 60px; left: 20px;}

	#bn01 {margin-top: 40px;}
	#bn01 .container {padding-top: 10px;}
	#bn01 .pic-text {flex-direction: column; gap: 20px; margin-top: 20px;}
	#bn01 .pic-text > div {width: 100%;}
	#bn01 .icon-rowT {gap: 30px; width: 100%;}
	#bn01 .icon-rowT li {grid-template-columns: 60px auto}
	#bn01 .icon-rowT div:first-child {width: 60px; height: 60px; border: 1px solid var(--point-color);}
	#bn01 .icon-rowT li:nth-child(1) div:first-child::after,
	#bn01 .icon-rowT li:nth-child(2) div:first-child::after,
	#bn01 .icon-rowT li:nth-child(3) div:first-child::after {width: 28px; height: 28px;}
	#bn01 .icon-rowT p {font-size: 24px;}
	#bn01 .icon-rowT p:last-child {font-size: 16px;}

	#bn02 {margin-top: 60px;}
	#bn02 .container {padding-top: 10px;}
	#bn02 .bg-ring {display: none;}
	#bn02 .sec-tit {position: static; width: 100%; padding-bottom: 40px;}
	#bn02 .sec-tit p:nth-child(3) {margin-top: 10px; font-size: 16px;}
	#bn02 .sec-tit button {margin-top: 30px; padding: 0 25px; gap: 15px; font-size: 16px;}
	#bn02 .sec-tit button::after {width: 18px; height: 18px; margin-top: 4px;}
	#bn02 .pr-con {float: none; width: 100%; margin-top: 0;}
	#bn02 .pr-con ul {width: 100%;}
	#bn02 .pr-con li {width: 100%; margin-bottom: 40px;}
	#bn02 .pr-con li div:first-child {width: 100%; height: 240px;}
	#bn02 .pr-con li:nth-child(even) {float: none;}
	#bn02 .pr-con li.right_li {text-align: left;}
	#bn02 .pr-con p {font-size: 26px;}
	#bn02 .pr-con p:first-child {padding: 0 24px; line-height: 40px; font-size: 14px;}
	#bn02 .pr-con li div:last-child {margin-top: 20px;}

	#bn03 {padding-top: 10px; padding-bottom: 40px; background: none;}
	#bn03 .bn03_bg {display: none;}
	#bn03 .sec-tit {text-align: left;}
	#bn03 .prser-detail {justify-content: space-between; row-gap: 5px; margin-top: 20px;}
	#bn03 .prser-detail li {width: 49%; height: auto; padding: 20px; padding-bottom: 40px; border-radius: 10px;}
	#bn03 .prser-detail div {width: 60px; height: 60px;}
	#bn03 .prser-detail div::after {width: 36px; height: 36px;}
	#bn03 .prser-detail p:nth-child(2) {margin: 20px 0 10px; font-size: 18px; word-break: keep-all;}
	#bn03 .prser-detail li p:nth-child(3) {font-size: 14px;}
	#bn03 .prser-detail a {margin-top: 20px; font-size: 14px;}

	#bn04 .wrap152 {flex-direction: column; gap: 20px; padding: 50px 20px;}
	#bn04 .lc-tit {width: 100%; margin-top: 0;}
	#bn04 .lc-tit p:nth-child(1) {font-size: 20px;}
	#bn04 .lc-tit p:nth-child(2) {margin: 10px 0 20px; font-size: 16px;}
	#bn04 .lc-tit a {width: 100%; margin-top: 30px; font-size: 16px; line-height: 46px; text-align: center;}
	#bn04 #video-area iframe {height: 100%;}
	#bn04 #video-area video {width: 100%; height: 100%;}

	#bn05 {padding: 50px 0;}
	#bn05 .bn05-bg {display: none;}
	#bn05 .sec-tit {text-align: left;}
	#bn05 .sec-tit p {word-break: keep-all;}
	#bn05 .bn_cards ul {row-gap: 10px;}
	#bn05 .bn_cards li {width: 49%; padding: 30px 20px;}
	#bn05 .bn_cards li p:first-child {font-size: 15px;}
	#bn05 .bn_cards li p:nth-child(2) {font-size: 16px; line-height: 1.4rem;}

	#contact01 p:nth-child(1) {margin-top: 40px; font-size: 20px;}
	#contact01 p:nth-child(2) {margin: 20px 0; font-size: 24px;}
	#contact01 p:nth-child(3) {margin-bottom: 40px; font-size: 16px; line-height: 1.8;}
	#contact01 button {margin: 30px auto 50px; border: 2px solid var(--button-color); font-size: 14px;}
	#contact01 button span {width: 18px; height: 18px;}

	#contact02 {padding-bottom: 0;}
	#contact02 .wrap127 {flex-direction: column; padding-top: 60px; padding-bottom: 50px;}
	#contact02 .cons_detail {width: 100%; padding: 40px 30px; border-radius: 25px 25px 0 0;}
	#contact02 .cons_detail p:nth-child(1) {margin-bottom: 20px; font-size: 30px;}
	#contact02 .cons_detail > p:nth-child(2) {margin-bottom: 30px; font-size: 16px;}
	#contact02 .cons_info div {width: 48px; height: 48px;}
	#contact02 .cons_info li p {width: 75%;}
	#contact02 .cons_info li:last-child {margin: 0;}
	#contact02 .cons_form {width: 100%; border-radius: 0 0 25px 25px; padding: 40px 30px;}
	#contact02 .cons_form form input {line-height: 34px;}
	#contact02 .cons_form .ip-con {flex-direction: column;}
	#contact02 .cons_form .ip-con div {width: 100%;}
	#contact02 .cons_form .ip-con .ip-mail {margin-bottom: 15px;}
	#contact02 .cons_form button {justify-content: center; gap: 8px; width: 100%;}
	#contact02 .cons_form button span {width: 18px; height: 18px;}

	.ftwrap {padding: 0;}
	#ft {position: static; transform: none; flex-direction: column; width: 100%; padding: 50px 20px 80px; border-radius: 0;}
	#ft h2 {height: 80px; max-width: 130px; width: 100%; order: -2;}
	#ft h2 img {height: 100%; object-fit: contain;}
	#ft_wr {width: 100%;}
	#ft_link {gap: 30px;}
	#ft_link a {font-size: 14px;}
	#ft_company  {line-height: 1.4rem;}
	#ft_company .ft_info {font-size: 13px;}
	#f_copyr {font-size: 12px;}
	#ft .sns-container {width: 100%; margin: 20px 0; order: -1;}
	#ft .sns-wrap {justify-content: start;}
	#ft .sns-wrap li {width: 36px; height: 36px;}
	#ft .sns-wrap img {width: 28px; height: 28px;}

	#top_btn {width: 50px; height: 50px; font-size: 15px;}
}