@charset "utf-8";

@media (max-width: 1800px) {
	/* main */
	.consulting-banner .wrap {padding: 25px 40px;}
	.consulting-banner h3 {margin-right: 30px;}
	.consulting-banner .input-wrap {margin-right: 30px;}
	.consulting-banner .input-wrap input {width: 220px;}
	.consulting-banner .btn-submit {width: 280px;}
}

@media (max-width: 1700px) {
	/* header */
	#header .sitelogo a {margin-top: -23px;}
	#header .sitelogo a img {width: 360px;}
	#gnb>ul>li {padding:0 20px;}
	#gnb>ul>li>a {font-size:20px;}
}

@media (max-width: 1500px) {
	/* header */
	#header .sitelogo a {margin-top: -21px;}
	#header .sitelogo a img {width: 320px;}
	#gnb>ul>li {padding:0 15px;}
	#gnb>ul>li>a {font-size:18px;}

	#gnb .submenu {padding: 32px 10px 35px 20px;}
	#gnb .submenu .depth01 {padding-bottom: 22px; margin-bottom: 15px;}
	#gnb .submenu .depth01 a {font-size: 18px;}
	#gnb .submenu ul li a {font-size: 16px;}

	/* main */
	.consulting-banner .wrap {padding: 25px 35px;}
	.consulting-banner h3 {font-size: 26px; padding-left: 50px; margin-right: 25px;}
	.consulting-banner h3:before {background-size: 32px auto;}
	.consulting-banner .input-wrap {margin-right: 25px;}
	.consulting-banner .input-wrap input {width: 190px; height: 50px; padding: 0 20px; font-size: 16px;}
	.consulting-banner .input-name {margin-right: 10px;}
	.consulting-banner .terms-wrap {width: 285px;}
	.consulting-banner .terms-wrap .terms-agree label {font-size: 16px; margin-left: 8px;}
	.consulting-banner .terms-wrap .pop_privacy {width: 96px; height: 30px; font-size: 14px;}
	.consulting-banner .btn-submit {width: 220px; height: 100px; font-size: 24px;}

	.section04 .wrap > div {flex: 1; text-align: center;}
	.section04 .wrap > div a {padding: 0 10px;} 
	.section04 .wrap > div:nth-child(1) a {padding-left: 10px;}
	.section04 .wrap > div:last-child a {padding-right: 10px;}
}

@media (max-width: 1300px) {
	/* header */
	#header .sitelogo a {margin-top: -19px;}
	#header .sitelogo a img {width: 280px;}
	#gnb>ul>li {padding:0 10px;}
	#gnb>ul>li>a {font-size:18px;}

	/* main */
	.consulting-banner .wrap {padding: 25px 30px;}
	.consulting-banner h3 {font-size: 22px; padding-left: 45px; margin-right: 20px;}
	.consulting-banner h3:before {top: -3px; background-size: 28px auto;}
	.consulting-banner .input-wrap {margin-right: 20px;}
	.consulting-banner .input-wrap input {width: 170px; height: 50px; padding: 0 15px; font-size: 16px;}
	.consulting-banner .input-name {margin-right: 10px;}
	.consulting-banner .terms-wrap {width: 280px;}
	.consulting-banner .terms-wrap .terms-agree label {font-size: 16px; margin-left: 8px;}
	.consulting-banner .terms-wrap .pop_privacy {width: 96px; height: 30px; font-size: 14px;}
	.consulting-banner .btn-submit {width: 180px; height: 100px; font-size: 20px;}
}

@media (max-width: 1200px) {
	/* header */
	#header .sitelogo a {margin-top: -16px;}
	#header .sitelogo a img {width: 240px;}
	#gnb>ul {margin-right: 76px;}
	#gnb>ul>li {padding:0 10px;}
	#gnb>ul>li>a {font-size:16px;}

	#gnb .submenu {padding: 32px 10px 35px 15px;}
	#gnb .submenu .depth01 {padding-bottom: 22px; margin-bottom: 15px;}
	#gnb .submenu .depth01 a {font-size: 16px;}
	#gnb .submenu ul li a {font-size: 15px;}

	.sitemap-btn {width:62px; height:62px; margin-top:-31px;}

	/* main */
	.consulting-banner .wrap {flex-wrap: wrap; padding: 15px 30px;}
	.consulting-banner h3 {font-size: 22px; padding-left: 45px; margin-right: 0; margin-bottom: 10px;}
	.consulting-banner h3:before {top: -5px; background-size: 26px auto;}
	.consulting-banner .input-wrap {margin-right: 20px;}
	.consulting-banner .input-wrap input {width: 170px; height: 44px; padding: 0 15px; font-size: 16px;}
	.consulting-banner .input-name {margin-right: 10px;}
	.consulting-banner .terms-wrap {width: 280px;}
	.consulting-banner .terms-wrap .terms-agree label {font-size: 16px; margin-left: 8px;}
	.consulting-banner .terms-wrap .pop_privacy {width: 96px; height: 30px; font-size: 14px;}
	.consulting-banner .btn-submit {width: 160px; height: 115px; font-size: 20px;}

	.section01 .sec-cont ul {margin: 0 -10px;}
	.section01 .sec-cont ul li {padding: 0 10px;}
	.section01 .sec-cont ul li a {min-height: 315px; padding: 48px 30px 56px;}
	.section01 .sec-cont ul li .icon {right: 15px;}

	.section02 .sec-cont ul {margin: 0 -10px;}
	.section02 .sec-cont ul li {padding: 0 10px;}
	.section02 .sec-cont ul li a {padding: 48px 30px;}
	.section02 .sec-cont ul li h4 {font-size: 34px;}

	.section03 .main-contact {max-width: 470px;}

}

