@charset "utf-8";

/*======================================
            2019 교육센터
========================================*/
/* 교육신청 */
.lms_request_section {width:96%;margin:0 auto;overflow:hidden;}
.lms_request_section .kids_main_area {padding-bottom:30px;}
.lms_request_area {position:relative;margin-bottom:30px;}
.lms_request_area h4 {display:inline-block;font-weight:bold;font-size:24px;}
.lms_request_area a.request_more {position:absolute;display:inline-block;width:80px;height:32px;line-height:30px;padding-left:30px;margin-left:30px;font-size:13px;font-weight:normal;border:1px solid #333;
background:#fff url("/contents/page/image/main/unilms/2019/more_ico.gif") no-repeat 12px 50%;box-sizing:border-box;}
ul.request_tab {width:100%;margin:20px 0;background:#d9d9d9;text-align:center;overflow:hidden;box-sizing:border-box;}
ul.request_tab li {background:#fff;list-style:none;float:left;width:50%;box-sizing:border-box;}
ul.request_tab li a {display:block;width:100%;text-align:center;font-size:14px;height:50px;line-height:50px;color:#333;box-sizing:border-box;
border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
ul.request_tab li:nth-child(even) a {border-left:0;}
ul.request_tab li:nth-child(1) a, ul.request_tab li:nth-child(2) a {border-top:1px solid #d9d9d9;}
ul.request_tab li:nth-child(6) a {border-left:1px solid #d9d9d9;}
ul.request_tab li a img {display:none;}
ul.request_tab li a.on {border:1px solid #4666af;color:#4666af;font-weight:bold;}
ul.request_tab li a.on img {display:inline-block;margin:21px 0 0 10px;}
ul.request_tab li:last-child {border-left:none;}
ul.request_tab.inside_tab li a.on {color:#4666af;}
div.request_tab_container {background:#fff;box-sizing:border-box;}

.request_content {width:100%;overflow:hidden;float:left;border-top:2px solid #666;border-bottom:2px solid #666;box-sizing:border-box;}
.request_content.on {height:auto;}
div.request_content ul.request_lst_body li ul li.b_subject > img {display:none;}
div.request_content ul.request_lst_body li ul li.b_subject .btn_preview:hover {cursor:pointer;}
div.request_content .inside_content ul.request_lst_body li ul li:nth-child(2), div.request_content .inside_content ul.request_lst_body li ul li:nth-child(3), div.request_content .inside_content ul.request_lst_body li ul li:nth-child(4)
{border-bottom:none;}
div.request_tab_container h3 {display:block;width:100%;height:100%;line-height:260px;text-align:center;border-top:2px solid #666;box-sizing:border-box;}
.north_study {height:auto !important;}

/* 2030,시민과정 이미지 리스트 2019-09-04 */
.cyber_theme_tab {width:100%;margin-bottom:10px;list-style:none;float:left;}
.cyber_theme_tab li {width:49%;margin:0 2% 10px 0;float:left;box-sizing:border-box;}
.cyber_theme_tab li:nth-child(2n) {margin:0 0 10px 0;}
.cyber_theme_tab li a {display:block;height:40px;line-height:39px;font-size:16px;border-radius:40px;border:1px solid #d9d9d9;text-align:center;}
.cyber_theme_tab li a.on {background:#4666af;border:1px solid #4666af;color:#fff;font-weight:bold;}
.cyber_theme_explan {float:left;width:100%;padding:6px 10px;border-bottom:2px solid #666;box-sizing:border-box;}
.cyber_theme_explan p {float:left;font-size:14px;margin-top:6px;}
.cyber_theme_explan a {display:block;float:right;padding:6px 23px 5px;background:#4666af;border:1px solid #4666af;border-radius:50px;color:#fff;font-size:13px;font-weight:bold;}

.cyber_theme_list {width:100%;list-style:none;float:left;box-sizing:border-box;}
.cyber_theme_list.on, .cyber_theme_list.cha_list.on {height:auto;max-height:none;overflow-y:auto;}
.cyber_theme_list.cha_list {max-height:350px;overflow-y:auto;padding:15px;}
.cyber_theme_list.cha_list.tab_on {height:550px;max-height:550px;}
.cyber_theme_list li.cyber_theme_thum {position:relative;float:left;width:100%;text-align:left;font-size:13px;border:1px solid #d9d9d9;margin:0 2% 20px 0;box-sizing:border-box;}
/* .cyber_theme_list li.cyber_theme_thum:nth-child(4n) {margin-right:0;} */
.cyber_theme_list li.cyber_theme_thum h1 {font-size:14px;padding:7px 10px 9px;background:#efefef;border-bottom:1px solid #d9d9d9;}
.cyber_theme_list li.cyber_theme_thum h1 span.b_subject {padding:3px 7px 5px;}
.cyber_theme_list li.cyber_theme_thum h1 a.cyber_theme_thum_title {width:84%;height:18px;line-height:17px;display:inline-block;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;
white-space:nowrap;vertical-align:middle;}
.cyber_theme_list li.cyber_theme_thum div {padding:10px;position:relative;}
div a.video_play_btn {width:100%;height:131px;overflow:hidden;color:#fff;background:#000;float:left;}
span.video_play_icon {width:50px;margin:32px 0 0 -25px;padding-top:55px;background:url('/contents/page/image/main/unilms/2019/video_play.png') no-repeat 0 0;
position:absolute;left:50%;z-index:97;box-sizing:border-box;}
.cyber_theme_list li.cyber_theme_thum div a img {width:100%;height:100%;opacity:.7;}
.cyber_theme_list li.cyber_theme_thum ul {width:100%;height:30px;line-height:30px;margin-bottom:10px;list-style:none;float:left;}
.cyber_theme_list li.cyber_theme_thum ul li {width:37%;min-height:auto;line-height:30px;padding:0;font-size:13px;text-align:left;float:left;}
.cyber_theme_list li.cyber_theme_thum ul li:nth-child(2) {width:38%;}
.cyber_theme_list li.cyber_theme_thum ul li:last-child {width:25%;}
.cyber_theme_list li.cyber_theme_thum ul li a {width:auto !important;float:right;}
.cyber_theme_list li.cyber_theme_thum ul li ul {width:100%;height:auto;}
.cyber_theme_list li.cyber_theme_thum ul li ul li {width:100% !important;line-height:1.4;float:none;}
.cyber_theme_list li.cyber_theme_thum ul li ul li b {display:inline-block;padding-bottom:3px;}

.lec_title_wrap {position:relative;width:100%;height:33px;line-height:31px;}
.lms_site .lec_title {display:inline-block;}
.lms_site a.btn_toggle_all {margin-left:10px;font-size:13px;padding:0 12px;border:1px solid #666;border-radius:3px;display:inline-block;position:absolute;top:0;left:90px;}
.lms_site .request_content.on {height:auto;overflow-y:hidden;}

.edu_list_top {width:100% !important;}
.cyber_infobox_first {background-color:#fff !important;}
/* .cyber_infobox_first li:first-child a {color:#333 !important;} */
.point_box {width:100%;padding:10px 20px;box-sizing: border-box;background:#fefac5;border-radius: 5px;margin:0 auto 10px;}
.point_box span {position:relative;top: -1px;margin-right: 5px;}
.point_box_w96 {width:96% !important;}
.edu_list_top .edu_list_txt {padding:15px 0px 2px 0 !important;}
.edu_list_top .edu_list_btn {position:static !important;float:right;}

@media all and (min-width:768px) {

/* 교육신청 */
ul.request_tab {background:url('/contents/page/image/main/unilms/2019/cyber_tab_bd.gif') repeat-x 0 49px;box-sizing: border-box;}
ul.request_tab li {width:14.28%;}
ul.request_tab li a {border-top:1px solid #d9d9d9;border-bottom:1px solid #4666af;border-left:0;}
ul.request_tab li:first-child a {border-left:1px solid #d9d9d9;}
ul.request_tab li a.on {border-bottom:0;background:url('/contents/page/image/main/unilms/2019/icon_tab_selected.gif') no-repeat 50% 100%;}
ul.request_tab li:first-child a.on, ul.request_tab li:nth-child(6) a.on {border-left:1px solid #4666af;}
ul.request_tab li:nth-child(6) a {border-left:0;}

ul.request_tab.member_tab li {width:20%;}

div.request_content ul.request_lst_header {padding-right: 17px;}

.cyber_theme_tab li {width:160px;margin:0 10px 10px 0;}
.cyber_theme_tab li:nth-child(2n) {margin:0 10px 10px 0;}
.cyber_theme_list li.cyber_theme_thum {width:48%;}
}

@media all and (min-width:1240px) {

/* 교육신청 */
.lms_request_section .lms_request_area {width:100%;margin: 0 auto 50px;}
ul.request_tab li a {font-size:16px;text-align:center;}
ul.request_tab li:nth-child(1) h4 {display:none;}
ul.request_tab li:nth-child(1) h4.mobile_view {display:none;}
ul.request_tab li:nth-child(1) h4.pc_view {display:inline-block;}
ul.request_tab li:nth-child(1) a.request_more {width:60px;}
div.request_tab_container {width:100%;float: left;}

.cyber_theme_list li.cyber_theme_thum {width:23%;}
.cyber_theme_list li.cyber_theme_thum p.theme_info {height:35px;}
.cyber_theme_list li.cyber_theme_thum div p {height:35px;}
.theme_content .cyber_theme_list li.cyber_theme_thum div p {height:35px;}
}

@media all and (min-width:1260px){

/* 교육신청 */
.lms_request_section .lms_request_area {width: 1240px;}
.lms_user_info .lms_user_info_top .user_name {margin: 5px 0 0 13px;}

.point_box, .point_box_w96 {width:1240px !important;}
}

/*============================================================================================================================
													게시판 기본 설정
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
.text_underline {text-decoration:underline;}

/*  ****************************  컨텐츠 탭  ****************************  */
ul.content_tab-brd {margin-top:50px; width:100%; font-size:15px; overflow:hidden; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
ul.content_tab-brd li {float:left; height:64px; line-height:64px; text-align:center; box-sizing:border-box; background: url('images/menu/site_list_bg.png') right center no-repeat; list-style:none;}
ul.content_tab-brd li a {display:block; height:64px; line-height:63px; color:#666666;}
ul.content_tab-brd li a:hover {font-weight:bold; background: url('images/menu/content_tab_bg.png') left bottom repeat-x;}
ul.content_tab-brd li.on {background-image: url('images/menu/content_tab_bg.png'), url('images/menu/site_list_bg.png'); background-position:left bottom, right center; background-repeat:repeat-x, no-repeat;}
ul.content_tab-brd li.on a {font-weight:bold;}

/* 대표홈 고객광장 FAQ */
ul.content_tab-brd.uni-faq li:first-child {width:13%;}
ul.content_tab-brd.uni-faq li:nth-child(2) {width:37%;}
ul.content_tab-brd.uni-faq li:nth-child(3) {width:37%;}
ul.content_tab-brd.uni-faq li:last-child {width:13%; background:none;}
ul.content_tab-brd.uni-faq li:last-child.on {background-image: url('images/menu/content_tab_bg.png'); background-position:left bottom; background-repeat:repeat-x}

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 기본 */
/* .uni-serchbox-brd {width:100%; overflow:hidden;margin:20px auto 0 auto;padding:20px 12px; position: relative; text-align:left; box-sizing:border-box;} */
.uni-serchbox-brd {width:100%; overflow:hidden;position: relative; text-align:left; box-sizing:border-box;margin:10px auto;}
.uni-serchbox-brd .uni-search {width:100%;}
.uni-serchbox-brd .uni-search dl.uni-search-date {display:none;}

.uni-serchbox-brd .uni-search dl.uni-search-info {display:inline-block; width:100%;}
.uni-serchbox-brd .uni-search dl.uni-search-info .uni-search-condition {margin-bottom:10px;}
.uni-serchbox-brd .uni-search dl.uni-search-info .uni-search-condition select {line-height:18px; height:40px;}

.uni-serchbox-brd .uni-search dl.uni-search-info dd.uni-search-radio {padding:11px 0; color:#333; font-size:14px;}
.uni-serchbox-brd .uni-search dl.uni-search-info dd.uni-search-radio label {padding-left:5px;}

.uni-serchbox-brd .uni-search dl.uni-search-info select{width:100%; height:40px; padding:10px 30px 10px 5px;}

.uni-serchbox-brd .uni-search dl.uni-search-info .search_info_type {display:inline-block; width:80%;}
.uni-serchbox-brd .uni-search dl.uni-search-info .search_info_type > input[type="text"] {width:100%; height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-indent:10px;}
.uni-serchbox-brd .uni-search dl.uni-search-info input::-webkit-input-placeholder {color:#666;}
.uni-serchbox-brd .uni-search dl.uni-search-info input:-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox-brd .uni-search dl.uni-search-info input::-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox-brd .uni-search dl.uni-search-info input:-ms-input-placeholder {color:#666;}

/* .uni-serchbox-brd .uni-search button.uni-search-btn {position:absolute; width:17%;right:12px; bottom:20px; height:40px; line-height:34px; box-sizing:border-box; background:#364c86; border:0; border-radius:3px; color:#fff; transition:all 0.2s;cursor:pointer;} */
.uni-serchbox-brd .uni-search button.uni-search-btn {position:absolute; width:17%;right:0; bottom:0; height:40px; line-height:34px; box-sizing:border-box; background:#364c86; border:0; border-radius:3px; color:#fff; transition:all 0.2s;cursor:pointer;}
.uni-serchbox-brd .uni-search button.uni-search-btn:hover {background:#4666af;}

/* FAQ 서치바 */
.uni-serchbox-brd-faq {width:100%; overflow:hidden; background: #ebebeb; margin-top:40px; padding:20px 15px; position: relative; box-sizing:border-box;}
.uni-serchbox-brd-faq legend {display:none;}
.uni-serchbox-brd-faq .uni-search {display:inline-block; margin-left:5px; width:76%;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info .search_info_type {margin:0;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info .search_info_type input[type="text"] {width:100%; height:40px; box-sizing: border-box; text-indent:10px;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info input::-webkit-input-placeholder {color:#666;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info input:-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info input::-moz-placeholder {color:#666; opacity:1;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info input:-ms-input-placeholder {color:#666;}
.uni-serchbox-brd-faq .uni-search button.uni-search-btn {position:absolute; width:17%; right:15px; height:40px; line-height:40px; box-sizing:border-box; background:#e37000; border:none; color:#fff; transition:all 0.2s;}
.uni-serchbox-brd-faq .uni-search button.uni-search-btn:hover {background:#ce6600;}

/*  ****************************  리스트  ****************************  */
/* 가로리스트 기본 스타일 */
.uni-list-table-brd {width:100%; background:#fff; word-break:break-all}
.uni-list-table-brd caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden;}
.uni-list-table-brd thead, .uni-list-table-brd tbody {font-size:15px; text-align:center; }
.uni-list-table-brd thead {color:#333;}
.uni-list-table-brd tbody, .board_table tbody a {color:#333;}
.uni-list-table-brd thead tr th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table-brd thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.uni-list-table-brd thead tr th.border_left {border-left:1px solid #d9d9d9;}
.uni-list-table-brd tbody tr th {border-top:1px solid #d9d9d9; background:#fafafa;}
.uni-list-table-brd tbody tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.uni-list-table-brd tbody tr td.main_notice img {position:relative; top:1px; padding-right:1px;}
.uni-list-table-brd tbody tr td.main_notice a {font-weight:bold;}
.uni-list-table-brd tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px; word-break:keep-all;}
.uni-list-table-brd tbody tr td a {}
.uni-list-table-brd tbody tr td.subject a:hover {text-decoration:underline;}
.uni-list-table-brd tbody tr td.subject.txt_lock {padding-left:25px; background:url('images/txt_lock.png') no-repeat 10px center;}
.uni-list-table-brd tbody tr td.subject.new {padding-left:36px; background:url('images/new2.png') no-repeat 10px center;}
.uni-list-table-brd tbody tr td.subject.new.txt_lock {padding-left:50px;
	background-image:url('images/new2.png'), url('images/txt_lock.png');
	background-position:10px center, 36px center;
	background-repeat:no-repeat, no-repeat;}
.uni-list-table-brd tbody tr td.subject.reply {text-align:left; padding:14px 10px 14px 30px; line-height:18px; background:url('images/reply.png') no-repeat 14px center;}
.uni-list-table-brd tbody tr td.border_left {border-left:1px solid #d9d9d9;}
.uni-list-table-brd tbody tr td span.download_file_item {display:inline-block; margin-right:3px;}
.uni-list-table-brd tbody tr td span.download_file_item:last-child {margin-right:0;}
.uni-list-table-brd tbody tr:last-child td {border-bottom:1px solid #d9d9d9; vertical-align:middle;}

/*  주요소식 등 게시판 내에 적용되는 Table  */
.uni-list-table-brd.in_editor {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.uni-list-table-brd.in_editor thead tr th, .uni-list-table-brd.in_editor tbody tr th, .uni-list-table-brd.in_editor tbody tr td {padding:7px 10px; font-size:14px;}
.uni-list-table-brd.in_editor thead tr th {border-right:1px solid #d9d9d9;}
.uni-list-table-brd.in_editor thead tr th:last-child {border-right:none;}
.uni-list-table-brd.in_editor tbody tr th {border-right:1px solid #d9d9d9;}
.uni-list-table-brd.in_editor tbody tr td {border-right:1px solid #d9d9d9;}
.uni-list-table-brd.in_editor tbody tr td:last-child {border-right:none;}
.uni-list-table-brd.in_editor.border_2n tr th:nth-child(2), .uni-list-table-brd.in_editor.border_2n tr td:nth-child(2) {border-right:2px solid #999;}
.uni-list-table-brd.in_editor.border_3n tr th:nth-child(3), .uni-list-table-brd.in_editor.border_3n tr td:nth-child(3) {border-right:2px solid #999;}
.uni-list-table-brd.in_editor.border_4n tr th:nth-child(4), .uni-list-table-brd.in_editor.border_4n tr td:nth-child(4) {border-right:2px solid #999;}
.uni-list-table-brd.in_editor.border_5n tr th:nth-child(5), .uni-list-table-brd.in_editor.border_5n tr td:nth-child(5) {border-right:2px solid #999;}

/* FAQ */
.support_area1 ul#faq_list li {padding-bottom:0;border-bottom:0;}
.support_area1 ul#faq_list li:last-child {padding-bottom:15px;border-bottom:1px solid #d9d9d9;}
.support_area1 ul#faq_list li h5 a {width:94%;line-height:1.4;}

ul#faq_list {margin-top:25px;border-top:1px solid #333;list-style:none;}
ul#faq_list li {font-size:15px;margin:15px 0;padding-bottom:15px;border-bottom:2px dotted #d9d9d9;}
ul#faq_list li:last-child {border-bottom:1px solid #333;}
ul#faq_list li.unfold {padding-bottom:0;border-bottom:0;}
ul#faq_list li h5 {position:relative;padding:1px 0 2px 10px;background: url('/contents/page/image/support/faq_question_ico.png') no-repeat 0 0, url('/contents/page/image/support/faq_question_arrow1.png') no-repeat 97% center;}
ul#faq_list li h5 a {display:block;width:86%;padding-left:20px; margin:0; color:#333; font-weight:bold;}
ul#faq_list li div.faq_list_div {padding:10px 40px 10px 50px; margin:10px 0; color:#333;  background:#f8f8f8 url("/contents/page/image/support/faq_answer.png") no-repeat 10px 15px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
ul#faq_list li div.faq_list_div p {line-height:1.6;}
ul#faq_list li.unfold h5 {background: url('/contents/page/image/support/faq_question_ico.png') no-repeat 0 0, url('/contents/page/image/support/faq_question_arrow2.png') no-repeat 97% center;}

/* 영문 FAQ */
ul#faq_list.faq_list_en {margin-top:40px;}
ul#faq_list.faq_list_en li {list-style:none; font-size:14px; line-height:19px;}
ul#faq_list.faq_list_en li h5 a {display:block; padding:17px 40px 17px 50px; margin-bottom:10px; color:#333; font-weight:normal;
					background-image: url('images/faq_question_en.png'), url('images/faq_question_arrow1.png'); background-position:15px center, 97% center; background-repeat:no-repeat, no-repeat; background-color:#e5e5e5;}
ul#faq_list.faq_list_en li h5 a span {color:#00a6b6; padding-right:30px; font-weight:bold;}
ul#faq_list.faq_list_en li div.faq_list_div {padding:10px 40px 10px 50px; margin-bottom:10px; color:#333;  background:#fafafa url("images/faq_answer_en.png") no-repeat 15px center;}
ul#faq_list.faq_list_en li div.faq_list_div span {color:#768825; padding-right:30px; font-weight:bold;}
ul#faq_list.faq_list_en li.unfold h5 a {background-image: url('images/faq_question_on_en.png'), url('images/faq_question_arrow2.png'); background-position:15px center, 97% center; background-repeat:no-repeat, no-repeat; background-color:#00a6b6; color:#fff;}
ul#faq_list.faq_list_en li.unfold h5 a span {color:#fff;}

/*  ****************************  상세보기 화면  ****************************  */
/* 상세보기 화면 */
.viewwrap-brd {margin:10px 0 0 0; width:100%;}
.viewwrap-brd > .infobox {padding-top:17px; border-bottom:1px solid #d9d9d9; border-top:2px solid #999; background:#fafafa;}
.viewwrap-brd > .infobox > .infobox_thumbnail {float:left; position:relative; top:-10px;}
.viewwrap-brd > .infobox > .infobox_thumbnail img {padding:5px; background:#fff; border:1px solid #d9d9d9; margin:0 15px; max-height:67px; width:auto;}
.viewwrap-brd > .infobox > h4 {margin-bottom:10px; padding:0 10px; color:#333; font-size:20px; line-height:23px;}
.viewwrap-brd > .infobox > h4.reply {margin-bottom:10px; padding:0 10px; color:#46900b; font-size:20px; line-height:27px;}
.viewwrap-brd > .infobox > .info {padding:0 10px 15px 10px; color:#727272; font-size:14px; line-height:14px; border-bottom:1px solid #d9d9d9;}
.viewwrap-brd > .infobox > .info > p {display:inline-block; padding:0 13px 0 0; margin-right:20px; color:#777; font-size:14px; line-height:18px;}
.viewwrap-brd > .infobox > .info > p:last-child{padding-right:0;margin-right:0;}
.viewwrap-brd > .infobox > .info > p > span {color:#333; padding-left:15px;}
.download_file {font-size:13px; color:#333; padding:10px; line-height:20px; clear:both;}
.download_file a {display:inline-block; margin-right:10px; padding:3px 0;}
.download_file a:hover {text-decoration:underline;}
.download_file a img {width:17px; height:20px; margin-right:3px;}

.viewwrap-brd dl.book_intro dt {padding:20px 0 0 10px;}
.viewwrap-brd dl.book_list dt {padding:20px 0 0 10px;}

/* 이전글 현재글 다음글 */
.uni-view-list-brd {width:100%; margin-top:30px;}
.uni-view-list-brd caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.uni-view-list-brd tbody {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:15px;  color:#333;}
.uni-view-list-brd tbody tr.now_list {background:#f8f8f8; font-weight:bold;}
.uni-view-list-brd tbody tr td {padding:14px 3px; border-bottom:1px dashed #d9d9d9; text-align:center;}
.uni-view-list-brd tbody tr td img {vertical-align:middle;}
.uni-view-list-brd tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.uni-view-list-brd tbody tr td.subject a:hover {text-decoration:underline;}
.uni-view-list-brd tbody tr td.subject.txt_lock {padding-left:25px; background:url('images/txt_lock.png') no-repeat 8px center;}
.uni-view-list-brd tbody tr:last-child td {border-bottom:none;}

/* 통일교육주간 블로그 */
.blog_toggle_btn_area {text-align:right; margin:20px 0 0 0;}
.blog_toggle_area {display:none;}

.blog_reply_area {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:15px; margin-top:10px; background:#f8f8f8; overflow:hidden; font-size:14px; line-height:16px;}

.blog_reply_btn img {vertical-align:middle; margin:0 0 3px 6px;}

.blog_reply_area ul.blog_reply_result {}
.blog_reply_area ul.blog_reply_result li {list-style:none; line-height:22px; border-bottom:1px solid #d9d9d9; padding:10px 0;}
.blog_reply_area ul.blog_reply_result li:first-child {padding-top:0;}
.blog_reply_area ul.blog_reply_result li:last-child {margin-bottom:15px;}
.blog_reply_area ul.blog_reply_result .blog_reply_edit_area {overflow:hidden; margin-top:5px;}
.blog_reply_area ul.blog_reply_result li div.blog_reply_user {overflow:hidden;}
.blog_reply_area ul.blog_reply_result li div.blog_reply_user .blog_reply_name {color:#124b9a; font-weight:bold; display:inline-block; margin-right:10px; font-size:15px;}
.blog_reply_area ul.blog_reply_result li div.blog_reply_user .blog_reply_date {color:#666; display:inline-block;}
.blog_reply_area ul.blog_reply_result li .secret_reply_info {color:#257bca;}
.blog_reply_area ul.blog_reply_result li .secret_reply_txt {}

.blog_reply_area textarea {min-height:70px; width:100%; padding:7px;}
.blog_reply_area .blog_reply_area_btn {text-align:center;}
.blog_reply_area .blog_reply_area_btn .RadioCheckbox {display:inline-block; margin-right:10px;}

/* ============= 팝업창 설정 =============== */
/* 셀렉트 박스 안내 */
#dialog_sort_detail {}
#dialog_sort_detail ul {padding-left:10px; font-size:14px; color:#444; line-height:19px;}
#dialog_sort_detail ul li {}
#dialog_sort_detail ul li ul {}
#dialog_sort_detail ul li ul li {}

div.dic_search_txt {font-size:14px; color:#444; line-height:19px;}
div.dic_search_txt div {padding:10px 0; border-bottom:1px dashed #d9d9d9;}
div.dic_search_txt div:last-child {border-bottom:none;}
div.dic_search_txt div p.dic_txt {margin-bottom:8px;}
div.dic_search_txt div p.dic_link {color:#999;}
div.dic_search_txt div p.dic_link a {color:#257bca;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){

/*  ****************************  컨텐츠 탭  ****************************  */
/* 대표홈 고객광장 FAQ */
ul.content_tab-brd.uni-faq li:first-child {width:25%;}
ul.content_tab-brd.uni-faq li:nth-child(2) {width:25%;}
ul.content_tab-brd.uni-faq li:nth-child(3) {width:25%;}
ul.content_tab-brd.uni-faq li:last-child {width:25%;}

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 */
/* .uni-serchbox-brd {display:inline-block; width:auto; margin:10px auto 0 auto; padding:20px 30px 0;} */
.uni-serchbox-brd {display:inline-block;}
.uni-serchbox-brd .uni-search {text-align:center;}
.uni-serchbox-brd .uni-search dl.uni-search-info {display:inline-block; width:auto;}
.uni-serchbox-brd .uni-search dl.uni-search-info dd {display:inline-block; vertical-align:middle;}
.uni-serchbox-brd .uni-search dl.uni-search-info .uni-search-condition {width:auto;margin-bottom:0;}
.uni-serchbox-brd .uni-search dl.uni-search-info .search_info_type {margin-top:0; width:350px; margin-left:3px;}

.uni-serchbox-brd .uni-search button.uni-search-btn {display:inline-block; position:relative; width:80px; margin-left:5px;right:auto; bottom:auto;}

/* FAQ 서치바 */
.uni-serchbox-brd-faq {padding:20px 70px;}
.uni-serchbox-brd-faq legend {display:none;}
.uni-serchbox-brd-faq .uni-search {display:inline-block; margin-left:5px; width:76%;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info .search_info_type {width:100%;}
.uni-serchbox-brd-faq .uni-search button.uni-search-btn {right:70px;}

/*  ****************************  리스트  ****************************  */
/* 가로리스트 기본 스타일 */
.uni-list-table thead tr th {padding:17px 3px;}
.uni-list-table tbody tr td {padding:17px 3px;}
.uni-list-table tbody tr td.subject a {padding:17px 3px;}

/* FAQ */
.support_area1 ul#faq_list li h5 a {height:22px;}

ul#faq_list li h5 {background: url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 7px, url('/contents/page/image/support/faq_question_arrow1.png') no-repeat 99% center;}
ul#faq_list li h5 a {width:100%;height:30px;padding-left:30px;line-height:30px;}
ul#faq_list li div.faq_list_div {padding:10px 40px 10px 40px;background:#f8f8f8 url("/contents/page/image/support/faq_answer.png") no-repeat 10px 15px;}
ul#faq_list li.unfold h5 {background: url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 7px, url('/contents/page/image/support/faq_question_arrow2.png') no-repeat 99% center;}

/* 영문 FAQ */
ul#faq_list.faq_list_en li h5 a {padding:17px 50px 17px 84px; background-position:30px center, 97% center;}
ul#faq_list.faq_list_en li div.faq_list_div {padding:10px 50px 10px 84px; background:#fafafa url("images/faq_answer_en.png") no-repeat 30px center;}
ul#faq_list.faq_list_en li.unfold h5 a {background-position:30px center, 97% center;}

/*  ****************************  상세보기 화면  ****************************  */
.viewwrap-brd > .infobox > h4 {padding:0 15px;}
.viewwrap-brd > .infobox > h4.reply {padding:0 15px;}
.viewwrap-brd > .infobox > .info {padding:0 10px 15px 10px; }
.viewwrap-brd > .infobox > .download_file {padding:10px 15px;}

.viewwrap-brd dl.book_intro dt {padding:20px 0 0 15px;}
.viewwrap-brd dl.book_list dt {padding:20px 0 0 15px;}


/* 통일교육주간 블로그 */
.blog_reply_area textarea {width:89%; float:left;}
.blog_reply_area .blog_reply_area_btn {float:right; width:11%; margin-top:0; text-align:right;}
.blog_reply_area .blog_reply_area_btn .RadioCheckbox {margin-right:0; margin-top:0;}
.blog_reply_area .blog_reply_area_btn button {display:inline-block; padding:11px 13px;}

/* 테이블 2단 */
.table_fl {width:49%; float:left;}
.table_fr {width:49%; float:right;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/*  ****************************  페이지 내 서치바  ****************************  */
/* 페이지 내 서치바 */
.uni-serchbox-brd .uni-search dl.uni-search-info .uni-search-condition {}
.uni-serchbox-brd .uni-search dl.uni-search-info .search_info_type {}
.uni-serchbox-brd .uni-search button.uni-search-btn {}

/* js css */
#ui-datepicker-div{width: 300px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {/* border:1px solid #bf9e85; background:#e3d8d0 font-weight:normal; color:#3f3731; */}
.ui-widget-content {/* color:#1e1b1d; */}
.ui-widget-header {/*border:1px solid #d49768; background: #cb842e url("images/ui-bg_glass_25_cb842e_1x400.png") 50% 50% repeat-x;*/}
#ui-datepicker-div{position:relative; z-index:95;}

/* FAQ 서치바 */
.uni-serchbox-brd-faq {padding:20px 150px;}
.uni-serchbox-brd-faq legend {display:inline-block;}
.uni-serchbox-brd-faq .uni-search {display:inline-block; margin-left:5px; width:440px;}
.uni-serchbox-brd-faq .uni-search dl.uni-search-info .search_info_type {width:435px;}
.uni-serchbox-brd-faq .uni-search button.uni-search-btn {right:150px; width:14%;}

/*  ****************************  상세보기 화면  ****************************  */
.viewwrap-brd > .infobox > h4 {padding:0 20px;}
.viewwrap-brd > .infobox > h4.reply {padding:0 20px;}
.viewwrap-brd > .infobox > .info {padding:9px 15px 15px 20px; }
.viewwrap-brd > .infobox > .download_file {padding:10px 20px;}

.viewwrap-brd dl.book_intro dt {padding:20px 0 0 0;}
.viewwrap-brd dl.book_list dt {padding:20px 0 0 0;}

/* 통일교육주간 블로그 */
.blog_reply_area textarea {width:870px;}
.blog_reply_area .blog_reply_area_btn {width:90px;}
.blog_reply_area .blog_reply_area_btn button {padding:11px 13px;}
}

/*============================================================================================================================
													게시판 기본 설정
=============================================================================================================================*/
/** 기본 템플릿 */
.uni-list-table-brd-uni {}

/*============================================================================================================================
													게시판 기본 설정 - 쥬니어
=============================================================================================================================*/
/** 쥬니어 템플릿 */
.uni-list-table-brd-junior {}

/*============================================================================================================================
													게시판 기본 설정 - 영문
=============================================================================================================================*/
/** 영문홈 템플릿 */
.uni-list-table-brd-eng {}

/*============================================================================================================================
													청소년 - 꿈을 찍는 사진관
=============================================================================================================================*/
@font-face {
	font-family:'fontawesome';
	src:url('/contents/page/image/grid_gallery/fonts/fontawesome/fontawesome.eot?-e43dk9');
	src:url('/contents/page/image/grid_gallery/fonts/fontawesome/fontawesome.eot?#iefix-e43dk9') format('embedded-opentype'),
		url('/contents/page/image/grid_gallery/fonts/fontawesome/fontawesome.woff?-e43dk9') format('woff'),
		url('/contents/page/image/grid_gallery/fonts/fontawesome/fontawesome.ttf?-e43dk9') format('truetype'),
		url('/contents/page/image/grid_gallery/fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/app */

/* 상단 비쥬얼 이미지 */
.grid_visual_img {text-align:center; margin-bottom:20px;}
.grid_visual_img img {width:100%;}

/* General style */
.grid-gallery {float:none; overflow:hidden; clear:both;}
.grid-gallery a {outline:none;}
.grid-gallery a:hover {}
.grid-gallery ul {list-style:none; margin:0; padding:0;}
.grid-gallery figure {margin:0; text-align:center;}
.grid-gallery figure img {display:block; width:100%; margin:0 auto;}

.grid-wrap ul.grid li figcaption h3.line2 {font-size:16px; line-height:20px; max-height:45px; color:#2588c3; font-weight:bold; margin-bottom:10px; text-align:left; word-break:keep-all;}
.grid-wrap ul.grid li figcaption div.line4 {font-size:14px; line-height:18px; max-height:78px; color:#666; margin:0; text-align:left; word-break:keep-all;}

/* Grid style */
.grid-wrap {max-width:69em; margin:0 auto; padding:0;}
.grid {margin:0 auto;}
.grid li {width:25%; float:left; cursor:pointer;}
.grid figure {padding:10px; -webkit-transition:opacity 0.2s; transition:opacity 0.2s;}
.grid li:hover figure {opacity:0.7;}
.grid figcaption {background:#e4e4e4; padding:16px 20px;}

/* Slideshow style */
.slideshow {position:fixed; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0; left:0; z-index:10000; opacity:0; visibility:hidden; overflow:hidden;
			/* 원근법 -webkit-perspective:1000px; perspective:1000px;*/ -webkit-transition:opacity 0.5s, visibility 0s 0.5s; transition:opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow {opacity:1; visibility:visible; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.slideshow ul {width:100%; height:100%; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;
			-webkit-transform:translate3d(0,0,150px); transform:translate3d(0,0,150px); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
.slideshow ul.animatable li {-webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
.slideshow-open .slideshow ul {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slideshow li {width:800px; height:auto; position:absolute; top:50%; left:50%; margin:-350px 0 0 -400px; visibility:hidden;}
.slideshow li.show {visibility:visible;}
.slideshow li:after {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.8); -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}
.slideshow li.current:after {visibility:hidden; opacity:0; -webkit-transition:opacity 0.3s, visibility 0s 0.3s; transition:opacity 0.3s, visibility 0s 0.3s;}
.slideshow li figure {width:100%; height:100%; background:#fff; border:50px solid #fff; overflow:hidden; text-align:center;
					-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.slideshow figcaption {padding-bottom:20px;}

.slideshow figcaption h3 {font-size:20px; line-height:24px; font-weight:bold; text-align:left; color:#2588c3; margin-bottom:10px; word-break:keep-all;}
.slideshow figcaption div {font-size:16px; line-height:22px; margin:0; text-align:left; color:#666; word-break:keep-all;}
.slideshow figure .img_data p.date span {display:inline-block; padding:0 5px; font-size:14px; line-height:14px; color:#d9d9d9;}

.grid-gallery .slideshow li figure div.img_bg {background:#333;}
.grid-gallery .slideshow li figure img {width:auto; max-width:100%; max-height:500px;}
.slideshow li figure div.img_data {padding-top:10px; font-size:14px; font-weight:normal; color:#666;}
.slideshow li figure div.img_data .source {width:50%; float:left; text-align:left;}
.slideshow li figure div.img_data .date {width:50%; float:right; text-align:right;}

/* Navigation */
.slideshow nav span {position:fixed; z-index:1000; color:#fff; text-align:center; padding:3%; cursor:pointer; font-size:2.2em;}
.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.slideshow nav span.nav-next {right:0;}
.slideshow nav span.next_page {display:none;}
.slideshow nav span.nav-close {top:0; right:0; padding:0.5em 1em; color:#fff;}
.icon:before,
.icon:after {font-family:'fontawesome'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;
			-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
span.icon {border:none;}
span.nav-prev:before {content:"\e601";}
span.nav-next:before  {content:"\e600";}
span.nav-close:before {content:"\e602";}
/* 이전다음 버튼 처음과 끝 */
span.first.nav-prev {display:none;}
span.last.nav-next {display:none;}
span.prev_page.nav-prev:before {content:"\e601\e601";}
span.prev_page.nav-prev:after {content:"이전페이지"; display:block; padding-top:10px; font-size:13px; font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}
span.next_page.nav-next:before  {content:"\e600\e600";}
span.next_page.nav-next:after  {content:"다음페이지"; display:block; padding-top:10px; font-size:13px; font-family: "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;}

/* Info on arrow key navigation */
.info-keys {position:fixed; top:10px; left:10px; width:60px; font-size:10px; padding:30px 5px 5px; text-transform:uppercase; color:#fff; letter-spacing:1px; text-align:center;background:rgba(0,0,0,.7);border-radius:5px;}

.info-keys:before,
.info-keys:after {position:absolute; top:5px; width:20px; height:20px; border:1px solid #fff; text-align:center; line-height:18px; font-size:16px;}
.info-keys:before {left:8px; content:"\e603";}
.info-keys:after {right:8px; content:"\e604";}

/* 화면 사이즈에 따른 css */
@media screen and (max-width: 60em) {
/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
.grid li {width:33.3%;}
.slideshow li {width:100%; height:100%; top:0; left:0; margin:0;}
.slideshow li figure img {width:auto; margin:0 auto; max-width:100%;}
.slideshow nav span,
.slideshow nav span.nav-close {font-size:1.8em; padding:0.3em; color:#999;}
.info-keys {display:none;}
}

@media screen and (max-width: 35em) {
.grid li {width:50%;}
.slideshow li figure div.img_data .source {width:100%; float:none; text-align:left;}
.slideshow li figure div.img_data .date {width:100%; float:none; text-align:left; margin-top:5px;}
}

@media screen and (max-width: 24em) {
.grid li {width:100%;}
}

/*============================================================================================================================
													Editor 영역 추가 css 161220-엄윤섭
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
.editor_area {padding:20px 10px;min-height:50px;font-size:16px;line-height:1.8;color:#333;overflow:visible;word-break:keep-all;}
.editor_area img {display:block;max-width:100%; height:auto !important; margin:0 auto;}
.editor_area:after {clear:both;}
.editor_area ul {padding:10px 10px 10px 25px;}
.editor_area ol {padding:10px 10px 10px 25px;}

.comment_area {position:relative;padding:10px 15px;font-size:14px;line-height:1.8;border:1px solid #d9d9d9;border-radius:5px;box-sizing:border-box;}
.comment_area + .comment_area {border-top-width: 0;}

div.basic_editor div.basic_title_box {background:#e3f7ff; padding:10px; text-align:center; border:4px solid #2675c5; border-left:none; border-right:none;}

/* 기본 타이틀 */
div.basic_editor div.basic_title_box h3.main_title {font-size:20px; line-height:30px; font-weight:bold;}
div.basic_editor div.basic_title_box p.main_txt {font-size:16px; margin-top:5px;}
div.basic_editor .sub_title {font-size:17px; font-weight:bold; padding:0 0 0 13px; margin-top:30px; background:url('/contents/page/image/bbs/sub_title.jpg') no-repeat left 8px;}

/* 기본 ul */
div.basic_editor ul {padding:0; margin:0;}
div.basic_editor ul li {list-style:none; padding:0 0 0 17px; margin-top:10px; background:url('/contents/page/image/bbs/basic_icon1.png') no-repeat left 8px;}
div.basic_editor ul li ul {margin:0 0 0 0;}
div.basic_editor ul li ul li {padding:0 0 0 13px; margin-top:5px; background:url('/contents/page/image/bbs/basic_icon2.png') no-repeat left 8px;}
div.basic_editor ul li ul li ul {margin:0 0 0 0;}
div.basic_editor ul li ul li ul li {padding:0 0 0 10px; margin-top:3px; background:url('/contents/page/image/bbs/basic_icon3.png') no-repeat left 11px;}
div.basic_editor ul li ul li ul li ul {margin:5px 0 0 0;}
div.basic_editor ul li ul li ul li ul li {padding:0 0 0 7px; margin-top:1px; background:url('/contents/page/image/bbs/basic_icon4.png') no-repeat left 11px;}

div.basic_editor ul.list_none li {background:none !important; padding-left:0; margin-top:15px;}
div.basic_editor ul.list_none li ul li {padding-left:10px; margin-top:0;}

div.basic_editor ol {padding:0 0 0 25px; margin:0;}
div.basic_editor ol li {padding:0; margin-top:5px;}
div.basic_editor ol li ul {margin:0 0 0 0;}
div.basic_editor ol li ul li {padding:0 0 0 13px; margin-top:5px; background:url('/contents/page/image/bbs/basic_icon2.png') no-repeat left 8px;}
div.basic_editor ol li ul li ul {margin:7px 0 0 0;}
div.basic_editor ol li ul li ul li {padding:0 0 0 10px; margin-top:3px; background:url('/contents/page/image/bbs/basic_icon3.png') no-repeat left 11px;}
div.basic_editor ol li ul li ul li ul {margin:5px 0 0 0;}
div.basic_editor ol li ul li ul li ul li {padding:0 0 0 7px; margin-top:1px; background:url('/contents/page/image/bbs/basic_icon4.png') no-repeat left 11px;}

/* 기본 박스 */
div.basic_editor div.basic_box {width:100%;background:#f8f8f8; border:1px solid #d9d9d9; padding:15px 20px; margin-top:10px;box-sizing:border-box;}

div.basic_editor .basic_table {width:100%; border:1px outset grey;}
div.basic_editor .basic_table tr th {padding:5px 7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#f8f8f8; border:thin inset grey;}
div.basic_editor .basic_table tr td {padding:5px 7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; border:thin inset grey;}

.editor_area table {word-break:normal;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
.editor_area {padding:20px 15px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
.editor_area {padding:20px 0;}
.editor_area table {word-break:keep-all;}
}

/*============================================================================================================================
											북한청소년백과 css 161221-엄윤섭 : 기존 내용은 uni.css에 있음
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
/* 캠프활동 */
ul.content_tab.camp_active_tab li {font-size:15px; width:25%;}
ul.content_tab.camp_active_tab li:last-child {background:none;}

/* 소감문 동영상 자료 */
ul.content_tab.four_tab li {font-size:15px; width:50%;border-bottom:1px solid #d9d9d9;}
ul.content_tab.four_tab li:nth-child(3), ul.content_tab.four_tab li:nth-child(4) {border-bottom:0;}
ul.content_tab.four_tab li:nth-child(2n) {background:none;}

/* 계기수업 및 통일교사 자료 */
ul.content_tab.six_tab li {font-size:15px; width:33.33%;border-bottom:1px solid #d9d9d9;}
ul.content_tab.six_tab li:nth-child(4), ul.content_tab.six_tab li:nth-child(5), ul.content_tab.six_tab li:nth-child(6) {border-bottom:0;}
ul.content_tab.six_tab li:nth-child(3n) {background:none;}

/* Editor 영역 */
.kids_dic figure {margin:20px 0; text-align:center;}
.kids_dic figure img {border:1px solid #d9d9d9; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
					-webkit-box-shadow:2px 2px 2px 3px #f2f2f2; box-shadow:2px 2px 2px 3px #f2f2f2;}
.kids_dic figure figcaption {font-weight:normal; margin:5px 0; font-size:15px; color:#666;}

.kids_dic table {text-align:center; width:100%; margin:10px 0;}
.kids_dic table tr th {padding:5px; background:#f8f8f8; border:1px solid #999;}
.kids_dic table tr td {padding:5px; border:1px solid #999;}

.kids_dic .img_info_area {border:1px solid #d9d9d9; border-radius:5px; background:#f8f8f8; padding:15px 20px 0 20px; position:relative;
						box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kids_dic .img_info_area .img_info_title {font-weight:bold; border:1px solid #d9d9d9; background:#fff; padding:5px 12px; border-radius:10px; position:relative;
										top:-30px; display:inline-block;
										box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kids_dic .img_info_area .img_info_txt {position:relative; top:-20px;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){

/* 소감문 동영상 자료 */
ul.content_tab.four_tab li {width:25%;border-bottom:0;}

/* 계기수업 및 통일교사 자료 */
ul.content_tab.six_tab li {width:16.66%;border-bottom:0;}
ul.content_tab.six_tab li:nth-child(3) {background:url('images/menu/site_list_bg.png') right center no-repeat;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
.kids_dic figure.float_left {float:left; margin:20px 25px 15px 0;}
}

/*============================================================================================================================
											지식사전 css 170214-엄윤섭 수정
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
/* 남북관계 지식사전 */
.nsdic_area {width:100%; color:#333; font-size:16px;}
.nsdic_top {display:none;}
.nsdic_middle {width:100%; margin:0 auto; padding-top:20px; position:relative;}
.nsdic_logo {display:none}
.nsdic_tit_area {position:relative; width:95%; margin:0 auto; border:3px solid #a0774b; border-radius:10px;}
.nsdic_tit_only {font-size:18px; padding:20px 10px; font-weight:bold; text-align:center; line-height: 20px;}
.nsdic_tit {display:inline-block; position:relative; left:15px; top:-15px; max-width:80%; font-weight:bold; padding:5px; font-size:18px; line-height:20px; background-color:#fff;}
.nsdic_related {position:relative; width:90px; left:20px; top:0; background-color:#FFF; font-weight:bold; font-size:14px; color:#333;}
.nsdic_related_txt {margin:15px 0 15px 20px;}
.nsdic_txt {padding:20px 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nsdic_txt p {margin-bottom:25px;}
.nsdic_txt p.nsdic_txt_tit {font-weight:bold; color:#58585a; margin:30px 0 20px 0;}
.nsdic_bottom {display:none}

/* 남북한 언어비교사전 */
ul.nskorlang_title {width:100%; background:#fff; margin:30px 0 0 0; padding:0; overflow:hidden;}
ul.nskorlang_title li {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style:none; font-weight:bold; font-size:14px; color:#333; text-align:center;
						padding:14px 3px; background:#fafafa; border-top:2px solid #666; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
ul.nskorlang_title li:nth-child(3), ul.nskorlang_title li:nth-child(4) {display:none;}
ul.nskorlang_title li:nth-child(odd) {color:#e37000; border-right:1px dashed #ebebeb;}

ul.nskorlang_list {width:100%; background:#fff; margin:0; padding:0; overflow:hidden;}
ul.nskorlang_list li {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style:none; font-size:14px; color:#333; text-align:left;
						padding:14px 15px; border-bottom:1px dashed #d9d9d9; vertical-align:middle; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis;}
ul.nskorlang_list li:nth-child(odd) {color:#e37000; border-right:1px dashed #ebebeb;}
ul.nskorlang_list li:nth-last-child(1), ul.nskorlang_list li:nth-last-child(2) {border-bottom:1px solid #d9d9d9;}

/* 북한지식사전 */
.dicWrap h4 {font-size:20px; font-weight:bold; padding:0 0 0 13px; background:url('/contents/page/image/bbs/sub_title.jpg') no-repeat left 4px;}
.dicWrap h5 {font-size:16px; font-weight:bold; color:#333; margin-top:20px; position:relative; bottom:-10px;}
.dicWrap p {font-size:14px; margin-top:20px; line-height:18px;}

.north_dic {width:96%; margin:20px auto 0 auto;}
.north_dic .dic_title_area {border:3px solid #588bc0; border-radius:10px; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.north_dic .dic_title_area h4 {display:inline-block; position:relative; left:0; top:-32px; font-weight:bold; padding:5px; font-size:18px; line-height:20px; background-color:#fff;}
.north_dic .dic_title_area p {margin:-25px auto 0 auto;color:#333;}

.north_dic .north_dic_txt {padding:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.north_dic .north_dic_txt h5 {font-size:16px; font-weight:bold; color:#333; margin:25px 0 5px 0; padding:0 0 0 10px; background:url('/contents/page/image/bbs/sub_title.jpg') no-repeat left 4px;}
.north_dic .north_dic_txt p {margin-bottom:25px;}
.north_dic .north_dic_txt p.img {margin:20px 0;}

.north_dic .north_dic_txt h6.north_dic_table_title {font-size:16px; font-weight:bold; color:#257bca; margin:25px 0 5px 0; padding:0 0 0 10px;}
.north_dic .north_dic_txt .north_dic_table {width:100%; background:#fff; border:1px solid #d9d9d9;}
.north_dic .north_dic_txt .north_dic_table caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; visibility:hidden;}
.north_dic .north_dic_txt .north_dic_table thead, .north_dic .north_dic_txt .north_dic_table tbody {font-size:14px; line-height:18px; text-align:center;}
.north_dic .north_dic_txt .north_dic_table thead {color:#333;}
.north_dic .north_dic_txt .north_dic_table tbody {color:#333;}
.north_dic .north_dic_txt .north_dic_table thead tr th {padding:5px 3px; background:#fafafa; border-top:2px solid #666; border-bottom:1px solid #d9d9d9; border-left:1px dashed #d9d9d9; vertical-align:middle;}
.north_dic .north_dic_txt .north_dic_table tbody tr td {padding:5px 3px; border-bottom:1px dashed #d9d9d9; border-left:1px dashed #d9d9d9; vertical-align:middle;}
.north_dic .north_dic_txt .north_dic_table tbody tr td.tal {text-align:left; padding:5px 10px;}
.north_dic .north_dic_txt .north_dic_table tbody tr:last-child td {border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.north_dic .north_dic_txt .north_dic_table tbody tr td ul {margin:0 0 0 5px; padding:0; text-align:left;}
.north_dic .north_dic_txt .north_dic_table tbody tr td ul li {list-style:none; padding:0 0 0 10px; margin-bottom:5px; background:url('/contents/page/image/bbs/basic_icon3.png') no-repeat left 7px;}
.north_dic .north_dic_txt .north_dic_table tbody tr td ul li ul {margin:2px 0 0 -3px;}
.north_dic .north_dic_txt .north_dic_table tbody tr td ul li ul li {padding:0 0 0 7px; margin-bottom:0; background:url('/contents/page/image/bbs/basic_icon4.png') no-repeat left 6px;}
.north_dic .north_dic_txt .table_summary {font-size:14px; color:#666; margin-top:5px;}

/* ====================================== 지식사전 검색과 연계 노출 ====================================== */
/* 지식사전 적용 후 텍스트버튼 */
span.dic_search_btn {display:inline-block;}
span.dic_search_btn a {display:inline-block; color:#333; text-decoration:underline; font-weight:bold;}
span.dic_search_btn a span {display:inline-block; position:relative; bottom:3px; width:10px; height:10px; line-height:9px; border-radius:5px; background:#257bca; color:#fff; font-weight:bold; font-size:10px; text-align:center;}
.north_dic .north_dic_txt h6.north_dic_table_title span.dic_search_btn a {color:#257bca;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){

/* 남북한 언어비교사전 */
ul.nskorlang_title li {width:25%;}
ul.nskorlang_title li:nth-child(3), ul.nskorlang_title li:nth-child(4) {display:block;}
ul.nskorlang_title li:nth-child(even) {border-right:1px solid #cccccc;}
ul.nskorlang_title li:nth-child(4n) {border-right:none;}

ul.nskorlang_list li {width:25%;}
ul.nskorlang_list li:nth-child(even) {border-right:1px solid #cccccc;}
ul.nskorlang_list li:nth-child(4n) {border-right:none;}
ul.nskorlang_list li:nth-last-child(3), ul.nskorlang_list li:nth-last-child(4) {border-bottom:1px solid #d9d9d9;}

ul.nskorlang_list li:nth-child(odd) {color:#e37000;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
/* 남북관계 지식사전 */
.nsdic_tit_area {position:relative; width:95%; margin:0 auto; border:3px solid #a0774b; border-radius:10px;}
.nsdic_tit_only {font-size:18px; padding:20px 10px; font-weight:bold; text-align:center; line-height: 20px;}
.nsdic_tit {display:inline-block; position:relative; left:15px; top:-15px; max-width:80%; font-weight:bold; padding:5px; font-size:18px; line-height:20px; background-color:#fff;}
.nsdic_related {position:relative; width:90px; left:20px; top:0; background-color:#FFF; font-weight:bold; font-size:14px; color:#333;}
.nsdic_related_txt {margin:15px 0 15px 20px;}
.nsdic_txt {padding:20px 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nsdic_txt p.nsdic_txt_tit {font-weight:bold; color:#58585a;margin:30px 0 20px 0;}
.nsdic_bottom {display:none}
.nsdic_middle {margin:0 0 20px 0; padding:20px 0; border:3px solid #ebebeb; border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.nsdic_logo {display:block; position:absolute; right:0; top:0; background:url('/res/theme/uni/images/board/nsdic_logo.png') left top no-repeat; width:179px; height:130px;}
.nsdic_tit_area {margin:20px 0 0 30px;}
.nsdic_txt {padding:20px 30px;}

/* 북한지식사전 */
.north_dic {width:100%; margin-top:0px; padding:30px 30px; border:3px solid #ebebeb; border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
			background:url('/res/theme/uni/images/board/nsdic_logo.png') right top no-repeat;}
.north_dic .dic_title_area {margin-top:10px;}
}