@charset "utf-8";



@media (max-width: 1600px) {
	.section05 .items {padding:0 60px; margin:0;}
	.section05 .slick-prev {left:0;}
	.section05 .slick-next {right:0;}
}

@media (max-width: 1400px) {
	.section06 .cnt {max-width:900px;}
	
	
	
}

@media (max-width: 1300px) {

	.section01 .inner {padding:0 20px;}
	.section01 .inner:after {right:16px;}


	.section02 .cnt01 {max-width:1310px; margin:0 auto;}
	.section02 .cnt01 .col {flex-direction:column; align-items:center;}
	.section02 .cnt01 .row {padding:0; text-align:center; max-width:none; justify-content:center;}
	.section02 .cnt01 .row.left {margin-bottom:60px;}
	.section02 .cnt01 .row.right {margin-top:60px;}
	
	
	
}

@media (max-width: 1200px) {


	.section06 .wrap {padding-bottom:350px;}
	.section06 .cnt {height:400px;}
	.section06 .left-box {clip-path:none;}
	.section06 .right-box {clip-path:none;}
	.section06 .cnt {border-radius:20px;}
	.section06 .cnt:nth-child(1) {z-index:1;}
	.section06 .cnt:nth-child(2) {z-index:2;}
	.section06 .cnt:nth-child(1):hover {border-radius:20px;}
	.section06 .cnt:nth-child(2):hover {border-radius:20px;}
	
	.section06 .cnt:hover .box .txt-box {transform:translate(0, -50%); width:100%;}
	.section06 .cnt:hover .box.left-box .txt-box {left:66px;}
	.section06 .cnt:hover .box.right-box .txt-box {right:66px; left:auto;}
	.section06 .box .txt-box .txt.off {transform:translateY(0%);}
	.section06 .cnt:hover .box .txt-box .txt.off {opacity:1;}
	.section06 .box .txt-box .txt.on {display:none;}
	
}

