.intro-box .intro-banner {margin: 0 0 70px 0;position: relative;left: 50%;width: 100vw;transform: translateX(-50%);}
.intro-box .intro-banner img {width: 100%;height: 332px; object-fit: cover;}

.intro-box .intro-text {margin: 0 0 30px;}
.intro-box .intro-text .title {font-size:100px;letter-spacing:-0.25px;line-height:1;color:#f5f5f5;font-weight:bold;}
.intro-box .intro-text .social {display:flex;gap:70px;align-items:center;}
.intro-box .intro-text .social > p {font-size: 20px;color:#222;position:relative;text-transform:uppercase;}
.intro-box .intro-text .social > p:before {content:"";position:absolute;width:30px;height:2px; background: #e0e0e0;top: 50%;transform: translateY(-50%);right: -50px;}
.intro-box .intro-text .social > p span {color:#004071;}
.intro-box .intro-text .social > ul {display:flex;gap:6px;}
.intro-box .intro-text .social > ul > li {}
.intro-box .intro-text .social > ul > li a {width:52px;height:52px;border-radius: 50%;display:block;}
.intro-box .intro-text .social > ul > li.blog a {background: #163055 url(../img/content/ico-blog.png) no-repeat center / contain;background-size: 26px;}
.intro-box .intro-text .social > ul > li.in a {background: #163055 url(../img/content/ico-instargram.png) no-repeat center / contain;background-size: 25px;}
.intro-box .intro-text .social > ul > li.ytb a {background: #163055 url(../img/content/ico-ytb.png) no-repeat center / contain;background-size: 28px;}

.intro-box .intro-text h3 {font-size:24px;line-height:1.6;color:#222;letter-spacing:-0.25px;margin: 0 0 70px 0;text-align: center;}
.intro-box .intro-text h3 span {color:#b00000;}
.intro-box .intro-text .writer-list{display: flex;justify-content: flex-start;padding: 0 0 60px;border-bottom: 1px solid #cccccc;flex-wrap: wrap;}
.intro-box .intro-text .writer-list > li {flex: 1;position: relative;text-align: center;box-sizing: border-box;padding: 0 5px;}
.intro-box .intro-text .writer-list > li:after{content: "";position: absolute;width: 1px;height: 100%;background: #e0e0e0;top: 0;right: 0;}
.intro-box .intro-text .writer-list > li:last-child:after{display: none;}
.intro-box .intro-text .writer-list > li .ico {height: 40px;width: max-content;margin: 0 auto;padding: 0 0 30px;}
.intro-box .intro-text .writer-list > li .ico img{width: 100%;height: 100%;object-fit: none;}
.intro-box .intro-text .writer-list > li .tit {font-size:20px;line-height:1;color:#222222;font-weight: bold;padding: 0 0 25px;}
.intro-box .intro-text .writer-list > li .txt {font-size:16px;line-height:26px;color:#666666;font-weight: 500;padding: 0;letter-spacing:-0.25px;}

.intro-box .intro-notice ul {display: flex;gap: 20px;align-items: center;}
.intro-box .intro-notice ul li {font-size: 16px;letter-spacing: -0.25px;line-height: 1.5;position: relative;}
.intro-box .intro-notice ul li p {display: inline;margin-right: 22px;font-weight: bold;}
.intro-box .intro-notice ul li:first-child {padding: 0 0 0 28px;}
.intro-box .intro-notice ul li:first-child:before{position: absolute;content: "";background: url(/_res/sejong/gallery/img/content/ico-impor.png)no-repeat;background-size: cover;width: 18px;height: 18px;top: 2px;left: 0;}
.intro-box .intro-notice ul li:last-child p {margin: 0;}

.txt-red{color: #b00000;}

@media screen and (max-width:1024px) {
	.intro-box .intro-banner {margin: 0 0 40px;}
	.intro-box .intro-text h3 {margin: 0 0 30px;}
	.intro-box .intro-text .writer-list {margin: 0 0 30px;padding: 0 0 30px;gap: 30px 0;}
	.intro-box .intro-text .writer-list > li{width: calc(100% / 3);flex: auto;padding: 0 20px;}
	.intro-box .intro-text .writer-list > li:nth-child(3n):after{display: none;}

}
@media screen and (max-width:768px) {
	.intro-box .intro-text h3 {font-size: 20px; margin: 0 0 20px 0;text-align: justify;}
	.intro-box .intro-text p {font-size: 16px;}
	
	.intro-box .intro-text .writer-list {padding: 0;flex-direction: column;row-gap: 20px;}
	.intro-box .intro-text .writer-list > li {width: 100%;box-sizing: border-box;padding: 0 20px 20px;}
	.intro-box .intro-text .writer-list > li:after {width: 100%;height: 1px;top: auto;bottom: 0;} 
	
	.intro-box .intro-text .writer-list > li .ico {padding: 0 0 20px;}
	.intro-box .intro-text .writer-list > li .tit {padding: 0 0 15px;}
	.intro-box .intro-notice ul {flex-direction: column;gap: 20px;align-items: flex-start;}
}