@charset "utf-8";

@media (max-width: 1600px) {
	.lnb ul li {padding: 0 40px;}

	/* S301 */
	.lab-intro .text-box {width: 86%;}
}

@media (max-width: 1400px) {
	
}

@media (max-width: 1200px) {
	.lnb ul li {padding: 0 30px;}

	/* S102 */
	.counselor-list ul li {width: 50%;}

	/* S201 */
	.counseling-list-box .item {width: 33.3333%;}

	/* S301 */
	.lab-row {gap: 60px; padding: 90px 20px;}

	/* S303 */
	.bookstudy-items .item {gap: 50px;}
	.bookstudy-items .img-box {max-width: 460px;}

	/* S305 */
	.lab-memory .lab-row {padding: 60px 20px;}
	
}

@media (max-width: 1024px) {
	.sub-visual {height:370px;}
	.sub-visual .inner {padding-bottom: 50px;}
	.breadcrumb ul {margin: 0 -12px;}
	.breadcrumb ul li {padding: 0 12px;}
	.sub-visual h2 {font-size: 32px;}

	.lnb ul li {padding: 0 25px;}
	.lnb ul li a {min-height: 60px; font-size: 16px;}
	.lnb ul li.active a {font-size: 18px;} 

	.lnb {border-bottom: 1px solid #ccc;}
	.lnb .lnb-mob {display: block;}
	.lnb .lnb-pc {display: none;}
	.lnb .lnb-slide {display: flex;}
	.lnb ul {flex-wrap: nowrap; justify-content: normal; border-bottom: none;}
	.lnb ul li {width: auto !important; flex: none;}

	.sub-cont {margin: 80px 0 180px;}
	.page-title {margin-bottom: 50px;}
	.page-title h3 {font-size: 34px;} 
	.page-title h3:before {background-size: 40px auto;}
	.page-title p {font-size: 18px;}

	/* S101 */
	.center-introduce .img-box {margin-bottom: 60px;}
	.center-introduce .img-box .text {padding: 89px 40px;}
	.center-introduce .img-box .text p {font-size: 26px;}
	.center-introduce .text-box {padding: 0 20px;}
	.center-introduce .text-box .wrap {flex-direction: column; gap: 40px;} 
	.center-introduce .text-box .wrap:before {background-size: 280px auto;}
	.center-introduce .text-box .text {width: 100%; flex: auto;}
	.center-introduce .text-box .text p {font-size: 18px;}
	.center-introduce .text-box .text p:not(:last-child) {margin-bottom: 30px;}
	.center-introduce .text-box .text p .pc-only {display: none;}
	.center-introduce .text-box .text .title {font-size: 24px;}
	.center-introduce .text-box .text p .padding-left {padding-left: 75px;}
	.center-introduce .text-box .name {max-width: none;}
	.center-introduce .text-box .center {font-size: 22px;}
	.center-introduce .text-box .director {font-size: 20px;}

	/* S102 */
	.counselor-list ul {margin: -10px;}
	.counselor-list ul li {width: 50%; padding: 10px;}
	.counselor-profile {padding: 20px 20px 20px 20px; margin-top: -30px;}
	.counselor-profile .header {gap: 0 10px; padding-bottom: 10px; margin-bottom: 10px;}
	.counselor-profile .name-wrap .title {font-size: 16px;}
	.counselor-profile .name-wrap .name {font-size: 20px;}
	.counselor-profile .affiliation {font-size: 15px;}
	.counselor-profile .summary {margin-bottom: 15px;}
	.counselor-profile .specialty {margin-bottom: 20px;}
	.counselor-profile dl {display: block;}
	.counselor-profile dt {max-width: none; font-size: 16px; margin-bottom: 5px;}
	.counselor-profile dd {width: 100%; flex: auto; font-size: 16px;}
	.counselor-profile .specialty dd span {font-size: 15px;}
	.counselor-profile button {gap: 10px; height: 50px; font-size: 18px;}

	.counselor-popup {margin-right: 70px;}
	.counselor-popup .popup-header {padding: 18px 20px;}
	.counselor-popup .popup-header .name-wrap span {font-size: 20px;}
	.counselor-popup .popup-header .affiliation {font-size: 20px;}
	.counselor-popup .popup-cont {padding: 30px 20px;}
	.counselor-popup .info-item dt {font-size: 18px;}
	.counselor-popup .info-item .flex-box {flex-direction: column; gap: 10px;}
	.counselor-popup .education .box {padding: 20px 20px;}
	.counselor-popup .education .career-item .flex {display: block}
	.counselor-popup .education .career-item .flex > p {width: 100%;}
	.counselor-popup .info-item .dot-list {font-size: 16px;}
	.counselor-popup .info-item .dot-list:before {top: 11px;}
	.counselor-popup .info-item .dot-small-list {font-size: 14px;}
	.counselor-popup .info-item .title-green {font-size: 16px;}
	.counselor-popup .education .title-green {margin-bottom: 6px;}
	.counselor-popup .approach dd span {font-size: 15px;}
	.counselor-popup01-wrap .certifications:after {display: none;}
	.counselor-popup-wrap .btn-close {width: 50px; height: 50px; background-size: 18px auto;}

	/* S105 */
	.center-location .map-box {margin-bottom: 40px;}
	.map-box .root_daum_roughmap {height:350px !important;}
	.map-box .root_daum_roughmap .wrap_map {height:350px !important;}
	.center-location .contact-list {padding: 20px;}
	.center-location .contact-list .inner {flex-direction: column;}
	.center-location .contact-item .icon {max-width: 46px;}
	.center-location .contact-item .icon img {width: 46px;}
	.center-location .contact-item .text {font-size: 20px;}
	.center-location .transport-info {flex-direction: column; gap: 20px; padding: 40px 0; margin-bottom: 40px;}
	.center-location .transport-title {font-size: 26px;}
	.center-location .transport-list {width: 100%; flex: auto;}
	.center-location .transport-item {flex: 1; padding: 0 30px;}
	.center-location .transport-item-title {font-size: 20px;}
	.center-location .transport-item-desc p {font-size: 16px;}
	.center-location .transport-item-desc .subway-label {padding: 2px 12px; font-size: 15px;}
	.center-location .parking-info {flex-direction: column; gap: 30px;}
	.center-location .parking-info > div {flex: auto; width: 100%;}
	.center-location .parking-map .root_daum_roughmap {height:250px !important;}
	.center-location .parking-map .root_daum_roughmap .wrap_map {height:250px !important;}
	.center-location .parking-title {font-size: 26px; margin-bottom: 15px;}
	.center-location .parking-item-title {font-size: 20px;}
	.center-location .parking-item-desc {padding: 20px;}
	.center-location .parking-item-desc li {font-size: 16px; padding-left: 14px;}
	.center-location .parking-item-desc li:before {top: 11px;}

	/* S201 */
	.counseling-list-box {margin-bottom: 50px;}
	.counseling-list-box .items {margin: -10px;}
	.counseling-list-box .item {width: 33.3333%; padding: 10px;}
	.counseling-list-box .wrap {gap: 20px;}
	.counseling-list-box .inner {padding: 40px 30px;}
	.counseling-list-box .inner:after {top: 20px; right: 20px; background-size: 70px auto;}
	.counseling-list-box .title h4 {font-size: 26px;}
	.counseling-list-box .title p {font-size: 16px;}
	.counseling-list-box .desc {padding-top: 18px; margin-top: 18px;}
	.counseling-list-box .desc p {font-size: 16px;}
	.counseling-list-box .desc p:before {top: 7px;}

	/* S203 */
	.counseling-process .item.flex {flex-direction: column; gap: 30px;}
	.counseling-process .item.flex:nth-child(odd) {flex-direction: column;} 
	.counseling-process .item:not(:last-child) {margin-bottom: 100px;}
	.counseling-process .item.flex > div {width: 100%;}
	.counseling-process .item .img-box img {width: 100%;}

	.title-primary {font-size: 26px;}
	.title-primary .num {width: 34px; font-size: 18px; margin-top: 3px; margin-right: 16px;}
	.counseling-process .item.flex .title-primary {margin-bottom: 25px;}
	.counseling-process .item .title-primary {margin-bottom: 20px;}
	.title-secondary {font-size: 20px; margin-bottom: 10px;}
	.title-secondary .num {margin-right: 12px;}

	.consult-inquiry-item .wrap {gap: 20px;}
	.consult-inquiry-item:not(:last-child) {margin-bottom: 16px;}
	.consult-inquiry-title {font-size: 18px; padding: 8px;}
	.consult-inquiry-title img {width: 38px; margin-right: 15px;}
	.consult-inquiry-details {margin-top: 12px; font-size: 18px;}
	.consult-inquiry-details .online-list {gap: 15px;}
	.consult-inquiry-details .online-list img {width: 38px;}
	.consult-inquiry-details .font-green {font-size: 18px;}
	.consult-inquiry-details .font-small {font-size: 16px;}
	.consult-inquiry-notice {font-size: 16px; margin-top: 14px;}
	.consult-price-item:not(:last-child) {margin-bottom: 20px;}
	.consult-price-item .gray-box {padding: 20px 20px;}
	.consult-price-item .gray-box .dot-list {font-size: 16px;}
	.consult-price-item .gray-box .dot-list:before {top: 11px;}
	
	.consult-test .title-wrap p {font-size: 16px; margin-bottom: 25px;}
	.consult-test-item .green-box-list .inner {padding: 12px 20px; font-size: 16px;}
	.consult-test .title-wrap .imoji {font-size: 22px;}

	/* S205 */
	.voucher .table-box {padding: 20px; margin-bottom: 50px;}
	.voucher thead th {font-size: 18px; padding: 15px 10px;}
	.voucher thead th:after {height: 30px;}
	.voucher tbody th {font-size: 18px; padding: 15px;}
	.voucher tbody td {font-size: 18px; padding: 15px;}
	.voucher tbody td ul li:before {top: 10px; }
	.btn-box .btn-shortcut {width: 210px; font-size: 16px; padding: 20px 20px 20px 30px;}

	/* S301 */
	.lab-intro {margin-bottom: 120px;}
	.lab-intro .backdrop {height: 280px;}
	.lab-intro .text-box {width: 100%; padding: 60px 0 0; margin: 0 auto;}
	.lab-intro .text-box h4 {font-size: 30px; padding-bottom: 70px;}
	.lab-intro .text-box h4:after {bottom: 20px; height: 30px;}
	.lab-intro .text-box p {font-size: 20px;}
	.lab-intro .text-box p:not(:last-child) {margin-bottom: 20px;}
	.lab-intro .text-box p span {box-shadow: inset 0 -14px 0 rgba(110, 226, 201, 0.4);}

	.lab-rows {margin-bottom: 80px;}
	.lab-row {gap: 40px; padding: 50px 0;}
	.lab-row:nth-child(1) {padding-top: 0;}
	.lab-row-text {gap: 20px;}
	.lab-row-text p {font-size: 20px;}
	.lab-row-text p.dot-list {padding-left: 36px;}
	.lab-row-text p.dot-list:before {top: 14px;}

	.lab-outro p {font-size: 22px; padding: 0;}
	.lab-introduce .lab-outro p:nth-child(1) {margin-bottom: 35px;}
	.lab-introduce .lab-outro p:nth-child(2) {margin-bottom: 25px;}
	.lab-introduce .lab-outro p br {display: none;}
	.lab-outro .font-small {font-size: 20px;}

	/* S302 */
	.lab-bip .summary .inner {padding: 45px 40px; margin-bottom: 70px;}
	.lab-bip .summary .inner:after {background-size: 260px auto;}
	.lab-bip .summary h4 {font-size: 24px; padding-left: 22px; margin-bottom: 20px;}
	.lab-bip .summary h4:before {top: 9px; height: 26px;}
	.lab-bip .summary p {font-size: 20px;}
	.lab-bip .summary p br {display: none;}
	.lab-bip .theory {margin-top: 100px;}
	.lab-bip .bip-title {font-size: 22px; margin-bottom: 20px;}
	.lab-bip .theory ul li {width: 33.33333%;}
	.lab-bip .theory .inner {min-height: 140px; padding: 15px 20px;}
	.lab-bip .theory h6 {font-size: 20px;}
	.lab-bip .theory p {font-size: 16px;}
	.lab-bip .process .process-table {margin-bottom: 50px;}
	.lab-bip .process .box {padding: 30px 20px;}
	.lab-bip .process .dot-list {font-size: 16px;}
	.lab-bip .process .dot-list:before {top: 11px;}

	.education-info-items .education-title {max-width: 135px; flex: 0 0 135px; font-size: 18px; padding: 8px 15px 8px 8px;}
	.education-info-items .education-title img {width: 38px;}
	.education-info-items .education-details {font-size: 18px; padding: 8px 20px 8px 15px;}
	.education-info-items .education-btn a {width: 150px; font-size: 16px;}

	/* S303 */
	.bookstudy-items .item {gap: 40px; padding: 20px;}
	.bookstudy-items .item:not(:last-child) {margin-bottom: 40px;}
	.bookstudy-items .img-box {max-width: 340px;}
	.bookstudy-items .text-box .title {font-size: 26px; padding: 15px 0; margin-bottom: 15px;}
	.bookstudy-items .text-box .details {font-size: 16px;}

	/* S304 */
	.group-items .group-item {gap: 50px; padding: 40px 0;}
	.group-items .img-box {max-width: 270px;}
	.group-items .text-box .sub-title {font-size: 20px; margin-bottom: 25px;} 
	.group-items .text-box .details {font-size: 16px; margin-bottom: 25px;} 
	.group-items .text-box .dot-list {font-size: 18px; margin-bottom: 20px;}
	.group-items .text-box .dot-list:before {top: 14px;}

	/* S305 */
	.lab-memory .lab-rows {margin-bottom: 40px;}
	.lab-memory .lab-row {padding: 40px 0;}
	.lab-memory .education-info-items {margin-top: 50px;}
	
	/* S306 */
	.lab-conference .lab-intro {margin-bottom: 60px;}
}

@media (max-width: 768px) {
	.sub-visual {height:320px;}
	.sub-visual .inner {padding-bottom: 40px;}
	.sub-visual h2 {font-size: 24px;}

	.lnb ul li {padding: 0 20px;}
	.lnb ul li a {min-height: 60px; font-size: 15px;}
	.lnb ul li.active a {font-size: 16px;} 

	.lnb {border-bottom: 1px solid #ccc;}
	.lnb .lnb-mob {display: block;}
	.lnb .lnb-pc {display: none;}
	.lnb .lnb-slide {display: flex;}
	.lnb ul {flex-wrap: nowrap; justify-content: normal; border-bottom: none;}
	.lnb ul li {width: auto !important; flex: none;}

	.lnb ul li a:hover {color: #666;}
	.lnb ul li a:hover:after {width: 0;}

	.sub-cont {margin: 60px 0 160px;}
	.page-title {margin-bottom: 40px;}
	.page-title h3 {font-size: 26px;} 
	.page-title h3:before {top: -6px; background-size: 34px auto;}
	.page-title p {font-size: 16px;}

	/* S101 */
	.center-introduce .img-box {margin-bottom: 40px;}
	.center-introduce .img-box .text {padding: 70px 30px;}
	.center-introduce .img-box .text p {font-size: 22px;}
	.center-introduce .text-box {padding: 0 10px;}
	.center-introduce .text-box .wrap:before {background-size: 240px auto;}
	.center-introduce .text-box .text p {font-size: 16px;}
	.center-introduce .text-box .text p:not(:last-child) {margin-bottom: 20px;}
	.center-introduce .text-box .text .title {font-size: 20px;}
	.center-introduce .text-box .text p .padding-left {padding-left: 65px;}
	.center-introduce .text-box .center {font-size: 20px;}
	.center-introduce .text-box .director {font-size: 18px;}

	/* S102 */
	.counselor-list ul li {width: 100%;}
	.counselor-profile .name-wrap .name {font-size: 18px;}
	.counselor-profile button {font-size: 16px;}

	.counselor-popup {margin-right: 0;}
	.counselor-popup .popup-header {padding: 12px 20px;}
	.counselor-popup .popup-header .name-wrap span {font-size: 18px;}
	.counselor-popup .popup-header .affiliation {font-size: 18px;}
	.counselor-popup .popup-cont {padding: 20px 20px;}
	.counselor-popup .info-item dl {flex-direction: column;}
	.counselor-popup .info-item dt {max-width: none; font-size: 16px; margin-bottom: 5px;} 
	.counselor-popup .info-item dd {width: 100%; flex: auto;}
	.counselor-popup .education .box {padding: 15px 15px;}
	.counselor-popup .info-item .dot-list {font-size: 15px;}
	.counselor-popup .info-item .dot-list:before {top: 10px;}
	.counselor-popup-wrap .btn-close {top: -50px; width: 40px; height: 40px; background-size: 14px auto;}

	/* S105 */
	.center-location .map-box {margin-bottom: 20px;}
	.map-box .root_daum_roughmap {height:300px !important;}
	.map-box .root_daum_roughmap .wrap_map {height:300px !important;}
	.center-location .contact-list {padding: 20px;}
	.center-location .contact-item .icon {max-width: 40px;}
	.center-location .contact-item .icon img {width: 40px;}
	.center-location .contact-item .text {font-size: 18px;}
	.center-location .transport-info {gap: 10px;}
	.center-location .transport-title {font-size: 22px;}
	.center-location .transport-list {flex-direction: column;}
	.center-location .transport-item {flex: 1; padding: 10px 0;}
	.center-location .transport-item-title {font-size: 18px;}
	.center-location .parking-info {gap: 20px;}
	.center-location .parking-title {font-size: 22px; margin-bottom: 15px;}
	.center-location .parking-item-title {font-size: 18px;}

	/* S201 */
	.counseling-list-box .item {width: 50%;}
	.counseling-list-box .inner {padding: 35px 20px;}
	.counseling-list-box .inner:after {top: 15px; right: 15px; background-size: 60px auto;}
	.counseling-list-box .title h4 {font-size: 20px;}
	.counseling-list-box .title p br {display: none;}

	/* S203 */
	.counseling-process .item.flex {gap: 25px;}
	.counseling-process .item:not(:last-child) {margin-bottom: 60px;}

	.title-primary {font-size: 22px;}
	.title-primary .num {width: 32px; font-size: 16px; margin-top: 1px; margin-right: 12px;}
	.counseling-process .item.flex .title-primary {margin-bottom: 20px;}
	.counseling-process .item .title-primary {margin-bottom: 20px;}
	.title-secondary {font-size: 18px;}
	.title-secondary .num {margin-right: 10px;}

	.consult-inquiry-item .wrap {flex-direction: column; gap: 0;}
	.consult-inquiry-item:not(:last-child) {margin-bottom: 16px;}
	.consult-inquiry-title {max-width: none; font-size: 16px; padding: 8px;}
	.consult-inquiry-title img {width: 36px; margin-right: 15px;}
	.consult-inquiry-details {width: 100%; flex: auto; margin-top: 5px; font-size: 16px; padding: 8px;}
	.consult-inquiry-details .online-list {gap: 10px; margin-top: 5px;}
	.consult-inquiry-details .online-list img {width: 36px;}
	.consult-inquiry-details .font-green {font-size: 18px;}
	.consult-inquiry-details .font-small {font-size: 16px;}
	.consult-inquiry-notice {font-size: 15px; margin-top: 14px;}
	.consult-price-item .gray-box {padding: 20px 20px;}

	.consult-test .title-wrap p {font-size: 16px; margin-bottom: 25px;}
	.consult-test-item .green-box-list .inner {padding: 12px 20px; font-size: 16px;}

	/* S205 */
	.voucher thead th {font-size: 16px; padding: 15px 10px;}
	.voucher thead th:after {height: 24px;}
	.voucher tbody th {font-size: 16px;}
	.voucher tbody td {font-size: 16px;}
	.voucher tbody td ul li:before {top: 8px;}

	/* S301 */
	.lab-intro {margin-bottom: 100px;}
	.lab-intro .backdrop {height: 240px;}
	.lab-intro .text-box {padding: 40px 0 0;}
	.lab-intro .text-box h4 {font-size: 24px;}
	.lab-intro .text-box p {font-size: 18px;}
	.lab-intro .text-box p .pc-only {display: none;}

	.lab-rows {margin-bottom: 60px;}
	.lab-row {flex-direction: column; gap: 30px; padding: 40px 0;}
	.lab-row:nth-child(1) {padding-top: 0;}
	.lab-row:nth-child(even) {flex-direction: column;}
	.lab-row-text p {font-size: 16px;}
	.lab-row-text p.dot-list {padding-left: 32px;}
	.lab-row-text p.dot-list:before {top: 9px;}

	.lab-outro p {font-size: 18px;}
	.lab-introduce .lab-outro p:nth-child(1) {margin-bottom: 30px;}
	.lab-introduce .lab-outro p:nth-child(2) {margin-bottom: 20px;}
	.lab-outro .font-small {font-size: 16px;}

	/* S302 */
	.lab-bip .summary .inner {padding: 40px 20px; margin-bottom: 70px;}
	.lab-bip .summary .inner:after {background-size: 220px auto;}
	.lab-bip .summary h4 {font-size: 20px; padding-left: 18px; margin-bottom: 15px;}
	.lab-bip .summary h4:before {top: 9px; height: 20px;}
	.lab-bip .summary p {font-size: 16px;}
	.lab-bip .theory {margin-top: 80px;}
	.lab-bip .bip-title {font-size: 18px;}
	.lab-bip .theory ul li {width: 50%;}
	.lab-bip .theory .inner {min-height: 145px; padding: 15px;}
	.lab-bip .theory h6 {font-size: 18px;}
	.lab-bip .theory p {font-size: 16px;}
	.lab-bip .process .bip-title {padding: 0 15px;}
	.lab-bip .process .process-table {margin-bottom: 40px;}
	.lab-bip .process .process-table-mo {display: block; padding: 0 15px;}
	.lab-bip .process .process-table-pc {display: none;}
	
	.education-info-items .education-title {max-width: 125px; flex: 0 0 125px; font-size: 16px; padding: 8px 15px 8px 8px;}
	.education-info-items .education-title img {width: 36px;}
	.education-info-items .education-details {font-size: 16px; padding: 8px 25px 8px 15px;}

	/* S303 */
	.bookstudy-items .item {flex-direction: column; gap: 25px; padding: 20px;}
	.bookstudy-items .item:not(:last-child) {margin-bottom: 20px;}
	.bookstudy-items .img-box {max-width: none;}
	.bookstudy-items .text-box {width: 100%; flex: auto;}
	.bookstudy-items .text-box .title {font-size: 20px; padding: 0 0 15px; margin-bottom: 15px;}
	.bookstudy-items .text-box .details {font-size: 16px;}

	/* S304 */
	.group-items .group-item {flex-direction: column; gap: 30px; padding: 40px 0;}
	.group-items .img-box {max-width: none;}
	.group-items .img-box img {width: 100%;}
	.group-items .text-box {width: 100%; flex: auto;}
	.group-items .text-box .sub-title {font-size: 18px; margin-bottom: 20px;} 
	.group-items .text-box .details {font-size: 16px; margin-bottom: 20px;} 
	.group-items .text-box .dot-list {font-size: 16px; margin-bottom: 20px;}
	.group-items .text-box .dot-list:before {top: 12px;}

	/* S307 */
	/* .bip-list .m-board-list li span {display: block;} */
}

@media (max-width: 480px) {
	/* S201 */
	.counseling-list-box .item {width: 100%;}
}