@font-face {
    font-family: 'PretendardMedium';
    src: url('/css/fonts/Pretendard-Medium.ttf') format('woff');
    src: url('/css/fonts/Pretendard-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PretendardExtraBold';
    src: url('/css/fonts/Pretendard-ExtraBold.ttf') format('woff');
    src: url('/css/fonts/Pretendard-ExtraBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.myself_wrap *{font-family: 'PretendardMedium', sans-serif;font-size:32px;}

.myself_wrap .info {background: #474341;color:#FFFFFF;text-align: center;}
.myself_wrap .info .top>p.title {
    background: url('/image/event_myself/title_pc.png') no-repeat center center;
    height: 1511px;
}
.myself_wrap .middle {padding:100px 0;}
.myself_wrap .middle ul {}
.myself_wrap .middle ul>li {padding:4px 0;line-height: 1.3;}
.myself_wrap .middle ul .exam_li {padding:16px 0;}
.myself_wrap .exam_info {background:#645D58;color:#CCBEB4;padding:8px 16px;}
.myself_wrap .exam { color:#CCBEB4;}
.myself_wrap strong {font-size:40px;color:#FFD453;font-family: "PretendardExtraBold";margin-top:8px;}
.myself_wrap .notice {background: #4D4946;color:#FFFFFF;text-align: center;padding:100px 0;}
.myself_wrap .notice strong{font-size:40px;color:#FFD453;font-family: "PretendardExtraBold";}

.myself_wrap .notice ul{padding:16px 0;}
.myself_wrap .notice ul>li {line-height: 1.3;}
.myself_wrap .notice .graph {padding:16px 0;}