@charset "UTF-8";

/* ======= FONT & IMPORT ======= */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");
@font-face {
  font-family:'Paperlogy-8ExtraBold';
  src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
}
*{font-family:"Pretendard","sans-serif";}

:root{
  --white:#fff;
  --grey1:#F2F3F7;
  --grey2:#F5F5F5;
  --grey3:#AFAFAF;
  --border:#DFDFDF;
  --dark:#313131;
  --black:#000;
  --padding:10px;
  --point_main: #D90000;
}

/* ======= RESET & LAYOUT ======= */
body{background-color:var(--white);line-height:1.1em;}
h1 a{display:block;}
.hidden{display:none;}
.word_keep{word-break:keep-all;}
.d-flex{display:flex;}
.just_space{justify-content:space-between;align-items:center;}
.wrap{flex-wrap:wrap;}
.all_center{align-items:center;justify-content:center;align-self:center;margin:0 auto;}
.container_pc{box-sizing:border-box;margin:auto;padding:0 10px;}
.cf{display:block;clear:both;content:' ';}

/* ======= ELLIPSIS ======= */
.ellipsis_1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis_2,
.ellipsis_3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.ellipsis_2{-webkit-line-clamp:2;}
.ellipsis_3{-webkit-line-clamp:3;}

/* ======= BUTTONS, TAB, COLOR ======= */
.sub_btn{white-space:nowrap;padding:6px 14px;border-radius:7px;background-color:var(--grey3);color:var(--white);transition:.2s;cursor:pointer;}
.sub_btn:hover{background-color:#909090;}
.butn_tab{display:flex;justify-content:start;align-items:center;gap:5px;}
.butn_tab li{border-radius:50px;overflow:hidden;transition:.2s;}
.butn_tab li a{display:block;padding:6px 22px;line-height:1em;}
.butn_tab li.active{background-color:var(--point_main);color:var(--white);}
.border_s{border-radius:7px;overflow:hidden;}
.border_l{border-radius:10px;overflow:hidden;}
.cursor{cursor:pointer;}
.user_hover{text-decoration:none;color:var(--dark);transition:.3s;}
.user_hover:hover{color:var(--point_main);}
.size_xl{font-size:1.5rem!important;}
.size_l{font-size:1.25rem!important;}
.size_m{font-size:1.075rem!important;}
.size_s{font-size:0.95rem!important;}
.size_xs{font-size:0.875rem!important;}
.white{color:var(--white);}
.dark{color:var(--dark);}

/* ======= ANIMATION ======= */
.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;}
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@keyframes kenburns-loop{
  0%{transform:scale(1) translate(0,0);transform-origin:16% 50%;}
  50%{transform:scale(1.25) translate(-20px,15px);transform-origin:left;}
  100%{transform:scale(1) translate(0,0);transform-origin:16% 50%;}
}
.margin_xl{padding-bottom:calc(var(--padding)*5);}
.margin_l{padding-bottom:calc(var(--padding)*3.5);}
.margin_m{padding-bottom:calc(var(--padding)*2.5);}
.margin_s{padding-bottom:calc(var(--padding)*1.5);}

