@media (max-width:1600px){
/* 메인 main */
.inner{max-width: 100%; width: 95%; }

/* 사이드 퀵 메뉴 */
.quick-box .q-contact ul li.q-contact-btn {display:none;}

/* sub-사업분야 */
.sub-visual-wrap h2 {font-size:50px;}
.sub-top-sec h3 {font-size:50px;}
.sub-top-sec p {font-size:20px;}

/* sub-사업분야 ai서비스 */
.ai-wrap .ai-sec .title-box ul li {font-size:18px; padding:10px 20px;}
.ai-wrap .ai-sec .image-box {min-width:800px;}

/* PORTFOLIO POPUP */
#p-pop-sec .pop_inner .pop_box ul .pop_txt1 {font-size: 16px;}
#p-pop-sec .pop_inner .pop_box ul .pop_txt2 {font-size: 16px;}
#p-pop-sec .pop_inner .pop_box ul .pop_color .pop_circle {width:16px; height:16px;}

/* 오시는길 */
.map_top_box ul li img {width:60px;}
}

@media (max-width:1280px){
/* 메인 main */
.m-title h3 {font-size:70px;}

#sec1 .main-banner .inner div h2 {font-size:80px;}

#sec2 .service-box > ul > li {height:500px;}
#sec2 .service-box > ul > li .service-txt {padding:50px 30px;}
#sec2 .service-box > ul > li .service-txt ul li h4 {font-size:30px;}
#sec2 .service-box > ul > li .service-txt ul li p {font-size:18px;}

#sec4 .ai-box ul li div img {height:130px;}
#sec4 .ai-box ul li div h4 {font-size:20px;}
#sec4 .ai-box ul li div p {font-size:16px;}
#sec4 .ai-box ul li div p br {display:none;}

/* sub-사업분야 */
.sub-menu ul li a {font-size:16px; padding:10px 0;}
.sub-top-sec {padding:150px 0;}
.sub-top-sec::after {height:60px; width:213px;}
.sub-top-sec > div {padding:5px 8px; height:38px; bottom:14px;}

/* sub-수업분야 ai서비스 */
.ai-wrap .ai-sec .title-box {text-align:center;}
.ai-wrap .ai-sec .inner {flex-direction:column;}
.ai-wrap .ai-sec .image-box {padding:35px; min-width:900px;}
.ai-wrap .ai-sec .title-box ul {justify-content:center; width:70%; margin:0 auto;}
.ai-wrap .ai-sec3 .inner, .ai-wrap .ai-sec5 .inner {flex-direction:column-reverse;}
.ai-wrap .ai-sec6 p {font-size:20px;}
.ai-wrap .ai-sec6 h3 {font-size:40px;}
.ai-wrap .ai-sec6 ul li div img {height:80px;}
.ai-wrap .ai-sec6 ul li h4 {font-size:20px;}
.ai-wrap .ai-sec6 ul li p {font-size:16px; margin-bottom:0;}
.ai-wrap .ai-sec6 ul li p br {display:none;}

/* sub-수업분야 홈페이지 */
.homepage-wrap .sub-sec7.homepage-sec7 ul {flex-wrap:wrap; gap:20px; justify-content:center;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li {width:calc((80% - 132px) / 3);}
.homepage-wrap .sub-sec7.homepage-sec7 ul li.gradient-right {width:26px;}

/* PORTFOLIO POPUP */
#p-pop-sec .pop_inner {width:80vw;}

/* sub-회사소개 */
.sub-container.company-container {padding:150px 0 100px;}
.bar-length {margin:80px auto 0; height:50px;}
.company-wrap h2 {font-size:20px;}
.company-wrap h1 {font-size:40px;}
.company-wrap .company-sec1::before {font-size:22rem;}
.company-wrap .company-sec1 p {font-size:18px;}
.company-wrap .company-sec2 {margin-top:100px;}
.company-wrap .company-sec2 ul li {height:500px;}
.company-wrap .company-sec2 ul li h3 {font-size:20px;}
.company-wrap .company-sec2 ul li p {font-size:16px;}
.company-wrap .company-sec3 {padding:100px 0;}
.company-wrap div.history ul li div.history-y p {font-size:25px;}
.company-wrap div.history ul li div.history-cont h3 {font-size:18px;}
.company-wrap div.history ul li div.history-cont p {font-size:16px;}
.company-wrap div.history ul li div.history-r::before {width:15px; height:15px; left:-7.5px;}
.company-wrap div.history ul li div.history-cont {padding:0 50px 80px;}
.company-wrap div.client ul li {padding:15px;}
.company-wrap div.client ul li img {width:80%;}
.company-wrap .company-sec5 {padding:100px 0 0;}

/* 오시는길 */
.map_top_box ul {flex-wrap:wrap; gap:40px;}
.map_top_box ul li {width:calc((100% - 40px) / 2);}
}

@media (max-width:1024px){
/* header */
header {padding:10px 0;}
header nav div.logo {width:auto;}
header nav div.logo a img {height:35px;}
header nav div.btn {width:auto;}
header nav div.btn ul li:nth-child(1) a {width:130px; padding:10px 0; font-size:16px; border-radius:10px;}
header nav div.btn ul li:nth-child(1) a img {width:25px;}

/* 햄버거 메뉴 */
.all-menu > div > ul > li {flex-direction:column; margin-bottom:5%;}
.all-menu > div > ul > li > div {width:100%; text-align:center;}
.all-menu > div > ul > li > ul {width:100%; margin-top:10px; justify-content:center;}
.all-menu > div > ul > li > div a {font-size:20px;}
.all-menu > div > ul > li > ul a {font-size:16px;}
.all-menu > div > ul > li:last-child img {width:160px;}
.all-menu > div > ul > li:last-child ul li a {width:180px; padding:10px 0; font-size:16px;}

/* 퀵-top 버튼 */
.quick-box .q-top {width:40px; height:40px;}

/* 메인 main */
section {padding:100px 0 0;}
section:last-of-type {padding:100px 0;}
.menu{display:none}
.m-title h3{ font-size: 50px;}
.m-title p{ font-size: 20px;}
.more-btn a {width:250px; padding:15px 20px; font-size:18px; background-position: right 20px top 50%;}

#sec1 .main-banner .inner div h2{ font-size: 60px;}
#sec1 .main-banner .inner div p {font-size:20px;}
#sec1 .main-banner .inner div ul li a {padding:15px 20px; font-size:18px;}

#sec2 .service-box > ul{ flex-wrap: wrap;}
#sec2 .service-box > ul > li {transition:height .2s ease;}
#sec2 .service-box > ul > li.on{ width: 100%; height: 370px;}
#sec2 .service-box > ul > li{ padding: 0; width: 100%; height: 90px; margin-bottom: 20px;}
#sec2 .service-box > ul > li .service-txt{padding: 70px 40px 40px;}
#sec2 .service-box > ul > li .service-txt ul li p{font-size: 16px;}
#sec2 .service-box > ul > li > h4 {margin-bottom:0;}
#sec2 .service-box > ul > li > h4 br{display:none; margin: 0;}
#sec3 .works-box ul li a{ padding: 10%;}
#sec4 .ai-box ul {flex-wrap:wrap;}
#sec4 .ai-box ul li {width:calc(98%/2); margin-top:2%;}
#sec4 .ai-box ul li div p{font-size: 16px;}
#sec4 .ai-box ul li div p br{display:none}

#sec5 .inner {flex-direction:column;}
#sec5 .m-title {text-align:center;}
#sec5 .m-title br {display:none;}
#sec5 .client-box {width:100%; padding:30px;}
#sec5 .client-box ul {gap:8%}
#sec5 .client-box ul li {width:calc(76%/4);}
#sec5 .client-box .swiper {padding-bottom:30px;}

.flow-box p {font-size:180px;}

/* footer */
footer {padding:80px 0;}
footer .f-contact h3{ font-size: 50px;}
footer .f-contact .f-contact-btn {margin:30px;}
footer .f-contact .f-contact-btn a {width:300px; padding:20px 0; font-size:25px;}
footer .f-info .f-page {justify-content:center; margin-bottom:30px; font-size:15px;}
footer .f-info > ul {flex-direction:column;}
footer .f-info > ul > li:nth-child(1) {display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:30px;}
footer .f-info > ul > li div.f-info-txt {margin-top:0; text-align:center;}
footer .f-info > ul > li div.f-info-txt p {font-size:14px;}
footer .f-info > ul > li div.f-sns {margin-top:0;}
footer .f-info > ul > li div.f-sns a:last-child {margin-right:0;}
footer .f-info > ul > li.f-name-server ul li {margin:15px 0;}

/* sub-사업분야 */
.sub-visual-wrap h2 {font-size:40px; padding:120px 0 50px;}
.sub-menu ul li a {font-size:15px;}
.sub-top-sec {padding:100px 0;}
.sub-top-sec h3 {font-size:35px;}
.sub-top-sec p {font-size:16px;}
.sub-top-sec::after {height:50px; width:177.5px;}
.sub-top-sec > div {height:32px; padding:5px 6px; bottom:10px;}
.sub-top-sec > div > div {width:6px; height:6px;}

.sub-sec {padding-top:100px;}
.sub-sec:last-of-type {padding:50px 0;}
.sub-titlebox h4 {font-size:30px;}
.sub-titlebox p {font-size:16px;}
.sub-sec2-cont ul li div {font-size:18px; width:35px; height:35px;}
.sub-sec2-cont ul li h5 {font-size:16px;}
.sub-sec2-cont ul li p {font-size:15px;}
.sub-sec3 {padding-bottom:50px;}
.sub-sec3-cont ul {flex-wrap:wrap; gap:20px; justify-content:center;}
.sub-sec3-cont ul li {width:calc((100% - 40px)/3);}
.sub-sec3-cont ul li div:nth-child(1) {height:150px;}
.sub-sec3-cont ul li div:nth-child(2) {padding:15px;}
.sub-sec3-cont ul li div h5 {font-size:16px;}
.sub-sec3-cont ul li div p {font-size:15px;}
.sub-sec3-cont ul li div p br {display:none;}
.sub-sec4 {padding:50px 0;}
.sub-sec4-cont ul li > div div {width:100px; height:100px;}
.sub-sec4-cont ul li > div div img {width:50px;}
.sub-sec4-cont ul li > div p {font-size:16px;}
.sub-sec5 {padding:50px 0;}
.sub-sec5-cont ul li {padding:20px;}
.sub-sec5-cont ul li div {width:45px; height:45px;}
.sub-sec5-cont ul li p {font-size:16px;}
.sub-sec5-cont ul li div img {width:25px;}
.sub-sec6-cont ul {gap:30px;}
.sub-sec6-cont ul li {width:calc((100% - 30px)/2); margin:0; padding:20px;}
.sub-sec6-cont ul li div img {width:80px;}
.sub-sec6-cont ul li h5 {font-size:16px;}
.sub-sec6-cont ul li p {font-size:15px;}

/* sub-수업분야 ai서비스 */
.ai-wrap .ai-sec {padding:50px 0;}
.ai-wrap .ai-sec .inner {gap:50px;}
.ai-wrap .ai-sec .title-box h4 {font-size:30px;}
.ai-wrap .ai-sec .title-box p {font-size:16px;}
.ai-wrap .ai-sec .title-box ul li {font-size:15px; padding:8px 15px;}
.ai-wrap .ai-sec .image-box {min-width:100%; height:auto;}
.ai-wrap .ai-sec2 {padding-top:100px;}
.ai-wrap .ai-sec2 .image-box .chat-top {margin-bottom:20px;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt {padding:25px; width:70%;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt p {font-size:20px;}
.ai-wrap .ai-sec3 .image-box .search-top {margin-bottom:20px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li div.search-img img {width:80px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li div.search-btn {width:150px;}
.ai-wrap .ai-sec4 .image-box .individual-top {margin-bottom:20px;}
.ai-wrap .ai-sec4 .image-box .individual-top ul li img {width:30px;}
.ai-wrap .ai-sec4 .image-box .individual-top ul li p {font-size:16px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt {padding:25px; width:70%;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt > p {font-size:20px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(2) img {width:80px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(3) p:first-child {font-size:16px;}
.ai-wrap .ai-sec5 .image-box .data-top {margin-bottom:20px;}
.ai-wrap .ai-sec5 .image-box .data-top p {font-size:20px;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-title {font-size:16px;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-number {font-size:20px;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-last {font-size:14px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-r > div img {width:170px;}
.ai-wrap .ai-sec6 {padding:50px 0; background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('/img2/ai-cont-bg-m.png') no-repeat center / cover;}
.ai-wrap .ai-sec6 p {font-size:16px;}
.ai-wrap .ai-sec6 h3 {font-size:30px;}
.ai-wrap .ai-sec6 ul {flex-wrap:wrap;}
.ai-wrap .ai-sec6 ul li {width:calc(97%/2); margin-bottom:3%;}

/* sub-수업분야 ebook */
.ebook-wrap .sub-sec6 {padding:50px 0;}
.ebook-wrap .sub-sec7.ebook-sec7 {padding:50px 0;}
.ebook-wrap .ebook-sec7 ul li p {font-size:16px;}

/* sub-수업분야 홈페이지 */
.homepage-wrap .sub-sec6 {padding:50px 0;}
.homepage-wrap .sub-sec7.homepage-sec7 {padding:50px 0;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li {width:calc((100% - 132px) / 3);}
.homepage-wrap .sub-sec7.homepage-sec7 ul li > div:nth-child(2) p {font-size:14px;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li > div h5 {font-size:16px;}

/* sub-수업분야 마케팅 */
.marketing-wrap .marketing-sec6 .sub-sec6-cont ul li {width:100%;}

/* 포트폴리오 */
#new-portfolio-sec .btn_set li a {font-size:16px;}
#new-portfolio-sec .portfolio_item {width:calc(97%/3);}
#new-portfolio-sec .portfolio_item .text b {font-size:16px;}
#new-portfolio-sec .portfolio_item .text span {font-size:15px;}

/* sub-회사소개 */
.sub-container.company-container {padding:100px 0 50px;}
.company-wrap h2 {font-size:16px; margin-bottom:10px;}
.company-wrap h1 {font-size:25px;}
.company-wrap .company-sec1::before {font-size:18rem;}
.company-wrap .company-sec1 p {font-size:16px;}
.company-wrap .company-sec2 ul li h3 {font-size:16px;}
.company-wrap .company-sec2 ul li p {font-size:15px;}
.company-wrap div.history ul li div.history-y p {font-size:20px;}
.company-wrap div.history ul li div.history-cont h3 {font-size:16px;}
.company-wrap div.history ul li div.history-cont p {font-size:15px;}

/* sub-문의하기 */
.contact-wrap .contact-sec1 {padding-bottom:50px;}
.contact-wrap .contact-sec1 input {border-radius:10px; height:50px; font-size:16px; padding:5px;}
.contact-wrap .contact-sec1 input::placeholder {font-size:13px;}
.contact-wrap .contact-sec1 .contact-box02 select {border-radius:10px; height:50px; font-size:16px;}
.contact-wrap .contact-sec1 .contact-box03 ul li:nth-child(1) div input {width:95%;}
.contact-wrap .contact-sec1 .contact-box03 ul li:nth-child(1) div span {font-size:15px;}
.contact-wrap .contact-sec1 .contact-box05 div label {height:50px; border-radius:10px;}
.contact-wrap .contact-sec1 .contact-box05 ul li span {font-size:14px;}
.contact-wrap .contact-sec1 textarea {font-size:16px; border-radius:10px;}
.contact-wrap .contact-sec1 .contact-agree div a {font-size:14px;}

/* 오시는길 */
.map-sec1 {padding-bottom:50px;}
.map {height:400px;}
.map_top_box {padding:30px;}
.map_top_box ul li img {width:50px;}
.map_top_box ul li b {font-size:16px;}
.map_top_box ul li span {font-size:15px;}
.map_top_box ul li button {display:block; margin-left:0;}
.map_info_wp .map_info_img {min-width:150px; font-size:16px;}
.map-sec1 > div:last-child ul li {flex-direction:column; gap:5px; margin-bottom:30px;}
.map-sec1 > div:last-child ul li:last-child {margin-bottom:0;}
.map_info_wp ul li span {font-size:15px;}
}


@media (max-width:768px){
/* 햄버거 메뉴 */
.all-menu > div > ul > li > ul {flex-wrap:wrap;}
.all-menu > div > ul > li > div {width:100%;}
.all-menu > div > ul > li > div a {width:100%;}
.all-menu > div > ul > li:last-child ul {margin-top:0;}
.all-menu > div > ul > li:last-child ul li {position:relative; width:100%; transform:translate(0); text-align:center;}
.all-menu > div > ul > li:last-child ul li:nth-child(2) {transform:translate(0); left:0; margin:20px 0;}


/* 메인 main */
.m-title h3 {font-size:35px;}
.m-title p {font-size:16px;}

#sec1 .main-banner .inner div h2 {font-size:40px;}
#sec1 .main-banner .inner div p {font-size:16px;}
#sec1 .main-banner .inner div ul li a {font-size:15px; padding:10px 15px; width:200px;}

#sec2 .service-box > ul > li .service-txt ul li h4 {font-size:25px;}
#sec2 .service-box > ul > li .service-txt ul li div a span {font-size:18px;}
#sec2 .service-box > ul > li .service-txt ul li div a::after {height:20px;}

#sec3 .works-box ul li a .works-txt h4 {font-size:20px;}
#sec3 .works-box ul li a .works-txt p {font-size:16px;}

#sec4 .ai-box ul li div h4 {font-size:20px;}

#sec5 .inner{ display: block;}
#sec5 .client-box{width: 100%;}
#sec5 .client-box ul {gap:10%;}
#sec5 .client-box ul li {width:calc(80%/3);}
#sec5 .m-title{text-align: center;}

.flow-box p {font-size:120px;}

/* footer */
footer .f-contact h3 {font-size:40px;}
footer .f-info > ul > li:nth-child(1) {flex-direction:column;}
footer .f-info > ul > li div.f-info-txt {margin:20px 0;}
footer .f-info > ul > li div.f-info-txt p span:last-child {padding-right:0;}
footer .f-copy {flex-direction:column-reverse;}
footer .f-copy div:first-child {margin-top:30px;}
footer .f-copy div p:first-child {margin-left:0;}
footer .f-copy div p br {display:block;}

/* sub-사업분야 */
.sub-visual-wrap h2 {font-size:30px;}
.sub-visual-wrap h2 br {display:block;}
.sub-menu ul {flex-wrap:wrap;}
.sub-menu ul li {width:calc(100%/3);}
.sub-menu ul li:nth-child(-n+4) {width:calc(100%/4); border-bottom:0;}
.sub-menu ul li:nth-child(5) {border-left:1px solid #ccc;}
.sub-top-sec {padding:80px 30px 100px;}
.sub-depth-menu ul {gap:30px;}
.sub-depth-menu ul li a {font-size:15px; padding:0 0 5px;}

.sub-sec2-cont ul {flex-wrap:wrap; gap:30px;}
.sub-sec2-cont ul li {width:calc((100% - 30px) / 2);}
.sub-sec3-cont ul li {width:calc((100% - 20px) / 2);}
.sub-sec4-cont ul {gap:30px;}
.sub-sec4-cont ul li > div:first-child {margin-bottom:30px;}
.sub-sec4-cont ul li > div div {min-width:70px; min-height:70px; width:70px; height:70px;}
.sub-sec4-cont ul li > div div img {width:40px;}
.sub-sec5-cont ul {flex-wrap:wrap; gap:20px;}
.sub-sec5-cont ul li {width:calc((100% - 20px) / 2);}
.sub-sec6-cont ul li {width:100%;}

/* sub-수업분야 ai서비스 */
.ai-wrap .ai-sec .title-box ul {width:100%;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-img img {width:80px;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt {width:80%;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-img img {width:80px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt {width:80%;}
.ai-wrap .ai-sec5 .image-box .data-bot {flex-direction:column;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l {width:100%;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-r {width:100%;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-title {font-size:15px;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-number {font-size:16px;}
.ai-wrap .ai-sec5 .image-box .data-bot p.data-last {font-size:13px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l ul.data-stats li {padding:15px; background-size:30% !important;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l ul.data-stats li:nth-child(1) {width:calc(50% - 10px);}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l ul.data-stats li:nth-child(2) {width:calc(50% - 10px);}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l div.data-chart {padding:15px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-r ul {margin:10px 0; justify-content:center; gap:10px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-r > div img {width:130px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l div.data-chart > ul > li.data-graph ul::before {font-size:12px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l div.data-chart > ul > li.data-graph ul::after {font-size:12px;}
.ai-wrap .ai-sec5 .image-box .data-bot div.data-l div.data-chart > ul > li.data-graph ul li::after {font-size:12px;}

/* sub-수업분야 홈페이지 */
.homepage-wrap .sub-sec7.homepage-sec7 ul {flex-direction:column;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li {width:60%;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li.gradient-right img {transform:rotate(90deg);}
.homepage-wrap .sub-sec7.homepage-sec7 ul li > div:nth-child(2) {display:flex; justify-content:center;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li > div:nth-child(2) p {width:fit-content;}
.homepage-wrap .sub-sec7.homepage-sec7 ul li > div:nth-child(2) p br {display:block;}

/* POLTFOLIO POPUP */
#p-pop-sec .pop_inner .pop_box ul {width:85%;}
#p-pop-sec .pop_inner .pop_box ul .pop_txt1 {width:40%;}
#p-pop-sec .pop_inner .pop_box ul .pop_txt2 {width:60%;}
#p-pop-sec .pop_inner .pop_box h2 {font-size:30px;}
#p-pop-sec .pop_inner .pop_content .news-btn {justify-content:center; gap:30px;}
#p-pop-sec .pop_inner .pop_content .news-btn a {width:calc((100% - 30px) / 2); font-size:15px;}

/* sub-회사소개 */
.bar-length {margin:50px auto 0;}
.company-wrap .company-sec1::before {font-size:14rem;}
.company-wrap .company-sec1 p br {display:block;}
.company-wrap .company-sec2 ul li {padding:20px; height:350px;}
.company-wrap .company-sec2 ul li h3 br {display:block;}
.company-wrap .company-sec2 ul li p {font-size:14px;}
.company-wrap .company-sec3 {padding:50px 0;}
.company-wrap div.history ul li div.history-cont {padding:0 30px 50px;}
.company-wrap div.history ul li div.history-cont p {font-size:14px;}
.company-wrap div.history ul li div.history-y {padding:0 30px;}
.company-wrap div.history ul li:last-child .history-cont {padding:0 30px;}
.company-wrap div.client ul li {width:calc((100% - 60px) / 4); border-radius:15px;}
.company-wrap .company-sec5 {padding:50px 0 0;}
.company-wrap table {width:100%;}

/* sub-문의하기 */
.contact-wrap .contact-sec1 ul {flex-wrap:wrap; gap:20px;}
.contact-wrap .contact-sec1 ul li {width:100%;}
.contact-wrap .contact-sec1 label {font-size:16px;}
.contact-wrap .contact-sec1 .contact-submit {margin:30px 0 0 ;}
.contact-wrap .contact-sec1 .contact-submit input {height:60px; width:50%;}

/* 오시는길 */
.map_top_box ul {gap:20px;}
.map_top_box ul li {width:100%;}
.map_top_box ul li button {display:inline; margin-left:5px;}
.map_info_wp ul li span {font-size:14px;}

/* 개인정보처리방침 */
.privacy-wrap .privacy-sec1 {padding:30px;}
.privacy-wrap .privacy-sec1 p {font-size:15px;}
.privacy-wrap .privacy-sec1 p br {display:block;}
}


@media (max-width:450px){
/* header */
header nav div.logo a img {height:25px;}
header nav div.btn ul {gap:20px;}
header nav div.btn ul li:nth-child(1) a {width:35px; height:35px; border-radius:50%; padding:0;}
header nav div.btn ul li:nth-child(1) a span {display:none;}
header .all-btn img {width:28px;}

/* 햄버거 메뉴 */
.all-menu > div > ul > li {margin-bottom:7%;}
.all-menu > div > ul > li > ul {gap:6%;}
.all-menu > div > ul > li > ul a {line-height:1.5;}
.all-menu > div > ul > li > div a {font-size:18px;}
.all-menu > div > ul > li:last-child {padding-top:7%;}
.all-menu > div:first-child .close-btn {width:25px; height:25px; top:-15px;}
.all-menu > div:first-child .close-btn::before {width:2px; height:25px; left:12.5px;}
.all-menu > div:first-child .close-btn::after {width:2px; height:25px; left:12.5px;}

/* 퀵-top 버튼 */
.quick-box .q-top {width:36px; height:36px; bottom:30px;}
.quick-box .q-top p {height:16px;}
.quick-box .q-top img {height:100%;}

/* 메인 main */
.more-btn {margin-top:30px;}
.more-btn a {width:150px; padding:15px; background-position:right 15px top 50%;}

#sec1 .main-banner .inner div h2 {font-size:35px;}
#sec1 .main-banner .inner div h2 br {display:block;}
#sec1 .main-banner .inner div ul li a {width:150px; padding:10px; font-size:14px;}
#sec1 .main-banner .inner div ul li a div.right-btn {width:30px; height:30px;}

#sec2 .service-box > ul > li {height:70px;}
#sec2 .service-box > ul > li.on {height:320px;}
#sec2 .service-box > ul > li .service-txt {padding:30px;}
#sec2 .service-box > ul > li .service-txt ul li div a {padding:15px; width:150px;}
#sec2 .service-box > ul > li .service-txt ul li div a span {font-size:16px;}
#sec2 .service-box > ul > li .service-txt ul li div a::after {right:15px;}

#sec3 .works-box ul li {width:100%; height:50vh;}
#sec3 .works-box ul li a {padding:30px;}

#sec4 .ai-box ul li {width:100%; margin-top:3%;}
#sec4 .ai-box ul li:first-child {margin-top:0;}
#sec4 .ai-box ul li div:first-child {margin-bottom:20px;}
#sec4 .ai-box ul li div img {height:100px;}

#sec5 .client-box {padding:20px;}
#sec5 .client-box ul {gap:3%;}
#sec5 .client-box ul li {width:calc(94%/3); margin-top:8%;}

.flow-box p {font-size:80px;}

/* footer */
footer {padding:50px 0;}
footer .f-contact h3 {font-size:25px;}
footer .f-contact .f-contact-btn a {width:180px; padding:15px 0; font-size:16px;}
footer .f-info > ul > li h1 img {width:150px;}
footer .f-info > ul > li div.f-info-txt p span {display:block; padding:0;}
footer .f-info > ul > li div.f-info-txt p span::before {display:none;}
footer .f-info > ul > li div.f-sns a {width:35px; height:35px;}
footer .f-info > ul > li div.f-sns a img {width:100%; height:100%;}
footer .f-info > ul > li.f-name-server {width:100%; padding:20px;}
footer .f-info > ul > li.f-name-server ul li {justify-content:center;}
footer .f-info > ul > li.f-name-server ul li p:nth-child(2) {font-size:13px;}
footer .f-copy div p span {font-size:16px;}

/* sub-사업분야 */
.sub-visual-wrap h2 {padding:100px 0 50px;}
.sub-menu ul li a {font-size:14px; padding:8px 0;}
.sub-top-sec {border-radius:30px;}
.sub-top-sec h3 {font-size:25px;}
.sub-depth-menu ul {gap:5%;}

.sub-titlebox h4 {font-size:20px;}
.sub-sec2-cont ul {gap:20px;}
.sub-sec2-cont ul li {width:100%; text-align:center;}
.sub-sec2-cont ul li div {margin:0 auto;}
.sub-sec2-cont ul li h5 {margin:10px 0;}
.sub-sec3-cont ul li {width:80%;}
.sub-sec3-cont ul li div:nth-child(1) {height:120px;}
.sub-sec4-cont ul {flex-wrap:wrap; justify-content:flex-start;}
.sub-sec4-cont ul li {width:auto;}
.sub-sec5-cont ul {gap:10px;}
.sub-sec6-cont ul li {gap:20px;}
.sub-sec6-cont ul li div img {width:60px;}

/* sub-수업분야 ai서비스 */
.triangle::before {display:none;}
.ai-wrap .ai-sec .title-box h4 {font-size:25px;}
.ai-wrap .ai-sec .title-box ul {gap:10px;}
.ai-wrap .ai-sec .title-box p {margin-bottom:30px;}
.ai-wrap .ai-sec .title-box ul li {font-size:13px; padding:8px;}
.ai-wrap .ai-sec .image-box {padding:20px;}
.ai-wrap .ai-sec2 .image-box .chat-top {flex-direction:column;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-img img {width:50px;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt {width:100%;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt p {font-size:16px;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt ul {margin-top:20px; gap:10px;}
.ai-wrap .ai-sec2 .image-box .chat-top .chat-txt ul li {padding:8px 15px;}
.ai-wrap .ai-sec2 .image-box .chat-bot ul {padding:7px 7px 7px 15px;}
.ai-wrap .ai-sec2 .image-box .chat-bot ul li:last-child {width:35px; height:35px;}
.ai-wrap .ai-sec2 .image-box .chat-bot ul li:last-child img {width:20px;}
.ai-wrap .ai-sec3 .image-box .search-top ul {padding:7px 15px 7px 7px;}
.ai-wrap .ai-sec3 .image-box .search-top ul li > div:nth-child(1) {width:35px; height:35px;}
.ai-wrap .ai-sec3 .image-box .search-top ul li > div:nth-child(1) img {width:20px;}
.ai-wrap .ai-sec3 .image-box .search-top ul li:nth-child(2) img {width:20px;}
.ai-wrap .ai-sec3 .image-box .search-top ul li div.search-input div {width:35px; height:35px;}
.ai-wrap .ai-sec3 .image-box .search-top ul li div.search-input div img {width:35px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul {flex-direction:column; padding:20px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul::before {display:none;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li {width:100%; padding:20px 0;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li:first-child {border-bottom:1px solid #ccc; padding-top:0;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li:last-child {padding-bottom:0;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li p {font-size:14px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li div.search-btn {font-size:13px;}
.ai-wrap .ai-sec3 .image-box .search-bot ul li div.search-img img {width:60px;}
.ai-wrap .ai-sec4 .image-box .individual-top ul {flex-wrap:wrap; justify-content:center; gap:20px;}
.ai-wrap .ai-sec4 .image-box .individual-top ul li {padding:10px 0; width:calc((100% - 20px) / 2); justify-content:center;}
.ai-wrap .ai-sec4 .image-box .individual-top ul li img {width:20px;}
.ai-wrap .ai-sec4 .image-box .individual-bot {flex-direction:column;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-img img {width:50px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt {width:100%;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt > p {font-size:16px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li {padding:0 0 10px 0;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(1) {padding:5px 0; width:50px; text-align:center; margin-right:10px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(2) img {width:60px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(3) p:first-child {font-size:15px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li > div:nth-child(3) p:last-child {font-size:13px;}
.ai-wrap .ai-sec4 .image-box .individual-bot .indivi-txt ul li:last-child {padding:10px 0 0 0;}
.ai-wrap .ai-sec5 .image-box .data-top p {font-size:16px;}
.ai-wrap .ai-sec6 ul li {width:100%; padding:20px;}
.ai-wrap .ai-sec6 ul li div img {height:60px;}
.ai-wrap .ai-sec6 ul li h4 {font-size:16px;}
.ai-wrap .ai-sec6 ul li p {font-size:15px;}

/* sub-수업분야 홈페이지 */
.homepage-wrap .sub-sec7.homepage-sec7 ul li {width:100%;}

/* PORTFOLIO */
#new-portfolio-sec .portfolio_item {width:calc(98%/2);}
#new-portfolio-sec .portfolio_item .text b {font-size:15px;}
#new-portfolio-sec .portfolio_item .text span {font-size:14px;}

/* PORTFOLIO POPUP */
#p-pop-sec .pop_inner {width:80vw;}
#p-pop-sec .pop_inner .pop_btn_close {right:30px; top:30px;}
#p-pop-sec .pop_inner .pop_top_img {margin-bottom:50px;}
#p-pop-sec .pop_inner .pop_box h2 {padding:0 10px; font-size:20px;}
#p-pop-sec .pop_inner .pop_box ul .pop_txt1 {font-size: 13px;}
#p-pop-sec .pop_inner .pop_box ul .pop_txt2 {font-size: 13px;}
#p-pop-sec .pop_inner .pop_box ul .pop_color .pop_circle {width:13px; height:13px;}
#p-pop-sec .pop_inner .pop_content {margin-top:50px;}
#p-pop-sec .pop_inner .pop_content .pop_txt3, .p_pop_wrap .pop_inner .pop_content .pop_go, .p_pop_wrap .pop_inner .pop_top_img {margin-bottom:50px;}
#p-pop-sec .pop_inner .pop_content .pop_txt3 p {font-size: 15px;}
#p-pop-sec .pop_inner .pop_btn_close {width:15px; height:15px;}
#p-pop-sec .pop_inner .pop_btn_close img {width:100%; height:100%;}
#p-pop-sec .pop_inner .pop_content .pop_go {margin:0 auto 50px;}

/* sub-회사소개 */
.company-wrap h1 {font-size:20px; margin-bottom:30px;}
.company-wrap .company-sec1 p {font-size:15px;}
.company-wrap .company-sec1::before {display:none;}
.company-wrap .company-sec2 ul {flex-wrap:wrap;}
.company-wrap .company-sec2 ul li {width:100%; height:250px;}
.company-wrap div.history ul li:nth-child(2n) {flex-direction:row-reverse;}
.company-wrap div.history ul li div.history-y {width:30%; padding:0 30px 0 0;}
.company-wrap div.history ul li div.history-y.history-r {text-align:right;}
.company-wrap div.history ul li:nth-child(2n) div.history-r {border:0;}
.company-wrap div.history ul li:nth-child(2n) div.history-r::before {display:none;}
.company-wrap div.history ul li:nth-child(2n) div.history-l {text-align:left; border-left:1px solid #fff; position:relative;}
.company-wrap div.history ul li:nth-child(2n) div.history-l::before {display:inline-block; content:''; position:absolute; top:0; left:-7.5px; width:15px; height:15px; border-radius:50%; background-color:#fff;}
.company-wrap div.history ul li:last-child div.history-l {border-left:0;}
.company-wrap div.history ul li div.history-cont {width:70%; padding:0 0 50px 20px;}
.company-wrap div.history ul li:last-child .history-cont {padding:0 0 0 20px;}
.company-wrap div.client ul {gap:10px;}
.company-wrap div.client ul li {width:calc((100% - 20px) / 3); padding:10px;}
.company-wrap div.client ul li img {width:100%;}
.company-wrap table tr th, .company-wrap table tr td {padding:15px 0;}
.company-wrap table tr td a {padding:5px 8px; margin-right:10px;}
.company-wrap table tr td a:last-child {margin-right:0;}

/* sub-문의하기 */
.contact-wrap .contact-sec1 input {border-radius:5px;}
.contact-wrap .contact-sec1 .contact-box02 select {border-radius:5px;}
.contact-wrap .contact-sec1 ul li.email-group > div {flex-wrap:wrap; gap:10px;}
.contact-wrap .contact-sec1 ul li.email-group > div input {width:calc((100% - 35px) / 2);}
.contact-wrap .contact-sec1 .contact-box02 select {width:100%;}
.contact-wrap .contact-sec1 textarea {border-radius:5px;}
.contact-wrap .contact-sec1 .contact-box05 div label {border-radius:5px; font-size:14px;}
.contact-wrap .contact-sec1 .contact-agree div {flex-wrap:wrap; gap:10px;}
.contact-wrap .contact-sec1 .contact-agree div label {width:fit-content; margin:0;}
.contact-wrap .contact-sec1 .contact-agree div a {margin-left:0;}

/* 오시는길 */
.map {height:350px;}
.map_top_box ul li img {width:40px;}
.map_top_box ul li span {font-size:14px;}
.map_info_wp {flex-direction:column; margin-bottom:30px;}
.map_info_wp .map_info_img {margin-bottom:20px;}
.map_info_wp .map_info_img img {width:30px;}
.map-sec1 > div:last-child ul li {text-align:center;}

/* 개인정보처리방침 */
.privacy-wrap .privacy-sec1 {padding:20px; border-radius:15px;}
.privacy-wrap .privacy-sec1 h5 {font-size:16px;}
.privacy-wrap .privacy-sec1 p {font-size:14px;}
}