@charset "UTF-8";

/********** useful **********/
.hide {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); font-size: 1px;}
caption {position: static; overflow: hidden; width: 1px; height: 1px; margin: -1px 0 0 0; padding: 0; font-size: 1px; text-indent: -9999px;}
.clearfix:after {content: ""; display: block; width: 0; height: 0; font-size: 0; clear: both;}
.none {display: none !important;}
.on_iblock {display: inline-block !important;}
.on_block {display: block !important;}
.pc-view {display: block !important;}
.m-view {display: none !important;}
.fc_fff {color: #fff;}
.fc_333 {color: #333;}
.fc_666 {color: #666;}
.fc_red {color: #f00 !important;}
.fc_orange {color: #ff6600;}
.fc_blue {color: #0e438d;}
.fc_skyblue {color: #00B1FF;}
.fw_500 {font-weight: 500;} /* 주 사용 폰트의 font-face 에 맞춰 사용 */
.fw_700 {font-weight: 700;}
.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_r {text-align: right !important;}
.dotdot {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mid_helper {display: inline-block; height: 100%; vertical-align: middle;}
.link_txt {color: #3557ad;}
.link_txt.break, .wdb_break {word-break: break-all;}
.link_txt.ico {padding-right: 15px; background: url('../images/board/nwin_ico.png') right 0 center/12px no-repeat;}
.link_txt:hover {text-decoration: underline;}
.focuson_red:focus {outline-color: red;}

.on_991 {display: none !important;}
.on_767 {display: none !important;}
.on_480 {display: none !important;}
.ib_991 {display: none !important;}
.ib_767 {display: none !important;}
.ib_480 {display: none !important;}
.i_991 {display: none !important;}
.i_767 {display: none !important;}
.i_480 {display: none !important;}

.mt_3 {margin-top: 3px;}
.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mt_25 {margin-top: 25px;}
.mt_30 {margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}

.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}
.mb_25 {margin-bottom: 25px;}
.mb_30 {margin-bottom: 30px;}
.mb_40 {margin-bottom: 40px;}
.mb_50 {margin-bottom: 50px;}

.mr_5 {margin-right: 5px;}
.mr_10 {margin-right: 10px;}
.mr_20 {margin-right: 20px;}
.ml_10 {margin-left: 10px;}
.ml_20 {margin-left: 20px;}
.ml_30 {margin-left: 30px;}

.fl_l {float: left !important; }
.fl_r {float: right !important;}
/********** // useful **********/
.txt {font-size: 16px; line-height: 1.4;}
.tit {font-size: 22px; font-weight: 500;}

.tit_box {width: 100%; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; margin-top: 200px; }
.tit_box span {display: inline-block;}
.tit_box .mtxt {position: relative; display: inline-block; padding: 50px 0 15px 0; font-size: 30px; font-weight: 500; color: #003676; line-height: 1.5px;}
.tit_box .txt {font-size: 14px;}

.bw_each {margin: 20px 0;}
.bw_each2 {margin: 10px 0;}

.bw_each .bull{padding: 0 7px;}

/* common_btn */
.common_btn_box {margin: 20px 0; font-size: 0; text-align: center;}
.common_btn {display: inline-block; position: relative; overflow: hidden; min-width: 150px; height: 45px; line-height: 42px; margin: 3px 8px; padding: 0 20px; color: #fff; background-color: #003676; border: 1px solid #003676; border-radius: 6px; font-size: 16px; text-align:center; vertical-align: top; transition:all 0.3s;}
.common_btn:hover:before {opacity: 0; -ms-transform: translate(0,0); transform: translate(0,0);}
.common_btn:hover, .common_btn:focus, .common_btn.selected {border: 1px solid #003676; background-color: #FFF; color: #003676!important;}
.common_btn.submit {border: 1px solid #B5B5B5; background-color: #B5B5B5;}
.common_btn.submit:hover, .common_btn.submit:focus, .common_btn.submit.selected {color: #FFF!important; border: 1px solid #656766; background-color: #656766;}
.common_btn.line {color: #64358C; border: 1px solid #64358C; background-color: #fff;}
.common_btn.line:hover, .common_btn.line:focus, .common_btn.line.selected {color: #fff; background-color: #64358C;}
.common_btn.fail {border: 1px solid #EC6608; background-color: #EC6608;}
.common_btn.fail:hover, .common_btn.fail:focus, .common_btn.fail.selected {color: #EC6608!important; border: 1px solid #EC6608; background-color: #FFF;}
.common_btn.navi {color: #FFF; border: 1px solid #373a5b; background-color:#373a5b;}
.common_btn.navi:hover, .common_btn.navi:focus, .common_btn.navi.selected {color: #373a5b; background-color: #FFF;}

.sub_btn_box {margin: 10px 0; font-size: 0; text-align: center;}
.sub_btn{display: inline-block; position: relative; overflow: hidden; min-width: 100px; height: 30px; line-height: 28px; margin: 3px 5px; padding: 0 10px; color: #fff; background-color: #003676; border: 1px solid #003676; border-radius: 6px; font-size: 14px; text-align:center; vertical-align: top; transition:all 0.3s;}
.sub_btn:hover, .sub_btn:focus, .sub_btn.selected {border: 1px solid #003676; background-color: #FFF; color: #003676!important;}

/* form_cont */
.form_cont_box {position: relative; display: block; width: 100%; min-height: 100%;}
.form_cont {padding: 40px 0 20px 0;}
.form_cont .tit {font-size: 22px; font-weight: 500; color: #003676;}
.form_cont .tit::after {content: ''; display: inline-block; float: left; margin: 5px 5px 0 0; width: 20px; height: 20px; background: url("../images/board/mtxt_ico.png") no-repeat center;}
.form_cont .txt {display: block; padding: 18px 0;}

/* tab_menu */
.tab_menu {overflow: hidden;}
.tab_menu .tab {display: flex; border-bottom: 2px solid #003676;}
.tab_menu .tab li {flex: 1; height: 53px; line-height: 51px; text-align: center; border: 1px solid #d5d5d3; background-color: #eee;}
.tab_menu .tab li a {position: relative; display: block; font-size: 18px; font-weight: 500;}
.tab_menu .tab li.active {flex: 1;}
.tab_menu .tab li a:hover, .tab_menu .tab li a:focus {background-color: #FFF;}
.tab_menu .tab li.active {border: 2px solid #003676; background-color: #FFF;}
.tab_menu .tab li.active a::after {content: ''; display: block; position: absolute; top: 49px; left: 0; width: 100%; height: 4px; background-color: #FFF;}
.tab_menu .tab li a:hover , .tab_menu .tab li a:focus, .tab_menu .tab li.active a {color: #003676;}
.tab_form {position: relative; display: block; width: 100%;}

/* breadcrumb */
.breadcrumb {position: absolute; top: 50px; right: 0;}
.breadcrumb li {position: relative; display: inline-block; margin-right: 16px;}
.breadcrumb li::after {content: ''; position: absolute; top: 7px; right: -14px; display: block; width: 6px; height: 10px; background: url('../images/board/bread_arr.svg') no-repeat center;}
.breadcrumb li:last-child::after {background-image: none;}

/* board_list */
.board_list_box {display: block; padding-top: 50px; padding-bottom: 60px;}
.board_list {width: 100%; text-align: center; border-collapse: collapse; }
.board_list thead th {height: 60px; border-top: 2px solid #bfbfbf; border-bottom: 2px solid #bfbfbf;}
.board_list tbody tr {border-bottom: 1px solid #bfbfbf;}
.board_list tbody tr:hover .name { text-decoration: underline; }
.board_list th, .board_list td {height: 60px; line-height: 58px; box-sizing: border-box;}
.board_list td.tit_td {text-align: left;}
.board_list td.tit_td a:hover {color: #7446a9;}
.board_list .btn {display: inline-block; min-width: 60px; height: 30px; line-height: 28px; padding: 0 10px; color: #FFF; border-radius: 6px; background-color: #003676; transition: 0.5s;}
.board_list .btn:hover {color: #7346a9; border: 1px solid #003676; background-color: #FFF;}

/* board_detail */
.board_detail {display: block; width: 100%; height: 90px; line-height: 35px; padding: 10px 0; border-top: 2px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.sch_list_box {display: block; padding: 5px 0 15px;}
.sch_list_box dt, .sch_list_box dd {display: inline-block; padding-right: 10px; vertical-align: middle;}
.sch_list_box dt {font-weight: 500; color: #a0a0a0;}
.sch_list_box .file_btn {position: relative; display: block; float: right;}
.sch_list_box .file_btn::after {content: ''; position: absolute; right: 0; background: url('../images/board/board_detail_share_copy.png') no-repeat center;}

.board_edit {padding: 30px 0; line-height: 1.8;}

.board_detail_dwn {min-height: 53px; line-height: 1.8; padding: 10px 15px; border-top: 1px solid #bfbfbf; border-bottom: 2px solid #bfbfbf; background-color: #eee;}
.board_detail_dwn .dwn_tit {display: inline-block; vertical-align: top; padding-top: 7px;}
.board_detail_dwn .dwn_tit::after {content: ''; position: relative; padding-right: 10px; border-right: 1px solid #a0a0a0;}
.board_detail_dwn .dwn_file {display: inline-block; padding-left: 10px;}
.dwn_file li {padding: 7px 0  7px 40px; background: url('../images/board/board_detail_down.png') no-repeat 7px;}
.dwn_file li:hover a {color: #7446a9; border-bottom: 1px solid #7446a9;}
.dwn_file li .dwnBut {position: absolute; right: 20px; width: 100px; height: 32px; line-height: 30px; padding: 0 7px 0 35px; font-size: 14px; color: #FFF; border-radius: 6px; background: url('../images/board/board_detail_down2.png') no-repeat 11px; background-color: #652c87;}
.dwn_file li .dwnBut:hover {background-color: #4e2268;}

.board_detail_nav {width: 100%; height: 50px; line-height: 48px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.board_detail_nav li {position: relative; float: left; width: calc(100% / 2); height: 50px;}
.board_detail_nav li:first-child {padding: 0 10px 0 40px; border-right: 1px solid #a0a0a0;} 
.board_detail_nav li:last-child {padding: 0 40px 0 10px;}
.board_detail_nav li .arrow_l:after {content: ''; position: absolute; display: block; top: 10px; left: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #bfbfbf; background: url('../images/board/bd_nav_arr_prev.png') no-repeat center #bfbfbf;}
.board_detail_nav li .arrow_r:after {content: ''; position: absolute; display: block; top: 10px; right: 0; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #bfbfbf; background: url('../images/board/bd_nav_arr_next.png') no-repeat center #bfbfbf;}
.board_detail_nav li .arr {float: left; color: #a0a0a0; font-weight: 500;}
.board_detail_nav li .sub_tit {overflow: hidden; display: inline-block; width: 485px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis;}

/* board_write */
.board_write {display: block; width: 100%; margin: 10px 0; text-align: center; border-collapse: collapse;}
.board_write thead th{height: 30px; font-weight: normal; border: 1px solid #eee; background-color: #eee;}
.board_write tbody td {padding: 10px; border: 1px solid #eee;}

/* qnabox */
.qna_txt {float: left; line-height: 34px;}
.qnabox {padding-bottom: 20px;}
.qna {position: relative; display: block; margin: 20px 0;}
.qna li {position: relative; display: block; box-sizing: border-box; line-height: 78px; font-weight: 500; border-top: 1px solid #000;}
.qna li:last-child {border-bottom: 1px solid #000;}
.qna li label {padding-left: 7px;}
.qna li label::after {content: 'Q'; float: left; vertical-align: middle; font-size: 25px; font-weight: 500; color: #003676;}
.qna li label::before {content: ''; position: absolute; display: inline-block; top: 35px; right: 25px; width: 20px; height: 10px; transition: 0.2s; background: url('../images/board/arr_top.png') no-repeat center;}
.qna li input:checked +label::before {content: ''; position: absolute; display: inline-block; top: 35px; right: 25px; width: 20px; height: 10px; transition: 0.2s; background: url('../images/board/arr_bottom.png') no-repeat center;}

.qna li .ans {display: none;}
.qna li input:checked +label + .ans {display: block; width: 100%; height: 100%; padding: 10px 0; background-color: #eee;}
.qna li .ans p {margin-left: 40px; padding-left: 25px; font-weight: 300; line-height: 30px;}
.qna li .ans p::after {content: 'A'; position: absolute; top: 91px; left: 40px; font-size: 25px; font-weight: 500; color: #959595;}

.qna .qnain {display: block; padding: 0 9px; text-align: left;}
.qna .qnain .qna_l {position: relative; display: inline-block; width: 45%;}
.qna .qnain .qna_r {display: inline-block; padding-left: 20px; width: 54%;}
.qna .qnain .tit {position: relative; display: inline-block; width: 80px; font-size: 16px; padding-right: 10px;}
.qna .qnain input, .qna .qnain select {display: inline-block; padding: 0 5px; height: 35px; line-height: 33px; vertical-align: middle; border: 1px solid #bfbfbf;}
.qna .qnain input {width: calc(100% - 90px);}
.qna .qnain .ip2 input {width: 200px} 
.qna .qnain select {width: 140px;}
.qna .qnain select::after {background: url("../images/common/foot_fam_arr_ico.png") center center no-repeat;}
.qna .qnain .secbox {display: inline-block; vertical-align: middle; width:141px; height: 35px; margin-left: 10px; border: 1px solid #bfbfbf;}
.qna .qnain .sce {display: inline-block; width: 418px;}
.qna .qnain .tx_r {font-size: 14px; color: #ff0000;}
.qna .qnain textarea {display: inline-block;}

/* num_list */
.num_list {padding-left: 18px;}
.num_list > li {margin-bottom: 3px; text-align: left; list-style-type: decimal; word-break: keep-all;}
.num_list > li:last-child {margin-bottom: 0 !important;}
.bw_bull_list {display: block; padding: 10px;}
.abs_bull_list {padding: 7px 0;}
.abs_bull_list > li {position: relative; z-index: 1; margin-bottom: 5px; padding-left: 20px; word-break: keep-all;}
.abs_bull_list > li:last-child {margin-bottom:0 !important;}
.abs_bull_list .bull {position: absolute; left: 0; top: 0; z-index: 1;}
.bull {padding: 0 7px 0 10px;}

/* pagging */
.pagination {position: relative; display: block; padding-top: 40px; text-align: center;}
.pagination a {display: inline-block; padding: 0 11px; color: #959595; font-weight: 500; transition:all 0.3s;}
.pagination a.active, .pagination a:hover, .pagination a:focus, .pagination .onpage{color: #003676;}
.pagination .page_arrow {vertical-align: middle; width: 25px; height: 25px; border-radius: 50%; background-color: #bfbfbf;}
.pagination .page_arrow:hover, .pagination .page_arrow:focus {background: #7446a9;}
.pagination .page_arrow.r2 {background: url('../images/board/page_arr_r2_on.svg') no-repeat center #bfbfbf;}
.pagination .page_arrow.l2 {background: url('../images/board/page_arr_l2_on.svg') no-repeat center #bfbfbf;}
.pagination .page_arrow.r1 {background: url('../images/board/page_arr_r1_on.svg') no-repeat center #bfbfbf;}
.pagination .page_arrow.l1 {background: url('../images/board/page_arr_l1_on.svg') no-repeat center #bfbfbf;}
.pagination .page_arrow.r2:hover {background: url('../images/board/page_arr_r2_on.svg') no-repeat center #7446a9;}
.pagination .page_arrow.l2:hover {background: url('../images/board/page_arr_l2_on.svg') no-repeat center #7446a9;}
.pagination .page_arrow.r1:hover {background: url('../images/board/page_arr_r1_on.svg') no-repeat center #7446a9;}
.pagination .page_arrow.l1:hover {background: url('../images/board/page_arr_l1_on.svg') no-repeat center #7446a9;}