@charset "UTF-8";

/* 기본 - 검색틀 */
.sub_cont .sub_sch_box {position: relative; margin: 32px 0 0; padding: 30px 150px 30px 27px; box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.1); background-color: #ffffff;}
.sub_sch_area .sub_sch_box {position: inherit; margin: 0; padding: 30px 123px 30px 0; box-shadow: none; background: none;}
.sub_cont .sub_sch_box .row {display: table; width: 100%;}
.sub_cont .sub_sch_box .row label {display: table-cell; width: 100px; font-weight: 500; font-size: 16px; line-height: 45px; color: #000000; text-align: center; vertical-align: top;}
.sub_cont .sub_sch_box .row .slt_box {display: table-cell; width: 200px; padding: 0 5px 0 0; vertical-align: middle;}
.sub_cont .sub_sch_box .row .slt_box select {position: relative; width: 100%; height: 45px; border: 1px solid #c6cbcf; padding: 0 35px 0 19px; background-color: #ffffff; background-image: url("/images/user/common/slt_arr_icon.png"); background-position: right 22px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 45px; color: #000000; cursor: pointer;}
.sub_cont .sub_sch_box .row .input_box {display: table-cell; padding: 0; vertical-align: middle;}
.sub_cont .sub_sch_box .row .input_box input {width: 100%; height: 45px; border: 1px solid #c9ced2; padding: 0 20px; font-weight: 300; font-size: 15px; line-height: 45px; color: #333333;}
.sub_cont .sub_sch_box .row .input_box input::placeholder {color: rgba(0, 0, 0, 0.5);}
.sub_cont .sub_sch_box .st_sch_btn {display: block; position: absolute; top: 30px; right: 28px; overflow: hidden; width: 115px; height: 45px; background-color: #54575e; text-align: center;}
.sub_cont .sub_sch_area .sub_sch_box .st_sch_btn {right: 0;}
.sub_cont .sub_sch_box .st_sch_btn .ico {display: inline-block; position: relative; padding: 0 0 0 29px; font-weight: 400; font-size: 16px; line-height: 45px; color: #ffffff;}
.sub_cont .sub_sch_box .st_sch_btn .ico:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 21px; height: 21px; margin: -11px 0 0; background-image: url("/images/user/common/slt_btn_sch_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}

/* 기본 - 리스트 */
/* ==================== Table Style ==================== */
.board_area {overflow: hidden; margin: 52px 0 0;}
.board_area.sty2 {text-align: right;}
.board_area .title_box {width: 100%; overflow: hidden;}
.board_area .title_box .table_tit {position: relative; float: left; padding: 0 0 0 16px; font-weight: 500; font-size: 20px; line-height: 30px; color: #333333;}
.board_area .title_box .table_tit:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin: -4px 0 0; background-color: #f98407; border-radius: 50%;}
.board_area .title_box .fr {float: right;}
.board_area .title_box .view_cont {font-size: 0;}
.board_area .title_box .view_cont .text {display: inline-block; font-weight: 300; font-size: 14px; line-height: 30px; color: #8c8c8c;}
.board_area .title_box .view_cont .text.red {color: #f22929;}
.board_area .synthesis {display: inline-block; position: relative; padding: 0 0 0 18px; font-weight: 300; font-size: 14px; line-height: 21px; color: #333333;}
.board_area .synthesis.sty2 {padding: 0;}
.board_area .synthesis.fr {text-align: right;}
.board_area .synthesis:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 12px; margin: -6px 0 0; background-image: url("/images/user/common/synt_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.board_area .synthesis.sty2:before {display: none;}
.board_area .synthesis .num {color: #e03321;}
.board_area > .inner {overflow: hidden;}
.board_area > .inner > .synthesis {float: left; position: relative; padding: 0 0 0 18px; font-weight: 300; font-size: 14px; line-height: 21px; color: #333333;}
.board_area > .inner > .synthesis:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 12px; margin: -6px 0 0; background-image: url("/images/user/common/synt_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.board_area > .inner > .synthesis .num {color: #e03321;}
.board_area > .inner > .text {float: right; font-weight: 300; font-size: 14px; line-height: 21px; color: #e03321; text-align: right;}
.board_area > .inner > .text .ft_color {color: #2475e3;}
.board_area .board_list {width: 100%; margin: 15px 0 0; border-top: 2px solid #5f6577; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.board_area .board_list thead {border-bottom: 1px solid #d5d5d5; background-color: #f7f7f7;}
.board_area .board_list thead tr {}
.board_area .board_list thead tr th {padding: 13px 10px; font-weight: 500; font-size: 15px; line-height: 22px; color: #333333;}
.board_area .board_list tbody {}
.board_area .board_list tbody tr {border-bottom: 1px solid #d5d5d5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.board_area .board_list tbody tr:hover {background-color: #f7f7f7;}
.board_area .board_list tbody tr td {position: relative; padding: 13px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.board_area .board_list tbody tr td.ft_color {color: #084ea4;}
.board_area .board_list tbody tr td.tit {padding: 0; text-align: left;}
.board_area .board_list tbody tr td.tit a {display: block; padding: 13px 10px; text-align: center;}
.board_area .board_list tbody tr td.tit a .text {display: inline-block; position: relative;}
.board_area .board_list tbody tr td.tit a .text .new_icon {width: 19px; height: 20px; margin: 0 0 0 10px;}
.board_area .board_list tbody tr.latest td.tit a .text:after {display: block; content: ''; position: absolute; top: 2px; right: 0; width: 19px; height: 20px; background-image: url("/images/user/common/new_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.board_area .board_list tbody tr td .file {display: inline-block; width: 14px; height: 14px; background-image: url("/images/user/common/flie_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat; vertical-align: middle;}
.board_area .board_list tbody tr.red {background-color: #fcf0f0;}
.board_area .board_list tbody tr.red td {}

.board_area .board_list tbody tr.red td.key {font-weight: 500; color: #ec1a10;}
.board_area .board_list tbody tr.red td.num {color: #ec1a10;}
.board_area .board_list tbody tr.red td.tit .new {display: inline-block; width: 19px; height: 20px; margin: 0 0 0 10px; background-image: url("/images/user/common/new_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat; text-indent: -9999px;}
.board_area .board_list tbody tr.red td.date {}
.board_area .board_list tbody tr.red td.file {}
.board_area .board_list tbody tr.red td.file span {cursor: pointer;}
.board_area .board_list tbody tr td.error {color: #ec1a10;}
.board_area .board_list tbody tr td .m_tit {display: none; font-size: 14px;}
.board_area .board_list tbody tr td.state {}
.board_area .board_list tbody tr td.state .str_com {display: inline-block; width: 70px; font-weight: 400; font-size: 14px; line-height: 27px; color: #ffffff; text-align: center;}
.board_area .board_list tbody tr td.state2 .str_com {display: inline-block; font-weight: 400; font-size: 14px; line-height: 27px; text-align: center;}
.board_area .board_list tbody tr td.state .str1 {background-color: #ee4444;}
.board_area .board_list tbody tr td.state .str2 {background-color: #f19a1d;}
.board_area .board_list tbody tr td.state .str3 {background-color: #9e9aa7;}
.board_area .board_list tbody tr td.state .str4 {background-color: #3f2189;}
.board_area .board_list tbody tr td.state .str5 {background-color: #7e5cd3;}
.board_area .board_list tbody tr td.state2 .str1 {color: #ee4444;}
.board_area .board_list tbody tr td.state2 .str2 {color: #f19a1d;}
.board_area .board_list tbody tr td.state2 .str3 {color: #1f6ae6;}
.board_area .board_list tbody tr td.state2 .str4 {color: #3f2189;}
.board_area .board_list tbody tr td.state2 .str5 {color: #7e5cd3;}
.board_area .board_list tbody tr td.area {text-align: left;}
.board_area .board_list tbody tr td.area > div {display: inline-block; position: relative; width: 100%; max-width: 400px; padding: 0 140px 0 0;}
.board_area .board_list tbody tr td.area > div .bw_in_btn.sty2 {position: absolute; top: 0; right: 0; margin: 0;}
.board_area .board_list tbody tr td.area input {width: 100%; height: 40px; margin: 0 10px 0 0; border: 1px solid #e9ecef; padding: 0 10px; font-weight: 300; font-size: 14px; line-height: 21px; color: #333333; vertical-align: middle;}
.board_area .board_list tbody tr td.area .inp_01.top {display: inline-block; max-width: 250px; margin: 0 10px 0 0;}
.board_area .board_list tbody tr td.area .inp_01 {display: block; margin: 10px 0 0;}
.board_area .board_list tbody tr td .chk_each .vchkbox {top: 1px;}
/* ==================== Table Style ==================== */

/* ==================== 게시판 VIEW Style ==================== */
.board_view {margin: 32px 0 0; border-bottom:1px solid #d7d7d7;}
.board_view_top {position:relative; z-index:1; padding:0 65px 20px; border-bottom: 2px solid #5f6577; text-align:center;}
.board_view_top.btn_non {padding: 0 0 20px;}
.board_view_top .board_text_list {}
.board_view_top .board_text_list .list {font-size: 0;}
.board_view_top .board_text_list .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #777777;}
.board_view_top .board_text_list .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; margin: -7px 0 0; background-color: #777777;}
.board_view_top .board_text_list .list li:last-child {margin: 0; padding: 0;}
.board_view_top .board_text_list .list li:last-child:after {display: none;}
.board_view_top .board_text_list .list li.ft_color {color: #2475e3;}
.board_view_top > .ft_color {}
.board_view_top .mark_box {margin-bottom:10px;}
.board_view_top .mark {display:inline-block; padding:5px 10px; background-color: #ec1a10; color:#ffffff; font-size:15px;}
.board_view_top .mark.new {background-color: #ff9000;}
.board_view_top .mark.sort {background-color: #ffffff; border:1px solid #2196f3; color:#2196f3;}
.board_view_top .mark_list {margin: 0 0 5px; font-size: 0;}
.board_view_top .mark_list .mark {display: inline-block; width: 43px; height: 21px; margin: 0 2px 0 0; padding: 0; background-color: inherit;font-family: 'Noto Sans KR'; font-weight: 400; font-size: 12px; line-height: 21px; color: #ffffff; text-align: center; vertical-align: middle;}
.board_view_top .mark_list .mark:last-child {margin: 0;}
.board_view_top .mark_list .mark.bg_1 {background-color: #ff6363;}
.board_view_top .mark_list .mark.bg_2 {background-color: #3a7fcd;}
.board_view_top .mark_list .mark.bg_3 {background-color: #4fc15f;}
.board_view_top .mark_list .mark.bor {line-height: 19px;}
.board_view_top .mark_list .mark.bor_1 {border: 1px solid #f98d00; color: #f98d00;}
.board_view_top .mark_list .mark.bor_2 {border: 1px solid #826df1; color: #826df1;}
.board_view_top .mark_list .mark.bor_3 {border: 1px solid #848484; color: #848484;}
.board_view_top .tit {display:block; margin-bottom:20px; font-size:1.6em;}
.board_view_top .tit .ft_c {display: block; color: #434194;}
.board_view_top .tit .mark {margin-right:5px; vertical-align:top;}
.board_view_top .info {color:#777777; font-size:0;}
.board_view_top .info .each {display:inline-block; font-size:15px;}
.board_view_top .info .each:after {content:"|"; display:inline-block; margin-top:-2px; padding:0 15px; color:#d7d7d7; font-size:12px; vertical-align:middle;}
.board_view_top .info .each:last-child:after {display:none;}
.board_view_top .controler {position:absolute; left:20px; top:50%; z-index:1; width:30px; height:40px; line-height:40px; margin-top:-15px; font-size:30px; text-align:center;}
.board_view_top .controler:hover {-webkit-animation: scale1_3 0.8s infinite; animation: scale1_3 0.8s infinite;}
.board_view_top .next {left:auto; right:20px;}

.board_view_top .btn_arr {position: absolute; top: 50%; width: 16px; height: 27px; margin: -13px 0 0; background-position: 0 0; background-size: cover; background-repeat: no-repeat; text-indent: -9999px;}
.board_view_top .board_prev {left: 25px; background-image: url("/images/user/common/board_prev.jpg");}
.board_view_top .board_next {right: 25px; background-image: url("/images/user/common/board_next.jpg");}

.board_view_con {padding:40px 25px;}

.board_view_file {display:table; width:100%; border-collapse:collapse; border-top:1px solid #d7d7d7;}
.board_view_file .tit {display:table-cell; width:20%; padding:15px 25px; background-color :#f5f7f9; vertical-align:middle;}
.board_view_file .file_box {display:table-cell; padding:15px 20px; vertical-align:middle;}
.board_view_file .file_each {margin-bottom:13px;}
.board_view_file .file_each:last-child {margin-bottom:0;}
.board_view_file .file_each a:hover, .board_view_file .file_each a:focus {text-decoration:underline;}
.board_view_file .file_each a {position: relative; padding: 0 0 0 20px; background-image: url("/images/user/basic/attach_ico.png"); background-position: 0 3px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 22px;}
.board_view_file .file_each button {width: 78px; height: 29px; margin: 0 0 0 10px; border: 1px solid #373737;}
.board_view_file .file_each button:hover, .board_view_file .file_each button:focus {border: none; background-color: #373737; color: #ffffff;}
.board_view_file .file_each button .text {display: inline-block; font-weight: 400; font-size: 14px; line-height: 27px; color: #373737; box-sizing: border-box;}
.board_view_file .file_each button:hover .text, .board_view_file .file_each button:focus .text {color: #ffffff;}
/* ==================== 게시판 VIEW Style ==================== */

/* ==================== Pagination Style ==================== */
.pagination {margin-top:20px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 34px; height: 34px; margin: 0 0 3px; font-size: 15px; line-height: 34px; text-align: center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination a:hover, .pagination a:focus, .pagination .active {background-color:#d5d5d5;}
.pagination .page_arrow {position: relative;}
.pagination .page_arrow:before {display: block; content: ''; position: absolute; top: 50%; height: 12px; background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.pagination .page_arrow.l1 {margin: 0 40px 3px 0;}
.pagination .page_arrow.l1:before {left: 50%; width: 9px; margin: -6px 0 0 -4px; background-image: url("/images/user/common/page_l1.png");}
.pagination .page_arrow.l2 {}
.pagination .page_arrow.l2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url("/images/user/common/page_l2.png");}
.pagination .page_arrow.r1 {margin: 0 0 3px 40px;}
.pagination .page_arrow.r1:before {left: 50%; margin: -6px 0 0 -4px; width: 9px; margin: -6px 0 0 -4px; background-image: url("/images/user/common/page_r1.png");}
.pagination .page_arrow.r2 {}
.pagination .page_arrow.r2:before {left: 50%; width: 17px; margin: -6px 0 0 -8px; background-image: url("/images/user/common/page_r2.png");}

.pagination.skin3 {margin-top: 60px;}
.pagination.skin3 a:hover, .pagination.skin3 a:focus, .pagination.skin3 .active {background-color: #545454; color: #ffffff;}
/* ==================== Pagination Style ==================== */