@charset "utf-8";

@media (max-width: 1600px){
	/* s1_1 */
	.s1_1 .arti01 p > br {display: none;}	
	
	/* s4_5 */
	.s4_5 .privacy ul {flex-wrap: wrap;}
}

@media (max-width: 1400px){
	/* s1_3 */
	.history-wrap {gap: 60px;}
	
	/* s3_1 */
	.s3_1 .certification ul li {min-height: auto;}
	
	/* s4_3 */
	.s4_3 .quality ul li dl {padding-bottom: 20px;}
	.s4_3 .dot ~ .dot {margin-top: 15px;}
	.s4_3 .step ul li figcaption p > br {display: none;}
	
	/* s4_5_1 */
	.s4_5 .report ul {width: calc(100% + 80px); margin: 0 -40px;}
	.s4_5 .report ul li {padding: 0 40px;}
	.s4_5 .report ul li:not(:last-child)::after {width: 80px; background-size: 80px auto; right: -40px}
	
	/* s6_1 */
	.talent .txt-box {padding-left: 60px;}
}

@media (max-width: 1200px){
	/* s1_1 */
	.s1_1 .arti01 p {font-size: 18px;}
	
	/* s1_2 */
	.philosophy ul li dl {padding-bottom: 20px;}
	.philosophy ul li dl dd {margin-top: 20px;}
	.philosophy ul li dl dd p > br {display: none;}
	
	.s1_2 .inner .left {max-width: 280px;}
	.s1_2 .inner .right {background-position: 50% 50%;}
	
	.s1_2 article:last-child .arti-cnt > ul li {padding: 0 20px;}
	
	/* s1_3 */
	.history-wrap .img-area {max-width: 400px;}
	
	/* s1_4 */
	.s1_4 .symbol {flex-wrap: wrap;}
	.s1_4 .symbol .symbol_txt {width: 100%;}
	
	/* s1_6 */
	.s1_6 article .mark {right: 20px;}
	
	/* s3_1 */
	.s3_1 .certification ul {flex-wrap: wrap;}
	.s3_1 .certification ul li {width: 50%;}
	.s3_1 .certification ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	
	/* s4_2 */
	.s4_2 .charter ol {padding: 0 50px;}
	.s4_2 .top_txt {padding: 0 50px;}
	
	/* s4_3 */
	.s4_3 .quality ul::after {width: 500px; background-size: 500px 60px;}
	.s4_3 .quality ul li dl dd {padding: 20px 20px 0;}
	.s4_3 .step ul li figcaption {padding: 30px 15px;}
	.s4_3 .step::after {bottom: 200px;}
	
	
	/* s6_1 */
	.talent .txt-box p br {display: none;}

	/* s6_4 */
	.s6_4 .doc-review::after {display: none;}
	.s6_4 .doc-review {padding-right: 0;}
	.s6_4 .doc-review ul {width: calc(100% + 40px); margin: 0 -20px;}
	.s6_4 .doc-review ul li {padding: 0 20px;}
	.s6_4 .doc-review ul li::after {display: none;} 
	.s6_4 .doc-review ul li:nth-of-type(3) ~ li {margin-top: 40px;}
	.s6_4 .doc-review ul li:nth-of-type(4) {order: 4;}
	.s6_4 .doc-review ul li:nth-of-type(5) {order: 5;}
	.s6_4 .doc-review ul li:nth-of-type(6) {order: 6;}
	.s4_5 .report ul li:not(:last-child)::after {display: none;}
}

