@font-face {
    font-family: 'KakaoBigSans-Bold';
    src: url('/css/fonts/KakaoBigSans-Bold.ttf') format('woff');
    src: url('/css/fonts/KakaoBigSans-Bold.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KakaoBigSans-ExtraBold';
    src: url('/css/fonts/KakaoBigSans-ExtraBold.ttf') format('woff');
    src: url('/css/fonts/KakaoBigSans-ExtraBold.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.event_friend_wrap{min-width: 1150px;font-family: 'KakaoBigSans-Bold', sans-serif;}
.event_friend_wrap .title{width:100%;/*height: 1002px;background-image: url("/image/event_friend2025/head_pc.png");background-size: cover;background-position: center top;background-repeat: no-repeat;*/text-align: center;}
.event_friend_wrap .title>p{}

.code_cont{width:522px;height: 302px;margin:0 auto;background-image: url("/image/event_friend2025/step1_bg_pc.png");background-position: center top;background-repeat:no-repeat;line-height: 98px;box-sizing: border-box;}
.code_cont>p{padding: 18px 24px;text-align: center;}
.code_cont>p>img{float: left;vertical-align: middle;padding-top:21px;}
.code_cont>p>input{text-align: center;width:100%;font-size: 60px;color:#ffffff;font-family: 'KakaoBigSans-ExtraBold', sans-serif;height: 78px;background-color: transparent;text-align: center;outline: none;display:block;}
.code_cont>p.not_login>input,.code_cont>p.not_target>input{font-size: 25px;color:#aaaaaa;display: block;}
.code_cont>p.not_login>span,.code_cont>p.not_target>span{font-size: 25px;color:#aaaaaa;display: block;}
.code_cont>p.not_target>a{display: none;}
.code_cont>p>a{line-height: 1;display:block;}
.code_cont .step1_title {color:#00FCFF !important;font-size: 18px;line-height: 1;margin-top: 45px;display: block;height: 24px;}
.code_cont .step1_info {color:#fff !important;;font-size: 24px;line-height: 3;margin-top:10px;display: block;}

.way{background-color: #012b75;height:1060px;background-image: url("/image/event_friend2025/step_bg_pc.jpg");background-size: cover;background-position: center top;background-repeat: no-repeat;width:100%;padding:120px 0 75px 0;}
.way>p{text-align: center;}
.way .way_inner {position:absolute;width:1144px;left:50%;transform: translateX(-50%);margin-top:80px;}
.way .way_inner>div {float:left;margin:0 80px 80px 0;}
.way .way_inner>div:nth-child(2), .way .way_inner>div:nth-child(4) {margin-right:0;}

.list_area{background-color: #012b75;height:832px;background-image: url("/image/event_friend2025/list_bg_pc.png");background-size: cover;background-position: center top;background-repeat: no-repeat;padding:77px 0 68px 0;}
.list_area>p{text-align: center;padding-bottom: 40px;}
.list_area>.f_list_cont{background-color: #172442;text-align: center;width:780px;margin:0 auto;height: 322px;background-image: url("/image/event_friend2025/list_box_bg_pc.png");background-size: cover;background-position: center top;background-repeat: no-repeat;overflow:hidden;}
.list_area>.f_list_cont>.list_inner{width: 776px;margin:2px auto;overflow-y: scroll;height: 315px;font-size:20px;}
.list_area>.f_list_cont>.list_inner ul{position:relative;width:60%;left:50%;transform: translateX(-50%);}
.list_area>.f_list_cont>.list_inner ul > li{color:#fff;height: 40px;}
.list_area>.f_list_cont>.list_inner ul > li >span{width:49%;display: inline-block;}
.list_area>.f_list_cont>.list_inner .subject{color:#00FCFF;margin:21px auto;}

.list_inner::-webkit-scrollbar {
    width: 10px;
    height: 3px;
  }
   
  .list_inner::-webkit-scrollbar-track {
    
  }
   
  .list_inner::-webkit-scrollbar-thumb {
    background-color: #0E4FC7;
    border-radius: 10px;
  }
.notice{background-color: #07193d;text-align: center;padding:80px 0;}