@media (max-width: 1024px) {
	#main {padding-top:90px;}
	
	#header.active {transform:translateY(0);}
	#header.hide {transform:translateY(0);}
	
	
	.chat-fix {bottom:220px; right:18px; width:80px; height:80px; top:auto;}
	.floating {bottom:130px; right:18px; width:90px; height:90px; top:auto;}

	/* sitemap */
	.sitemap .wrap {width:600px;}
	.sitemap .head {height:100px; padding:0 50px;}
	.sitemap .head .sitemap-close {width:36px; height:36px; top:50%; margin-top:-18px; right:30px;}
	.sitemap .head .sitemap-close:before,
	.sitemap .head .sitemap-close:after {width:20px; margin-left:-10px;}
	.sitemap .menu {padding:20px 60px;}
	.sitemap .menu li a {font-size:24px; line-height:60px;}
	.sitemap .sns {bottom:0; left:0; position:relative; padding:0 60px; margin-top:40px;}
	.sitemap .sns ul li a {width:40px; height:40px; border-radius:12px;}
	/* main */
	
	
	.section01 {padding:120px 0 60px;}
	.section01 .tit-box {margin-bottom:60px;}
	.section01 .tit-box h2 {font-size:60px;}
	.section01 .tit-box p {font-size:30px;}
	.section01 .col {width:1200px;}
	
	.section01 .x-scroll {padding-bottom:20px; overflow-x:scroll;}
	.section01 .x-scroll::-webkit-scrollbar {display:block; height:6px; padding:2px;}
	.section01 .x-scroll::-webkit-scrollbar-track {background:#d85e1a; border-radius:3px;}
	.section01 .x-scroll::-webkit-scrollbar-thumb{background:#ffa777; border-radius:3px;}
	
	.section01 .inner {padding:0 25px; padding-right:50px; height:110px; border-radius:20px;}
	.section01 .inner:after {width:24px; height:24px; margin-top:-12px; right:25px;}
	.section01 .inner .txt p {font-size:16px;}
	.section01 .inner .txt h3 {font-size:20px;}
	/* section02 */
	.section02 {border-radius:20px;}
	.section02 .cnt01 {padding:80px 0;}
	.section02 .cnt .tit-box {margin-bottom:30px;}
	.section02 .cnt .tit-box h3 {font-size:36px;}
	.section02 .cnt .tit-box p {font-size:16px;}
	.section02 .cnt01 .col {padding-top:20px; margin-bottom:60px;}

	.section02 .cnt01 .row {justify-content:center;}
	.section02 .cnt01 .row p {font-size:32px;}
	.section02 .cnt01 .row p span {padding-top:14px;}
	.section02 .cnt01 .row p span:before {width:6px; height:6px; margin-left:-3px; top:0;}
	.section02 .cnt01 .slide {max-width:320px;}
	.section02 .cnt01 .slide:before {display:none;}
	.section02 .cnt01 .slide {display:block;}
	.section02 .cnt01 .slide .center {margin:0 auto;border-radius:20px;}
	.section02 .cnt01 .slide .center:after {border-radius:20px;}
	.section02 .cnt01 .slide .center .items {border-radius:20px;}
	.section02 .cnt01 .slide .side {display:none;}
	.section02 .cnt01 .txt-box p {font-size:16px; margin-bottom:20px;}
	.section02 .txt-box ul li a {font-size:16px; width:160px; line-height:48px;}
	.section02 .cnt02 {padding:80px 0;}
	.section02 .cnt02 .col {display:block; margin:0 auto; width:100%; max-width:1000px;}
	.section02 .cnt02 .col .row {padding:0; width:100%; margin-bottom:20px;}
	.section02 .cnt02 .col .row .inner:first-child {background: linear-gradient(0deg, rgba(223, 99, 25, 1) 0%, rgba(255, 131, 11, 1) 82%, rgba(255, 143, 11, 1) 100%);}
	.section02 .cnt02 .inner {height:357px; margin-bottom:20px; border-radius:20px; padding:30px;}
	.section02 .cnt02 .tit h4 {font-size:30px;}
	.section02 .cnt02 .txt p {font-size:16px;}
	.section02 .cnt02 .slide {border-radius:20px; padding:30px;}
	.section02 .cnt02 .slide .tit h4 {margin-bottom:20px;}
	.section02 .cnt02 .slide .txt p {margin-top:20px;}
	.section02 .cnt02 .items {}
	.section02 .cnt02 .slick-track {display:flex;}
	.section02 .cnt02 .slick-track .slick-slide {display:flex; height:auto;}
	.section02 .cnt02 .item .img-box {max-width:450px;}
	.section02 .cnt02 .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	.section02 .cnt02 .slick-arrow:hover {opacity:1;}
	.section02 .cnt02 .slick-prev {left:0;}
	.section02 .cnt02 .slick-next {right:0;}
	/* section common */
	.sec-tit {margin-bottom:30px;}
	.sec-tit h3 {font-size:36px;}
	.sec-tit p {font-size:16px;}
	/* section03 */
	.section03 {padding-top:120px;}
	.section03 .inner {height:500px; border-radius:20px;}
	.section03 .row:nth-child(1) .txt {padding:30px 40px;}
	.section03 .row:nth-child(2) .txt {padding:30px 40px;}
	.section03 .inner .txt:before {height:300px;}
	.section03 .inner .txt h4 {font-size:26px; margin-bottom:12px;}
	.section03 .inner .txt p {font-size:16px;}
	.section03 .inner .txt p br {display:none;}
	/* section04 */
	.section04 {padding-top:120px; margin-bottom:80px;}
	.section04 .col {display:block; margin:0;}
	.section04 .col .row {width:100%; padding:0; margin-bottom:0;}
	.section04 .inner {margin-bottom:20px; border-radius:20px; padding:15px;}
	.section04 .inner-s {height:250px;}
	.section04 .inner-b {height:460px;}
	.section04 .inner-s.inner01 {padding:20px; height:160px;}
	.section04 .inner01 p {font-size:30px;}
	.section04 .inner02 {padding:0;}
	.section04 .inner02 .txt p {opacity:0;}
	.section04 .inner02 .over {padding-top:0; opacity:1; align-items:center; padding:15px 10px;}
	.section04 .inner02 .over h4 {font-size:20px; margin-bottom:20px;}
	.section04 .inner02 .over p {font-size:16px; margin-bottom:12px;}
	
	.section04 .inner02 .over span {font-size:14px;}
	.section04 .inner03 {padding:0;}
	.section04 .inner03 .txt p {opacity:0;}
	.section04 .inner03 .over {padding-top:0; opacity:1; align-items:center; flex-direction:column; display:flex; justify-content:center; padding:15px;}
	.section04 .inner03 .over h4 {font-size:20px; margin-bottom:20px;}
	.section04 .inner03 .over p {font-size:16px; margin-bottom:12px;}

	.section04 .inner03 .over span {font-size:14px;}
	.section04 .inner04 {padding:0;}
	.section04 .inner04 .txt p {opacity:0;}
	.section04 .inner04 .over {opacity:1; align-items:center; padding:0 15px;}
	.section04 .inner04 .over h4 {font-size:20px; margin-bottom:12px;}
	.section04 .inner04 .over p {font-size:16px; margin-bottom:12px;}
	.section04 .inner04 .over span {font-size:14px;}
	
	
	/* section05 */
	.section05 .wrap {padding:80px 0 120px; border-radius:20px;}
	.section05 .items {padding:0 70px;}
	.section05 .inner {border-radius:20px;}
	.section05 .img-box {filter:grayscale(0);}
	.section05 .txt-box {padding:20px;}
	.section05 .txt-box h4 {font-size:22px;}
	.section05 .txt-box h5 {font-size:20px; margin-bottom:20px;}
	.section05 .txt-box li {font-size:15px;}
	.section05 .slick-arrow {width:50px; height:50px; margin-top:-25px;}
	.section05 .slick-prev {left:0;}
	.section05 .slick-next {right:0;}
	/* section06 */
	.section06 {padding-top:100px;}
	.section06 .wrap {padding-bottom:0;}
	.section06 .mob-box {height:400px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:20px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;}
	.section06 .mob-box01 {background-image:url('../img/main/sec06-01.jpg'); margin-bottom:40px;}
	.section06 .mob-box02 {background-image:url('../img/main/sec06-02.jpg');}	
	.section06 .mob-box h4 {font-size:32px; margin-bottom:18px;}
	.section06 .mob-box p {font-size:24px;}
	/* section07 */
	.section07 {margin-top:40px;}
	.section07 .inner {border-radius:20px; width:600px;}
	.section07 .slick-arrow {width:50px; height:50px; margin-top:-25px;}
	.section07 .slick-prev {left:25px;}
	.section07 .slick-next {right:25px;}
	/* section08 */
	.section08 {padding:100px 0 120px;}
	.section08 .sec-tit {margin-bottom:60px;}
	.section08 .box {padding:25px 0;}
	.section08 .question {font-size:28px; padding-right:60px;}
	.section08 .question .icon {margin-top:-25px; width:50px; height:50px;}
	.section08 .box.active .question .icon {width:50px; height:50px; margin-top:-25px; right:0;}
	.section08 .question .icon:before,
	.section08 .question .icon:after {content:''; width:20px; height:4px; margin-top:-2px; margin-left:-10px;}
	.section08 .answer {padding:30px 20px; margin-top:25px;}
	.section08 .answer p {font-size:16px;}
	.section08 .answer table {font-size:16px; white-space:nowrap;}
	.section08 .answer table col:nth-child(1),
	.section08 .answer table col:nth-child(2),
	.section08 .answer table col:nth-child(3),
	.section08 .answer table col:nth-child(4) {width:auto;}
	.section08 .answer table thead th {padding:10px 10px;}
	.section08 .answer table tbody th {padding:10px 10px; font-size:16px;}
	.section08 .answer table tbody td {padding:10px 10px; padding-left:30px; font-size:16px; position:relative;}
	.section08 .answer table tbody td img {position:absolute;margin-right:0; margin-right:0; left:0;}
	/* section09 */
	.section09 {padding:200px 0;}
	.section09 .col:after {height:300px; margin-top:-150px;}
	.section09 h3 {font-size:36px;}
	.section09 p {font-size:16px; margin-bottom:40px;}
	.section09 a { font-size:16px; line-height:50px;}
	.section09 .row:nth-child(1) a {width:160px;}
	.section09 .row:nth-child(2) a {width:210px;}
	
	/* footer */
	#footer {padding:80px 0;}
	#footer .col {display:block;}
	#footer .foot-box {margin-bottom:40px;}
	#footer .foot-box .logo {margin-bottom:30px; text-align:center;}
	#footer .foot-box .logo p {font-size:20px; margin-bottom:10px;}
	#footer .foot-box .info p {font-size:14px; text-align:center;}
	#footer .foot-box .info p span {display:none;}
	#footer .foot-box .info p br {display:block;}
	#footer .foot-link .sns {margin-bottom:0;}
	#footer .foot-link {display:flex; align-items:flex-end; justify-content:space-between;}
	#footer .foot-link .sns ul li a {width:40px; height:40px;}
	#footer .foot-link .link li {margin-bottom:10px;}
	#footer .foot-link .link a {font-size:16px;}
	
	.only-pc {display:none;}
	.only-mob {display:block;}
	
	

}

@media (max-width: 640px) {
	#header {height:70px;}
	#header .sitelogo a {height:32px;}
	#header .sitelogo a img {height:100%;}
	
	.chat-fix {width:60px; height:60px; bottom:160px;}
	.floating {width:65px; height:65px; bottom:90px;}
	/* sitemap */
	.sitemap .wrap {width:360px;}
	.sitemap .head {height:90px; padding:0 30px;}
	.sitemap .head .sitemap-close {width:32px; height:32px; margin-top:-16px; right:30px;}
	.sitemap .menu {padding:20px 30px;}
	.sitemap .menu li a {font-size:18px; line-height:40px;}
	.sitemap .sns {padding:0 30px; margin-top:30px;}
	.sitemap .sns ul li a {width:36px; height:36px; border-radius:10px;}
	/* main */
	#main {padding-top:80px;}
	
	.section01 {padding:20px 0 40px;}
	.section01 .tit-box {margin-bottom:40px;}
	.section01 .tit-box h2 {font-size:40px;}
	.section01 .tit-box p {font-size:20px;}
	.section01 .col {width:1000px;}
	.section01 .inner {padding:20px; padding-right:40px; height:100%;}
	.section01 .inner:after {width:22px; height:22px; margin-top:-11px; right:20px;}
	.section01 .inner .txt p {font-size:14px;}
	.section01 .inner .txt h3 {font-size:18px;}
	/* section02 */
	.section02 .cnt01 {padding:60px 0;}
	.section02 .cnt .tit-box {margin-bottom:20px;}
	.section02 .cnt .tit-box h3 {font-size:28px;}
	.section02 .cnt .tit-box p {font-size:14px;}
	.section02 .cnt01 .col {margin-bottom:40px; display:block;}
	.section02 .cnt01 .row {width:100%; padding-bottom:0;}
	.section02 .cnt01 .row {justify-content:center;}
	.section02 .cnt01 .row p {font-size:24px;}
	.section02 .cnt01 .slide-wrap {width:100%;}
	.section02 .cnt01 .slide {max-width:320px; width:100%; height:450px; margin:40px auto;}
	.section02 .cnt01 .slide .item {height:450px;}
	.section02 .cnt01 .txt-box p {font-size:14px; margin-bottom:16px;}
	.section02 .txt-box ul li a {font-size:14px; width:140px; line-height:40px;}
	.section02 .cnt02 {padding:60px 0;}
	.section02 .cnt02 .inner {height:180px; padding:20px;}
	.section02 .cnt02 .tit h4 {font-size:24px;}
	.section02 .cnt02 .txt p {font-size:14px;}
	.section02 .cnt02 .slide {padding:20px;}
	.section02 .cnt02 .item .img-box {max-width:300px;}
	.section02 .cnt02 .slick-arrow {width:30px; height:30px; margin-top:-15px;}
	
	.section02 .cnt01 .row.left {margin-bottom:-60px;}
	.section02 .cnt01 .row.right {margin-top:0;}
	
	
	
	.swip .swiper-slide {width:200px;}
	
	
	/* section common */
	.sec-tit {margin-bottom:24px;}
	.sec-tit h3 {font-size:24px;}
	.sec-tit p {font-size:14px;}
	/* section03 */
	.section03 {padding-top:80px;}
	.section03 .col {display:block; max-width:none; width:100%; margin:0 0 -30px;}
	.section03 .col .row {width:100%; padding:0; margin-bottom:30px;}
	.section03 .inner {height:400px;}
	.section03 .row:nth-child(1) .txt {padding:30px 10px;}
	.section03 .row:nth-child(2) .txt {padding:30px 10px;}
	.section03 .inner .txt h4 {font-size:18px; margin-bottom:10px;}
	.section03 .inner .txt p {font-size:14px;}
	/* section04 */
	.section04 {padding-top:80px; margin-bottom:60px;}
	.section04 .inner-s {height:200px;}
	.section04 .inner-b {height:200px;}
	.section04 .inner-s.inner01 {height:120px;}
	.section04 .inner01 {padding:20px;}
	.section04 .inner01 p {font-size:20px;}
	.section04 .inner02 {padding:20px;}
	.section04 .inner02.inner-b {background-position:top center;}
	.section04 .inner03.inner-b {background-position:top center;}
	.section04 .inner04.inner-s {background-position:top right;}
	
	.section04 .inner02 .over h4 {font-size:18px; margin-bottom:18px;}
	.section04 .inner02 .over p {font-size:14px; margin-bottom:12px;}
	.section04 .inner02 .over span {font-size:14px;}
	.section04 .inner03 {padding:20px;}
	.section04 .inner03 .over h4 {font-size:18px; margin-bottom:18px;}
	.section04 .inner03 .over p {font-size:14px; margin-bottom:12px;}
	.section04 .inner03 .over span {font-size:14px;}
	.section04 .inner04 {padding:20px;}
	.section04 .inner04 .over h4 {font-size:18px; margin-bottom:10px;}
	.section04 .inner04 .over p {font-size:14px; margin-bottom:10px;}
	.section04 .inner04 .over span {font-size:14px;}
	/* section05 */
	.section05 .wrap {padding:60px 0 80px;}
	.section05 .items {padding:0; padding-bottom:40px;}
	.section05 .txt-box h4 {font-size:20px;}
	.section05 .txt-box h5 {font-size:18px;}
	.section05 .txt-box li {font-size:14px;}
	.section05 .slick-dots {width:100%; display:flex; justify-content:center; position:absolute; bottom:0; left:0;}
	.section05 .slick-dots li {padding:0 8px;}
	.section05 .slick-dots li button {width:8px; height:8px; background:#d85e1a; font-size:0; border:0; border-radius:50%;}
	.section05 .slick-dots li.slick-active button {background:#973421;}
	
	
	/* section06 */
	.section06 {padding-top:80px;}

	.section06 .mob-box {height:240px;}
	.section06 .mob-box01 {margin-bottom:30px;}	
	
	.section06 .mob-box h4 {font-size:20px; margin-bottom:12px;}
	.section06 .mob-box p {font-size:16px;}


	.section06 .box .txt-box h4 {font-size:24px;}
	.section06 .box .txt-box p {font-size:20px;}
	/* section07 */
	.section07 .items {padding-bottom:40px;}
	.section07 .inner {width:360px;}
	
	.section07 .slick-dots {width:100%; display:flex; justify-content:center; position:absolute; bottom:0; left:0;}
	.section07 .slick-dots li {padding:0 8px;}
	.section07 .slick-dots li button {width:8px; height:8px; background:#d85e1a; font-size:0; border:0; border-radius:50%;}
	.section07 .slick-dots li.slick-active button {background:#973421;}
	/* section08 */
	.section08 {padding:80px 0 100px;}
	.section08 .sec-tit {margin-bottom:30px;}
	.section08 .box {padding:20px 0;}
	.section08 .question {font-size:16px; padding-right:28px;}
	.section08 .question .icon {margin-top:-12px; width:24px; height:24px;}
	.section08 .box.active .question .icon {width:24px; height:24px; margin-top:-12px;}
	.section08 .question .icon:before,
	.section08 .question .icon:after {content:''; width:12px; height:2px; margin-top:-1px; margin-left:-6px;}
	
	
	
	.section08 .answer {padding:20px; margin-top:20px;}
	.section08 .answer p {font-size:14px;}
	.section08 .answer table {font-size:14px;}
	.section08 .answer table tbody th {font-size:14px;}
	.section08 .answer table tbody td {font-size:14px;}
	/* section09 */
	.section09 {padding:60px 15px;}
	.section09 .col {display:block;}
	.section09 .col .row {width:100%; padding:30px 0;}
	.section09 .col:after {width:80%; height:2px; left:10%; top:50%; margin-top:0;}
	.section09 h3 {font-size:28px;}
	.section09 p {font-size:14px; margin-bottom:30px;}
	.section09 a { font-size:14px; line-height:40px;}
	.section09 .row:nth-child(1) a {width:130px;}
	.section09 .row:nth-child(2) a {width:180px;}
	/* footer */
	#footer {padding:40px 0;}
	#footer .foot-box {margin-bottom:30px;}
	#footer .foot-box .logo {margin-bottom:20px;}
	#footer .foot-box .logo p {font-size:16px;}
	#footer .foot-link .sns ul li a {width:36px; height:36px;}
	#footer .foot-link .link a {font-size:14px;}
	
	.scrolltop {width:52px; height:52px; bottom:21px;}
	
	.mob_br {display:block;}
	
}

@media (max-width: 400px) {

	.swip .swiper-slide {width:160px;}
	
}