@media (max-width: 1024px){
	/* 공통 */
	.arti-cnt .img-box {width: calc(100% + 20px) !important; margin: 0 -10px !important;}
	.arti-cnt .img-box li {padding: 0 10px !important;}
	.arti-cnt .img-box.col {flex-wrap: wrap;}
	.arti-cnt .img-box.col li {width: 33.3333%;}
	.arti-cnt .img-box.col li:nth-of-type(3) ~ li {margin-top: 20px;}

	/* s1_1 */
	.s1_1 .table-wrap colgroup {display: none;}
	.s1_1 .table-wrap table tr td.item {width: 150px;}
	
	/* s1_2 */
	.philosophy ul {flex-wrap: wrap;}
	.philosophy ul li {width: 100%; min-height: auto;}
	.philosophy ul li ~ li {margin-top: 40px;}
	.philosophy ul li dl {padding: 30px 10px 20px;}
	
	.s1_2 .inner {gap: 15px;}
	.s1_2 .inner .left {max-width: 200px;}
	.s1_2 .inner .left .box {padding: 30px 15px;}
	.s1_2 .inner .left .box::after {right: 15px; bottom: 30px; width: 90px; background-size: 90px auto;}
	.s1_2 .inner .left .box h5 {font-size: 18px;}
	.s1_2 .inner .right .improve .item h5 {font-size: 18px;}
	.s1_2 .inner .right .improve .item ul li p {font-size: 18px;}
	
	.s1_2 article:last-child .arti-cnt > ul::after {display: none;}
	.s1_2 article:last-child .arti-cnt > ul li {width: 100%; padding: 0;}
	
	/* s1_3 */
	.history-wrap {gap: 40px;}
	.history-wrap .img-area {max-width: 300px;}
	.history-wrap .img-area p > br {display: none;}
	.history-wrap .history .year {padding-left: 80px;}
	.history-wrap .history .year::after {width: 65px;}
	.history-wrap .history .year h5 {font-size: 40px;}
	.history-wrap .history .year dl dt {font-size: 18px;}
	.history-wrap .history .year dl dd {font-size: 18px;}
	
	/* s1_4 */
	.s1_4 .logo {flex-wrap: wrap;}
	.s1_4 .logo figure {width: 100%;}
	.s1_4 .logo figcaption {font-size: 18px;}
	
	/* s1_6 */
	.s1_6 article {padding-top: 70px;}
	.s1_6 article .info h5 {font-size: 20px; line-height: 1.5;}
	.s1_6 article .info dl dt.dot {max-width: 120px;}
	.s1_6 article .mark {top: 10px;}
	
	/* s3_1 */
	.s3_1 .research ul li {min-height: auto;}
	.s3_1 .research ul li figure img {height: 240px;}
	.s3_1 .research ul li figcaption p {font-size: 18px;}
	
	.s3_1 .certification ul li figcaption p {font-size: 18px;}
	
	.s3_1 .research.ty2 .box_dot h5 {font-size: 18px;}
	
	/* s4_1 */
	.s4_1 .arti-cnt .img-bg > h5 br {display: none;}
	
	/* s4_3 */
	.s4_3 .quality ul {flex-wrap: wrap;}
	.s4_3 .quality ul::after {display: none;}
	.s4_3 .quality ul li {width: 50%;}
	.s4_3 .quality ul li::after {display: none;}
	.s4_3 .quality ul li:nth-of-type(2) ~ li {margin-top: 26px;}
	.s4_3 .step {padding-right: 0;}
	.s4_3 .step::after {display: none;}
	.s4_3 .step ul li {width: 100%;}
	.s4_3 .step ul li ~ li {margin-top: 40px;}
	.s4_3 .step ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	.s4_3 .step ul li:nth-of-type(3) {order: 3}
	.s4_3 .step ul li figcaption {min-height: auto;}
	.s4_3 .step ul li figcaption::after {display: none;}
	
	/* s4_5 */
	.s4_5 .report ul {width: calc(100% + 40px); margin: 0 -20px; flex-wrap: wrap;}
	.s4_5 .report ul li {padding: 0 20px; width: 50%; min-height: auto;}
	.s4_5 .report ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	
	/* s6_1 */
	.talent .txt-box {padding: 0 30px;}
	.talent .txt-box h5 {font-size: 20px;}
	
	/* s6_2*/
	.s6_2 .philosophy ul li {min-height: auto; width: 33.3333%;}
	.s6_2 .philosophy ul li ~ li {margin-top: 0;}
	
	/* s6_3 */
	.s6_3 .philosophy ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s6_3 .philosophy ul li {width: 33.3333%; padding: 0 10px;}
	.s6_3 .philosophy ul li ~ li  {margin-top: 0;}
	.s6_3 .philosophy ul li:nth-of-type(3) ~ li {margin-top: 20px;}
	
	/* s6_4 */
	
	.s6_4 .doc-info ul {gap: 40px;}
}