@media (max-width: 1024px) {
	/* header */
	#header {height:80px;}
	#header.hide {transform:translateY(0);}
	#header .sitelogo a {margin-top: -19px;}
	#header .sitelogo a img {width: 280px;}

	#gnb {display:none;}

	.sitemap-btn {width:52px; height:52px; margin-top:-26px;}

	/* main */
	.main-visual {margin-top: 80px;}
	.main-visual .item {height: calc(100vh - 80px);}
	.main-visual .item .text-box {padding-bottom: 65px;}
	.main-visual .item .text-box h2 {font-size: 40px; margin-bottom: 20px;}
	.main-visual .item .text-box p {font-size: 18px;}
	.main-visual .slick-dots {bottom: 180px;}
	.main-visual .slick-dots li button {width: 52px; height: 4px;}

	.consulting-banner .wrap {display: block; padding: 15px 25px;}
	.consulting-banner h3 {font-size: 20px; padding-left: 40px; margin-right: 0; margin-bottom: 10px;}
	.consulting-banner h3:before {top: -6px; background-size: 22px auto;}
	.consulting-banner .cont {display: block;}
	.consulting-banner .input-wrap {margin-right: 20px; margin-bottom: 10px;}
	.consulting-banner .input-wrap input {width: 170px; height: 40px; padding: 0 10px; font-size: 15px;}
	.consulting-banner .input-name {margin-right: 10px;}
	.consulting-banner .terms-wrap {width: 280px;}
	.consulting-banner .terms-wrap .terms-agree label {font-size: 15px; margin-left: 8px;}
	.consulting-banner .terms-wrap .terms-agree input[type="checkbox"] {width: 18px; height: 18px;}
	.consulting-banner .terms-wrap .pop_privacy {width: 96px; height: 30px; font-size: 14px;}
	.consulting-banner .btn-submit {width: 140px; height: 148px; font-size: 18px;}

	.section01 {padding-top: 100px;}
	.section01 .sec-cont ul {margin: 0 -5px;}
	.section01 .sec-cont ul li {padding: 0 5px;}
	.section01 .sec-cont ul li a {min-height: 280px; padding: 35px 20px 40px;}
	.section01 .sec-cont ul li .text h3 {font-size: 26px; margin-bottom: 10px;}
	.section01 .sec-cont ul li .text p {font-size: 16px;}
	.section01 .sec-cont ul li .btn-more {font-size: 16px; padding-right: 24px;}
	.section01 .sec-cont ul li .icon {bottom: 20px; right: 10px; width: 70px; height: 70px; background-size: 70px auto;}
	
	.section02 {padding: 100px 0 70px;}
	.section02 .section-title {margin-bottom: 40px;}
	.section-title b {font-size: 18px;}
	.section-title h3 {font-size: 40px;}
	.section02 .sec-cont ul {margin: 0 -5px;}
	.section02 .sec-cont ul li {padding: 0 5px;}
	.section02 .sec-cont ul li:nth-child(odd) {padding-bottom: 75px;}
	.section02 .sec-cont ul li:nth-child(even) {padding-top: 75px;}
	.section02 .sec-cont ul li a {min-height: 400px; padding: 40px 22px;}
	.section02 .sec-cont ul li h4 {font-size: 26px; margin-bottom: 30px;}
	.section02 .sec-cont ul li .btn-more {width: 140px; line-height: 50px; padding: 0 20px; font-size: 18px;}
	.section02 .sec-cont ul li .btn-more:after {right: 20px;}

	.section03 {padding: 100px 0;}
	.section03 .wrap {margin: 0 -10px;}
	.section03 .wrap > div {padding: 0 10px;}
	.section03 .main-notice {width: 1%; flex: 1 1 auto;}
	.section03 .main-notice .section-title {margin-bottom: 12px;}
	.section03 .main-notice ol li a {padding: 26px 15px;}
	.section03 .main-notice ol li .title p {font-size: 18px; padding-right: 30px;}
	.section03 .main-notice ol li .date {font-size: 16px;}
	.section03 .main-contact {max-width: 360px; margin-top: 68px;}
	.section03 .main-contact .inner {padding: 30px 25px;}
	.section03 .main-contact .text-box p:nth-child(1) {font-size: 26px;}
	.section03 .main-contact .text-box p:nth-child(2) {font-size: 18px; margin-bottom: 8px;}
	.section03 .main-contact .text-box a {font-size: 40px;}
	.section03 .main-contact .btn a {padding: 12px;}
	.section03 .main-contact .btn .icon {width: 32px; height: 32px; background-size: 32px auto;}
	.section03 .main-contact .btn .text {padding-left: 20px; margin-left: 20px; font-size: 18px;}

	/* footer */
	#footer {padding:40px 0 50px;}
	.footer-top {margin-bottom: 30px;}
	.footer-top .logo img {width: 260px;}
	.footer-top ul {margin: 0 -20px;}
	.footer-top ul li {padding: 0 20px;}
	.footer-top ul li a {font-size: 16px;}
	.footer-bottom {margin-bottom: 20px;}
	.footer-bottom .info ul {margin: 0 -20px;}
	.footer-bottom .info ul li {padding: 0 20px; font-size: 16px;}
	.footer-bottom .sns ul {margin: 0 -6px;}
	.footer-bottom .sns ul li {padding: 0 6px;}
	.copyright {font-size: 16px;}

	/* quick-toolbar */
	.quick-toolbar {width: 95px; right: -95px;}
	.quick-toolbar.close {right: 0;}
	.quick-toolbar a {font-size: 14px;}
	.quick-toolbar .icon {width: 30px; height: 30px; background-size: 30px auto; margin: 0 auto 4px;}
	.quick-toolbar .kakao a {padding: 15px 10px;}

	.quick-toolbar .faq a {padding: 15px 10px;}
	.quick-toolbar ul li:after {margin-left: -33px; width: 66px;}
	.quick-toolbar ul li a {padding: 12px 10px;}
	.quick-toolbar .scroll-top a {font-size: 16px; padding: 14px 0;}
	.quick-toolbar .btn-close {display: block;}
}

