@charset "utf-8";

@media (max-width: 1800px) {
	/* s1-1 */
	.about:before {background-size: 680px auto;}

	/* s2-2 */
	.xray .arti03:before {background-size: 800px auto;}
}

@media (max-width: 1600px) {
	/* s1-1 */
	.about:before {background-size: 580px auto;}

	/* s1-2 */
	.member-list .text-box .name {max-width: 140px;}

	/* s2-2 */
	.xray .arti03:before {background-size: 650px auto;}
	.text-list p .br-pc {display: none;}

	/* s3-1 */
	.biz .item .text-box {padding: 25px 0;}
	.biz .item:nth-child(odd) .text-box {padding-left: 50px;}
	.biz .item:nth-child(even) .text-box {padding-right: 50px;}
	.biz .item .text-box .title h3 {font-size: 55px;}
	.biz .item .text-box .details {padding-top: 25px; margin-top: 25px;}
}

@media (max-width: 1400px) {
	/* s1-1 */
	.about:before {background-size: 450px auto;}

	/* s2-2 */
	.xray .arti03:before {background-size: 550px auto;}
	.text-list {padding-right: 550px;}

	/* s3-1 */
	.biz .item:nth-child(odd) .text-box {padding-left: 30px;}
	.biz .item:nth-child(even) .text-box {padding-right: 30px;}
}

@media (max-width: 1200px) {
	/* s1-1 */
	.about:before {background-size: 350px auto;}

	/* s1-2 */
	.member-list .text-box .name {max-width: 125px;}
	.member-list .text-box .name p {font-size: 30px; margin-bottom: 10px;}
	.member-list .text-box .name b {font-size: 20px;}

	/* s1-3 */
	.history-wrap .year {max-width: 360px;}
	.history-wrap .year p {left: 80px;}
	.history-wrap .year h4 {left: 80px;}

	.history-wrap.history-fixed .year p {left: 95px;}
	.history-wrap.history-fixed .year h4 {left: 95px;}

	/* s1-4 */
	.contact .arti01 .root_daum_roughmap {height:450px !important;}
	.contact .arti01 .root_daum_roughmap .wrap_map {height:450px !important;}

	/* s2-2 */
	.xray .arti03:before {background-size: 440px auto;}
	.text-list {padding-right: 420px;}

	/* s3-1 */
	.biz .item .text-box {padding: 25px 0;}
	.biz .item .text-box .title h3 {font-size: 50px;}
	.biz .item .text-box .title p {margin-top: 15px;}
	.biz .item .text-box .details {padding-top: 20px; margin-top: 20px;}
}

