@charset "utf-8";
select { cursor: pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }

.sub_board .inner{ padding: 100px 0; max-width: 1200px; }
.sub_board .inner > h2{ font-size: 45px; font-weight: 700; color: #111; letter-spacing: -2px; line-height: 60px; text-align: center; margin-bottom: 70px; }




/* 게시판 댓글 */
.cmt_btn {width:100%; text-align:left; border: none; background:#fff; padding-bottom: 15px; margin-top: 50px; border-bottom: 1px solid #e6e6e6; }
.cmt_btn span.total{ position:relative;display:inline-block; margin-right:5px; font-size:18px; font-weight: 500; color:#1a4fa0; letter-spacing: -0.8px; }
.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:8px}
.cmt_btn_op span.cmt_more{ background-position:right -8px; }
.cmt_btn b{ color:#000; }
#bo_vc article { position:relative; padding-top: 20px; border-bottom: 1px solid #e6e6e6; }
#bo_vc article .cm_top{ display: flex; align-items: center; margin-bottom: 10px; }
#bo_vc article .cm_top > .pf_img{ margin-right:10px; }
#bo_vc article .cm_top > .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_top > p{ font-size: 15px; font-weight: 500; color: #111; letter-spacing: -0.5px; }
#bo_vc article .cm_top > p span:last-of-type{ display: inline-block; font-weight: 300; color: #666; margin-left: 5px; }
#bo_vc article .cm_wrap{ width: 100%; }
#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_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents { font-size: 15px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 30px; }
#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: 20px; 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; display:block; margin-top: 20px; }
.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 {width: 100%; height: 120px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 20px; border: 1px solid #e6e6e6; border-radius: 0; outline: none; resize: none; transition: all 0.2s ease-in-out; }
.bo_vc_w textarea:focus,
.bo_vc_w textarea:focus-visible{ border: 1px solid #1a4fa0; }
.bo_vc_w .btn_confirm { width: 100%; margin-top: 10px; }







/*? 체크박스 */
.selec_chk { display: none; }
.chkBox {position:relative; }
.chkBox input[type="checkbox"]{ display: none; }
.chkBox input[type="checkbox"] + label { position:relative; font-size: 14px; font-weight: 400; color: #797979; letter-spacing: -0.5px; line-height: 22px; cursor: pointer; }
.chkBox input[type="checkbox"] + label span{ display: inline-block; width: 22px; height: 22px; background: #f8f8f8; border: 1px solid #ddd; border-radius: 2px; vertical-align: -7px; }
.chkBox input[type="checkbox"]:checked + label span{ background: url(/img/ico_board_check.png) no-repeat center center, #1a4fa0; border: 1px solid #1a4fa0; }

/*? 관리자 버튼 */
#btn_bo_user{ width: 100%; }
#btn_bo_user ul{ display: flex; align-items: center; justify-content: flex-end; }
#btn_bo_user ul li{ text-align:center; margin-left: 7px;}
#btn_bo_user ul > li > *{ display: inline-block; height: 37px; font-size: 14px; font-weight:400; line-height: 35px; color: #4b4b4b; border: 1px solid #dedede; padding: 0 20px; background-color: #fff; border-radius:0; }
#btn_bo_user ul > li > .btn_admin{ color: #1a4fa0; border: 1px solid #1a4fa0; }

/*? 확인버튼 */
.btn_confirm{ text-align: center; margin-top: 30px; }
.btn_confirm #btn_submit{ display: inline-block; height: 50px; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.5px; line-height: 48px; border: 1px solid #1a4fa0; border-radius: 0; padding: 0 40px; background: #1a4fa0; transition: all 0.2s ease-in-out; }

/* ? 문의글보기 버튼 */
.go_list{ display: block; width: 100px; height: 34px; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.5px; line-height: 34px; text-align: center; background: #777; margin-left: auto; margin-bottom: 10px; }






@media screen and (max-width: 767px){ 

    /*? 카테고리 */
    #bo_cate{ margin-bottom: 30px; }
    #bo_cate > ul{ flex-wrap: wrap; }
    #bo_cate > ul li{ width: 33.33%; }
    #bo_cate > ul li:nth-of-type(3n-1){ margin-left: 0; }
    #bo_cate > ul li:nth-of-type(n+4){ margin-top: -1px; }
    #bo_cate > ul li a{ font-size: 13px; line-height: 45px; }

    /*? 체크박스 */
    .chkBox input[type="checkbox"] + label{ font-size: 13px; line-height: 20px; }
    .chkBox input[type="checkbox"] + label span{ width: 20px; height: 20px; vertical-align: -5px; }

    /*? 관리자 버튼 */
    #btn_bo_user ul li{ margin-left: 3px;}
    #btn_bo_user ul > li > *{ height: 32px; font-size: 11px; line-height: 32px; padding: 0 7px; }

    /*? 확인버튼 */
    .btn_confirm #btn_submit{ color: #fff; background-color: #1a4fa0; }

    /*! ========== L I S T ========== */
    #bo_list{ width: 100%; max-width: 700px; margin: 0 auto; }
    #bo_list .bo_total{ font-size: 14px; font-weight: 400; color: #333; margin-bottom: 10px; }
    #bo_list .bo_total strong{ color: #3f4b8a; }
    #bo_list .table_wrap table{ width: 100%; border-collapse: collapse; border-top: 2px solid #444; }
    #bo_list .table_wrap table caption{ display: none; }
    #bo_list .table_wrap table tr{ border-bottom: 1px solid #e6e6e6; transition: all 0.2s ease-in-out; }
    #bo_list .table_wrap table thead tr th{ height: 55px; font-size: 14px; font-weight: 500; color: #111111; letter-spacing: -0.5px; text-align: center; padding: 5px; }
    #bo_list .table_wrap table thead tr th.all_chk{ width: 30px !important; }
    #bo_list .table_wrap table thead tr th.th_num{ width: 40px !important; }
    #bo_list .table_wrap table thead tr th.th_subject{ width: 45% !important; }
    #bo_list .table_wrap table thead tr th.th_name{ width: 50px !important; }
    #bo_list .table_wrap table thead tr th.th_state{ width: 55px !important; }
    #bo_list .table_wrap table thead tr th a{ display: block; }
    #bo_list .table_wrap table tbody tr:hover{ background-color: #f8f8f8; }
    #bo_list .table_wrap table tbody tr.bo_notice{ background-color: #f6f7fb; }
    #bo_list .table_wrap table tbody tr td{ height: 55px; font-size: 13px; font-weight: 400; color: #585858; letter-spacing: -0.5px; text-align: center; padding: 5px; }
    #bo_list .table_wrap table tbody tr td .notice_icon{ display: inline-block; width: 36px; height: 36px; background: url(/img/ico_bell.png) no-repeat 13px center,#3f4b8a; background-size: 12px; border-radius: 50%; text-indent: -9999px; }
    #bo_list .table_wrap table tbody tr td.td_subject{ text-align: left; padding: 5px 10px; }
    #bo_list .table_wrap table tbody tr td.td_state > span{ display: inline-block; width: 60px; font-size: 11px; color: #fff; line-height: 30px; background: #aaa; }
    #bo_list .table_wrap table tbody tr td.td_state > span.comment_on{ background: #1a4fa0; }
    #bo_list .table_wrap table tbody tr td .bo_tit a{ display: inline-block; color: #585858; border-bottom: 1px solid transparent; transition: all 0.1s ease-in-out; }
    #bo_list .table_wrap table tbody tr td .bo_tit a:hover{ color: #3f4b8a; border-bottom: 1px solid #3f4b8a; }
    #bo_list .table_wrap table tbody tr td .bo_tit a > span{ display: none; }
    #bo_list .table_wrap table tbody tr td .new_icon{ display: inline-block; width: 15px; height: 15px; font-size: 10px; font-weight: 500; color: #3f4b8a; line-height: 13px; text-align: center; border: 1px solid #ddd; background: #f8f8f8; vertical-align: 1px; padding-bottom: 2px; margin-left: 5px; }

    /*! ========== V I E W ========== */
    #bo_v{ width: 100%; max-width: 700px; margin: 0 auto; }
    #bo_v > #bo_v_title{ padding: 0 0 30px; }
    #bo_v > #bo_v_title > h3{ font-size: 24px; font-weight: 700; color: #111; letter-spacing: -1px; line-height: 40px; }
    #bo_v > #bo_v_atc #bo_v_img img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con table{ width: 100%; border-collapse: collapse; border-top: 1px solid #e6e6e6; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr{ border-bottom: 1px solid #e6e6e6; text-align: left; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr th{ width: 100px; font-size: 13px; font-weight: 500; color: #111; line-height: 24px; word-break: keep-all; padding: 10px; background: #f8f8f8; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr td{ width: calc(100% - 100px); font-size: 13px; font-weight: 400; color: #111; line-height: 24px; padding: 10px 15px; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr td a{ font-weight: 500; color: #1a4fa0; }
    #bo_v > #btn_bo_user{ margin-top: 20px; }


    /*! ========== W R I T E ========== */
    #bo_w{ width: 100%; max-width: 700px; margin: 0 auto; }
    #bo_w .write_box{ margin-bottom: 20px; }
    #bo_w .write_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    #bo_w .write_box ul li{ width: 100%; margin-bottom: 10px; }
    #bo_w .write_box label{ display: block; font-size: 16px; font-weight: 500; color: #111; letter-spacing: -0.5px; margin-bottom: 5px; }
    #bo_w .write_box label strong{ font-weight: 700; color:#eb1a1a; }
    #bo_w .write_box label em{ font-size: 13px; font-weight: 400; font-style: normal; }
    #bo_w .write_box select{ background: url(/img/ico_select.png) no-repeat 97% center, #fff; background-size: auto;}
    #bo_w .write_box select,
    #bo_w .write_box input{ width: 100%; height: 55px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 0 15px; border: 1px solid #ececec; border-radius: 0; outline: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea{ width: 100%; height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 20px; border: 1px solid #ececec; border-radius: 0; outline: none; resize: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea:focus,
    #bo_w .write_box textarea:focus-visible,
    #bo_w .write_box select:focus,
    #bo_w .write_box select:focus-visible,
    #bo_w .write_box input:focus,
    #bo_w .write_box input:focus-visible{ border: 1px solid #1a4fa0; }
    #bo_w .write_box input::placeholder{ font-size: 14px; color: #797979; }
    #bo_w .filebox{ height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border: 1px solid #ececec; }
    #bo_w .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
    #bo_w .filebox label { display:inline-block; width:100px; padding:0 5px; height:35px; font-size: 14px; font-weight: 400; color: #111; line-height: 35px; text-align: center; background-color: #f8f8f8; border: 1px solid #ececec; border-radius: 0; cursor: pointer; margin-left: 10px; margin-bottom: 0; }
    #bo_w .filebox .upload-name { display: inline-block; width: 60%; font-size: 14px; color: #797979; border: 0; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


}

@media screen and (min-width:768px) and (max-width: 1199px){

    /*! ========== L I S T ========== */
    #bo_list{ width: 100%; margin: 0 auto; }
    #bo_list .bo_total{ font-size: 14px; font-weight: 400; color: #333; margin-bottom: 10px; }
    #bo_list .bo_total strong{ color: #3f4b8a; }
    #bo_list .table_wrap table{ width: 100%; border-collapse: collapse; border-top: 2px solid #444; }
    #bo_list .table_wrap table caption{ display: none; }
    #bo_list .table_wrap table tr{ border-bottom: 1px solid #e6e6e6; transition: all 0.2s ease-in-out; }
    #bo_list .table_wrap table thead tr th{ height: 55px; font-size: 14px; font-weight: 500; color: #111111; letter-spacing: -0.5px; text-align: center; padding: 10px; }
    #bo_list .table_wrap table thead tr th a{ display: block; }
    #bo_list .table_wrap table tbody tr:hover{ background-color: #f8f8f8; }
    #bo_list .table_wrap table tbody tr.bo_notice{ background-color: #f6f7fb; }
    #bo_list .table_wrap table tbody tr td{ height: 55px; font-size: 14px; font-weight: 400; color: #585858; letter-spacing: -0.5px; text-align: center; padding: 10px; }
    #bo_list .table_wrap table tbody tr td .notice_icon{ display: inline-block; width: 36px; height: 36px; background: url(/img/ico_bell.png) no-repeat 13px center,#3f4b8a; background-size: 12px; border-radius: 50%; text-indent: -9999px; }
    #bo_list .table_wrap table tbody tr td.td_subject{ text-align: left; padding: 10px 20px; }
    #bo_list .table_wrap table tbody tr td.td_state > span{ display: inline-block; width: 90px; font-size: 13px; color: #fff; line-height: 32px; background: #aaa; }
    #bo_list .table_wrap table tbody tr td.td_state > span.comment_on{ background: #1a4fa0; }
    #bo_list .table_wrap table tbody tr td .bo_tit a{ display: inline-block; color: #585858; border-bottom: 1px solid transparent; transition: all 0.1s ease-in-out; }
    #bo_list .table_wrap table tbody tr td .bo_tit a:hover{ color: #3f4b8a; border-bottom: 1px solid #3f4b8a; }
    #bo_list .table_wrap table tbody tr td .bo_tit a > span{ display: none; }
    #bo_list .table_wrap table tbody tr td .new_icon{ display: inline-block; width: 15px; height: 15px; font-size: 10px; font-weight: 500; color: #3f4b8a; line-height: 13px; text-align: center; border: 1px solid #ddd; background: #f8f8f8; vertical-align: 1px; padding-bottom: 2px; margin-left: 5px; }

    /*! ========== V I E W ========== */
    #bo_v{ width: 100%; margin: 0 auto; }
    #bo_v > #bo_v_title{ padding: 0 0 30px; }
    #bo_v > #bo_v_title > h3{ font-size: 24px; font-weight: 700; color: #111; letter-spacing: -1px; line-height: 40px; }
    #bo_v > #bo_v_atc #bo_v_img img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con table{ width: 100%; border-collapse: collapse; border-top: 1px solid #e6e6e6; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr{ border-bottom: 1px solid #e6e6e6; text-align: left; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr th{ width: 160px; font-size: 15px; font-weight: 500; color: #111; line-height: 27px; word-break: keep-all; padding: 10px 20px; background: #f8f8f8; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr td{ font-size: 15px; font-weight: 400; color: #111; line-height: 27px; word-break: keep-all; padding: 10px 20px; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr td a{ font-weight: 500; color: #1a4fa0; }
    #bo_v > #btn_bo_user{ margin-top: 40px; }

    /*! ========== W R I T E ========== */
    #bo_w{ width: 100%; margin: 0 auto; }
    #bo_w .write_box{ margin-bottom: 20px; }
    #bo_w .write_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    #bo_w .write_box ul li.wid03{ width: 32.5%; }
    #bo_w .write_box ul li.wid02{ width: 49.5%; }
    #bo_w .write_box ul li:nth-of-type(n+3){ margin-top: 20px; }
    #bo_w .write_box label{ display: block; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -0.5px; margin-bottom: 10px; }
    #bo_w .write_box label strong{ font-weight: 700; color:#eb1a1a; }
    #bo_w .write_box label em{ font-size: 15px; font-weight: 400; font-style: normal; }
    #bo_w .write_box select{ background: url(/img/ico_select.png) no-repeat 97% center, #fff; background-size: auto;}
    #bo_w .write_box select,
    #bo_w .write_box input{ width: 100%; height: 55px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 0 20px; border: 1px solid #ececec; border-radius: 0; outline: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea{ width: 100%; height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 20px; border: 1px solid #ececec; border-radius: 0; outline: none; resize: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea:focus,
    #bo_w .write_box textarea:focus-visible,
    #bo_w .write_box select:focus,
    #bo_w .write_box select:focus-visible,
    #bo_w .write_box input:focus,
    #bo_w .write_box input:focus-visible{ border: 1px solid #1a4fa0; }
    #bo_w .write_box input::placeholder{ font-size: 14px; color: #797979; }
    #bo_w .filebox{ height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border: 1px solid #ececec; }
    #bo_w .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
    #bo_w .filebox label { display:inline-block; width:100px; padding:0 5px; height:35px; font-size: 14px; font-weight: 400; color: #797979; line-height: 35px; text-align: center; background-color: #f8f8f8; border: 1px solid #ececec; border-radius: 0; cursor: pointer; margin-left: 10px; margin-bottom: 0; }
    #bo_w .filebox .upload-name { display: inline-block; width: 60%; font-size: 14px; color: #797979; border: 0; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

}

@media screen and (min-width: 1200px){

    /*! ========== L I S T ========== */
    #bo_list{ width: 100%; max-width: 1255px; margin: 0 auto; }
    #bo_list .bo_total{ font-size: 14px; font-weight: 400; color: #333; margin-bottom: 10px; }
    #bo_list .bo_total strong{ color: #3f4b8a; }
    #bo_list .table_wrap table{ width: 100%; border-collapse: collapse; border-top: 2px solid #444; }
    #bo_list .table_wrap table caption{ display: none; }
    #bo_list .table_wrap table tr{ border-bottom: 1px solid #e6e6e6; transition: all 0.2s ease-in-out; }
    #bo_list .table_wrap table thead tr th{ height: 55px; font-size: 14px; font-weight: 500; color: #111111; letter-spacing: -0.5px; text-align: center; padding: 10px; }
    #bo_list .table_wrap table thead tr th a{ display: block; }
    #bo_list .table_wrap table tbody tr:hover{ background-color: #f8f8f8; }
    #bo_list .table_wrap table tbody tr.bo_notice{ background-color: #f6f7fb; }
    #bo_list .table_wrap table tbody tr td{ height: 55px; font-size: 14px; font-weight: 400; color: #585858; letter-spacing: -0.5px; text-align: center; padding: 10px; }
    #bo_list .table_wrap table tbody tr td .notice_icon{ display: inline-block; width: 36px; height: 36px; background: url(/img/ico_bell.png) no-repeat 13px center,#3f4b8a; background-size: 12px; border-radius: 50%; text-indent: -9999px; }
    #bo_list .table_wrap table tbody tr td.td_subject{ text-align: left; padding: 10px 20px; }
    #bo_list .table_wrap table tbody tr td.td_state > span{ display: inline-block; width: 90px; font-size: 13px; color: #fff; line-height: 32px; background: #aaa; }
    #bo_list .table_wrap table tbody tr td.td_state > span.comment_on{ background: #1a4fa0; }
    #bo_list .table_wrap table tbody tr td .bo_tit a{ display: inline-block; color: #585858; border-bottom: 1px solid transparent; transition: all 0.1s ease-in-out; }
    #bo_list .table_wrap table tbody tr td .bo_tit a:hover{ color: #3f4b8a; border-bottom: 1px solid #3f4b8a; }
    #bo_list .table_wrap table tbody tr td .bo_tit a > span{ display: none; }
    #bo_list .table_wrap table tbody tr td .new_icon{ display: inline-block; width: 15px; height: 15px; font-size: 10px; font-weight: 500; color: #3f4b8a; line-height: 13px; text-align: center; border: 1px solid #ddd; background: #f8f8f8; vertical-align: 1px; padding-bottom: 2px; margin-left: 5px; }

    /*! ========== V I E W ========== */
    #bo_v{ width: 100%; max-width: 1255px; margin: 0 auto; }
    #bo_v > #bo_v_title{ padding: 0 0 30px; }
    #bo_v > #bo_v_title > h3{ font-size: 24px; font-weight: 700; color: #111; letter-spacing: -1px; line-height: 40px; }
    #bo_v > #bo_v_atc #bo_v_img img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con img{ max-width: 100%; }
    #bo_v > #bo_v_atc #bo_v_con{ width: 100%; min-height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; line-height: 28px; }
    #bo_v > #bo_v_atc #bo_v_con table{ width: 100%; border-collapse: collapse; border-top: 1px solid #e6e6e6; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr{ border-bottom: 1px solid #e6e6e6; text-align: left; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr th{ width: 160px; font-size: 15px; font-weight: 500; color: #111; line-height: 27px; word-break: keep-all; padding: 10px 20px; background: #f8f8f8; }
    #bo_v > #bo_v_atc #bo_v_con table tbody tr td{ font-size: 15px; font-weight: 400; color: #111; line-height: 27px; word-break: keep-all; padding: 10px 20px; }
    #bo_v > #btn_bo_user{ margin-top: 40px; }
    #bo_v .bo_vc_w_info { display: flex; align-items: flex-start; padding-top: 30px; }
    #bo_v .bo_vc_w_info > input{ margin-right: 10px; }

    /*! ========== W R I T E ========== */
    #bo_w{ width: 100%; max-width: 1255px; margin: 0 auto; }
    #bo_w .write_box{ margin-bottom: 20px; }
    #bo_w .write_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    #bo_w .write_box ul li.wid03{ width: 32.5%; }
    #bo_w .write_box ul li.wid02{ width: 49.5%; }
    #bo_w .write_box ul li:nth-of-type(n+3){ margin-top: 20px; }
    #bo_w .write_box label{ display: block; font-size: 18px; font-weight: 500; color: #111; letter-spacing: -0.5px; margin-bottom: 10px; }
    #bo_w .write_box label strong{ font-weight: 700; color:#eb1a1a; }
    #bo_w .write_box select{ background: url(/img/ico_select.png) no-repeat 97% center, #fff; background-size: auto;}
    #bo_w .write_box select,
    #bo_w .write_box input{ width: 100%; height: 55px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 0 20px; border: 1px solid #ececec; border-radius: 0; outline: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea{ width: 100%; height: 200px; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.5px; padding: 20px; border: 1px solid #ececec; border-radius: 0; outline: none; resize: none; transition: all 0.2s ease-in-out; }
    #bo_w .write_box textarea:focus,
    #bo_w .write_box textarea:focus-visible,
    #bo_w .write_box select:focus,
    #bo_w .write_box select:focus-visible,
    #bo_w .write_box input:focus,
    #bo_w .write_box input:focus-visible{ border: 1px solid #1a4fa0; }
    #bo_w .write_box input::placeholder{ font-size: 14px; color: #797979; }
}