@media (max-width: 768px) {
	/* header */
	#header {height:60px;}
	#header .sitelogo a {margin-top: -16px;}
	#header .sitelogo a img {width: 240px;}

	#gnb {display:none;}

	.sitemap-btn {width:40px; height:40px; margin-top:-20px;}

	/* main */
	.main-visual {margin-top: 60px;}
	.main-visual .item {height: calc(100vh - 60px);}
	.main-visual .item .text-box {padding-bottom: 65px;}
	.main-visual .item .text-box h2 {font-size: 34px; margin-bottom: 20px;}
	.main-visual .item .text-box p {font-size: 16px;}
	.main-visual .slick-dots {bottom: 190px;}
	.main-visual .slick-dots li button {width: 52px; height: 4px;}

	.consulting-banner {display: block; width: calc(100% - 130px);}
	.consulting-banner .wrap {display: block; padding: 10px 20px;}
	.consulting-banner h3 {font-size: 18px; padding-left: 40px; margin-right: 0; margin-bottom: 10px;}
	.consulting-banner h3:before {top: -6px; background-size: 22px auto;}
	.consulting-banner .cont {display: block;}
	.consulting-banner .input-wrap {margin-right: 0; margin-bottom: 10px;}
	.consulting-banner .input-wrap input {width: 50%; height: 38px; padding: 0 10px; font-size: 14px;}
	.consulting-banner .input-name {margin-right: 10px;}
	.consulting-banner .terms-wrap {width: auto; justify-content: unset;}
	.consulting-banner .terms-wrap .terms-agree label {font-size: 14px; margin-left: 8px; margin-right: 20px;}
	.consulting-banner .terms-wrap .terms-agree input[type="checkbox"] {width: 18px; height: 18px;}
	.consulting-banner .terms-wrap .pop_privacy {width: 90px; height: 30px; font-size: 13px;}
	.consulting-banner .btn-submit {width: 100%; height: auto; font-size: 16px; padding: 6px 0; border-radius: 24px 24px 0 0;}

	.section01 {padding-top: 80px;}
	.section01 .sec-cont ul {flex-wrap: wrap; margin: -5px;}
	.section01 .sec-cont ul li {width: 50%; padding: 5px;}
	.section01 .sec-cont ul li a {min-height: 230px; padding: 25px 20px 30px;}
	.section01 .sec-cont ul li .text h3 {font-size: 22px; margin-bottom: 10px;}
	.section01 .sec-cont ul li .text p {font-size: 16px;}
	.section01 .sec-cont ul li .btn-more {font-size: 16px; padding-right: 24px;}
	.section01 .sec-cont ul li .icon {bottom: 15px; right: 10px; width: 55px; height: 55px; background-size: 55px auto;}

	.section02 {padding: 80px 0 60px;}
	.section02 .section-title {margin-bottom: 30px;}
	.section-title b {font-size: 16px;}
	.section-title h3 {font-size: 30px;}
	.section02 .sec-cont ul {display: block; margin: 0;}
	.section02 .sec-cont ul li {width: 100%; padding: 0; margin-bottom: 10px;}
	.section02 .sec-cont ul li:nth-child(odd) {padding-bottom: 0;}
	.section02 .sec-cont ul li:nth-child(even) {padding-top: 0;}
	.section02 .sec-cont ul li a {min-height: 260px; padding: 30px 20px;}
	.section02 .sec-cont ul li h4 {font-size: 24px; margin-bottom: 25px;}
	.section02 .sec-cont ul li h4 span br {display: none;}
	.section02 .sec-cont ul li .btn-more {width: 110px; line-height: 40px; padding: 0 15px; font-size: 16px;}
	.section02 .sec-cont ul li .btn-more:after {right: 15px;}
	.section02 .sec-cont ul li .backdrop {background-size: auto 80%;}

	.section03 {padding: 80px 0;}
	.section03 .wrap {display: block; margin: -10px;}
	.section03 .wrap > div {padding: 10px;}
	.section03 .main-notice {width: 100%; flex: auto;}
	.section03 .main-notice .section-title {margin-bottom: 10px;}
	.section03 .main-notice ol li a {padding: 20px 10px;}
	.section03 .main-notice ol li .title p {font-size: 16px; padding-right: 20px;}
	.section03 .main-notice ol li .date {font-size: 16px;}
	.section03 .main-contact {max-width: none; margin-top: 0;}
	.section03 .main-contact .inner {padding: 30px 20px;}
	.section03 .main-contact .text-box p:nth-child(1) {font-size: 22px;}
	.section03 .main-contact .text-box p:nth-child(2) {font-size: 16px; margin-bottom: 8px;}
	.section03 .main-contact .text-box a {font-size: 32px; margin-bottom: 30px;}
	.section03 .main-contact .btn a {padding: 10px;}
	.section03 .main-contact .btn .icon {width: 28px; height: 28px; background-size: 28px auto;}
	.section03 .main-contact .btn .text {padding-left: 15px; margin-left: 15px; font-size: 16px;}

	.section04 .wrap {flex-wrap: wrap; height: auto;}
	.section04 .wrap > div {flex: auto; max-width: 33.33333%; width: 100%; padding: 12px 0;}

	/* footer */
	#footer {padding:30px 0 40px;}
	.footer-top {display: block; text-align: center; margin-bottom: 20px;}
	.footer-top .logo img {width: 240px; margin-bottom: 20px;}
	.footer-top ul {justify-content: center; margin: 0 -20px;}
	.footer-top ul li {padding: 0 20px;}
	.footer-top ul li a {font-size: 15px;}
	.footer-bottom {display: block; margin-bottom: 20px;}
	.footer-bottom .info ul {justify-content: center; margin: 0 -15px 20px;}
	.footer-bottom .info ul li {padding: 0 15px; font-size: 15px;}
	.footer-bottom .sns ul {justify-content: center; margin: 0 -6px;}
	.footer-bottom .sns ul li {padding: 0 6px;}
	.copyright {font-size: 15px; text-align: center;}

	/* quick-toolbar */
	.quick-toolbar {width: 90px; right: -90px;}
	.quick-toolbar a {font-size: 13px;}
	.quick-toolbar .icon {width: 28px; height: 28px; background-size: 28px auto; margin: 0 auto 4px;}
	.quick-toolbar .kakao a {padding: 12px 10px;}

	.quick-toolbar .faq a {padding: 12px 10px;}
	.quick-toolbar ul li a {padding: 10px 10px;}
	.quick-toolbar .scroll-top a {font-size: 15px; padding: 14px 0;}
}

@media (max-width: 480px) {
	/* main */
	.main-visual .item {height: calc(100vh - 250px);}
	.main-visual .item .text-box h2 {font-size: 26px;}
	.main-visual .slick-dots {bottom: 100px;}

	.consulting-banner {position: relative; display: block; width: 100%; border-radius: 24px 24px 24px 24px; margin-top: 10px;}
	.consulting-banner .wrap {border: 4px solid #eee; border-bottom: 0; border-radius: 24px 24px 0 0;}
	.consulting-banner .btn-submit {border-radius: 0 0 24px 24px;}

	.section01 .sec-cont ul li .text p br {display: none;}

	.section02 .sec-cont ul li .backdrop {background-size: auto 70%;}
}