@charset "utf-8"; /*컨택트*/
 
 .inquiry .tit-wr p { margin-top: 6rem; margin-bottom: 2.8rem; font-size: 3rem; line-height: 1.5; } 
 .inquiry .tit-wr span { color: #666666; font-size: 1.8rem;; } 
 .inquiry .m-tit { margin-bottom: 1rem; font-size: var(--font-20); font-weight: 500; } 
 .inquiry .essential { color: var(--color-point); } 
 .inquiry .type-wr ul li span { margin-right: 2rem; font-size: var(--font-20); color: var(--color-txt1); } 
 .inquiry input[type="radio"], .inquiry input[type="checkbox"] { width: 2rem; height: 2rem; } 
 .inquiry label { display: flex; align-items: center; gap: .5rem; } 
 .inquiry .input-wr { gap:2.5rem 4.7rem; margin-top: 2.5rem; } 
 .inquiry .input-wr input[type="text"] { width: 100%; height: 5rem; padding: .5rem 1.5rem; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 5px; color: var(--color-txt1); font-size: var(--font-18); } 
 .inquiry .input-wr #textarea { width: 100%; resize: none; height: 52.9rem; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 5px; line-height: 1.5; padding: 2rem; color: var(--color-txt1); font-size: var(--font-18); } 
 .inquiry .recall-wr input[type="text"] { width: 50%; } 
 .inquiry .wr_content textarea { font-family: Prendard; padding: .5rem 1.5rem; background: var(--color-bg); border: 1px solid var(--color-border); color: var(--color-txt1); font-size: var(--font-18); } 
 .inquiry .agree-wr span { font-size: 1.8rem; } 
 .inquiry .agree-wr .agree { padding: 1.5rem; background: #F4F4F4; border-radius: 5px; border: 1px solid var(--color-border); } 
 .inquiry .agree-wr .m-txt { margin-bottom: 2rem; font-size: 1.8rem; line-height: 1.4; } 
 .inquiry .agree-wr .agree span, .inquiry .agree-wr .agree p { font-size: 1.6rem; } 
 .inquiry .agree-wr .agree span { display: inline-block; width: 11rem; } 
 .inquiry .agree-wr .agree p { width: calc(100% - 11rem); } 
 .inquiry .agree-wr .agree ul { margin-top: 2rem; } 
 .inquiry .agree-wr .agree-radio { margin-top: 1rem; margin-bottom: 2rem; } 
 .inquiry .agree-wr .agree-radio span { margin-right: 8.2rem; font-size: 1.8rem; } 
 .inquiry .btn-st1 {color: #000; margin-top: 3rem; } 

 .font700 {font-weight: 700;}
 .font300 {font-weight: 300;}

 @media all and (max-width:768px){
 .inquiry .inner .sub-tit { display: block; padding: 0; } 

 .inquiry .tit-wr p { margin-top: 4rem; font-size: 2.8rem; } 
 .inquiry .m-tit , .inquiry .type-wr ul li span , .inquiry .input-wr input[type="text"] { font-size: 2rem; } 
 .inquiry .type-wr ul { flex-direction: column; align-items: flex-start; } 
 .inquiry .type-wr li:not(:last-child) { margin-bottom: 2rem; } 
 .inquiry .type-wr li label { padding: 0; } 
 .inquiry .recall-wr input[type="text"] { width: 100%; } 
 .inquiry .agree-wr .m-txt, .inquiry .agree-wr .agree, .inquiry .agree-wr .agree span, .inquiry .agree-wr .agree p { font-size: 1.6rem; } 
 }
 @media all and (max-width:500px){
 .inquiry .m-tit, .inquiry .type-wr ul li span, .inquiry .input-wr input[type="text"] { line-height: 1.5; } 
 .inquiry .inner .mark-bg { right: var(--inner-pd); width: 18.3rem; } 
 .inquiry .tit-wr p { margin-top: 2rem; margin-bottom:2rem; } 
 .inquiry .tit-wr span { font-size: 2rem; } 
 .inquiry .type-wr li:not(:last-child) { margin-bottom: 1rem; } 
 .inquiry .m-tit { margin-bottom: .2rem; } 
 .inquiry .input-wr input[type="text"] { padding: 0 1rem; } 
 .inquiry .input-wr { grid-gap: 1.5rem 12.7rem; margin-top: 1.5rem; } 
 .wr_content textarea { height: 18rem !important } 
 .inquiry .btn-st02 { height: 5rem; } 
 .inquiry .agree-wr .m-txt { line-height: 1.6; }  
 .inquiry .agree-wr .agree ul { margin-top: 1rem; } 
 .inquiry .agree-wr .agree { padding: 1.5rem; } 
 .inquiry .agree-wr .agree-radio span { margin-right: 4.2rem; font-size: 2rem; } 
 #captcha.m_captcha #captcha_img , #captcha.m_captcha #captcha_key { height: 6rem !important; } 
 
 }


 /*캐차*/
 #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-size: 1.6rem; font-weight: 100; } 
 #captcha #captcha_img ,#captcha #captcha_key, #captcha #captcha_mp3,#captcha #captcha_reload { margin-right: .5rem !important; } 


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

/**/

/* 게시판 목록 */



#bo_cate { margin-bottom: 2em; text-align: center; } 
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_cate ul { zoom:1 } 
#bo_cate ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_cate li { display:inline-block; margin: 0 1em; } 
#bo_cate a { display:block; font-size: 2rem; } 
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { text-decoration:none; } 
#bo_cate #bo_cate_on { position: relative; z-index:2; font-weight: 700; } 
#bo_cate #bo_cate_on::after { margin-left: .5em; filter: brightness(0); content: url(/theme/basic/img/icon_ar_bt.svg); } 
#bo_cate #bo_cate_on::before { position: absolute; bottom: -0.15em; left: 0; width: 100%; height: 2px; background: #000; border-radius: 1em; overflow: hidden; content: ''; } 

.td_subject img { margin-left:3px } 

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

/* 게시판 목록 공통 */
.selec_chk { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden } 
.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 { float:left; width:15px; height:15px; display:block; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.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; width:15px; height:15px; display:block; margin:0; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.chk_box input[type="checkbox"]:checked + label { color:#000 } 
.chk_box input[type="checkbox"]:checked + label span { background:url(./img/chk.png) no-repeat 50% 50% #3a8afd; border-color:#1471f6; border-radius:3px } 


#bo_btn_top { margin:10px 0 } 
#bo_btn_top:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx { margin-bottom:5px; float:right; zoom:1 } 
.bo_fx:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx ul { margin:0; padding:0; list-style:none } 
#bo_list_total { float:left; line-height:34px; font-size:0.92em; color:#4e546f } 

.btn_bo_user { float:right; margin:0; padding:0; list-style:none } 
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; } 
.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; text-decoration:none; vertical-align:middle } 
.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; line-height:25px; border-radius:5px; font-weight:bold; color:#f9267f } 

.more_opt { display:none; position:absolute; top:45px; right:0; background:#fff; border:1px solid #b8bfc4; z-index:999 } 
.more_opt:before { content:""; position:absolute; top:-8px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.more_opt:after { content:""; position:absolute; top:-6px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.more_opt li { border-bottom:1px solid #f1f1f1; padding:10px; float:inherit; width:90px; margin:0; 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; background: var(--color-bg); color: var(--color-point2); font-weight:normal !important; line-height: 1; padding: 0.5em 0.7em; border-radius: .3em; font-size: 0.85em; } /* 글제목줄 분류스타일 */
.bo_cate_link:hover { text-decoration:none } 
.bo_current { color:#e8180c } 



/* 게시판 쓰기 */
#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; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -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) } 
#autosave_pop:before { content:""; position:absolute; top:-8px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #000 transparent } 
#autosave_pop:after { content:""; position:absolute; top:-7px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
html.no-overflowscrolling #autosave_pop { height:auto; max-height:10000px !important } /* overflow 미지원 기기 대응 */
#autosave_pop strong { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#autosave_pop div { text-align:center; margin:0 !important } 
#autosave_pop button { margin:0; padding:0; border:0 } 
#autosave_pop ul { padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8 } 
#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; font-size:0.92em; font-style:italic; color:#999 } 
.autosave_close { cursor:pointer; width:100%; height:30px; background:none; color:#888; font-weight:bold; font-size:0.92em } 
.autosave_close:hover { background:#f3f3f3; color:#3597d9 } 
.autosave_content { display:none } 
.autosave_del { background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px } 


/* 게시판 댓글 */
.cmt_btn { width:100%; text-align:left; border:0; border-bottom:1px solid #f0f0f0; background:#fff; font-weight:bold; margin:30px 0 0px; padding:0 0 15px } 
.cmt_btn span.total { position:relative; display:inline-block; margin-right:5px; font-size:1em; color:#3a8afd } 
.cmt_btn span.cmt_more { float:right; display:inline-block; width:15px; height:10px; background:url(./img/btn_cmt.png) no-repeat right 2px; margin-top:5px } 
.cmt_btn_op span.cmt_more { background-position:right -8px } 
.cmt_btn b { font-size:1.2em; color:#000 } 
.cmt_btn span.total:after { position:absolute; bottom:-17px; left:0; display:inline-block; background:#3a8afd; content:""; width:100%; height:2px } 
#bo_vc { } 
#bo_vc h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc article { margin:20px 0; position:relative; border-bottom:1px solid #f0f0f0 } 
#bo_vc article: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 { border-radius:50%; width:50px; height:50px } 
#bo_vc article .cm_wrap { float:left; max-width:870px; width:90% } 
#bo_vc header { position:relative; width:100% } 
#bo_vc header:after { display:block; visibility:hidden; clear:both; content:"" } 
#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 h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc .cmt_contents { line-height:1.8em; padding:0 0 20px } 
#bo_vc p a { text-decoration:underline } 
#bo_vc p a.s_cmt { text-decoration:underline; color:#ed6479 } 
#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; right:0; top:40px; width:58px; text-align:right; border:1px solid #b8bfc4; margin:0; list-style:none; background:#fff; zoom:1; z-index:9999 } 
.bo_vc_act:before { content:""; position:absolute; top:-8px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.bo_vc_act:after { content:""; position:absolute; top:-6px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.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; margin:10px 0; display:block } 
.bo_vc_w:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.bo_vc_w #char_cnt { display:block; margin:0 0 5px } 
.bo_vc_w textarea { border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } 
#wr_secret { } 
.bo_vc_w_info { margin:10px 0; float:left } 
.bo_vc_w_info:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w_info .frm_input { float:left; margin-right:5px } 
.bo_vc_w_info #captcha { padding-top:10px; display:block; clear:both } 
.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-weight:bold; font-size:1.083em } 
.bo_vc_w .btn_confirm .secret_cm label { font-size:1em !important } 
.bo_vc_w_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.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:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc_sns li { float:left; margin:0 5px 0 0 } 
#bo_vc_sns .sns_li_f { border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px } 
#bo_vc_sns .sns_li_t { border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px } 
#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 } 

/*글쓰기*/
#bo_w .bo_v_option li { display:inline-block; float:left; text-align:left; margin:0 5px 0 0 } 
#bo_w .bo_v_option li label { vertical-align:baseline } 
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-left:0; margin-right:5px } 
#bo_w .write_div { margin:10px 0; position:relative } 
#bo_w .write_div:after { display:block; visibility:hidden; clear:both; content:"" } 
#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; line-height:30px; height:30px } 
#bo_w .bo_w_link label { position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#bo_w .bo_w_link .frm_input { padding-left:50px } 
#bo_w .bo_w_flie .lb_icon { display: none; position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#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; font-size:0.92em; color:#7d7d7d } 
#bo_w .bo_w_select select { border:1px solid #d0d3db; width:100%; height:40px; border-radius:3px } 
.inquiry .btn-st02 { position: absolute; top: 0; margin: 0; z-index: -1; } 


@media screen and (max-width:1024px) { /*카테고리*/
 #bo_cate { text-align: left; } 
 #bo_cate li { margin: 0 2em; margin-left: 0; } 
 #bo_cate a { font-size: 1.8rem; } 
 }
 
 
 @media screen and (max-width:768px) { /*카테고리*/
 #bo_cate li { margin:.5em .5em 0 0; margin-left: 0; } 
 #bo_cate li a { padding: 0.5em 1em; border-radius: 4em; border: 1px solid #ddd; font-size: 1.6rem; } 
 #bo_cate #bo_cate_on { background: #f8f8f8; } 
 #bo_cate #bo_cate_on::before { display: none; } 
 
 /*리스트 목록*/
 .tbl_head01 td { border-bottom:0; border-left:0 !important; } 
 .tbl_wrap table tbody tr { display: flex; flex-direction: column; padding-top: .8em; padding-bottom: 0.8em; 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: 0.5em 0 0; } 
 .bo_v_nb li { min-width: 9rem; width: auto; } 
 }