@charset "utf-8";

/* board search */
.board_srch {font-size:0; line-height:0; text-align:right; margin-top:30px;}/**/
.board_srch * {vertical-align:middle;}
.board_srch input[type=text],
.board_srch input[type=password],
.board_srch select,
.board_srch .btn_search,
.board_srch .btn {font-family:'Malgun Gothic'; font-size:13px; line-height:19px; letter-spacing:-0.06em;}
.board_srch input[type=text],
.board_srch input[type=password] {border:1px solid #dedede; height:19px; padding:3px 4px 6px 4px;}/* t,m_reset : padding top bottom */
.board_srch select {border:1px solid #dedede; height:30px; padding:3px 4px 6px 4px;}
.board_srch .btn {padding:0 13px; height:28px; line-height:25px; border:1px solid #c8c8c8; background:#fff; color:#595959; border-radius:2px;}/* t,m_reset : line-height */
.board_srch .btn:hover,
.board_srch .btn:focus {border-color:#7ea1d2; text-decoration:none; cursor:pointer}
.board_srch .btn span {display:block;}
.board_srch .btn_search {padding:0 14px; height:30px; line-height:27px; background:#476da2; color:#fff; border-radius:2px;}/* t,m_reset : line-height */
.board_srch .btn_search:hover {background:#5b6f90; text-decoration:none;}
.board_srch .btn_search span {display:block;}
.board_srch .cis_lst {margin-top:10px;}
.board_srch .cis_lst ul li {display:inline-block; border:1px solid #d3d6db; background:#fff; border-radius:2px; margin:2px;}
.board_srch .cis_lst ul li a {display:block; height:23px; font-size:12px; line-height:20px; color:#333; padding:0 6px;}
.board_srch .cis_lst ul li.on {background:#4577bc; border-color:#4577bc;}
.board_srch .cis_lst ul li.on a {color:#fff; text-decoration:underline;}
.board_srch .txt_emph {margin-top:5px; padding-left:15px; color:#4b4b4b; background:url(/images/react/common/blt_emph_gray.png) no-repeat 0 7px; font-size:12px; line-height:20px; letter-spacing:-0.06em; text-align:left;}
.board_srch .txt_star {font-size:12px; line-height:20px; letter-spacing:-0.06em; text-align:left;}
.board_srch .btn.ico_download {text-align:left;}
.board_srch .btn.ico_download span {padding-right:24px; background:url(/images/react/board/board_top/ico_download.png) no-repeat right 7px;}
.board_srch.consonant_index_srch {background:#ebf0f4; text-align:center; padding:15px 20px; margin-top:30px;}
.board_srch.consonant_index_srch .btn_search {background:#476da2;}
.board_srch.consonant_index_srch .btn_search:hover {background:#5b6f90;}

@media screen and (min-width:1200px) {
	.board_srch .bs_response {display:inline-block; display:-moz-grid-group;}
	.board_srch .bs_response > div {display:inline-block; display:-moz-grid-group; padding:2px;}
	.board_srch .bs_response .w160 {width:160px;}
	.board_srch .bs_response .w240 {width:240px;}
	.board_srch .bs_response .w480 {width:480px;}
	.board_srch .bs_response .mgr6 {margin-right:6px;}
	.board_srch .bs_response .empty {display:none;}
	.board_srch input[type=text],
 	.board_srch input[type=password],
	.board_srch select,
	.board_srch .btn,
	.board_srch .btn_search {display:inline-block; display:-moz-grid-group;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.board_srch .bs_response {display:inline-block; display:-moz-grid-group;}
	.board_srch .bs_response > div {display:inline-block; display:-moz-grid-group; padding:2px;}
	.board_srch .bs_response .w160 {width:160px;}
	.board_srch .bs_response .w240 {width:240px;}
	.board_srch .bs_response .w480 {width:480px;}
	.board_srch .bs_response .mgr6 {margin-right:6px;}
	.board_srch .bs_response .empty {display:none;}
	.board_srch input[type=text],
 	.board_srch input[type=password],
	.board_srch select,
	.board_srch .btn,
	.board_srch .btn_search {display:inline-block; display:-moz-grid-group;}	
	.board_srch input[type=text] {height:20px; line-height:20px; padding:4px;}
	.board_srch select {line-height:20px; padding:4px;}
	.board_srch .btn {line-height:28px;}
	.board_srch .btn_search {line-height:30px;}
}
@media screen and (max-width:768px) {
	.board_srch {margin-top:20px;}
	.board_srch.consonant_index_srch {padding:8px;}
	.board_srch .bs_response {display:table; table-layout:fixed; width:100%;}
	.board_srch .bs_response > div {display:table-cell; padding:2px;}
	.board_srch .bs_response .w60 {width:60px;}
	.board_srch .bs_response .w90 {width:90px;}
	.board_srch .bs_response .empty {width:6px; padding:2px 0;}
	.board_srch {text-align:center;}
	.board_srch input[type=text],
	.board_srch input[type=password],
	.board_srch select,	
	.board_srch .btn,
	.board_srch .btn_search {display:block; width:100%; height:30px; box-sizing:border-box;}	
	.board_srch input[type=text] {line-height:20px; padding:4px;}
	.board_srch select {line-height:20px; padding:4px;}
	.board_srch .btn {line-height:28px;}
	.board_srch .btn_search {line-height:30px;}
}
@media print {
	.board_srch .bs_response {display:inline-block; display:-moz-grid-group;}
	.board_srch .bs_response > div {display:inline-block; display:-moz-grid-group; padding:2px;}
	.board_srch .bs_response .w160 {width:160px;}
	.board_srch .bs_response .w240 {width:240px;}
	.board_srch .bs_response .w480 {width:480px;}
	.board_srch .bs_response .mgr6 {margin-right:6px;}
	.board_srch .bs_response .empty {display:none;}
	.board_srch input[type=text],
 	.board_srch input[type=password],
	.board_srch select,
	.board_srch .btn,
	.board_srch .btn_search {display:inline-block; display:-moz-grid-group;}
}

/* board top */
.board_top * {vertical-align:top;}
.board_top:after {display:block; content:''; clear:both;}
.board_top .txt_result {display:inline-block; font-size:14px; line-height:20px; letter-spacing:-0.06em; padding:4px 0 6px 0; color:#333;}
.board_top .txt_result .txt_clr_red {color:#e50b0b;}
.board_top .txt_common {display:inline-block; font-size:14px; line-height:20px; letter-spacing:-0.06em; padding:4px 0 6px 0; color:#333;}
.board_top .btn {display:inline-block; background:#fff; border:1px solid #c8c8c8; border-radius:2px; padding:0 10px;}
.board_top .btn:hover {border-color:#7ea1d2; text-decoration:none;}
.board_top .btn span {display:block; height:28px; font-size:12px; line-height:26px; letter-spacing:-0.06em; color:#595959;}
.board_top .btn.ico_download span {padding-right:24px; background:url(/images/react/board/board_top/ico_download.png) no-repeat right 7px;}
.board_top select {display:inline-block; font-family:'Malgun Gothic'; font-size:13px; line-height:19px; letter-spacing:-0.06em; border:1px solid #dedede; height:30px; padding:3px 4px 6px 4px;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.board_top .txt_result {padding:5px 0;}
	.board_top .btn span {line-height:28px;}
	.board_top select {line-height:20px; padding:4px;}
}
@media screen and (max-width:768px) {
	.board_top {margin-top:10px;}
	.board_top .txt_result {padding:5px 0;}
	.board_top .btn span {line-height:28px;}
	.board_top select {line-height:20px; padding:4px;}
}

/* board list */
.board_list {margin-top:10px; overflow-x:hidden;}
.board_list table {table-layout:fixed; width:100%; border-top:1px solid #363a41; margin-left:-1px;}
.board_list table * {vertical-align:middle;}
.board_list table thead th {border-left:1px solid #c9cbd0; border-bottom:1px solid #c9cbd0; padding:7px 12px 9px 12px; font-size:14px; line-height:24px; letter-spacing:-0.06em; color:#000; font-weight:bold; background:#f0f1f5;}/* t,m_reset : padding top bottom */
.board_list table tbody th {border-left:1px solid #c9cbd0; border-bottom:1px solid #c9cbd0; padding:7px 12px 9px 12px; font-size:14px; line-height:24px; letter-spacing:-0.06em; color:#000; font-weight:bold; background:#f0f1f5;}/* t,m_reset : padding top bottom */
.board_list table tbody td {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:7px 12px 9px 12px; font-size:14px; line-height:24px; letter-spacing:-0.06em; color:#333; text-align:center;}/* t,m_reset : padding top bottom */
.board_list table thead th:first-child,
.board_list table tbody td:first-child {border-left:0;}
.board_list table th,
.board_list table td {box-sizing:content-box;}
.board_list .new_row td {background:#fcfbf0;}
.board_list .ta_l {text-align:left;}
.board_list .inl_z {font-size:0; line-height:0;}
.board_list .wb_ba {word-break:break-all;}
.board_list .txt_title {font-size:14px; line-height:20px; letter-spacing:-0.06em;}
.board_list .txt_title:hover {color:#446fd9;}
.board_list .ico_reply,
.board_list .ico_news,
.board_list .ico_lock,
.board_list .ico_clip {display:inline-block; text-indent:-10000px; width:23px; height:23px; margin-bottom:-3px;}/* t,m_reset : margin bottom */
.board_list .ico_reply {width:19px; height:14px; background:url(/images/react/board/board_list/ico_reply.png) no-repeat left top; margin-right:8px;}
.board_list .ico_news {width:15px; height:14px; background:url(/images/react/board/board_list/ico_new.png) no-repeat left top; margin-left:8px;}
.board_list .ico_lock {width:10px; height:12px; background:url(/images/react/board/board_list/ico_lock.png) no-repeat left top; margin-left:8px;}
.board_list .ico_clip {width:7px; height:12px; background:url(/images/react/board/board_list/ico_clip.png) no-repeat left top;}
.board_list .btn {display:inline-block; font-size:0; line-height:0; padding:3px 9px 5px 9px; background:#fff; border:1px solid #c8c8c8; border-radius:2px; margin-bottom:-1px;}
.board_list .btn:hover {border-color:#7ea1d2; text-decoration:none;}
.board_list .btn span {display:block; font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#595959;}
.board_list img {display:inline-block;}
.board_list .right_btn {position:relative;}
.board_list .right_btn .btn {display:block; padding:3px 10px; border:0; border-radius:2px; background:#5b6f90; text-align:center;}
.board_list .right_btn .btn span {display:block; font-size:12px; line-height:16px; font-weight:bold; letter-spacing:-0.06em; color:#fff;}

@media screen and (min-width:1200px) {
	.board_list .right_btn {padding-right:150px;}
	.board_list .right_btn .btn {position:absolute; right:0; top:50%; margin-top:-12px;}
	.board_list .right_btn .btn span {padding-bottom:2px;}	
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.board_list table thead th {padding:8px 12px;}
	.board_list table tbody th {padding:8px 12px;}
	.board_list table tbody td {padding:8px 12px;}
	.board_list .ico_reply,
	.board_list .ico_news,
	.board_list .ico_lock,
	.board_list .ico_file {margin-bottom:0;}
	.board_list .btn {padding:4px 9px; margin-bottom:0;}
	.board_list .right_btn {padding-right:150px;}
	.board_list .right_btn .btn {position:absolute; right:0; top:50%; margin-top:-12px;}
	.board_list .right_btn .btn span {padding:1px 0;}
}
@media screen and (max-width:768px) {
	.board_list table thead th {padding:8px 12px;}
	.board_list table tbody th {padding:8px 12px;}
	.board_list table tbody td {padding:8px 12px; font-size:13px;}
	.board_list table thead th.bdl_n,
	.board_list table tbody td.bdl_n {border-left:0;}
	.board_list .txt_title {font-size:13px;}
	.board_list .ico_reply,
	.board_list .ico_news,
	.board_list .ico_lock,
	.board_list .ico_file {margin-bottom:0;}
	.board_list .btn {padding:4px 9px; margin-bottom:0;}
	.board_list .right_btn .txt_title {display:block;}
	.board_list .right_btn .btn {display:block; width:150px; margin-top:4px;}
	.board_list .right_btn .btn span {padding:1px 0;}
}
@media print {
	.board_list .right_btn {padding-right:150px;}
	.board_list .right_btn .btn {position:absolute; right:0; top:50%; margin-top:-12px;}
	.board_list .right_btn .btn span {padding-bottom:2px;}	
}

/* board list .tb_scroll */
@media screen and (min-width:769px) and (max-width:1199px) {
	.board_list.tb_scroll.tblt {position:relative; overflow-x:scroll; overflow-y:hidden; padding-top:30px; background:url(/images/react/common/btn_hand4.gif) no-repeat right top; }
	.board_list.tb_scroll.tblt > table {width:1400px; margin-bottom:0;}
}
@media screen and (max-width:768px) {
	.board_list.tb_scroll {position:relative; overflow-x:scroll; overflow-y:hidden; padding-top:30px; background:url(/images/react/common/btn_hand4.gif) no-repeat right top; }
	.board_list.tb_scroll > table {width:860px; margin-bottom:0;}
	.board_list.tb_scroll.tblt {position:relative; overflow-x:scroll; overflow-y:hidden; padding-top:30px; background:url(/images/react/common/btn_hand4.gif) no-repeat right top; }
	.board_list.tb_scroll.tblt > table {width:860px; margin-bottom:0;}
}

/* board view */
.board_view {border-top:2px solid #363a41; margin-top:30px;}
.board_view .bv_top .bv_ttl {display:block; background:#f4f5f8; border-bottom:1px solid #d7d7d7; padding:10px 0;}
.board_view .bv_top .bv_ttl span {display:block; font-size:18px; line-height:27px; letter-spacing:-0.075em; padding:0 0 3px 15px;}
.board_view .bv_top .bv_category {border-bottom:1px solid #d7d7d7; font-size:0; line-height:0;}
.board_view .bv_top .bv_category ul {padding:10px;}
.board_view .bv_top .bv_category ul li {display:inline-block; padding:0 20px 2px 8px; background:url(/images/react/board/board_view/blt_dot.png) no-repeat left 11px;}
.board_view .bv_top .bv_category ul li span {font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#666;}
.board_view .bv_top .bv_category ul li .bvc_ttl {color:#000; font-weight:bold;}
.board_view .bv_top .bv_category table {table-layout:fixed; width:100%;}
.board_view .bv_top .bv_category table * {vertical-align:middle;}
.board_view .bv_top .bv_category table th {padding:11px 20px; border-top:1px solid #d7d7d7; background:#f4f5f8; text-align:left;}
.board_view .bv_top .bv_category table td {padding:11px 20px; border-top:1px solid #d7d7d7;}
.board_view .bv_top .bv_category table tr:first-child th,
.board_view .bv_top .bv_category table tr:first-child td {border-top:0;}
.board_view .bv_top .bv_category table span {display:inline-block; font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#666; padding:0 0 2px 0;}
.board_view .bv_top .bv_category table .bvc_ttl {color:#000; font-weight:bold;}
.board_view .bv_synopsis {position:relative; border-bottom:1px solid #d7d7d7;}
.board_view .bv_synopsis > div {padding:12px 10px; min-height:24px;}
.board_view .bv_synopsis .bvs_ttl {position:absolute; left:0; top:0; font-weight:bold;}
.board_view .bv_synopsis .bvs_ttl span {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#000; padding:0 0 2px 8px; background:url(/images/react/board/board_view/blt_dot.png) no-repeat left center;}
.board_view .bv_synopsis .bvs_descript {padding-left:60px;}
.board_view .bv_synopsis .bvs_descript p {font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#666;}
.board_view .bv_content {padding:30px 10px; border-bottom:1px solid #d7d7d7;}
.board_view .bv_content .bvc_txt {padding:0 0 2px 0;}
.board_view .bv_content .bvc_txt p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; padding-bottom:10px;}
.board_view .bv_content .bvc_txt p img {display:block; width:100%;}
.board_view .bv_content .bvc_txt p img.youtube_img {display:inline; width:60%;}
.board_view .bv_file {position:relative; border-bottom:1px solid #d7d7d7;}
.board_view .bv_file > div {padding:12px 10px; min-height:24px;}
.board_view .bv_file .bvf_ttl {position:absolute; left:0; top:0; font-weight:bold;}
.board_view .bv_file .bvf_ttl span {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#000; padding:0 0 2px 8px; background:url(/images/react/board/board_view/blt_dot.png) no-repeat left center;}
.board_view .bv_file .bvf_lst {padding-left:80px;}
.board_view .bv_file .bvf_lst li {position:relative;}
.board_view .bv_file .bvf_lst li img {vertical-align:middle; margin-left:5px}
.board_view .bv_file .txt_file {display:inline-block;font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#333; background-repeat:no-repeat; background-position:left 4px; padding:0 0 2px 24px;}
.board_view .bv_file .txt_file:hover {color:#446fd9;}
.board_view .bv_file .txt_file.ico_hwp {background-image:url(/images/react/board/board_view/ico_hwp.png);}
.board_view .bv_file .txt_file.ico_pdf {background-image:url(/images/react/board/board_view/ico_pdf.png);}
.board_view .bv_file .txt_file.ico_ppt {background-image:url(/images/react/board/board_view/ico_ppt.png);}
.board_view .bv_file .txt_file.ico_word {background-image:url(/images/react/board/board_view/ico_word.png);}
.board_view .bv_file .txt_file.ico_excel {background-image:url(/images/react/board/board_view/ico_excel.png);}
.board_view .bv_file .txt_file.ico_jpg {background-image:url(/images/react/board/board_view/ico_jpg.png);}
.board_view .bv_file .txt_file.ico_video {background-image:url(/images/react/board/board_view/ico_video.png);}
.board_view .bv_file .txt_file.ico_zip {background-image:url(/images/react/board/board_view/ico_zip.png);}
.board_view .bv_file .txt_file.ico_gif {background-image:url(/images/react/board/board_view/ico_gif.png);}
.board_view .bv_file .txt_file.ico_txt {background-image:url(/images/react/board/board_view/ico_txt.png);}
.board_view .bv_file .txt_file.ico_swf {background-image:url(/images/react/board/board_view/ico_swf.png);}
.board_view .bv_file .txt_file.ico_common {background-image:url(/images/react/board/board_view/ico_common.png);}
.board_view .bv_file .ico_view {margin-left:10px; display:inline-block;color:#000; border-radius:3px; position:absolute; top:5px; right:0px;}


@media screen and (min-width:769px) and (max-width:1199px) {
	.board_view .bv_top .bv_ttl span {line-height:26px; padding:2px 15px;}
	.board_view .bv_top .bv_category ul li {padding:1px 20px 1px 8px;}
	.board_view .bv_content .bvc_txt {padding:1px 0;}	
	.board_view .bv_file .bvf_ttl span {padding:1px 0 1px 8px;}

}
@media screen and (max-width:768px) {
	.board_view .bv_top .bv_ttl span {line-height:26px; padding:2px 15px;}
	.board_view .bv_top .bv_category ul li {padding:1px 20px 1px 8px;}
	.board_view .bv_content .bvc_txt {padding:1px 0;}
	.board_view .bv_file .bvf_ttl span {padding:1px 0 1px 8px;}
	
}

/* 기존 board content view css */
.board_view .boardContView {padding:25px 10px 35px; background:url('/images/front_new/board/bg_td.gif') repeat-x left top; border-top:1px solid #a3a3a3; border-left:1px solid #fff !important;  border-right:1px solid #fff !important;}
.board_view .boardContView p.ttitle {font-weight:bold; padding:10px 0 10px; background:none; font-size:1.17em; text-align:center;}
.board_view .boardContView p {font-size:1em; text-indent:0 !important;}
.board_view .boardContView .vodTextArea {overflow:auto; width:636px; height:130px; padding:10px; border:1px solid #ccc;}
.board_view .boardContView {margin:0 0 10px; padding:25px 10px 35px; border-bottom:1px solid #bfbfbf; color:#333;}
.board_view .boardContView h3 {background:none;}
.board_view .boardContView h4 {padding:0 0 30px; font-weight:bold; font-size:1em; color:#333;}
.board_view .boardContView p {padding:5px 0 0; line-height:1.5; text-align:justify;}
.board_view .boardContView .img {padding-bottom:25px; text-align:center;}
.board_view .boardContView .vod {padding:0 0 25px; text-align:center;}
.board_view .boardContView img {max-width:650px; text-align:center;}
.board_view .boardContView a {text-decoration:underline;}
.board_view .boardContView .viewDate {text-align:right;}
.board_view .boardContView .viewSign {text-align:right; font-weight:bold;}
.board_view .viewArea {padding:0 10px 0 0; color:#666;}
.board_view .viewArea h4 {height:auto; margin:0; padding:10px 0 30px; text-align:center; font-size:1.5em; line-height:1.35;color:#353535;}
.board_view .viewArea h5 {margin:0; padding:0 0 10px 0; font-size:15px; line-height:1.40em; color:#4b5361;} 
.board_view .viewArea p {padding:0 0 10px;}
.board_view .viewArea .viewDate {margin:0; padding:20px 0 10px; line-height:1.35; text-align:right;}
.board_view .viewArea .viewSign {margin:0; padding-bottom:40px; line-height:1.35; text-align:right; font-weight:bold;}
.board_view .viewArea .tableTit {padding:20px 0 8px; background:none; text-align:center; font-weight:bold; font-size:1.17em;line-height:1.35;}
.board_view .viewArea .right {padding-bottom:10px; text-align:right;}
.board_view .viewArea .star {padding-top:0; padding-left:26px; text-indent:-16px; line-height:1.35;} /* 당구장표시 */
.board_view .viewArea .viewNote {margin:0; padding:15px 0 0 16px; text-indent:-16px;}
.board_view .viewArea .subtitle {padding-top:20px; text-align:center; font-size:1.17em; font-weight:bold;}
.board_view .viewArea .dia {margin: 10px 0 0; padding: 0 0 10px 14px !important; background: url('/images/front_new/common/bl_dia.gif') no-repeat left 5px !important; font-weight: bold;}
.board_view .viewArea .dia span {font-weight: normal;}
.board_view .viewArea .dia.none_bg {padding-left: 0; background: none;}
.board_view .viewArea .ttitle {font-weight:bold; padding:10px 0 10px; background:none; font-size:1.17em; text-align:center;}
.board_view .viewArea .unit {padding-bottom: 5px !important; text-align: right !important;}
.board_view .viewArea strong span {padding-left:10px;}
.board_view .viewArea img {max-width:640px;}
.board_view .viewArea ul {margin:0; padding:0;}
.board_view .viewArea ul li {margin:0; padding:0 0 10px 10px; background:url('/images/front_new/common/bl_arw_olive.gif') no-repeat 2px 7px;}
.board_view .viewArea ul li p {padding:10px 0 7px;}
.board_view .viewArea ol {margin:0; padding:10px 0 0 20px;}
.board_view .viewArea ol>li {padding-left:0 !important; background:none !important; list-style:decimal;}
.board_view .viewArea ol li {margin:0; padding:0 0 12px; list-style:decimal;}
.board_view .viewArea ol li p {padding:10px 0 7px;}
.board_view .viewArea ul li ul {padding:10px 0 0; background:none;}
.board_view .viewArea ul li ol {}
.board_view .viewArea ul li ol li {margin:0; padding:0 0 12px; background:none; list-style:decimal;}
.board_view .viewArea ol li ul {margin:0; padding:10px 0 0; background:none;}
.board_view .viewArea ol li ul li {list-style:none;}
.board_view .viewArea ol li ul.none li {padding-left:0; background:none;}
.board_view .viewArea ol li ol li ul li {list-style:none; background:url('/images/front_new/common/bl_qube.gif') no-repeat left 5px;}
.board_view .viewArea ol li ul li,
.board_view .viewArea ul li ul li {padding:0 0 6px 8px; background:url('/images/front_new/common/bl_qube.gif') no-repeat left 7px;}
.board_view .viewArea ol li ul li ul li,
.board_view .viewArea ul li ul li ul li,
.board_view .txtlist > li {padding-left:20px !important; background:none !important; text-indent:-20px !important;}
.board_view .viewArea ul.txtlist li p {text-indent:0;}
.board_view .viewArea ul.txtlist li ul li,
.board_view .viewArea ul.txtlist li .txtlist li ul li {text-indent:0;}
.board_view .viewArea ul.txtlist li ol li {margin:0; padding:0 0 12px; list-style:decimal; text-indent:0;}
.board_view .viewArea ul.txtlist li .txtlist li ul li,
.board_view .viewArea ul.txtlist li ul li {padding-left:10px; background:url('/images/front_new/common/bl_line.gif') no-repeat left 7px;}
.board_view .viewArea dl dt {font-weight:bold; margin:10px 0;}
.board_view .viewArea ul.txtlist li ul li ul li {padding-left:8px; background:url('/images/front_new/common/bl_qube02.gif') no-repeat left 5px;}
.board_view .viewArea ol.txtlist {}
.board_view .viewArea ol.txtlist>li {list-style:none!important;}
.board_view .viewArea ol.txtlist>li p {text-indent:0;}
.board_view .viewArea table {margin-top:0; margin-bottom:0; border-left:none; border-bottom-color:#ccc; text-indent:0;}
.board_view .viewArea table caption {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; }
.board_view .viewArea table th {padding:9px 0 6px; background:#faf9fa; text-align:center; font-weight:normal; border-left:1px solid #ccc;}
.board_view .viewArea table td {padding:9px 5px 6px; border-left:1px solid #ccc;}
.board_view .viewArea table tr.sum th,
.board_view .viewArea table tr.sum td {background:#fafafa; color:#555;}
.board_view .viewArea table tr.tsum th,
.board_view .viewArea table tr.tsum td {background:#fafafa; color:#555; border-top:3px double #ccc;}
.board_view .viewArea table td.center {padding-left:0; padding-right:0;}
.board_view .viewArea table.center td {text-align:center;}
.board_view .viewArea table tfoot th {border-top:3px double #ccc;}
.board_view .viewArea table tfoot td {background:#faf9fa; border-top:3px double #ccc;}
.board_view .viewArea table ul li {margin:0; padding-left:8px; background:url('/images/front_new/common/bl_qube.gif') no-repeat left 5px;}
.board_view .viewArea table li {text-align:left;}
.board_view .viewArea table ul li ul li {padding-left:10px; background:url('/images/front_new/common/bl_line.gif') no-repeat left 7px;}
.board_view .viewArea table ol {padding-top:5px;}
.board_view .viewArea table ol li,
.board_view .viewArea table ul li ol li {margin:0; padding-left:0; background:none; list-style:decimal; text-indent:0;}
.board_view .viewArea ul.txtlist li table * {text-indent:0;}
.board_view .viewArea .viewBox {margin:5px 0 10px; padding:10px 20px 10px; background:#fcfcfc; border:1px solid #ccc;}
.board_view .viewArea .viewBox .title {color:#28688e; font-weight:bold;}
.board_view .viewArea .viewBox ul li {padding-left:10px; background:url('/images/front_new/common/bl_line.gif') no-repeat left 7px;}
.board_view .viewArea .viewBox ul li ul li {padding-left:8px; background:url('/images/front_new/common/bl_qube02.gif') no-repeat left 5px;}
.board_view .dataView {clear:both; width:auto; margin:0 0 20px;}
.board_view .dataView table {width:100%; margin:0 0 7px; border-top:2px solid #7e7e7e; border-right:1px solid #ccc; border-bottom:2px solid #c3c3c3; text-indent:0;}
.board_view .dataView th {padding:7px 0; background:url('/images/front_new/board/bg_th.gif') repeat-x bottom; color:#333; border-left:1px solid #ccc; border-bottom:1px solid #a3a3a3; text-align:center;}
.board_view .dataView td {padding:9px 0; color:#444; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
.board_view .dataView thead td {background:url('/images/front_new/board/bg_th.gif') repeat-x bottom; border-bottom:1px solid #a3a3a3;}
.board_view .dataView tr.first-line td {padding-top:10px;}
.board_view .dataView td.left {padding:7px 10px 5px;}
.board_view .dataView td.right {padding-right:20px;}
.board_view .dataView td.name .hanja {margin:0 0 0 7px;}
.board_view .dataView td p.ttitle {padding:0 0 5px 12px; background:url('/images/front_new/common/bl_titleT.gif') no-repeat left 3px; font-weight:bold;}
.board_view .dataView td p.stitle {padding:5px 0 0; font-weight:bold;}
.board_view .dataView td p.starb {margin-left:15px; padding-bottom:0;}
.board_view .dataView td ul {padding:5px 0 0;}
.board_view .dataView td ul li {padding:0 0 5px 8px; background:url('/images/front_new/common/bl_line.gif') no-repeat left 7px; text-align:justify;}
.board_view .dataView td ul li ul li {padding:0 0 4px 7px; background:url('/images/front_new/common/bl_dot_gray.gif') no-repeat left 6px; color:#666;}
.board_view .dataView td ul li ul li ul li {padding:0 0 4px 8px; background:url('/images/front_new/common/bl_arw_olive.gif') no-repeat left 5px;}
.board_view .dataView td ul li ul li ul li ul li {padding:0 0 4px 7px; background:url('/images/front_new/common/bl_cross_gray.gif') no-repeat left 6px;}
.board_view .dataView td ul.txtlist li {background:none;}
.board_view .dataView td a {color:#466BA3;}
.board_view .dataView td .btn {margin-left:4px;}
.board_view .dataView td .btnImg a,
.board_view .dataView td .btnImg a:hover,
.board_view .dataView td .btnImg a:active {text-decoration:none !important;}
.board_view .dataView tbody th {background:#fbfbfb; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal;}
.board_view .dataView .tfoot th {background:#f6f8fa; font-weight:bold; }
.board_view .dataView .tfoot td {background:#f6f8fa;}
.board_view .dataView tfoot th,
.board_view .dataView tfoot td {background:#f6f8fa; font-weight:bold; border-top:3px double #ddd; border-bottom:none;}
.board_view .dataView .subsum th,
.board_view .dataView .subsum td {background:#fbfbfb; font-weight:bold; color:#5c616a;}
.board_view .dataView .sum th,
.board_view .dataView .sum td {background:#fbfbfb; font-weight:bold; color:#132f6e;}
.board_view .dataView .vsum {font-weight:bold;}
.board_view .dataView.no_line td {padding:0 0 10px; border-bottom:none;} /* 역대장관 */
.board_view .dataView.left td {padding:10px 7px 8px; text-align:left;} /* 왼쪽정렬 */
.board_view .dataView.right td {padding:5px 20px 5px 5px; text-align:right;} /* 오른쪽정렬 */
.board_view .dataView.left td.center {text-align:center;}
.board_view .dataView.top td {vertical-align:top;} /* 상단정렬 */
.board_view .dataView.thCenter th {padding-left:0; text-align:center;}
.board_view .dataView tbody th p {padding-left:0;}
.board_view .dataView table table {border-top-width:1px; border-bottom-width:1px;}
.board_view .dataView table table.center td {padding:10px 0 8px; text-align:center;}

.board_view .bv_content .bvc_txt .viewArea {padding:0;}
.board_view .bv_content .bvc_txt .viewArea p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; padding-bottom:10px;}
.board_view .bv_content .bvc_txt .viewArea p img {display:block; width:100%;}

/* board edit */
.board_edit {margin-top:10px;}
.board_edit * {vertical-align:middle;}
.board_edit table {table-layout:fixed; width:100%; border-top:1px solid #363a41; border-collapse:separate;}
.board_edit th,
.board_edit td {border-bottom:1px solid #dedfe4; padding:11px 17px 14px 17px; font-size:14px; line-height:20px; letter-spacing:-0.06em; color:#333; text-align:left; position:relative;}
.board_edit th {background:#f4f5f8; color:#000; font-weight:bold;}
.board_edit th .required {display:block; position:absolute; right:10px; top:10px;}
.board_edit p {display:block; font-size:13px; line-height:19px; letter-spacing:-0.06em;}
.board_edit p span {display:inline-block; margin-top:-4px;}
.board_edit input[type=text],
.board_edit input[type=password],
.board_edit select,
.board_edit textarea,
.board_edit .btn_search,
.board_edit .btn {font-family:'Malgun Gothic'; font-size:13px; line-height:19px; letter-spacing:-0.06em;}
.board_edit input[type=text],
.board_edit input[type=password] {border:1px solid #dedede; height:19px; padding:3px 4px 6px 4px;}/* t,m_reset : padding top bottom */
.board_edit select {border:1px solid #dedede; height:30px; padding:3px 4px 6px 4px;}
.board_edit select>option[value=""] { color:#666}
.board_edit textarea {display:block; border:1px solid #dedede; padding:3px 4px 6px 4px; width:100%; min-height:240px; box-sizing:border-box; resize:none; resize:vertical;}
.board_edit .btn {box-sizing:content-box; padding:0 13px; height:28px; line-height:26px; border:1px solid #c8c8c8; background:#fff; color:#595959; border-radius:2px; text-align:center;}/* t,m_reset : line-height */
.board_edit .btn:hover {border-color:#7ea1d2; text-decoration:none;cursor:pointer}
.board_edit .btn:focus {text-decoration:none;cursor:pointer}
.board_edit .btn span {display:block;}
.board_edit .w100p {width:100%;}
.board_edit .ico_calendar {display:block; margin:0 auto;}
.board_edit .btn.selcetbtn_on,
.board_edit .btn.selcetbtn_on:hover {border:1px solid #5b6f90; background:#5b6f90; color:#fff;}
.board_edit .txt_common {width:16px; text-align:center;}
.board_edit .pst_rl {position:relative;}
.board_edit .notext_info:empty:before {  content:"휴대폰인증을 하시면 번호가 보입니다."; display:inline-block; color:#666; font-family:"Malgun Gothic",Dotum,"돋움",Gulim,"굴림",sans-serif; font-size:13px;}

@media screen and (min-width:1200px) {
	.be_response {display:inline-block;}
	.be_response > div {display:inline-block; padding:2px;}
	.board_edit .w60 {width:60px;}
	.board_edit .w160 {width:160px;}	
	.board_edit .w240 {width:240px;}
	.board_edit .w480 {width:480px;}
	.board_edit input[type=text],
	.board_edit input[type=password],
	.board_edit select,
	.board_edit .btn,
	.board_edit .btn_search {display:inline-block;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.be_response {display:inline-block;}
	.be_response > div {display:inline-block; padding:2px;}
	.board_edit .w60 {width:60px;}
	.board_edit .w160 {width:160px;}
	.board_edit .w240 {width:240px;}
	.board_edit .w480 {width:480px;}
	.board_edit input[type=text],
	.board_edit input[type=password],
	.board_edit select,
	.board_edit .btn {display:inline-block;}	
	.board_edit input[type=text],
	.board_edit input[type=password] {height:20px; line-height:20px; padding:4px;}
	.board_edit select {line-height:20px; padding:4px;}
	.board_edit .btn {line-height:28px;}
}
@media screen and (max-width:768px) {
	.be_response {display:table; table-layout:fixed; width:100%;}
	.be_response > div {display:table-cell; padding:2px;}
	.be_response div.w16 {width:16px;}
	.be_response div.w24 {width:24px;}
	.be_response div.w80 {width:80px;}
	.be_response div.w120 {width:120px;}
	.be_response div.w130 {width:130px;}
	.board_edit input[type=text],
	.board_edit input[type=password],
	.board_edit .btn {display:block; width:100%; height:30px; box-sizing:border-box;}	
	.board_edit select {display:block; width:100%; box-sizing:border-box;}
	.board_edit .btn.btn_inl {display:inline-block; width:auto;}	
	.board_edit input[type=text],
	.board_edit input[type=password] {line-height:20px; padding:4px;}
	.board_edit select {line-height:20px; padding:4px;}
	.board_edit .btn {line-height:28px;}
}
@media print {
	.be_response {display:inline-block;}
	.be_response > div {display:inline-block; padding:2px;}
	.board_edit .w100 {width:100px;}
	.board_edit .w160 {width:160px;}	
	.board_edit .w240 {width:240px;}
	.board_edit .w480 {width:480px;}
	.board_edit input[type=text],
	.board_edit input[type=password],
	.board_edit select,
	.board_edit .btn,
	.board_edit .btn_search {display:inline-block;}
}

/* page skip */
.page_skip {border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-top:30px;}
.page_skip ul li {position:relative;}
.page_skip ul li:first-child {border-bottom:1px solid #dedfe4;}
.page_skip .ps_ttl {position:absolute; left:0; top:0; width:100px; text-align:center; font-size:0; line-height:0; padding:12px 0;}
.page_skip .ps_ttl * {vertical-align:middle;}
.page_skip .ps_ttl span {display:inline-block; font-size:14px; font-weight:bold; line-height:22px; color:#000; padding-bottom:2px;}
.page_skip .ps_ttl em {display:inline-block; width:24px; height:24px;}
.page_skip .ps_ttl .ico_up {background:url(/images/react/board/page_skip/ico_up.png) no-repeat center center;}
.page_skip .ps_ttl .ico_down {background:url(/images/react/board/page_skip/ico_down.png) no-repeat center center;}
.page_skip .ps_detail {display:block; padding:12px 0 12px 100px;}
.page_skip .ps_detail a {display:block; font-size:14px; line-height:22px; color:#333; padding-bottom:2px;}
.page_skip .ps_detail a:hover {color:#446fd9;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.page_skip .ps_ttl span {padding:1px 0;}
	.page_skip .ps_detail a {padding:1px 0;}
}
@media screen and (max-width:768px) {
	.page_skip .ps_ttl span {padding:1px 0;}
	.page_skip .ps_detail a {padding:1px 0;}
}

/* paging */
.paging {font-size:0; line-height:0; text-align:center; margin-top:15px;}
.paging ul {display:inline-block; display:-moz-grid-group;}
.paging span,
.paging ul li {display:inline-block;}
.paging span,
.paging ul li {width:28px; height:28px;}
.paging ul li {margin-left:-1px;}
.paging ul li:first-child {margin-left:0;}
.paging a,
.paging span strong,
.paging ul li strong {display:block; font-size:13px; line-height:23px; height:26px; border:1px solid #dedfe4; color:#333; position:relative; z-index:0;}
.paging ul li strong {border-color:#446fd9; font-weight:bold; color:#446fd9; z-index:1;}
.paging span strong,
.paging span a {text-indent:-10000px;}
.paging a:hover {border-color:#446fd9; text-decoration:none; z-index:1;}
.paging * {vertical-align:middle;}
.paging span.hdn {width:0; height:0;}
.paging .first,
.paging .prev {margin-right:4px;}
.paging .last,
.paging .next {margin-left:4px;}
.paging .first strong,
.paging .first a {background:url(/images/react/board/paging/ico_first.png) no-repeat center center;}
.paging .prev strong,
.paging .prev a {background:url(/images/react/board/paging/ico_prev.png) no-repeat center center;}
.paging .next strong,
.paging .next a {background:url(/images/react/board/paging/ico_next.png) no-repeat center center;}
.paging .last strong,
.paging .last a {background:url(/images/react/board/paging/ico_last.png) no-repeat center center;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.paging a,
	.paging ul li strong {line-height:26px;}
}
@media screen and (max-width:768px) {
	.paging a,
	.paging ul li strong {line-height:26px;}
}

/* board btn */
.board_btn {font-size:0; line-height:0; text-align:center; margin-top:15px;}
.board_btn:after {display:block; content:''; clear:both;}
.board_btn a,
.board_btn input[type="button"],
.board_btn button {display:inline-block; display:-moz-grid-group; border:0; padding:0 10px; height:30px; font-family:'Malgun gothic'; font-size:13px; line-height:27px; letter-spacing:-0.06em; background:#484e62; color:#fff; margin:0 2px; border-radius:2px;}/* t,m_reset : line-height */
.board_btn a:hover,
.board_btn input[type="button"]:hover,
.board_btn button:hover {background:#5b6f90; text-decoration:none; cursor:pointer}
.board_btn a span,
.board_btn button span {display:block; height:30px;}
.board_btn a span *,
.board_btn button span * {vertical-align:middle;}
.board_btn .fl_l a,
.board_btn .fl_l button {margin:0 4px 0 0;}
.board_btn .fl_r a,
.board_btn .fl_r button {margin:0 0 0 4px;}
.board_btn .ico_window {display:inline-block; width:11px; height:11px; background:url(/images/react/board/board_btn/ico_window_w.png) no-repeat center center; margin:0 0 -1px 6px; overflow:hidden; text-indent:-10000px;}

.board_btn_inline {font-size:0; line-height:0; text-align:center; margin-top:15px;}
.board_btn_inline:after {display:block; content:''; clear:both;}
.board_btn_inline a,
.board_btn_inline button {display:inline-block; border:1px solid #c8c8c8; padding:0 10px 1px 10px; font-family:'Malgun gothic'; font-size:12px; font-weight:bold; line-height:27px; letter-spacing:-0.06em; background:#fff; color:#595959; margin:0 2px; border-radius:2px;}/* t,m_reset : line-height */
.board_btn_inline a:hover,
.board_btn_inline button:hover {color:#066ec6; text-decoration:none;}
.board_btn_inline a span,
.board_btn_inline button span {display:inline-block;}/* height:30px; */
.board_btn_inline a *,
.board_btn_inline button * {vertical-align:middle;}
.board_btn_inline .fl_l a,
.board_btn_inline .fl_l button {margin:0 4px 0 0;}
.board_btn_inline .fl_r a,
.board_btn_inline .fl_r button {margin:0 0 0 4px;}
.board_btn_inline .ico_window {display:inline-block; display:-moz-grid-group; width:12px; height:12px; background:url(/images/react/layout/header/ico_window.png) no-repeat center top; margin:0 0 0 6px; overflow:hidden; text-indent:-10000px;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.board_btn a,
	.board_btn button {line-height:30px; padding:0 10px;}
}
@media screen and (max-width:768px) {
	.board_btn a,
	.board_btn button {line-height:30px; padding:0 10px;}
}

/* gallery list */
.gallery_list {border-bottom:1px solid #c8c8c8; margin-top:10px;}
.gallery_list > ul {margin-left:-25px;}
.gallery_list > ul:after {display:table; content:''; clear:both;}
.gallery_list > ul > li {width:25%; float:left;}
.gallery_list > ul > li > div {padding:0 0 15px 25px;}
.gallery_list > ul > li > div > div {}
.gallery_list .thumbnail {display:block; overflow:hidden; position:relative; border:1px solid #d7d7d7;}
.gallery_list .thumbnail img {display:block; width:100%; height:100%;}
.gallery_list p {display:block; height:70px; padding:10px 0;}
.gallery_list .no_list p {height:auto; text-align:center; padding:20px 0 60px 0;}
.gallery_list p * {vertical-align:middle;}
.gallery_list .txt_title {display:block; font-size:14px; letter-spacing:-0.06em; line-height:1.5em; max-height:3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.gallery_list .txt_title:hover {color:#446fd9;}
.gallery_list .date {display:block; padding:6px 0 0 0; font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#333;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.gallery_list > ul > li {width:25%;}
}
@media screen and (max-width:768px) {
	.gallery_list > ul {margin-left:-10px;}
	.gallery_list > ul > li {width:50%;}
	.gallery_list > ul > li > div {padding:0 0 15px 10px;}
}

/* gallery view */
.gallery_view {margin-bottom:30px;}
.gallery_view .gv_overview {position:relative; background:#222; margin-bottom:20px; overflow:hidden;}
.gallery_view .gv_overview > div {position:absolute; left:50%; width:2000px; height:480px; margin-left:-1000px;}
/* .gallery_view .gv_overview .gvo_img_w {width:100%; top:50%;}
.gallery_view .gv_overview .gvo_img_h {height:100%; left:50%;}
.gallery_view .gv_overview .gvo_img {width:100%; height:100%;} */
.gallery_view .gv_overview .gvo_img {display:block; height:100%; margin:0 auto;}
.gallery_view .gv_overview .btn_download {display:block; width:38px; height:26px; position:absolute; right:15px; bottom:15px; background:rgba(0,0,0,0.6); border-radius:3px;}
.gallery_view .gv_overview .btn_download span {display:block; width:100%; height:100%; background:url(/images/react/board/gallery_view/ico_download_w.png) no-repeat center center; text-indent:-10000px;}
.gallery_view .gv_thumb {position:relative; max-width:100%; overflow:hidden; margin-bottom:20px;}
.gallery_view .gv_thumb .gvt_list {padding:0 47px;}
.gallery_view .gv_thumb .gvt_list a:focus { border:1px solid #000;}
/* .gallery_view .gv_thumb ul:after {display:block; content:''; clear:both;}
.gallery_view .gv_thumb ul li {float:left;} */
.gallery_view .lSSlideOuter .lightSlider > * {float:none;}
.gallery_view .gv_thumb ul {display:table; table-layout:fixed;}
.gallery_view .gv_thumb ul * {vertical-align:top;}
.gallery_view .gv_thumb ul.lightSlider:before,
.gallery_view .gv_thumb ul.lightSlider:after {display:none;}
.gallery_view .gv_thumb ul li {display:table-cell;}
.gallery_view .gv_thumb ul li > div {margin:0 5px; height:inherit;}
.gallery_view .gv_thumb ul li > div > a {position:relative; display:block; height:inherit; overflow:hidden; background-color:#222; text-align:center; }
.gallery_view .gv_thumb ul li > div > a > img {/*display:block; width:100%; height:inherit;*/ max-width:100%; height:100%;}
.gallery_view .gv_thumb ul li.on > div > a:after {position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; border:3px solid #ff0000; box-sizing:border-box;}
.gallery_view .gv_thumb > a,
.gallery_view .gv_thumb > button {display:block; width:42px; height:42px; position:absolute; top:50%; margin-top:-21px;}
.gallery_view .gv_thumb .gvt_prev {left:0; background:url(/images/react/board/gallery_view/btn_prev.png) no-repeat center center; background-size:100%;}
.gallery_view .gv_thumb .gvt_next {right:0; background:url(/images/react/board/gallery_view/btn_next.png) no-repeat center center; background-size:100%;}
.gallery_view .gv_thumb button.normal { border:0 none; padding:0;cursor:pointer}
.gallery_view .gv_bottom {font-size:0; line-height:0; border-top:1px solid #aaa; padding:6px 0; text-align:right;}
.gallery_view .gv_bottom * {vertical-align:top;}
.gallery_view .gvb_count {display:inline-block; font-size:12px; line-height:20px; padding:4px 10px 6px 0;}
.gallery_view .gvb_count span {padding:0 2px;}
.gallery_view .gvb_download {display:inline-block;}
.gallery_view .gvb_download .btn {display:inline-block; background:#fff; border:1px solid #c8c8c8; border-radius:2px; padding:0 10px;}
.gallery_view .gvb_download .btn:hover {border-color:#7ea1d2; text-decoration:none;}
.gallery_view .gvb_download .btn span {display:block; height:28px; font-size:12px; line-height:26px; letter-spacing:-0.06em; color:#595959;}
.gallery_view .gvb_download .btn.ico_download span {padding-right:24px; background:url(/images/react/board/gallery_view/ico_download.png) no-repeat right 7px;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.gallery_view .gv_thumb .gvt_list {padding:0 43px;}
	.gallery_view .gv_thumb > a {width:38px; height:38px; margin-top:-19px;}
	.gallery_view .gvb_count {padding:5px 10px 5px 0;}
	.gallery_view .gvb_download .btn span {line-height:28px;}
}
@media screen and (max-width:768px) {
	.gallery_view .gv_thumb .gvt_list {padding:0 39px;}
	.gallery_view .gv_thumb > a {width:34px; height:34px; margin-top:-17px;}
	.gallery_view .gvb_count {padding:5px 10px 5px 0;}
	.gallery_view .gvb_download .btn span {line-height:28px;}
}

/* popup list */
.popup_list {border-bottom:1px solid #c8c8c8; margin-top:10px;}
.popup_list > ul {margin-left:-70px;}
.popup_list > ul:after {display:table; content:''; clear:both;}
.popup_list > ul > li {width:33.3333%; float:left;}
.popup_list > ul > li > div {padding:0 0 15px 70px;}
.popup_list.workplan > ul {margin-left:-70px;}
.popup_list.workplan > ul > li > div {padding:0 0 20px 70px;}
.popup_list .thumbnail {display:block; border:1px solid #d8d8d8;}
.popup_list .thumbnail img {display:block; width:100%;}
.popup_list p,
.popup_list .workplan_lst {display:block; height:60px; padding:10px 5px; border:1px solid #d8d8d8; border-top:0; text-align:center;}
.popup_list p *,
.popup_list .workplan_lst * {vertical-align:middle;}
.popup_list .workplan_lst .wl_txt {display:block; font-size:14px; font-weight:bold; letter-spacing:-0.06em; line-height:1.5em; max-height:3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;}
.popup_list .txt_title {display:block; font-size:14px; letter-spacing:-0.06em; line-height:1.5em; max-height:3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; font-weight:bold;}
.popup_list .txt_title:hover {color:#446fd9;}
.popup_list .date {display:block; padding:6px 0 0 0; font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#333;}

@media screen and (min-width:769px) and (max-width:1199px) {
	.popup_list > ul {margin-left:-40px;}
	.popup_list > ul > li > div {padding:0 0 15px 40px;}
	.popup_list.workplan > ul {margin-left:-40px;}
	.popup_list.workplan > ul > li > div {padding:0 0 20px 40px;}
}
@media screen and (max-width:768px) {
	.popup_list > ul {margin-left:-10px;}
	.popup_list > ul > li {width:50%;}
	.popup_list > ul > li > div {padding:0 0 15px 10px;}
	.popup_list p .txt_title {font-size:12px;}
	.popup_list.workplan > ul {margin-left:-10px;}
	.popup_list.workplan > ul > li > div {padding:0 0 20px 10px;}
}

/* keyword list */
.keyword_list {margin-top:30px;}
.keyword_list > ul {border:1px solid #cccccc;}
.keyword_list > ul > li > h4 {background:#ebebeb; border-top:1px solid #ccc; color:#333;}
.keyword_list > ul > li > ul {border-top:1px solid #cccccc;}
.keyword_list > ul > li:first-child > h4,
.keyword_list > ul > li:first-child > ul {border-top:0;}
.keyword_list > ul > li > h4 {font-size:14px; line-height:21px; letter-spacing:-0.06em;}
.keyword_list > ul > li > ul {font-size:0; line-height:0; padding:6px 10px;}
.keyword_list > ul > li > ul > li {display:inline-block;}
.keyword_list > ul > li > ul > li > a {display:block; font-size:14px; line-height:21px; letter-spacing:-0.06em; color:#333; border-radius:14px;}
.keyword_list > ul > li > ul > li.on > a {color:#fff; background:#7ea1d2;}
.keyword_list > ul > li > ul > li > a > span {display:block;}

@media screen and (min-width:1200px) {
	.keyword_list > ul > li > h4,
	.keyword_list > ul > li > ul {display:block; float:left;}
	.keyword_list > ul > li:after {display:block; content:''; clear:both;}
	.keyword_list > ul > li > h4 {width:100px;}
	.keyword_list > ul > li > ul {width:718px;}	
	.keyword_list > ul > li > h4 {padding:6px 0 8px 20px;}
	.keyword_list > ul > li > ul > li > a {padding:0px 10px 2px 10px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.keyword_list > ul > li {display:table; table-layout:fixed; width:100%;}
	.keyword_list > ul > li > h4,
	.keyword_list > ul > li > ul {display:table-cell;}
	.keyword_list > ul > li > h4 {width:80px; padding:7px 0 7px 20px;}
	.keyword_list > ul > li > ul > li > a {padding:1px 10px 1px 10px;}
}
@media screen and (max-width:768px) {
	.keyword_list > ul > li {display:table; table-layout:fixed; width:100%;}
	.keyword_list > ul > li > h4,
	.keyword_list > ul > li > ul {display:table-cell;}
	.keyword_list > ul > li > h4 {width:80px; padding:7px 0 7px 20px;}
	.keyword_list > ul > li > ul > li > a {padding:1px 10px 1px 10px;}
}
@media print {
	.keyword_list > ul > li > h4,
	.keyword_list > ul > li > ul {display:block; float:left;}
	.keyword_list > ul > li:after {display:block; content:''; clear:both;}
	.keyword_list > ul > li > h4 {width:100px;}
	.keyword_list > ul > li > ul {width:718px;}	
	.keyword_list > ul > li > h4 {padding:6px 0 8px 20px;}
	.keyword_list > ul > li > ul > li > a {padding:0px 10px 2px 10px;}
}

/* consonant index tip */
.consonant_index_tip {margin-top:30px;}
.consonant_index_tip p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em;}
.consonant_index_tip p em {font-style:normal; font-weight:bold; color:red;}

/* consonant index result */
.consonant_index_result {margin-top:10px; border-top:2px solid #000; border-bottom:1px solid #cccccc; padding:20px;}
.consonant_index_result > ul:after {display:block; content:''; clear:both;}
.consonant_index_result > ul > li {width:33.3333%; float:left;}
.consonant_index_result > ul > li > a {display:block; font-size:14px; letter-spacing:-0.06em; background:url(/images/react/board/consonant_index/blt_dot_b.png) no-repeat left 11px;}

@media screen and (min-width:1200px) {
	.consonant_index_result > ul > li {width:33.3333%;}
	.consonant_index_result > ul > li > a {line-height:24px; padding:0 12px 3px 8px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.consonant_index_result > ul > li {width:50%;}
	.consonant_index_result > ul > li > a {line-height:22px; padding:1px 12px 1px 8px;}
}
@media screen and (max-width:768px) {
	.consonant_index_result > ul > li {width:100%;}
	.consonant_index_result > ul > li > a {line-height:22px; padding:1px 12px 1px 8px;}
}
@media print {
	.consonant_index_result > ul > li {width:33.3333%;}
	.consonant_index_result > ul > li > a {line-height:24px; padding:0 12px 3px 8px;}
}

/* app list */
.app_lst {margin-top:20px;}
.app_lst > ul:after {display:block; content:''; clear:both;}
.app_lst > ul > li {float:left;}
.app_lst p {display:block;}
.app_lst .img img {display:block; width:100%;}
.app_lst .title {display:block; font-size:14px; letter-spacing:-0.06em; line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; text-align:center; margin-top:4px;}
.app_lst .btn {height:62px; padding-top:4px;}
.app_lst .btn_txt {display:block; margin-top:4px; padding:2px 12px 2px 12px; border:1px solid #ddd; border-radius:2px;}
.app_lst .btn_txt span {display:block; font-size:12px; line-height:21px; letter-spacing:-0.06em;}
.app_lst .btn_txt .android {background:url(/images/react/board/app/ico_android.png) no-repeat right center;}
.app_lst .btn_txt .ios {background:url(/images/react/board/app/ico_ios.png) no-repeat right center;}

@media screen and (min-width:1200px) {
	.app_lst > ul {margin-left:-40px;}
	.app_lst > ul > li {width:16.6666%;}
	.app_lst > ul > li > div {padding:0 0 40px 40px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.app_lst > ul {margin-left:-40px;}
	.app_lst > ul > li {width:16.6666%;}
	.app_lst > ul > li > div {padding:0 0 40px 40px;}
}
@media screen and (max-width:768px) {
	.app_lst > ul {margin-left:-20px;}
	.app_lst > ul > li {width:33.3333%;}
	.app_lst > ul > li > div {padding:0 0 20px 20px;}
}
@media print {
	.app_lst > ul {margin-left:-40px;}
	.app_lst > ul > li {width:16.6666%;}
	.app_lst > ul > li > div {padding:0 0 40px 40px;}
}

/* check_lst */
.cl_box,
.cl_inner_box {border:1px solid #d3d6db; border-radius:4px; padding:20px 25px; margin-top:15px;}
.cl_box > dl {position:relative;}
.cl_box > dl > dt {padding-top:5px;}
.cl_box > dl > dt .no,
.cl_box > dl > dt strong {display:block; position:absolute; left:0; text-align:center;}
.cl_box > dl > dt .no {top:0; font-size:28px; letter-spacing:-0.06em; font-weight:bold; text-align:center;}
.cl_box > dl > dt strong {top:38px; font-size:14px; line-height:21px; letter-spacing:-0.06em; text-align:center; background:#2d2d2d; color:#fff;}
.cl_box > dl > dt .title {display:block; font-size:16px; line-height:24px; letter-spacing:-0.06em;}
.cl_box > dl > dd {padding-top:15px;}
.cl_box .clb_question {font-size:0; line-height:0;}
.cl_box .clb_question * {vertical-align:middle;}
.cl_box .clb_question ul li {display:inline-block; padding:2px 24px; border:1px solid #ddd; border-radius:2px; margin-right:4px;}
.cl_box .clb_question input[type=radio] {display:inline-block; margin:0; padding:0;}
.cl_box .clb_question label {display:inline-block; font-size:14px; line-height:22px; padding:0 0 2px 3px;}
.cl_box .clb_question_info {display:block; padding-top:10px; font-size:13px; line-height:21px; letter-spacing:-0.06em;}
.cl_inner_box .tb_fixed {table-layout:fixed; border-collapse:separate;}

@media screen and (min-width:1200px) {
	.cl_box > dl {padding-left:140px;}
	.cl_box > dl > dt .no,
	.cl_box > dl > dt strong {width:100px;}
	.cl_box > dl > dt .no {line-height:35px; padding:0 0 3px 0;}
	.cl_box > dl > dt strong {line-height:21px; padding:0 0 3px 0;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.cl_box > dl {padding-left:140px;}
	.cl_box > dl > dt .no,
	.cl_box > dl > dt strong {width:100px;}
	.cl_box > dl > dt .no {line-height:34px; padding:2px 0;}
	.cl_box > dl > dt strong {line-height:20px; padding:2px 0;}
}
@media screen and (max-width:768px) {
	.cl_box > dl {padding-left:100px;}
	.cl_box > dl > dt .no,
	.cl_box > dl > dt strong {width:80px;}
	.cl_box > dl > dt .no {line-height:34px; padding:2px 0;}
	.cl_box > dl > dt strong {line-height:20px; padding:2px 0;}
}
@media print {
	.cl_box > dl {padding-left:140px;}
	.cl_box > dl > dt .no,
	.cl_box > dl > dt strong {width:100px;}
	.cl_box > dl > dt .no {line-height:35px; padding:0 0 3px 0;}
	.cl_box > dl > dt strong {line-height:21px; padding:0 0 3px 0;}
}

/* name_chk */
.name_chk .nc_box > ul {margin-left:-10px;}
.name_chk .nc_box > ul:after {display:block; content:''; clear:both;}
.name_chk .nc_box > ul > li > div {padding:0 0 10px 10px;}
.name_chk .nc_box > ul > li > div > div {border:1px solid #d3d6db; border-radius:8px; padding:20px 25px 30px 25px;}
.name_chk .nc_box h3 {display:block; text-align:center; font-size:18px; line-height:26px; letter-spacing:-0.06em; color:#2951b3;}
.name_chk .nc_box p {display:block; text-align:center; font-size:14px; line-height:1.5em; letter-spacing:-0.06em; height:6em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; margin:10px 0;}

@media screen and (min-width:1200px) {
	.name_chk .nc_box > ul > li {float:left; width:50%;}
	.name_chk .nc_box > ul > li.w100 {width:100%;}
	.name_chk .nc_box > ul > li > div > div {padding:20px 25px 30px 25px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.name_chk .nc_box > ul > li {float:left; width:50%;}
	.name_chk .nc_box > ul > li.w100 {width:100%;}
	.name_chk .nc_box > ul > li > div > div {padding:20px 25px 30px 25px;}
}
@media screen and (max-width:768px) {
	.name_chk .nc_box > ul > li {width:100%;}
	.name_chk .nc_box > ul > li > div > div {padding:15px 20px 20px 20px;}
}
@media print {
	.name_chk .nc_box > ul > li {float:left; width:50%;}
	.name_chk .nc_box > ul > li.w100 {width:100%;}
	.name_chk .nc_box > ul > li > div > div {padding:20px 25px 30px 25px;}
}

/* schedule area */
.schedule_area {position:relative; margin-top:30px;}
.calendar_head {background:#4d70a9; font-size:0; line-height:0; text-align:center; padding:8px 0;}
.calendar_head * {vertical-align:middle;}
.calendar_head > h4,
.calendar_head > a {display:inline-block; margin:0 6px;}
.calendar_head > h4 {font-size:16px; line-height:24px; letter-spacing:-0.06em; font-weight:bold; color:#fff;}
.calendar_head > a {width:8px; height:24px;}
.calendar_head > a.prevMonth {background:url(/images/react/board/schedule/arrow_left.png) no-repeat center center;}
.calendar_head > a.nextMonth {background:url(/images/react/board/schedule/arrow_right.png) no-repeat center center;}

.schedule_area .sa_calendar table {table-layout:fixed; width:100%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.schedule_area .sa_calendar table * {vertical-align:middle;}
.schedule_area .sa_calendar table thead th {height:30px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f5f5f5; font-size:12px; line-height:30px; letter-spacing:-0.06em;}
.schedule_area .sa_calendar table tbody td {height:40px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; color:#adadad; position:relative; font-size:12px; line-height:40px; letter-spacing:-0.06em;}
.schedule_area .sa_calendar table tbody td a {color:#333; display:block; width:100%; height:auto; border:1px solid transparent; position:absolute; left:0; top:0; margin:-1px 0 0 -1px;}
.schedule_area .sa_calendar table tbody td.today a {background:#fff2f2; border:1px solid #ffa4a4;}
.schedule_area .sa_calendar table .sun {color:#ffa3a3;}
.schedule_area .sa_calendar table .sat {color:#8bb3eb;}
.schedule_area .sa_calendar table .sun a {color:#ff2626;}
.schedule_area .sa_calendar table .sat a {color:#2c81e0;}
.schedule_area .today_area {padding:20px 25px; border:1px solid #ebebeb;}
.schedule_area .today_head {font-size:0; line-height:0;}
.schedule_area .today_head * {vertical-align:middle;}
.schedule_area .today_head h4,
.schedule_area .today_head p {display:inline-block;}
.schedule_area .today_head h4 {font-size:18px; line-height:26px; letter-spacing:-0.06em; margin-right:6px; color:#546788;}
.schedule_area .today_head p {font-size:12px; line-height:20px; letter-spacing:-0.06em; color:#878787;}
.schedule_area .today_lst {margin-top:5px;}
.schedule_area .today_lst ul li {position:relative; min-height:22px; padding:9px 0 9px 48px; border-top:1px dotted #d3d6db; background:url(/images/react/board/schedule/blt_dot_01.png) no-repeat left 19px;}
.schedule_area .today_lst ul li:first-child {border-top:0;}
.schedule_area .today_lst ul li em {display:block; position:absolute; left:8px; top:9px; font-style:normal; font-size:14px; line-height:22px; letter-spacing:-0.06em; color:#333;}
.schedule_area .today_lst ul li strong {color:#333; font-weight:normal; font-size:14px; line-height:22px; letter-spacing:-0.06em;}
.schedule_area .today_lst ul li span {display:block; font-size:12px; line-height:19px; letter-spacing:-0.06em; color:#5b6f90; padding:0 0 2px 13px; background:url(/images/react/board/schedule/ico_location.png) no-repeat left 4px; margin-top:4px;}

@media screen and (min-width:1200px) {
	.schedule_area {padding-left:280px; min-height:320px;}
	.schedule_area .sa_calendar {position:absolute; left:0; top:0; width:260px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.schedule_area {padding-left:280px; min-height:320px;}
	.schedule_area .sa_calendar {position:absolute; left:0; top:0; width:260px;}
}
@media screen and (max-width:768px) {
	.schedule_area .today_area {margin-top:15px;}
}
@media print {
	.schedule_area {padding-left:280px; min-height:320px;}
	.schedule_area .sa_calendar {position:absolute; left:0; top:0; width:260px;}
}

/* 많이 본 사전정보공표 리스트 */
.official_lst {margin-top:20px;}
.official_lst .no_list {border-top:2px solid #333; border-bottom:1px solid #cecece;}
.official_lst .no_list p {display:block; text-align:center; padding:40px 0 40px 0;}
.official_lst > ul {margin-left:-10px;}
.official_lst > ul:after {display:block; content:''; clear:both;}
.official_lst > ul > li {float:left; width:100%; }
.official_lst .ol_top { text-align:right; }
.official_lst .ol_top > a {float:left; text-align:left; font-size:15px; letter-spacing:-0.06em; font-weight:bold; line-height:1.5em; color:#38517b;}
.official_lst .ol_top ul {display:inline-block; padding-top:2px; text-align:center;}
.official_lst .ol_top ul li {display:inline-block; margin-right:10px;}
.official_lst .ol_top ul li span {display:block; font-size:13px; letter-spacing:-0.06em; background:url(/images/react/board/official/blt_dot.png) no-repeat left center; color:#666;}
.official_lst .ol_descript p {display:block; font-size:13px; letter-spacing:-0.06em; line-height:1.5em; height:3em; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; color:#333;}

.official_lst .ul_list_bo { }
.official_lst .ul_list_bo li {margin:10px 0; border-top:solid #CCC 1px; border-bottom:solid #CCC 2px; border-left:solid #CCC 1px; border-right:solid #CCC 1px; padding:15px 20px; box-sizing:border-box; background:#fafafa}
.official_lst .ul_list_bo li a { font-weight:bold; font-size:15px; color:#38517b}

@media screen and (min-width:1200px) {
	.official_lst > ul > li > div {padding:0 0 10px 10px;}
	.official_lst > ul > li > div > div {border:1px solid #ddd;}
	.official_lst .ol_top {background:#fafafa; padding:14px 20px 16px 20px; border-bottom:1px solid #cecece;}
	.official_lst .ol_top > a {text-align:center; height:3em; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word;}
	.official_lst .ol_top ul li span {line-height:21px; padding:0 0 3px 6px;}
	.official_lst .ol_descript {padding:10px 15px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.official_lst > ul > li > div {padding:0 0 10px 10px;}
	.official_lst > ul > li > div > div {border:1px solid #ddd;}
	.official_lst .ol_top {background:#fafafa; padding:15px 20px; border-bottom:1px solid #cecece;}
	.official_lst .ol_top > a {text-align:center; height:3em; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word;}
	.official_lst .ol_top ul li span {line-height:21px; padding:1px 0 1px 6px;}
	.official_lst .ol_descript {padding:10px 15px;}
}
@media screen and (max-width:768px) {
	.official_lst > ul > li > div {padding:0 0 0 10px;}
	.official_lst > ul > li > div > div {padding:15px 20px; border:1px solid #ddd; margin-top:-1px; margin-bottom:5px;}
	.official_lst .ol_top ul li span {line-height:21px; padding:1px 0 1px 6px; }
	.official_lst .ol_descript {padding:10px 0;}
	.official_lst .ol_descript p {height:1.5em;}
}
@media print {
	.official_lst > ul > li {width:33.3333%;}
	.official_lst > ul > li > div {padding:0 0 10px 10px;}
	.official_lst > ul > li > div > div {border:1px solid #ddd;}
	.official_lst .ol_top {background:#fafafa; padding:14px 20px 16px 20px; border-bottom:1px solid #cecece;}
	.official_lst .ol_top > a {text-align:center; height:3em; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word;}
	.official_lst .ol_top ul li span {line-height:21px; padding:0 0 3px 6px;}
	.official_lst .ol_descript {padding:10px 15px;}
}

/* minister_history */
.minister_history {margin-top:10px;}
.minister_history .mh_img img {display:block; width:100%; height:100%;}
.minister_history > ul {margin-left:-20px;}
.minister_history > ul:after {display:block; content:''; clear:both;}
.minister_history > ul > li {float:left;}
.minister_history > ul > li > div {padding:0 0 20px 20px;}

.minister_history .mhd_top {position:relative; display:block; font-size:0; line-height:0; padding-left:60px;}
.minister_history .mhd_top * {vertical-align:middle;}
.minister_history .mhd_top .count {position:absolute; left:0; top:0; display:block; width:52px; height:24px; font-size:14px; font-weight:bold; letter-spacing:-0.06em; color:#fff; background:#2b3642; border-radius:12px; text-align:center;}
.minister_history .mhd_top .name {font-size:16px; line-height:24px; font-weight:bold; letter-spacing:-0.06em;}
.minister_history .mhd_content ul {border-top:1px solid #ddd; padding-top:12px; margin-top:16px;}
.minister_history .mhd_content ul li {position:relative; font-size:13px; line-height:21px; letter-spacing:-0.06em; padding:3px 0 3px 64px;}
.minister_history .mhd_content ul li .category {position:absolute; left:0; top:4px; display:block; font-weight:bold;}
.minister_history .mhd_content ul li p {display:block;}
.minister_history .mhd_content ul li p .btn {display:inline-block; font-size:12px; line-height:18px; letter-spacing:-0.06em; border:1px solid #484e62;}

@media screen and (min-width:1200px) {
	.minister_history .mh_img {position:absolute; left:25px; top:20px; width:110px; height:130px;}
	.minister_history > ul > li {width:50%;}
	.minister_history > ul > li > div > div {border:1px solid #ddd; padding:20px 25px 20px 160px; position:relative;}
	.minister_history .mhd_top .count {line-height:22px;}
	.minister_history .mhd_content ul li p .btn {padding:0 10px 2px 10px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.minister_history .mh_img {position:absolute; left:25px; top:20px; width:110px; height:130px;}
	.minister_history > ul > li {width:50%;}
	.minister_history > ul > li > div > div {border:1px solid #ddd; padding:20px 25px 20px 160px; position:relative;}
	.minister_history .mhd_top .count {line-height:24px;}
	.minister_history .mhd_content ul li p .btn {padding:1px 10px;}
}
@media screen and (max-width:768px) {
	.minister_history .mh_img {position:absolute; left:15px; top:15px; width:90px; height:120px;}
	.minister_history > ul > li {width:100%;}
	.minister_history > ul > li > div > div {border:1px solid #ddd; padding:15px 15px 15px 120px; position:relative;}
	.minister_history .mhd_top .count {line-height:24px;}
	.minister_history .mhd_content ul li p .btn {padding:1px 10px;}
}
@media print {
	.minister_history .mh_img {position:absolute; left:25px; top:20px; width:110px; height:130px;}
	.minister_history > ul > li {width:50%;}
	.minister_history > ul > li > div > div {border:1px solid #ddd; padding:20px 25px 20px 160px; position:relative;}
	.minister_history .mhd_top .count {line-height:22px;}
	.minister_history .mhd_content ul li p .btn {padding:0 10px 2px 10px;}
}

/* peopleView */
@media screen and (min-width:1200px) {
	.peopleView {padding:25px 25px 25px 160px; position:relative;}
	.peopleView .photo {position:absolute; left:25px; top:25px;}
	.peopleView .photo img {display:block; width:110px; height:130px;}
	.peopleView .career {font-size:13.5px; line-height:22px; letter-spacing:-0.06em; padding-top:16px; border-top:1px solid #ddd;}
	.peopleView .career .title {display:inline-block; width:64px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.peopleView {padding:25px 25px 25px 160px; position:relative;}
	.peopleView .photo {position:absolute; left:25px; top:25px;}
	.peopleView .photo img {display:block; width:110px; height:130px;}
	.peopleView .career {font-size:13.5px; line-height:22px; letter-spacing:-0.06em; padding-top:16px; border-top:1px solid #ddd;}
	.peopleView .career .title {display:inline-block; width:64px;}
}
@media screen and (max-width:768px) {
	.peopleView {padding:25px; position:relative;}
	
	.peopleView .photo img {display:block; width:110px; height:130px; margin:0 auto;}
	.peopleView .career {font-size:13.5px; line-height:22px; letter-spacing:-0.06em; padding-top:24px;}
	.peopleView .career .title {display:inline-block; width:64px;}
}

/* region_list */
.region_list {margin-top:10px;}
.region_list .no_list {border-top:2px solid #333; border-bottom:1px solid #ddd;}
.region_list .no_list p {display:block; text-align:center; padding:40px 0 40px 0;}
.region_list > ul {border-left:1px solid #ddd; border-top:2px solid #333;}
.region_list > ul:after {display:block; content:''; clear:both;}
.region_list > ul > li {float:left; position:relative;}
.region_list > ul > li > div { border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0; line-height:0;}
.region_list > ul > li.ta_l > div {padding:6px 36px 6px 16px;}
.region_list > ul > li.ta_c > div {padding:6px 16px;}
.region_list .txt_title {display:inline-block; font-size:13px; letter-spacing:-0.06em; line-height:22px;}
.region_list .ico_download {display:block; position:absolute; right:16px; top:50%; margin-top:-8px; width:16px; height:13px; background:url(/images/react/board/region/ico_download.png) no-repeat center center;}

@media screen and (min-width:1200px) {
	.region_list > ul > li {width:33.3333%;}
	.region_list .txt_title {padding-bottom:2px;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.region_list > ul > li {width:33.3333%;}
	.region_list .txt_title {padding:1px 0;}
}
@media screen and (max-width:768px) {
	.region_list > ul > li {width:50%;}
	.region_list .txt_title {padding:1px 0;}
}
@media print {
	.region_list > ul > li {width:33.3333%;}
	.region_list .txt_title {padding-bottom:2px;}
}

/* mohw search */
.mohw_srch {margin-top:30px;}
.mohw_srch fieldset ul li {position:relative; padding:2px 60px 2px 80px;}
.mohw_srch fieldset ul li label {display:block; position:absolute; left:0; top:2px; font-size:14px; line-height:22px; letter-spacing:-0.06em; padding:3px 0 5px 0;}
.mohw_srch fieldset input[type=text],
.mohw_srch fieldset select,
.mohw_srch fieldset .btn_search,
.mohw_srch fieldset .btn {font-family:'Malgun Gothic'; font-size:13px; line-height:19px; letter-spacing:-0.06em;}
.mohw_srch fieldset input[type=text] {border:1px solid #dedede; height:30px; padding:3px 4px 6px 4px; width:100%; box-sizing:border-box;}
.mohw_srch fieldset select {border:1px solid #dedede; height:30px; padding:3px 4px 6px 4px; width:100%;}
.mohw_srch fieldset .btn {display:block; position:absolute; right:0; top:2px; padding:0 13px 3px 13px; line-height:25px; border:1px solid #c8c8c8; background:#fff; color:#595959; border-radius:2px;}
.mohw_srch fieldset .btn:hover {border-color:#7ea1d2; text-decoration:none;}
.mohw_srch fieldset .mohw_srch_btn {padding:2px 60px 2px 80px;}
.mohw_srch fieldset .mohw_srch_btn .btn_search {border:0; padding:0 14px; height:30px; line-height:27px; padding-bottom:3px; background:#476da2; color:#fff; border-radius:2px; width:100%; box-sizing:border-box;}
.mohw_srch fieldset .mohw_srch_btn .btn_search:hover {background:#5b6f90; text-decoration:none;}

@media screen and (min-width:1200px) {
	.mohw_srch {min-height:205px; padding-left:265px; background:url(/images/react/board/mohw_srch/img_bookCoffee.jpg) no-repeat left top;}
}
@media screen and (min-width:769px) and (max-width:1199px) {
	.mohw_srch {min-height:205px; padding-left:265px; background:url(/images/react/board/mohw_srch/img_bookCoffee.jpg) no-repeat left top;}
	.mohw_srch fieldset ul li label {padding:4px 0;}
	.mohw_srch fieldset input[type=text] {height:30px; line-height:20px; padding:4px;}
	.mohw_srch fieldset select {line-height:20px; padding:4px;}
	.mohw_srch fieldset .btn {line-height:26px; padding:1px 13px;}
	.mohw_srch fieldset .btn_search {line-height:30px;}
}
@media screen and (max-width:768px) {
	.mohw_srch {padding:10px 10px 10px 20px; background:#ebebeb;}
	.mohw_srch fieldset ul li label {padding:4px 0;}
	.mohw_srch fieldset input[type=text],
	.mohw_srch fieldset select {display:block; width:100%; height:30px; box-sizing:border-box;}	
	.mohw_srch fieldset input[type=text] {line-height:20px; padding:4px;}
	.mohw_srch fieldset select {line-height:20px; padding:4px;}
	.mohw_srch fieldset .btn {line-height:26px; padding:1px 13px;}
	.mohw_srch fieldset .btn_search {line-height:30px;}
}
@media print {
	.mohw_srch {min-height:205px; padding-left:265px; background:url(/images/react/board/mohw_srch/img_bookCoffee.jpg) no-repeat left top;}
}

/* iframe box */
.ifrm_normal,
.ifrm_auto {margin-top:30px;}
.ifrm_normal iframe {display:block; width:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
.ifrm_auto iframe {display:block; width:100%;}
.ifrm_guide {margin:40px 0; padding-top:100px; background:url(/images/react/common/ifrm_guide_bg.png) no-repeat center top;}
.ifrm_guide p {display:block; font-size:14px; line-height:22px; letter-spacing:-0.06em; text-align:center;}
/*20190807 추가*/
.ifrm_normal_1,
.ifrm_normal_1 iframe {display:block; width:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
.ifrm_mobile {display:none}

@media screen and (max-width:767px) {
	.ifrm_scroll {position:relative; width:1px; min-width:100%; overflow-x:scroll; overflow-y:hidden; padding-top:50px; background:url(/images/react/common/btn_hand4.gif) no-repeat right 10px; -webkit-overflow-scrolling:touch;}
    /*20190807 추가*/
	.ifrm_normal_1 {display:none;}
	.ifrm_mobile {width:100%; display:block;margin:40px 0;background:url(/images/react/common/iframe_icon_bg.gif) no-repeat center top; background-size:200px 200px;text-align:center}
	.ifrm_mobile .ifrm_mobile_guide{padding-top:230px;font-size:15px; color:#5f6e8d; font-weight:bold;}
	.ifrm_mobile .direct_btn {display:inline-block;padding:15px 60px;margin-top:20px; font-size:15px; font-weight:bold; color:#fff; background-color:#5f6e8d; text-align:center;border-radius:3px}

}


/*
* 기타
*/

/* personal info */
.personal_info {display:block; resize:none; width:100%; height:200px; font-family:'Malgun Gothic'; font-size:13px; line-height:19px; letter-spacing:-0.06em; padding:10px 15px 12px 15px; margin:10px 0; border:1px solid #d8d8d8; box-sizing:border-box;}

/* movie down */
.movie_down {margin-top:30px;}
.movie_down:after {display:block; content:''; clear:both;}
.movie_down .video_area {background:red;}
.md_right p {display:block; height:20px;}
.mdl_btn ul:after {display:block; content:''; clear:both;}
.mdl_btn ul li {display:block; float:left; width:50%; padding-top:4px;}
.mdl_btn ul li div {padding-left:2px;}
.mdl_btn ul li:first-child div {padding-left:0; padding-right:2px;}
.mdl_btn ul li div a {display:block; height:36px; background:#eee;}
.mdr_btn ul li {padding-top:4px;}
.mdr_btn ul li a {display:block; height:36px; background:#eee;}

@media screen and (min-width:769px) {
	.movie_down > div {float:left;}
	.md_right {width:320px; padding-left:8px;}
}


/*공공누리저작권*/
.open_board {margin:15px 0 10px 0; padding:20px; border:1px solid #d8d8d8; text-align:left; font-size:13px; background:#fff;}
.open_board_img {float:left; margin-right:15px}
.open_board_text {float:left;}
.open_board:after {display:block; content:''; clear:both;}