@media (max-width: 1024px) {
	.sub-visual {height:400px;}
	.sub-visual h2 {font-size: 70px; padding-bottom: 40px;}
	#lnb ul li a {font-size: 18px; padding: 17px 35px;}
	#lnb ul li.active a {padding: 17px 45px;}

	.sub-cont {padding: 120px 0 170px;}
	.sub-cont.pb-0 {padding-bottom: 0;}

	/* s1-1 */
	.about:before {display: none;}
	.about .text-box {width: 100%;}
	.about .row {margin-bottom: 65px;}
	.about .row:nth-child(4) {margin-bottom: 55px;}
	.about .row h3 {font-size: 45px; margin-bottom: 10px;}
	.about .row b {font-size: 20px; margin-bottom: 4px;}
	.about .row b.kor {font-size: 16px;}
	.about .row p {font-size: 16px;}
	.about h4 {font-size: 20px;}

	/* s1-2 */
	.member .arti01 {padding-bottom: 50px; margin-bottom: 60px;}
	.member-list {margin: -30px -10px;}
	.member-list > li {width: 33.3333%; padding: 30px 10px;}
	.member-list .img-box {margin-bottom: 20px;}
	.member-list .text-box {display: block;}
	.member-list .text-box .name {max-width: none;}
	.member-list .text-box .name p {font-size: 26px; margin-bottom: 5px;}
	.member-list .text-box .name b {font-size: 18px; margin-bottom: 15px;}
	.member-list .text-box .name b br {display: none;}
	.member-list .text-box .career {margin-top: 0;}
	.member-list .text-box .career li {font-size: 16px; padding-left: 10px;}
	.member-list .text-box .career li:before {top: 11px;}

	/* s1-3 */
	.history .top-img-box {height: 350px;}
	.history-wrap {padding-bottom: 170px;}
	.history-wrap .year {max-width: 260px;}
	.history-wrap .year p {left: 40px; font-size: 28px;}
	.history-wrap .year h4 {left: 40px; font-size: 70px;}

	.history-wrap.history-fixed .year p {left: 55px;}
	.history-wrap.history-fixed .year h4 {left: 55px;}

	.history-wrap .year-wrap:not(:last-child) {margin-bottom: 60px;}
	.history-wrap .month-wrap .month {max-width: 60px;}
	.history-wrap .month-wrap .month p {font-size: 16px;}
	.history-wrap .month-wrap:not(:last-child) ul {margin-bottom: 20px;}
	.history-wrap .month-wrap ul li {font-size: 16px;}

	/* s1-4 */
	.contact .arti01 {margin-bottom: 70px;}
	.contact .arti01 .map {margin-bottom: 30px;}
	.contact .arti01 .root_daum_roughmap {height:350px !important;}
	.contact .arti01 .root_daum_roughmap .wrap_map {height:350px !important;}
	.contact .arti01 .info dl {font-size: 16px;}
	.contact .arti01 .info dt {max-width: 80px; padding-left: 24px;}
	.contact .arti01 .info dt:before {top: 5px;}
	.contact .arti01 .btn-wrap a {width: 50px; height: 50px;} 

	/* s2-1 */
	.tech article:not(:last-child) {margin-bottom: 60px;}
	.arti-title.mb-75 {margin-bottom: 50px;}
	.arti-title h3 {font-size: 45px; margin-bottom: 15px;}
	.arti-title h3.kor {font-size: 40px;}
	.arti-title small {font-size: 20px;}
	.arti-title p {font-size: 16px;}

	.gray-box ul {margin: -10px;}
	.gray-box ul li {padding: 10px;}
	.gray-box ul li .inner {padding: 30px 30px;}
	.gray-box ul li b {font-size: 20px; margin-bottom: 12px;}
	.gray-box ul li p {font-size: 16px;}

	.img-list {margin: -10px;}
	.img-list li {width: 20%; padding: 10px;}
	.img-list figcaption {font-size: 16px; margin-top: 12px;}
	.img-list .text-box {margin-top: 13px;}
	.img-list .text-box b {font-size: 20px;}
	.img-list .text-box p {font-size: 16px;}

	.btn-download a {width: 240px; height: 55px; font-size: 18px; line-height: 55px; margin: 60px auto 0;}

	/* s2-2 */
	.white-box {padding: 30px; margin-top: 25px;}
	.white-box:before {top: -19px; right: 35px; width: 38px; height: 38px;}
	.white-box b {font-size: 20px; margin-bottom: 10px;} 
	.white-box p {font-size: 16px;}
	.white-box p .br-pc {display: none;}

	.xray .arti03:before {display: none;}
	.text-list {padding-right: 0;}
	.text-list li:not(:last-child) {margin-bottom: 23px;}
	.text-list b {font-size: 20px; margin-bottom: 10px;}
	.text-list p {font-size: 16px;}

	/* s2-3 */
	/* .airxome .arti02 .img-list {margin-top: 10px;}
	.airxome .arti02 .img-list li figure:after { margin-top: -20px; right: -30px; content: ''; width: 40px; height: 40px;} */
	.airxome .arti02 .img-box {margin-top: 20px;}
	.airxome .arti02 .text-list02 {margin-top: 15px;}
	.airxome .arti02 .text-list02 li {font-size: 16px;}

	/* s3-1 */
	.biz .item:nth-child(odd) .text-box {padding-left: 30px;}
	.biz .item:nth-child(even) .text-box {padding-right: 30px;}
	.biz .item .text-box .title h3 {font-size: 40px; margin-right: 20px;}
	.biz .item .text-box .title small {font-size: 20px;}
	.biz .item .text-box .title p {font-size: 16px; margin-top: 15px;}
	.biz .item .text-box .details {padding-top: 15px; margin-top: 15px;}
	.biz .item .text-box .details dt {max-width: 100px; /* padding-left: 20px;  */font-size: 16px;}
	/* .biz .item .text-box .details dt:before {top: 5px; background-size: 13px auto;} */
	.biz .item .text-box .details dd {font-size: 16px;}
}

