@charset "utf-8";

@media(max-width: 1600px){
	.s1_5 .container {max-width: 1470px; padding: 0 15px;}
	.s2_1 .container {max-width: 1470px; padding: 0 15px;}
}

@media(max-width: 1500px){
	.lnb ul {gap: 40px;}
	.s1_2 .arti03 .business div {padding: 70px 30px 0;}
}

@media(max-width: 1400px){
	/* s1_1 */
	.s1_1 article .tit {max-width: 480px;}
	.s1_1 article .txt p > br {display: none;}

	/* s2_2_1 */
	.s2_2_1 .arti02 .inner .txt > br {display: none;}
}

@media(max-width: 1200px){
	.lnb ul {gap: 20px;}
	
	.s1_2 .arti03 .business div ul li {font-size: 18px;}
	
	/* s1_4 */
	.s1_4 article .year {max-width: 400px;}
	.s1_4 article::before {left: 400px;}
	
	/* s1_5 */
	.customer ul li a .tit {padding: 20px 30px;}
	
	/* s2_1 */
	.s2_1 article ul li a .txt dl dt {font-size: 18px; line-height: 1.6;}
	.s2_1 article ul li a .txt h5 {font-size: 22px;}
	
	/* s2_5 */
	.s2_5 .arti04 .inner ul li dl {padding: 50px 40px 20px;}
}

