@import 'reset.css';
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap');

/* 전체 문서에 Pretendard 폰트 적용 */
body, p, a, button, li, div {
    font-family: 'Pretendard', sans-serif;
}

html{
    overflow-y:scroll;
    scrollbar-gutter: stable;
}


  
/* 1920px 이상일 때는 가로 스크롤 숨김 */
@media screen and (min-width: 1900px) {
    html, body {
        overflow-x: hidden;
    }
}

  

body{background-color:#150f09}

/* 접근성에 맞는 숨김 처리 */
.hide {
    position: absolute !important;
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0, 0, 0, 0); 
    white-space: nowrap; 
    border: 0;
}

button{cursor: pointer;}
  
.wrap{
    width:1900px;
    margin:0 auto;
    background:url('/Content/img/bg_body.jpg') no-repeat;
}

.header{
    height:324px; 
    background:url('/Content/img/bg_header.png') no-repeat;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:0 50px 100px 50px;
}

.aside button{
    display:block;width:338px;height:119px;background:url('/Content/img/btn_game.png') no-repeat;
}
.aside button:hover{
    background:url('/Content/img/btn_game_over.png') no-repeat;
    transition: background .3s;
}
.aside button:active{
    background:url('/Content/img/btn_game_click.png') no-repeat;
    transition: background 0s;
}

nav {
    background-color: transparent;
    position:relative;
    z-index:1000;
}

.gnb {
    list-style: none;
    padding: 0;
    margin: 0;
    display:flex;
    gap: 100px;
}

.gnb > li {
    position: relative;
}

.gnb > li > a {
    position:relative;
    display: block;
    padding: 5px 15px;
    color: #9f9eb1;
    font-size:30px;
    text-decoration: none;
}

.gnb > li > a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e39c25;
    transform: scaleX(0);          /* 처음에는 안 보이게 */
    transform-origin: left center; /* 왼쪽에서 시작 */
    transition: transform 0.3s ease;
}

/* li 전체 hover 시 밑줄 유지 */
.gnb > li:hover > a::after {
    transform: scaleX(1);
}


.gnb > li:hover > a {
    /* background-color: #444; */
    color:#fff;
}

.sub-menu {
    display: none; /* 기본적으로 서브 메뉴 숨김 */
    position: absolute;
    top: 100%;
    width:100%;
    left: 0;
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
    background-color: #060403;
}

.sub-menu li a {
    font-size:22px;
    font-weight:300;
    padding: 5px 10px;
    color: #827a63;
    text-decoration: none;
    white-space: nowrap;
    display:inline-block;
    width:100%;
    line-height:normal;
}
.sub-menu li a:hover{
    color: #fff;
}

/* 서브 메뉴가 나타날 때의 스타일 */
.show {
    display: block; /* show 클래스를 추가하면 서브 메뉴 표시 */
}

