@charset "utf-8"; 

/* 초기화 */
html { overflow-y:scroll } 
body { margin:0; padding:0; font-size:0.75em; font-family:'Malgun Gothic', dotum, sans-serif; background:#fff } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:'Malgun Gothic', dotum, sans-serif } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 

ul, dl,dt,dd { margin:0; padding:0; list-style:none } 
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
label, input, button, select, img { vertical-align:middle; font-size:1em } 
input, button { margin:0; padding:0; font-family:'Malgun Gothic', dotum, sans-serif; font-size:1em } 
input[type="submit"] { cursor:pointer } 
button { cursor:pointer; border: 0; background-color: unset; } 
 
textarea, select { font-family:'Malgun Gothic', dotum, sans-serif; font-size:1em } 
select { margin:0 } 
p { margin:0; padding:0; word-break:break-all } 
hr { display:none } 
pre { overflow-x:scroll; font-size:1.1em } 
a { color:#000; text-decoration:none } 

*, :after, :before { 
 -webkit-box-sizing:border-box; 
 -moz-box-sizing:border-box; 
 box-sizing:border-box; 
 } 

input[type=text],input[type=password], textarea { 
-webkit-transition:all 0.30s ease-in-out; 
-moz-transition:all 0.30s ease-in-out; 
-ms-transition:all 0.30s ease-in-out; 
-o-transition:all 0.30s ease-in-out; 
outline:none; 
 } 

.placeholdersjs { color:#aaa !important } 

/* 레이아웃 크기 지정 */
#wrapper, #ft { min-width:100%; } 

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr { width:100% } 

/* 공통 - display none/block */
.is-hidden { display: none !important; } 
.is-visible { display: block !important; } 

/* 공통 - 뷰포트 (pc / mobile) 별 display none/block */
.pc-only { display: none; } 
@media (min-width: 769px) { 
 .pc-only { display: block !important; } 
 } 
.mobile-only { display: block; } 
@media (min-width: 769px) { 
 .mobile-only { display: none !important; } 
 } 

/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; height:0 } 
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff } 
.hd_pops img { max-width:100% } 
.hd_pops_con { } 
.hd_pops_footer { padding:0; background:#000; color:#fff; text-align:left; position:relative } 
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:"" } 
.hd_pops_footer button { padding:10px; border:0; color:#fff } 
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left } 
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0 } 

.hd_login { position:absolute; right:0; top:60px } 
.hd_login li { float:left; margin:0 5px; border-left:1px solid #616161; padding-left:10px; line-height:13px } 
.hd_login li:first-child { border-left:0 } 
.hd_login a { color:#fff } 


/* 메인메뉴 */
#gnb { display:none; } 

/* 중간 레이아웃 */
#wrapper { } 
#container_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_wr { margin:0 auto; zoom:1 } 
#aside { display: none; } 

#container { position:relative; float:none; min-height:auto; height:auto !important; margin:0; font-size:1em; width:100%; zoom:1 } 
#container:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_title { font-size:1.333em; margin:0 auto; font-weight:bold } 
#container_title span { margin:0 auto 10px; display:block; line-height:30px } 

.lt_wr { width:32% } 
.lt_wr:nth-child(3n+1) { clear:both } 
.latest_wr { margin-bottom:20px } 
.latest_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.latest_top_wr { margin:0 -10px 20px } 
.latest_top_wr:after { display:block; visibility:hidden; clear:both; content:"" } 

/* 게시물 선택복사 선택이동 */
#copymove { } 
#copymove .win_desc { text-align:center; display:block } 
#copymove .tbl_wrap { margin:20px } 
#copymove .win_btn { padding:0 20px 20px } 
.copymove_current { float:right; background:#ff3061; padding:5px; color:#fff; border-radius:3px } 
.copymove_currentbg { background:#f4f4f4 } 

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden } 
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important } 

/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em } 

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto } 

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative } 
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
#captcha #captcha_img { height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0 } 
#captcha #captcha_mp3 { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px } 
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px } 
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top } 
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px } 
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block } 
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px } 
#captcha.m_captcha #captcha_reload span { display:none } 
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px } 
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none } 

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right } 
.btn_cke_sc { display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer } 
.cke_sc_def { margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center } 
.cke_sc_def dl { margin:0 0 5px; text-align:left; zoom:1 } 
.cke_sc_def dl:after { display:block; visibility:hidden; clear:both; content:"" } 
.cke_sc_def dt, .cke_sc_def dd { float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9 } 
.cke_sc_def dt { width:20%; font-weight:bold } 
.cke_sc_def dd { width:30% } 

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px } 
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px } 
#bo_v_con li { display:list-item } 

/* 버튼 */
a.btn,.btn { line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; font-size:1.4em; 
-webkit-transition:background-color 0.3s ease-out; 
-moz-transition:background-color 0.3s ease-out; 
-o-transition:background-color 0.3s ease-out; 
transition:background-color 0.3s ease-out } 

