@charset "utf-8"; 

/* =========================================================
 CONTACT / BOARD COMMON
========================================================= */



.bar { width: 4rem; height: 3px; margin: 2rem 0; background: var(--color-point); } 

.m-tit { margin-bottom: 1rem; color: var(--color-txt); font-size: 1.8rem; font-weight: 600; } 
.essential { color: var(--color-point01); font-size: 3rem; font-family: 'Pretendard-ExtraBold', sans-serif; line-height: 0; } 
.type-wr ul li span { color: var(--color-txt); } 
.recall-wr input[type="text"] { width: 50%; } 
.cke_sc { display: none; } 
.cate-wr { flex-wrap: wrap; gap: 1rem 3rem; } 
.wr_content textarea { height: 14rem !important; } 


.board_v_nb { position: relative; width: 100%; margin: 3rem 0; border-top: 1px solid #eaeaea; } 
.board_v_nb li { height: 5rem; padding: 0 3rem; border-bottom: 1px solid #eaeaea; } 
.board_v_nb li .nb_tit { display: inline-block; width: 10rem; } 
.board_v_nb li a { width: calc(100% - 10rem); } 
.board_list a { display: inline-block; width: 14rem; height: auto; line-height: 1; padding: 1.7rem 1.5rem; border-radius: 1rem; background: #f4f4f4; border: 1px solid #d9d9d9; color: #464646; font-size: 1.6rem; font-weight: 500; text-align: center; cursor: pointer; } 

@media all and (max-width:600px) { 
 .bo_v_nb li .icon { width: 5rem; } 
 .bo_v_nb li a { min-width: 82px; } 
 } 

/* =========================================================
 CAPTCHA
========================================================= */

#captcha { display: flex !important; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: 4rem; } 
#captcha legend label { opacity: 0; } 
#captcha #captcha_key { margin: 0 !important; } 
#captcha #captcha_img { width: auto; } 
#captcha #captcha_info { width: 100%; color: var(--color-txt); font-weight: 100; } 
#captcha #captcha_img,
#captcha #captcha_key,
#captcha #captcha_mp3,
#captcha #captcha_reload { margin-right: .5rem !important; } 


/* =========================================================
 SUB TITLE
========================================================= */

.sub-tit-wr .tit { display: none; } 

.support .sub-tit-wr::after { 
 content: 'CONTACT'; 
 position: absolute; 
 top: 23rem; 
 left: 50%; 
 z-index: 1; 
 color: #fff; 
 font-family: 'Pretendard-Bold', sans-serif; 
 font-size: 2.8rem; 
 transform: translateX(-50%); 
 } 


/* =========================================================
 TABLE
========================================================= */

.ta-st { width: 60% !important; border-top: 2px solid var(--color-point) !important; } 
.ta-st th { font-size: 1.6rem !important; } 
.ta-st td { padding: 1rem !important; } 


/* =========================================================
 BOARD CATEGORY / LIST
========================================================= */

#bo_cate { margin-bottom: 3.5rem; text-align: center; } 

#bo_cate h2 { 
 position: absolute; 
 overflow: hidden; 
 font-size: 0; 
 line-height: 0; 
 } 

#bo_cate ul { 
 display: flex; 
 justify-content: center; 
 flex-wrap: wrap; 
 gap: 1rem; 
 zoom: 1; 
 } 

#bo_cate ul::after { display: block; visibility: hidden; clear: both; content: ""; } 
#bo_cate li { display: inline-block; margin: 0; } 

#bo_cate a { 
 display: block; 
 padding: 1.2rem 2.2rem; 
 border: 1px solid rgba(8, 60, 121, .12); 
 border-radius: 99rem; 
 background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); 
 color: #4b5563; 
 font-size: 1.7rem; 
 font-weight: 600; 
 transition: all .2s ease; 
 } 

#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active { text-decoration: none; } 

#bo_cate a:hover { 
 border-color: rgba(8, 60, 121, .26); 
 color: var(--color-point); 
 box-shadow: 0 .8rem 2rem rgba(17, 32, 56, .06); 
 } 

#bo_cate #bo_cate_on { 
 position: relative; 
 z-index: 2; 
 border-color: rgba(8, 60, 121, .22); 
 background: linear-gradient(180deg, rgba(8, 60, 121, .09) 0%, rgba(8, 60, 121, .04) 100%); 
 color: var(--color-point); 
 font-weight: 700; 
 box-shadow: 0 .8rem 2rem rgba(17, 32, 56, .08); 
 } 

#bo_cate #bo_cate_on::before { display: none; } 
#bo_cate #bo_cate_on::after { margin-left: .5em; filter: brightness(0); content: url(/theme/basic/img/icon_ar_bt.svg); } 

.td_subject img { margin-left: 3px; } 

.tbl_head01 td { text-align: center; } 
.tbl_head01 td.td_subject { text-align: left; } 

#bo_list .tbl_wrap { border-top: 2px solid var(--color-point); } 
#bo_list .tbl_head01 tbody tr { transition: background-color .2s ease; } 
#bo_list .tbl_head01 tbody tr:hover { background: #f8fafc; } 
#bo_list .tbl_head01 td { padding-top: 1.8rem; padding-bottom: 1.8rem; border-color: rgba(8, 60, 121, .08); } 


/* 게시판 목록 공통 */
.selec_chk { position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 0; overflow: hidden; opacity: 0; outline: 0; } 
.chk_box { position: relative; } 