@media (max-width: 768px){
	.page-header {height: 450px;}
	.page-header > .container {padding-top: 250px;}
	.page-header .container h2 {font-size: 50px;}
	
	.lnb > .container {padding: 0;}
	.lnb ul li a {font-size: 18px;}

	.tab-3dep {margin: 50px 0 60px;}
	.tab-3dep ul li a {line-height: 48px; font-size: 16px;}

	.real-cont {padding :80px 0 120px;}
	section {padding: 80px 0 120px;}
	.section-header {margin-bottom: 60px;}
	.section-header h3 {font-size: 35px;}
	.section-header p {font-size: 20px;}
	.section-header p br {display: none;}
	
	.article-header h4 {font-size: 28px;}
	.article-header p {font-size: 18px;}
	.article-header p br {display: none;}
	
	/* 공통 */
	.arti {flex-wrap: wrap; gap: 30px;}
	.arti .arti-cnt {width: 100%;}
	.arti ~ .arti {margin-top: 70px;}
	.arti-tit h4 {font-size: 20px;}

	/* s1_1 */
	.s1_1 .arti01 {margin-top: 40px;}
	.s1_1 .arti01 h4 {font-size: 24px;}
	.s1_1 .arti01 p {font-size: 16px;}
	
	/* s1_2 */
	.arti-cnt .img-bg {padding: 0 10px; height: 250px;}
	.arti-cnt .img-bg > h5 {font-size: 22px;}
	.arti-cnt .img-bg > h5 br {display: none;}
	
	.s1_2 .inner  {flex-wrap: wrap;}
	.s1_2 .inner .left {max-width: 400px; margin: 0 auto; min-height: 180px;}
	.s1_2 .inner .left .box::after {bottom: 10px;}
	.s1_2 .inner .right {width: 100%;}
	
	/* s1_3 */
	.history-wrap {flex-wrap: wrap; margin-top: 60px;}
	.history-wrap .img-area {max-width: 100%;}
	.history-wrap .img-area h4 {text-align: left; font-size: 26px;}
	.history-wrap .img-area p {text-align: left;}
	.history-wrap .history .year {padding-left: 30px;}
	.history-wrap .history .year::after {display: none;}
	.history-wrap .history .year ~ .year {margin-top: 50px;}
	.history-wrap .history .year h5 {font-size: 32px;}
	.history-wrap .history .year dl {margin-top: 30px;}
	.history-wrap .history .year dl ~ dl {margin-top: 20px;}
	.history-wrap .history .year dl dt {max-width: 60px;}
	
	/* s1_4 */
	.s1_4 .symbol .symbol_txt h5 {font-size: 18px;}
	.s1_4 .symbol .symbol_txt p {font-size: 16px; margin-top: 30px;}
	.s1_4 .symbol .symbol_txt p ~ p {margin-top: 20px;}
	.s1_4 .arti-cnt > p {font-size: 16px;}
	.s1_4 .color ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s1_4 .color ul li {padding: 0 10px;}
	.s1_4 .color ul li dl dd b {font-size: 18px;}
	
	/* s1_5 */
	.certi-pop .popup .inner .pop-tit {padding: 20px 5px; font-size: 18px;}
	
	/* s1_6 */
	.s1_6 article {padding: 50px 20px;}
	.s1_6 article .inner {flex-wrap: wrap;}
	.s1_6 article .info {width: 100%;}
	.s1_6 article .mark {display: block; position: static; width: 55px; height: 55px; margin-left: auto;}
	
	/* s3_1 */
	.s3_1 .research ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s3_1 .research ul li {padding: 0 10px;}
	.s3_1 .research ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s3_1 .research ul li figure img {height: 210px;}
	.s3_1 .research ul li figcaption {padding: 10px;}
	.s3_1 .research ul li figcaption p {font-size: 16px;}
	
	.s3_1 .certification ul li {min-height:  auto;}
	.s3_1 .certification ul li figure img {height:calc(100% - 45px);}
	.s3_1 .certification ul li figcaption {padding: 10px;}
	.s3_1 .certification ul li figcaption p {font-size: 16px;}
	
	.s3_1 .research.ty2 .box_dot {padding: 15px 10px 20px;}
	.s3_1 .research.ty2 .box_dot h5 {font-size: 16px;}
	
	/* s4_1 */
	.s4_1 .philosophy {margin-top: 80px;}
	.s4_1 article .arti-cnt figure  {margin-top: 80px;}
	
	/* s4_2 */
	.s4_2 article .tit {padding: 20px 10px;}
	.s4_2 .charter {flex-wrap: wrap; padding: 30px 20px; gap: 30px;}
	.s4_2 .charter ol {padding: 0; width: 100%;}
	.s4_2 .charter ol:nth-of-type(2n)::before {display: none;}
	.s4_2 .or_txt {font-size: 16px;}
	.s4_2 .dash {font-size: 16px;}
	.s4_2 .top_txt {margin-bottom: 0; padding: 0;}
	
	/* s4_3 */
	.s4_3 .quality ul {width: calc(100% + 26px); margin: 0 -13px;}
	.s4_3 .quality ul li {min-height: auto; padding: 0 13px;}
	.s4_3 .quality ul li dl {padding-top: 52px;}
	.s4_3 .quality ul li dl dt {font-size: 18px; padding: 10px;}
	.s4_3 .quality ul li dl dd {height: calc(100% - 52px);}
	.s4_3 .dot {font-size: 16px;}
	.s4_3 .dot ~ .dot {margin-top: 5px;}
	
	.s4_3 .step ul li figcaption strong {font-size: 20px;}
	.s4_3 .step ul li figcaption p {margin-top: 10px;}
	
	.s4_4_1 .charter {gap: 0; margin-top: 40px;}
	.s4_4_1 .charter ol {margin-top: 25px;}
	.s4_4_1 .charter ol ~ ol {margin-top: 0;}
	.s4_4_1 article .tit {width: 100%; margin: 30px 0;}
	.s4_4_1 .charter ol:last-child {margin-top: 25px;}
	
	/* s4_5 */
	.s4_5 .report {margin-top: 60px;}
	.s4_5 .report ul li {width: 100%;}
	.s4_5 .report ul li ~ li {margin-top: 20px !important;}
	
	.s4_5 .privacy ul li dl dt {font-size: 18px;}
	.s4_5 .privacy ul li dl dd {font-size: 16px; padding: 15px;}
	.radio label {font-size: 16px;}
	
	/* s6_1 */
	.talent {flex-wrap: wrap; gap: 30px;}
	.talent ~ .talent {margin-top: 60px;}
	.talent .img-box {width: 100%;}
	.talent .txt-box {padding: 0; width: 100%;}
	
	/* s6_2 */
	.bg-box {height: 250px;}
	.bg-box h5 {font-size: 22px;}
	
	.s6_2 .philosophy {margin-top: 45px;}
	.s6_2 .philosophy ul li {width: 100%;}
	.s6_2 .philosophy ul li ~ li {margin-top: 40px;}
	
	/* s6_3 */
	.s6_3 .philosophy ul li {min-height: auto;}
	.s6_3 .philosophy ul li dl {padding-top: 30px;}
	.s6_3 .philosophy ul li dl dd p {font-size: 16px;}
	
	/* s6_4 */
	.s6_4 .bg-box {margin-bottom: 60px;}
	.s6_4 .doc-review ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s6_4 .doc-review ul li {padding: 0 10px; width: 50%; min-height: auto;}
	.s6_4 .doc-review ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s6_4 .doc-review ul li dl {padding: 30px 0;}
	
	.s6_4 .doc-info {margin-top: 60px;}
	.s6_4 .doc-info ul {flex-wrap: wrap;}
	.s6_4 .doc-info ul li {width: 100%;}
	.s6_4 .doc-info ul li dl dt {font-size: 18px; padding: 20px 10px;}
	.s6_4 .doc-info ul li dl dd p {font-size: 16px;}
	.s6_4 .doc-info ul li dl dd {padding: 20px; margin-top: 20px; min-height: auto;}
	
	.go_site {margin: 60px auto 0; font-size: 18px; max-width: 300px; padding: 20px 10px;}
	
}

