/*common.css*/
html, body{-webkit-overflow-x: hidden; -ms-overflow-x: hidden; overflow-x: hidden; width: 100%;}
.weight-100 {font-weight:100} .weight-200 {font-weight:200} .weight-300 {font-weight:300}
.weight-400 {font-weight:400} .weight-500 {font-weight:500} .weight-600 {font-weight:600}
.weight-700 {font-weight:700} .weight-800 {font-weight:800} .weight-900 {font-weight:900}
.font-100 {font-size:100px; line-height:120%}
.font-80 {font-size:80px; line-height:120%}
.font-70 {font-size:70px; line-height:120%}
.font-60 {font-size:60px; line-height:120%}
.font-55 {font-size:55px; line-height:120%}
.font-50 {font-size:50px; line-height:120%}
.font-45 {font-size:45px; line-height:120%}
.font-44 {font-size:44px; line-height:140%}
.font-40 {font-size:40px; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px; line-height:140%; word-break: keep-all;}
.font-28 {font-size:28px; line-height:140%; word-break: keep-all;}
.font-25 {font-size:25px; line-height:140%; word-break: keep-all;}
.font-24 {font-size:24px; line-height:140%; word-break: keep-all;}
.font-22 {font-size:22px; line-height:160%; word-break: keep-all;}
.font-20 {font-size:20px; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px; line-height:180%; word-break: keep-all;}
.font-15 {font-size:15px; line-height:180%; word-break: keep-all;}
.font-14 {font-size:14px; line-height:180%; word-break: keep-all;}
@media screen and (max-width: 1400px) {
.font-100 {font-size:80px !important;}
.font-80 {font-size:60px !important;}
.font-70 {font-size:55px !important;}
.font-60 {font-size:50px !important;}
.font-55 {font-size:45px !important;}
.font-50 {font-size:40px !important;}
.font-45 {font-size:38px !important;}
.font-44 {font-size:35px !important;}
.font-40 {font-size:30px !important;}
.font-38 {font-size:29px !important;}
.font-35 {font-size:28px !important;}
.font-30 {font-size:26px !important;}
.font-28 {font-size:25px !important;}
.font-25 {font-size:24px !important;}
.font-24 {font-size:20px !important;}
.font-22 {font-size:19px !important;}
.font-20 {font-size:19px !important;}
.font-18 {font-size:17px !important;}
.font-17 {font-size:16px !important;}
.font-16 {font-size:15px !important;}
.font-15 {font-size:14px !important;}
.font-14 {font-size:13px !important;}
}
@media screen and (max-width: 768px) {
.font-100 {font-size:60px !important;}
.font-80 {font-size:50px !important;}
.font-70 {font-size:45px !important;}
.font-60 {font-size:40px !important;}
.font-55 {font-size:35px !important;}
.font-50 {font-size:30px !important;}
.font-45 {font-size:28px !important;}
.font-44 {font-size:27px !important;}
.font-40 {font-size:26px !important;}
.font-38 {font-size:25px !important;}
.font-35 {font-size:24px !important;}
.font-30 {font-size:22px !important;}
.font-28 {font-size:21px !important;}
.font-25 {font-size:20px !important;}
.font-24 {font-size:18px !important;}
.font-22 {font-size:17px !important;}
.font-20 {font-size:16px !important;}
.font-18 {font-size:15px !important;}
.font-17 {font-size:15px !important;}
.font-16 {font-size:14px !important;}
.font-15 {font-size:13px !important;}
.font-14 {font-size:13px !important;}
}
@media screen and (max-width: 400px) {
.font-100 {font-size:45px !important;}
.font-80 {font-size:40px !important;}
.font-70 {font-size:35px !important;}
.font-60 {font-size:30px !important;}
.font-55 {font-size:28px !important;}
.font-50 {font-size:26px !important;}
.font-45 {font-size:25px !important;}
.font-44 {font-size:24px !important;}
.font-40 {font-size:22px !important;}
.font-38 {font-size:21px !important;}
.font-35 {font-size:20px !important;}
.font-30 {font-size:19px !important;}
.font-28 {font-size:18px !important;}
.font-25 {font-size:18px !important;}
.font-24 {font-size:17px !important;}
.font-22 {font-size:16px !important;}
.font-20 {font-size:15px !important;}
.font-18 {font-size:14px !important;}
.font-17 {font-size:13px !important;}
.font-16 {font-size:12px !important;}
.font-15 {font-size:12px !important;}
.font-14 {font-size:11px !important;}
}
/* border-spacing: 0;
border-collapse: collapse;
} */
/* 공통 Class */
.inner{width:100%; max-width:1500px; margin: 0 auto; padding: 0px;}
.sub_inner{width:100%; max-width:1260px; margin: 0 auto; padding:0px 0px;}
.inner_lay {padding: 0px 20px 100px;}
.clearfix {zoom: 1}
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0;}
.clearfix:after {clear:both;}
.ell{-webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px;}
/* 버튼 제어 */
a.btn, .btn{height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 13px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #143068;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #143068; font-weight: 300; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#333;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #333; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #143068;}
.btn_submit{background: #143068; height: 40px; line-height: 40px; text-align: center;}
/*댓글등록*/
.btn_submit:hover{background: #333;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}/*댓글목록*/
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.bo_v_nb li{padding: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;}/*이전글 다음글*/
/* */
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li a{font-size: 14px !important;}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#18a2e2 !important; font-size: 13px !important;}
.bo_v_nb li .nb_date{float:right;color:#888 !important; font-size: 13px;}
@media screen and (max-width : 768px) {
.bo_v_nb li .nb_tit{padding-right:12px;font-size: 13px;}
.bo_v_nb li .nb_date{font-size: 12px;}
}
/*********** 서브 페이지 *************/
#container_title{display: none;}
.sub_sec{padding: 0px 0 130px;}
/* 서브페이지 배너 */
.sub_banner{display: flex; align-items: center; width: 100%; max-width: 100%; height:440px; margin: 0 auto; background: url(../../img/banner01.png) no-repeat; background-position: center bottom; background-size:cover;}
.sub_banner.banner01{background-image: url(../../img/banner01.png);}
.sub_banner.banner02{background-image: url(../../img/banner02.png);}
.sub_banner.banner03{background-image: url(../../img/banner03.png);}
.sub_banner.banner04{background-image: url(../../img/banner04.png);}
.sub_banner.banner05{background-image: url(../../img/banner05.png);}
.sub_banner .text_area{max-width: 1500px; width: 100%; margin: 0 auto; }
.sub_banner .text_area h2{color: #fff; padding-bottom: 10px; font-family: 'Pretendard Variable';}
.sub_banner .text_area h3{color: #fff; font-family: 'Pretendard Variable';}
@media screen and (max-width : 1520px) {
.inner{padding: 0 20px;}
.sub_banner{padding: 0 20px;}
}
@media screen and (max-width : 1280px) {
.sub_inner{padding: 0 20px;}
}
@media screen and (max-width : 1400px) {
.sub_banner{border-radius: 0; height: 400px;}
}
@media screen and (max-width : 1020px) {
.sub_banner{height: 300px;}
}
/* 서브페이지 타이틀 */
.tit_area.subpage *{text-align: left;}
.tit_area.subpage .main_tit{line-height: 1.3; font-weight: 600; font-size:24px; display:block; text-align:center; color: #143068; padding-bottom:0px}
.tit_area.subpage h3.main_tit { text-align:left; color: #000; font-size:32px; line-height:50px; font-weight:normal; }
.tit_area.subpage .main_tit span{display: inline-block; color: #222; font-weight: 700; font-size:30px}
.tit_area.subpage .main_tit span:after {content:""; display:block; background:#000; height:50px; width:1px; margin:30px auto}
/*.tit_area.subpage .tit_img img{text-align:center; margin:0 auto; width:35px; padding-bottom:10px;}*/
.tit_area.subpage .desc{margin: 35px auto 0; padding: 0; width: 100%; max-width: none; color: #666; font-size: 16px; line-height: 1.5em;}
/* 서브 네비게이션 */
/* #mysubmenu{margin-top: -64px} */
.tab_submenu{height: 80px;}
.tab_submenu .tab_sub2ul{display: table; table-layout: fixed; width: 100%; background: #fff;}
.tab_submenu .tab_sub2ul li{display: table-cell; width: 50%; height: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border:1px solid #143068; border-left:0px}
.tab_submenu .tab_sub2ul li:first-child {border-left:1px solid #143068;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 80px; font-size: 18px; font-weight: 500;}
.tab_submenu .tab_sub2ul li:hover a{color: #143068; font-weight: 400;}
.tab_submenu .tab_sub2ul li:hover{box-shadow: 0 0 0 3px #143068 inset;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{background: #143068; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li.on a{color: #fff; font-weight: 400;}
.tab_submenu .tab_sub2ul li.on:hover{background: #143068;}
/*********** 게시판 *************/
/* .sub_tit_top{margin:100px auto 100px;} */
.sub_tit_top .tit_area.subpage .main_tit::after{display: none;}
.table_pb{padding-bottom: 130px;}
.tbl_head01 a:hover{text-decoration: none;}
/* 게시판 관리자 area */
#bo_btn_top{margin: 0 0 12px;}
.bo_fx{margin: 10px 0; float: none; width: 100%;}
/* 게시판 상단 */
#bo_list_total{margin: 0px 0; background: transparent; overflow: hidden; width: 100%; line-height: 30px; color: #636363;}
#bo_list_total span{float: left; font-size: 14px; color: #636363;}
/* 게시판 카테고리 */
#bo_cate{padding: 0; background: none; border: none;}
#bo_cate ul{height: 50px;}
#bo_cate li{float: left; display: block; }
#bo_cate a{padding: 0; padding:10px 20px; border-radius: 50px; text-align: center; color: #999; font-weight: 400; line-height: inherit; border: 1px solid #ccc; font-size: 14px;}
#bo_cate #bo_cate_on{background: none; -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #143068; border-color: #143068; font-weight: 400;}
#bo_cate a:hover{background: none;}
#bo_cate .mobile_cate{display: none;}
#bo_cate #bo_cate_ul.m_cate_list{display: none;}
#bo_cate #bo_cate_ul.pc_cate_list{display: block;}
/* 게시판 페이지 번호매김 */
.pg_area{margin-top: 40px;}
.pg_wrap{margin: 0; position: relative; height: 40px; clear: none;}
.pg{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width:100%}
.pg_current{padding: 0; margin: 0 3px; width: 25px !important; height: 25px; color: #666; line-height: 25px; -webkit-box-shadow: none; box-shadow: none; background: #fff; border: 1px solid #f1f1f1; border-radius: 3px; font-size: 13px; font-weight: 400; box-shadow: 2px 2px 7px 0px #bdbdbd30;}
.pg_page{padding: 0; margin: 0 3px; width: 25px !important; height: 25px; color: #666; background: #fff; border: 0px solid #ccc; line-height: 25px; border: 1px solid #fff; font-size: 13px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px;}
.pg_page:hover{font-size: 13px; border: 1px solid #f1f1f1; background: #fff;}
/*.pg_current:hover{background: #f1f1f1;}*/
/*.pg_start, .pg_end{display: none;}*/
/* 게시판 검색 bo_sch */
.board_search{width: auto; height: 45px; margin-bottom: 20px;}
#bo_sch{position:relative; width: 570px; max-width: 100%; height: 45px; border: none; padding: 0; margin: 0 auto; border: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
#bo_sch *{font-size: 13px;}
#bo_sch > form{width: 100%; height: 100%;}
#bo_sch #sfl{margin: 0; padding-left: 10px; width: 105px; height: 100%; margin-right: 5px; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/search_select.png) no-repeat; background-position: 90px;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch select{border: 1px solid #f1f1f1; font-size: 14px; color: #363636; border-radius: 5px; box-shadow: 3px 4px 8px 0px #acacac17;}
#bo_sch #sfl, #bo_sch #sfl option, #bo_sch .sch_input, #bo_sch .sch_btn{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_sch .sch_input{margin: 0 0px; padding: 0 10px; float: left; width: calc(100% - 110px); height: 100%; background-color: #fff; border: 1px solid #f1f1f1; color: #000; border-radius: 5px; box-shadow: 3px 4px 8px 0px #acacac17; font-size: 14px;}
#bo_sch .sch_input::placeholder{color: #363636;}
#bo_sch .sch_input:focus{background: #fff;}
#bo_sch .sch_btn{position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 50px; height: 80%; color: #fff; font-size: 14px; background: #18a2e2 !important; text-align: center; padding: 0 !important; border-radius: 5px !important; display: flex
;
align-items: center;
justify-content: center;}
#bo_sch .sch_btn:focus{outline: 0; -webkit-box-shadow: none; box-shadow: none;}
input:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
select:focus{-webkit-box-shadow: none;box-shadow: none; outline: 0;}
#bo_sch .sch_btn .submit_span{display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; background: #143068; font-size: 14px; font-weight: 400; -webkit-transition: 0.5s; transition: 0.5s;}
#bo_sch .sch_btn:hover .submit_span{background: #333;}
/* 첨부파일 */
#bo_w .bo_w_flie .file_del{top: 8px;}
#bo_w.wt_w .bo_w_flie .file_del{top: 16px;}
.file_del input{float: left; margin: 6px 6px 0 0;}
.file_del label{float: left;}
/* 글쓰기 게시판 view skin */
#bo_list{width:100%; margin: 120px auto; padding: 0 0px 0px;}
#bo_v{width:100%; margin: 120px auto; padding: 0 0px 0px;}
#bo_w{width:100%; margin: 120px 0; padding: 0px 0px 0px;}
@media screen and (max-width:1020px){
#bo_list{width:100%; margin: 80px auto; padding: 0 0px 0px;}
#bo_v{width:100%; margin: 80px auto; padding: 0 0px 0px;}
#bo_w{width:100%; margin: 80px 0; padding: 0px 0px 0px;}
}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0; font-size: 16px;}
#bo_v_info strong{display: block; float: left;}
#bo_v_info .sv_member{font-weight: 400;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_vc_w textarea{padding: 10px;}
#bo_v_title .bo_v_tit{font-size: 28px; line-height: 30px; font-weight: bold; letter-spacing: -2px;}
#bo_v_title .bo_v_tit b{color: #2b4e97; font-weight: bold;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
/* #bo_v{margin-top:30px;} */
#bo_v_share .btn{padding: 0 5px;}
#bo_v_top .bo_v_nb a{margin: 5px 0; font-size: 17px;}
#bo_v_con{-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
#bo_v_con p{font-size: 17px !important; line-height: 160%;}
#bo_v_con p span{font-size: 17px !important; line-height: 160%;}
/*#bo_w .bo_w_flie .file_del label {display: inline-block;}*/
.pc_block {display:block}
.mo_block {display:none}
.bsinfo_sec2 .subpage {position: relative;}
.bsinfo_sec2 .subpage .desc_area p { line-height:34px;}
.bsinfo_sec2 .subpage .desc_area p b {color:#3b6f1e; float:none}
.bsinfo_sec2 .subpage .line {background:#000; width:100px; height:3px; margin:100px 0px}
.lay_info_img img{position:absolute; text-align:right; width:100%; max-width:474px; right:0px; top:-100px}
.lay_bs_info_img img{text-align:center; margin:0 auto; padding:50px 0px; width:100%; max-width:1203px}
.lay_bs_info_img .sign img{text-align:left; margin:0; padding:0px; width:129px; max-width:129px; display:inline-block}
.lay_bs_area_img img{text-align:center; margin:0 auto; padding:50px 0px; width:100%; max-width:944px}
.lay_menu03_page01_img img{text-align:center; margin:0 auto; padding:50px 0px; max-width:1201px}
/*.bsinfo_sec2 .subpage {background:url('../../img/company/info_img01.png') no-repeat; background-size:474px; height:auto; background-position:right; height:365px} */
.bsinfo_sec3 .org_mo {display:none;}
.bsinfo_sec3 .org_pc img{margin:0px auto; width:100%; max-width:791px}
.bsinfo_sec3 .org_mo img{margin:0px auto; width:100%; max-width:526px}
.bsinfo_sec4 ul li {float:left; width:33.3%;}
.bsinfo_sec4 ul li img {margin:0 auto; max-width:404px; width:100%}
.location {color:#c1c1c1; font-size:24px}
.location a{color:#c1c1c1; font-size:24px; display:inline-block}
@media screen and (max-width:1199px){
#bo_v_title .bo_v_tit{font-size: 24px;}
/* 공통 Class */
.ell{-webkit-line-clamp: 3; height: 66px;}
.inner{width: 100%;}
.tit_area.subpage .desc{margin: 20px auto 0; font-size: 14px; line-height: 20px;}
/* 버튼 제어 */
a.btn, .btn{font-size: 13px;}
.bo_vc_w .btn_submit{font-size: 13px;}
.cmt_btn{font-size: 13px;}
/* 서브 페이지 */
.sub_sec{padding: 80px 0 90px;}
.tit_area.subpage .main_tit{font-size: 30px;}
/* 서브 배너 */
.sub_banner span{font-size: 50px;}
.sub_banner h2{font-size:16px;}
/* 서브 네비게이션 */
#mysubmenu{margin-top: -56.5px}
.tab_submenu{height: 65px;}
.tab_submenu .tab_sub2ul li a{line-height: 65px; font-size: 17px;}
/* 게시판 */
/* .sub_tit_top{margin: 90px auto 100px;} */
.sub_tit_top .tit_area{padding-bottom: 30px;}
.table_pb{padding-bottom: 90px;}
/* 게시판 카테고리 */
#bo_cate{margin: 20px 0 40px;}
#bo_cate ul{height: 40px;}
#bo_cate li{line-height: 40px;}
#bo_cate a{font-size: 13px;}
/* 게시판 검색 */
#bo_sch .sch_btn{font-size: 13px;}
.lay_menu03_page01_img img{padding:0px 0px 50px;}
.bsinfo_sec4 ul li {width:50%; padding-bottom:50px;}
}
@media screen and (max-width:1024px){
.sub_banner {background-position:right bottom; }
/* 게시판 페이지 번호매김 */
.pg_wrap{float: none; clear: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none;}
.pc_block {display:none}
.mo_block {display:block}
.lay_bs_info_img img{ padding:0px}
.lay_info_img img{position:initial; text-align:center; margin:0 auto; width:100%; max-width:474px; right:0px; top:-100px}
.location {font-size:18px}
.location a{font-size:18px;}
}
@media screen and (max-width:767px){
#bo_v_title .bo_v_tit{font-size: 20px;}
/* 서브 페이지 */
.sub_sec{padding: 60px 0 70px;}
/*게시판*/
.table_pb{padding-bottom: 70px;}
/* 게시판 카테고리 */
#bo_cate li{width: 100px;}
.bsinfo_sec3 .org_pc {display:none; }
.bsinfo_sec3 .org_mo {display:block;}
.location a{font-size:14px;}
.sub_title {font-size:24px; line-height:34px; }
br.none {display:none}
}
@media screen and (max-width:630px){
/* 첨부파일 */
#bo_w .bo_w_flie .file_wr{height: 80px;}
#bo_w .bo_w_flie .lb_icon{height: 100%;}
#bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
#bo_w .bo_w_flie .file_del label{font-size: 16px;}
.tit_area.subpage h3.main_tit { font-size:20px; line-height:38px; }
.tit_area.subpage h3.main_tit br {display:none}
.tit_area.subpage .line {margin:0 auto}
.bsinfo_sec2 .subpage .desc_area p { font-size:14px; line-height:24px;}
.bsinfo_sec2 .subpage .desc_area p b{ font-size:14px;}
.bsinfo_sec4 ul li {width:100%;}
.tit_area.subpage .main_tit span{font-size:24px; text-align:center}
}
@media screen and (max-width:480px){
.location {font-size:14px}
.location a{font-size:14px;}
/*.sub_title {font-size:30px; line-height:44px;}*/
/* 공통 Class */
/* .ell{-webkit-line-clamp: 2; height: `px;} */
.tit_area.subpage .desc{margin: 15px auto 0; font-size: 13px;}
/* 버튼 제어 */
a.btn, .btn{font-size: 12px;}
.bo_vc_w .btn_submit{font-size: 12px;}
.cmt_btn{font-size: 13px;}
.board_search{margin-bottom: 50px;}
/* 서브페이지 */
.sub_sec{padding: 0px 0px 50px;}
.tit_area.subpage .main_tit{font-size: 24px;}
/* 서브페이지 배너 */
.sub_banner{height:250px; background-size: auto 250px;}
.sub_banner span{font-size: 26px; font-weight:600; padding-bottom:5px}
.sub_banner h2{font-size: 14px;}
.sub_banner .text_area h3{font-size: 30px;}
/* 서브 네비게이션 */
#mysubmenu{margin-top: -24px}
#mysubmenu .inner{padding: 0;}
.tab_submenu{height: 50px;}
.tab_submenu .tab_sub2ul li a{line-height: 50px; font-size: 15px;}
/* 게시판 */
/* .sub_tit_top{margin: 50px auto 35px;} */
.sub_tit_top .tit_area{padding-bottom: 20px;}
.table_pb{padding-bottom: 50px;}
/* 게시판 상단 */
#bo_list_total{margin: 20px 0;}
#bo_list_total span{float: left; font-size: 12px;}
/* 게시판 카테고리 */
#bo_cate{margin: 0 0 40px; border: none;}
#bo_cate ul{width: 100%; height: 80px;}
#bo_cate li{width: 50%; height: 40px;}
#bo_cate a{border-right: 1px solid #ccc;}
#bo_cate li:last-child a{border-right: 1px solid #ccc;}
#bo_cate li:nth-child(2n-1) a{border-right: none;}
#bo_cate li:nth-last-of-type(1) a, #bo_cate li:nth-last-of-type(2) a{border-bottom: 1px solid #ccc;}
/*페이지 번호매김*/
.pg_current{width: 30px; height: 30px; line-height: 30px;}
.pg_page{width: 30px; height: 30px; line-height: 30px; margin: 0px;}
/* 게시판 검색 */
#bo_sch *{font-size: 11px;}
#bo_sch #sfl{width: 85px; background-position: 73px; background-size: 6px auto;}
#bo_sch .sch_input{width: calc(100% - 90px);}
#bo_sch .sch_btn{width: 50px; font-size: 12px;}
/*첨부파일 */
#bo_w .bo_w_flie .file_del label{font-size: 14px;}
/* 글쓰기 게시판 */
#bo_v_top .bo_v_left{width: 100%; margin: 0;}
#bo_v_top .bo_v_left li{margin: 0 0.5%; width: 24%;}
#bo_v_top .bo_v_left li a.btn, #bo_v_top .bo_v_left li .btn{width: 100%;}
#bo_v_top .bo_v_com{width: 100%; margin: 10px 0;}
#bo_v_top .bo_v_com li{margin: 0 0.5%; width: 32.3333%;}
#bo_v_top .bo_v_com li a.btn, #bo_v_top .bo_v_com li .btn{width: 100%;}
}
@media screen and (max-width:420px){
/* 게시판 관리자 area */
.bo_fx{width: 100%;}
.bo_fx .btn_bo_user{width: 100%;}
.bo_fx .btn_bo_user li{width: 24.25%; margin: 0 1% 0 0;}
.bo_fx .btn_bo_user li:nth-last-of-type(2){margin: 0;}
.bo_fx .btn_bo_user li .btn{width: 100%;}
.bo_fx .btn_bo_user li .btn_b01{width: 100%;}
.bo_fx .btn_bo_user a.btn_b02, .bo_fx .btn_bo_user .btn_b02{margin: 5px 0; width: 100%;}
.bo_fx .btn_bo_user li.bo_fx_write{width: 100%;}
}
@media screen and (max-width:400px){
/* 글쓰기 게시판 */
#bo_v_info .if_date{float: left;}
/* 첨부파일 */
#bo_w .bo_w_flie .file_wr{height: 120px;}
#bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
.lay_bs_info_img .sign img{padding-top:20px; display:block}
}
@media screen and (max-width: 380px){
/* 게시판 검색 */
#bo_sch .sch_input{width: 160px;}
#bo_sch .sch_btn{width: 45px;}
}
@media screen and (max-width: 360px){
/* 게시판 검색 */
#bo_sch .sch_input{width: 140px;}
}
@media screen and (max-width:767px){
/* .tbl_head01 { overflow-x: scroll;} */
/* .tbl_wrap table {min-width: 767px} */
}
a.more_btn {
font-size: 16px;
background: #143068;
padding: 10px 22px 10px 50px;
position: relative;
color: #fff;
display: inline-block;
}
a.more_btn:before {
content: "";
display: inline-block;
width: 50px;
height: 1px;
position: absolute;
background: #999999;
top: 50%;
transform: translateY(-50%);
left: -25px;
}