.content-box{margin:0 auto;width:100%;max-width:1200px;}
.period-box{margin:0 0 45px;padding:53px 67px 49px 63px;background-color:#edf3f1;}
.period-box .period-tit{padding:0 0 10px;font-weight:500;font-size:18px;color:#111;line-height:23px;}
.period-box .period-date-box{font-size:0;}
.period-box .period-date-box > div{display:inline-block;}
.period-box .period-date-box > div > div{display:inline-block;}
.period-box .period-date-box > div > div:after{content:'.';display:inline-block;padding:0 5px 5px 3px;font-weight:500;font-size:36px;color:#111;line-height:1;vertical-align:bottom;}
.period-box .period-date-box > div span:last-of-type{margin-right:0;}
.period-box .period-date-box span{margin:0 3px 5px 0;text-align:center;vertical-align:middle;}
.period-box .period-date-box span:not(.deadline){display:inline-block;width:47px;height:68px;border-radius:10px;background-color:#172b4f;}
.period-box .period-date-box .date01{font-family:'Montserrat', sans-serif;font-weight:700;font-size:48px;color:#fff;line-height:68px;}
.period-box .period-date-box .date02{font-weight:500;font-size:36px;color:#fff;line-height:64px;}
.period-box .period-date-box .deadline{display:inline-block;margin:0 22px 0 20px;font-weight:500;font-size:36px;color:#111;line-height:1;}

.apply-box{margin:0 0 17px;font-size:0;}
.apply-box > div{display:inline-block;width:calc(50% - 7px);box-sizing:border-box;}
.apply-box > div > a{display:block;padding:41px 65px 45px 65px;}
.apply-box .uway{margin:0 14px 0 0;background-color:#e31951;}
.apply-box .uway .txt-box{width:calc(100% - 145px);}
.apply-box .jinhak .txt-box{width:calc(100% - 200px);}
.apply-box .jinhak{background-color:#012787;}
.apply-box > div .txt-box{display:inline-block;padding:0 10px 0 0;vertical-align:middle;}
.apply-box > div .txt-box .tit-p{padding:0 0 15px;font-weight:700;font-size:24px;color:#fffefe;line-height:29px;}
.apply-box > div .txt-box .tit-p br{display:none;}
.apply-box > div .txt-box .btn-apply{display:inline-block;}
.apply-box > div .txt-box .btn-apply:after{content:'';display:block;margin:4px 0 0;width:100%;height:1px;background-color:rgba(255,255,255,.7);}
.apply-box > div .txt-box .btn-apply span{position:relative;padding:0 15px 0 0;font-weight:300;font-size:14px;color:#fffefe;line-height:19px;}
.apply-box > div .txt-box .btn-apply span:after{content:'';position:absolute;top:5px;right:0;width:6px;height:10px;background:url(../img/susi01/ico-right-arrow-w.png) no-repeat 0 0/100%;}
.apply-box > div .logo-img-box{display:inline-block;vertical-align:middle;}

.mark-p{padding:0 0 7px 22px;color:#111;}
.mark-p:last-of-type{padding-bottom:0;}

@media screen and (max-width:1024px){
	.period-box{margin:0 0 40px;padding:28px 15px 30px 15px;}
	.period-box .period-tit{padding:0 0 12px;font-size:16px;line-height:21px;}
	.period-box .period-date-box span{margin:0 2px 0 0;}
	.period-box .period-date-box span:not(.deadline){width:30px;height:48px;}
	.period-box .period-date-box .date01{font-size:28px;line-height:48px;}
	.period-box .period-date-box .date02{font-size:22px;line-height:48px;}
	.period-box .period-date-box > div > div:after{padding:0 2px 0 1px;font-size:28px;}
	.period-box .period-date-box .deadline{margin:0 10px;font-size:28px;}

	.apply-box > div > a{padding:30px 19px;}
	.apply-box > div .txt-box .tit-p{padding:0 0 15px;font-size:18px;line-height:23px;}
	.apply-box > div .txt-box .tit-p br{display:block;}
	.apply-box .uway .txt-box{width:calc(100% - 118px);}
	.apply-box .jinhak .txt-box{width:calc(100% - 177px);}
	.apply-box .uway .logo-img-box{width:108px;}
	.apply-box .jinhak .logo-img-box{width:167px;}

}

@media screen and (max-width:768px){
	.period-box .period-tit{text-align:center;}
	.period-box .period-date-box > div{display:block;text-align:center;}
	.period-box .period-date-box > div > div:after{padding:0;}
	.period-box .period-date-box .deadline{display:block;margin:8px 0;}

	.apply-box > div{display:block;width:100%;}
	.apply-box .uway{margin:0 0 20px;}

	.mark-p{font-size:15px;line-height:24px;}

}

@media screen and (max-width:350px){
	.period-box .period-date-box span:not(.deadline){width:26px;height:46px;}
	.period-box .period-date-box .date01{font-size:26px;line-height:46px;}
	
	.apply-box .jinhak .txt-box{width:calc(100% - 160px);}
	.apply-box .jinhak .logo-img-box{width:150px;}
}