@media (max-width: 768px) {
	.sub-visual {height:300px;}
	.sub-visual h2 {font-size: 50px; padding-bottom: 30px;}
	#lnb ul li a {font-size: 16px; padding: 15px 15px;}
	#lnb ul li.active a {padding: 15px 20px;}

	.sub-cont {padding: 80px 0 120px;}

	/* s1-1 */
	.about .row {margin-bottom: 50px;}
	.about .row:nth-child(4) {margin-bottom: 40px;}
	.about .row h3 {font-size: 35px; margin-bottom: 10px;}
	.about .row b {font-size: 18px; margin-bottom: 4px;}
	.about .row b.kor {font-size: 15px;}
	.about .row p {font-size: 15px;}
	.about h4 {font-size: 18px;}

	/* s1-2 */
	.member .arti01 {padding-bottom: 40px; margin-bottom: 50px;}
	.member-list {margin: -25px -10px;}
	.member-list > li {width: 50%; padding: 25px 10px;}
	.member-list .img-box {margin-bottom: 20px;}
	.member-list .text-box .name p {font-size: 22px; margin-bottom: 5px;}
	.member-list .text-box .name b {font-size: 16px; margin-bottom: 10px;}
	.member-list .text-box .career li {font-size: 15px; padding-left: 10px;}
	.member-list .text-box .career li:before {top: 11px;}

	/* s1-3 */
	.history .top-img-box {height: 270px;}
	.history-wrap {position: relative; display: block; padding-top: 30px; padding-bottom: 120px;}
	.history-wrap .year {max-width: none;}
	.history-wrap .year p {position: relative; left: 0; font-size: 25px; margin-bottom: 15px; padding-left: 35px;}
	.history-wrap .year h4 {position: relative;}
	.history-wrap .year h4.on {display: none;}

	.history-wrap.history-fixed .year p {position: relative; top: 0; left: 30px;}
	.history-wrap.history-fixed .year h4 {position: relative; left: 0;}

	.history-wrap .year-wrap {padding-left: 15px;}
	.history-wrap .year-wrap:not(:last-child) {margin-bottom: 50px;}
	.history-wrap .year-wrap:before {top: 12px; left: 0;}
	.history-wrap .year-wrap:after {top: 16px; left: 4px;}
	.history-wrap .year-wrap h5 {display: block;}
	
	.history-wrap .month-wrap {padding-left: 20px;}
	.history-wrap .month-wrap:before {top: calc(-100% - 100px); height: calc(100% + 120px);}

	.history-wrap .month-wrap .month {max-width: 50px;}
	.history-wrap .month-wrap .month p {font-size: 16px;}
	.history-wrap .month-wrap:not(:last-child) ul {margin-bottom: 15px;}
	.history-wrap .month-wrap ul li {font-size: 16px;}

	/* s1-4 */
	.contact .arti01 {margin-bottom: 70px;}
	.contact .arti01 .map {margin-bottom: 25px;}
	.contact .arti01 .root_daum_roughmap {height:250px !important;}
	.contact .arti01 .root_daum_roughmap .wrap_map {height:250px !important;}
	.contact .arti01 .info-wrap {display: block;}
	.contact .arti01 .info {width: 100%; flex: auto;}
	.contact .arti01 .info dl {font-size: 16px;}
	.contact .arti01 .info dt {max-width: 80px; padding-left: 24px;}
	.contact .arti01 .info dt:before {top: 5px;}
	.contact .arti01 .btn-wrap {justify-content: flex-end; margin-top: 15px;}
	.contact .arti01 .btn-wrap a {width: 50px; height: 50px;} 

	/* s2-1 */
	.tech article:not(:last-child) {margin-bottom: 50px;}
	.arti-title.mb-75 {margin-bottom: 40px;}
	.arti-title h3 {font-size: 35px; margin-bottom: 12px; margin-right: 15px;}
	.arti-title h3.kor {font-size: 30px;}
	.arti-title small {font-size: 18px; }
	.arti-title h3 .br-pc {display: none;}
	.arti-title p {font-size: 16px;}

	.gray-box ul {margin: -10px;}
	.gray-box ul li {width: 100%; padding: 10px;}
	.gray-box ul li .inner {padding: 25px 20px;}
	.gray-box ul li b {font-size: 18px; margin-bottom: 10px;}
	.gray-box ul li p {font-size: 16px;}

	.img-list {flex-wrap: wrap; justify-content: center; margin: -10px;}
	.img-list li {width: 33.33333%; padding: 10px;}
	.img-list figcaption {font-size: 16px; margin-top: 12px;}
	.img-list .text-box {margin-top: 13px;}
	.img-list .text-box b {font-size: 18px;}
	.img-list .text-box p {font-size: 16px;}

	.btn-download a {width: 200px; height: 50px; font-size: 16px; line-height: 50px; margin: 45px auto 0;}

	/* s2-2 */
	.white-box {padding: 25px 20px; margin-top: 20px;}
	.white-box:before {top: -17px; right: 35px; width: 34px; height: 34px;}
	.white-box b {font-size: 28px; margin-bottom: 10px;} 
	.white-box p {font-size: 16px;}

	.text-list li:not(:last-child) {margin-bottom: 20px;}
	.text-list b {font-size: 18px; margin-bottom: 10px;}

	/* s2-3 */
	/* .airxome .arti02 .img-list li {width: 50%;}
	.airxome .arti02 .img-list li:nth-child(even) figure:after {display: none;} */
	.airxome .arti02 .text-list02 {margin-top: 15px;}
	.airxome .arti02 .text-list02 li {font-size: 15px;}

	/* s3-1 */
	.biz .item {display: block;}
	.biz .item:not(:last-child) {margin-bottom: 30px;}
	.biz .item > div {width: 100%;}
	.biz .item:nth-child(odd) .text-box {padding-left: 0;}
	.biz .item:nth-child(even) .text-box {padding-right: 0;}
	.biz .item .text-box .title h3 {font-size: 30px; margin-right: 15px;}
	.biz .item .text-box .title small {font-size: 18px;}
	.biz .item .text-box .title p {font-size: 16px; margin-top: 15px;}
	.biz .item .text-box .details {padding-top: 15px; margin-top: 15px;}
	.biz .item .text-box .details dt {max-width: 100px; /* padding-left: 20px; */ font-size: 16px;}
	/* .biz .item .text-box .details dt:before {top: 5px; background-size: 13px auto;} */
	.biz .item .text-box .details dd {font-size: 16px;}
}

@media (max-width: 480px) {
	/* s2-1 */
	.arti-title h3 {font-size: 32px; margin-bottom: 12px;}
	.arti-title h3.kor {font-size: 28px;}

	.img-list li {width: 50%;}

	/* s3-1 */
	.biz .item .text-box .title h3 {font-size: 28px;}
}