@charset "UTF-8";

#wrapper{overflow:hidden; position:relative; background-color:#f8f4fc; font-family:'PretendardGOV';}
#wrapper:before{display:block; position:absolute; top:96px; right:-8px; z-index:1; width:777px; height:884px; background-repeat:no-repeat; background-image:url(../images/bg1.png); background-size:cover;}
#wrapper:after{display:block; position:absolute; top:122px; right:-8px; z-index:0; width:1152px; height:736px; background:url(../images/bg2.png); background-size:cover;}
.logo{padding-top:55px;}
.logo h1{display:inline-block;}
.contentbox{position:relative; padding-top:117px; padding-bottom:150px;}
.wrap{position:relative; z-index:3; width:1400px; margin:0 auto;}
.contentbox .titlebox{display:none;}
.contentbox .titlebox p{display:inline-block; position:relative; margin-bottom:0; color:#4d4d4d; font-size:18px; font-weight:500; line-height:49px; letter-spacing:0.45em;}
.contentbox .titlebox p:before{display:block; position:absolute; top:0; left:0; width:calc(100% - 8px); height:1px; background-color:#484d5f;}
.contentbox .titlebox p:after{display:block; position:absolute; left:0; bottom:0; width:calc(100% - 8px); height:1px; background-color:#484d5f;}
.contentbox .titlebox p em{font-weight:600;}
.contentbox h2{color:#222222; font-size:52px; font-weight:600; line-height:69px; letter-spacing:-0.025em;}
.contentbox h2 em{background:linear-gradient(90deg,rgba(113, 0, 208, 1) 0%, rgba(0, 152, 163, 1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.contentbox .textbox{padding-top:24px;}
.contentbox .textbox p{margin-bottom:0; color:#8c8c8c; font-size:18px; font-weight:400; line-height:26px; letter-spacing:-0.025em;}
.contentbox .datebox{padding-top:94px;}
.contentbox .datebox h3{margin:0; color:#e61c50; font-size:20px; font-weight:600; line-height:28px; letter-spacing:-0.025em;}
.contentbox .datebox .date{position:relative; margin-bottom:0; padding-top:9px; color:#e61c50; font-size:38px; font-weight:600; line-height:42px; letter-spacing:0;}
.contentbox .datebox .date span{position:relative;}
.contentbox .datebox .warn{margin-top:16px; color:#8c8c8c; font-size:16px; font-weight:600; line-height:26px; letter-spacing:-0.025em;}
.contentbox .datebox .date_list{position:relative; margin-top:38px; padding-left:15px;}
.contentbox .datebox .date_list:before{display:block; position:absolute; top:9px; left:0; width:3px; height:50px; background-color:#000; content:'';}
.contentbox .datebox .date_list li{}
.contentbox .datebox .date_list .dt{display:inline-block; padding-right:56px; color:#000; font-size:20px; font-weight:600; line-height:34px; vertical-align:top; letter-spacing:-0.025em;}
.contentbox .datebox .date_list .dd{display:inline-block; color:#2e50c0; font-size:20px; font-weight:600; line-height:34px; vertical-align:top; letter-spacing:-0.025em; word-break:keep-all;}

@media all and (max-width:1740px){
    #wrapper:before{top:175px; right:-30px; width:670px; height:762px;}
    #wrapper:after{top:190px; right:-30px; width:1000px; height:638px;}
    .wrap{width:1280px;}
}
@media all and (max-width:1580px){
    #wrapper:before{top:360px;}
    #wrapper:after{top:350px; width:800px; height:511px;}
    .wrap{width:952px;}
}
@media all and (min-width:1001px) and (max-width:1580px){
#wrapper:before{width:30%; height:0; padding:17.4% 0; background-position:right bottom; background-size:contain;}
}
@media all and (max-width:1000px){
    #wrapper:before{top:auto; bottom:-48px; width:400px; height:455px;}
    #wrapper:after{top:490px; width:700px; height:447px;}
    .wrap{width:auto; padding:0 24px;}
    .logo{padding-top:30px;}
    .contentbox{padding-top:50px; padding-bottom:368px;}
    .contentbox .titlebox p{font-size:15px;}
    .contentbox h2{padding-top:30px; font-size:40px; line-height:50px;}
    .contentbox .textbox p{font-size:17px;}
    .contentbox .datebox{padding-top:30px;}
    .contentbox .datebox .date{font-size:28px; line-height:38px;}
    .contentbox .datebox .date_list .dt{padding-right:20px;}
}
@media all and (max-width:640px){
    #wrapper:before{top:auto; bottom:0; width:320px; height:364px;}
    #wrapper:after{top:auto; bottom:0; width:600px; height:383px;}
    .logo h1 a{width:200px;}
    .contentbox{padding-top:30px; text-align:center;}
    .contentbox h2{font-size:30px; line-height:40px; word-break:keep-all;}
    .contentbox .titlebox p{padding:10px 0; line-height:27px; letter-spacing:0.2em;}
    .contentbox .datebox .date{font-size:20px; line-height:30px;}
    .contentbox .datebox .warn{font-size:14px; line-height:24px;}
    .contentbox .datebox .date_list{padding-left:0;}
    .contentbox .datebox .date_list:before{display:none;}
    .contentbox .datebox .date_list .dt{display:block; padding-right:0; font-size:15px; line-height:25px;}
    .contentbox .datebox .date_list .dd{font-size:15px; line-height:25px;}
}