@media(max-width: 1024px){
	.lnb {z-index: 5; border-bottom: 0;}
	.lnb .btn-drop {display: block; line-height: 60px; position: relative; padding: 0 15px; margin: auto; max-width: 300px; width: 100%; background-color: transparent; color: #fff; text-align: left;}
	.lnb .btn-drop::after {position: absolute; content:''; width: 9px; height: 5px; top: 50%; right: 15px; transform: translateY(-50%); background: url(../images/sub/btn-drop.png) 50% 50% no-repeat; background-size: auto; transition: all .2s linear; filter: brightness(120%);}
	.lnb.on .btn-drop::after {transform: translateY(-50%) rotate(180deg);}
	.lnb ul {display: none; position: absolute; top: 60px; left: 50%; width: 100%; max-width: 300px; transform: translateX(-50%); overflow: hidden; border-radius: 0 0 20px 20px; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); background-color: #fff;}
	.lnb ul li:not(:last-child) {border-bottom: 1px solid #ddd;}
	.lnb ul li a {line-height: 58px; color: #666; background-color: #fff; text-align: left; padding: 0 15px; font-size: 16px;}
	.lnb ul li a:hover {color: #1992bf;}
	.lnb ul li.active a {color: #fff; background-color: #1992bf;}
	.lnb ul li a::after {display: none;}
	.lnb.on ul {display: block;}
	
	.sub-4dep ul li a {font-size: 16px; line-height: 60px;}
	
	/* s1_1 */
	.s1_1 article .tit h5 {font-size: 24px;}
	.s1_1 article .tit > span {font-size: 18px;}
	.s1_1 article .txt p {font-size: 18px;}
	
	/* s1_2 */
	.s1_2 .arti01 .inner .tit {max-width: 250px;}
	.s1_2 .arti03 .business {gap: 20px; flex-wrap: wrap;}
	.s1_2 .arti03 .business div {max-width: 100%; padding: 50px 40px 40px; min-height: auto;}
	
	
	/* s1_4 */
	.s1_4 article .year {max-width: 250px;}
	.s1_4 article::before {left: 250px;}
	.s1_4 article .month .txt {padding-left: 40px;}
	.s1_4 article .month .txt dl dt {font-size: 18px;}
	.s1_4 article .month .txt dl dd p {font-size: 18px;}
	
	/* s1_5 */
	.customer ul li {width: 33.3333%;}
	.customer ul li:nth-of-type(3) ~ li {margin-top: 40px;}
	.customer ul li a .tit {font-size: 18px; line-height: 1.7; padding: 20px 10px;}
	
	/* s1_6 */
	.s1_6 article {gap: 40px;}
	.s1_6 .map-info .article-header {padding-bottom: 20px;}
	.s1_6 .map-info .article-header h4 {font-size: 32px;}
	.s1_6 .map-info .info dl dt {font-size: 20px; max-width: 120px;}
	.s1_6 .map-info .info dl dd {font-size: 18px;}
	
	/* s2_1 */
	.s2_1 article ul li {width: 50%;}
	.s2_1 article ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	
	/* s2_2_1 */
	.s2_2_1 .arti02 .inner {gap: 40px}
	.s2_2_1 .arti02 .inner .txt {font-size: 18px;}
	.s2_2_1 .arti03 .inner ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s2_2_1 .arti03 .inner ul li {padding: 0 10px; min-height: 250px;}
	.s2_2_1 .arti03 .inner ul li dl dd {font-size: 18px; line-height: 1.7; margin-top: 15px;}
	
	.s2_2_1 .arti03 .inner ul.ty2 li dl {padding-top: 0; justify-content: center;}
	
	.s2_3_3 .arti03 .inner ul li .list p {font-size: 16px;}
	.s2_3_3 .arti03 .inner ul li .list p::before {top: 12px}
	.s2_3_3 .arti03 .inner ul li .list p > br {display: none;}
	
	/* s2_5 */
	.s2_5 .arti04 .inner ul li dl dd p {width: 100%;}
	
	/* s2_7 */
	.s2_7 .etc ul li {width: 50%;}
	.s2_7 .etc ul li:nth-of-type(2) ~ li {margin-top: 40px;;}
	
	/* s3_1 */
	.certi {margin-top: 60px;}
	.certi ul {width: calc(100% + 20px); margin: 0 -10px;}
	.certi ul li {padding: 0 10px; width: 33.3333%;}
	.certi ul li:nth-of-type(3) ~ li {margin-top: 20px;}
	.certi-pop .popup {width: 70%;}
}

@media(max-width: 768px){
	.page-header {height: 450px;}
	.page-header > .container {padding-top: 220px;}
	.page-header .container h2 {font-size: 45px;}
	
	.lnb > .container {padding: 0;}
	.lnb .btn-drop {max-width: 100%;}
	.lnb ul {max-width: 100%;}
	
	.sub-3dep {margin: 50px 0;}
	.sub-3dep ul li {display: inline-block; width: 33.333%;}
	.sub-3dep ul li:nth-of-type(4)::before {display: none;}
	.sub-3dep ul li a {font-size: 16px; line-height: 55px;}
	
	/* .s2_3 .sub-3dep ul li:nth-of-type(4),.s2_3 .sub-3dep ul li:nth-of-type(5) {width: 50%;} */
	
	.sub-4dep {margin-bottom: 60px;}
	.sub-4dep ul {flex-wrap: wrap; display: flex;}
	.sub-4dep ul li {width: 33.3333%;}
	.sub-4dep ul li:nth-of-type(3)::after {display: none;}
	.sub-4dep ul li a {padding: 0 10px;}
	
	.s1_2 .arti03 {margin-top: 80px;}
	.s1_2 .arti03 .business {margin-top: 40px;}
	.s1_2 .arti03 .business div  {padding: 40px 20px 30px;}
	.s1_2 .arti03 .business div h5 {font-size: 22px;}
	.s1_2 .arti03 .business div ul {margin-top: 15px;}
	.s1_2 .arti03 .business div ul li {font-size: 16px;}
	
	.s2_4 .sub-3dep ul li {display: table-cell;}
	.s2_4 .sub-3dep ul li {display: table-cell;}
	.s3 .sub-3dep ul li {display: table-cell;}
	
	.real-cont {padding: 100px 0;}
	section {padding: 100px 0;}
	.s2_2_1_3 {padding-bottom: 100px;}
	.section-header h3 {font-size: 35px;}

	.article-header h4 {font-size: 24px; line-height: 35px; padding-top: 10px;}
	.article-header p {font-size: 16px;}
	
	/* s1_1 */
	figure.bg {margin-top: 60px;}
	.s1_1 article {flex-wrap: wrap; gap: 40px;}
	.s1_1 article .tit {max-width: 100%; text-align: center;}
	.s1_1 article .tit .ceo {justify-content: center; margin-top: 35px;}
	.s1_1 article .txt p {font-size: 16px;}
	.s1_1 article .txt p ~ p {margin-top: 20px;}
	
	/* s1_2 */
	.s1_2 .arti01 .inner {flex-wrap: wrap; gap: 40px;}
	.s1_2 .arti01 .inner .tit {max-width: 100%; text-align: left;}
	.s1_2 .arti01 .inner .txt p ~ p {margin-top: 25px; padding-top: 20px;}
	.s1_2 article.arti01 .bg {margin-top: 30px;}
	.s1_2 .arti02 {padding: 60px 0 100px; margin-top: 80px;}
	.s1_2 figure {margin-top: 30px;}
	
	/* s1_3 */
	.s1_3 figure {margin-top: 60px;}
	
	/* s1_4 */
	.s1_4 article {padding: 60px 0 100px;}
	.s1_4 article::before {display: none;}
	.s1_4 article .history {flex-wrap: wrap; gap: 30px;}
	.s1_4 article .history ~ .history {margin-top: 60px;}
	.s1_4 article .year {text-align: left; padding-right: 0; max-width: 100%;}
	.s1_4 article .year h5 {font-size: 40px; margin-top: 10px;}
	.s1_4 article .month {padding-top: 0;}
	.s1_4 article .month .txt {padding-left: 30px;}
	.s1_4 article .month .txt::before {top: 2px; left: 0;}
	.s1_4 article .month .txt ~ .txt {margin-top: 20px;}
	.s1_4 article .month .txt dl dt {font-size: 16px;}
	.s1_4 article .month .txt dl dd p {font-size: 16px;}
	.s1_4 article .month .txt dl dd p ~ p {margin-top: 5px;}
	
	/* s1_5 */
	.customer {margin-top: 60px;}
	.customer ul li {width: 50%;}
	.customer ul li:nth-of-type(2) ~ li {margin-top: 40px;}
	.customer ul li a .tit {font-size: 16px; line-height: 1.5; word-break: break-all;}
	.customer ul li a .pic {padding: 0 10px;}
	.customer ul li a .pic img {max-width: 100%;}
	
	/* s1_6 */
	.s1_6 article {gap: 40px; flex-wrap: wrap; margin-top: 60px;}
	.s1_6 article ~ article {margin-top: 60px;}
	.s1_6 article .map {max-width: 100%; height: 300px;}
	.s1_6 .map-info {max-width: 100%;}
	.s1_6 .map-info .article-header h4 {font-size: 28px;}
	.s1_6 .map-info .info {margin-top: 30px;}
	.s1_6 .map-info .info dl dt {font-size: 18px;}
	.s1_6 .map-info .info dl dd {font-size: 16px;}
	
	/* s2_1 */
	.s2_1 article {margin-top: 60px;}
	.s2_1 article ul li a .txt dl dt {font-size: 16px;}
	.s2_1 article ul li a .txt dl dd {font-size: 14px;}
	.s2_1 article ul li a .txt h5 {font-size: 18px; margin-top: 15px;}
	.s2_1 article ul li a .txt p {font-size: 16px; line-height: 24px;}
	
	.s2_1 article ul li .item .txt {padding: 15px 10px;}
	.s2_1 article ul li .item .txt p {font-size: 18px;}
	
	/* s2_2_1 */
	.s2_2_1 article ~ article {margin-top: 80px;}
	.s2_2_1 .arti01 .img-box {gap: 20px; margin-top: 40px;}
	.s2_2_1 .arti01 .img-box figure {max-width: 200px;}
	.s2_2_1 .arti02 .inner {flex-wrap: wrap; gap: 20px; margin-top: 40px;}
	.s2_2_1 .arti02 .inner .img {max-width: 100%;}
	.s2_2_1 .arti02 .inner .txt {font-size: 16px; line-height: 1.7;}
	.s2_2_1 .arti03 {padding: 80px 0 100px; margin-top: 80px;}
	.s2_2_1 .arti03 .inner {margin-top: 40px;}
	.s2_2_1 .arti03 .inner ul {flex-wrap: wrap;}
	.s2_2_1 .arti03 .inner ul li {width: 50%;}
	.s2_2_1 .arti03 .inner ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s2_2_1 .arti03 .inner ul li dl dd {font-size: 16px; padding: 0 10px}
	.s2_2_1 .arti03 .inner ul li dl dd > br {display: none;}
	.s2_2_1 .arti03 .inner ul li dl dd > br.mo {display: block;}
	
	.s2_2_1 .arti04 figure {margin-top: 40px;}
	
	.s2_2_1_5 .arti03 {margin-top: 80px;}
	.s2_2_1_5 .arti03 .inner ul li dl {padding: 40px 0 20px;}
	
	/* s2_2_1_6 */
	.s2_2_1_6 {padding-bottom: 100px;}
	
	/* s2_2_3_1 */
	.s2_2_3_1 {padding-bottom: 100px;}
	.s2_2_3_1 .sub-4dep ul li {width: 50%;}
	.s2_2_3_2 .sub-4dep ul li {width: 50%;}
	
	/* s2_3 */
	.s2_3 .sub-3dep {margin-bottom: 50px;}
	.s2_3_2 {padding-bottom: 100px;}
	.s2_3_2 .arti03 .inner ul li.wide {min-height: 180px;}
	.s2_3_2 .arti03 .inner ul li.wide dl {padding: 0 30px;}
	.s2_3_2 .arti03 .inner ul li.wide dd {font-size: 16px; line-height: 1.6;}
	.s2_3_3 .arti03 {padding-bottom: 300px;}
	.s2_3_4 {padding-bottom: 100px;}
	
	/* s2_4 */
	.s2_4_2 {padding-bottom: 100px;}
	.s2_4 .sub-3dep {margin-bottom: 60px;}
	
	/* s2_5 */
	.s2_5 .arti01 {margin-top: 60px;}
	.s2_5 .arti04 .inner {padding-bottom: 80px;}
	.s2_5 .arti04 .inner ul {flex-wrap: wrap;}
	.s2_5 .arti04 .inner ul li {width: 100%; min-height: auto;}
	.s2_5 .arti04 .inner ul li ~ li {margin-top: 40px;}
	.s2_5 .arti04 .inner ul li dl {padding:30px 20px;}
	.s2_5 .arti04 .inner ul li dl dt h5 {font-size: 22px;}
	.s2_5 .arti04 .inner ul li dl dt span {font-size: 18px;}
	.s2_5 .arti04 .inner ul li dl dd p {font-size: 16px;}
	
	.s2_5 .arti05 {margin-top: 80px;}
	
	/* s2_6 */
	.s2_6 .arti01 {margin-top: 60px;}
	
	/* s2_7 */
	.s2_7 article {margin-top: 60px;}
	
	/* s3_1 */
	.certi ul li {width: 50%;}
	.certi ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.certi-pop .popup {width: 80%;}
	.certi-pop .popup .inner {padding: 20px;}
	.certi-pop .popup .inner a {width: 50px; height: 50px; top: inherit; bottom: -60px; right: inherit; left: 50%; transform: translateX(-50%);}
}

@media(max-width: 480px){
	.sub-3dep ul li a {font-size: 14px; line-height: 45px;}
	.sub-3dep ul li:not(:first-child)::before {height: 13px;}
	.sub-4dep ul li a {font-size: 14px; padding: 0 5px; line-height: 50px;}

	.s1_1 article .tit h5 {font-size: 22px;}
	
	/* s1_2 */
	.s1_2 .arti01 .inner {margin-top: 20px;}
	.s1_2 .arti03 .business div {padding-top: 30px;}
	.s1_2 .arti03 .business div ul li {width: 100%;}
	.s1_2 .arti03 .business div ul li ~ li {margin-top: 5px;}

	.s1_4 article .year h5 {font-size: 35px;}
	
	/* s2_1 */
	.s2_1 article ul li {width: 100%;}
	.s2_1 article ul li ~ li {margin-top: 40px;}
	
	.s2_2_1 .arti01 .img-box {gap: 0; width: calc(100% + 20px); margin: 40px -10px 0;}
	.s2_2_1 .arti01 .img-box figure {width: 50%; padding: 0 10px;}
	.s2_2_1 .arti01 .img-box figure:nth-of-type(2) ~ figure {margin-top: 10px;}
	.s2_2_1 .arti03 .inner ul li {min-height: 200px;}
	
	.s2_2_1_3 .arti03 .inner ul li {min-height: 230px;}
	.s2_2_1_5 .arti03 .inner ul li {width: 100%; min-height: 230px;}
	.s2_2_1_5 .arti03 .inner ul li ~ li {margin-top: 20px;}
	.s2_2_1_5 .arti03 .inner ul li dl {padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	
	.s2_2_2 .arti03 .inner ul li {min-height: 250px;}
	.s2_2_3_2 .arti03 .inner ul li {min-height: 250px;}
	.s2_3_3 .arti03 .inner ul li {min-height: 280px;}
	.s2_3_5 .arti03 .inner ul li {min-height: 250px;}
	.s2_4_1 .arti03 .inner ul li {min-height: 250px;}
	.s2_5 .arti03 .inner ul li {min-height: 230px;}
	.s2_5 .arti03 .inner ul.mh li {min-height: 250px;}
	.s2_6 .arti03 .inner ul li {min-height: 250px;}
	
	.s2_5 .arti03 .inner ul.mh li dl dd {word-break: break-all;}
	
	.s2_3_1 .arti01 .img-box figure:nth-of-type(1) {width: 100%;}
	.s2_3_1 .arti01 .img-box figure ~ figure {margin-top: 10px;}
	.s2_2_1 .arti01 .img-box figure figcaption {font-size: 16px; line-height: 22px;}
	
	.s2_3_3 .arti03 .inner ul li .list {padding: 10px 0 0;}
	.s2_3_3 .arti03 .inner ul li .list p {font-size: 14px;}
	
	/* s2_7 */
	.s2_7 .etc ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s2_7 .etc ul li {padding: 0 10px;}
	.s2_7 .etc ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s2_7 .etc ul li figure figcaption {font-size: 16px; padding-top: 10px;}
	
	/* s3_2 */
	#bo_cate ul li {width: 50%;}
	#bo_cate ul li:nth-of-type(3) a::before,
	#bo_cate ul li:nth-of-type(5) a::before {display: none;}
}