.chk_box input[type="checkbox"] + label { position: relative; color: #676e70; } 
.chk_box input[type="checkbox"] + label:hover { color: #2172f8; } 

.chk_box input[type="checkbox"] + label span { 
 display: block; 
 float: left; 
 width: 15px; 
 height: 15px; 
 border: 1px solid #d0d4df; 
 border-radius: 3px; 
 background: #fff; 
 } 

.write_div .chk_box input[type="checkbox"] + label,
.bo_vc_w .chk_box input[type="checkbox"] + label { padding-left: 20px; } 

.write_div .chk_box input[type="checkbox"] + label span,
.bo_vc_w .chk_box input[type="checkbox"] + label span { 
 position: absolute; 
 top: 2px; 
 left: 0; 
 display: block; 
 width: 15px; 
 height: 15px; 
 margin: 0; 
 border: 1px solid #d0d4df; 
 border-radius: 3px; 
 background: #fff; 
 } 

.chk_box input[type="checkbox"]:checked + label { color: #000; } 
.chk_box input[type="checkbox"]:checked + label span { border-color: #1471f6; border-radius: 3px; background: url(./img/chk.png) no-repeat 50% 50% #3a8afd; } 

#bo_btn_top { margin: 10px 0; } 
#bo_btn_top::after,
.bo_fx::after { display: block; visibility: hidden; clear: both; content: ""; } 

.bo_fx { float: right; margin-bottom: 5px; zoom: 1; } 
.bo_fx ul,
.btn_bo_user,
.btn_bo_adm { margin: 0; padding: 0; list-style: none; } 

#bo_list_total { float: left; color: #4e546f; font-size: .92em; line-height: 34px; } 

.btn_bo_user { float: right; } 
.btn_bo_user li { float: left; width: 40px; margin-left: 5px; text-align: center; } 
.btn_bo_user > li { position: relative; } 

.btn_bo_adm { float: left; } 
.btn_bo_adm li { float: left; margin-right: 5px; } 
.btn_bo_adm input { padding: 0 8px; border: 0; background: #d4d4d4; color: #666; vertical-align: middle; text-decoration: none; } 

.bo_notice td { border-bottom: 1px solid #ddd; } 
.bo_notice td a { color: var(--color-point2); font-weight: bold; } 
.bo_notice td a.bo_cate_link { background: var(--color-point2); color: #fff; } 
.bo_notice .notice_icon { display: inline-block; border-radius: 5px; color: #f9267f; font-weight: bold; line-height: 25px; } 

.more_opt { 
 display: none; 
 position: absolute; 
 top: 45px; 
 right: 0; 
 z-index: 999; 
 border: 1px solid #b8bfc4; 
 background: #fff; 
 } 

.more_opt::before,
.more_opt::after { 
 position: absolute; 
 right: 13px; 
 width: 0; 
 height: 0; 
 border-style: solid; 
 content: ""; 
 } 

.more_opt::before { top: -8px; border-width: 0 6px 8px; border-color: transparent transparent #b8bfc4; } 
.more_opt::after { top: -6px; border-width: 0 6px 8px; border-color: transparent transparent #fff; } 

.more_opt li { float: inherit; width: 90px; margin: 0; padding: 10px; border-bottom: 1px solid #f1f1f1; color: #6b757c; text-align: left; } 
.more_opt li:last-child { border-bottom: 0; } 
.more_opt li button,
.more_opt li a { width: 100%; border: 0; background: #fff; color: #6b757c; } 
.more_opt li:hover a,
.more_opt li:hover button { color: #000; } 
.more_opt li i { float: right; line-height: 20px; } 

.td_num strong { color: #000; } 
.bo_cate_link { display: inline-block; padding: .5em .7em; border-radius: .3em; background: var(--color-bg); color: var(--color-point2); font-size: .85em; font-weight: normal !important; line-height: 1; } 
.bo_cate_link:hover { text-decoration: none; } 
.bo_current { color: #e8180c; } 


/* =========================================================
 BOARD WRITE - COMMON
========================================================= */

#char_count_desc { display: block; margin: 0 0 5px; padding: 0; } 
#char_count_wrap { margin: 5px 0 0; text-align: right; } 
#char_count { font-weight: bold; } 

#autosave_wrapper { position: relative; } 

#autosave_pop { 
 display: none; 
 position: absolute !important; 
 top: 34px; 
 right: 0; 
 z-index: 10; 
 width: 350px; 
 height: auto !important; 
 max-height: 180px; 
 border: 1px solid #565656; 
 background: #fff; 
 box-shadow: 2px 2px 3px rgba(0,0,0,.2); 
 } 

#autosave_pop::before,
#autosave_pop::after { 
 position: absolute; 
 right: 45px; 
 width: 0; 
 height: 0; 
 border-style: solid; 
 content: ""; 
 } 

#autosave_pop::before { top: -8px; border-width: 0 6px 8px; border-color: transparent transparent #000; } 
#autosave_pop::after { top: -7px; border-width: 0 6px 8px; border-color: transparent transparent #fff; } 

html.no-overflowscrolling #autosave_pop { height: auto; max-height: 10000px !important; } 
#autosave_pop strong { position: absolute; overflow: hidden; font-size: 0; line-height: 0; } 
#autosave_pop div { margin: 0 !important; text-align: center; } 
#autosave_pop button { margin: 0; padding: 0; border: 0; } 
#autosave_pop ul { height: 130px; padding: 15px; overflow-y: scroll; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e8e8e8; list-style: none; } 
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #fff; background: #eee; zoom: 1; } 
#autosave_pop li::after { display: block; visibility: hidden; clear: both; content: ""; } 
#autosave_pop a { display: block; float: left; } 
#autosave_pop span { display: block; float: right; color: #999; font-size: .92em; font-style: italic; } 

.autosave_close { width: 100%; height: 30px; padding: 0; border: 0; background: none; color: #888; font-size: .92em; font-weight: bold; cursor: pointer; } 
.autosave_close:hover { background: #f3f3f3; color: #3597d9; } 
.autosave_content { display: none; } 
.autosave_del { width: 20px; height: 20px; overflow: hidden; background: url(./img/close_btn.png) no-repeat 50% 50%; text-indent: -999px; } 


/* =========================================================
 BOARD COMMENT
========================================================= */

.cmt_btn { width: 100%; margin: 30px 0 0; padding: 0 0 15px; border: 0; border-bottom: 1px solid #f0f0f0; background: #fff; font-weight: bold; text-align: left; } 
.cmt_btn span.total { position: relative; display: inline-block; margin-right: 5px; color: #3a8afd; } 
.cmt_btn span.cmt_more { display: inline-block; float: right; width: 15px; height: 10px; margin-top: 5px; background: url(./img/btn_cmt.png) no-repeat right 2px; } 
.cmt_btn_op span.cmt_more { background-position: right -8px; } 
.cmt_btn b { color: #000; font-size: 1.2em; } 
.cmt_btn span.total::after { position: absolute; bottom: -17px; left: 0; display: inline-block; width: 100%; height: 2px; background: #3a8afd; content: ""; } 

#bo_vc h1,
#bo_vc h2 { position: absolute; overflow: hidden; font-size: 0; line-height: 0; } 

#bo_vc article { position: relative; margin: 20px 0; border-bottom: 1px solid #f0f0f0; } 
#bo_vc article::after,
#bo_vc header::after,
.bo_vc_w::after,
.bo_vc_w_info::after,
.bo_vc_w_wr::after,
#bo_vc_sns::after { display: block; visibility: hidden; clear: both; content: ""; } 

#bo_vc article .profile_img img { border-radius: 50%; } 
#bo_vc article .pf_img { float: left; margin-right: 10px; } 
#bo_vc article .pf_img img { width: 50px; height: 50px; border-radius: 50%; } 
#bo_vc article .cm_wrap { float: left; width: 90%; max-width: 870px; } 

#bo_vc header { position: relative; width: 100%; } 
#bo_vc header .profile_img { display: none; } 
#bo_vc header .icon_reply { position: absolute; top: 15px; left: -20px; } 
#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest { font-weight: bold; } 

.bo_vc_hdinfo { color: #777; } 
#bo_vc .cmt_contents { padding: 0 0 20px; line-height: 1.8em; } 
#bo_vc p a { text-decoration: underline; } 
#bo_vc p a.s_cmt { color: #ed6479; text-decoration: underline; } 
#bo_vc_empty { margin: 0; padding: 80px 0 !important; color: #777; text-align: center; } 
#bo_vc #bo_vc_winfo { float: left; } 
#bo_vc .bo_vl_opt { position: absolute; top: 0; right: 0; } 

.bo_vc_act { display: none; position: absolute; top: 40px; right: 0; z-index: 9999; width: 58px; margin: 0; border: 1px solid #b8bfc4; background: #fff; list-style: none; text-align: right; zoom: 1; } 
.bo_vc_act::before,
.bo_vc_act::after { position: absolute; right: 5px; width: 0; height: 0; border-style: solid; content: ""; } 
.bo_vc_act::before { top: -8px; border-width: 0 6px 8px; border-color: transparent transparent #b8bfc4; } 
.bo_vc_act::after { top: -6px; border-width: 0 6px 8px; border-color: transparent transparent #fff; } 
.bo_vc_act li { border-bottom: 1px solid #f0f0f0; } 
.bo_vc_act li:last-child { border-bottom: 0; } 
.bo_vc_act li a { display: inline-block; padding: 10px 15px; } 
.bo_vc_act li a:hover { color: #3a8afd; } 

.bo_vc_w { position: relative; display: block; margin: 10px 0; } 
.bo_vc_w h2 { position: absolute; overflow: hidden; font-size: 0; line-height: 0; } 
.bo_vc_w #char_cnt { display: block; margin: 0 0 5px; } 
.bo_vc_w textarea { width: 100%; height: 120px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; background: #fff; color: #000; vertical-align: middle; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } 
.bo_vc_w_info { float: left; margin: 10px 0; } 
.bo_vc_w_info .frm_input { float: left; margin-right: 5px; } 
.bo_vc_w_info #captcha { display: block; clear: both; padding-top: 10px; } 
.bo_vc_w .btn_confirm { clear: both; margin-top: 10px; } 
.bo_vc_w .btn_confirm label { display: inline-block; margin-right: 10px; border-radius: 3px; font-size: 1.5em; text-align: center; } 
.bo_vc_w .btn_submit { height: 45px; padding: 0 20px; border-radius: 3px; font-size: 1.083em; font-weight: bold; } 
.bo_vc_w .btn_confirm .secret_cm label { font-size: 1em !important; } 
.secret_cm { display: inline-block; float: left; } 

#bo_vc_send_sns { display: inline-block; float: left; } 
#bo_vc_sns { display: inline-block; margin: 0; padding: 0; list-style: none; zoom: 1; } 
#bo_vc_sns li { float: left; margin: 0 5px 0 0; } 
#bo_vc_sns .sns_li_f { height: 40px; padding-left: 10px; border-radius: 3px; background: #3a589b; line-height: 40px; } 
#bo_vc_sns .sns_li_t { height: 40px; padding-left: 10px; border-radius: 3px; background: #00aced; line-height: 40px; } 
#bo_vc_sns .sns_li_off { background: #bbb; } 
#bo_vc_sns a { display: inline-block; padding: 0 15px 0 5px; } 
#bo_vc_sns input { margin: 0 5px 0 0; } 


/* =========================================================
 BOARD WRITE / CONTACT FORM - FINAL
========================================================= */

#bo_w { width: 100%; margin: 0 auto; } 

#bo_w .bo_v_option li { display: inline-block; float: left; margin: 0 5px 0 0; text-align: left; } 
#bo_w .bo_v_option li label { vertical-align: baseline; } 
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-right: 5px; margin-left: 0; } 

#bo_w .write_div { position: relative; margin: 10px 0; } 
#bo_w .write_div::after,
#bo_w .bo_w_info::after { display: block; visibility: hidden; clear: both; content: ""; } 

#bo_w .bo_w_info .frm_input { float: left; margin-bottom: 1%; } 
#bo_w #wr_password,
#bo_w #wr_homepage { margin-left: 1%; } 

#bo_w .wr_content.smarteditor2 iframe { background: #fff; } 
#bo_w .bo_w_tit { position: relative; } 
#bo_w .bo_w_tit .frm_input { padding-right: 120px; } 
#bo_w .bo_w_tit #btn_autosave { position: absolute; top: 5px; right: 5px; height: 30px; line-height: 30px; } 

#bo_w .bo_w_link label,
#bo_w .bo_w_flie .lb_icon { position: absolute; top: 1px; left: 1px; width: 40px; height: 38px; border-radius: 3px 0 0 3px; color: #b2b2b2; font-size: 1.2em; line-height: 38px; text-align: center; } 

#bo_w .bo_w_link .frm_input { padding-left: 50px; } 
#bo_w .bo_w_flie .lb_icon { display: none; } 
#bo_w .bo_w_flie .frm_file { width: 14.6rem; height: 4rem; opacity: 0; cursor: pointer; } 
#bo_w .bo_w_flie .file_wr { position: relative; } 
#bo_w .bo_w_flie .frm_input { margin: 10px 0 0; } 
#bo_w .bo_w_flie .file_del { position: absolute; top: 10px; right: 10px; color: #7d7d7d; font-size: .92em; } 
#bo_w .bo_w_select select { width: 100%; height: 40px; border: 1px solid #d0d3db; border-radius: 3px; } 

#bo_w .form-section { position: relative; margin-bottom: 3rem; padding: 3.8rem; overflow: hidden; border: 1px solid rgba(8, 60, 121, .12); background:#fff; } 

#bo_w .form-section::before { position: absolute; top: 0; left: 0; width: 100%; height: .5rem; background: linear-gradient(90deg, var(--color-point) 0%, var(--color-point-or) 100%); content: ""; } 

#bo_w .form-section:last-of-type { margin-bottom: 0; } 

#bo_w .form-section-tit { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; color: #111; font-size: 2.8rem; font-weight: 700; letter-spacing: -.03em; } 

#bo_w .form-section-tit { position: relative; color: var(--color-point); font-size: 2rem; } 
#bo_w .form-section-tit::before { width: .6rem; height: 2rem; border-radius: 99rem; background: var(--color-point); box-shadow: 0 0 0 .6rem rgba(8,60,121,.08); content: ""; } 
#bo_w .form-section-tit small,#bo_w .agree-wr > .m-tit small { color: #7b8794; font-size: 1.4rem; font-weight: 500; } 

#bo_w .input-wr { padding: 0; list-style: none; } 
#bo_w .input-wr > li,#bo_w .text-wr,#bo_w .file-wr { min-width: 0; } 
#bo_w .input-wr > li,#bo_w .text-wr,#bo_w .file-wr .file-item { position: relative; padding: 2.2rem; border: 1px solid rgba(8,60,121,.08); border-radius: 1.8rem; background: #fff; box-shadow: inset 0 0 0 .1rem rgba(255,255,255,.7); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } 
#bo_w .input-wr > li:focus-within,#bo_w .text-wr:focus-within,#bo_w .file-wr .file-item:focus-within { border-color: rgba(8,60,121,.22); box-shadow: 0 1rem 2.4rem rgba(17,32,56,.06); transform: translateY(-2px); } 

#bo_w .text-wr + .text-wr { margin-top: 2.4rem; } 

#bo_w .m-tit { margin-bottom: 1.2rem; color: #1a1a1a; font-size: 1.7rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.45; } 
#bo_w .m-tit em { margin-left: .4rem; color: var(--color-point-or); font-style: normal; font-weight: 700; } 
#bo_w .text-wr .m-tit { margin-bottom: 1.4rem; } 

#bo_w .input-wr input[type="text"],#bo_w .input-wr input[type="email"],#bo_w .input-wr input[type="date"],#bo_w .input-wr select,#bo_w .input-wr textarea,#bo_w input[type="file"] { width: 100%; box-sizing: border-box; border: 1px solid var(--color-border); border-radius: calc(var(--border-ra) / 2); background: linear-gradient(180deg, #fbfcfd 0%, #f4f7fa 100%); color: #1f2933; font-family: 'Pretendard-Regular', sans-serif; font-size: 1.6rem; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } 

#bo_w .input-wr input[type="text"],
#bo_w .input-wr input[type="email"],
#bo_w .input-wr input[type="date"],
#bo_w .input-wr select { height: 5.6rem; padding: 0 1.8rem; } 

#bo_w .input-wr textarea { min-height: 17rem; height: auto; padding: 1.8rem 2rem; line-height: 1.75; resize: vertical; } 

#bo_w .input-wr input::placeholder,
#bo_w .input-wr textarea::placeholder { color: #8a97a6; } 

#bo_w .input-wr input:focus,
#bo_w .input-wr select:focus,
#bo_w .input-wr textarea:focus,
#bo_w input[type="file"]:focus { 
 border-color: rgba(8,60,121,.55); 
 outline: none; 
 background: #fff; 
 box-shadow: 0 0 0 .5rem rgba(8,60,121,.08); 
 } 

#bo_w .input-wr select { 
 padding-right: 4.5rem; 
 appearance: none; 
 -webkit-appearance: none; 
 background-color: #f4f7fa; 
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E"); 
 background-repeat: no-repeat; 
 background-position: right 1.8rem center; 
 background-size: 1.4rem auto; 
 } 

#bo_w .radio-wr { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem !important; min-height: 5.2rem; padding: 0; } 

#bo_w .radio-wr label,
#bo_w .agree-radio label { 
 position: relative; 
 display: inline-flex; 
 align-items: center; 
 gap: .8rem; 
 min-height: 5.2rem; 
 padding: 1.3rem 1.8rem; 
 border: 1px solid #d8e0e8; 
 border-radius: 99rem; 
 background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); 
 color: #334155; 
 font-size: 1.5rem; 
 font-weight: 500; 
 cursor: pointer; 
 transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; 
 } 

#bo_w .radio-wr label:hover,
#bo_w .agree-radio label:hover { border-color: rgba(8,60,121,.35); background: #fff; } 

#bo_w .radio-wr label:has(input:checked),
#bo_w .agree-radio label:has(input:checked) { 
 border-color: rgba(8,60,121,.45); 
 background: linear-gradient(180deg, rgba(8,60,121,.1) 0%, rgba(8,60,121,.05) 100%); 
 color: var(--color-point); 
 box-shadow: inset 0 0 0 .1rem rgba(8,60,121,.08); 
 } 

#bo_w input[type="radio"],
#bo_w input[type="checkbox"] { width: 1.9rem; height: 1.9rem; margin: 0; accent-color: var(--color-point); cursor: pointer; } 

#bo_w .file-wr { padding: 0; border: 0; background: transparent; } 
#bo_w .file-wr .m-tit small { display: inline-block; margin-left: .6rem; color: #7b8794; font-size: 1.3rem; font-weight: 500; } 
#bo_w .file-wr .file-item { border-color: rgba(8,60,121,.08); } 
#bo_w .file-wr .file-item:first-of-type { padding-top: 0; } 

#bo_w input[type="file"] {padding: 1.5rem; cursor: pointer; } 
#bo_w input[type="file"]::file-selector-button { margin-right: 1.2rem; padding: 1rem ; border: 0; border-radius: 99rem; background: var(--color-point); color: #fff; font-family: inherit; font-size: 1.4rem; font-weight: 600; cursor: pointer; } 

#bo_w .file-del { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px dashed #d8e0e8; color: #667085; font-size: 1.3rem; } 
#bo_w .file-del label { display: inline-flex; align-items: center; gap: .6rem; cursor: pointer; } 

#bo_w .help { margin-top: 1rem; color: #51606f; font-size: 1.5rem; } 

#bo_w .agree-wr { gap: 0; } 
#bo_w .agree-wr .agree { height: auto; max-height: 30rem; padding: 2rem; overflow-y: auto; border: 1px solid rgba(8,60,121,.1); border-radius: var(--border-ra); background: linear-gradient(180deg, #f8fafc 0%, #f2f5f8 100%); box-shadow: inset 0 0 0 .1rem rgba(255,255,255,.65); } 
#bo_w .agree-wr .agree .font700 { margin-bottom: 2rem; color: #111; font-size: 1.8rem; font-weight: 700; } 
#bo_w .agree-wr .agree ul { margin: 0; padding: 0; list-style: none; } 
#bo_w .agree-wr .agree ul li:first-child { padding-top: 0; } 
#bo_w .agree-wr .agree ul li:last-child { padding-bottom: 0; border-bottom: 0; } 
#bo_w .agree-wr .agree b { display: block; color: var(--color-point); font-size: 1.5rem; font-weight: 600; } 
#bo_w .agree-wr .agree ul li div { color: #4b5563; font-size: 1.45rem; line-height: 1.8; } 
#bo_w .agree-wr .agree-radio { margin-top: 1.8rem; } 
#bo_w .agree-wr .agree-radio span { margin: 0; font-size: 1.5rem; font-weight: 600; } 

#bo_w #captcha {display: none !important; margin-top: 0; padding: 2.4rem; border: 1px solid rgba(8,60,121,.08); background: #f8fafc; } 
#bo_w #captcha #captcha_info { color: #667085; } 

#bo_w #btn_submit { justify-content: center; min-width: 24rem; height: 6rem; margin-top: 4.8rem; padding: 0 3.2rem; border: 0; border-radius: 99rem; background: linear-gradient(135deg, var(--color-point) 0%, #1458a8 100%) !important; box-shadow: 0 1.6rem 3rem rgba(8,60,121,.18); color: #fff; font-family: inherit; font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease; } 

#bo_w #btn_submit:hover { filter: none; transform: translateY(-2px); box-shadow: 0 2rem 3.2rem rgba(8,60,121,.22); } 
#bo_w #btn_submit:active { transform: translateY(0); box-shadow: 0 1rem 2rem rgba(8,60,121,.18); } 
#bo_w #btn_submit:disabled { opacity: .6; cursor: default; } 

.contact .btn-st02 { position: absolute; top: 0; z-index: -1; margin: 0; } 


/* =========================================================
 CONTACT FLOW
========================================================= */

#bo_w .t-cnt { position: relative; } 

.contact-flow { position: relative; margin-bottom: 4rem; } 
.contact-flow__head { margin-bottom: 2.6rem; } 
.contact-flow__eyebrow { display: inline-block; margin-bottom: 1rem; color: var(--color-point); font-size: 1.6rem; font-weight: 700; } 
.contact-flow__desc { margin-top: 1rem; color: #474343; font-size: 1.8rem; line-height: 1.7; } 

.contact-flow__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; margin: 0; padding: 0; list-style: none; } 
.contact-flow__item { position: relative; min-width: 0; padding: 2.2rem 1.8rem 2rem; border: 1px solid #edc2a6; border-radius: var(--border-ra); background: linear-gradient(180deg, #fff 0%, #fff5ec 100%); box-shadow: 0 1rem 2.6rem rgb(56 17 17 / 5%); } 

.contact-flow__item:not(:last-child)::after { position: absolute; top: 50%; right: 0; width: 1rem; height: 1rem; border-top: .2rem solid rgba(121, 46, 8, 0.22); border-right: .2rem solid rgba(121, 46, 8, 0.22); transform: translate(calc(100% + .25rem), -50%) rotate(45deg); content: ""; } 

.contact-flow__num { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-bottom: 1.6rem; border-radius: var(--border-ra); background: var(--color-point-or); box-shadow: 0 1rem 2rem rgb(116 44 0 / 20%); color: #fff; font-size: 1.6rem; font-weight: 600; line-height: 1; } 
.contact-flow__text strong { display: block; font-size: 2rem; font-weight: 700; line-height: 1.45; word-break: keep-all; } 
.contact-flow__text p { margin-top: .5rem; color: #474343; font-size: 1.8rem; line-height: 1.4; word-break: keep-all; } 


/* =========================================================
 BOARD VIEW
========================================================= */

#bo_v .bo_w_info { margin: 2.5rem 0 0; overflow: hidden; border-top: 0; border: 1px solid var(--color-border); } 
#bo_v .bo_w_info > li { display: flex; align-items: stretch; padding: 0; border-bottom: 1px solid #dde1e5; } 
#bo_v .bo_w_info > li:last-child { border-bottom: 0; } 
#bo_v .bo_w_info .input-tit { display: flex; align-items: center; width: 24%; min-width: 18rem; background: rgba(8,60,121,.03); font-weight: 500; } 
#bo_v .bo_w_info .input-tit.required { background-image: none !important; } 
#bo_v .bo_w_info .input-tit.required::after { display: inline-block; width: 1.5rem; height: 1.5rem; background: url(/theme/basic/img/require.png) no-repeat center / contain; content: ""; } 
#bo_v .bo_w_info .cont { width: 76%; color: #4b5563; } 
#bo_v .bo_w_info .input-tit, #bo_v .bo_w_info .cont { padding: .5rem 2rem; } 

/* =========================================================
 RESPONSIVE
========================================================= */

@media screen and (max-width: 1280px) { 
  .tit-wr .tit br {display: none;}
}
@media screen and (max-width: 1100px) { 
  .tit-wr .tit br {display: block;}
  .quote-write__watermark {display: none;}
}
@media screen and (max-width: 1024px) { 
 #bo_cate { text-align: left; } 
 #bo_cate a { font-size: 1.6rem; } 

 #bo_w .form-section { padding: 3rem; border-radius: var(--border-ra); } 
 #bo_w .form-section { background: #fff; } 

 #bo_w .form-section-tit { font-size: 2.4rem; } 

 #bo_v .bo_w_info .input-tit { width: 30%; min-width: 15rem; padding: 2rem; } 
 #bo_v .bo_w_info .cont { width: 70%; padding: 2rem; } 

 .contact-flow__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 } 

@media screen and (max-width: 768px) { 
  .tit-wr .tit br {display: none;} 
 .inner .sub-tit { display: block; padding: 0; } 
 .type-wr { margin-top: 5rem; } 
 .type-wr ul { flex-direction: column; align-items: flex-start; } 
 .type-wr li label { padding: 0; } 
 .recall-wr input[type="text"] { width: 100%; } 

 #bo_cate { margin-bottom: 2.6rem; } 
 #bo_cate ul { justify-content: flex-start; } 
 #bo_cate a { padding: 1rem 1.6rem; font-size: 1.5rem; } 

 .tbl_head01 td { border-bottom: 0; border-left: 0 !important; } 
 .tbl_wrap table tbody tr { display: flex; flex-direction: column; padding: .8em 0; border-bottom: 1px solid #ddd; } 
 .tbl_wrap table tbody tr.bo_notice { background: #f3f5f5; } 
 .tbl_wrap table thead { display: none; } 

 #bo_list .td_num2,
 #bo_list .td_datetime,
 #bo_list .td_subject { width: 100%; padding-top: 0; padding-bottom: 0; text-align: left; } 

 #bo_list .td_subject { padding-top: .5em; padding-bottom: .5em; } 
 #bo_list .td_datetime { color: #4b5259; } 
 #bo_list .td_subject .bo_tit { display: block; margin-top: .3em; } 
 .bo_notice .notice_icon { width: 2.5rem; } 

 .bo-tit-wr { padding: 1.5em 1.5em 1em; } 
 #bo_v_info .profile_info { margin: .5em 0 0; } 
 .bo_v_nb li { width: auto; min-width: 9rem; } 

 #bo_w .form-section { margin-bottom: 2.4rem; padding: 2.4rem; } 

 #bo_w .input-wr > li,
 #bo_w .text-wr,
 #bo_w .file-wr .file-item { padding: 0; border: 0; } 

 #bo_w .form-section-tit { margin-bottom: 2rem; padding-bottom: 0; font-size: 2rem; } 

 #bo_w .m-tit { margin-bottom: 0.5rem; } 

 #bo_w .input-wr input[type="text"],
 #bo_w .input-wr input[type="email"],
 #bo_w .input-wr input[type="date"],
 #bo_w .input-wr select { height: 5rem; padding: 0 1.5rem; } 


 #bo_w .radio-wr { min-height: auto; padding: .8rem 0; } 
 #bo_w .radio-wr label,
 #bo_w .agree-radio label { width: 100%; justify-content: flex-start; align-items: center; border: 0; padding: 0; min-height: auto; background: none; } 

 #bo_w .agree-wr .agree { padding: 2rem; } 
 #bo_w #captcha { padding: 2rem; } 

 #bo_w #btn_submit { width: 100%; min-width: 0; height: 5.4rem; margin-top: 1.6rem; font-size: 1.6rem; } 

 
 
 .contact-flow__tit { font-size: 2.2rem; } 
 .contact-flow__item { padding: 2rem 1.6rem 1.8rem; } 
 .contact-flow__item:nth-child(2n)::after { display: none; } 

 #bo_v .bo_w_info { } 
 #bo_v .bo_w_info > li { flex-direction: column; } 
 #bo_v .bo_w_info .input-tit,
 #bo_v .bo_w_info .cont { width: 100%; } 
 #bo_v .bo_w_info .input-tit { min-width: 0; padding: 1.6rem 1.8rem .8rem; background: rgba(8,60,121,.03); font-size: 1.4rem; } 
 #bo_v .bo_w_info .cont { padding: 0 1.8rem 1.8rem; font-size: 1.4rem; } 
 } 

@media screen and (max-width: 500px) { 
 .m-tit,
 .type-wr ul li span,
 .input-wr input[type="text"] { line-height: 1.5; } 

 .inner .mark-bg { right: var(--inner-pd); width: 18.3rem; } 
 .tit-wr p { margin: 2rem 0; } 
 .type-wr li:not(:last-child) { margin-bottom: 0; } 

 #bo_w .form-section { padding: 1.8rem; } 
 #bo_w .form-section-tit { gap: .8rem; margin-bottom: 1.5rem; } 
 #bo_w .form-section-tit::before { box-shadow: 0 0 0 .2rem rgba(8, 60, 121, .08); } 

 #bo_w .input-wr { gap: 1.6rem; margin-top: 0; } 


 #bo_w .input-wr > li:focus-within,
 #bo_w .text-wr:focus-within,
 #bo_w .file-wr .file-item:focus-within { transform: none; } 

 #bo_w .input-wr textarea { min-height: 15rem; padding: 1.5rem; } 

 #bo_w .radio-wr { flex-direction: column; align-items: flex-start; gap: .5rem !important; padding: 0; } 

 #bo_w .agree-wr .agree { padding: 1.6rem; } 
 #bo_w .agree-wr .agree-radio span { margin-right: 0; } 

 #bo_w .file-del { flex-direction: column; align-items: flex-start; } 

 .contact-flow__head { margin-bottom: 2rem; } 
 .contact-flow__eyebrow { margin-bottom: .8rem; } 
 .contact-flow__tit { font-size: 1.9rem; } 
 .contact-flow__list { grid-template-columns: 1fr; gap: 1rem; } 
 .contact-flow__item { padding: 1.6rem 1.4rem; } 
 .contact-flow__item::after { display: none; } 
 .contact-flow__num { width: 4.4rem; height: 4.4rem; margin-bottom: 1.2rem; } 

 .wr_content textarea { height: 18rem !important; } 
 .btn-st02 { height: 5rem; } 
 #captcha.m_captcha #captcha_img,
 #captcha.m_captcha #captcha_key { height: 6rem !important; } 
 .btn-st01 { width: 80%; } 

 #bo_w .radio-wr label:has(input:checked),
#bo_w .agree-radio label:has(input:checked) { border-color: initial; background: #fff; color: var(--color-point); box-shadow: none; } 
 } 

/* =========================================================
 QUOTE WRITE - IMAGE MATCH
========================================================= */

#bo_w.quote-write { width: 100%; max-width: 1450px; margin: 0 auto; } 
#bo_w.quote-write form { width: 100% !important; } 

.quote-write__layout { 
 display: grid; 
 grid-template-columns: minmax(32rem, 1fr) minmax(56rem, 1.12fr); 
 min-height: 79rem; 
 background: #fff; 
 } 

.quote-write__intro { 
 position: relative; 
 min-height: 86rem; 
 padding: 0 6rem; 
 overflow: hidden; 
 } 

.quote-write__eyebrow { 
 margin: 0 0 2.6rem; 
 color: #003f92; 
 font-size: 2rem; 
 font-weight: 800; 
 line-height: 1.2; 
 } 

.quote-write__intro h2 { 
 margin: 0; 
 color: #15171d; 
 font-size: 4rem; 
 font-weight: 800; 
 line-height: 1.35; 
 letter-spacing: 0; 
 word-break: keep-all; 
 } 

.quote-write__watermark { 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 opacity: .2;
 font-weight: 900; 
 letter-spacing: 0; 
 line-height: 1; 
 pointer-events: none; 
 width: 56rem;
 } 

.tit-wr {position: relative;}

.quote-write__panel { 
     padding: 5rem;
    border: 1px solid var(--color-border);
    background: #fafafa;
 } 

.quote-write__head { 
     margin-bottom: 2.5rem;
    padding-bottom: 2rem;
 border-bottom: 1px solid #dedede; 
 } 

.quote-write__head h3 { 
 color: #15171d; 
 font-size: 3.2rem; 
 font-weight: 800; 
 line-height: 1.25; 
 letter-spacing: 0; 
 } 

.quote-write__head p { 
 margin: 0; 
 color: #6d737d; 
 font-size: 1.8rem; 
 line-height: 1.5; 
 } 

.quote-write__fields { 
 display: flex; 
 flex-direction: column; 
 gap: 1rem; 
 } 

.quote-field { 
 display: grid; 
     grid-template-columns: 7rem minmax(0, 1fr);
    align-items: start;
    gap: 2rem;
 } 

.quote-field label { 
 padding-top: 2rem; 
 color: #17191f; 
 font-size: 1.7rem; 
 font-weight: 800; 
 line-height: 1.4; 
 } 

.quote-field input[type="text"],
.quote-field input[type="email"],
.quote-field textarea,
.quote-file { 
 width: 100%; 
 box-sizing: border-box; 
 border: 1px solid #dedede; 
 border-radius: 0; 
 background: #fff; 
 color: #17191f; 
 font-family: inherit; 
 font-size: 1.7rem; 
 line-height: 1.5; 
 } 

.quote-field input[type="text"],
.quote-field input[type="email"] { 
     height: 5rem;
    padding: 0 1.5rem;
 } 

.quote-field textarea { 
 min-height: 13rem;
    padding: 1.5rem;
 resize: vertical; 
 } 

.quote-field input::placeholder,
.quote-field textarea::placeholder { 
 color: #8b9098; 
 opacity: 1; 
 } 

.quote-field input:focus,
.quote-field textarea:focus,
.quote-file:focus-within { 
 border-color: var(--color-point); 
 outline: 0; 
 box-shadow: 0 0 0 .3rem rgba(0, 63, 146, .08); 
 } 

.quote-file {
 position: relative;
 display: flex;
 align-items: center;
 gap: 1.6rem;
 padding:1.5rem;
     background: #fff;
}

.quote-file input[type="file"] { 
 position: absolute; 
 inset: 0; 
 z-index: 2; 
 width: 100%; 
 height: 100%; 
 opacity: 0; 
 cursor: pointer; 
 } 

.quote-file__button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
     min-width: auto;
    height: 4.4rem;
 padding: 0 2rem;
 border: 1px solid #1f2329;
 background: #fff;
 color: #111;
 font-size: 1.6rem;
 font-weight: 800;
 line-height: 1;
}

.quote-file__placeholder {
 display: flex;
 align-items: center;
 min-width: 0;
 color: #606773;
 font-size: 1.7rem;
}

.quote-field--file .file-del { 
 position: relative; 
 z-index: 3; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 gap: 1rem; 
 margin: 1.2rem 0; 
 color: #555; 
 font-size: 1.4rem; 
 } 

.quote-agree { 
margin-left: 9rem;
 } 

.quote-agree label { 
 display: inline-flex; 
 align-items: center; 
 gap: 1.4rem; 
 color: #17191f; 
 font-size: 1.7rem; 
 font-weight: 700; 
 cursor: pointer; 
 } 

.quote-agree input[type="checkbox"] { 
 width: 2rem; 
 height: 2rem; 
 margin: 0; 
 border: 1px solid #dedede; 
 accent-color: #003f92; 
 } 

.quote-captcha { 
 margin-left: 9rem;
 } 

#bo_w.quote-write #btn_submit.quote-submit { 
     width: calc(100% - 9rem);
    height: 7rem;
    margin-left: 9rem;
 border: 0; 
 border-radius: 0 !important; 
 background: #050608 !important; 
 box-shadow: none; 
 color: #fff !important; 
 font-family: inherit; 
 font-size: 1.9rem; 
 font-weight: 800; 
 cursor: pointer; 
 transition: background-color .2s ease, opacity .2s ease; 
 } 

#bo_w.quote-write #btn_submit.quote-submit:hover { background: var(--color-point) !important; transform: none; box-shadow: none; } 
#bo_w.quote-write #btn_submit.quote-submit:disabled { opacity: .6; cursor: default; } 

@media screen and (max-width: 1100px) { 
 .quote-write__layout { 
 grid-template-columns: 1fr; 
 min-height: 0; 
 } 

 .quote-write__intro { 
 min-height: 0; 
 padding: 0 0 5rem; 
 } 

 .quote-write__watermark { 
 right: 0; 
 left: auto; 
 bottom: 2rem; 
 font-size: 8rem; 
 } 

 .quote-write__panel { 
 padding: 4.2rem; 
 } 
 } 

@media screen and (max-width: 768px) { 
 .quote-write__intro { 
 padding-bottom: 3.6rem; 
 } 

 .quote-write__eyebrow { 
 margin-bottom: 1.8rem; 
 font-size: 1.7rem; 
 } 

 .quote-write__intro h2 { 
 font-size: 3rem; 
 } 

 .quote-write__watermark { 
 display: none; 
 } 

 .quote-write__panel { 
 padding: 3rem 2.2rem; 
 } 

 .quote-write__head { 
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
 } 

 .quote-write__head h3 { 
 font-size: 2.6rem; 
 } 

 .quote-write__head p { 
 font-size: 1.6rem; 
 } 

 .quote-write__fields { 
         gap: 1.5rem;
 } 

 .quote-field { 
 grid-template-columns: 1fr; 
 gap: .5rem; 
 } 

 .quote-field label { 
 padding-top: 0; 
 font-size: 1.6rem; 
 } 

 .quote-field input[type="text"],
 .quote-field input[type="email"] { 
 height: 5.8rem; 
 padding: 0 1.7rem; 
 } 

 .quote-field textarea { 
 min-height: 16rem; 
 padding: 1.7rem; 
 } 

 .quote-file {
  min-height: 6.2rem;
  padding: 0 1.7rem;
 }

 .quote-file__button {
  min-width: 9.8rem;
  height: 4rem;
  padding: 0 1.5rem;
  font-size: 1.4rem;
 }

 .quote-file__placeholder {
  min-height: 6.2rem;
 }

 .quote-agree,
 .quote-captcha,
 #bo_w.quote-write #btn_submit.quote-submit { 
 width: 100%; 
 margin-left: 0; 
 } 

 #bo_w.quote-write #btn_submit.quote-submit { 
 height: 6rem; 
 font-size: 1.7rem; 
 } 
 }