@charset "UTF-8";

caption { position: static; }

.blank { padding: 2.25rem 0; text-align: center; }

.txt_center { text-align: center;}

ul > li.no_data { padding: 3rem 0; text-align: center; }

.overflow_1 a{ width: calc(100% - 4rem); white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.tstyle_list .ri-lock-line{color: #aaa; line-height: 2.2rem; vertical-align: middle; font-size: 1.6rem; }

.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_textbox:focus, .form_textbox:active { border-color: #222 !important; background-color: #fff !important; }
.form_textbox.hasDatepicker { width: 20rem; padding-right: 5rem; }
.form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 2rem; margin: 1.1rem 0 0 -3rem; }
.form_textbox.number { width: 15rem; }
.form_textbox.long {  width: 100%; max-width: 100% !important;}

.form_mail { line-height: 4rem; }
.form_mail .form_textbox { width: 20rem; }

.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }
/*.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; transform: translateY(-50%); content: ''; }*/
.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; 
    background:#fff url(../img/layout/select_arrow.png) right 1.2rem center no-repeat; background-size: 1.6rem; appearance:none;}
.form_select select:focus {  border: 1px solid #222 !important; background-color: #fff !important; color: #222; }

.form_check { display: inline-block; white-space: normal; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; line-height: 4.3rem; vertical-align: top; }
.form_check label { cursor: pointer; color: #222; }
.form_check label::before { position: absolute; left: 0; top: 0.7rem; z-index: -2; width: 1.8rem; height: 1.8rem; border: 2px solid #000; background-color: #fff; content: ''; }
.form_check label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0.7rem; z-index: -1; width: 1.8rem; height: 1.8em; color: #000; content: ''; text-align: center; line-height: 1.8rem; font-weight: 600; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_check input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_check input:focus + label::before { outline: 1px dotted #000;  }
.form_check input:checked + label::after { opacity: 1; }
.form_check:last-child { margin-right: 0; }
.form_check input[type="text"] { position: static; opacity: 1;}

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.3rem; vertical-align: top; }
.form_radio label { cursor: pointer; }
.form_radio label::before { position: absolute; left: 0; top: 0.3rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }
.form_radio label::after { position: absolute; left: 0.6rem; top: 0.9rem; z-index: -1; width: 0.6rem; height: 0.6rem; border-radius: 100%; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }
.form_radio input:focus + label::before { outline: 1px dotted #000; border-color: #222; }
.form_radio input:checked + label::before { border: 1px solid #222;}
.form_radio input:checked + label::after { background-color: #222; }
.form_radio:last-child { margin-right: 0; }

.form_file { display: block; overflow: hidden; position: relative; z-index: 0; width: 100%; height: 3.5rem; max-height: 100%; text-align: left; line-height: 3.5rem; }
.form_file input { width: 8rem; height: 7rem; margin-top: -3.5rem; border: 0 none; opacity: 0; cursor: pointer; }
.form_file input:hover + .txt::before,
.form_file input:focus + .txt::before { background-color: #fff; color: #1E4567 }
.form_file .txt::before { position: absolute; left: 0; top: 0; z-index: -1; width: 8rem; height: 100%; border: 1px solid #1E4567; background-color: #1E4567; font-size: 1.6rem; color: #fff; content: '첨부파일'; text-align: center; cursor: pointer; transition: all 0.2s; }
.form_file .txt { overflow: hidden; float: right; width: calc(100% - 9rem); text-overflow: ellipsis; }

.bul > li { position: relative; padding-left: 1rem; text-align: left; }
.bul > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul.depth1 > li::before { content: '-'; }
.bul.depth1 > li + li { margin-top: 1rem; }

.bul.depth2 > li::before { content: '·'; }

.bul strong { font-weight: 500; color: #000; }

.btn_line { 
    display: inline-block;
    min-width: 8.5rem;
    max-width: 100%;
    height: 2.8rem;
    padding: 0 1rem;
    background-color: #fff;
    border: 1px solid #999;
    color: #333;
    text-align: center;
    line-height: 2.6rem;
    text-overflow: ellipsis;
    transition: all 0.2s;
    vertical-align: middle;
    font-size: 1.4rem;    
    white-space: nowrap;
    overflow: hidden;
	}
	
.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; }
.btn_line i { font-size: 1.6rem; margin-left: 0.5rem; vertical-align: middle; }

/* 240617 정기간행물 > 원문보기 버튼 css 추가 */
.btn_line.view { width: 3.5rem; min-width: 0; height: 3.5rem; overflow: hidden; padding: 0; }
.btn_line.view i { display: block; width: 3.3rem;  line-height: 3.3rem; text-align: center; margin-left: 0; }



.agree {margin-bottom: 6rem;}
.agree .title { margin-top: 2rem; font-size: 2.5rem; font-weight: 500; color: #333; }
.agree .form { text-align: left; }
.agree .item { overflow: hidden; overflow-y: auto; max-height: 31.5rem; margin: 1rem 0; padding: 3rem 3rem 0; background-color: #F8F8FA; border-radius: 6px; border: 1px solid #ddd; color: #505050; }
.agree .item::after { display: block; width: 100%; height: 3rem; content: ''; }
.agree .item p strong { display: block; margin: 3rem 0 2rem; font-size: 1.8rem; font-weight: 500; color: #000; }
.agree .item b { font-size: 2rem; }
.agree:first-child .title { margin-top: 0; }

.board_box.type1 { padding: 5rem; border: 1px solid #ddd; border-top-color: #555; background-color: #f8f8f8; text-align: center; }
.board_box.type1 .title { font-size: 3rem; margin-bottom: 2rem; font-weight: 600; color: #000; }
.board_box.type1 .title i { font-size: 5rem; display: block; margin: 0 auto 0.5rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type1 .form { width: 40rem; max-width: 100%; margin: 1rem auto 0; }
.board_box.type1 .txt { display: block; margin-top: 0.5rem; color: #c00; }
.board_box.type1.table { display: table; width: 100%; padding: 0; table-layout: fixed; }
.board_box.type1.table .group { display: table-cell; padding: 4rem; vertical-align: top; }
.board_box.type1.table .group2 { border-left: 1px solid #ddd; }
.board_box.type1.table a.group:hover .title, .board_box.type1.table a.group:focus .title { text-decoration: underline; }

.board_box.type2 { position: relative; margin: 4rem 0 2rem; padding: 3rem; padding-left: 28rem; border: 1px solid #ddd; border-top-color: #555; background-color: #fcfcfc; }
.board_box.type2:first-child { margin-top: 0; }
.board_box.type2 .img { position: absolute; left: 0; top: 0; width: 24.6rem; height: 100%; padding: 3rem; border-right: 1px solid #ddd; background-color: #fff; }
.board_box.type2 .img i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 5rem; font-family: "xeicon"; font-weight: 400; color: #162943; }
.board_box.type2 .title { font-size: 2rem; margin-bottom: 1rem; font-weight: 600; color: #000; }
.board_box.type2 .btn_line { margin-top: 2rem; border-color: #333; background-color: #333; color: #fff; }
.board_box.type2 .btn_line:hover, .board_box.type2 .btn_line:focus { background-color: #fff; color: #333; }

.board_btns { margin-top: 3rem; text-align: center; }
.board_btns .txt { margin: -2rem 0 1rem; font-size: 1.5rem; color: #999; text-align: left; }
.board_btns .btn { height: 4.3rem; border: 2px solid #333; line-height: 3.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 12rem; padding: 0 2rem; border-radius: 6px; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; }
.board_btns .btn:hover, .board_btns .btn:focus { background-color: transparent; color: #333; }

.board_btns .btn.type1 { border: 2px solid #ddd; background-color: #fff; color: #333; }
.board_btns .btn.type1:hover, .board_btns .btn.type1:focus { border-color: #333; }

.board_btns .btn.type2 { border: 2px solid #222; background-color: #222; color: #fff; }
.board_btns .btn.type2:hover, .board_btns .btn.type2:focus { background-color: #0373A5; border-color: #0373A5; background-color: #0373A5; }

.board_btns .btn.type3 { border: 2px solid #222; background-color: #fff; color: #333; }
.board_btns .btn.type3:hover, .board_btns .btn.type3:focus { background-color: #0373A5; border-color: #0373A5; color: #fff; }


.board_list { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.board_list table { width: 100%; margin-bottom: -1px; table-layout: fixed;}
.board_list .comment { font-size: 1.2rem; font-weight: 300; color: red; }

.board_list.write {border-top: 0 none;}
.board_list .tstyle_write { position: relative; border-top: 0 none; padding-top: 8px;}
.board_list .tstyle_write::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: transparent linear-gradient(90deg, #0373A5 0%, #0373A5 48%, #538E1B 100%) 0% 0% no-repeat padding-box;}
.board_list .tstyle_write th { font-size: 1.6rem; padding: 1rem; border-bottom:1px solid #ddd; font-weight: 600; color: #333; text-align: left; line-height: 4rem; }
.board_list .tstyle_write td { text-align: left; }
.board_list .tstyle_write .point1 { color: #c00; }
.board_list .tstyle_write .contents { padding-bottom: 0; }
.board_list .tstyle_write input[readonly],
.board_list .tstyle_write input[disabled]{background-color: #d4d4d4;opacity: 1; color: #fff;}
.board_list .tstyle_write input[readonly]::-webkit-input-placeholder,
.board_list .tstyle_write input[disabled]::-webkit-input-placeholder{ color: #555555;}
.board_list .tstyle_write input[readonly]::-moz-placeholder,
.board_list .tstyle_write input[disabled]::-moz-placeholder{ color: #555555;}
.board_list .tstyle_write input[readonly]::-ms-input-placeholder,
.board_list .tstyle_write input[disabled]::-ms-input-placeholder{ color: #555555;}
.board_list .tstyle_write input[readonly]::placeholder,
.board_list .tstyle_write input[disabled]::placeholder{ color: #555555;}


.board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: 0.5rem; }
.board_list .tstyle_write .form_textbox#m_id { width: calc(100% - 11rem); }

.board_list .tstyle_write .file th, .board_list .tstyle_write .file td { padding-bottom: 0.5rem;}
.board_list .tstyle_write .file img { width: 2.5rem; margin-right: 0.5rem; }
.board_list .tstyle_write .file.active th, .board_list .tstyle_write .file.active td { padding-top: 1rem; line-height: 3.5rem; }
.board_list .tstyle_write .file + .file th, .board_list .tstyle_write .file + .file td { padding-top: 0; }
.board_list .tstyle_write .file + .file label { opacity: 0; }
.board_list .tstyle_write .file:last-child th, .board_list .tstyle_write .file:last-child td { padding-bottom: 1rem; }
.board_list .tstyle_write .file .btn_del, .board_list .tstyle_write .file_img .btn_del { font-size: 2rem; display: inline-block; overflow: hidden; width: 2rem; height: 2rem; color: #888; text-align: center; line-height: 2rem; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_list .tstyle_write .file .btn_del::before, .board_list .tstyle_write .file_img .btn_del::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.board_list .tstyle_write .file .btn_del:hover, .board_list .tstyle_write .file .btn_del:focus, .board_list .tstyle_write .file_img .btn_del:hover, .board_list .tstyle_write .file_img .btn_del:focus { color: #116eb4; }

.board_list + .kogl_open { margin-top: 4rem; }

.board_list ._blank{padding:3rem 2rem; text-align:center}


/* 220418 이지현 추가*/
.board_list .tstyle_write .form_textbox,
.board_list .tstyle_write .form_select select {background-color: #F3F3F3; height: 4.3rem; line-height: 4.1rem; border-radius: 6px; border:  1px solid #f3f3f3;}
.board_list .tstyle_write .form_textbox::-webkit-input-placeholder,
.board_list .tstyle_write .form_select select::-webkit-input-placeholder,
.board_list .tstyle_write .form_textbox::-ms-input-placeholder,
.board_list .tstyle_write .form_select select::-ms-input-placeholder,
.board_list .tstyle_write .form_textbox::placeholder,
.board_list .tstyle_write .form_select select::placeholder{color: #666;}

.board_list .tstyle_write .form_textbox { max-width: 20rem; }
.board_list .tstyle_write .phone .form_select,
.board_list .tstyle_write .phone .form_textbox { width: 30%; max-width: 14rem; } 
.board_list .tstyle_write .address .form_textbox { margin-bottom: 0.6rem; max-width: 100%; }
.board_list .tstyle_write .address .form_textbox:first-of-type { width: 50%; }
.board_list .tstyle_write .address .form_textbox:last-of-type {margin-bottom: 0 ;}
.board_list .tstyle_write .addr_btn { width: 12rem; background-color: #1E4567; color: #fff; border-radius: 6px; border: 2px solid #1E4567; text-align: center; line-height: 3.9rem; padding-left: 1.75rem; background-image: url('../main/img/sub/search_icon_on.png'); background-repeat: no-repeat; background-position: left 9px center ; }
.board_list .tstyle_write .addr_btn:hover,
.board_list .tstyle_write .addr_btn:focus { background-color: #fff; color: #0373A5; border-color: #0373A5;background-image: url('../main/img/sub/search_icon_on02.png'); transition: all 0.2s; }

/* 사이트맵 */
.sitemap { margin-top: -4rem; }
.sitemap .group { overflow: hidden; padding: 4rem 0; border-bottom: 1px solid #ddd; }
.sitemap dt { float: left; width: 20%; font-size: 2.6rem; font-weight: 600; color: #2d6dbb; word-break: keep-all; }
.sitemap dd { float: right; width: 80%; }
.sitemap .depth2 { width: calc(100% + 2rem); margin-bottom: -2rem; }
.sitemap .depth2 > li { float: left; width: 25%; margin-bottom: 2rem; padding-right: 2rem; }
.sitemap .depth2 > li > a { overflow: hidden; height: 4.5rem; padding: 0 2rem; border: 1px solid #ddd; background-color: #f6f6f8; font-size: 1.8rem; font-weight: 500; color: #242427; text-overflow: ellipsis; line-height: 4.5rem; white-space: nowrap; transition: all 0.2s; }
.sitemap .depth2 > li > a:hover,
.sitemap .depth2 > li > a:focus { border-color: #2d6dbb; background-color: #2d6dbb; color: #fff; }
.sitemap .depth2 a { display: block; }
.sitemap .depth3 { padding: 1.5rem 2rem; font-weight: 400; color: 46464a; }
.sitemap .depth3 li + li { margin-top: 0.5rem; }

/* 게시판 상단 */
.board_info { overflow: hidden; line-height: 4rem; }
.board_info + * {margin-top: 1rem;}

.board_info .search_wrapper{float:right}

/* 게시판 목록 페이지 수 */
.board_info .page { float: left; }
.board_info .page span { display: inline-block; vertical-align: top; }
.board_info .page span + span::before { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_info .page strong, .board_info .page b { font-weight: 500; color: #000; }

/* 게시판 목록 검색 */
/* .board_info form { float: right; } */
.board_info .form { display: table; width: calc(100% + 0.5rem); table-layout: fixed; font-size: 1.5rem; width: auto; }
.board_info .form > * { display: table-cell; padding-right: 0.5rem; vertical-align: top; }
.board_info .form .item.type1 { padding-right: 0; }
.board_info .form .btn { width:7.8rem !important; }
.board_info .form .btn button { width: 100%; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; text-align: center; transition: all 0.2s; }
.board_info .form .btn button:hover,
.board_info .form .btn button:focus {background-color: #fff; color: #000;}
.board_info .form .form_select {width: 100%;}

/* 게시판 목록 RSS */
.board_info .icon_rss { display: inline-block; width: 2.5rem; height: 2.5rem; margin-left: 0.5rem; font-size: 2rem; text-align: center; line-height: 2.5rem; vertical-align: middle; }
.board_info .icon_rss::before { display: block; width: 100%; height: 100%; font-family: 'xeicon'; color: #ee802f; content: ''; }

/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 1.5rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; text-align: center; line-height: 4rem; vertical-align: top;transition: all .3s; }
.board_pager a.arr { border: 1px solid #ddd; }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }
.board_pager a.arr.first::before { content: ""; }
.board_pager a.arr.prev::before { content: ""; }
.board_pager a.arr.next::before { content: ""; }
.board_pager a.arr.last::before { content: ""; }
.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -1.2rem; letter-spacing: -1.2rem; }
.board_pager a.active { background-color: #333; color: #fff; }
.board_pager a:hover,.board_pager a:focus{background-color: #f5f5f5; color: #333;}
.board_pager .group { margin: 0 0.5rem; }

/* 게시판 목록 */
.board_list thead th { font-size: 1.6rem; padding: 1.25rem 0.7rem; border-bottom: 1px solid #aaa; font-weight: 500; color: #222; text-align: center;  }
.board_list td { font-size: 1.6rem; padding: 2rem 0.5rem; border-bottom: 1px solid #ddd; color: #666; text-align: center; line-height: 2.2rem;  }
.board_list td a{ overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; display: inline-block; position: relative;  max-width: 100%; vertical-align: middle;}
/* .board_list .tstyle_list td.txt_left a::after{position: absolute; left: 0; bottom: 0.5rem; width: 0; height: 1px;background-color: #000; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s;}
.board_list .tstyle_list td.txt_left a:hover::after{width: 100%;}
.board_list .tstyle_list td.txt_left a:focus::after{width: 100%;} */
/*.board_list td[aria-label="첨부파일"] img { width: 2.5rem; }*/
.board_list td.txt_left a { font-size: 1.6rem; display: inline-block; max-width: 100%; overflow: visible; white-space: normal; text-overflow: initial; line-height: 2.2rem; color: #333; vertical-align: middle; }
.board_list td.txt_left i.xi-lock + a{max-width: calc(100% - 3rem);}

/* 게시판 목록 아이콘 */
.board_list .xi-new { font-size: 2.2rem; /* float: right;*/ margin: 0 0.5rem 0 0; color: #116eb4; vertical-align: top;}
.board_list .xi-lock { display: inline-block; position: relative; top: -0.1rem; font-size: 2rem; color: #222; vertical-align: middle; }

/* 게시판 목록 상태 아이콘 */
.board_list .icon { display: inline-block; width: 6.3rem; min-width: 6.3rem; height: 2.75rem; border-radius: 0.5rem; border-radius: 16px; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_list .icon[data-label="처리완료"] {background-color: #000; color: #fff;}
.board_list .icon[data-label="답변완료"] {background-color: #777; color: #fff;}
.board_list .icon[data-label="진행중"] {background-color: #116eb4; color: #fff;}
.board_list .icon_notice { display: inline-block; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #333; font-size: 1.3rem; color: #fff; vertical-align: middle; }

.board_list .new { display: inline-block; width: 3.5rem; height: 3.6rem; border-radius: 100%; background-color: #333; color: #fff; line-height: 3.6rem;}
.board_list .new::before{ display: block; }

.board_list .icon2 { display: inline-block; width: 7.2rem; min-width: 7.2rem; height: 2.75rem;  background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_list .icon3 { display: inline-block; width: 7.2rem; min-width: 7.2rem; height: 2.75rem; background-color: #fff; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; border: 1px solid #ddd; }
.board_list .icon3.state01 { border-color: #20AF63;}
.board_list .icon3.state02 { border-color: #FF6600;}
.board_list .icon3.state03 { background-color: #F3F3F3;}

/* 22.04 이지현 추가 - s*/

.blog_view > .list { padding-top: 4rem; border-top: 1px solid #777;}
.blog_view .icon { display: block; width: 6.3rem; min-width: 6.3rem; height: 2.75rem; border-radius: 0.5rem; border-radius: 16px; margin-bottom: 1rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_view .label01, .blog_view .label01, .board_list .label01 { background-color: #0373A5; color: #fff;}
.board_view .label02, .blog_view .label02, .board_list .label02 { background-color: #074780; color: #fff;}
.board_view .label03, .blog_view .label03, .board_list .label03 { background-color: #058A73; color: #fff;}
.board_view .label04, .blog_view .label04, .board_list .label04 { background-color: #303DAE; color: #fff;}
.board_view .label05, .blog_view .label05, .board_list .label05 { background-color: #1E2E61; color: #fff;}
.board_view .label06, .blog_view .label06, .board_list .label06 { background-color: #3A3A3A; color: #fff;}
.board_view .label07, .blog_view .label07, .board_list .label07 { background-color: #006352; color: #fff;}
.board_view .label08, .blog_view .label08, .board_list .label08 { background-color: #007D74; color: #fff;}

.board_list.type1 .btn_line.view { width: 3.5rem; min-width: 0; height: 3.5rem; overflow: hidden; padding: 0; }
.board_list.type1 .btn_line.view i { display: block; width: 3.3rem;  line-height: 3.3rem; text-align: center; margin-left: 0; }
.board_list.type1 td{color: #222; }
.board_list.type1 td.top_notice{color: #007bff;
    font-weight: 500; }
 .board_list.type1 td.top_notice a{color: #007bff;
    font-weight: 500; }
.board_list.type1 td.txt_left strong { font-weight: 400;}
.board_list.type1 td.txt_left a ,
.board_list.type1 td.author { overflow: visible; white-space:normal; text-overflow:initial;line-height: 2.2rem; }
.board_list.type1 tbody tr:hover { background-color: #F2F6F9; transition: background-color 0.2s; }

/* 게시판 내용 */
.board_view { border-top: 2px solid #555; }
.board_view > .title { font-size: 1.8rem; padding: 2rem 0; border-bottom: 1px solid #ddd; font-weight: 700; color: #333; text-align: center; word-break: keep-all; }
.board_view > .title .category { display: block; font-size: 1.6rem; color: #999; }
.board_view > .title .category::before { display: inline-block; position: relative; top: -0.2rem; width: 1rem; height: 1rem; margin-right: 0.75rem; border-radius: 100%; content: ''; vertical-align: middle; }
.board_view > .title .cateC01::before {background: #F6C375;}
.board_view > .title .cateC02::before {background: #DF7373;}
.board_view > .title .icon2 { display: inline-block; margin-right: 1rem; padding:0 1rem; line-height: 3rem; font-size: 1.6rem; font-weight: 100; color: #fff; background-color: #0373A5;}

.board_view .info { padding: 1.8rem 0; border-bottom: 1px solid #ddd; color: #666; text-align: center; }
.board_view .info.type2 { background-color: #f7f7f7; }
.board_view .info li { display: inline-block; vertical-align: top; }
.board_view .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1.5rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_view .info strong { margin-right: 0.75rem; font-weight: 400; color: #000; }
.board_view .contents { padding: 4rem; border-bottom: 1px solid #ddd; }
.board_view .contents .cont_bg { margin: 0 -4rem; padding: 4.6rem 4rem; background-color: #F7F7F7;}
.board_view .contents .cont_bg.type2{margin: 0 ;}
.board_view .contents .cont_line { margin: 0 -4rem; padding: 4.6rem 4rem; border: 6px solid #F2F6F9; border-radius: 6px; margin-bottom: 3rem;}
.board_view .contents .img { margin-top: 2rem; }
.board_view .contents .img + .img { margin-top: 1rem; }
.board_view .txt_center { margin-bottom: 2rem; }

.board_view.type2 .contents{padding: 4rem 0;}
.board_view.type2 .contents img{display: block; margin: 0rem auto 4rem;}
.board_view.type2 .detail_box{margin-top: 5rem;}
.board_view.type2 .detail_box .source{background-color: #F7F7F7; padding: 1.5rem 3rem; display: flex; margin-bottom: 3rem;}
.board_view.type2 .detail_box .source .title{font-weight: 500; margin-right: 1rem;}
.board_view.type2 .detail_box .txt{background-color: #F7F7F7; padding: 4rem 3rem; margin: 1rem 0 4rem;}
.board_view.type2 .detail_box .num_list .item{font-weight: 300; padding-left: 3rem; position: relative;}
.board_view.type2 .detail_box .num_list .item + .item{margin-top: .5rem;}
.board_view.type2 .detail_box .num_list .num{ position: absolute; left: 0; top: 0; font-weight: 500;}

/* 게시판 내용 파일 */
.board_view .file { position: relative; padding: 2rem 0 2rem 14.5rem; border-bottom: 1px solid #ddd; }
.board_view .file .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 14.5rem; font-weight: 500; color: #333; text-align: center; }
.board_view .file .list img {margin-right: 0.5rem;}
.board_view .file .list li { overflow: hidden; position: relative; min-height: 3.5rem; padding-right: 21rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.board_view .file .list li + li {margin-top: 0.5rem;}
.board_view .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_view .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_view .file .list .link { position: absolute; right: 0; top: 0; }
.board_view .file .list .link a{font-size: 1.4rem;width: auto; line-height: 3.3rem; height: 3.5rem; min-width: 5rem;padding:0rem .8rem;border: 1px solid #999; transition: all .2s;}
.board_view .file .list .link a:hover, .board_view .file .list .link a:focus{background-color: #333; color: #fff;  border: 1px solid #333;}
.board_view .file .list .link i { line-height: 2.8rem; }
.board_view .file .list .txt { font-size: 1.2rem; color: #999; }

/* 게시판 이전글 다음글 */
.prevnext { margin-top: 4rem; border-bottom: 1px solid #aaa; }
.prevnext li { overflow: hidden; padding: 2rem 0; border-top: 1px solid #ddd; color: #333; }
.prevnext li.next span::before { content: ''; }
.prevnext span { float: left; width: 15rem; color: #666; }
.prevnext span::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 1.5rem; float: left; width: 5rem; content: ''; text-align: center; }
.prevnext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; width: calc(100% - 15rem); }

/* 게시판 답변 */
.board_btns + .board_reply { margin-top: 2rem; border-top: 1px solid #aaa; }
.board_reply { padding: 4rem 4rem 4rem 10.6rem; border-bottom: 1px solid #777; background: url('../main/img/board/reply.png') no-repeat top 40px left 40px; }
.board_reply .title { font-size: 1.8rem; font-weight: 600; color: #333; }

.board_reply .info { color: #666; margin-top: 4rem; }
.board_reply .info li { display: inline-block; vertical-align: top; }
.board_reply .info li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1.5rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_reply .info strong { margin-right: 0.75rem; font-weight: 400; color: #000; }

.board_reply .contents { line-height: 2.4rem; color: #333; }

.board_reply .file { position: relative; margin: 2rem -2rem -2rem; padding: 1rem 2rem; border-top: 1px solid #f8f8f8; }
.board_reply .file .label { display: block; margin: 0.5rem 0; font-weight: 500; color: #333; }
.board_reply .file .list img { width: 2.5rem; margin-right: 0.5rem; }
.board_reply .file .list li { overflow: hidden; position: relative; min-height: 3rem; padding: 0 21rem 0 1.5rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.board_reply .file .list li::before { position: absolute; left: 0; top: auto; content: '-'; }
.board_reply .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.board_reply .file .list li > a:hover, .board_view .file .list li > a:focus { color: #116eb4; }
.board_reply .file .list .link { position: absolute; right: 0; top: 0; }
.board_reply .file .list .txt { font-size: 1.2rem; color: #999; }
.board_reply + .board_btns {margin-top: 1rem;}

/* 게시판 답변 상황 */
.board_state { position: relative; margin-top: 4rem; padding: 1.5rem 1.5rem 1.5rem 7rem; border: 1px solid #ddd; background-color: #f6f7f9; }
.board_state::before { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; overflow: hidden; position: absolute; left: 2rem; top: auto; width: 3rem; height: 3rem; border-radius: 100%; background-color: #3c4165; font-size: 1.8rem; font-weight: 400; color: #fff; content: ''; text-align: center; }
.board_state li { display: inline; }
.board_state li + li::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 0.75rem 0 1rem; background-color: #ddd; content: ''; vertical-align: middle; }
.board_state label { margin-right: 0.5rem; font-weight: 500; color: #000; }
.board_state button { font-size: 1.4rem; color: #116eb4; }
.board_state .title { display: block; margin-bottom: 0.5rem; color: #333; line-height: 3rem; }
.board_state .form { line-height: 4rem; }
.board_state .form ul { display: inline-block; margin-right: 1rem; vertical-align: top; }
.board_state .form_textbox,
.board_state .form_select select { width: 15rem; }
.board_state .btn { height: 4rem; padding: 0 1.5rem; border: 0 none; background-color: #484c58; color: #fff; text-align: center; vertical-align: top; }

/* 게시판 답변상황 아이콘 */
.board_state .icon { display: inline-block; position: relative; top: -1px; min-width: 8rem; height: 2.75rem; padding: 0 1rem; border-radius: 0.5rem; background-color: #eee; font-size: 1.5rem; color: #333; text-align: center; line-height: 2.75rem; }
.board_state .icon[data-label="처리완료"],
.board_state .icon[data-label="답변완료"] {background-color: #555; color: #fff; }
.board_state .icon[data-label="진행중"] { background-color: #116eb4; color: #fff; }

/* 코멘트 */
* + .comment { margin-top: 5rem; }
.comment .form { position: relative; margin: 0 0 5rem; padding-bottom: 4.9rem; border: 1px solid #ddd; background-color: #f8f9fa; color: #999; }
.comment .form textarea { font-size: 1.5rem; width: 100% !important; max-width: 100%; min-height: 8.5rem; padding: 1.5rem; border: 0 none !important; vertical-align: top; }
.comment .form .length { font-size: 1.3rem; position: absolute; left: 0; bottom: 0; padding-left: 2rem; line-height: 5rem; }
.comment .form button { height: 5rem; border: 1px solid #555; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5rem; display: inline-block; min-width: 8.8rem; padding: 0 1rem; background-color: #555; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; right: -1px; bottom: -1px; }
.comment .form button:hover, 
.comment .form button:focus { background-color: transparent; color: #555; }
.comment > .title { font-size: 1.6rem !important; font-weight: 300; color: #666; }
.comment > .title span { font-weight: 500; color: #116eb4; }

/* 코멘트 목록 */
.comment .list { margin-top: 1.5rem; border-top: 1px solid #aaa; }
.comment .list li { position: relative; padding: 2rem; border-bottom: 1px solid #ddd; color: #767676; }
.comment .list .name { font-weight: 500; }
.comment .list .txt { display: block !important; width: auto !important; height: auto !important; margin-bottom: 0.5rem; opacity: 1 !important; }
.comment .list .date { font-size: 1.4rem; color: #999; }
.comment .list .form { width: 100% !important; margin: 1rem 0 0; }
.comment .list .re { padding-left: 4rem; }
.comment .list .re::before { position: absolute; top: 2.5rem; left: auto; width: 1rem; height: 1rem; margin-left: -2rem; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; content: ''; }

/* 코멘트 버튼 */
.comment .list .btn { position: absolute; right: 2rem; top: 2rem; font-size: 1.4rem; color: #333; }
.comment .list .btn a + a::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.3rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.comment .list .btn_reply { height: 3rem; border: 1px solid #ddd; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 7rem; margin-top: 1rem; padding: 0 1rem; background-color: #fff; color: #666; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }
.comment .list .btn_reply:hover, .comment .btn_reply:focus { border-color: #333; background-color: #333; color: #fff; }

/* 공공누리 디자인 추가 */
.kogl_open .label { display: block; width: 17.1rem; height: 3.5rem; background-color: #999; font-size: 400; text-align: center; color: #fff; line-height: 3.5rem; }
.kogl_open .kogl { margin-bottom: 2rem; }
.kogl_open .form_radio { display: block; margin-top: 1rem; }
.kogl_open .form_radio .img { float: left; width: 13rem; padding-right: 1rem; }
.kogl_open .txt_right { margin: 1rem 0; }

/* 글 등록시 등록중입니다 이미지레이어 */
.mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('../ecms_resource/img/bg.png') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000;}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;padding:15px;z-index:11000;}
.mw .fg .loading {display:block; text-align:center;padding:10px}

/* FAQ */
.faq_tit { display: block; padding: 2rem 0 ; text-align: center; color: #222; line-height: 2.4rem; border-top: 2px solid #555; font-size: 2rem; font-weight: 600; text-align: center; }
.faq_tit + .faq { border-top: 1px solid #555; }
.faq + .faq_tit { margin-top: 2rem; }
.faq { border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.faq li:last-child { border-bottom: 0 none;}
.faq .group { border-bottom: 1px solid #ddd; }
.faq .group.active .label::before { background-color: #116eb4; }
.faq .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); font-weight: 600; color: #000000; }
.faq .group.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding-top: 2rem; padding-bottom: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: relative; padding: 0 9rem 0 12rem; border-top: 1px solid #ddd; background-color: #f4f5f6; }
.faq .item::before { font-size: 2rem; position: absolute; left: 3.5rem; top: 1.5rem; font-family: 'xeicon'; color: #999; content: ''; }
.faq .item::after { position: absolute; left: 6.5rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #fff; font-weight: 600; color: #333; content: 'A'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label { display: block; width: 100%; text-align: left; position: relative; padding: 2rem 6.5rem; font-weight: 600; color: #333; }
.faq .label::before { position: absolute; left: 1.5rem; top: 1.5rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #333; color: #fff; content: 'Q'; text-align: center; line-height: 3.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .label::after { font-size: 2.2rem; position: absolute; right: 3rem; top: 2rem; font-family: 'xeicon'; font-weight: 400; color: #999; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; width: 2rem;
    height: 2rem;
    line-height: 2rem}

/* 이북형 */
.board_ebook { display: inline-block; width: calc(100% + 0px); width: calc(100% + 6rem); margin: 0 -3rem; }
.board_ebook > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
.board_ebook > *:nth-child(n + 3) { margin-top: 0px; }
.board_ebook > *:nth-child(2n + 1) { clear: both; }
.board_ebook li { position: relative; padding: 4rem 3rem; }
.board_ebook li:nth-child(n + 3) { border-top: 1px solid #ddd; }
.board_ebook .thumb { overflow: hidden; float: left; width: 19rem; height: 28rem; border: 1px solid #ddd; border-radius: 6px; }
.board_ebook .thumb img { min-height: 100%; }
.board_ebook .group { float: left;  width: calc(100% - 20rem); padding-left: 5rem; padding-bottom: 6rem; }
.board_ebook .title { font-size: 2rem; display: block; margin-bottom: 2.5rem; line-height: 2.4rem; font-weight: 600; color: #222; }
.board_ebook .desc { overflow: hidden; max-height: 7.5rem; color: #666;line-height: 2.5rem; }
.board_ebook .btn { position: absolute; left: 27rem; bottom: 4rem; width: 100%; }
.board_ebook .btn a { font-size: 1.5rem; position: relative; width: 10.4rem; min-width: auto; max-width: 48%; height: 3.5rem; padding: 0 1.5rem; text-align: left; line-height: 3.5rem; }
.board_ebook .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; }

.board_ebook .thumb { position: relative; }
.board_ebook .thumb img { transform: scale(1); transition: all 0.2s ; }
.board_ebook .thumb::before { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 6px; left: -1px; top: -1px; border: 0px solid #ABBF01; z-index: 1;transition: all 0.1s ; }
.board_ebook .thumb:hover::before,
.board_ebook .thumb:focus::before {border-width: 4px; transition: all 0.1s ; }
.board_ebook .thumb:hover,
.board_ebook .thumb:focus { border-color: #ABBF01; }
.board_ebook .thumb:hover img,
.board_ebook .thumb:focus img { transform: scale(1.1); transition: all 0.2s ; }


/* PDF형 */
.board_pdf { display: inline-block; width: calc(100% + 0px); width: calc(100% + 5.5rem); margin: 0 -2.75rem; }
.board_pdf > * { clear: none; float: left; width: calc(25% - 0px); margin-right: 0px; }
.board_pdf > *:nth-child(n + 5) { margin-top: 0px; }
.board_pdf > *:nth-child(2n + 1) { clear: none; }
.board_pdf > *:nth-child(3n + 1) { clear: none; }
.board_pdf > *:nth-child(4n + 1) { clear: both; }
.board_pdf li { padding: 2rem 2.75rem; }
.board_pdf .thumb { display: block; overflow: hidden; position: relative; height: 0; margin-bottom: 2rem; padding-top: 140%; }
.board_pdf .thumb img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 100%; }
.board_pdf .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.8rem; display: block; margin-bottom: 0.5rem; color: #222; }
.board_pdf .label { font-weight: 400; color: #000; }
.board_pdf .name { display: none; }
.board_pdf .btn { display: block; overflow: hidden; margin-top: 2rem; }
.board_pdf .btn a { font-size: 1.5rem; position: relative; float: left; width: calc(50% - 0.5rem); min-width: auto; height: 4.2rem; padding: 0 1.5rem; text-align: left; line-height: 4rem; }
.board_pdf .btn a i { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; }
.board_pdf .btn a + a { float: right; }

/* 달력형 */
#calendar { position: relative; z-index: 0; }
#calendar .fc-header-toolbar .fc-center { position: relative; width: 26rem; text-align: center; }
#calendar .fc-header-toolbar .fc-center h2 { font-size: 3rem; margin: 0; padding: 0; font-weight: 500; color: #333; }
#calendar .fc-header-toolbar .fc-center button { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; margin: 0; padding: 0; border: 0 none; background-color: #fff; font-weight: 400; color: #999; }
#calendar .fc-header-toolbar .fc-center button.fc-next-button { left: auto; right: 0; }
#calendar .fc-scroller { height: auto !important; }
#calendar .fc-view-container { overflow: hidden; margin-top: 4.5rem; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
#calendar .fc-view-container .fc-view { width: calc(100% + 2px); margin: -1px; }
#calendar .fc-view-container td { font-size: 1.4rem; border-color: #ddd; background: none; color: #333; }
#calendar .fc-view-container .fc-day-header { font-size: 1.6rem; padding: 1.5rem; border-color: #ddd; border-bottom-color: #aaa; font-weight: 500; color: #333; text-transform: uppercase; }
#calendar .fc-view-container .fc-day-number { display: inline-block; padding: 1.5rem 0 0 1.5rem; color: inherit; }
#calendar .fc-view-container .fc-sat { color: #116eb4; }
#calendar .fc-view-container .fc-sun { color: #cb152b; }
#calendar .fc-view-container .fc-day-grid-event { font-size: 1.5rem; height: 2.5rem; margin: 0; padding: 0 0.5rem; border-radius: 0; border: 0 none; line-height: 2.5rem; }
#calendar .fc-view-container .fc-day-grid-event .fc-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
#calendar .fc-view-container .fc-today { position: relative; z-index: 1; border-color: #555; }
#calendar .fc-view-container .fc-today.fc-widget-content td { border: 0 none; }
#calendar .fc-view-container .fc-today.fc-widget-content::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #555; content: ''; }
#calendar .fc-view-container .fc-bgevent-skeleton td { border: 0 none; }
#calendar .fc-view-container .fc-other-month { background-color: #f6f7fa; color: #aaa; }
#calendar .fc-view-container .fc-row .fc-content-skeleton { padding-bottom: 1.5rem; }
#calendar .fc-view-container .fc-row .fc-content-skeleton td { border-color: transparent; }
#calendar .fc-view-container .fc-row .fc-content-skeleton td.fc-other-month { border-color: #ddd; }
#calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container { padding: 0.25rem 0; border: 0 none !important; }

/* 다른 달력형 */
div.CalendarList div.Bhead > ul { border-top: 2px solid #555 !important; border-bottom: 1px solid #aaa !important; background: none !important; }
div.CalendarList div.Bhead > ul > li + li { border-left: 1px solid #ddd; }
div.CalendarList div.Bhead > ul > li { font-size: 1.8rem !important; font-weight: 500; color: #000 !important; text-transform: uppercase; }
div.CalendarList div.Bbody > ul > li { border-bottom: 1px solid #ddd !important; } 
div.CalendarList div.Bbody > ul > li > span + span { border-left: 1px solid #ddd; }
div.CalendarList div.Bbody > ul > li:last-child { border-bottom-color: #aaa !important; }
div.CalendarList div.Bbody > ul > li > span { height: 12rem !important; }
div.CalendarList div.Bbody > ul > li > span > a { padding: 1rem; text-align: left; line-height: inherit !important; }
div.CalendarList div.Bbody > ul > li > span > a:hover,
div.CalendarList div.Bbody > ul > li > span > a:focus {background-color: #f8f8f8;}
div.CalendarList div.Bbody > ul > li > span > a::before { display: none !important; } 
div.CalendarList div.Bbody > ul > li > span > a.current::after { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; border: 1px solid #000; background: none !important; } 
div.CalendarList div.Bbody > ul > li > span:first-child a,
div.CalendarList div > ul > li.sun { color: #cb152b !important; }
div.CalendarList div > ul > li.sat,
div.CalendarList div.Bbody > ul > li > span:last-child a { color: #116eb4 !important; }
div.CalendarList div.Bbody > ul > li > span > span.schedule { z-index: 1; }
div.ScheduleList#listView { margin-top: -1px; border-bottom: 1px solid #999; background-color: #fff; }
div.ScheduleList#listView > div { margin-top: 0; border: 0 none; border-top: 1px solid #ddd; }
div.ScheduleList#listView > div:last-child { border-bottom: 0 none; }
div.ScheduleList#listView > div > a  { min-height: 0; }
div.ScheduleList#listView > div > a span.day { width: 10rem; border: 0 none; line-height: 30px; }
div.ScheduleList#listView > div > a span.day > span { width: calc(100% - 1rem); padding: 0; font-size: 1.4rem !important; font-weight: 400; color: #fff !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
div.ScheduleList#listView > div > a span.group { width: calc(100% - 10rem - 15px); padding-top: 0; }
div.ScheduleList#listView > div > a span.group::after { display: none; }
div.ScheduleList#listView > div > a span.title { padding-top: 0; }
div.ScheduleList#listView > div > a:hover span.title,
div.ScheduleList#listView > div > a:focus span.title { color: inherit; text-decoration: underline; }
div.ScheduleList#listView > span.nodata { margin-top: -1px; border: 0 none; border-top: 1px solid #ddd; }
#srhForm + div.DateArea div.btn-area a { text-align: center; text-indent: 0.5rem; line-height: 35px; }
#srhForm + div.DateArea div.btn-area a::before { display: inline-block; position: static; border-color: #ccc; vertical-align: middle; transition: all 0.2s; }
#srhForm + div.DateArea div.btn-area a.next_month { text-indent: -0.5rem; }
#srhForm + div.DateArea div.btn-area a:hover,
#srhForm + div.DateArea div.btn-area a:focus { background: none; border-color: #000; }
#srhForm + div.DateArea div.btn-area a:hover::before,
#srhForm + div.DateArea div.btn-area a:focus::before { border-color: #000; }
#srhForm + div.DateArea div.btn-area a.All-schedule { line-height: 38px; }
#srhForm + div.DateArea div.btn-area a.All-schedule:hover,
#srhForm + div.DateArea div.btn-area a.All-schedule:focus { border-color: #e36f51; background-color: #e36f51; }

/* 동영상 게시판 */
.gallery_list { overflow: hidden; width: calc(100% + 2.8rem); margin-bottom: -1px; }
.gallery_list li { float: left; width: 33.333%; padding: 3rem 2.8rem 3rem 0; border-bottom: 1px solid #ddd; }
.gallery_list li:nth-child(3n+1) { clear: both; }

.gallery_list.type1 li { width: 25%; }
.gallery_list.type1 li:nth-child(3n+1) { clear: none; }
.gallery_list.type1 li:nth-child(4n+1) { clear: both; }

.gallery_list a { display: block; }
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img { opacity: 0.6; }

.gallery_list .thumb {display: block;overflow: hidden;position: relative;z-index: 0;height: 0;margin-bottom: 2rem;padding-top: 147%;background-color: #eee;color: #fff;border: 1px solid #cfcfcf;}
.gallery_list .thumb img { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; min-height: 100%; transform: translateY(-50%); transition: all 0.2s; }
.gallery_list .thumb::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1rem; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: 1rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.gallery_list .thumb2 { display: block; overflow: hidden; position: relative; z-index: 0; height: 0; margin-bottom: 2rem; padding-top: 62%; background-color: #eee; color: #fff; }
.gallery_list .thumb2 img { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; min-height: 100%; transform: translateY(-50%); transition: all 0.2s; }
.gallery_list .thumb2::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1rem; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb2::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: 1rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }



.gallery_list .title { display: inline-block; overflow: hidden; max-width: 100%; font-size: 1.8rem; color: #222; text-overflow: ellipsis; white-space: nowrap; margin-bottom: .5rem;}
.gallery_list .title.type2{white-space: normal; display: block; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 2.7rem; height: 5.4rem;}
.gallery_list .long .title { display: inline-block; }
.gallery_list .title .xi-new { float: none; margin-top: 0; vertical-align: middle; }
.gallery_list .label { font-weight: 400; color: #000; }

.gallery_list .desc { white-space: nowrap; }
.gallery_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.gallery_list .desc > span { display: inline-block; vertical-align: middle; }
.gallery_list .desc > span.hit { display: none; }
.gallery_list .desc .name { display: none; }
.gallery_list .desc .name + span::before { display: none; }

/* 갤러리 내용 */
.gallery_view { margin-bottom: 2rem; text-align: center; }
.gallery_view .list { margin-top: 1rem; text-align: center; }
.gallery_view .list img { display: inline-block; max-width: 100%; min-height: 100%; }
.gallery_view .thumb { position: relative; padding: 0 5rem 0 6rem;display: inline-block; margin: 0 auto; }
.gallery_view .thumb li { padding-right: 1rem; }
.gallery_view .thumb li a { display: block; overflow: hidden; position: relative; height: 8rem; border: 2px solid #fff; background-color: #000; transition: all 0.2s; }
.gallery_view .thumb li a img { opacity: 0.7; transition: all 0.2s; }
.gallery_view .thumb .active a { border-color: #555; }
.gallery_view .thumb .active a img { opacity: 1; }
.gallery_view .thumb img { transition: all 0.2s; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a { left: -5rem; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -5rem; }
.gallery_view .thumb .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; left: 0; width: 3rem; height: 3rem; border-radius: 100%; background-color: #222; color: #fff; text-align: center; line-height: 3rem; }

.gallery_view .thumb .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: 0; }

.gallery_view .thumb .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }

/* 동영상 내용 */
.video .desc { overflow: hidden; overflow-y: auto; max-height: 30rem; margin-top: 2rem; padding: 2rem 2.5rem 0; border: 1px solid #ddd; background-color: #f8f9fa; }
.video .desc::after { display: block; height: 2rem; content: ''; }
.video .youtube { position: relative; height: 0; padding-top: 55%; }
.video .youtube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video .txt_center {margin-top: 2rem;}

/* 웹진형 게시판 - 이지현 수정 */
.blog_list { margin-bottom: -1px; }
.blog_list + .board_pager { margin-top: 4rem;}
.blog_list > li { position: relative; display: block; overflow: hidden; padding: 3rem 0; border-bottom: 1px solid #ddd; }

.blog_list .thumb { overflow: hidden; float: left; position: relative; z-index: 0; width: 19rem; height: 28rem; color: #fff; border: 1px solid #ddd; border-radius: 6px; transition: all 0.1s ; }
.blog_list .thumb img { min-width: 100%; min-height: 100%; }
.blog_list a .thumb img { transform: scale(1); transition: all 0.2s ; }
.blog_list a .thumb { position: relative;}
.blog_list a .thumb::before { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 6px; left: -1px; top: -1px; border: 0px solid #ABBF01; z-index: 1;transition: all 0.1s ; }
.blog_list a:hover .title p,
.blog_list a:focus .title p{
    text-decoration: underline;
}
.blog_list a:hover .thumb::before,
.blog_list a:focus .thumb::before {border-width: 4px; transition: all 0.1s ; }
.blog_list a:hover .thumb,
.blog_list a:focus .thumb { border-color: #ABBF01; }
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img { transform: scale(1.1); transition: all 0.2s ; }

.blog_list .title { display: block;  margin-top: 1rem; margin-bottom: 3rem; font-size: 2rem; line-height: 2.4rem; font-weight: 600; color: #222; letter-spacing: 0; }
.blog_list .title .icon { display: block; width: 6.3rem; margin-bottom: 1rem; }
.blog_list .label { font-weight: 400; color: #000; }
.blog_list .txt { display: block; overflow: hidden;font-size: 1.6rem;line-height: 2.4rem; height: 4.8rem; margin-bottom: 3rem; color: #666; }
.blog_list .date b, 
.blog_list .hit b{font-weight: 300; color: #000;}

.blog_list .desc { float: right; width: calc(100% - 24rem); padding-bottom: 6rem; }
.blog_list .desc .author { display: block; margin-bottom: 0.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.blog_list .desc a > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1rem; margin: 0 1.5rem 0 1.25rem; background-color: #ddd; content: ''; vertical-align: middle; }
.blog_list .desc a > span { display: inline-block; vertical-align: middle; color: #555; }
.blog_list .desc a > span strong,
.blog_list .desc a > p strong,
.blog_list .desc .author strong { margin-right: 0.6rem; color: #222;}
.blog_list .btn { position: absolute; bottom: 4rem; left: 24rem;}
.blog_view .btn a, .blog_list .btn a{ display: inline-block; height: 3.5rem; padding: 0 1.4rem ; line-height: 3.5rem; border: 1px solid #ccc; color: #222; transition: all 0.2s; }
.blog_view .btn a:hover, .blog_list .btn a:hover,
.blog_view .btn a:focus, .blog_list .btn a:focus{ color: #fff; border-color: #222; background-color: #222; transition: all 0.2s; }
.blog_view .btn a i, .blog_list .btn  a i { margin-left: 0.5rem;}

.blog_list.type3 .thumb{width: 28rem; height: 17rem;}
.blog_list.type3 .desc{width: calc(100% - 32rem); padding-bottom: 0;}
.blog_list.type3 .title .icon{min-width: 6.3rem; padding: 0 1rem; width: auto; display: inline-block;}

.blog_list.type4 .title{margin-bottom: 1rem; margin-top: 2.5rem;}
.blog_list.type4 .cont{font-weight: 300; font-size: 1.5rem; margin-bottom: 2.5rem;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-height: 6.75rem; }


/* 공모전 */
.blog_list.type2  .thumb{  border: 0 none; }
.blog_list.type2 .title { font-size: 2.4rem; font-weight: 900; color: #222; margin: 1rem 0 0.8rem; }
.blog_list.type2 .s_tit { color: #999; font-size: 1.7rem; margin-bottom: 2.5rem; } 
.blog_list.type2 .bul6 li + li { margin-top: 0.3rem; }

/* 연구보고서 view - 이지현 추가 */
.blog_view .info_box { margin-bottom: 5rem; padding-bottom: 5rem; border-bottom: 1px solid #ddd;}
.blog_view .info_box::after { content: ''; display: block; clear: both; }
.blog_view .info_box > * { float: left; }
.blog_view .info_box .img { position: relative; width: 30rem; height: 44.2rem; overflow: hidden; border: 1px solid #ddd; border-radius: 6px; }
.blog_view .info_box .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; min-height: 100%; }
.blog_view .info_box .desc { width: calc(100% - 30rem);  padding-bottom: 5rem; padding-left: 5rem;height: 44.2rem; position: relative; }
.blog_view .info_box .desc .tit { line-height: 2.4rem;color: #222; font-size: 2rem; padding-top: 1rem; margin-bottom: 3rem; }
.blog_view .info_box .desc li { position: relative; padding-left: 1.1rem; font-size: 0;}
.blog_view .info_box .desc li::before { content: ''; position: absolute; top: 1rem; left: 0; width: 0.3rem; height: 0.3rem; background-color: #7b7b7b; border-radius: 100%; }
.blog_view .info_box .desc li + li { margin-top: 1rem;}
.blog_view .info_box .desc li strong { position: relative; display: inline-block; vertical-align: top; width: 11.5rem; font-size: 1.6rem; font-weight: 400; color: #222; }
.blog_view .info_box .desc li strong::after { content: ''; position: absolute; top: 6px; right: 1.5rem; width: 1px; height: 10px; background-color: #ddd; }
.blog_view .info_box .desc li span {display: inline-block; width: calc(100% - 12rem); color: #555;font-size: 1.6rem; } 
.blog_view .info_box .desc .btn { position: absolute; bottom: 1rem; left: 5rem;}
.blog_view h3{ margin-bottom: 1rem; font-size: 2rem; color: #222; font-weight: 600; }
.blog_view .cont_box { margin-bottom: 3rem;}
.blog_view .cont_box .txt { padding: 4rem 3rem; background-color: #f7f7f7; line-height: 3rem;color: #4f4f4f; }
.blog_view .cont_box .txt + h3 { margin-top: 5rem;}
.blog_view .board_btns {margin: 5rem 0;}

.blog_view.type3 .info_box{padding-bottom: 0; border-bottom: none; }
.blog_view.type3 .file{margin-bottom: 4rem;}

.view_list { margin-top: 4rem; padding: 4rem 0 0 0; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.view_list h3 { font-weight: 600; margin-bottom: 2rem; }
.view_list .blog_list { width: calc(100% + 6rem);padding-bottom: 4rem; margin-left: -3rem; }
.view_list .blog_list::after { content: ''; display: block; clear: both; }
.view_list .blog_list li{ width: 50%; float: left; padding: 0 3rem; border-bottom: 0 none; }
.view_list .blog_list + h3{padding-top: 4rem;border-top: 1px solid #ddd;}
.view_list .blog_list .desc .title {font-size: 1.7rem; }
.view_list .blog_list .desc .title .icon { font-weight: 100;}
.view_list .blog_list .desc .title p { max-height: 9.6rem; display: -webkit-box; overflow: hidden;-webkit-line-clamp : 4; -webkit-box-orient : vertical;text-overflow: ellipsis; white-space: normal;  }
.view_list .blog_list .desc .author { overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.view_list .blog_list .desc .author strong { margin-right: 0;}
.view_list .blog_list .desc .label { position: relative; display: inline-block; width: 11.5rem; font-weight: 400; color: #222; }
.view_list .blog_list .desc .label::after { content: ''; position: absolute; top: 5px; right: 1.5rem; width: 1px; height: 10px; background-color: #ddd; }

.view_list .blog_list.column3{ width: calc(100% + 4rem); margin-left: -2rem;}
.view_list .blog_list.column3 li{width: 33.33%; padding: 0 2rem;}
.view_list .blog_list.column3 a .thumb{width: 12rem; height: 17.6rem;}
.view_list .blog_list.column3 .desc{width: calc(100% - 14rem); padding-bottom: 0;}
.view_list .blog_list.column3 .desc .label{width: 7rem;}
.view_list .blog_list.column3 .desc .title{margin-bottom: 2rem;}
.view_list .blog_list.column3 .desc .title p {-webkit-line-clamp: 2;}

/* 게시판 내용 파일 */
.blog_view .file { position: relative; padding: 2rem 0 2rem 14.5rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.blog_view .file .title { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 14.5rem; font-weight: 500; color: #333; text-align: center; }
.blog_view .file .list img { width: 2.5rem; margin-right: 0.5rem; }
.blog_view .file .list li { overflow: hidden; position: relative; min-height: 3rem; padding-right: 21rem; text-overflow: ellipsis; white-space: nowrap; line-height: 3rem; }
.blog_view .file .list li + li {margin-top: 0.5rem;}
.blog_view .file .list li > a { color: #444; -webkit-transition: all 0.2s; transition: all 0.2s; }
.blog_view .file .list li > a:hover, .blog_view .file .list li > a:focus { color: #116eb4; }
.blog_view .file .list .link { position: absolute; right: 0; top: 0; }
.blog_view .file .list .link a{font-size: 1.4rem;width: auto; min-width: 5rem;padding: 0rem .8rem;border: 1px solid #999; transition: all .2s;}
.blog_view .file .list .link a:hover, .blog_view .file .list .link a:focus{background-color: #333; color: #fff;  border: 1px solid #333;}
.blog_view .file .list .link i { line-height: 2.8rem; }
.blog_view .file .list .txt { font-size: 1.2rem; color: #595959; }

/* 멤버십 */
.member { width: 87rem; max-width: 100%; margin: 0 auto; padding-top: 6rem; border: 1px solid #ddd; }
.member .box { clear: both; padding: 1.5rem; background-color: #f8f8f8; border-top: 1px solid #ddd; text-align: center; word-break: keep-all; }
.member_title { font-size: 2rem; margin-bottom: 2rem; font-weight: 400; color: #000; }

/* 회원 버튼 */
.member_btn { height: 5.5rem; border: 1px solid #2d6dbb; line-height: 5.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 0; padding: 0 1rem; background-color: #2d6dbb; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; width: 31.5rem; max-width: 100%; margin: 3rem auto 0; }
.member_btn:hover, .member_btn:focus { background-color: transparent; color: #2d6dbb; }
.member_btn.type1 { border-color: #6e7379; background-color: #6e7379; }
.member_btn.type1:hover, .member_btn.type1:focus { color: #6e7379; }

/* 회원가입 절차 */
.member_step { display: table; width: calc(100% + 0px); table-layout: fixed; position: relative; z-index: 0; }
.member_step > * { display: table-cell; padding-right: 0px; vertical-align: top; }
.member_step li { font-size: 1.8rem; position: relative; color: #333; text-align: center; }
.member_step li + li::before { position: absolute; right: 50%; top: 3.5rem; z-index: -1; width: 100%; height: 0.3rem; margin-top: -0.15rem; border-top: 0.3rem dotted #b7b7b7; content: ''; }
.member_step li.active small { background-color: #2d6dbb; }
.member_step small { font-size: 1.6rem; display: block; width: 7rem; height: 7rem; margin: 0 auto; border-radius: 100%; border: 1.5rem solid #fff; background-color: #6e7379; background-color: #959fa5; font-weight: 400; color: #fff; line-height: 4rem; }
.member_step strong { display: block; margin-top: -1rem; font-weight: 400; }
.member_step + .login2 { margin-top: 3rem; }

/* 로그인 */
/* .login1 .title { font-size: 3.5rem; float: left; width: 24.5rem; padding-left: 2rem; color: #0e1262; text-align: center; }
.login1 .form { float: right; position: relative; width: calc(100% - 32.5rem); margin: 0 8rem 4.5rem 0; padding-right: 13rem; }
.login1 .form .form_textbox { height: 4.7rem; padding-left: 2rem; }
.login1 .form .form_textbox + .form_textbox { margin-top: 1rem; }
.login1 .form .btn { font-size: 1.8rem; position: absolute; right: 0; top: 0; width: 12rem; height: 100%; border: 1px solid #2d6dbb; background-color: #2d6dbb; color: #fff; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }
.login1 .form .btn:hover, .login1 .form .btn:focus { background-color: #fff; color: #2d6dbb; }
.login1 .list li { position: relative; padding-left: 1.5rem; text-align: left; display: inline-block; margin-right: 4rem; vertical-align: top; }
.login1 .list li::before { position: absolute; left: 0; top: auto; content: ''; }
.login1 .list li::before { top: 1rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #0e1262; }
.login1 .list li:last-child { margin-right: 0; }
.login1 .list a { height: 3.2rem; border: 1px solid #ddd; line-height: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 0; padding: 0 1rem; background-color: #fff; color: #767676; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: 1rem; }
.login1 .list a:hover, .login1 .list a:focus { background-color: #ddd; color: #fff; }
.login1 .list a::after { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; content: ''; }
 */
/* 본인확인 */
/*.login2 { overflow: hidden; word-break: keep-all; }
.login2 .group { float: left; width: calc(50% - 1rem); padding: 6rem; border: 1px solid #ddd; text-align: center; }
.login2 .group.group2 { float: right; }
.login2 i { display: block; width: 7rem; margin: 0 auto 3rem; }
.login2 span { display: block; height: 6.5rem; }
.login2 .title { text-align: center; } */

/* 아이디비번찾기 */
.find .form { width: 32rem; max-width: 100%; margin: 0 auto 7rem; }
.find .form ul { display: inline-block; width: 100%; }
.find .form li { float: left; position: relative; width: calc(50% - 0.5rem); }
.find .form li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.find .form li input:checked + label { border-color: #333; color: #000; }
.find .form li input:hover + label, .find .form li input:focus + label { outline: 1px dotted #000; }
.find .form li label { height: 5rem; border: 1px solid #e7e7e7; line-height: 4.8rem; font-size: 1.5rem; display: block; color: #777; text-align: center; }
.find .form li + li { float: right; }
.find .btns { overflow: hidden; margin-top: 1rem; }
.find .txt { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e7e7e7; }
.find .member_btn { float: left; width: calc(50% - 0.5rem); margin-top: 0; }
.find .member_btn + .member_btn { float: right; }

/* 검색 */
.search_form form { position: relative; width: 50rem; max-width: 100%; margin: 0 auto; padding: 0 8rem; line-height: 4rem; }
.search_form form label { position: absolute; left: 0; top: 0; font-weight: 400; }

/* 검색 버튼 */
.search_form .btn { position: absolute; right: 0; top: 0; width: 8rem; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }
.search_form .btn:hover, .search_form .btn:focus { background-color: #fff; color: #000; }

/* 검색 결과 */
.search_result .label {padding: 3rem 0; border-bottom: 1px solid #ddd; font-size: 2rem; color: #000; text-align: center;}
.search_result .label strong {font-weight: 600; color: #484c58;}
.search_result .depth4_tab {margin-top: 3rem;}

/* 검색결과 더보기 */
.search_result .group {position: relative; margin-top: 5rem;}
.search_result .group .more {display: block; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; text-align: center;}
.search_result .group .more i {transition: all 0.2s;}
.search_result .group .more:hover i,
.search_result .group .more:focus i {transform: rotate(180deg);}

/* 검색결과 타이틀 */
.search_result .title {margin-bottom: 2rem; font-size: 2.5rem; font-weight: 500; color: #000;}
.search_result .title .point1 {color: #c00;}
.search_result .title small {font-size: 1.6rem; font-weight: 300; color: #555;}

/* 검색결과 목록 */
.search_result .board_list li {padding: 2rem 0;}
.search_result .board_list li + li {border-top: 1px solid #ddd;}
.search_result .board_list strong {display: block; font-size: 1.8rem; font-weight: 400; color: #000;}
.search_result .board_list .info {margin: 0.5rem 0 0; padding: 1rem 1.5rem; background-color: #f8f8f8;}
.search_result .board_list .info span {display: inline-block; vertical-align: middle;}
.search_result .board_list .info span + span::before {display: inline-block; position: relative; top: -0.2rem; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle;}
.search_result .board_list .txt {margin-top: 1rem;}

/* 자료회원가입 - 이지현 추가 */
.board_list .tstyle_write .email .form_select select { width: 14rem;}
.board_list .tstyle_write textarea { width: 100%; height: 10rem; resize: none; padding: 1.5rem; border-radius: 6px; border: 1px solid #f3f3f3; background-color: #F3F3F3; }
.board_list .tstyle_write textarea:focus,
.board_list .tstyle_write textarea:active { background-color: #fff; border-color: #222; transition: all 0.2s;}
.board_list .tstyle_write .date { line-height: 4.3rem; }
.board_list .tstyle_write .date .form_textbox { width: 100%; max-width: 18rem; background-image: url('../img/sub/cal_icon.html') ; background-repeat: no-repeat; background-position: right 10px center; }
.board_list .tstyle_write .date .form_textbox:focus,
.board_list .tstyle_write .date .form_textbox:active{ background-image: url('../img/sub/cal_icon_on.html');}
.board_list .tstyle_write .form_radio label::before { top: -0.2rem;left: 0; }
.board_list .tstyle_write .form_radio label::after { top: 0.4rem;left: 0.6rem; }



@media (max-width: 1024px) 
{ 
    .sitemap dt { width: 25%; }
    .sitemap dd { width: 75%; }
    .sitemap .depth2 > li { width: 33.333%; }

    /* 동영상 게시판 */
	.gallery_list li { width: 33.333% !important; }
	.gallery_list li:nth-child(4n+1) { clear: none !important; }
    .gallery_list li:nth-child(3n+1) { clear: both !important; }

    /* 이북형 */
    .board_ebook { width: calc(100% + 4rem); margin: 0 -2rem; }
    .board_ebook li { padding: 3rem 2rem; }
    .board_ebook .btn { position: static; margin-top: 2rem;}
    .board_ebook .btn span { display: block; }
    .board_ebook .btn span a { max-width: none;}
    .board_ebook .btn span + span{ margin-top: 1rem;}

    /* PDF형 */
    .board_pdf { width: calc(100% + 2rem) !important; margin: 0 -1rem; }
    .board_pdf li { padding: 2rem 1rem; }
    .board_pdf .btn a { padding: 0 1rem; }
    .board_pdf .btn a i { right: 1rem; } 

    /* 연구보고서 view */
    .view_list .blog_list li { float: none; width: 100%;}
    .view_list .blog_list li + li { margin-top: 3rem;}
    .view_list .blog_list.column3 li{width: 100%;}
}

@media (max-width: 768px) 
{ 
    .board_box.type2 { padding: 2rem; padding-left: 22rem; }
    .board_box.type2 .img { width: 20rem; padding: 2rem; }
    .board_btns .btn { min-width: 0 !important; }

    .board_list .tstyle_write th { display: block; padding: 0 1rem !important; border-bottom: 0 none; }
    .board_list .tstyle_write td { padding: 0 1rem !important; }
    .board_list .tstyle_write .file { border: 0 none; }
    .board_list .tstyle_write .file th::after { display: block; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 300; color: #555; content: 'hwp,xls,doc,ppt,pdf,zip,jpg,gif,png 파일만, 5MB까지 업로드가 가능합니다.'; line-height: 1.2; }
    .board_list .tstyle_write .file .form_file .txt { color: transparent; }
    .board_list .tstyle_write .file .form_file .txt.active { color: #555; }
    .board_list .tstyle_write .file + .file { padding-top: 0; }
    .board_list .tstyle_write .file + .file th { display: none; }
    .board_list .tstyle_write .file:last-child { padding-bottom: 1.5rem; }
    .board_list .tstyle_write .form_radio label::before, .board_list .tstyle_write .form_radio label::after, .board_list .tstyle_write .form_check label::before, .board_list .tstyle_write .form_check label::after { margin-top: -0.2rem; } 

	.board_info .search_wrapper{float:none}

    /* 게시판 페이징 */
	.board_pager .group { margin: 0 2rem; }
	.board_pager .group a { display: none; }
	.board_pager .group a:last-child,
	.board_pager .group .active { display: inline; }
	.board_pager .group .active { background: none; font-weight: 600; color: #333; }
	.board_pager .group .active::after { font-weight: 300; content: ' / ' }

	/* 게시판 목록 정보 */
	.board_info { margin-bottom: 1rem; }
	.board_info .page_info,
	.board_info form { float: none; }	
	.board_info .form { width: 100%; margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; }
	.board_info .form .item { width: 12rem; }
	.board_info .form .item.type1 {width: auto;}
    
	/* 게시판 목록 기본 */
	.board_list table { table-layout: fixed; }
	.board_list tr { display: block; padding: 1rem 0; border-bottom: 1px solid #ddd; }
	.board_list colgroup, .board_list thead { display: none; }
	.board_list td { display: block; padding: 0; border: 0 none; text-align: left; line-height: 1.5; }
  
	/* 게시판 목록 */
	.board_list .tstyle_list td { padding: 0.4rem 0; }
	.board_list .tstyle_list td[aria-label]::before { margin-right: 2rem; font-weight: 400; color: #333; content: attr(aria-label); }
	.board_list .tstyle_list td.m_hidden, 
	.board_list .tstyle_list td[aria-label="분류"]::before, 
	.board_list .tstyle_list td[aria-label="첨부파일"],
	.board_list .tstyle_list td[aria-label="처리상태"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="처리상태"] {margin-top: 0.5rem;}
	.board_list .tstyle_list td[aria-label="제목"] a { font-size: 1.8rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; white-space: normal; }
	.board_list .tstyle_list td[aria-label="과제구분"]::before,
    .board_list .tstyle_list td[aria-label="제목"]::before,
	.board_list .tstyle_list td[aria-label="링크"]::before { display: none; }
	.board_list .tstyle_list td[aria-label="링크"] { margin-top: 0.5rem; }
	  
	/* 게시판 목록 아이콘 */
	.board_list .xi-lock {top: -0.3rem;}
	.board_list .xi-new { margin-top: 0.25rem; float: left;}
	  
	/* 게시판 내용보기 */
	.board_view .contents { padding: 1.5rem 0; }
    .board_view .contents .cont_line, 
    .board_view .contents .cont_bg { margin-left: 0; margin-right: 0;}
	
	/* 게시판 내용보기 파일 */
	.blog_view .file { padding: 1.5rem; }
	.blog_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.blog_view .file .list .txt { display: none; }

	.blog_view .file { padding: 1.5rem; }
	.blog_view .file .title { display: block; position: static; width: auto; margin-bottom: 1rem; text-align: left; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
	.blog_view .file .list .txt { display: none; }

	/* 게시판 답변 */
	.board_reply { background-position: top 40px left 20px; }
	.board_reply .file { margin: 1.5rem 0 -1.5rem; padding: 1rem 0; }
	
	/* 게시판 답변상황 */
	.board_state .form ul { display: block; margin: 0; }
	.board_state .form li { display: block; margin-bottom: 0.5rem; }
	.board_state .form li + li::before { display: none; }
	.board_state .form label { float: left; width: 7rem; margin: 0; }
	.board_state .form .btn { width: 15rem; margin: 1rem 0 0 7rem; }

	/* 게시판 코멘트 */
	.comment .list li {padding: 1.5rem 0;}
	.comment .list .btn {right: 0.5rem; top: 1rem;}
    .comment .list .re {padding-left: 2rem;}

    /* 이북형 */
    .board_ebook { display: block; width: 100%; margin: 0; }
    .board_ebook > * { display: block; clear: none; float: none; width: 100%; margin-right: 0; }
    .board_ebook > * + * { margin-top: 0; }
    .board_ebook li { overflow: hidden; padding: 1.5rem; overflow: visible; }
    .board_ebook li::after{ content: ''; display: block; clear: both;}
    .board_ebook li:nth-child(n + 2) { border-top: 1px solid #ddd; }
    .board_ebook .group { padding: 1rem 0 0 2rem; }

    /* PDF형 */
    .board_pdf { display: inline-block; width: calc(100% + 0px); }
    .board_pdf > * { clear: none; float: left; width: calc(33.33333% - 0px); margin-right: 0px; }
    .board_pdf > *:nth-child(n + 4) { margin-top: 0px; }
    .board_pdf > *:nth-child(2n + 1) { clear: none; }
    .board_pdf > *:nth-child(3n + 1) { clear: both; } 

    /* 웹진형 게시판 */
    .blog_list.type3 .thumb{ width: 20rem; height: 13rem;}
    .blog_list.type3 .desc{width: calc(100% - 23rem);}

    /* 멤버십 */
    .member { padding-top: 3rem; }

    /* 로그인 */
    .login1 .title { width: 18rem; padding-left: 0; }
    .login1 .form { width: calc(100% - 22rem); margin: 0 4rem 3rem 0; }
    .login1 .list li { display: block; width: 40rem; max-width: 100%; margin: 0 auto; }
    .login1 .list li:last-child { margin: 0.5rem auto 0; }
    .login2 .group { padding: 3rem; }
    .login2 .group span { height: 7.5rem; }

    /* 아이디비번찾기 */
    .find .form { margin-bottom: 3.5rem; }

    /* 자료회원가입 테이블 라디오 버튼 */
    .board_list .tstyle_write .form_radio label::before { top: 0.6rem;left: 0rem; }
    .board_list .tstyle_write .form_radio label::after { top: 1.2rem;left: 0.6rem; }

    /* 공모전 */
    .blog_list.type2 .info{ position: static;  }
    
}

@media (max-width: 580px) 
{ 
    .board_box.type1 { padding: 2rem; }
    .board_box.type1 .txt br { display: none; }
    .board_box.type1.table .group { display: block; padding: 2rem; }
    .board_box.type1.table .group2 { border-left: 0 none; border-top: 1px solid #ddd; }
    .board_box.type2 { padding: 0 1.5rem 1.5rem; }
    .board_box.type2 .img { display: block; position: static; width: calc(100% + 3rem); margin: 0 -1.5rem 1.5rem; border: 0 none; border-bottom: 1px solid #ddd; text-align: center; }
    
    .board_list .tstyle_write .form_mail .form_textbox { display: block; width: 100%; }
    .board_list .tstyle_write .form_mail .form_textbox + .form_textbox { float: right; width: calc(100% - 2rem); margin: 0.25rem 0; }
    .board_list .tstyle_write .form_mail .form_select { display: block; clear: both; width: 100%; }

    .board_list .tstyle_write .email .form_textbox { width: 46.5% !important; display: inline-block !important; }
    .board_list .tstyle_write .email .form_select select { width: 100%; max-width: 100%; float: none; }
    .board_list .tstyle_write .date .form_textbox { width: 46.5%;}

    .sitemap { margin-top: -2rem; }
    .sitemap .group { padding: 2rem 0; }
    .sitemap dt { float: none; width: 100%; margin-bottom: 2rem; text-align: center; }
    .sitemap dd { overflow: hidden; float: none; width: 100%; }
    .sitemap .depth2 > li { width: 50%; }

    /* 게시판 목록 정보 */
	.board_info .form { display: block; }
	.board_info .form .item { display: block; width: 100%; padding: 0 0 0.5rem; }
	.board_info .form .item.btn { width: 100% !important; padding: 0; }
	
	/* 게시판 내용 정보 */
	.board_view .info { padding: 1.5rem; }
	.board_view .info li { display: block; text-align: left; }
	.board_view .info li + li::before { display: none; }
	.board_view .txt_center { margin-bottom: 1rem; }


	/* 게시판 내용 파일 */
	.board_view .file .list li { padding-right: 10rem; }
	.board_view .file .list .link a[target="_blank"] { display: none; }
    
	.blog_view .file .list li { padding-right: 10rem; }
	.blog_view .file .list .link a[target="_blank"] { display: none; }
	
	/* 게시판 답변 */
	.board_reply .info li[class] { display: block; }
	.board_reply .info li + li::before { display: none; }
	.board_reply .file .list li { padding-right: 10rem; }
	.board_reply .file .list .link a[target="_blank"] { display: none; }
	
	/* 게시판 답변상황 */
	.board_state { margin-top: 2rem; padding: 1.5rem; }
	.board_state::before { display: block; position: static; margin-bottom: 0.5rem; }
	.board_state li { display: block; }
	.board_state li + li::before { display: none; }

	/* 게시판 코멘트 */
	.comment .form {margin: 2rem 0;}
	
	/* 공공누리 */
    .kogl_open .form_radio .img { display: block; float: none; width: 100%; padding: 0 0 0.5rem; }

    /* FAQ */
    .faq .label { padding: 1.5rem 4rem 1.5rem 6.5rem; }
    .faq .label::before { top: 1rem; }
    .faq .label::after { right: 1rem; top: 2rem; }
    .faq .item { padding: 0 1rem 0 6.5rem; }
    .faq .item::before { display: none; }
    .faq .item::after { left: 1.5rem; }

    /* PDF형 */
    .board_pdf { display: inline-block; width: calc(100% + 0px); }
    .board_pdf > * { clear: none; float: left; width: calc(50% - 0px); margin-right: 0px; }
    .board_pdf > *:nth-child(n + 3) { margin-top: 0px; }
    .board_pdf > *:nth-child(2n + 1) { clear: both; }

    /* 달력형 */
    #calendar .fc-view-container .fc-day-header { padding: 0.5rem 0; }
    #calendar .fc-view-container .fc-day-number { font-size: 1.2rem; padding: 0.5rem 0 0 0.5rem; }
    #calendar .fc-view-container .fc-day-grid-event .fc-title { font-size: 1.4rem; }
    #calendar .fc-view-container .fc-row .fc-content-skeleton { padding-bottom: 0; }
    #calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container { padding: 0.15rem 0 0; }
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td { height: 3rem; }
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td.fc-event-container { height: auto; } 
    
    /* 동영상 게시판 */
	.gallery_list { width: calc(100% + 2rem); }
	.gallery_list li { width: 50% !important; padding: 2rem 2rem 2rem 0; }
	.gallery_list li:nth-child(3n+1) { clear: none !important; }
	.gallery_list li:nth-child(2n+1) { clear: both !important; }
	
	/* 웹진형 게시판 */
	.blog_list a { padding: 2rem 0; }
	.blog_list .txt { margin-bottom: 2rem; }
	.blog_list .title { margin-bottom: 1.5rem; }
    .blog_list .desc a > span { display: block; }
    .blog_list .desc a > span + span { margin-top: 0.5rem;}
    .blog_list .desc a > span + span::before { display: none;}

    
    /* 멤버십 */
    .member { padding-top: 2rem; }
    
    /* 로그인 */
    .login1 .title { float: none; width: 100%; margin-bottom: 1rem; }
    .login1 .form { float: none; width: calc(100% - 4rem); margin: 0 auto 2rem; padding-right: 11rem; }
    .login1 .form .btn { width: 10rem; }
    .login1 .list li { padding-left: 1rem; }
    .login1 .list a { margin-left: 0.5rem; padding-right: 0.5rem; }

    /* 본인확인 */
    .login2 .group { float: none; width: 100%; }
    .login2 .group.group2 { float: none; margin: 1rem 0 0; }
    .login2 .group span { height: auto; }

    /* 연구보고서 view */
    .blog_view .info_box > * { float: none;}
    .blog_view .info_box .img { width: 100% ; max-width: 30rem;  margin:0 auto 2rem auto; }
    .blog_view .info_box .desc { width: 100%; padding: 0 ; height: auto;}
    .blog_view .info_box .desc .btn{position: relative; padding-top: 2rem; left: 0; top: 0;}
    .view_list .blog_list li .thumb { width: 16rem; height: 24rem; }
    .view_list .blog_list .desc{ width: calc(100% - 18rem); }
}

@media ( max-width: 400px )
{
    /* 이북형 */
    .board_ebook li { padding: 1.5rem 0; }
    .board_ebook .thumb { width: 14rem; height: 20rem; }
    .board_ebook .group { width: calc(100% - 16rem);}
    .board_ebook .desc { max-height: 5.1rem; }

    /* PDF형 */
    .board_pdf .btn a { display: block; float: none; width: 100%; }
    .board_pdf .btn a + a { float: none; margin-top: 0.5rem; } 

	/* 동영상 게시판 */
	.gallery_list .desc span { display: block; }
	.gallery_list .desc span::before { display: none !important; }
	
	/* 웹진형 게시판 */
	.blog_list .thumb { display: block; float: none; width: 100%; max-width: 23rem; height: auto; min-height: 15rem; margin: 0 auto; }
	.blog_list .desc { float: none; width: 100% !important; padding: 1.5rem 0 0; }
    .blog_list .btn { position: static; margin-top: 2rem;}
    
    /* 연구보고서 view */
    .view_list .blog_list .desc{ width: 100%; }
}

.tip03 { position:relative; font-size: 1.5rem; color: #777; margin-top: 1rem; padding-left: 1rem; }
.tip03::before { content: '*'; position: absolute; left: 0; top: 0.2rem;  }