/* ======= SCROLL & FADE ======= */
.scroll_wrap{overflow:hidden;}
.scroll_on{opacity:0;transition:all 1.8s;}
.scroll_on.active{opacity:1!important;transform:translate(0,0)!important;}
.scroll_on.type_top{transform:translate(0,-20%);}
.scroll_on.type_bottom{transform:translate(0,20%);}
.scroll_on.type_left{transform:translate(-20%,0);}
.scroll_on.type_right{transform:translate(20%,0);}
.fade-prep{will-change:opacity,filter;}
.scrollBar::-webkit-scrollbar{width:8px;}
.scrollBar::-webkit-scrollbar-thumb{height:30%;background:#dcdfe6;border-radius:10px;}
.scrollBar::-webkit-scrollbar-track{background:rgba(215,217,219,0.1);}

/* ======= CHECKBOX ======= */
.check_design{
  display:block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:25px;font-weight:600;
}
.check_design .check_point[type="checkbox"]{display:none;}
.on{width:25px;height:25px;position:absolute;top:0;left:0;border:2px solid #D0D0D0;border-radius:3px;}
.check_design .check_point[type="checkbox"]:checked+.on{background:white;}
.on:after{content:"";position:absolute;display:none;}
.check_design .check_point[type="checkbox"]:checked+.on:after{display:block;background:white;}
.on:after{width:10px;height:16px;border:solid #5e5d5d;border-width:0 4px 4px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:6px;top:1px;}

/* ======= HEADER & NAV ======= */
.header,
.header.user_header{
  font-family:"Pretendard","sans-serif";position:fixed;top:0;left:0;right:0;width:100%;z-index:100;
  padding:calc(var(--padding)*2) 0 calc(var(--padding)*.5);
}
.header_container{width:94%;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.header h1{position:relative;max-width:210px;}
.header h1 a img{transition:.2s;width:100%;}
.header h1 a img.wh_logo{position:relative;opacity:1;}
.wh_logo, .rd_logo{position:absolute;top:0;left:0;transition:opacity 0.3s;}
.header h1 a img.rd_logo{position:absolute;top:0;left:0;opacity:0;}
.header .nav{display:flex;justify-content:center;align-items:center;gap:2.5%;font-size:clamp(0.75em,1.8vw,1em);line-height:1em;width:100%;padding-right:2%;}
.header .nav li{position:relative;}
.header .nav li a,
.header.user_header .nav li a{
  position:relative;transition:color 0.3s;padding:2px 4px;display:flex;gap:5px;white-space:nowrap;color:white;
}
.header.user_header .nav li a{color:black;}
.header .nav li .down_pdf{position:absolute;top:30px;left:50%;font-weight:500;transform:translateX(-50%);background-color:var(--white);font-size:.85em;border-radius:10px;border:1px solid var(--border);display:none;}
.header .nav li.view_active .down_pdf{display:block;}
.header .nav .down_pdf li:first-child{border-bottom:1px solid var(--border);}
.header .nav .down_pdf li a{color:var(--black)!important;display:block;padding:12px;transition:.3s;text-align:center;}
.header .nav .down_pdf li a:hover{color:#D90000!important;}

/* Login 드롭다운 메뉴 스타일 */
.header .nav li.login_tool{position:relative;display: block;}
.header .nav li.login_tool a{display:flex;align-items:center;}
.header .nav li.login_tool .login_tip{position:absolute;top:40px;border-radius: 6px;left:50%;font-weight:500;transform:translateX(-50%);background-color:var(--white);font-size:.85em;border-radius:10px;border:1px solid var(--border);display:none;min-width:150px;z-index:1000;}
.header .nav li.login_tool.view_active .login_tip{display:block;}
.header .nav .login_tip li:first-child{border-bottom:1px solid var(--border);}
.header .nav .login_tip li a{color:var(--black)!important;display:block;padding:12px;transition:.3s;text-align:center;}
.header .nav .login_tip li a:hover{color:#D90000!important;}
.header .adver{white-space:nowrap;font-size:clamp(0.75em,2vw,1em);line-height:1.1em;}
.header .adver a{background-color:#D90000;color:var(--white)!important;border-radius:100px;padding:5px 16px;display:block;transition:.3s;}
.header .adver a:hover{background-color:#aa0b0b;}
.header .nav li.active a{color:#D90000!important;font-weight:600;}
.load_icon,
.user_header .load_icon{width:14px;height:14px;fill:white;transition:fill 0.3s;}
.user_header .load_icon{fill:#000;}
.hamburger-button{position:relative;transition:.3s ease-in-out;width:25px;height:20px;display:none;}
.hamburger-button span{position:absolute;width:100%;height:3px;border-radius:4px;background:#fff;transition:.3s;display:block;background-color:#fff;transition:background-color 0.3s;}
.hamburger-button span:nth-child(1){top:0;}
.hamburger-button span:nth-child(2),
.hamburger-button span:nth-child(3){top:8px;}
.hamburger-button span:nth-child(4){top:16px;}
.hamburger-button.active span:nth-child(1),
.hamburger-button.active span:nth-child(4){opacity:0;}
.hamburger-button.active span:nth-child(2){transform:rotate(45deg);}
.hamburger-button.active span:nth-child(3){transform:rotate(-45deg);}
.hamburger-dark span{background-color:#fff!important;}
.hamburger-light span{background-color:#000!important;}

/* 스크롤 시 Login 텍스트 색상 변경 */
.mobile_login .login_tool a.login-dark{color:#fff!important;}
.mobile_login .login_tool a.login-light{color:#000!important;}

/* 더 구체적인 선택자로 우선순위 높이기 */
.header .mobile_login .login_tool a.login-dark{color:#fff!important;}
.header .mobile_login .login_tool a.login-light{color:#000!important;}

/* header-clone에서도 Login 색상 변경 */
.header-clone .mobile_login .login_tool a.login-dark{color:#fff!important;}
.header-clone .mobile_login .login_tool a.login-light{color:#000!important;}
.header .modal_menu{position:fixed;top:0;right:0;width:100%;height:100%;background:#0000003a;color:#fff;transform:translateX(100%);transition:0.3s ease;z-index:9999;}
.header .modal_menu.on{transform:translateX(0);}
.header .modal_menu .menu_inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.header .modal_menu ul li{margin-bottom:20px;}
.header .modal_menu ul li a{color:#fff;font-size:20px;}
  /* PC에서는 모바일 PDF 버튼 숨김 */
  [class^="mo_pdf"]{display:none !important;}
  .mobile_pdf_container{display:none !important;}
  
  /* PC Join 버튼 스타일 */
  .header .nav li.pc_join a{
    padding: 0;
    text-decoration: none;
  }
  .header .nav li.pc_join a:hover{
    color: #D90000;
  }

/* PC에서만 모바일용 Login 숨김 */
@media screen and (min-width:769px){
  .mobile_login{display:none !important;}
}
.header.user_header h1 a img.rd_logo{opacity: 1 !important;}
/* ======= LOGIN FORM ======= */
.header.user_header .hamburger-button span{background:#000;}
.login_page{padding:150px 0 0;min-height:100vh;display:flex;flex-direction:column;}
.login_page .logo_h2.op{margin:0 auto;display:flex;justify-content:center;align-items:center;max-width:210px;padding-bottom:calc(var(--padding)*1.5);width:75%;   font-family: 'Gmarket Sans'; font-style: normal; font-weight: 600; font-size: 46px; color: #D90000; line-height: 1em;}
.login_page .logo_h2.dp{margin:0 auto;display:flex;justify-content:center;align-items:center;max-width:210px;padding-bottom:calc(var(--padding)*1.5);width:75%;   font-family: 'Gmarket Sans'; font-style: normal; font-weight: 600; font-size: 46px; color: #1B365B; line-height: 1em;}
.login_page .logo_h2 a{display:block;}
.login_page .logo_h2 img{width:100%;}
.log_form{margin:0 auto;max-width:470px;width:90%;padding:0 2% calc(var(--padding)*5);display:block;box-sizing:border-box;}
.log_form .user_ID,
.log_form .user_PASS{
  font-size:clamp(.95em,2vw,1.1em);border-radius:10px;border:1px solid var(--border);margin-bottom:calc(var(--padding)*2);overflow:hidden;
}
.log_form .user_PASS{margin-bottom:calc(var(--padding)*3);}
.log_form .user_ID input,
.log_form .user_PASS input{
  width:100%;padding:20px;box-sizing:border-box;display:block;background-color:var(--white);
}
.log_form .user_ID.active,
.log_form .user_PASS.active{border:1px solid #858585;}
.log_form .ID_save{display:flex;justify-content:start;align-items:center;color:#949494;margin-bottom:calc(var(--padding)*1.2);}
.log_form .login_button,
.log_form .kakao_button,
.log_form .naver_button{
  font-size:clamp(1em,2.3vw,1.2em);border-radius:10px;cursor:pointer;transition:.2s;margin-bottom:calc(var(--padding)*1.5);
}
.log_form .login_button{background-color:#393939;color:var(--white);}
.log_form .login_button:hover{background-color:#242424;}
.log_form .kakao_button{background-color:#ffe812;color:#3F2623;font-weight:500;}
.log_form .naver_button{background-color:#02C55B;color:var(--white);}
.log_form .login_button button,
.login_button a,
.kakao_button a,
.naver_button a{
  position:relative;display:flex;justify-content:center;align-items:center;padding:20px 0;width: 100%;height: 100%;color: inherit;background: none;border: none;font-size: inherit;cursor: pointer;
}
.kakao_button img,
.naver_button img{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:2;}
.log_form .login_add{display:flex;justify-content:center;align-items:center;color:#949494;font-size:clamp(14px,2vw,16px);}
.log_form .login_add li+li::before{content:"|";padding:0 8px;color:var(--border);}
.log_form .login_add li a{padding:5px;transition:.2s;}
.log_form .login_add li a:hover{color:#575757;}
.form_center{text-align:center;font-size:clamp(16px,2vw,18px);padding-bottom:calc(var(--padding)*2.5);}
.adv_bn{background-color:#2E2E2E;color:white;margin-top:auto;width:100%;padding:calc(var(--padding)*2.5) 4%;text-align:center;line-height:1.3em;word-break:keep-all;}

/* ======= TYPOGRAPHY ======= */
.h2q{font-size:clamp(45px,8vw,70px);line-height:1.2;font-family:'Gmarket Sans';font-weight:800;padding-bottom:calc(var(--padding)*1.5);word-break:keep-all;}
.h2q span{color:#D90000;}
.h3q{font-size:clamp(18px,2.8vw,26px);line-height:1.3;font-weight:600;padding-bottom:calc(var(--padding)*1);word-break:keep-all;}
.h4q{font-size:clamp(13px,1.6vw,20px);line-height:1.3;font-weight:500;word-break:keep-all;}
.textq{font-size:clamp(12px,1.5vw,16px);line-height:1.3;font-weight:400;word-break:keep-all;}
section,
.text{pointer-events:auto;}
.circle-check img{width:15px;margin-top:2px;}

/* ======= FORM DATA / UI ======= */
.form_data{display:flex;width:100%;height:100%;overflow:hidden;}
.form_data .del,
.form_data .sel{height:100%;flex:1;position:relative;overflow:hidden;}
.form_data .del .img_box{height:100%;display:flex;justify-content:center;align-items:center;}
.form_data .del .img_box img{max-width:205%;}
.form_data .del .title{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;color:white;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:3%;padding-left:4%;}
.form_data .del .h3q{padding-bottom:5%;}
.form_data .del .h2_title{font-size:clamp(25px,4.5vw,45px);line-height:1.2;font-weight:700;padding-bottom:3%;}
.form_data .sel{background-color:#eee;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0;}
.form_data .sel form{display:block;width:90%;margin:auto;overflow-y:auto;padding:0 5%;max-height:90vh;}
.form_data .sel .h3q span{font-size:.3em;}
.form_data .sel .user_data{width:100%;height:100%;margin:auto;}
.form_data .sel .user_data li{padding-bottom:15px;}
.form_data .sel .user_data li .h4q{position:relative;font-size:clamp(12px,2vw,18px);padding-bottom:5px;}
.form_data .sel .user_data li .h4q span{position:absolute;top:0;font-size:.7em;padding-left:3px;color:#D90000;}
.form_data .sel .user_data li input{display:block;width:100%;padding:10px 20px;background-color:white;font-size:clamp(12px,2vw,18px);border-radius:6px;box-sizing:border-box;}
.form_data .sel .user_data li input.active,
.form_data .sel textarea.active{outline:1px solid var(--dark);}
.form_data .sel textarea{display:block;border:none;outline:none;resize:none;width:100%;border-radius:6px;padding:10px 15px;box-sizing:border-box;}
.form_data .sel .sub_mit,
.form_data .sel .sub_mit.dsp{color:white;font-size:clamp(14px,2vw,20px);border-radius:10px;margin-top:30px;text-align:center;padding:0!important;transition:.2s;}
.form_data .sel .sub_mit{background-color:#D90000;}
.form_data .sel .sub_mit:hover{background-color:#aa0b0b;}
.form_data .sel .sub_mit.dsp{background-color:#1B365B;}
.form_data .sel .sub_mit.dsp:hover{background-color:#0a2342;}
.form_data .sel .sub_mit button{display:block;padding:16px 0;width:100%;height:100%;color: inherit;}
.form_data .sel .choice_list{font-size:clamp(14px,2vw,18px);display:flex;justify-content:space-between;align-items:stretch;gap:4%;}
.form_data .sel .choice_list li{display:flex;justify-content:center;align-items:center;background-color:white;width:100%;padding:11px 0;border-radius:6px;cursor:pointer;}
.form_data .sel .choice_list li.active{outline:1px solid var(--dark);}
.dummy_foonter{width:100%;padding:45px 0;background-color:#2E2E2E;display:flex;justify-content:center;align-items:center;color:white;gap:5%;}
.dummy_foonter .company_info{font-size:clamp(10px,2vw,14px);line-height:1.3;font-weight:200;}
.dummy_foonter .company_info li{padding-bottom:2%;}
.dummy_foonter .company_info li:nth-child(1){padding-left:24px;}
.dummy_foonter .company_info li:nth-child(2){padding-left:24px;}
.dummy_foonter .company_info li.copy{padding-top:5%;padding-bottom:0%;}
.dummy_foonter h1{width:245px;min-width:115px;}
.dummy_foonter h1 a{display:block;}
.dummy_foonter h1 a img{width:100%;}

/* ======= bxSlider ======= */
.bx_wrap{padding:calc(var(--padding)*5) 0;width:100%;overflow:hidden;}
.slide_row{white-space:nowrap;overflow:hidden;pointer-events:none;user-select:none;}
.slide_row.row1{padding-bottom:calc(var(--padding)*2.5);}
.bx_wrap .track{display:flex;align-items:center;gap:80px;}
.bx_wrap .track img{max-width:120px;}
.bx-wrapper{margin-bottom:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;max-width:none!important;width:100%!important;}
.bx-wrapper .bx-viewport{width:100%!important;}
.bx-wrapper .track{width:auto!important;}

/* ========== [MEDIA QUERY: 1000px] ========== */
@media screen and (max-width:1000px){
  .form_data .del .img_box img{max-width:none;max-height:110%;}
}

/* ========== [MEDIA QUERY: 768px] ========== */
@media screen and (max-width:768px){
  .user_header .load_icon{fill:#fff;}
  .header{padding:calc(var(--padding)*1.5) 0 calc(var(--padding)*.5);}
  .header h1{max-width:250px;width:35%;}
  .header h1 img{width:100%;}
  .header .adver a{padding:6px 16px;}
  .header .nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:1000;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;transition:0.3s ease;padding:80px 20px 20px;}
  .header .nav.active,
  .header .nav.on{display:flex;}
  .header .nav li.load_file{display:none;}
  .header .nav li.login_tool{display:block;position:relative;}
  .header .nav li a{color:#fff!important;font-size:clamp(1.2rem,3.5vw,1.35rem);line-height:1em;padding:10px 0;}
  
  /* 모바일에서 메인 메뉴들만 중앙 정렬 */
  .header .nav li:not(.mobile_pdf_container):not(.load_file):not(.login_tool):not(.pc_join) {
    order: 1;
  }
  
  .header .nav li.mobile_pdf_container {
    order: 2;
    margin-top: auto;
  }
  
  /* 모바일에서 Login 드롭다운 스타일 */
  .header .nav li.login_tool .login_tip{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.9);
    border-radius: 10px;
    min-width: 170px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    z-index: 10;
    padding: 0;
    border: 1px solid #444;
    display: none;
  }
  
  .header .nav li.login_tool.view_active .login_tip{
    display: block;
  }
  
  .header .nav li.login_tool .login_tip li{
    border-bottom: 1px solid #333;
  }
  
  .header .nav li.login_tool .login_tip li:last-child{
    border-bottom: none;
  }
  
  .header .nav li.login_tool .login_tip a{
    display: block;
    color: #fff !important;
    padding: 12px 14px;
    text-align: center;
    font-size: 1rem !important;
    transition: background 0.2s, color 0.2s;
  }
  
  .header .nav li.login_tool .login_tip a:hover{
    background: #D90000;
    color: #fff !important;
  }
  
  /* 모바일 PDF 버튼 스타일 - nav ul 내에서 하단 위치 */
  .header .nav li.mobile_pdf_container{
    display: none !important;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0 0;
  }
  
  /* 모바일에서만 PDF 버튼들 표시 */
  [class^="mo_pdf"]{display: block !important;}
  .header .nav li.mobile_pdf_container{display: block !important;}
  
  .mobile_pdf_buttons{
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .mobile_pdf_buttons .mo_pdf_ssp,
  .mobile_pdf_buttons .mo_pdf_dsp{
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 20px !important;
    font-size: 1.2rem !important;
    text-decoration: none;
    color: white !important;
    border-radius: 6px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #D90000;
    margin-bottom: 10px;
  }
  
  .mobile_pdf_buttons .mo_pdf_dsp{
    background-color: #1B365B;
    margin-bottom: 0;
  }
  
  .mobile_pdf_buttons .mo_pdf_ssp:hover,
  .mobile_pdf_buttons .mo_pdf_dsp:hover{
    opacity: 0.9;
  }
  
  .mobile_pdf_buttons svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }
  .header .adver{margin-left:auto;padding-right:20px;display:none;}
  
  /* 모바일에서 Login을 헤더에 직접 표시 */
  .header .nav li.login_tool{display:none;}
  .header .nav li.pc_join{display:none;}
  .header .mobile_login{display:flex !important;margin-left:auto;margin-right:20px;align-items:center;gap:15px;}
  .header .mobile_login .login_tool{display:block;position:relative;}
  
  /* Login 텍스트 스타일 - header와 header-clone 통합 */
  .header .mobile_login .login_tool a,
  .header-clone .mobile_login .login_tool a{
    color: #fff;
    font-size: 0.8rem !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0;
    text-decoration: none;
    transition: color 0.2s;
  }
  
  /* 구분선 스타일 */
  .header .mobile_login .mobile_separator,
  .header-clone .mobile_login .mobile_separator{
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.6;
  }
  
  /* Join 버튼 스타일 */
  .header .mobile_login .mobile_join,
  .header-clone .mobile_login .mobile_join{
    /* margin-left 제거 - flexbox gap으로 간격 조정 */
  }
  
  .header .mobile_login .mobile_join a,
  .header-clone .mobile_login .mobile_join a{
    color: #fff;
    font-size: 0.8rem !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0;
    text-decoration: none;
    transition: color 0.2s;
  }
  
  /* JavaScript에서 설정한 인라인 스타일이 우선되도록 */
  .header .mobile_login .login_tool a[style],
  .header-clone .mobile_login .login_tool a[style]{
    color: inherit !important;
  }
  
  /* header-clone에서 Login & Join & 구분선 색상 강제 변경 */
  .header-clone .mobile_login .login_tool a,
  .header-clone .mobile_login .mobile_join a,
  .header-clone .mobile_login .mobile_separator,
  .header-clone .nav li.pc_join a {
    color: #000 !important;
  }
  
  /* header-clone에서도 동일한 flexbox 레이아웃 적용 */
  .header-clone .mobile_login{
    display: flex !important;
    align-items: center;
    gap: 15px;
  }
  
  /* JavaScript에서 설정한 색상이 우선되도록 더 강력한 선택자 */
  .header-clone .mobile_login .login_tool a[style*="color"] {
    color: inherit !important;
  }
  
  .header .mobile_login .login_tool a:hover,
  .header-clone .mobile_login .login_tool a:hover{
    background: transparent !important;
    color: #ccc !important;
  }
  
  /* JavaScript에서 색상 변경을 위한 더 구체적인 선택자 */
  .header .mobile_login .login_tool a[style*="color"],
  .header-clone .mobile_login .login_tool a[style*="color"]{
    color: inherit !important;
  }
  
  /* 모바일에서 Login & Join & 구분선 색상 변경 */
  .header .mobile_login .login_tool a.login-dark,
  .header .mobile_login .mobile_join a.login-dark,
  .header .mobile_login .mobile_separator.login-dark,
  .header .nav li.pc_join a.login-dark{color:#fff!important;}
  .header .mobile_login .login_tool a.login-light,
  .header .mobile_login .mobile_join a.login-light,
  .header .mobile_login .mobile_separator.login-light,
  .header .nav li.pc_join a.login-light{color:#000!important;}
  
  /* header-clone에서도 Login & Join & 구분선 색상 변경 */
  .header-clone .mobile_login .login_tool a.login-dark,
  .header-clone .mobile_login .mobile_join a.login-dark,
  .header-clone .mobile_login .mobile_separator.login-dark,
  .header-clone .nav li.pc_join a.login-dark{color:#fff!important;}
  .header-clone .mobile_login .login_tool a.login-light,
  .header-clone .mobile_login .mobile_join a.login-light,
  .header-clone .mobile_login .mobile_separator.login-light,
  .header-clone .nav li.pc_join a.login-light{color:#000!important;}
  
  .header .mobile_login .login_tip{
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 6px;
    font-weight: 500;
    background-color: var(--white);
    font-size: 0.85em;
    border-radius: 10px;
    border: 1px solid var(--border);
    display: none;
    min-width: 120px;
    z-index: 1000;
  }
  
  .header .mobile_login .login_tool.view_active .login_tip{
    display: block;
  }
  
  .header .mobile_login .login_tip li:first-child{
    border-bottom: 1px solid var(--border);
  }
  
  .header .mobile_login .login_tip li a{
    color: #000 !important;
    display: block;
    padding: 8px !important;
    transition: 0.3s;
    text-align: center;
  }
  
  /* login_tip은 login_tool의 색상 변경 클래스 영향을 받지 않도록 강제 설정 */
  .header .mobile_login .login_tip li a.login-dark,
  .header .mobile_login .login_tip li a.login-light{
    color: #000 !important;
  }
  
  .header .mobile_login .login_tip li a:hover{
    color: #D90000 !important;
  }
  
  .header .hamburger-button{display:flex;z-index:10000;}
  .header .hamburger-button.active span{background:white!important;}
  .form_data .sel .sub_mit{margin-top:auto;}
  .dummy_foonter{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px;padding-left:2%;}
  .dummy_foonter .company_info li.copy{padding-top:10px;}
  .dummy_foonter .company_info li{padding-bottom:5px;}
  .circle-check img{margin-top:2px;width:10px;}
  .form_data .sel .user_data li input{padding:8px 14px;}
  .form_data .sel .choice_list{font-size:clamp(12px,2vw,18px);}
  .form_data .sel .choice_list li{padding:8px 0;}
  .dummy_foonter h1{width:30%;max-width:250px;}
  .dummy_foonter h1 img{width:100%;}
  .bx_wrap{padding:calc(var(--padding)*2.5) 0;}
  .bx_wrap .track{gap:40px;}
  [class^="mo_pdf"]{position:relative;display:block;max-width:550px;}
  .mo_pdf_ssp{width:90%;background-color:#D90000;margin:0 auto;border-radius:6px;position:absolute!important;bottom:135px;}
  .mo_pdf_dsp{width:90%;background-color:#1B365B;margin:0 auto;border-radius:6px;position:absolute!important;bottom:60px;}
  [class^="mo_pdf"] a{justify-content:center;align-items:center;padding:20px!important;font-size:1.2rem!important;}
  [class^="mo_pdf"] svg{position:absolute;top:50%;transform:translateY(-50%);right:15px;}
}

/* ========== [MEDIA QUERY: 480px] ========== */
@media screen and (max-width:480px){
  .mo_pdf_ssp{bottom: 120px;}
  .login_page{padding-top:100px;}
  .login_button a,
  .login_button button,
  .kakao_button a,
  .naver_button a{padding:17px 0;}
  .log_form .user_ID input,
  .log_form .user_PASS input{padding:15px;}
  .check_design{display:block;position:relative;padding-left:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:20px;font-weight:600;}
  .check_design .check_point[type="checkbox"]{display:none;}
  .on{width:20px;height:20px;position:absolute;top:0;left:0;border:2px solid #D0D0D0;border-radius:3px;}
  .on:after{border-width:0 3px 3px 0;width:7px;height:13px;left:5px;top:0px;}
  .adv_bn{display:none;}
  [class^="mo_pdf"] a{padding:15px!important;font-size:1.1rem!important;}
  .sec8 .mid_title{font-size:16px !important;padding:calc(var(--padding)*1.5) 0 !important;}
  .sec8 .end_title {    font-size: 1.1em !important;}
  .step_3 .mid_title {    font-size: 16px !important;    padding: calc(var(--padding) * 1.5) 0 !important;}
}

/* ======= 모바일 모달 메뉴 Login 드롭다운 ======= */
.header .modal_menu .modal_login {
  display: block !important;
  background: rgba(0,0,0,0.2);
  border: 1px solid red;
}
.header .modal_menu .modal_login .login_tip {
  display: none;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  background: #222;
  border-radius: 10px;
  min-width: 170px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  z-index: 10;
  padding: 0;
  border: 1px solid #444;
}
.header .modal_menu .modal_login.open .login_tip {
  display: block;
}
.header .modal_menu .modal_login .login_tip li {
  border-bottom: 1px solid #333;
}
.header .modal_menu .modal_login .login_tip li:last-child {
  border-bottom: none;
}
.header .modal_menu .modal_login .login_tip a {
  display: block;
  color: #fff;
  padding: 10px 14px;
  text-align: center;
  font-size: 18px;
  transition: background 0.2s, color 0.2s;
}
.header .modal_menu .modal_login .login_tip a:hover {
  background: #D90000;
  color: #fff;
}
.header .modal_menu .modal_login > a.login_main {
  color: #fff;
  font-size: 20px;
  display: block;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.2s;
}
.header .modal_menu .modal_login > a.login_main:hover {
  color: #D90000;
}
.sub_mit button {
  cursor: pointer;
}

/* 연락처 아이콘 스타일 */
.contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-icon {
  color: #D90000;
  flex-shrink: 0;
}

.auto_container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  padding: 0 10px;
}

.login_svg_tol {
  display: none; /* 이 클래스가 누락됨 */
}