@media(max-width: 640px){
	.lnb .btn-drop {display: block;}
	.lnb ul {position:absolute; top: 50px; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.08); display: none;}
	.lnb ul li {width: 100%; display: block;}
	.lnb ul li ~ li {border-top: 1px solid #eaeaea;}
	.lnb ul li a {display: block; width: 100%; padding: 0 15px; background-color: #fff; text-align: left; font-size: 16px; line-height: 48px;}
	.lnb ul li a::after {display: none;}
	
	.lnb.on ul {display: block;}
	
	.inquiry-required p {font-size: 16px;}
}

@media (max-width: 480px){
	.page-header > .container {padding-top: 220px;}
	.section-header h3 {font-size: 30px;}
	.section-header p {font-size: 18px;}
	
	.article-header h4 {font-size: 24px; }
	.article-header p {padding-top: 20px;}
	
	/* 공통 */
	.arti ~ .arti {margin-top: 40px;}
	.arti-cnt .img-box {flex-wrap: wrap;}
	.arti-cnt .img-box li {width: 50%;}
	.arti-cnt .img-box li:nth-of-type(2) ~ li {margin-top: 20px;}
	.arti-cnt .img-box.col li:nth-of-type(3) {margin-top: 0;}
	.arti-cnt .img-box.col li:nth-of-type(3) ~ li {margin-top: 20px;}
	.arti-cnt p {font-size: 16px;}

	/* s1_1 */
	.s1_1 .arti01 h4 {font-size: 22px;}
	.s1_1 .table-wrap table tr td.item {width: 100px;}
	
	/* s1_2 */
	.arti-cnt .img-bg > h5 {font-size: 20px;}
	.philosophy ul li dl dd strong {font-size: 18px;}
	.philosophy ul li dl dd p {margin-top: 10px;}
	
	.s1_2 .inner .left .box h5 {font-size: 16px;}
	.s1_2 .inner .right .improve .item h5 {font-size: 16px; padding: 10px;}
	.s1_2 .inner .right .improve .item ul li {padding: 15px 10px;;}
	.s1_2 .inner .right .improve .item ul li p {font-size: 16px;}
	
	.s1_2 article:last-child .arti-cnt > ul {margin-top: 25px;}
	
	/* s1_3 */
	.history-wrap .history .year dl dt {font-size: 16px;}
	.history-wrap .history .year dl dd {font-size: 16px;}
	
	/* s1_4 */
	.s1_4 .color ul {flex-wrap: wrap;}
	.s1_4 .color ul li {width: 50%;}
	.s1_4 .color ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s1_4 .color ul li dl dt {height: 90px;}
	.s1_4 .color ul li dl dd {margin-top: 15px; font-size: 14px;}
	
	.s1_4 .down-btn {gap: 15px; margin-top: 60px;}
	.s1_4 .down-btn > a {font-size: 16px; line-height: 38px; max-width: 150px;}

	/* s1_5 */
	.certi-pop .popup .inner {padding-top: 70px;}
	.certi-pop .popup .inner a {height: 50px; padding-top: 18px;}
	.certi-pop .popup .inner a img {width: 20px;;}
	.certi-pop .popup .inner .pop-img {padding: 0 20px;}
	.certi-pop .popup .inner .pop-img img {max-width: 90%;}
	.certi-pop .popup .inner .pop-tit {margin-top: 20px;}
	
	/* s1_6 */
	.s1_6 article {padding: 40px 0;}
	
	/* s2_2_3 */
	.s2_2_3 .arti-cnt .img-box li:nth-of-type(1) {width: 50%;}
	.s2_2_3 .arti-cnt .img-box li ~ li {margin-top: 10px;}
	
	/* s3_1 */
	.s3_1 .research ul li {width: 100%;}
	.s3_1 .research ul li ~ li {margin-top: 20px;}
	
	.s3_1 .certification ul li {width: 100%;}
	.s3_1 .certification ul li ~ li {margin-top: 20px;}
	
	/* s4_3 */
	.s4_3 .quality ul li {width: 100%;}
	.s4_3 .quality ul li ~ li {margin-top: 26px;}
	.s4_3 .quality ul li dl dd {padding-top: 10px;}
	
	/* s4_5 */
	.s4_5 .report ul li dl {padding-top: 30px;}
	.s4_5 .report ul li dl dd {margin-top: 20px;}
	
	/* s6_1 */
	.talent .txt-box h5 {font-size: 18px;}
	
	/* s6_2 */
	.s6_2 .philosophy ul li dl {padding-top: 40px;}
	.s6_2 .philosophy ul li dl dt {max-width: 80px}
	
	.bg-box h5 {font-size: 20px; padding: 0 10px;}
	.bg-box h5 br {display: none;}
	
	/* s6_3 */
	.s6_3 .philosophy ul li {width: 50%;}
	.s6_3 .philosophy ul li:nth-of-type(2) ~ li {margin-top: 20px !important;}
	
	/* s6_4 */
	.s6_4 .doc-review ul li dl dt {max-width: 70px;}
	.s6_4 .doc-review ul li dl dd strong {font-size: 16px;}
	.s6_4 .doc-review ul li dl dd p {font-size: 16px; margin-top: 10px;}
	
}