.main-video01 {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 533px;
    overflow:hidden;
}
.main-video01 iframe{
    vertical-align:top;
}
.main-video01::after{
    content: '';
    position: absolute;
    z-index:1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
}
.slogan{margin-top:-583px;position:relative;z-index:2}
.slogan img{max-width:100%;width:100%}
.main-title{font-size:70px;line-height:normal;font-weight:700;color:#fff;background:url('/Content/img/bg_main_title.png') 0 90% no-repeat;padding-left:50px;}
.main-news-wrap{height:870px;background:url('/Content/img/bg_main_news.png') no-repeat}
.main-news-wrap ul{display:flex;gap:45px;padding-top:100px;justify-content: center;}
.main-news-wrap li{position:relative;width:420px;height:580px;background:#000}
.main-news-wrap li a{display:block}
.main-news-wrap li a::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 160px solid transparent;
}
.main-news-wrap li a.main-news-notice::before{
    border-top: 70px solid #ffc000;
}
.main-news-wrap li a.main-news-event::before{
    border-top: 70px solid #03b6f8;
}
.main-news-wrap li a.main-news-update::before{
    border-top: 70px solid #66fb01;
}
.main-news-wrap li a::after{
    content:'';
    position:absolute;
    left:10px;
    top:5px;
    font-size:22px;
    color:#000;
    font-weight:500;
}
.main-news-wrap li a.main-news-notice::after{
    content:'공지';
}
.main-news-wrap li a.main-news-event::after{
    content:'이벤트';
}
.main-news-wrap li a.main-news-update::after{
    content:'업데이트';
}
.main-news-img{height:390px;width:100%;object-fit:cover}
.main-news-txt{height:190px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.main-news-subj{font-size:34px;color:#000;font-weight:700;width:295px;text-align:center;line-height:normal}
.main-news-date{font-size:33px;color:#000;font-weight:700}

.main-character{padding:100px 0 200px;}
.main-character-wrap ul{display:flex;height:1003px;overflow:hidden}
.main-character-wrap li{flex:1;background:url('/Content/img/main_character01.jpg') no-repeat;transition:all .5s ease-out}
.main-character-wrap li:hover,
.main-character-wrap li.active{flex:4.5}
.main-character-wrap li:nth-child(2){background:url('/Content/img/main_character02.jpg') no-repeat}
.main-character-wrap li:nth-child(3){background:url('/Content/img/main_character03.jpg') no-repeat}
.main-character-wrap li:nth-child(4){background:url('/Content/img/main_character04.jpg') no-repeat}
.main-character-tit{font-size:45px;color:#fff;font-weight:600;margin-top:380px;background:url('/Content/img/bg_main_character.png') no-repeat;padding:20px;transition:all .5s ease-out}
.main-character-con{width:0px;height:164px;background:url('/Content/img/bg_main_character02.png') no-repeat;color:#fff;font-size:33px;line-height:40px;padding:20px 0px;white-space:nowrap;overflow:hidden;transition:all .5s ease-out;margin-left:20px;opacity:0}
.main-character-wrap:hover .main-character-tit,
.main-character-wrap.hover .main-character-tit{margin-top:50px;background:none}
.main-character-wrap:hover .main-character-con,
.main-character-wrap.hover .main-character-con{width:230px;padding:20px 0 0 20px;opacity:1}
.main-character-wrap li:hover .main-character-con,
.main-character-wrap li.active .main-character-con{width:855px;opacity:1}
.main-character-video{position:relative;margin:20px 0 0 20px;width:0px;overflow:hidden;transition:width 0.5s ease-out}
.main-character-wrap li:hover .main-character-video{width:1100px}
.main-character-wrap li .main-character-video::after{
    content: '';
    position: absolute;
    z-index:1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
}

.footer{background:#1b1f27;display:flex;justify-content: space-between;padding:50px;margin-top:100px}
.footer .footer-menu ul{display:flex;justify-content: center;padding-top:20px}
.footer .footer-menu li{display:flex}
.footer .footer-menu li + li::before{content:'';width:2px;height:37px;background:#fff;margin:0 50px}
.footer .footer-menu a{color:#fff;font-size:24px;height:37px;line-height:37px}
.footer .footer-copy{font-size:24px;color:#fff;font-weight:100;padding-top:30px}
.footer .footer-copyA{font-size:24px;color:#fff;font-weight:100;}
.footer-sns{display:flex; align-items: center; gap:12px; margin: -20px 0}
.footer-sns img{margin-left:10px}
.footer-sns .footer-youtube{width:106px;height:105px;background:url('/Content/img/footer_youtube.png') no-repeat;transition: background .3s;}
.footer-sns .footer-youtube:hover{background:url('/Content/img/footer_youtube_over.png') no-repeat}
.footer-sns .footer-blog{width:108px;height:107px;background:url('/Content/img/footer_blog.png') no-repeat;transition: background .3s;}
.footer-sns .footer-blog:hover{background:url('/Content/img/footer_blog_over.png') no-repeat}

/* 모달 기본 숨김 */
.modal {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    z-index: 1000; /* 화면 위에 표시 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.8); /* 반투명 배경 */
}

/* 모달 박스 */
.modal .modal-content {
    position:relative;
    background-color: #fff;
    margin: 15% auto; /* 화면 중앙 */
    padding: 48px;
    /* border-radius: 8px; */
    width: 835px;
    height: 459px;
    background:url('/Content/img/bg_pop.jpg') no-repeat;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.modal .modal-content h2{font-size:44px;color:#fff;font-weight:700;text-align:center}

/* 닫기 버튼 */
.modal .close {
    position:absolute;
    right:17px;
    top:16px;
    width:30px;
    height:30px;
    background:url('/Content/img/ico_close.png') no-repeat;
    cursor: pointer;
}
.modal .close:hover {
    background:url('/Content/img/ico_close_over.png') no-repeat;
}
  
.game-play{display:flex;flex-direction: column; gap:22px; margin-top:60px}
.play-steam{width:739px;height:63px;background:url('/Content/img/btn_steam.png') no-repeat}
.play-steam:hover{background:url('/Content/img/btn_steam_over.png') no-repeat}
.play-steam:active{background:url('/Content/img/btn_steam_click.png') no-repeat}
.play-epic{width:739px;height:63px;background:url('/Content/img/btn_epic.png') no-repeat}
.play-epic:hover{background:url('/Content/img/btn_epic_over.png') no-repeat}
.play-epic:active{background:url('/Content/img/btn_epic_click.png') no-repeat}

.tab-content { display: none; }
.tab-content.active { display: block; }
.tab-buttons li.active { font-weight: bold; }
.tabs > div{color:#fff}

.sub-news{background:#000;padding-top:35px;padding-bottom:35px}
.sub-news-wrap{background:#000}
.sub-news-wrap ul{display:grid;grid-template-columns: repeat(4, 1fr); gap:25px;padding:60px 70px 0;justify-items: center;}
.sub-news-wrap li{position:relative;width:420px;height:580px;background:#2e261c}
.sub-news-wrap li a{display:block}
.sub-news-wrap li a::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 160px solid transparent;
}
.sub-news-wrap li a.sub-news-notice::before{
    border-top: 70px solid #ffc000;
}
.sub-news-wrap li a.sub-news-event::before{
    border-top: 70px solid #03b6f8;
}
.sub-news-wrap li a.sub-news-update::before{
    border-top: 70px solid #66fb01;
}
.sub-news-wrap li a::after{
    content:'';
    position:absolute;
    left:10px;
    top:5px;
    font-size:22px;
    color:#000;
    font-weight:500;
}
.sub-news-wrap li a.sub-news-notice::after{
    content:'공지';
}
.sub-news-wrap li a.sub-news-event::after{
    content:'이벤트';
}
.sub-news-wrap li a.sub-news-update::after{
    content:'업데이트';
}
.sub-news-img{height:390px;width:100%;object-fit:cover}
.sub-news-txt{height:190px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.sub-news-subj{font-size:34px;color:#000;font-weight:700;width:295px;text-align:center;line-height:normal}
.sub-news-date{font-size:33px;color:#000;font-weight:700}

.sub-visual01{height:308px;background:url('/Content/img/bg_sub1.png') no-repeat}
.sub-visual02{height:308px;background:url('/Content/img/bg_sub2.png') no-repeat}
.sub-visual03{height:308px;background:url('/Content/img/bg_sub3.png') no-repeat}
.sub-visual04{height:308px;background:url('/Content/img/bg_sub4.png') no-repeat}
.tabs-inner{display:flex;margin:0 70px}
.tabs-inner button{flex:1;height:80px;font-size:36px;color:#8c8ca7;font-weight:500;background:#271e13;border:solid 2px #725432}
.tabs-inner button[aria-selected="true"] { background-color: #cd8828; color: #000; }
.pagination {
    display: flex;
    justify-content: center; /* 가운데 정렬 */
    align-items: center;
    gap: 8px;
    padding: 60px 0;
}

.pagination button {
    padding: 6px 12px;
    background:none;
    color:#fff;
    cursor: pointer;
    font-size: 28px;
}
.pagination button.active{color:#fcd04a;font-weight:700}
.pagination button:hover{color:#fcd04a}
.pagination button.prev{margin-right:10px}
.pagination button.next{margin-left:10px}

.news-view-wrap{background:#fff;padding:60px 120px}
.news-view-subj{border-bottom:solid 1px #000;font-size:34px;font-weight:500;color:#000;display:flex;gap:30px;padding-bottom:15px}
.news-view-subj::before{content:'공지';background:#ffc000;width:120px;height:52px;line-height:52px;font-size:22px;color:000;text-align:center}
.news-view-subj.news-notice::before{content:'공지';background:#ffc000}
.news-view-subj.news-event::before{content:'이벤트';background:#03b6f8}
.news-view-subj.news-update::before{content:'업데이트';background:#66fb01}
.news-view-date{font-size:38px;color:#000;text-align:right;padding-top:20px}
.news-view-cont{background:#d5d7dc;min-height:570px;padding:50px;font-size:32px;color:#000}
.news-view-btn{text-align:center;margin-top:50px}
.news-view-btn button{width:290px;height:64px;background:#e98c28;color:#000;font-size:22px;font-weight:700}
.news-map-wrap{position:relative}
.news-map{padding:100px 70px;display:grid;grid-template-columns: 1fr 1fr;gap:40px;}

.modal2{display:none;position:static}
.modal2 .modal-content{position:absolute;left:70px;top:100px;width:1740px;height:922px;background:url('/Content/img/bg_info02_01.jpg') no-repeat;margin:0 auto}
.modal2#modal3 .modal-content{background:url('/Content/img/bg_info02_02.jpg') no-repeat}
.modal2#modal4 .modal-content{background:url('/Content/img/bg_info02_03.jpg') no-repeat}
.modal2#modal5 .modal-content{background:url('/Content/img/bg_info02_04.jpg') no-repeat}
.modal2 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}

.modal3 .edit {
    position: absolute;
    right: 100px;
    top: 18px;
    width: 62px;
    height: 62px;
    background-color: #508eff;
    cursor: pointer;
}

.modal3 .remove {
    position: absolute;
    right: 180px;
    top: 18px;
    width: 62px;
    height: 62px;
    background-color: #ff6a6a;
    cursor: pointer;
}


.modal3-1 .edit {
    position: absolute;
    right: 100px;
    top: 18px;
    width: 62px;
    height: 62px;
    background-color: #508eff;
    cursor: pointer;
}

.modal3-1 .remove {
    position: absolute;
    right: 180px;
    top: 18px;
    width: 62px;
    height: 62px;
    background-color: #ff6a6a;
    cursor: pointer;
}


.modal2 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}
.sub-map-video{position:absolute;left:743px;top:196px;display:none}
.modal2.active .sub-map-video{display:block}
.info-weapon-depth1{display:flex;padding:45px 70px 0}
.info-weapon-depth1 > li{flex:1}
.info-weapon-depth1 > li > button{width:100%;height:60px;font-size:28px;color:#fff;background:#533717; font-weight:500;border:solid 2px #342310}
.info-weapon-depth1 > li > button[aria-selected="true"] { background-color: #b57e41; color: #000; }
.info-weapon-depth2{display:flex;flex-wrap:wrap;margin-top:10px}
.info-weapon-depth2 > li{border:solid 2px #251707}
.info-weapon-depth2 > li > button{width:140px;height:32px;background:#3a250e;font-size:18px;color:#fff; font-weight:500}
.info-weapon-depth2 > li > button[aria-selected="true"] { background-color: #d99a55; color: #000; }
.info-weapon-list{padding:35px 70px 70px;display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:25px}
.info-weapon-list li{border:solid 2px #fbe4bd}
.info-weapon-tit{height:90px;background:#fff;font-size:34px;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center}
.info-weapon-wrap{position:relative;min-height:900px}

.modal3{display:none;position:static}
.modal3 .modal-content{position:absolute;left:70px;top:35px;width:1760px;height:922px;background:#fff;margin:0 auto;padding:20px 40px;border:solid 2px #d6bfb2}
.modal3 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}
.modal3 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}
.modal3 .modal-content h2{font-size:50px;color:#000;font-weight:500;text-align:left}
.modal3 .modal-content{height:auto;min-height:800px}



.modal3-1{display:none;position:static}
.modal3-1 .modal-content{position:absolute;left:70px;top:35px;width:1760px;height:922px;background:#fff;margin:0 auto;padding:20px 40px;border:solid 2px #d6bfb2}
.modal3-1 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}
.modal3-1 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}
.modal3-1 .modal-content h2{font-size:50px;color:#000;font-weight:500;text-align:left}
.modal3-1 .modal-content{height:auto;min-height:800px}


.weapon-pop-cont{display:flex;width:1560px;margin:20px auto;justify-content: space-between}
.weapon-pop-left{width:790px}
.weapon-pop-right{width:730px}
.weapon-txt01{font-size:30px;color:#816637;font-weight:500;padding:0 10px;display:flex}
.weapon-txt01 span + span::before{content:'|';margin:0 10px}
.weapon-txt02{background:#e1e1df;height:400px;color:#000;font-size:30px;line-height:40px;padding:30px 40px}
.weapon-img{text-align:center}
.weapon-status{margin-top:30px}
.weapon-status li{margin-top:10px}
.weapon-status-txt{display:flex;justify-content:space-between;font-size:24px;line-height:30px;color:#000;font-weight:500;padding:0 10px}
.weapon-status-graph{height:38px;background:#cac6c5}
.weapon-status-graph span{display:block;background:#c00000;height:38px}
.weapon-property{display:flex;gap:10px;margin-top:30px}
.weapon-property li{flex:1}
.weapon-property-tit{font-size:30px;color:#000;justify-content:center;line-height:30px;display:flex;align-items:center;height:70px;font-weight:500;text-align:center}
.weapon-property-val{background:#6d4027;height:150px;display:flex;align-items:center;justify-content:center;font-size:50px;color:#faf8df;font-weight:600;line-height:50px}
.weapon-property-val .unit{font-size:25px;line-height:25px;display:flex;align-items:end;height:44px;margin-left:3px}

.character-wrap{position:relative;width:1760px;margin:0 auto;padding:70px 0}
.character-list{display:flex;width:100%;justify-content:space-between}
.modal4{display:none;position:static}
.modal4 .modal-content{position:absolute;left:0px;top:70px;width:1740px;height:922px;background:url('/Content/img/bg_info04_01.jpg') no-repeat;margin:0 auto}
.modal4#modal3 .modal-content{background:url('/Content/img/bg_info04_02.jpg') no-repeat}
.modal4#modal4 .modal-content{background:url('/Content/img/bg_info04_03.jpg') no-repeat}
.modal4#modal5 .modal-content{background:url('/Content/img/bg_info04_04.jpg') no-repeat}
.modal4 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}
.modal4 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}
.modal4.active .sub-map-video{display:block}
.modal4 .sub-map-video{left:1154px;top:72px}
.guide-list ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:1700px;margin:70px auto 0;gap:30px}
.guide-list li{position:relative}
.guide-list li a{display:block}
.guide-list li a span{position:absolute;left:5%;top:calc(50% - 25px);width:90%;background:rgba(0,0,0,0.6);text-align:center;font-size:40px;height:50px;line-height:50px;font-weight:300}
.guide-view-wrap{background:#fff;padding:60px 120px;margin-top:70px}
.guide-view-subj{border-bottom:solid 1px #000;font-size:34px;font-weight:500;color:#000;display:flex;gap:30px;padding-bottom:15px;margin-bottom:15px}

.media-video-wrap{position:relative;min-height:1000px}
.media-video{padding:90px 70px;display:grid;grid-template-columns: 1fr 1fr;gap:40px;}
.media-video li{border:solid 2px #676665}
.media-video li a{display:block;position:relative}
.media-video li a::after{content:'';position:absolute;left:calc(50% - 80px);top:calc(50% - 80px);width:160px;height:160px;background:url('/Content/img/ico_play.png') 50% no-repeat}

.modal5{display:none}
.modal5 .modal-content{position:absolute;left:calc(50% - 880px);top:70px;width:1760px;height:calc(100vh - 140px);background:#000;margin:0 auto;border:solid 2px #676665}
.modal5 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}
.modal5 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}
.modal5 .sub-map-video{position:static;display:none;height:100%;overflow:hidden}
.modal5 .sub-map-video iframe{width:100%;height:100%}
.modal5.active .sub-map-video{display:block}

.media-archive{position:relative;width:1760px;margin:70px auto}
.media-archive .grid {
  background: #000;
}

/* clear fix */
.media-archive .grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.media-archive .grid-sizer,
.media-archive .grid-item {
  width: calc((100% - 40px)/3);
}

.media-archive .grid-item {
  float: left;
  margin-bottom:20px;
  border:solid 2px #676665;
}

.media-archive .grid-item img {
  display: block;
  max-width: 100%;
}

.modal6{display:none}
.modal6 .modal-content{position:absolute;left:calc(50% - 880px);top:70px;width:1760px;height:calc(100vh - 140px);background:#000;margin:0 auto;border:solid 2px #676665}
.modal6 .close {
    position:absolute;
    right:20px;
    top:18px;
    width:62px;
    height:62px;
    background:url('/Content/img/ico_close02.png') no-repeat;
    cursor: pointer;
}
.modal6 .close:hover {
    background:url('/Content/img/ico_close02_over.png') no-repeat;
}

.archive-img{height:100%}
.archive-img img{width:100%;height:100%;object-fit:contain}

.faq-list{width:1760px;margin:70px auto 0;padding-bottom:100px;min-height:800px}
.faq-list ul{display:flex;flex-direction:column;gap:15px}
.faq-list ul li{display:flex;gap:15px;flex-wrap:wrap}
.faq-list ul li em{width:360px;height:72px;border:solid 2px #cd8828;background:#312c27;color:#fff;font-size:30px;font-weight:500;display:flex;align-items:center;justify-content:center}
.faq-list ul li a{flex:1;background:#312c27;font-size:30px;color:#fff;font-weight:700;display:flex;align-items:center;height:72px;padding:0 50px}
.faq-list-cont{background:#312c27;min-height:570px;padding:50px;font-size:38px;color:#fff;width:100%;display:none}
.faq-list-cont.active{display:block}


.sub-tit{font-size:72px;color:#fff;font-weight:500;text-align:center}

.faq-view-wrap{background:#000;padding:60px 120px}
.faq-view-subj{border-bottom:solid 1px #b57e41;font-size:34px;font-weight:500;color:#fff;display:flex;gap:30px;padding-bottom:15px;margin-bottom:15px}
.faq-view-cont{background:#312c27;min-height:570px;padding:50px;font-size:38px;color:#fff}

.personal-info{background:#271e13;width:1760px;margin:0 auto;padding:20px 40px;color:#8c8ca7}
.personal-info-tit{font-size:36px;font-weight:500;padding-bottom:10px}
.personal-info-txt{font-size:30px;line-height:40px;font-weight:300}
.personal-info-guide{border-bottom:solid 1px #f60;color:#e98c28;font-size:36px;font-weight:500;text-align:center;margin:30px 120px}
.personal-info-form{padding:0 120px 100px;display:flex;flex-direction: column;gap:15px}
.personal-info-row{display:flex;gap:25px}
.personal-info-label em{border:solid 3px #cd8828;background:#312c27;color:#fff;font-size:30px;font-weight:500;width:240px;height:49px;display:flex;align-items:center;justify-content:center;}
.personal-info-cont{flex:1}
.personal-info-cont input[type='text'],
.personal-info-cont input[type='email']{width:320px;height:49px;background:#312c27;color:#fff;font-size:30px;border:0;padding:0 10px}
.personal-info-cont input[type='file']{width:100%;height:49px;background:#312c27;color:#fff;font-size:30px;border:0;padding:0 10px}

.file-upload-wrap{display:flex;gap:20px}
.file-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #312c27;
    color: white;
    height:49px;
    cursor: pointer;
    font-size: 30px;
    width:320px;
    text-align:center;
}
.file-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.filename {
    font-size: 30px;
    color: #fff;
}

.personal-info-cont select{position:relative;width:320px;height:49px;background:#312c27;color:#fff;font-size:30px;border:0;padding:0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;

    background:#312c27 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='15'><path fill-rule='evenodd' fill='rgb(205,136,40)' d='M23.234,2.796 L13.955,12.074 L13.956,12.075 L11.637,14.394 L0.039,2.797 L2.359,0.478 L11.636,9.754 L20.914,0.476 L23.234,2.796 Z'/></svg>") no-repeat right 10px center;
    background-size: 24px 15px; /* SVG 크기 조절 */
}
.personal-info-cont textarea{width:100%;height:600px;background:#312c27;color:#fff;font-size:30px;border:0;padding:10px}

.radio-box-group {
    display: flex;
    gap: 10px;
}

.radio-box {
    position: relative;
    cursor: pointer;
}

.radio-box input[type="radio"] {
    display: none; /* 기본 라디오 숨기기 */
}

.radio-box span {
    display: inline-block;
    border: 2px solid #e6bd1b;
    background-color: #312c27;
    color:#fff;
    font-weight: bold;
    height:49px;
    font-size:30px;
    line-height:45px;
    width:155px;
    text-align:center;
    transition: all 0.3s ease;
}

/* 선택된 상태 */
.radio-box input[type="radio"]:checked + span {
    background-color: #e6bd1b; /* 초록색 배경 */
    color: #000;
    border-color: #e6bd1b;
}

.sub-terms{background:#000;padding-top:0}
.terms-wrap{padding:80px 120px 100px}
.terms-aside{text-align:right}
.terms-aside select{position:relative;width:320px;height:49px;background:#312c27;color:#fff;font-size:30px;border:0;padding:0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;

    background:#312c27 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='15'><path fill-rule='evenodd' fill='rgb(205,136,40)' d='M23.234,2.796 L13.955,12.074 L13.956,12.075 L11.637,14.394 L0.039,2.797 L2.359,0.478 L11.636,9.754 L20.914,0.476 L23.234,2.796 Z'/></svg>") no-repeat right 10px center;
    background-size: 24px 15px; /* SVG 크기 조절 */
}
.terms-cont{background:#312c27;min-height:570px;padding:50px;font-size:38px;color:#fff;margin-top:20px}

.policy-links{border:solid 3px #cd8828;padding:40px}
.policy-links ul{display:grid; grid-template-columns: 1fr 1fr; gap:20px;font-size:26px}
.policy-links a:hover{color:#e6bd1b}
.policy-frame{padding:50px 0}
.policy-frame h1{color:#e6bd1b;font-weight:700;margin-top:50px}
.policy-frame h2{font-size:30px;font-weight:500;margin-top:30px}
.policy-frame p{margin-top:20px;font-size:28px;font-weight:300}
.policy-frame > ul > li{font-size:28px;margin-top:10px}
.policy-frame > ul > li li{padding-left:30px;font-size:28px;margin-top:10px}
.policy-frame table{border-collapse:collapse;width:100%;margin-top:30px}
.policy-frame thead th{background:#cd8828;padding:10px;font-size:26px;border:solid 2px #cd8828;font-weight:700;color:#000}
.policy-frame tbody th{padding:10px;font-size:26px;border:solid 2px #cd8828;font-weight:500}
.policy-frame tbody td{padding:10px 10px 10px 20px;font-size:26px;border:solid 2px #cd8828;font-weight:300}