a.btn01 { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle } 
a.btn01:focus, a.btn01:hover { text-decoration:none } 
button.btn01 { display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none } 
a.btn02 { display:inline-block; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle } 
a.btn02:focus, .btn02:hover { text-decoration:none } 
button.btn02 { display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none } 

.btn_confirm { text-align:right } /* 서식단계 진행 */

.btn_submit { border:0; background:#3a8afd; color:#fff; cursor:pointer; border-radius:3px } 
.btn_submit:hover { background:#2375eb } 
.btn_close { border:1px solid #dcdcdc; cursor:pointer; border-radius:3px; background:#fff } 
a.btn_close { text-align:center; line-height:50px } 

a.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
button.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
.btn_cancel:hover { background:#aaa } 
a.btn_frmline, button.btn_frmline { display:inline-block; width:128px; padding:0 5px; height:40px; border:0; background:#434a54; border-radius:3px; color:#fff; text-decoration:none; vertical-align:top } /* 우편번호검색버튼 등 */
a.btn_frmline { } 
button.btn_frmline { font-size:1em } 

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 { display:inline-block; color:#bababa; text-decoration:none; vertical-align:middle; border:0; background:transparent } 
.btn_b01:hover, .btn_b01:hover { color:#000 } 
a.btn_b02,.btn_b02 { display:inline-block; background:#253dbe; padding:0 10px; color:#fff; text-decoration:none; border:0; vertical-align:middle } 
a.btn_b02:hover, .btn_b02:hover { background:#0025eb } 
a.btn_b03, .btn_b03 { display:inline-block; background:#fff; border:1px solid #b9bdd3; color:#646982; text-decoration:none; vertical-align:middle } 
a.btn_b03:hover, .btn_b03:hover { background:#ebedf6 } 
a.btn_b04, .btn_b04 { display:inline-block; background:#fff; border:1px solid #ccc; color:#707070; text-decoration:none; vertical-align:middle } 
a.btn_b04:hover, .btn_b04:hover { color:#333; background:#f9f9f9 } 
a.btn_admin,.btn_admin { display:inline-block; color:#d13f4a; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover { color:#ff3746 } 


/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 5px; background:#fff; border-top:1px solid #ececec; border-bottom:1px solid #ececec } 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left } 
.tbl_head01 { margin:0 0 10px } 
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head01 thead th { padding:20px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ececec; height:40px } 
.tbl_head01 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head01 tbody th { padding:8px 0; border-bottom:1px solid #e8e8e8 } 
.tbl_head01 td { color:#666; padding:10px 5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all } 
.tbl_head01 tbody tr:hover td { background:#fafafa } 
.tbl_head01 a:hover { text-decoration:underline } 

.tbl_head02 { margin:0 0 10px } 
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head02 thead th { padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em } 
.tbl_head02 thead a { color:#383838 } 
.tbl_head02 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff } 
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all } 
.tbl_head02 a { } 

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px } 
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_frm01 th { width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left } 
.tbl_frm01 td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent } 
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input { border:1px solid #d0d3db; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; 
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
 } 
.tbl_frm01 textarea { padding:2px 2px 3px } 
.frm_input { height:40px } 

.full_input { width:100% } 
.half_input { width:49.5% } 
.twopart_input { width:385px; margin-right:10px } 
.tbl_frm01 textarea, .write_div textarea { width:100%; height:100px } 
.tbl_frm01 a { text-decoration:none } 
.tbl_frm01 .frm_file { display:block; margin-bottom:5px } 
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em } 
.frm_info.add_info { margin-top: 10px !important; padding: 8px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; line-height: 1.6; } 
.btn_info_toggle { display: block; margin: 5px 0 0 21px; font-size: 12px; color: #3f51b5; background: none; border: none; cursor: pointer; text-decoration: underline; } 

/*기본 리스트*/
.list_01 ul { border-top:1px solid #ececec } 
.list_01 li { border-bottom:1px solid #ececec; background:#fff; padding:10px 15px; list-style:none; position:relative } 
.list_01 li:nth-child(odd) { background:#f6f6f6 } 
.list_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.list_01 li:hover { background:#f9f9f9 } 
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666 } 

/*폼 리스트*/
.form_01 h2 { font-size:1.167em } 
.form_01 li { margin-bottom:10px } 
.form_01 ul:after,
.form_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.form_01 .left_input { float:left } 
.form_01 .margin_input { margin-right:1% } 
.form_01 textarea { height:100px; width:100% } 
.form_01 .frm_label { display:inline-block; width:130px } 

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center } 
.empty_list { padding:20px 0 !important; color:#666; text-align:center } 

/* 필수입력 */
/* .required, textarea.required { background-image:url('../img/require.png') !important; background-repeat:no-repeat !important; background-position:right top !important } */

/* 테이블 항목별 정의 */
.td_board { width:80px; text-align:center } 
.td_category { width:80px; text-align:center } 
.td_chk { width:30px; text-align:center } 
.td_date { width:60px; text-align:center } 
.td_datetime { width:110px; text-align:center } 
.td_group { width:80px; text-align:center } 
.td_mb_id { width:100px; text-align:center } 
.td_mng { width:80px; text-align:center } 
.td_name { width:100px; text-align:left } 
.td_nick { width:100px; text-align:center } 
.td_num { width:50px; text-align:center } 
.td_numbig { width:80px; text-align:center } 
.td_stat { width:60px; text-align:center } 

.txt_active { color:#5d910b } 
.txt_done { color:#e8180c } 
.txt_expired { color:#ccc } 
.txt_rdy { color:#8abc2a } 

/* 새창 기본 스타일 */
.new_win { position:relative } 
.new_win .tbl_wrap { margin:0 20px } 
.new_win #win_title { font-size:1.3em; height:50px; line-height:30px; padding:10px 20px; background:#fff; color:#000; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); 
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); 
box-shadow:0 1px 10px rgba(0,0,0,.1) } 
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 
.new_win .win_ul { margin-bottom:15px; padding:0 20px } 
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_ul li { float:left; background:#fff; text-align:center; padding:0 10px; border:1px solid #d6e9ff; border-radius:30px; margin-left:5px } 
.new_win .win_ul li:first-child { margin-left:0 } 
.new_win .win_ul li a { display:block; padding:8px 0; color:#6794d3 } 
.new_win .win_ul .selected { background:#3a8afd; border-color:#3a8afd; position:relative; z-index:5 } 
.new_win .win_ul .selected a { color:#fff; font-weight:bold } 
.new_win .win_desc { position:relative; margin:10px; border-radius:5px; font-size:1em; background:#f2838f; color:#fff; line-height:50px; text-align:left; padding:0 20px } 
.new_win .win_desc i { font-size:1.2em; vertical-align:baseline } 
.new_win .win_desc:after { content:""; position:absolute; left:0; top:0; width:4px; height:50px; background:#da4453; border-radius:3px 0 0 3px } 
.new_win .frm_info { font-size:0.92em; color:#919191 } 
.new_win .win_total { float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:0.75em; color:#3a8afd; background:#f6f6f6; padding:0 10px; border-radius:5px } 
.new_win .new_win_con { margin:20px 0; padding:20px } 
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .new_win_con2 { margin:20px 0 } 
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_btn { text-align:center } 
.new_win .cert_btn { margin-bottom:30px; text-align:center } 
.new_win .btn_close { padding:0 20px; height:45px; overflow:hidden; cursor:pointer } 
.new_win .btn_submit { padding:0 20px; height:45px; font-weight:bold; font-size:1.083em } 

/* 검색결과 색상 */
.sch_word { color:#fff; background:#ff005a; padding:2px 5px 3px; line-height:18px; margin:0 2px } 

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px } 
#validation_check h1 { margin-bottom:20px; font-size:1.3em } 
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff } 

/* 사이드뷰 */
.sv_wrap { position:relative; font-weight:normal } 
.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 
.sv_wrap .sv:before { content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent } 
.sv_wrap .sv a { display:inline-block; margin:0; padding:0 10px; line-height:30px; width:100px; font-weight:normal; color:#bbb } 
.sv_wrap .sv a:hover { background:#000; color:#fff } 
.sv_member { color:#333 } 
.sv_on { display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto } 
.sv_nojs .sv { display:block } 

/* 페이징 */
.pg_wrap { clear:both; float:left; display:inline-block } 
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:"" } 
.pg { text-align:center } 
.pg_page, .pg_current { display:inline-block; vertical-align:middle; background:#eee; border:1px solid #eee } 
.pg a:focus, .pg a:hover { text-decoration:none } 
.pg_page { color:#959595; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px } 
.pg_page:hover { background-color:#fafafa } 
.pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover { background-color:#fafafa } 

.pg_current { display:inline-block; background:#3a8afd; border:1px solid #3a8afd; color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px } 

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { 
-webkit-box-sizing:content-box; 
-moz-box-sizing:content-box; 
box-sizing:content-box; 
 } 

/* Mobile화면으로 */
#device_change { display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center } 





/* EO */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css"); 
body * { font-family: "Outfit", sans-serif; color: #FFF; } 
.container { width: 100%; max-width: 1384px; padding-left: 20px; padding-left: 20px; } 

.img { width: 100%; } 
.narrow { display: none; } 

#header { background-color: #000001; position: sticky; top: 0; left: 0; z-index: 10; padding: 12px 0; } 
#header .container { display: flex; align-items: center; justify-content: space-between; } 
#header .menu { display: flex; gap: 36px; } 
#header .link { text-transform: uppercase; color: #D7D7E4; font-size: 15px; font-weight: 500; line-height: 20px; } 
#header .link:hover,
#header .link.active { color: #3B82F6; } 
#quick { display: flex; flex-direction: column; gap: 12px; position: fixed; right: 32px; top: 50%; transform: translateY(-50%); z-index: 3; } 


#offcanvas { width: 100%; background-color: rgba(0, 0, 1, 0.50); backdrop-filter: blur(10px); } 
#offcanvas .menu-container { flex-grow: 1; display: flex; flex-direction: column; padding: 100px 20px 80px; } 
#offcanvas .menu { display: flex; flex-direction: column; gap: 40px; } 
#offcanvas .menu .link { color: #D7D7E4; font-size: 24px; font-weight: 600; line-height: 30px; letter-spacing: -0.48px; } 
#offcanvas .sns { display: flex; gap: 12px; margin-top: auto; } 
#offcanvas .sns img { max-width: 44px; } 
 
#visual { position: relative; overflow: hidden; } 
#visual .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } 
#visual .wide .visual-title { color: #D7D7E4; font-size: 72px; font-weight: 600; line-height: 80px; letter-spacing: -1.44px; margin-bottom: 32px; } 
#visual .wide .visual-subtitle { color: #D7D7E4; font-size: 24px; line-height: 30px; letter-spacing: -0.48px; margin-bottom: 42px; } 
#visual .wide .brand-list-container { display: flex; } 
#visual .wide .brand-group { display: flex; align-items: flex-start; gap: 12px; } 
#visual .wide .brand-group:first-of-type { border-right:1px solid rgba(255, 255, 255, 0.30); padding-right: 32px; margin-right: 32px; } 
#visual .wide .brand-title { color: #D7D7E4; font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -0.4px; } 
#visual .wide .brand-item { color: #D7D7E4; font-size: 18px; line-height: 24px; letter-spacing: -0.36px; } 
#visual .wide .brand-item-list { gap: 8px; } 
#visual .wide .botton { display: flex; width: 240px; height: 60px; padding: 0 20px; justify-content: space-between; align-items: center; color: var(--Colors-Grey-Color-Light-Base10, #FFF); background: var(--Colors-Brand-Color-Light-Primary-Variant, #1D4FD9); font-size: 18px; font-weight: 500; line-height: 26px; font-family: "Pretendard"; margin-top: 42px; text-transform: none; margin-right: auto; } 
#visual #vegas { width:100%; height: calc(100vh - 96px); background: #000001; } 

#type { background: var(--Colors-Brand-Color-Light-Secondary, #001A61); padding: 80px 0 0; } 
#type .type-title { font-size: 48px; font-weight: 700; line-height: 52px; letter-spacing: -0.96px; margin-bottom: 40px; } 
#type .type-subtitle { font-size: 32px; font-weight: 500; line-height: 32px; letter-spacing: -0.64px; margin-bottom: 12px; } 
#type .type-description { color: #D7D7E4; font-size: 18px; line-height: 22px; margin-bottom: 32px; } 
#type .table-container { display: flex; gap: 104px; } 
#type .table-container .img { display: block; margin-bottom: auto; min-width: 0; } 
#type .table-container .row-16 {width: 100%; display: flex; flex-direction: column; gap: 16px}
#type .table-container .row-16 .t24 {color: #FFF;font-size: 24px;font-weight: 500; line-height: 24px; letter-spacing: -0.48px;}
#type table { font-size: 16px; line-height: 22px; letter-spacing: -0.32px; border-spacing: 1px; border-collapse: separate; width: 100%; } 
#type table th { padding: 23px; font-weight: 400; background: var(--Colors-Brand-Color-Light-Primary-Variant, #1D4FD9); } 
#type table td { padding: 23px; background: rgba(0, 0, 0, 0.25); } 

#type .md,
#type .sm { display: none; } 

#purchase { background: #000001; padding-top: 100px; } 
#purchase .container { display: flex; flex-direction: column; gap: 40px; } 
#purchase .title-container { display: flex; align-items: flex-start; justify-content: space-between; } 
#purchase .purchase-title { color: #D7D7E4; font-size: 48px; font-weight: 500; line-height: 52px; letter-spacing: -0.96px; width: 100%; } 
#purchase .step-note { display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 12px; } 
#purchase .note-title { font-size: 24px; font-weight: 500; line-height: 24px; } 
#purchase .note-sub-title { font-size: 18px; line-height: 22px; } 
#purchase .procedure-title { color: #D7D7E4; font-size: 32px; font-weight: 500; line-height: 32px; letter-spacing: -0.64px; } 
#purchase .step { display: flex; gap: 8px; } 
#purchase button { display: flex; flex-direction: column; width: 100%; position: relative; text-align: left; padding: 32px 34px; gap: 32px; border: 1px solid #1F2937; background: #090C15 url('../img/Frame 1707482391.png')no-repeat right top; background-size: 48px; transition: .25s; } 
#purchase button:hover { border: 1px solid #3B82F6; background: #090C15 url('../img/Frame 1707482392.png')no-repeat right top; } 
#purchase .step-number { color: var(--Colors-Brand-Color-Light-Primary, #3B82F6); font-size: 44px; font-weight: 700; line-height: 48px; letter-spacing: -0.88px; display: flex; flex-direction: column; gap: 20px; } 
#purchase .step-title { color: var(--Colors-Brand-Color-Light-Primary, #3B82F6); font-size: 24px; font-weight: 500; line-height: 24px; letter-spacing: -0.48px; } 
#purchase .step-content { color: #D7D7E4; font-size: 16px; line-height: 22px; letter-spacing: -0.32px; display: flex; flex-direction: column; gap: 10px; } 
#purchase .step-content-title { font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -0.4px; } 
#purchase .icon { margin: auto; } 


#faq { background: #001A61; padding-bottom: 104px; } 
#faq .container { margin-top: -58px; display: flex; flex-direction: column; gap: 40px; } 
#faq .faq-title { font-size: 48px; font-weight: 500; line-height: 52px; letter-spacing: -0.96px; } 
#faq .swiper { width: 100%; } 
#faq .swiper-wrapper { flex-direction: column; gap: 16px; } 
#faq .swiper-slide { display: flex; flex-direction: column; gap: 10px; padding: 30px 72px; background: #00071A; } 
#faq .icon { position: absolute; top: 0; left: 0; } 
#faq .question { font-size: 20px; font-weight: 500; line-height: 28px;  } 
#faq .answer { color: #D7D7E4; font-size: 16px; line-height: 22px; letter-spacing: -0.32px; } 


#used { background: #001A61; padding-bottom: 48px; } 
#used .title-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } 
#used .used-title { font-size: 48px; font-weight: 500; line-height: 52px; text-transform: uppercase; } 
#used .buttons { display: flex; gap: 8px; } 
#used .swiper-prev,
#used .swiper-next { display: flex; border: 1px solid #FFF; width: 60px; height: 60px; justify-content: center; align-items: center; transition: .25s; } 
#used .swiper-prev:hover,
#used .swiper-next:hover { border-color: #1D4FD9; background-color: #1D4FD9; } 
#used .swiper-slide { display: flex; flex-wrap: wrap; gap: 40px 32px; } 
#used .swiper-slide .img { max-width: calc(33.333% - 64px / 3); position: relative; } 
#used .swiper-slide .img { top:50px; opacity: 0; transition: .8s; } 
#used .swiper-slide-active .img { top: 0; opacity: 1; } 
#used .swiper-slide-active .img:nth-of-type(2) { transition-delay: 0.3s; } 
#used .swiper-slide-active .img:nth-of-type(3) { transition-delay: 0.6s; } 
#used .swiper-slide-active .img:nth-of-type(4) { transition-delay: 0.9s; } 
#used .swiper-slide-active .img:nth-of-type(5) { transition-delay: 1.2s; } 
#used .swiper-slide-active .img:nth-of-type(6) { transition-delay: 1.5s; } 

#contact { background: #000001; padding-bottom: 100px; } 
#contact * { font-family: "Pretendard"; } 
#contact .container { max-width: 936px; } 
#contact .contact-title { text-align: center; font-size: 48px; font-weight: 500; line-height: 52px; letter-spacing: -0.96px; margin-bottom: 10px; } 
#contact .contact-description { color: #D7D7E4; text-align: center; font-size: 18px; line-height: 24px; margin-bottom: 40px; } 
#contact .contact-form { padding: 20px 0; display: flex; flex-direction: column; gap: 16px; } 
#contact .form-row { display: flex; align-items: center; gap: 16px; } 
#contact .form-group-left { min-width: 260px; } 
#contact .form-group-left label { font-size: 18px; line-height: 26px; display: flex; align-items: center; gap: 8px; } 
#contact .form-group-left span { color: var(--Colors-Brand-Color-Light-Primary, #3B82F6); font-size: 14px; font-weight: 500; line-height: 20px; } 
#contact .form-group-right { width: 100%; display: flex; flex-direction: column; gap: 12px; } 
#contact .form-group-right input:not([type="radio"],[type="checkbox"]) { outline: none; width: 100%; border: 1px solid #365381; background: #090C15; height: 52px; padding: 0 14px; font-size: 14px; line-height: 20px; transition: .25s; } 
#contact .form-group-right input:not([type="radio"],[type="checkbox"])::placeholder,
#contact .form-group-right textarea::placeholder { color: #A4ADBF; } 
#contact .form-group-right select { outline: none; width: 100%; border: 1px solid #365381; height: 52px; padding: 0 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 14px; line-height: 20px; background:#090C15 url('../img/ic_drop_down_24.svg')no-repeat right 14px center; transition: .25s; } 
#contact .form-group-right input:not([type="radio"],[type="checkbox"]):focus,
#contact .form-group-right select:focus { border: 1px solid var(--Colors-Brand-Color-Light-Primary, #3B82F6); } 
#contact .form-note { font-size: 14px; line-height: 20px; } 
#contact textarea { display: block; resize: none; height: 108px; padding: 12px 14px; font-size: 13px; line-height: 18px; border: 1px solid #365381; background: #090C15; width: 100%; } 
#contact .radio-group { display: flex; gap: 12px 16px; flex-wrap: wrap; } 
#contact .radio-group input { display: none; } 
#contact .radio-group label { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 20px; cursor: pointer; } 
#contact .radio-group label span { width: 24px; height: 24px; display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.75C13.3048 2.75 14.5144 2.99222 15.6318 3.46582C16.7611 3.94449 17.7398 4.60116 18.5693 5.43066C19.3988 6.26017 20.0555 7.23887 20.5342 8.36816C21.0078 9.48561 21.25 10.6952 21.25 12C21.25 13.3212 21.0074 14.5409 20.5342 15.6572C20.0555 16.7865 19.3988 17.7652 18.5693 18.5947C17.741 19.423 16.7638 20.0735 15.6367 20.542L15.6348 20.543C14.5175 21.0119 13.3068 21.25 12 21.25C10.6769 21.25 9.45598 21.0115 8.33984 20.543C7.20947 20.0684 6.23237 19.4218 5.40527 18.5947C4.57689 17.7663 3.92651 16.7893 3.45801 15.6621C2.99281 14.5429 2.75 13.3212 2.75 12C2.75 10.6932 2.98805 9.48251 3.45703 8.36523C3.93156 7.2348 4.57819 6.2578 5.40527 5.43066C6.23477 4.60117 7.21349 3.94449 8.34277 3.46582C9.45915 2.99262 10.6788 2.75 12 2.75Z' stroke='%23365381' stroke-width='1.5'/%3E%3C/svg%3E")no-repeat center; transition: .15s; } 
#contact .radio-group input:checked + label span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3C13.2732 3 14.4501 3.2354 15.5352 3.69531C16.6358 4.16187 17.5866 4.80147 18.3926 5.60742C19.1985 6.41337 19.8381 7.3642 20.3047 8.46484C20.7646 9.54988 21 10.7268 21 12C21 13.2898 20.7639 14.4762 20.3047 15.5596C19.8381 16.6603 19.1986 17.612 18.3926 18.418C17.5881 19.2224 16.6389 19.8552 15.541 20.3115L15.5381 20.3125C14.4534 20.7678 13.2758 21 12 21C10.7076 21 9.52062 20.7671 8.4375 20.3125C7.33502 19.8497 6.385 19.2209 5.58203 18.418C4.77753 17.6135 4.14481 16.6642 3.68848 15.5664C3.23654 14.4791 3 13.29 3 12C3 10.7242 3.23219 9.54661 3.6875 8.46191C4.15022 7.35964 4.77922 6.41029 5.58203 5.60742C6.38803 4.80142 7.3397 4.16188 8.44043 3.69531C9.52385 3.23613 10.7102 3 12 3Z' stroke='%233B82F6' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%233B82F6'/%3E%3C/svg%3E")no-repeat center; } 
#contact .checkbox-group { display: flex; gap: 12px 16px; flex-wrap: wrap; } 
#contact .checkbox-group input { display: none; } 
#contact .checkbox-group label { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 20px; cursor: pointer; } 
#contact .checkbox-group label span { width: 24px; height: 24px; display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.69406 20C5.22347 20 4.82347 19.8353 4.49406 19.5059C4.16464 19.1765 3.99994 18.7765 3.99994 18.3059V5.69412C3.99994 5.22353 4.16464 4.82353 4.49406 4.49412C4.82347 4.16471 5.22347 4 5.69406 4H18.3058C18.7764 4 19.1764 4.16471 19.5058 4.49412C19.8352 4.82353 19.9999 5.22353 19.9999 5.69412V18.3059C19.9999 18.7765 19.8352 19.1765 19.5058 19.5059C19.1764 19.8353 18.7764 20 18.3058 20H5.69406ZM5.69406 18.5882H18.3058C18.3686 18.5882 18.4313 18.5569 18.4941 18.4941C18.5568 18.4314 18.5882 18.3686 18.5882 18.3059V5.69412C18.5882 5.63137 18.5568 5.56863 18.4941 5.50588C18.4313 5.44314 18.3686 5.41176 18.3058 5.41176H5.69406C5.63131 5.41176 5.56857 5.44314 5.50582 5.50588C5.44308 5.56863 5.4117 5.63137 5.4117 5.69412V18.3059C5.4117 18.3686 5.44308 18.4314 5.50582 18.4941C5.56857 18.5569 5.63131 18.5882 5.69406 18.5882Z' fill='%23365381'/%3E%3C/svg%3E")no-repeat center; transition: .15s; } 
#contact .checkbox-group input:checked + label span { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.69406 20C5.22347 20 4.82347 19.8353 4.49406 19.5059C4.16464 19.1765 3.99994 18.7765 3.99994 18.3059V5.69412C3.99994 5.22353 4.16464 4.82353 4.49406 4.49412C4.82347 4.16471 5.22347 4 5.69406 4H18.3058C18.7764 4 19.1764 4.16471 19.5058 4.49412C19.8352 4.82353 19.9999 5.22353 19.9999 5.69412V18.3059C19.9999 18.7765 19.8352 19.1765 19.5058 19.5059C19.1764 19.8353 18.7764 20 18.3058 20H5.69406ZM10.6823 15.2706C10.7921 15.2706 10.8981 15.2508 11.0004 15.2113C11.1021 15.1724 11.1921 15.1137 11.2705 15.0353L16.5411 9.76471C16.6666 9.63922 16.7294 9.48235 16.7294 9.29412C16.7294 9.10588 16.6588 8.94118 16.5176 8.8C16.3764 8.65882 16.2076 8.58824 16.0112 8.58824C15.8155 8.58824 15.6548 8.65882 15.5294 8.8L10.6823 13.6471L8.47053 11.4353C8.34504 11.3098 8.18817 11.2471 7.99994 11.2471C7.8117 11.2471 7.647 11.3176 7.50582 11.4588C7.36464 11.6 7.29406 11.7647 7.29406 11.9529C7.29406 12.1412 7.36464 12.3059 7.50582 12.4471L10.0941 15.0353C10.1725 15.1137 10.2628 15.1724 10.3651 15.2113C10.4668 15.2508 10.5725 15.2706 10.6823 15.2706Z' fill='%233B82F6'/%3E%3C/svg%3E")no-repeat center; } 
#contact .form-row-full { padding-left: 276px; } 
#contact .submit-button { font-size: 18px; font-weight: 500; line-height: 26px; display: flex; width: 100%; height: 52px; padding: 10px; justify-content: center; align-items: center; background: var(--Colors-Brand-Color-Light-Primary-Variant, #1D4FD9); border: 0; margin-top: 24px; } 

#footer { display: flex; padding: 48px 10px; justify-content: center; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.10); background: #000001; color: rgba(255, 255, 255, 0.70); font-family: "Pretendard"; font-size: 15px; line-height: 20px; } 


.modal .modal-dialog { max-width: 600px; padding: 20px; } 
.modal .modal-content { border: 0; padding: 40px 24px; gap: 20px; border-radius: 12px; } 
.modal .close { position: absolute; right: 8px; top: 8px; } 
.modal .step-number { color: var(--Colors-Brand-Color-Light-Primary, #3B82F6); font-size: 44px; font-weight: 700; line-height: 48px; letter-spacing: -0.88px; display: flex; align-items: center; gap: 8px; } 
.modal .step-title { color: var(--Colors-Brand-Color-Light-Primary, #3B82F6); font-size: 32px; font-weight: 700; line-height: 28px; letter-spacing: -0.64px; } 
.modal .step-content { color: var(--Colors-Grey-Color-Grey30, #666); font-size: 16px; line-height: 22px; display: flex; flex-direction: column; gap: 6px; } 
.modal .step-content-title { font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -0.4px; color: var(--Colors-Grey-Color-Black, #000); margin-bottom: 6px; } 




@media (max-width: 1384px) { 
#type .full,
#type .sm { display: none; } 
#type .md { display: block; } 
#purchase .container { flex-wrap: wrap; row-gap: 32px; } 
#purchase .flex-column { max-width: calc(33.333% - 64px / 3); } 
#purchase .icon:nth-of-type(3) { display: none; } 
 } 
 
 @media (max-width: 1024px) { 

 #header .logo { max-width: 140px; } 
 #type .table-container { flex-direction: column; gap: 32px; } 
 #type .table-container .img { width: unset; margin: auto; } 
 #contact .form-group-left { min-width: 200px; } 
 } 


 @media (max-width: 768px) { 
 .wide { display: none !important; } 
 .narrow { display: block; } 

 #visual #vegas { height: calc(100vh - 65px); } 
 #visual .narrow .visual-title { color: #D7D7E4; font-size: 40px; font-weight: 600; line-height: 46px; letter-spacing: -0.8px; margin-bottom: 16px; } 
 #visual .narrow .visual-subtitle { color: #D7D7E4; font-size: 15px; line-height: 20px; letter-spacing: -0.3px; margin-bottom: 24px; } 
 #visual .narrow .botton { display: flex; width: 160px; height: 48px; padding: 0 14px; justify-content: space-between; align-items: center; color: var(--Colors-Grey-Color-Light-Base10, #FFF); background: var(--Colors-Brand-Color-Light-Primary-Variant, #1D4FD9); font-size: 12px; font-weight: 500; line-height: 16px; font-family: "Pretendard"; text-transform: none; margin-right: auto; } 

 #type { padding-top: 50px; } 
 #type .type-title { font-size: 24px; font-weight: 700; line-height: 26px; letter-spacing: -0.48px; margin-bottom: 32px; } 
 #type .type-subtitle { font-size: 18px; font-weight: 500; line-height: 16px; letter-spacing: -0.36px; } 
 #type .type-description { font-size: 14px; line-height: 18px; margin-bottom: 32px; } 
 #type .table-container .img { width: 100%; } 
 #type table { font-size: 14px; line-height: 18px; letter-spacing: -0.28px; } 
 #type table th { padding: 16px 20px; } 
 #type table td { padding: 16px 20px; } 
 #type .md { display: none; } 
 #type .sm { display: block; } 
 
 #purchase { padding-top: 60px; } 
 #purchase .container { gap: 32px; } 
 #purchase .title-container { flex-direction: column; gap: 8px; } 
 #purchase .purchase-title { font-size: 24px; font-weight: 700; line-height: 26px; letter-spacing: -0.48px; } 
 #purchase .step-note { gap: 8px; } 
 #purchase .note-title { font-size: 18px; line-height: 20px; letter-spacing: -0.36px; } 
 #purchase .note-sub-title { font-size: 14px; line-height: 18px; letter-spacing: -0.28px; } 
 #purchase .procedure-title { font-size: 18px; line-height: 16px; letter-spacing: -0.36px; } 
 #purchase .step { flex-direction: column; row-gap: 8px; } 
 #purchase button { max-width: unset; padding: 22px 24px; gap: 16px; } 
 #purchase .step-title { font-size: 22px; letter-spacing: -0.44px; } 
 #purchase .step-content { font-size: 14px; line-height: 18px; letter-spacing: -0.28px; } 
 #purchase .step-content-title { font-size: 18px; line-height: 1; letter-spacing: -0.36px; } 
 #purchase .icon { transform: rotate(90deg); } 
 #purchase .icon:nth-of-type(3) { display: block; } 

 #faq { padding-bottom: 80px; } 
 #faq .container { margin-top: 0; gap: 32px; } 
 #faq .faq-title { font-size: 24px; font-weight: 700; line-height: 26px; letter-spacing: -0.48px; } 
 #faq .swiper-wrapper { flex-direction: row; gap: 0; } 
 #faq .swiper-slide { height: auto; padding: 44px 30px; gap: 10px; } 
 #faq .icon { max-width: 36px; } 
 #faq .question { font-size: 18px; line-height: 18px; } 
 #faq .answer { font-size: 14px; line-height: 18px; letter-spacing: -0.28px; } 

 #used { padding-bottom: 16px; } 
 #used .title-container { margin-bottom: 32px; } 
 #used .used-title { font-size: 24px; font-weight: 700; line-height: 26px; } 
 #used .swiper-prev,
 #used .swiper-next { width: 48px; height: 48px; } 
 #used .swiper-slide { gap: 16px; } 
 #used .swiper-slide .img { max-width: calc(50% - 8px); } 

 #contact { padding: 40px 0; } 
 #contact .contact-title { font-size: 24px; line-height: 28px; letter-spacing: -0.48px; margin-bottom: 8px; } 
 #contact .contact-description { font-size: 16px; margin-bottom: 32px; } 
 #contact .contact-form { gap: 24px; } 
 #contact .form-row { flex-direction: column; gap: 8px; align-items: flex-start; } 
 #contact .form-group-left { min-width: unset; } 
 #contact .form-group-left label { font-size: 15px; line-height: 22px; gap: 4px; } 
 #contact .form-group-left span { font-size: 13px; line-height: 18px; } 
 #contact .form-note { font-size: 13px; line-height: 18px; } 
 #contact .radio-group { gap: 12px; } 
 #contact .checkbox-group { gap: 12px; } 
 #contact .form-row-full { padding-left: 0; } 
 #contact .submit-button { font-size: 12px; line-height: 16px; height: 48px; margin-top: 0; } 

 #footer { padding: 24px 10px; font-size: 13px; line-height: 18px; } 


 .modal .step-number { font-size: 40px; line-height: 44px; letter-spacing: -0.8px; flex-direction: column; align-items: flex-start; } 
 .modal .step-title { font-size: 30px; line-height: 34px; letter-spacing: -0.6px; } 
 .modal .step-content { font-size: 15px; line-height: 24px; gap: 4px;} 
 .modal .step-content-title { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0; margin-bottom: 4px; } 


 }