@import url(/next/css/noto-sans-kr.css);

@media screen and (max-width: 768px) {
.no-scroll #js-modal {margin-left: 0 !important;}
html {
    min-width: 100%;
    font-size: 75%;
	}
html.no_scroll {
    overflow: hidden;
	}
header {
    padding: 0;
    background: #536abe;
	}
.header_backcolor1 {
    background: #536abe;
	}
.header_backcolor2 {
    background: #007571;
	}
.header_backcolor3 {
    background: #499edf;
	}
main {
    position: relative;
    width: 100%;
    /* 	height: 100%; */
    background: #f2f4f7;
	}
footer {
    position: relative;
    float: left;
    width: 100%;
	}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
	}
.warp {
    width: 100%;
    margin: 0 auto;
	}
.warp-padding {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 10px; */
    padding: 0;
	}
.warp-padding-sub {
    position: relative;
    width: 100%; 
    padding: 0;
    word-break: keep-all;
	}
.warp-basic {
    width: calc(100% - 1rem);
    margin: 1rem auto;
    background: #fff;
    padding: 0.01rem 0.5rem;
    border: 0;
	}
header h1.top_logo_box {
    display: inline-block;
    margin: 0;
    padding: 15px 0 0 10px;
    vertical-align: bottom;
	}
header h1.top_logo_box img {
    width: 7.9rem;
	}
header h2.site_name {
    display: inline-block;
    margin: 0;
    padding-bottom: 0.4rem;
    padding-left: 0.5rem;
	}
header h2.site_name a {
    color: #fff;
    text-decoration: none;
    vertical-align: bottom;
    font-size: 1.4rem;
    font-weight: 500;
	}
header h2.site_name a img {
    width: 1.2rem;
    margin-left: 0.5rem;
    vertical-align: middle;
	}
header > .warp > .top_search_box {
    width: calc(100% - 1.5rem);
    margin-left: 0.5rem;
    padding: 0.5rem 0.5rem 0.7rem 0.5rem;
    font-size: 0;
	}
header > .warp > .top_search_box .search_box_area {
    display: inline-block;
    /* width: 24.4rem; */
    width: calc(100% - 10rem);
    height: 2.5rem;
    padding: 0;
    margin: 0;
    border: 0.3rem solid #DA3808;
    background: #fff;
	}
.top_search_box form,
.top_search_box form fieldset {
    height: 2.5rem;
    }	
header > .warp > .top_search_box > .search_box_area .top_select_search {
    height: 100%;
    border: 0;
    padding: 0 40px 0 15px;
    font-size: 0.9rem;
	}
.warp-board {
    width: calc(100% - 1.2rem);
    margin: 1rem auto;
    padding: 0 0.5rem;
    background: #fff;
    border: 1px solid #ebeef3;
	}
/* 페이지 타이틀 */
.page_title_box {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #222;
	}
.page_title_box h2 {
    margin: 1.8rem 0 0 0;
    color: #333333;
    font-size: 2rem;
    font-weight: 500;
	}
.page_title_box h2.only_h2 {
    margin-bottom: 1.5rem;
	}
.page_title_box p {
    margin: 1rem 0 1.5rem 0;
    color: #888888;
    font-weight: 300;
    font-size: 1rem;
	}
.page_title_box ul.ex_list {
    width: 100%;
    margin: 1rem 0 1rem 0;
	}
.page_title_box ul.ex_list li {
    padding-left: 0.5rem;
    color: #888888;
    background: url(/next/images/main/bl_orange.png) left top 0.7rem no-repeat;
    letter-spacing: -0.05rem;
    line-height: 1.6rem;
    font-size: 1rem;
    font-weight: 300;
	}
.subtitle {
    color: #194a77;
    font-weight: 400;
    font-size: 1.6rem;
	}
.subtitle-info {
    margin: 2rem 0 1rem;
	}
.board_search_box {
    margin: 1.5rem 0 2rem 0;
    padding: 1rem;
    background: #f5f5f5;
    text-align: left;
	}
.select_field {
    padding: 0 2rem 0 0.5rem;
    font-size: 1.2rem;
	}
.search_word {
    width: 19.5rem;
	height: 43px;
    padding: 0 0.5rem;
    font-size: 1.2rem;
	}
.board_search_box-basic .search_word {
    margin-top: 0;
	}
.btn_search_submit {
    background: #194a77;
    width: 6rem;
    height: 45px;
    border: 1px solid #194a77;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
	}
.btn_search_organ_submit {
    background: #194a77;
    width: 6rem;
    height: 3rem;
    /*margin-top: 5px;*/
    border: 1px solid #194a77;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    vertical-align: bottom;
	}
.board_list_total {
    margin: 2rem 0 0.5rem 0;
    color: #444444;
    font-weight: 300;
    font-size: 1rem;
	}
#subcontents .search_in_search {
    margin-left: 10px;
	}
header > .warp > .top_search_box .search_box_area input[type=text] {
    width: calc(100% - 11rem);
    height: 100%;
    margin: 0;
    padding: 0 0 0 0.5rem;
    border: 0;
    vertical-align: top;
    font-size: 0.9rem;
	}
header > .warp > .top_search_box .search_box_area input[type=submit] {
    width: 2.3rem;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url(/next/images/mobile/ico_bt_search.png) center center no-repeat;
    background-size: 1.5rem;
    border: 0;
    vertical-align: top;
	}
header > .warp > .top_search_box .btn_search {
    display: inline-block;
    width: 2.1rem;
    height: 2.1rem;
    margin-top: 0.4rem;
    padding: 0;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
    font-size: 0;
	}
.btn_search img {
    width: 1rem;
	}
.btn_search_detial,
.btn_search_original {
    margin-left: 0.7rem;
    line-height: 2.4rem;
    background-image: url(/next/images/mobile/btn_detial.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
	}
.btn_search_original {
    background-image: url(/next/images/mobile/btn_original.png);
	}
.top_search_box .bl_bar {
    display: none;
	}
/* 모바일 메뉴 버튼 */
.menu-trigger, .menu-trigger span {
    /* display: inline-block; */
    display: block;
    box-sizing: border-box;
    transition: all .4s;
    z-index: 99
	}
.menu-trigger {
    position: absolute;
    top: 1rem;
    right: .7rem;
    width: 35px;
    height: 25px;
	font-size:0;
	}
.menu-trigger span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 0.1rem;
	}
.menu-trigger span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
	}
.menu-trigger span:nth-of-type(3) {
    top: auto;
    bottom: 0;
	}
.menu-trigger.active-menu {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	}
.menu-trigger.active-menu span {
    background-color: #aaa;
	}
.menu-trigger.active-menu span:nth-of-type(1) {
    transform: translateY(13px) rotate(-45deg);
	}
.menu-trigger.active-menu span:nth-of-type(2) {
    transform: translateY(0) rotate(45deg);
	}
.menu-trigger.active-menu span:nth-of-type(3) {
    opacity: 0;
	}
/* 사이드 메뉴 시작 */
.top_menu_box {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #f2f4f7;
    z-index: 11;
	}
.top_logo_mobile_side {
    display: block;
	}
.top_menu_warp {
    width: 100%;
    background: #fff;
	}
.top_menu_warp h2 {
    padding: 0.7rem 0.5rem 0.5rem 0.5rem;
    margin: 0;
	}
.top_menu_warp h2 img {
    height: 2.2rem;
	}
.top_menu_util {
    width: 100%;
    margin: 0;
    text-align: center;
	}
.top_menu_util li {
    display: inline-block;
    height: 2.1rem;
    padding: 0;
    line-height: 2.1rem;
    font-family: 'Noto Sans KR';
	}
.top_menu_util li:last-child {
    margin-right: 0;
	}
.top_menu_util li.a {
    width: calc(25% - 1rem);
    margin-right: 0.5rem;
    padding: 0;
    border: 1px solid #efefef;
    text-align: center;
	}
.top_menu_util li a {
    color: #999;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Noto Sans KR';
	}
.top_menu_util li select.select_lang {
    width: 100%;
    height: 2.1rem;
    margin-top: 0;
    padding: 0 2rem 0 0.5rem;
    color: #666;
    text-align: center;
    line-height: normal;
	}
.top_menu_util li.div_bar {
    display: none;
	}
.tab_go_site {
    width: 100%; 
    margin-top: 4rem;
    padding: .5rem 0;
    background-color: #f2f4f7;
    box-sizing: border-box;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    text-align: center;
    font-size: 0;
	}
header h2.site_name .tab_go_site { 
    top: 12px;
	}
.tab_go_site li {
    display: inline-block;
    /* width: 9.9rem; */
    width: calc(33% - 0.1rem);
    height: auto;
    margin-right: 0.1rem;
    background: #c8cbd0;
	}
.tab_go_site li:first-child {
    margin-right: 0.1rem;
    background: #fff;
	}
.tab_go_site li:last-child {
    margin-left: 0;
    background: #fff;
	}
.tab_go_site li a {
    display: inline-block;
    width: 100%;
    height: auto;padding: 0.25rem;background: #c8cbd0;
    box-sizing: border-box;color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1.6;
    font-size: 1.2rem;
    font-weight: 400;
	}
.tab_go_site li a:hover, .tab_go_site li a.active {
    color: #fff;
    font-weight: 500;
	}
.tab_go_site li:nth-child(1) a:hover, .tab_go_site li:nth-child(1) a.active {
    background: #536abe;
	}
.tab_go_site li:nth-child(2) a:hover, .tab_go_site li:nth-child(2) a.active {
    background: #007571;
	}
.tab_go_site li:nth-child(3) a:hover, .tab_go_site li:nth-child(3) a.active {
    background: #499edf;
	}
.top_menu_warp2 {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0;
	}
.top_menu_warp2-mobile {
    height: calc(100% - 13rem);
    overflow: hidden;
	}
/*.top_menu_warp2-mobile::-webkit-scrollbar { -webkit-appearance: none; } 
.top_menu_warp2-mobile::-webkit-scrollbar:vertical { width: 10px; } 
.top_menu_warp2-mobile::-webkit-scrollbar:horizontal { height: 10px; } 
.top_menu_warp2-mobile::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.top_menu_warp2-mobile::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }*/
.top_menu_warp2 .top_menu {
    display: inline-block;
    width: 10.6rem;
    min-height: 40rem;
    margin: 0;
    padding: 0;
    vertical-align: top;
	}
.top_menu_warp2 .top_menu > li {
    width: 10.6rem;
    /* height: 4.5rem; */
    padding: 0;
    border-bottom: 1px solid #ecedf0;
	}
.top_menu_warp2 .top_menu > li:hover, 
.top_menu_warp2 .top_menu > li.active {
    background: #DA3808;
    color: #fff;
	}
.top_menu_warp2 .top_menu > li:last-child {
    display: none;
    border-bottom: 0;
	}
.top_menu_warp2 .top_menu > li > a {
    display: block;
    /* width: 8.8rem; */
    
    padding: .75rem .5rem 0.75rem 1rem;
    box-sizing: border-box;color: #333333;
    line-height: 1.5;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 400;
	}
.top_menu_warp2 .top_menu > li:hover > a, .top_menu_warp2 .top_menu > li.active > a {
    background: #DA3808;
    color: #fff;
	}
.top_menu_warp2 .top_menu_sub_box {
    display: inline-block;
    width: calc(100% - 10.7rem);
    margin: 0;
    padding: 0;
    border-left: 1px solid #e5e7eb;
	}
.top_menu_warp2 .top_menu_sub_box > li > a {
    display: block;
    height: 2.9rem;
    padding-left: 1rem;
    border-bottom: 1px solid #ecedf0;
    color: #333333;
    text-decoration: none;
    line-height: 2.9rem;
    font-size: 1.2rem;
    font-weight: 400;
	}
.top_menu_warp2 .top_menu_sub_box > li > ul {
    padding: 0.3rem 0;
    border-bottom: 1px solid #ecedf0;
	}
.top_menu_warp2 .top_menu_sub_box > li > ul > li {
    padding: 0.3rem 0 0.3rem 1rem;
	}
.top_menu_warp2 .top_menu_sub_box > li > ul > li > a {
    color: #666666;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 300;
	}
.top_main_menu_sub > li > ul > li > a {
    font-size: 1.1rem;
	}
.top_menu_warp2 .top_menu_sub_box > li > ul > li > a:hover, 
.top_menu_warp2 .top_menu_sub_box > li > ul > li > a.active {
    color: #DA3808;
    font-weight: 400;
	}
.top_menu_sns {
    position: absolute;
    top: 80px;
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    text-align: center;
	}
/*.top_menu_sns li {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
	}*/
.top_menu_sns li a {
    text-decoration: none;
    color: #888888;
    font-size: 1rem;
    font-weight: 300;
	}
.top_menu_sns li img {
    margin-right: 0.5rem;
    vertical-align: middle;
	}
.top_menu_sns li.div_bar {
    display: inline-block;
    width: 0;
    height: 1rem;
    padding: 0 0.1rem;
    border-left: 1px solid #e2e3e4;
    font-size: 0;
	}
.top_menu_warp_sns {
    height: 100%;
    background: #f2f4f7;
	}
.top_main_menu_sub_outer {
    top: 0;
    left: 10.6rem;
    width: calc(100% - 10.6rem);
	padding-bottom: 0;
    border-left: 1px solid #e5e7eb;
    border-bottom: 0;
	}
.top_main_menu_sub {
    width: 100%;
    padding: 0;
    min-height: 30rem;
	}
.top_main_menu_sub > li {
    display: block;
    /* width: 200px; */
    width: 100%;
    margin-right: 1.5rem;
    padding-left: 0;
    vertical-align: top;
	}
.top_main_menu_sub > li > ul {
    margin: 0;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #e5e7eb;
	}
.active_position {
    display: none;
	}
.top_main_menu_sub > li > h3 {
    display: block;
    height: 2.9rem;
    margin: 0;
    padding: 0 0 0 1rem;
    line-height: 2.9rem;
    border-bottom: 1px solid #ecedf0;
    color: #333333;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 400;
	}
.ex_search_box {
    width: 100% !important;
    /* height: 128px; */
    border: 1px solid #ebeef3;
    margin-top: 14px;
    background: #fff;
	}
ul.top_menu_sub_box {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
	}
ul.top_menu_sub_box li {
    display: inline-block;
    vertical-align: top;
	}
ul.top_menu_sub_box li.goHome {
    display: none;
	}
ul.top_menu_sub_box li.sub_menu_block {
    position: relative;
    width: auto;
    min-height: auto;
    padding: 1rem 2rem 1rem 1rem;
    background: #fff url(/next/images/mobile/bl_top_menu_sub_gray.png) right 1rem center no-repeat;
    color: #666666;
    border-right: 0;
    font-family: 'dotum';
    font-size: 13px;
    font-weight: 300;
	}
ul.top_menu_sub_box li.sub_menu_block:after {
    position: absolute;
    top: 1rem;
    right: 0;
    color: #c9c9c9;
    font-size: 1rem;
    content: ' > ';
	}
ul.top_menu_sub_box li.sub_menu_block:last-child {
    background: url(/next/images/mobile/bl_top_menu_sub_orange.png) right 1rem center no-repeat;
	}
ul.top_menu_sub_box li.sub_menu_block:last-child:after {
    content: '';
	}
ul.top_menu_sub_box li.sub_menu_block > a {
    display: block;
    padding-left: 0;
    color: #777;
    line-height: normal;
    font-size: 1.1rem;
    font-weight: 300;
    text-decoration: none;
	}
.menu_drop_down {
    display: none;
    position: absolute;
    top: 3.3rem;
    left: 0;
    width: 150%;
    padding: 10px 0;
    background: #fff;
    outline: 1px solid #e3e7ee;
    border-top: 0;
    z-index: 99;
	}
ul.top_menu_sub_box li.active .menu_drop_down {
	display: block;
	}
.menu_drop_down li {
    width: calc(100% - 2rem);
    padding: 1rem;
	}
.menu_drop_down li a {
    font-size: 15px;
    color: #888;
    font-weight: 400;
    text-decoration: none;
	}
.menu_drop_down li a:hover {
    text-decoration: underline;
	}
/* 게시판 */
.flex_board {
    text-align: left;
	}
.flex_board .head {
    display: none;
	}
.flex_board .list {
    display: flex;
    display: -webkit-flex; 
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1rem 0.5rem;
    text-align: left;
	}
.flex_board.flex_board_tourList .list span.col_type:before {
    content: '';
	}
.flex_board .list > span.col {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 40%;
    font-size: 1.2rem;
    word-break: keep-all;
	}
.flex_board .list span.col_num:before,
.flex_board .list span.col_number:before,
.flex_board .list span.col_number1:before,
.flex_board .list span.col_number2:before,
.flex_board .list span.col_type:before,
.flex_board .list span.col_field:before,
.flex_board .list span.col_date:before,
.flex_board .list span.col_name:before,
.flex_board .list span.col_name2:before,
.flex_board .list span.col_department:before,
.flex_board .list span.col_hit:before,
.flex_board .list span.col_date3:before,
.flex_board .list span.col_date2:before {
    padding-right: 0.5rem;
    color: #000;
    font-size: 1.2rem;
	}
.flex_board .list span.col_num:before {
    padding-left: 0.5rem;
    content: "번호";
	}
.flex_board .list span.col_number:before {
    content: "발간호";
	}	
.flex_board .list span.col_number1:before {
    content: "등록번호";
	}
.flex_board .list span.col_number2:before {
    content: "출원번호";
	}
.flex_board .list span.col_type:before {
    content: "유형";
	}
.flex_board.flex_board_tourList .list span.col_type:before {
    content: '';
	}
.flex_board .list span.col_field:before  {
    content: "분야";
	}
.flex_board .list span.col_date:before {
    content: "개최일";
	}
.flex_board .list span.col_name:before {
    content: "연구책임자";
	}
.flex_board .list span.col_name2:before {
    content: "작성자";
	}
.flex_board .list span.col_department:before {
    content: "주관부서";
	}
.flex_board .list span.col_hit:before {
    content: "조회";
	}
.flex_board .list span.col_date3:before {
    content: "발행일";
	}
.flex_board .list span.col_date2:before {
    content: "등록일";
	}
/* 포럼세미나 게시판 */
.flex_board_type1 .list span.col_num {
    flex-basis: 30%;
    padding-bottom: 1rem;
    color: #999;
	}
.flex_board_type1 .list span.col_type {
    flex-basis: 50%;
    padding-bottom: 1rem;
    color: #999;
	}
.flex_board_type1 .list span.col_subject {
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 1rem;
	}
.flex_board_type1 .list span.col_subject a {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board_type1 .list span.col_date {
    flex-basis: 40%;
    color: #999;
	}
.flex_board_type1 .list span.col_hit {
    flex-basis: 30%;
    color: #999;
	}
/* R&D 게시판 */
.flex_board_type2 .list span.col_num {
    flex-basis: 30%;
    padding-bottom: 1rem;
    color: #999;
	}
.flex_board_type2 .list span.col_field {
    flex-basis: 50%;
    padding-bottom: 1rem;
    color: #999;
	}
.flex_board_type2 .list span.col_subject {
	display: block;
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 1rem;
	}
.flex_board_type2 .list span.col_subject a {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board_type2 .list span.col_name {
    flex-basis: 100%;
    color: #999;
    padding-bottom: 1rem;
	}
.flex_board_type2 .list span.col_date2 {
    flex-basis: 50%;
    color: #999;
	}
.flex_board_type2 .list span.col_hit {
    flex-basis: 30%;
    color: #999;
	}
/* 기록이슈페이퍼 */
.flex_board_type3 .list span.col_num {
    flex-basis: 30%;
    padding-bottom: 1rem;
    color: #999;
    order: 0;
	}
.flex_board_type3 .list span.col_number {
    flex-basis: 30%;
    padding-bottom: 1rem;
    color: #999;
    order: 1;
	}
.flex_board_type3 .list span.col_subject {
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 1rem;
    order: 3;
	}
.flex_board_type3 .list span.col_subject a {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board_type3 .list span.col_name2,
.flex_board_type3 .list span.col_department  {
    flex-basis: 100%;
    padding-bottom: 1rem;
    color: #999;
    order: 4;
	}
.flex_board_type3 .list span.col_department {
    order: 5;
	}
.flex_board_type3 .list span.col_date3 {
    flex-basis: 40%;
    padding-bottom: 1rem;
    order: 2;
	}
.flex_board_type3 .list span.col_orginal {
    flex-basis: 50%;
    order: 6;
	}
.flex_board_type3 .list span.col_orginal a {
    display: block;
    width: 8.8rem;
    height: 2.3rem;
    border: 1px solid #cccccc;
	}
.flex_board_type3 .list span.col_orginal a:after {
    content: '원문다운로드';
    color: #cd5a56;
    font-size: 1rem;
	}
.flex_board_type3 .list span.col_orginal a img {
    height: 1.7rem;
    margin: 0.3rem 0 0 0.5rem;
    vertical-align: text-top;
	}
/* 등록특허 */
.flex_board_type4 .list span.col_num,
.flex_board_type4 .list span.col_number1,
.flex_board_type4 .list span.col_number2 {
    flex-basis: 40%;
    padding-bottom: 1rem;
    color: #999;
    order: 0;
	}
.flex_board_type4 .list span.col_number1 {
    order: 3;
	}
.flex_board_type4 .list span.col_number2 {
    flex-basis: 60%;
    order: 4;
	}
.flex_board_type4 .list span.col_subject {
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 1rem;
    order: 2;
	}
.flex_board_type4 .list span.col_subject a {
    color: #333;
    font-size: 1.5rem;
    font-weight: 400;
	}
.flex_board_type4 .list span.col_date2 {
    flex-basis: 50%;
    padding-bottom: 1rem;
    order: 1;
	}
.flex_board_type4 .list span.col_orginal {
    flex-basis: 50%;
    order: 5;
	}
.flex_board_type4 .list span.col_orginal a {
    display: block;
    width: 8.8rem;
    height: 2.3rem;
    border: 1px solid #cccccc;
	}
.flex_board_type4 .list span.col_orginal a:after {
    color: #cd5a56;
    font-size: 1rem;
    content: '원문다운로드';
	}
.flex_board_type4 .list span.col_orginal a img {
    height: 1.7rem;
    margin: 0.3rem 0 0 0.5rem;
    vertical-align: text-top;
	}
.flex_board_type4 .list span.col_subject .name {
    font-size: 1.2rem;
    color: #aaa;
    margin-top: 10px;
	}
.flex_board_type4 .list span.col_subject .name:before {
    padding-right: 0.5rem;
    color: #555;
    font-size: 1.2rem;
    content: "발명자";
	}
/* 공지사항 게시판 */
.flex_board_notice .list span.col_num {
    flex-basis: 100%;
    padding-bottom: 1rem;
	}
.flex_board_notice .list span.col_subject {
    flex-basis: 100%;
    padding-left: 0;
    padding-bottom: 1rem;
	}
.flex_board_notice .list span.col_subject a {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
    padding-left: 0;
    line-height: unset;
	}
.flex_board_notice .list span.col_name {
    flex-basis: 100%;
	}
.flex_board_notice .list span.col_date2 {
    flex-basis: 50%;
	}
.flex_board_notice .list span.col_hit {
    flex-basis: 50%;
	}
/* 주요시설 */
.flex_board .list > span.col_facility1:before {
    flex-basis: 100%;
    display: block;
    content: "규모";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_facility2:before {
    flex-basis: 100%;
    display: block;
    content: "서고시설";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_facility3:before {
    flex-basis: 100%;
    display: block;
    content: "전시관";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_facility4:before {
    flex-basis: 100%;
    display: block;
    content: "기록정보열람실";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_facility1 {
    flex-basis: 100%;
    line-height: 1.8rem;
    color: #777;
	}
.flex_board .list > span.col_facility2 {
    flex-basis: 100%;
    line-height: 1.8rem;
    color: #777;
	}
.flex_board .list > span.col_facility3 {
    flex-basis: 100%;
    line-height: 1.8rem;
    color: #777;
	}
.flex_board .list > span.col_facility4 {
    flex-basis: 100%;
    line-height: 1.8rem;
    color: #777;
	}
.flex_board > div.list > span.col_work:before {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    content: "주요업무";
	}
.flex_board > div.list > span.col_tel:before {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    margin-top: 2rem;
    content: "연락처";
	}
.flex_board > div.list > span.col_work {
    flex-basis: 100%;
    display: block;
	}
.flex_board > div.list > span.col_work > span {
    float: left;
    display: block;
    padding: 0 0rem;
    color: #777;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.8rem;
	}
.flex_board > div.list > span.col_tel {
    flex-basis: 100%;
	}
.flex_repository_table_contact .list .col_1:before {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 0.5rem;
    color: #333;
    font-size: 1.2rem;
    content: "부서";
	}
.flex_repository_table_contact .list .col_2:before {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 0.5rem;
    color: #333;
    font-size: 1.2rem;
    content: "성명";
	}
.flex_repository_table_contact .list .col_3:before {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-right: 0.5rem;
    font-size: 1.2rem;
    color: #333;
    content: "직위/직급";
	}
.flex_repository_table_contact .list .col_4:before {
    content: "전화번호";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_repository_table_contact .list .col_5:before {
    content: "담당업무";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board .list > span.col_1 {
    flex-basis: 100%;
	}
.flex_board .list > span.col_2 {
    flex-basis: 100%;
	}
.flex_board .list > span.col_3 {
    flex-basis: 100%;
	}
.flex_board .list > span.col_4 {
    flex-basis: 100%;
	}
.flex_board .list > span.col_5 {
    flex-basis: 100%;
	}
/* 군기술서 */
.flex_board_type5 .list > span.col_num {
    flex-basis: 30%;
    color: #999;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board_type5 .list > span.col_reference_code {
    flex-basis: 70%;
    color: #999;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board_type5 .list > span.col_subject {
    flex-basis: 100%;
    color: #333333;
    font-weight: 400;
    font-size: 1.5rem;
    font-weight: 400;
	}
.flex_board_type5 .list > span.col_production_date {
    flex-basis: 50%;
    color: #999;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board_type5 .list > span.col_class_quantity {
    flex-basis: 50%;
    color: #999;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board_type5 .list > span.col_reference_code:before {
    content: "참조코드";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
	}
.flex_board_type5 .list > span.col_production_date:before {
    content: "생산연도";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
	}
.flex_board_type5 .list > span.col_class_quantity:before {
    content: "분류기록물수량";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
	}
/* 기록물철 */
.flex_board_type6 .list > span.col_num {
    flex-basis: 30%;
    color: #999;
	}
.flex_board_type6 .list > span.col_control_number {
    flex-basis: 70%;
    color: #999;
	}
.flex_board_type6 .list > span.col_subject {
    flex-basis: 100%;
    color: #333333;
    font-weight: 400;
    font-size: 1.5rem;
    font-weight: 400;
	}
.flex_board_type6 .list > span.col_production_agency {
    flex-basis: 100%;
    color: #999;
	}
.flex_board_type6 .list > span.col_production_date {
    flex-basis: 40%;
    color: #999;
	}
.flex_board_type6 .list > span.col_shape {
    flex-basis: 60%;
    color: #999;
    margin-top: 1rem;
	}
.flex_board_type6 .list > span.col_control_number:before {
    content: "관리번호";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board_type6 .list > span.col_production_agency:before {
    content: "생산기관";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
	}
.flex_board_type6 .list > span.col_production_date:before {
    content: "생산연도";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
	}
/* .flex_board_type6 .list>span.col_shape:before {
    content: "기록물형태";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top:1rem;
	} */
/* 기록인 허브 */
.flex_board_hub {	}
.flex_board.flex_board_hub .list > span.col_num {
    flex-basis: 30%;
	}
.flex_board.flex_board_hub .list > span.col_type {
    flex-basis: 70%;
	}
.flex_board.flex_board_tourList .list > span.col_type {
    flex-basis: 35%;
	}
.flex_board.flex_board_hub .list > span.col_subject {
    text-align: left;
    padding-left: 0;
    flex-basis: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.5rem;
	}
.flex_board.flex_board_hub .list > span.col_subject a {
    color: #333;
	}
.flex_board.flex_board_hub .head > span.col_name, .flex_board.flex_board_hub .list > span.col_name {
    flex-basis: 10%;
    display: none;
	}
.flex_board.flex_board_hub .head > span.col_date2, .flex_board.flex_board_hub .list > span.col_date2 {
    flex-basis: 40%;
	}
.flex_board.flex_board_hub .head > span.col_hit, .flex_board.flex_board_hub .list > span.col_hit {
    flex-basis: 60%;
	}
/* 정보목록 게시판 */
.flex_board_infoList {	}
.flex_board.flex_board_infoList .list > span.col_num {
    flex-basis: 30%;
	}
.flex_board.flex_board_infoList .list > span.col_subject {
    margin-top: 1rem;
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
    flex-basis: 100%;
    font-weight: 400;
    font-size: 1.5rem;
	}
.flex_board.flex_board_infoList .list > span.col_subject a {
    color: #333;
	}
.flex_board.flex_board_infoList .head > span.col_name, .flex_board.flex_board_infoList .list > span.col_name {
    flex-basis: 100%;
	}
.flex_board.flex_board_infoList .list > span.col_name:before {
    display: inline-block;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
    color: #333;
    font-size: 1.2rem;
    content: "담당자";
	}
.flex_board.flex_board_infoList .head > span.col_date2, .flex_board.flex_board_infoList .list > span.col_date2 {
    flex-basis: 40%;
	}
.label_record_form {
    display: inline-block;
    min-width: 5.4rem;
    height: 2.2rem;
    padding: 0 0.5rem;
    border: 1px solid #ccc;
    line-height: 22px;
    font-size: 1rem;
    font-weight: 300;
	}
.subtitle {
    color: #194a77;
    font-size: 1.6rem;
    font-weight: 400;
	}
.subtitle-info {
    margin: 2rem 0 1rem;
	}
.board_button_box {
    margin-top: 1rem;
    padding-bottom: 3rem;
    text-align: right;
	}
.btn_board_write {
    display: inline-block;
    width: auto;
    min-width: 6rem;
    height: 3rem;
    background: #536abe;
    color: #fff;
    line-height: 3rem;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
	}
.select_common {
    /* height: 2.8rem; */
    min-width: 3rem;
    height: 3rem;
    padding: 0 2rem 0 0.5rem;
    border: 1px solid #333;
    background: #fff url(/next/images/bl_lang_sel_arrow.png) right 0.5rem top 50% no-repeat;
    color: #666;
    font-weight: 300;
    font-size: 1.2rem;
    vertical-align: top;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	}

.board_comment_form_table {
    width: 100%;
	}
.board_comment_form_table label {
    font-size: 15px;
    font-weight: 300;
    color: #333;
	}
.box_board_pagingBox {
    /* margin: 2rem 0 3rem 0; */
    margin: 2rem 0 1rem 0;
    padding: 0;
    text-align: center;
	}
.box_board_pagingBox .paging li {
    margin: 0 3px 0 0;
    padding: 0;
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    text-align: center;
    line-height: 2.8rem;
    font-size: 1.3rem;
    border: 1px solid #dedede;
    vertical-align: top;
	}
.box_board_pagingBox .paging li a {
    font-size: 1.3rem;
    color: #888;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
	}
.page_title_box-view {
    width: 100%;
    border-bottom: 2px solid #194a77;
	}
.page_title_box-view h2 {
    font-size: 2rem;
    font-weight: 500;
    color: #333333;
    margin: 1.5rem 0 1.5rem 0;
	}
/* *,
::before,
::after {
    box-sizing: border-box;
	} */
.board_view_header_box {
    width: 100%;
    border-spacing: 0;
	}
.board_view_header_box thead th {
    text-align: left;
    color: #333333;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 0.8rem 0.5rem;
    height: auto;
    border-bottom: 1px solid #dddddd;
	}
.board_view_header_box tbody th {
    min-height: 49px;
    height: auto;
    font-size: 1.2rem;
    font-weight: 300;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    width: 10%;
	}
.board_view_header_box tbody th.event {
    min-height: 49px;
    height: auto;
    font-size: 1.2rem;
    font-weight: 300;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    width: 20%;
	}
.board_view_header_box tbody tr th.second_th {
    border-left: 1px solid #f5f5f5;
	}
.board_view_header_box tbody td {
    min-height: 49px;
    height: 19px;
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #f5f5f5;
    padding: 1rem;
    line-height: 30px;
    width: 30%;
	}
.board_view_header_box tbody td  .se-div {
 	overflow: scroll
	}
.board_view_header_box tbody td.border_view_contents {
    padding: 3px 2px;
    color: #777;
    border-bottom: 1px solid #dddddd;
    line-height: 1.8;
    font-size: 1.2rem;
    font-weight: 300;
    overflow: auto;
	}
.file_list_box {
    margin: 0px 0;
	}
.file_list_box li {
    line-height: normal;
    padding-left: 1rem;
    background: url(/next/images/bl_file_list.png) left top 0.2rem no-repeat;
	}
.file_list_box li a {
    color: #777;
    text-decoration: none;
	}
.board_view_alert {
    font-size: 1rem;
    font-weight: 300;
    color: #ab4540;
    margin: 1rem 0 0 0;
	}
.board_view_content_box {
    width: 100%;
    margin-top: 67px;
    font-size: 0;
	}
.border_view_contents {
    font-size: 15px;
    font-weight: 300;
    color: #777;
    padding: 50px 40px;
    line-height: 30px;
	}
.board_view_list_prev_next {
    width: 100%;
    border-spacing: 0;
    border-top: 1px solid #dddddd;
    margin-bottom: 2rem;
	}
.board_view_list_prev_next th {
    display: none;
	}
.board_view_list_prev_next td {
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #dddddd;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1rem 0;
	}
.board_view_list_prev_next td a {
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    text-decoration: none;
	}
.board_view_list_prev_next tr:first-child td a:before {
    content: '▲';
    font-size: 1rem;
    padding: 0 1rem;
	}
.board_view_list_prev_next tr:last-child td a:before {
    content: '▼';
    font-size: 1rem;
    padding: 0 1rem;
	}
.board_view_bt_box {
    text-align: right;
    margin: 2rem 0 3rem 0;
	}
.btn_go_list {
    width: 6rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
    background: #DA3808;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	}
.btn_go_list_contest {
    min-width: 12rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
    background: #DA3808;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	}
.btn_go_list {
	margin-top: 0 !important;
	}	
.btn_modify {
    min-width: 6rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
    background: #536abe;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-left: 0.5rem;
	}
.btn_delete {
    width: 6rem;
    height: 3rem;
    line-height: 3rem;
    font-weight: 300;
    font-size: 1.2rem;
    color: #fff;
    background: #6F6F6F;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-left: 0.5rem;
	}
.board_comment_box {
    border-top: 2px solid #007571;
    padding: 1rem 0.5rem 1rem 0.5rem;
    margin-bottom: 30px;
	}
.board_comment_form_box {
    background: #fbfbfb;
    border-bottom: 1px solid #dddddd;
    /* padding: 1rem; */
    padding: 0;
	}
.board_comment_form_table label {
    font-size: 1.2rem;
    font-weight: 300;
    color: #333;
    padding-left: 0;
    padding-right: 0.5rem;
	}
.board_comment_form_table label[for=arch_pass] {
    margin-left: 1rem;
	}
.board_comment_form_table input[type=text] {
    height: 30px;
    border: 1px solid #d7d7d7;
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 300;
    color: #999999;
    margin-right: 0px;
    width: 30%;
	}
.board_comment_form_table input[type=password] {
    width: 30%;
	}
.board_comment_form_table textarea {
    height: 7.8rem;
    width: calc(100% - 2rem);
    border: 1px solid #d7d7d7;
    color: #999999;
    display: inline-block;
    vertical-align: top;
    padding: 1rem;
    font-size: 1.2rem;
    margin-top: 1rem;
	}
.btn_submit_comment {
    display: block;
    width: 6rem;
    height: 3rem;
    background: #194a77;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 3rem;
    border: 0;
    white-space: normal;
    vertical-align: top;
    margin-top: 1rem;
    float: right;
	}
.board_comment_list_table thead th {
    height: 4rem;
    text-align: left;
    padding-left: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #eeeeee;
	}
.board_comment_list_table thead th strong {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333333;
	}
.board_comment_list_table tbody tr td {
    padding-left: 0.5rem;
    border-bottom: 1px solid #eeeeee;
	}
.board_comment_list_table .writer_info {
    width: 100%;
    padding: 1rem 0;
	}
.board_comment_list_table .writer_info .name {
    font-size: 1.2rem;
    font-weight: 400;
    color: #555555;
    vertical-align: middle;
	}
.board_comment_list_table .writer_info .write_date {
    font-size: 1rem;
    font-weight: 300;
    color: #aaa;
    vertical-align: middle;
    margin-left: 0.5rem;
	}
.board_comment_list_table .writer_info .btn_del_cmt {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #cccccc;
    line-height: 8px;
    text-decoration: none;
    text-align: center;
    color: #999999;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 1.2rem;
	}
.board_comment_list_table .writer_info .btn_good_cmt {
    display: inline-block;
    width: 48px;
    height: 18px;
    border: 1px solid #cccccc;
    color: #999999;
    font-family: dotum;
    font-size: 1.1rem;
    line-height: 18px;
    text-align: right;
    padding-right: 5px;
    text-decoration: none;
    letter-spacing: -1px;
    background-image: url(/next/images/ico_board_good.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 27%;
    vertical-align: middle;
    margin-left: 10px;
	}
.board_comment_list_table .writer_info .comment_text {
    font-size: 1rem;
    font-weight: 300;
    color: #888888;
    line-height: 1.6rem;
	}
.board_write_table {
    width: 100%;
    border-spacing: 0;
	}
.board_write_table thead th {
    text-align: left;
    color: #333333;
    font-weight: 400;
    font-size: 20px;
    padding-left: 10px;
    height: 69px;
    border-bottom: 1px solid #dddddd;
    display: inline-block;
	}
.board_write_table tbody th {
    min-height: 4.3rem;
    line-height: 4.3rem;
    height: auto;
    font-size: 1.2rem;
    font-weight: 300;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    width: 28.5%;
    display: inline-block;
    text-align: left;
	}
.board_write_table tbody tr th.second_th {
    border-left: 0;
    /* display: inline-block;
width: 28.5%; */
	}
/* .board_write_table tbody tr th.second_td {
border-left: 0;
display: inline-block;
    width:calc(70% - 1.5rem);
	} */
.board_write_table tbody th label {
    font-size: 1.2rem;
    text-align: left;
	}
.board_write_table tbody td {
    min-height: 3.7rem;
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #f5f5f5;
    padding: 0.7rem 0.5rem 0rem 1rem;
    line-height: 2.7rem;
    display: inline-block;
    width: calc(70% - 1.5rem);
	}
.board_write_table input[type=password], .board_write_table input[type=text] {
    border: 1px solid #d7d7d7;
    width: calc(100% - 35px);
    height: 2.8rem;
	}
.board_write_table tbody td.border_write_contents {
    height: auto;
    min-height: auto;
    width: calc(100% - 1.5rem);
	}
.board_write_table tbody td.border_write_file {
    height: auto;
    min-height: auto;
	}
.appendFileDiv {
    display: none;
	}
.mobile_appendFileDiv {
    padding-top: 1.5rem;
    display: block;
	}
.btn_append_file {
    width: 100%;
    height: 3rem;
    border: 1px solid #8d8d8d;
    background: #aaaaaa;
    color: #fff;
	}
.btn_file_control {
    width: 33px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #8d8d8d;
    background: #fff;
    font-size: 15px;
    font-weight: 300;
    color: #777777;
    vertical-align: middle;
    margin-top: 5px;
	}
.btn_file_control.addFile {
    background: #194a77;
    color: #fff;
	}
.board_file_alert {
    font-size: 1rem;
    font-weight: 300;
    color: #ab4540;
    margin: 1rem 0 1rem 0;
    display: block;
    line-height: 1.4rem;
	}
.board_write_textarea {
    width: calc(100% - 10px);
    height: 19.8rem;
    border: 1px solid #d7d7d7;
    color: #666666;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
	}
.btn_del_file {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #cccccc;
    line-height: 8px;
    text-decoration: none;
    text-align: center;
    color: #999999;
    vertical-align: middle;
    margin-left: 8px;
	}
/* Tabs */
/* Style the tab */
.board_view_content_box .tab {
    font-size: 0;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ebeef3;
	}
/* Style the buttons that are used to open the tab content */
.board_view_content_box .tab button.tablinks {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1.2rem;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    width: calc(50% - 1px);
    height: 3.3rem;
    color: #333333;
    border: 1px solid #e3e7ee;
    border-bottom: 0;
    background: #fff;
    margin-right: 1px;
	}
/* Change background color of buttons on hover */
.board_view_content_box .tab button:hover {
    background-color: #fff;
	}
/* Create an active/current tablink class */
.board_view_content_box .tab button.active {
    color: #fff;
    border: 1px solid #194a77;
    border-bottom: 0;
    background: #194a77;
	}
/* Style the tab content */
.board_view_content_box .tabcontent {
    display: none;
    padding: 2rem;
    border: 0;
    position: relative;
    width: calc(100% - 2px);
    border-bottom: 1px solid #194a77;
	}
.tabcontent .board_view_contents {
    font-weight: 300;
    font-size: 1.2rem;
    color: #777;
	}
.board_publication li .text_box {
    display: inline-block;
    padding-left: 0.8rem;
    font-size: 1.2rem;
    font-weight: 300;
    color: #777777;
    vertical-align: middle;
    width: 63%;
	}
.board_publication li .text_box .field {
    background: url(/next/images/bl_go_ling_black.png) right 0.1rem no-repeat;
    display: inline-block;
    padding-right: 20px;
    color: #DA3808;
    padding-bottom: 10px;
	}
.board_publication li .text_box .subject {
    display: block;
    padding-bottom: 20px;
    width: auto;
    font-size: 1.5rem;
	}
.board_publication li .text_box .date {
    display: inline-block;
	}
.board_publication li .text_box .number {
    display: inline-block;
    padding-left: 10px;
	}
/* 기술계층별검색 탭 */
.desc_class_search_tab {
    font-size: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
	}
.desc_class_search_tab a.tablinks {
    font-size: 1.2rem;
    font-family: 'Noto Sans KR';
    font-weight: 400;
    width: calc(33% - 2px);
    height: 3.3rem;
    line-height: 3.3rem;
    color: #333333;
    border: 1px solid #e3e7ee;
    background: #fff;
    margin-right: 0px;
    display: inline-block;
	}
.desc_class_search_tab a.tablinks:last-child {
    width: calc(34% - 2px);
	}
.desc_class_search_tab a:hover {
    background-color: #194a77;
    color: #fff;
	}
.desc_class_search_tab a.active {
    color: #fff;
    border: 1px solid #194a77;
    border-bottom: 0;
    background: #194a77;
	}
.desc_class_search_tab a.select {
    color: #fff;
    border: 1px solid #194a77;
    border-bottom: 0;
    background: #194a77;
	}
.desc_class_search_tabcontent {
    display: block;
    border: 0;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ebeef3;
    padding-bottom: 3rem;
	}
.keyword_search_table {
    padding-bottom: 0.5rem;
	}
.keyword_search_table th {
    display: none;
	}
.keyword_search_table td {
    padding: 0.5rem 1rem 0 1rem;
    border-bottom: 0;
	}
.keyword_search_table td .search_word {
    margin-top: 0;
    width: calc(100% - 1rem);
	}
.keyword_search_table .select_common {
    width: 100%;
	}
.btn_box_center {
    padding: 1rem 0 3rem 0;
    text-align: center;
	}
.category_search_box {
    box-sizing: border-box;
	}
ul.cate_parents_btn_group {
    margin: 0 0 20px 0;
    font-size: 0;
	}
ul.cate_parents_btn_group li {
    margin: 0;
    width: 9.65rem;
    height: 2.8rem;
    border: 1px solid #eee;
    display: inline-block;
    text-align: center;
    line-height: 2.8rem;
    margin-left: -1px;
    margin-top: -1px;
	}
ul.cate_parents_btn_group li:nth-child(n+6) {
    margin-top: -1px;
	}
ul.cate_parents_btn_group li:hover:before, ul.cate_parents_btn_group li.active:before {
    content: ' ';
    display: block;
    width: 9.5rem;
    height: 2.8rem;
    border: 1px solid #536abe;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
	}
ul.cate_parents_btn_group li a {
    font-size: 1rem;
    font-weight: 300;
    color: #777777;
    text-decoration: none;
    display: block;
    width: 9.5rem;
    height: 2.8rem;
	}
ul.cate_parents_btn_group li:hover a, ul.cate_parents_btn_group li.active a, ul.cate_parents_btn_group li a:hover {
    color: #536abe;
	}
ul.cate_parents_btn_group li.active a:before {
    content: ' ';
    background: url(/next/images/bl_category_search_checked.png) left center no-repeat;
    background-size: 90%;
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-right: 0px;
	}
.cate_select_box {
    border: 0;
    width: calc(100% - 1rem);
    display: inline-block;
    padding: 0.5rem;
    background: #f5f5f5;
	}
.cate_select_box .search_btn_box {
    border-top: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
	}
.cate_select_box .cate_select {
    display: none;
	}
.cate_select_box select {
    font-size: 1.2rem;
    color: #777777;
    border: 1px solid #536abe;
    width: calc(100% - 6.3rem);
    height: 2.8rem;
    padding: 0 2rem 0 0.5rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/next/images/bl_lang_sel_arrow.png) right 15px top 50% no-repeat;
    background-color: #fff;
    font-weight: 300;
    vertical-align: top;
    border-radius: 0;
	}
.cate_select_box .btn_search_submit {
    height: 2.8rem;
    width: 5.3rem;
    margin-top: 0;
    margin-left: 0.5rem;
	}
.desc_class_search_detail_table .select_common {
    /* width: 19.5rem; */
    width: calc(100% - 0rem);
	}
input[type=text].input_text_common {
    height: 2.8rem;
	}
.btn_organ_code_desc_class_search {
    width: 3rem;
    height: 3rem;
    margin: 0 0 0 0.5rem;
    background-size: 60%;
	}
.desc_class_search_detail_table th {
    width: 9rem;
	}
.desc_class_search_detail_table tr:nth-child(2) td .input_text_common, .desc_class_search_detail_table tr:nth-child(2) td select {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
	}
.desc_class_search_detail_table tr:nth-child(3) td .input_text_common {
    width: 14.3rem;
	}
.desc_class_search_detail_table {
    display: inline-block;
	}
.desc_class_search_detail_table th {
    display: inline-block;
    width: 30%;
    height: 4rem;
    font-size: 1.2rem;
    line-height: 4rem;
    padding-bottom: 1rem;
	}
.desc_class_search_detail_table td {
    display: inline-block;
    width: 68%;
    height: 4rem;
    vertical-align: middle;
    padding-top: 1rem;
	}
.desc_class_search_detail_table tr:nth-child(2) th, .desc_class_search_detail_table tr:nth-child(2) td {
    height: 29rem;
	}
.desc_class_search_detail_table tr:nth-child(2) td .input_text_common {
    /* width: 16.5rem; */
    width: calc(100% - 2rem);
	}
.desc_class_search_detail_table tr:nth-child(3) th, .desc_class_search_detail_table tr:nth-child(3) td {
    height: 7.2rem;
	}
.desc_class_search_detail_table tr:nth-child(3) td .input_text_common {
    width: 13rem;
	}
.desc_class_search_detail_table tr:nth-child(3) td label {
    font-size: 1.2rem;
	}
.desc_class_search_detail_table tr:nth-child(4) th, .desc_class_search_detail_table tr:nth-child(4) td {
    height: 7.2rem;
	}
.desc_class_search_detail_table tr:nth-child(4) td .input_text_common {
    width: 5.0rem;
	}
.desc_class_search_detail_table tr:nth-child(4) td span.txt_wave {
    font-size: 1rem;
    color: #666666;
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    padding: 0 0.8rem;
	}
.desc_class_search_detail_table input[type="checkbox"] {
    margin-left: 0.4rem;
    margin-top: 1rem;
    vertical-align: bottom;
	}
.desc_class_search_detail_table tr:nth-child(4) td span.ex {
    font-size: 1.2rem;
	}
.desc_class_search_detail_table tr:nth-child(3) td input[type="checkbox"] + label::before {
    top: -3px;
    left: -15px;
	}
.before_info_list_box .tab_common .tablinks, .desc_class_search_content_box .tab_common .tablinks {
    width: calc(33%);
    font-size: 1.2rem;
    font-weight: 400;
    height: 3.5rem;
    margin-right: -0.1rem;
    line-height: 3.5rem;
	}
.before_info_list_box .tab_two .tablinks, .desc_class_search_content_box .tab_two .tablinks {
    /* width: calc(50% - 2px); */
    width: calc(50% - 3px);
    margin-right: 1px;
    margin-bottom: 1px;
	}
.search_list_total {
    font-size: 1rem;
    color: #444444;
    font-weight: 300;
    margin: 2rem 0 1rem 0;
	}
.search_list_total span {
    color: #e74328;
    font-weight: 500;
    font-size: 1.2rem;
	}
.search_list_total b {
    color: #007571;
    font-weight: 500;
    font-size: 1.2rem;
	}
.board_top_info_form_box {
    width: 100%;
    position: relative;
    height: 5rem;
	}
.board_top_info_form_box .board_list_total {
    position: absolute;
    top: 0;
    left: 0;
	}
.board_top_info_form_box .result_select_box {
    position: absolute;
    bottom: 10px;
    right: 0;
	}
.desc_class_search_view {
    padding-bottom: 3rem;
	}
.desc_class_search_view_tab {
    margin-top: 1.5rem;
	}
.desc_class_search_view .subtitle {
    margin-top: 2rem;
    margin-bottom: 2rem;
	}
.desc_class_search_view_table {
    width: 100%;
    border-spacing: 0;
    border-top: 2px solid #194a77;
    border-bottom: 1px solid #cccccc;
	}
.desc_class_search_view_table thead th {
    height: 69px;
    text-align: left;
    color: #333333;
    font-weight: 400;
    font-size: 1.3rem;
    padding-left: 10px;
    border-bottom: 1px solid #dddddd;
	}
.desc_class_search_view_table tbody th {
    width: 7.9rem;
    height: auto;
    padding-top: 0;
    padding-left: 0.5rem;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    vertical-align: middle;
    line-height: 1.8;
    text-align: left;
    font-size: 1.3rem;
    font-weight: 300;
	}
.desc_class_search_view_table tbody tr th.second_th {
    border-left: 1px solid #f5f5f5;
	}
.desc_class_search_view_table tbody td {
    padding: 0.7rem 1rem;
    color: #777;
    border-bottom: 1px solid #f5f5f5;
    line-height: 1.8rem;
    word-break: break-all;
    font-size: 1.2rem;
    font-weight: 300;
	}
.desc_class_search_view_table tbody > tr:last-child th, .desc_class_search_view_table tbody > .desc_class_search_view tr:last-child td {
    border-bottom: 0;
	}
.desc_class_search_view_table > tbody > tr:first-child > td:first-child {
    display: block;
	}
.a_go_link {
    color: #777777;
    padding-right: 20px;
    text-decoration: none;
    background: url(/next/images/bl_go_ling_black.png) right center no-repeat;
	}
.a_go_link:hover {
    color: #DA3808;
	}
.a_go_link_btn {
    /* display: inline-block;
    height:38px;
    line-height: 38px;
    border:1px solid #ccc;
    color: #777777;
    padding-right:0 20px 0 10px;
    text-decoration: none;
    font-size:14px;
    font-weight: 300;
    background: url(../images/bl_go_ling_black.png) right center no-repeat; */
	}
.btn_view_history {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    background-color: #DA3808;
    width: 5.4rem;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 0.5rem;
    text-decoration: none;
    background-image: url(/next/images/bl_go_link_white.png);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
	}
.desc_class_search_view .board_search_box {
    margin: 20px 0 0px 0;
	}
.related_table {
    width: 100%;
    border: 1px solid #ededed;
    border-bottom: 0;
	}
.related_table .list {
    padding: 0;
	}
.flex_board .list > span.col.col_related_code {
    flex-basis: 100%;
    text-align: left;
    border-right: 1px solid #ededed;
    padding: 1rem 1rem 0 1rem;
    font-size: 1.2rem;
	}
.flex_board .list > span.col.col_related_locate {
    flex-basis: 100%;
    text-align: left;
    padding: 0rem 1rem 1rem 1rem;
    font-size: 1.2rem;
    color: #555555;
	}
.flex_board.flex_board_type7 .list > span.col_reference_code:before {
    content: "참조코드";
    font-size: 1.2rem;
    color: #333;
    padding-right: 0.5rem;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
	}
.flex_board.flex_board_type7 .list > span.col_num {
    flex-basis: 100%;
	}
.flex_board.flex_board_type7 .list > span.col_reference_code {
    flex-basis: 100%;
	}
.flex_board.flex_board_type7 .list > span.col_subject {
    flex-basis: 100%;
    font-size: 1.5rem;
    font-weight: 400;
	}
.flex_board.flex_board_type7 .list > span.col_subject {
    text-align: left;
    padding-left: 0;
	}
.table_board_list {
    border-top: 2px solid #194a77;
    width: 100%;
    border-spacing: 0;
	}
.table_board_list thead th {
    border-bottom: 1px solid #dddddd;
    height: 4.2rem;
    font-weight: 400;
    font-size: 1.3rem;
    color: #333333;
	}
.table_board_list tbody td {
    border-bottom: 1px solid #ebeef3;
    font-weight: 300;
    font-size: 1.2rem;
    color: #777777;
    /* height:59px; */
    text-align: center;
    padding: 1.5rem 0;
	}
.table_board_list tbody td.subject {
    text-align: left;
    padding-right: 1rem;
	}
.table_board_list tbody td.subject-lp {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
	}
.table_board_list tbody td.subject .name {
    font-size: 1.2rem;
    color: #aaa;
    margin-top: 10px;
	}
.table_board_list tbody td a {
    text-decoration: none;
    color: #777777;
	}
.table_board_list tbody td a:hover {
    color: #DA3808;
	}
/* 팝업 레이어 */
/* .pop-layer .pop-container {
background: #f5f5f5;
	}

.pop-layer h2 {
background: #DA3808;
margin: 0;
height: 4rem;
line-height: 4rem;
color: #fff;
font-size: 2rem;
font-weight: 500;
padding-left: 1rem;
	}

.pop-layer {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100vw;
height: auto;
background-color: #fff;
z-index: 10;
	}

.dim-layer {
display: none;
position: fixed;
_position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
	}

.dim-layer .dimBg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
	}

.dim-layer .pop-layer {
display: block;
	} */
.modal {
    position: fixed;
    left: 0;
    right: auto;
    top: 0;
    /* width: 50%; */
    width: 100%;
    margin: 0 auto;
    border: 0;
    background: #f5f5f5;
    z-index: 667;
    padding: 0;
    height: 100vh;
    overflow: scroll;
	}
a.btn-layerClose {
    /* display: inline-block; */
    font-size: 0;
    text-decoration: none;
    float: right;
    margin: 0.5rem 1rem 0 0;
	}
.modal-close {
    background: transparent;
    border: 0;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
	}
.pop-layer > h2 {
    background: #DA3808;
    margin: 0;
    height: 4rem;
    line-height: 4rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    padding-left: 1rem;
	}
.pop-layer > h2 .btn_search_guide {
    height: auto;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 1.5;
    vertical-align: middle;
	}	
.pop-layer .box_btn {
    width: 100%;
    padding: 30px 0 10px 0;
    background: #f5f5f5;
    text-align: center;
	}
.pop-layer form input[type=submit] {
    width: 6rem;
    height: 3rem;
    background: #194a77;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    border: 0;
	}
.pop-layer form input[type=button].js-modal-close {
    width: 6rem;
    height: 3rem;
    background: #aaaaaa;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    border: 0;
    margin-left: 1rem;
	}
/* 비밀번호 확인 레이어 */
.pop-content-password_check {
    width: calc(100% - 1rem);
    margin-left: 0.5rem;
    margin-top: 0.5rem;
	}
.pop-content-password_check .pop-container {
    padding: 3rem 0 3rem 0;
    text-align: center;
    background: #f5f5f5;
	}
.pop-content-password_check .btn_common {
    margin-top: 3.3rem;
	}
.pop-content-password_check input.input_text_common {
    width: 70%;
	}
input[type=password].input_text_common, input[type=text].input_text_common {
    height: 2.8rem;
    margin: 0;
    border: 1px solid #222222;
    font-size: 1.3rem;
    font-weight: 300;
    color: #4e7396;
    padding: 0 1rem;
    vertical-align: top;
	}
.pop-content-commissio_pop .pop-container {
    width: 100vw;
	}
/* 버튼 */
.btn_common {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem 3.1rem;
    background: #194a77;
    border: 1px solid #194a77;
	}
/* 기록물계열-철 */
.recode_binding_table {
    width: 100%;
    border-spacing: 0;
    border-top: 2px solid #194a77;
    border-bottom: 1px solid #cccccc;
	}
.recode_binding_table thead th {
    text-align: left;
    color: #333333;
    font-weight: 400;
    font-size: 20px;
    padding-left: 10px;
    border-bottom: 1px solid #dddddd;
	}
.recode_binding_table tbody th {
    font-size: 1.3rem;
    font-weight: 300;
    color: #333333;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    padding-top: 0;
    vertical-align: top;
    line-height: 3.2rem;
	}
.recode_binding_table tbody tr th.second_th {
    border-left: 1px solid #f5f5f5;
	}
.recode_binding_table > tbody td {
    padding: 0 1rem;
    border-bottom: 1px solid #f5f5f5;
    color: #777;
    font-size: 1.2rem;
    font-weight: 300;
	}
.recode_binding_table > tbody > tr:last-child th, .recode_binding_table > tbody > tr:last-child td {
    border-bottom: 0;
	}
.recode_binding_table .alert_box {
    display: none;
	}
.board_top_info_form_box.type2 {
    margin-top: 3rem;
    height: auto;
	}
.board_top_info_form_box.type2 .board_list_total {
    margin-bottom: 1rem;
	}
.board_top_info_form_box.type2 .search_word {
    width: calc(100% - 7.5rem);
	}
.board_top_info_form_box.type2 .board_list_total, .board_top_info_form_box.type2 .result_select_box {
    position: relative;
	}
.flex_board_gun .head {
    display: block;
    height: 4.2rem;
    padding: 0;
	}
.flex_board_gun .head > span.col.col_subject {
    display: block;
    height: 4.2rem;
    padding: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 4.2rem;
	}
.flex_board.flex_board_gun .list > span.col.col_subject {
    flex-basis: 100%;
    padding-left: 0.5rem;
	}
.btn_board_customer_survey {
    display: inline-block;
    width: auto;
    padding: 0 1rem;
    height: 3rem;
    background: #DA3808;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    margin-top: 0.5rem
	}
.btn_board_gray {
    display: inline-block;
    width: 10rem;
    height: 3rem;
    background: #f2f2f2;
    text-align: center;
    line-height: 3rem;
    color: #888888;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid #d7d7d7;
	}
.btn_original_view {
    display: inline-block;
    width: 8rem;
    height: 3rem;
    background: #007571;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
	}
.tab_common {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    width: 100%;
    font-size: 0;
    overflow: hidden;
	}
.tab_common a.tablinks {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: calc(50% - 0.3rem);
    height: 60px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 1.4;
	}
.tab_common button.tablinks-3 {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1.2rem;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    width: calc(100% / 3);
    height: 3.3rem;
    color: #333333;
    border: 1px solid #e3e7ee;
    border-bottom: 0;
    background: #fff;
    margin-right: 0;
	}
.tab_common button:hover {
    background-color: #fff;
	}
.tab_common button.tablinks {
	width: 32.33%;
	}  
.tab_common button.active {
    color: #fff;
    border: 1px solid #194a77;
    border-bottom: 0;
    background: #194a77;
	}
.subjcet_desc_search_box .search_word {
    margin-bottom: 1rem;
	}
.subjcet_desc_search_box input[type=checkbox].search_in_search {
    margin-left: 0.5rem;
	}
.subjcet_desc_search_box input[type=checkbox].search_in_search + label {
    font-size: 1.2rem;
    padding-left: 0.5rem;
	}
.table_board_list-subject_detail tbody td {
    border-bottom: 1px solid #ebeef3;
    font-weight: 300;
    font-size: 1.2rem;
    color: #777777;
    padding: 1.5rem 0.5rem;
	}
.table_board_list-subject_detail tbody td h4 {
    margin: 0 0 1rem 0;
    color: #333333;
    font-size: 1.5rem;
    font-weight: 500;
	}
.table_board_list-subject_detail tbody td h4 a {
    color: #333333;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none;
	}
.table_board_list-subject_detail tbody td h4 a:hover {
    color: #DA3808;
	}
.table_board_list-subject_detail tbody td h6 {
    margin: 0 0 1rem 0;
    font-weight: 300;
    font-size: 1.2rem;
    color: #777777;
	}
.table_board_list-subject_detail tbody td p {
    margin: 0;
    font-weight: 300;
    font-size: 1.2rem;
    color: #777777;
    line-height: 1.6rem;
	}
/* 통합검색 */
#subright {
    display: block !important;
    width: 100%;
    overflow: hidden;	
    }	
.search_total_list_type2 li .title a,
.search_total_list_type3 li .title a {
    display: block;
    }
.search_total_list_type2 li .regDate,
.search_total_list_type3 li .regDate {
float: none;
clear: both;
text-align: right;
line-height: 1.5;
}
.search_total_form_box {
    text-align: left;
    padding: 2.5rem 1rem;
    font-size: 0;
    border-bottom: 1px solid #222222;
	}
.search_total_form_box label {
    display: none;
	}
.search_total_form_box .search_word {
    height: 2.8rem;
    color: #4e7396;
	}
.search_total_form_box .btn_search_submit {
    height: 3rem;
    font-size: 1.2rem;
    vertical-align: top;
	}
.btn_search_total_form {
    display: inline-block;
    width: 6.8rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 1px solid #8d8d8d;
    vertical-align: top;
    font-size: 1.1rem;
    color: #777777;
    font-weight: 400;
    text-decoration: none;
    margin-top: 0.7rem;
    text-align: center;
	}
.btn_search_total_form-detail {
    margin-left: 0px;
	}
.btn_search_total_form-original {
    border-left: 0;
	}
.search_total_content_box .tab_common {
    margin-bottom: 1rem;
	}
.search_total_content_box .tab_common button.tablinks {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1.2rem;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    width: calc(50% - 2px);
    height: 3.3rem;
    color: #333333;
    border: 1px solid #e3e7ee;
    background: #fff;
    margin-right: 0px;
	}

.search_total_content_box .tab_common button.active {
    color: #fff;
    border: 1px solid #194a77;
    border-bottom: 0;
    background: #194a77;
	}
.search_total_left_menu {
    width: 100%;
    overflow: hidden;
	}  
.search_total_left_menu > div > li > ul {
    display: flex; display: -webkit-flex; flex-flow: row wrap;
	}
.search_total_left_menu .result_all,
.search_total_left_menu .open > li  {
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
	}

.search_total_left_menu .open > li  {
	height: auto;
	padding: 5px;
	}	
.search_total_left_menu .result_all a {
    line-height: 3rem;
    font-size: 1.2rem;
	}
.search_total_left_menu > li > ul > li {
    padding: 0.5rem;
    border-bottom: 1px solid #dddddd;
	}
.search_total_left_menu > li > ul > li > a {
    font-size: 1.2rem;
	}
.search_total_left_menu .result_tab {
    width: calc(100% - 1rem);
    height: 3rem;
    background: #fff;
    text-align: left;
    padding-left: 0.5rem;
    border: 1px solid #dddddd;
	}
.search_total_left_menu .result_tab a {
    font-size: 1.2rem;
    line-height: 3rem;
    color: #194a77;
    font-weight: 400;
    padding-left: 1.5rem;
	}
.search_total_left_menu .btn_go_allview {
    display: none;
	}
.search_total_result_content {
display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 2rem;
overflow: hidden;
	}
.related_search_box {
    border: 1px solid #566cbf;
    padding: 1rem;
    margin-bottom: 2rem;
	}
.related_search_box ul {
    display: inline-block;
	}
.related_search_box ul li {
    padding: 0 0.5rem;
	}
.related_search_box ul li.title {
    width: 5.4rem;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 1rem;
	}
.related_search_box ul li a {
    font-size: 1rem;
	}
.search_total_tools_box {
    width: 100%;
    margin: 1rem 0 0 0;
    padding: 0 0 1rem 0;
    border-top: 2px solid #194a77;
    border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	}
.search_total_tools_box li > input[type=checkbox].search_in_search + label {
    color: #333;
    font-weight: 400;
    font-size: 1.2rem;
	}
.search_total_tools_box li a {
    font-size: 1.2rem;
	}
.search_total_tools_box li {
    display: inline-block;
    width: 24%;
    padding: 0;
    margin: 1rem 0 0 0;
    border-right: 1px solid #e0e0e0;
    text-align: center
	}
.label_original_text_service {
    font-size: 1rem;
	}
.search_total_list_type1 li .location {
    font-size: 1.2rem;
	}
.search_total_list_type1 li .title {
display: block;
font-size: 1.5rem;
word-break: break-word;
	}
.search_total_list_type1 li .info {
    display: block;
    overflow: hidden;
	}
.search_total_list_type1 li .info dt {
    padding-right: 0.3rem;
    letter-spacing: 0.1rem;
    font-size: 1.1rem;
    font-weight: 500;
	}
.search_total_list_type1 li .info dd {
    display: inline-block;
    color: #999;
    margin-right: 1rem;
    letter-spacing: 0.1rem;
    font-size: 1.1rem;
    font-weight: 300;
	}
.btn_search_total_detail_view {
    display: inline-block;
    width: 6.5rem;
    height: 2.4rem;
    line-height: 2.4rem;
    background: #DA3808;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    vertical-align: middle;
	}
.btn_search_total_detail_view:after {
    content: " ▼";
	}
.btn_search_total_orignal_view {
    display: inline-block;
    width: 5.5rem;
    height: 2.4rem;
    line-height: 2.4rem;
    background: #007571;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    text-decoration: none;
    margin-left: 0.5rem;
    vertical-align: middle;
    position: relative;
    padding-left: 1.5rem;
	}
.btn_search_total_orignal_view:before {
    content: "";
    background-image: url(/next/images/icon_original_view_white.png);
    background-position: left center;
    position: absolute;
    left: 10px;
    top: 0.5rem;
    width: 10px;
    height: 14px;
	}
.btn_search_total_orignal_view_disable {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #eeeeee;
    color: #cccccc;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    margin-left: 10px;
    vertical-align: middle;
    cursor: not-allowed;
	}
.btn_search_total_mark {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
	}
.search_total_list_type1 .detail_box {
    display: none;
    width: 98%;
    margin-top: 0.5rem;
    padding: 1rem;
    border: 1px solid #DA3808;
    box-sizing: border-box;
	}
.search_total_list_type1 .detail_box .desc_class_search_view_table td {
    padding: 0 1rem;
	}
.search_total_list_type1 .detail_box .alert_box {
    color: #ab4540;
    font-size: 1rem;
    letter-spacing: -0.1rem;
	}
.search_total_list_type1 .detail_box .second_th {
    border-left: 0;
	}
.search_total_list_type2 {
    width: 100%;
    border-top: 2px solid #194a77;
    margin-top: 1rem;
	}
.search_total_list_type2 li {
    padding: 20px;
    border-bottom: 1px solid #ebeef3;
	}
.search_total_list_type2 li .title {
    display: block;
    line-height: 2rem;
	}
.search_total_list_type2 li .title a {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
    text-decoration: none;
	}
.search_total_list_type2 li .title a:hover {
    color: #DA3808;
	}
.search_total_list_type2 li .content {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.7rem;
    color: #777;
    display: block;
    margin-top: 1rem;
	}
.search_total_list_type2 li .info {
    display: block;
	}
.search_total_list_type2 li .info dt {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    color: #777777;
    padding-right: 0.3rem;
    letter-spacing: 0.1rem;
	}
.search_total_list_type2 li .info dd {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    color: #999;
    margin-left: 0;
    padding-right: 0px;
    margin-right: 1rem;
    border-right: 0;
    letter-spacing: 0.1rem;
	}
/* 상세검색 팝업 레이어 */
.pop-content-detail_search {
    /* width: calc(100% - 1rem); */
    width: 100%;
	}
.popup_detail_search_table td[headers=tb_search_word] input[type=text] {
    width: calc(100% - 3rem);
	}
.notice_alert {
    margin-top: 1rem;
    display: block;
	}
.popup_detail_search_table th {
    min-height: auto;
    padding: .5rem 0;
    font-size: 1.2rem;
    font-weight: 300;
    color: #333;
	}
.popup_detail_search_table th label {
    color: #333;
    font-weight: 300;
    padding-left: 0;
	}
.popup_detail_search_table td {
    /* width: 200px; */
    min-height: auto;
    padding: .5rem;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 300;
	}
.popup_detail_search_table th label {
    font-size: 1.2rem;
	}
.popup_detail_search_table td ul {
    width: calc(100% - 2rem);
	}
input[type="radio"] + label {
    font-size: 1.2rem;
    padding-left: 0.2rem;
    padding-right: 1rem;
    letter-spacing: -0.1rem;
	}
.popup_detail_search_table td[headers=tb_search_word] label {
    display: none;
	}
.popup_detail_search_table td.input_td {
    padding: .5rem;
	}
.popup_detail_search_table td[headers=tb_organ] input[type=text] {
    width: 13rem;
	}
.popup_detail_search_table .notice_alert {
    font-size: 1rem;
    letter-spacing: -0.13rem;
    display: block;
	}
.popup_detail_search_table input#search-word-set1.input_text_common {
    display: block;
	}
.popup_detail_search_table td[headers=tb_search_word] input[type=checkbox] + label {
    display: inline;
    font-size: 1.1rem;
    line-height: normal;
	}
.popup_detail_search_table input#search-word-set2.input_text_common {
    margin-top: 0.7rem;
	}
.popup_detail_search_table td[headers=tb_organ] a {
    display: inline-block;
    width: 2.9rem;
    height: 3rem;
    background: #194a77;
    background-image: url(/next/images/ico_btn_search.png);
    background-repeat: no-repeat;
    background-position: 0.5rem center;
    background-size: 70%;
    font-size: 0;
    vertical-align: middle;
    margin-left: 5px;
	}
.popup_detail_search_table td[headers=tb_mngno] input[type=text] {
    width: 6.6rem;
	}
.popup_detail_search_table td[headers=tb_prodyer] input[type=text] {
    width: 6.6rem;
	}
.popup_detail_search_table td[headers=tb_organ] input[type=text] {
    width: 10rem;
	}
/* 원문검색 팝업 */
.popup_original_contents_box {
    padding: 1rem 0.5rem;
	}
.pop-content-original_search {
    /* width: calc(100% - 1rem); */
    width: 100%;
    height: 100%;
	}
.popup_original_contents_box {
    text-align: center;
	}
.popup_original_contents_box .tab_common {
    border-bottom: 1px solid #e3e7ee;
	}
.tab_common button.tablinks-popup_original {
    margin-right: 0;
    border-right: 0;
    width: 15rem;
    height: 2.8rem;
    font-weight: 300;
    font-size: 1.1rem;
    border-bottom: 0;
	}
.check_box [type="checkbox"] {
    vertical-align: middle;
	}
.check_box .label_record_form {
    height: auto;
    }    
.tab_common-original button.tablinks-popup_original {
    width: 100%;
    border-right: 1px solid #e3e7ee;
	}
.tab_common button.tablinks-popup_original:nth-child(5n) {
    border-right: 0;
	}
.tab_common button.tablinks-popup_original:nth-child(2n) {
    border-right: 1px solid #e3e7ee;
	}
.tab_common button.tablinks-popup_original:nth-child(n+6):nth-child(-n+10) {
    border-top: 1px solid #e3e7ee;
	}
.tab_common button.tablinks-popup_original.active {
    color: #536abe;
    border: 1px solid #536abe;
    border-bottom: 1px solid #536abe;
    border-top: 1px solid #536abe !important;
    background: #fff;
    font-weight: 400;
    font-size: 1.1rem;
	}
.tab_common button.tablinks-popup_original.active:before {
    content: ' ';
    background: url(/next/images/bl_category_search_checked.png) left center no-repeat;
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
	}
.tab_common-original button.tablinks-popup_original:nth-child(n+6):nth-child(-n+10) {
    border-top: 0;
	}
.tab_common-original button.tablinks-popup_original {
    border-top: 0;
	}
.original_search_info_box h3 {
    position: relative;
    padding: 0.5rem;
    font-weight: 400;
    font-size: 1.2rem;
    color: #333;
    margin: 0;
    line-height: 1.8rem;
    border-bottom: 1px solid #dddddd;
    text-align: left;
	}
.original_search_info_box h3:after {
    display: none;
	}
.original_search_info_box ul {
    width: 100%;
    margin: 1rem 0 1rem 0;
	}
.original_search_info_box ul li {
    font-weight: 300;
    color: #777777;
    font-size: 1rem;
    line-height: 1.6rem;
    padding-left: 1.5rem;
    background: url(/next/images/main/bl_orange.png) 1rem 0.6rem no-repeat;
    text-align: left;
	}
.original_search_info_box ul li br {
    display: block;
	}
.search_total_left_menu > div > li > ul > li > a {
    font-size: 1.2rem;
	}
/* 기본검색 공공누리 */
.basic_search_box {
    padding: 2rem 0.5rem;
    text-align: left;
	}
.basic_search_box input[type="text"].input_text_common {
    width: 16rem;
	}
.basic_search_box h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #536abe;
    text-align: left;
    margin: 1rem 0;
	}
.basic_search_box ul li {
    display: inline-block;
    line-height: 1.6rem;
    padding: 0 0.5rem;
    border-right: 1px solid #e1e1e1;
	}
.basic_search_box ul li:last-child {
    border-right: 0;
	}
.basic_search_box ul li a {
    font-size: 1rem;
    font-weight: 300;
    color: #777777;
    text-decoration: none;
	}
.original_search_form_contents .alert {
    font-weight: 300;
    font-size: 1rem;
    color: #ab4540;
    margin-top: 1rem;
	}
.original_search_form_contents table th {
    width: 6.5rem;
    font-size: 1.2rem;
	}
.original_search_form_contents table td {
    border-bottom: 1px solid #ddd;
    padding: 1rem;
    text-align: left;
	}
input#governmentKeyword {
    width: 41%;
	}
/* 토지기록물 */
.acreage_search_box {	}
.original_search_form_contents table td .check_box {
    display: block;
    margin: 1rem 0;
	}
.original_search_form_contents table td .check_box input[type="checkbox"] + label {
    font-size: 1.2rem;
    margin-right: 1rem;
	}
span.txt_wave {
    padding: 0 1rem;
    height: 1rem;
    line-height: 1rem;
	}
.txt_wave-block {
    display: block !important;
    padding: 0.5rem
	}
input#gazetteKeyword {
    width: 80%;
    margin-top: 0.5rem;
	}
input#gazOG {
    width: 60%;
	}
input#cabinetKeyword {
    margin-top: 0.5rem;
	}
input#publishmentKeyword {
    margin-top: 0.5rem;
	}
input#pubSdate, input#pubEdate {
    width: 32%;
    vertical-align: middle;
	}
input#indyOrgName {
    width: 64%;
    vertical-align: middle;
	}
input#organ {
    width: 64%;
	}
.original_search_form_box .btn_basic {
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    background: #007571;
    padding: 0 0.5rem;
    display: inline-block;
    text-decoration: none;
	}
.cabinet_search_box input[type="checkbox"] + label {
    margin-right: 10px;
    font-size: 1.2rem;
	}
.cabinet_search_box .alert {
    display: block;
	}
.subtitless {
    font-size: 1.6rem;
    color: #194a77;
    font-weight: 400;
    background-image: url(/next/images/bl_bar_mobile.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1rem;
    padding-left: 1.2rem;
    margin: 40rem 0 1rem 0;
	}
.subtitles {
    font-size: 1.6rem;
    color: #194a77;
    font-weight: 400;
    background-image: url(/next/images/bl_bar_mobile.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1rem;
    padding-left: 1.2rem;
    margin: 2rem 0 1rem 0;
	}
.subtitles-underbar {
    border-bottom: 2px solid #194a77;
    padding-bottom: 1rem;
    background-position: left top 1rem;
	}
.tabletitle {
    font-size: 1.4rem;
	}
.subtitles .addinfo, .tabletitle .addinfo {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    padding: 0 1rem;
    background: #DA3808;
    vertical-align: middle;
	}
.tabletitle-underbar {
    border-bottom: 2px solid #194a77;
    padding-bottom: 1rem;
    background-position: left top 1rem;
	}
.list_type_check {
    margin: 0;
	}
.list_type_check > li {
    display: block;
    padding: 0 0 1rem 2rem;
    background: url(/next/images/bl_check.png) left 0.5rem top 0.3rem no-repeat;
    color: #555555;
    line-height: 1.6;
    font-size: 1.2rem;
    font-weight: 400;
	}
.list_type_check li span.sub_text br {
    display: block;
	}
.list_type_check li span.sub_text .reservation_label {
    margin-bottom: 0.5rem;
	}
.reservation_form_box {
    width: 100%;;
    height: 100%;
    margin-top: 20px
	}
.callendar_box {
    display: inline-block;
    width: 100%;
    background: #f7f7f7;
    vertical-align: top;
	}
.ex_tour_type {
    width: 100%;
    margin: 2rem auto;
    padding-top: 1rem;
    border-top: 1px solid #ccc;
    text-align: center;
	}
.ex_tour_type li {
    display: inline-block;
    width: 32%;
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
	}
.ex_tour_type li img {
    width: 4rem;
    vertical-align: middle;
	}
.form_box {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    vertical-align: top;
	}
.yyyymm {
    width: 100%;
    height: 101px;
    margin: 55px auto 0 auto;
    background: #499edf;
    text-align: center;
	}
.yyyymm .month_txt {
    display: inline-block;
    width: 60%;
    color: #fff;
    line-height: 101px;
    font-size: 2rem;
    font-weight: 400;
    vertical-align: middle;
	}
.yyyymm a {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #ebebeb;
    border-radius: 14px;
    color: #499edf;
    line-height: 28px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 500;
    font-size: 20px;
	}
.cal_table {
    width: 100%;
    margin: 0 auto;
    border-spacing: 5px;
	}
.cal_table thead th {
    width: 37px;
    height: 37px;
    font-size: 1.2rem;
	}
.cal_table tbody td {
    position: relative;
    width: 37px;
    height: 37px;
    background-size: contain !important;
	}
.cal_table tbody td a {
    font-size: 1.2rem;
	}
.form_box table {
    width: 100%;
	}
.form_box table tbody th {
    width: 8.4rem;
    min-height: 5rem;
    border-right: 1px solid #ebeef3;
    color: #333;
    font-size: 1.2rem;
    font-weight: 300;
	}
.form_box table tbody td {
    height: 46px;
    min-height: 5rem;
    padding: 8px;
	}
.form_box table tbody td.sel_date {
    color: #499edf;
    font-weight: 400;
    font-size: 18px;
	}
.form_box table tbody td input[type=password], .form_box table tbody td input[type=text] {
    width: calc(100% - 2rem);
	}
.form_box table tbody td textarea {
    width: calc(100% - 1rem);
    height: 7.8rem;
    border: 1px solid #d7d7d7;
	}
.form_box table tbody td .msg {
    display: block;
    margin-top: 1rem;
    font-size: 1.2rem;
	}
input#visit_cnt, .form_box table tbody td select {
    width: 50%;
	}
.agreeBox_tour {
    width: calc(100%);
    margin: 0 auto;
    border: 1px solid #ddd;
	}
.agreeBox_tour ul.ex_list {
    width: calc(100% - 2rem);
    margin: 1rem;
	}
.agreeBox_tour ul.ex_list li {
    font-weight: 300;
    color: #888888;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 0.8rem;
    padding-right: 0;
    margin-bottom: 0.5rem;
    letter-spacing: -0.4px;
    background: url(/next/images/main/bl_orange.png) left top 0.8rem no-repeat;
	}
.agreeBox_tour .agreeCheck_box label {
    font-size: 1.2rem;
	}
.tab_common-reservation a.tablinks {
    width: calc(50% - 4px);
    font-size: 1.2rem;
	}
.tab_common-reservation-go {
    margin-top: 1.5rem;
	}
.tour_reservations_cont_table thead th, .tour_reservations_cont_table tbody td {
    font-size: 1.2rem;
	}
.flex_board_tour {
    margin-bottom: 3rem;
	}
.flex_board .list > span.col_reser_date:before {
    flex-basis: 100%;
    display: inline-block;
    content: "예약일";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_reser_time:before {
    flex-basis: 100%;
    display: inline-block;
    content: "시간";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_location:before {
    flex-basis: 100%;
    display: inline-block;
    content: "견학장소";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_course:before {
    flex-basis: 100%;
    display: inline-block;
    content: "코스";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_name:before {
    flex-basis: 100%;
    display: inline-block;
    content: "성명";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_team:before {
    flex-basis: 100%;
    display: inline-block;
    content: "개인/단체명";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_peoples:before {
    flex-basis: 100%;
    display: inline-block;
    content: "인원";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_tour_type:before {
    flex-basis: 100%;
    display: inline-block;
    content: "인원방문자유형";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
    padding-top: 1rem;
	}
.flex_board .list > span.col_state:before {
    flex-basis: 100%;
    display: inline-block;
    content: "";
    padding-right: 0rem;
    padding-top: 1rem;
	}
.flex_board_tour .list span.col_reser_date {
    flex-basis: 40%;
	}
.flex_board_tour .list span.col_reser_time {
    flex-basis: 60%;
	}
.flex_board_tour .list span.col_location {
    flex-basis: 50%;
	}
.flex_board_tour .list span.col_course {
    flex-basis: 50%;
	}
.flex_board_tour .list span.col_name {
    flex-basis: 30%;
    color: #333;
    font-weight: 400;
	}
.flex_board_tour .list span.col_team {
    flex-basis: 70%;
    color: #333;
    font-weight: 400;
	}
.flex_board_tour .list span.col_peoples {
    flex-basis: 30%;
	}
.flex_board_tour .list span.col_tour_type {
    flex-basis: 70%;
	}
.flex_board_tour .list span.col_state {
    flex-basis: 100%;
    padding-top: 1rem;
	}
.info_content_table thead th {
    font-size: 1.2rem;
    min-height: 3.3rem;
    padding: 15px 0 15px 0;
	}
.info_content_table tbody th {
    font-size: 1.2rem;
    width: 8.4rem;
    min-height: 3.3rem;
    word-break: break-all;
	}
.info_content_table tbody th label {
    font-size: 1.2rem;
    width: 8.4rem;
    min-height: 3.3rem;
	}
.info_content_table tbody td {
    min-height: 3.3rem;
    height: 19px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 18px;
    padding: 1rem;
	}
.reservation_label {
    width: 64px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 300;
    display: inline-block;
    text-align: center;
	}
.tour_course {
    width: calc(100% - 1rem);
	}
.tour_course li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
    margin-right: 0;
    background: #f7f7f7;
    border: 1px solid #ededed;
    color: #555555;
    line-height: 1.6;
    font-size: 1.2rem;
	}
.tour_course li:nth-child(n+5):nth-child(-n+8) {
    margin-top: 0.5rem !important;
	}
.tour_course li p {
    display: table-cell;
    width: calc(100% - 1.5rem);
    /* min-height: none; */
    height: auto;
    margin: 0;
    padding: 0.3rem 0rem 0.3rem 1.5rem;
    vertical-align: middle;
    text-align: left;
    letter-spacing: -0.1rem;
	}
.tour_course li p br {
    display: none;
	}
.tour_course li span.num {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 1rem;
    position: absolute;
    left: -1rem;
    top: 0.5rem;
    font-weight: 500;
    font-size: 1.2rem;
    color: #fff;
    font-style: italic;
    text-align: center;
	}
.btn_request {
    display: inline-block;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 1rem;
    background: #499edf;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none;
	}
.tour_content li {
    display: inline-block;
    font-size: 0;
    width: calc(50% - 0.5rem);
    margin-top: 0.5rem;
	}
.tour_content li img {
    display: block;
    width: 100%;
	}
.tour_content li p {
    margin: 0;
    border: 1px solid #dedede;
    height: 28px;
    font-size: 1rem;
    font-weight: 400;
    color: #777;
    padding: 0 0 0 1rem;
	}
.info_content_table span.alert {
    color: #ab4540;
    display: block;
	}
.flex_board_tour .list span.col_tour_facility {
    flex-basis: 100%;
    font-weight: 400;
    color: #333333;
    font-size: 1.4rem;
    margin-bottom: 1rem;
	}
.flex_board_tour .list span.col_address {
    flex-basis: 100%;
    margin-bottom: 0.5rem;
	}
.flex_board_tour .list span.col_contact {
    flex-basis: 100%;
	}
.flex_board .list > span.col_address:before {
    flex-basis: 100%;
    display: inline-block;
    content: "주소";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
	}
.flex_board .list > span.col_contact:before {
    flex-basis: 100%;
    display: inline-block;
    content: "연락처";
    font-size: 1.2rem;
    color: #333333;
    padding-right: 0.5rem;
	}
.faq_list li {
    font-size: 1.2rem !important;
	}
.faq_list > li {
    width: calc(100% - 3rem);
	}
.faq_list > li > .list_type_check > li > ul.ex_list {
    width: calc(100% + 2.5rem);
    margin: 0 0 0 -2.5rem;
    padding: 0 0 0 1rem;
	}
.faq_list > li > .list_type_check > li > ul.ex_list li {
    font-weight: 300;
    color: #888888;
    font-size: 15px;
    line-height: 22px;
    padding-left: 20px;
    padding-right: 0px;
    padding-bottom: 0;
    letter-spacing: -0.4px;
    background: url(/next/images/main/bl_orange.png) 8px 7pt no-repeat;
	}
.exhibit_intro_box {
    width: calc(100% - 0px);
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    line-height: 2rem;
    padding: 2.9rem 0px 0 0px;
	}
.exhibit_intro_box h3 {
    font-size: 1.6rem;
    font-weight: 400;
    color: #333;
    margin: 0;
	}
.exhibit_intro_photo {
    padding: 0;
    font-size: 0;
    border: 0;
	}
.exhibit_intro_photo li {
    display: inline-block;
    margin-right: 0;
    width: calc(50% - 1px);
    margin-right: 1px;
    margin-bottom: 1px;
	}
.exhibit_intro_photo li img {
    width: 100%;
	}
.tour_course.tour_course-2-exhibit {
    padding: 2rem 0px 3rem 0.9rem;
    font-size: 0;
	}
.tour_course.tour_course-2-exhibit li {
    width: calc(100% - 0.5rem);
    margin-right: 0;
	}
input#start-year, input#start-month, input#end-year, input#end-month {
    width: 30%;
    vertical-align: middle;
	}
.table_using-agree td label {
    font-size: 1.2rem;
    color: #666;
	}
#openning-limit span {
    display: block;
	}
#openning-limit p label {
    padding-left: 0.3rem;
	}
#openning-limit p {
    margin-right: 0.5rem;
    display: inline-block;
    margin: 0 0.5rem 0 0;
	}
.applicant_personal_form_box .info_content_table.table_using-agree input {
    margin: 0.5rem 0;
	}
ul.ex_list_redbg li {
    font-weight: 300;
    color: #888888;
    font-size: 1.1rem;
    line-height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    letter-spacing: -0.4px;
    background: url(/next/images/main/bl_orange.png) 0.5rem 7pt no-repeat;
	}
.btn_download {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    color: #cccccc;
    padding: 0 3rem 0 1rem;
    border: 1px solid #ccc;
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    text-decoration: none;
    background-color: #fff;
    letter-spacing: -0.1rem;
    background-position: right 1rem center;
	}
.text_content_border {
    margin-top: 1rem;
    padding: 1rem 0.5rem;
	}
.applicant_personal_form_box .text_content_border {
    margin-top: 1rem;
    padding: 1rem 0.5rem;
	}
.archives_guide_box > .text_content_border {
    margin: 0rem;
	}
ul.ex_list_basic li {
    font-size: 1.2rem
	}
.applicant_personal_form_box .info_content_table {
    margin-top: 1rem;
	}
div#term .txt_wave-block {
    line-height: 0rem;
	}
.remark li {
    letter-spacing: -0.1rem;
	}
.popup_relevant_regulations_content_box {
    margin: 0.5rem;
    border: 1px solid #ccc;
    padding: 2rem 1rem;
    width: calc(100% - 3rem);
	}
/* 기록물의 공개여부 구분번호 게시판 */
.flex_board_relevant_regulations .list span.col_divnum {
    flex-basis: 100%;
	}
.flex_board_relevant_regulations .list span.col_divnum:before {
    content: '구분번호';
    margin-right: 0.5rem;
    color: #555;
    border-left: 2px solid #999;
    padding-left: 0.5rem;
	}
.flex_board_relevant_regulations .list {
    padding: 1rem 0.5rem;
	}
.flex_board_relevant_regulations .list span.col_record {
    flex-basis: 100%;
    margin-top: 0.5rem;
	}
.flex_board_relevant_regulations .list span.col_record {
    text-align: left;
    padding: 0;
	}
.flex_board_relevant_regulations .list span.col_evidence {
    flex-basis: 100%;
    margin-top: 0.5rem;
    letter-spacing: -0.1rem;
	}
.publishment_subscription_box .board_search_box label {
    display: none;
	}
.btn_board_darkblue {
    width: 10.4rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    padding: 0 1rem;
	}
/* 간행물 검색 게시판 */
.flex_board-publishmentSubscription .list span.col_num {
    flex-basis: 25%;
    order: 0;
	}
.flex_board-publishmentSubscription .list span.col_subject {
    flex-basis: 100%;
    order: 3;
    margin-top: 10px;
    font-size: 1.5rem;
    color: #333;
	}
.flex_board-publishmentSubscription .list span.col_subject span.sub_title {
    font-size: 1.2rem;
    display: block;
    color: #aaa;
    margin-top: 10px;
	}
.flex_board-publishmentSubscription .list span.col_number3 {
    flex-basis: 75%;
    order: 1;
	}
.flex_board-publishmentSubscription .list span.col_number3:before {
    content: '발간등록번호';
    margin-right: 0.5rem;
    color: #555;
    padding-left: 0.5rem;
	}
.flex_board-publishmentSubscription .list span.col_apply_date {
    flex-basis: 100%;
    order: 4;
    margin-top: 1rem;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_name {
    flex-basis: 40%;
    order: 3;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_name:before {
    content: '신청자';
    margin-right: 0.5rem;
    color: #555;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_subject {
    flex-basis: 100%;
    order: 1;
    margin-top: 10px;
    font-size: 1.5rem;
    color: #333;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_subject span.sub_title {
    font-size: 1.2rem;
    display: block;
    color: #aaa;
    margin-top: 10px;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_number3 {
    /* 	flex-basis: 100%; */
    flex-basis: 80%;
    order: 0;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_number3:before {
    content: '발간등록번호';
    margin-right: 0.5rem;
    color: #555;
    padding-left: 0;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_apply_date {
    flex-basis: 60%;
    order: 3;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_apply_date:before {
    content: '신청일자';
    margin-right: 0.5rem;
    color: #555;
    padding-top: 1rem;
    display: inline-block;
	}
.publishment_subscription_detail_box .board_button_box a {
    margin-top: 0;
    width: auto;
    padding: 0 1rem;
	}
.flex_board-type9 .list span.col_order {
    flex-basis: 40%;
	}
.flex_board-type9 .list span.col_order:before {
    display: inline-block;
    margin-right: 0.5rem;
    padding-left: 0.5rem;
    color: #555;
    border-left: 2px solid #999;
    content: '순번';
	}
.flex_board-type9 .list span.col_outdate {
    flex-basis: 60%;
	}
.flex_board-type9 .list span.col_outdate:before {
    display: inline-block;
    margin-right: 0.5rem;
    color: #555;
    content: '발간일자';
	}
.flex_board-type9 .list span.col_ho {
    flex-basis: 100%;
	}
.flex_board-type9 .list span.col_ho:before {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 0.5rem;
    color: #555;
    content: '권/호';
	}
.flex_board-type9 .list span.col_tong {
    flex-basis: 100%;
	}
.flex_board-type9 .list span.col_tong:before {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 0.5rem;
    color: #555;
    content: '통권';
	}
.flex_board-type9 .list span.col_regdate {
    flex-basis: 100%;
	}
.flex_board-type9 .list span.col_regdate:before {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 0.5rem;
    color: #555;
    content: '등록(수정)일자';
	}
.flex_board-type9 .list span.col_state {
    flex-basis: 100%;
	}
.flex_board-type9 .list span.col_state:before {
    display: inline-block;
    margin-right: 0.5rem;
    color: #555;
    content: '처리상태';
	}
.records_mngpro_view .list_type_check .ex_list_basic {
    margin: 5px 0;
	}
.records_mngpro_view .list_type_check .ex_list_basic li {
    padding-bottom: 0;
    line-height: normal;
	}
.ext_text {
    font-size: 1.2rem;
	}
.flex_board-recordsMngProCondition .list span.col {
    padding: 10px 0;
	}
.flex_board-recordsMngProCondition .list span.col_order {
    flex-basis: 100%;
	}
.flex_board-recordsMngProCondition .list span.col_order::before {
    display: inline-block;
    width: 110px;
    content: '접수번호';
	}
.flex_board-recordsMngProCondition .list span.col_name {
    flex-basis: 100%;
	}
.flex_board-recordsMngProCondition .list span.col_name::before {
    display: inline-block;
    width: 110px;
    padding-top: 0;
    content: '성명';
	}
.flex_board-recordsMngProCondition .list span.col_subject1 {
    flex-basis: 100%;
	}
.flex_board-recordsMngProCondition .list span.col_subject1::before,
.flex_board-recordsMngProCondition .list span.col_subject2::before,
.flex_board-recordsMngProCondition .list span.col_onlinedate:before,
.flex_board-recordsMngProCondition .list span.col_docuemntdate:before,
.flex_board-recordsMngProCondition .list span.col_state:before {
    display: inline-block;
    width: 110px;
    content: '선택과목1';
	}
.flex_board-recordsMngProCondition .list span.col_subject2,
.flex_board-recordsMngProCondition .list span.col_onlinedate,
.flex_board-recordsMngProCondition .list span.col_docuemntdate,
.flex_board-recordsMngProCondition .list span.col_state {
    flex-basis: 100%;
	}
.flex_board-recordsMngProCondition .list span.col_subject2::before {
    content: '선택과목2';
	}
.flex_board-recordsMngProCondition .list span.col_onlinedate:before {
    content: '온라인원서접수일';
	}
.flex_board-recordsMngProCondition .list span.col_docuemntdate:before {
    content: '관련서류제출여부';
	}
.flex_board-recordsMngProCondition .list span.col_state:before {
    padding-top: 0;
    content: '응시표출력가능여부';
	}
.list_type_check li img {
    display: inline-block;
    width: 90%;
    margin-top: 20px;
	}
.examination_table thead th {
    padding-left: 1rem;
    padding: 1rem 0 1rem 0.5rem;
    font-size: 1.5rem;
	}
.examination_table tbody th {
    font-size: 1.2rem;
    font-weight: 400;
	}
.examination_table tbody td {
    font-size: 1.2rem;
	}
.examination_table tr:last-child td {
    color: #333;
    line-height: 1.8rem;
    text-align: center;
    font-weight: 400;
	}
.flex_board.flex_board-type10 .list > span.col_field1 {
    flex-basis: 100%;
    color: #999;
	}
.flex_board.flex_board-type10 .list > span.col_field1:before {
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
    color: #555;
    content: '응시번호';
	}
.flex_board.flex_board-type10 .list > span.col_field2 {
    flex-basis: 100%;
    color: #999;
	}
.flex_board.flex_board-type10 .list > span.col_field2:before {
    content: '성명';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board-type10 .list > span.col_field3 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type10 .list > span.col_field3:before {
    content: '합격여부';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board-type11 .list > span.col {
    border-bottom: 1px solid #ebeef3;
    padding: 0.5rem 0;
	}
.flex_board.flex_board-type11 .list > span.col:before {
    width: 160px;
    white-space: pre;
	}
.flex_board.flex_board-type11 .list > span.col_field1 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type11 .list > span.col_field1:before {
    content: '기록관리학개론';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board-type11 .list > span.col_field2 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type11 .list > span.col_field2:before {
    content: '전자기록관리론';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board-type11 .list > span.col_field3 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type11 .list > span.col_field3:before {
    content: '선택과목1 \A (기록평가ㆍ선별론)';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
    white-space: pre;
	}
.flex_board.flex_board-type11 .list > span.col_field4 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type11 .list > span.col_field4:before {
    content: '선택과목2 \A (기록보존ㆍ기록정보서비스론)';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
    white-space: pre;
	}
.flex_board.flex_board-type11 .list > span.col_field5 {
    flex-basis: 100%;
    color: #999999;
	}
.flex_board.flex_board-type11 .list > span.col_field5:before {
    content: '총점';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.law_counsel_box .tour_course li p {
    width: calc(100% - 1.5rem);
	}
.law_counsel_box .tour_course li p br {
    display: block;
	}
.law_counsel_box .tour_course-1 li {
    width: 100%;
    position: relative;
	}
.law_counsel_box .tour_course-1 li:nth-child(2) {
    margin-bottom: 20px;
	}
.law_counsel_box .tour_course-1 li:nth-child(2):after {
    font-size: 1.2rem;
	}
.archives_work_img_box {
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
	}
.archives_work_img_box img {
    width: 100%;
	}
.archives_map {
    width: 100%;
    margin: 1rem 0;
	}
ul.ex_list_type1 > li {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 0.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.04rem;
    background: url(/next/images/main/bl_orange.png) 0 7pt no-repeat;
	}
ul.third_depth_list li {
    font-size: 1.2rem;
	}
.img_transfer_archive {
    width: calc(100% - 0.5rem);
    padding-left: 0.5rem;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 70px;
    margin-bottom: 70px;
	}
.give_form_box {	}
.give_form_box img {
    width: 100%;
	}
.flex_board.flex_board_arrange .list > div.col_contents {
    flex-basis: 100%;
	}
.flex_board.flex_board_arrange .list > div.col_contents {
    text-align: left;
	}
.flex_board.flex_board_arrange .list > div.col_system_divison {
    flex-basis: 100%;
    font-size: 1.2rem;
    margin-top: 1rem;
    text-align: right;
	}
.flex_board.flex_board_arrange .list > div.col_system_divison br {
    display: none;
	}
.flex_board.flex_board_arrange .list > div.col_system_divison:before {
    content: '- 시스템 구분 : ';
    margin-right: 0.5rem;
    color: #555;
    padding-left: 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
	}
.flex_board.flex_board_arrange .list > div.col_contents > .ex_list_basic {
    margin: 0;
	}
.img_class_ification {
    width: 100%;
	}
.img_archives_assessment, .img_standard_progress, .img_archive_standard_struc, .img_brm_desc, .img_brm_structure, .img_vision_process {
    width: 100%;
	}
.tour_course.tour_course-onlineRequest {
    width: 100%;
    padding-left: 0;
	}
.tour_course.tour_course-onlineRequest li:nth-child(n+6):nth-child(-n+11) {
    margin-top: 0.5rem;
	}
.onlineRequest_box .board_view_bt_box a {
    vertical-align: middle;
    margin-top: 0;
    width: auto;
    padding: 0 0.5rem;
	}
.before_info_list th {
    width: 5.9rem;
    border-bottom: 1px solid #ebeef3;
    border-right: 1px solid #ebeef3;
    color: #333333;
    font-size: 1.2rem;
    font-weight: 300;
	}
.before_info_list td {
    padding: 10px 0px 0px 10px;
    border-bottom: 1px solid #ebeef3;
    font-size: 0;
	}
.before_info_list td a {
    width: 4.8rem;
    height: 2.8rem;
    display: inline-block;
    border: 1px solid #d7d7d7;
    text-align: center;
    line-height: 2.8rem;
    text-decoration: none;
    color: #666666;
    font-size: 1.2rem;
    font-weight: 300;
    margin-right: 10px;
    margin-bottom: 10px;
	}
/* 사전정보공표목록 게시판 */
.flex_board.flex_board_beforeInfoList .list > span.col_num {
    flex-basis: 30%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_open {
    flex-basis: 70%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_contents {
    flex-basis: 100%;
    margin-top: 1rem;
    padding-left: 0;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_contents a {
    color: #333333;
    font-weight: 400;
    font-size: 1.5rem;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_time {
    flex-basis: 40%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_time:before {
    content: '시기';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 1rem;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_cycle {
    flex-basis: 60%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_cycle:before {
    content: '주기';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 1rem;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_way {
    flex-basis: 40%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_way:before {
    content: '방법';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 1rem;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_depart {
    flex-basis: 60%;
	}
.flex_board.flex_board_beforeInfoList .list > span.col_depart:before {
    content: '담당부서';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 1rem;
	}
.img_archives_guide {
    width: 100%;
	}
.flex_board.flex_board_standard .list > div.col_standard_num {
    color: #777;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: left;
    padding-left: 0.5rem;
    flex-basis: 100%;
	}
.flex_board.flex_board_standard .list > div.col_standard_num:before {
    content: ' 표준번호';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board_standard .list > div.col_standard_name_now {
    font-size: 1.2rem;
    flex-basis: 100%;
    margin-top: 0.5rem;
	}
.board_standard_table thead {
    display: none;
	}
.board_standard_table tbody th span {
    display: inline-block;
    font-size: 1rem;
	}
.board_standard_table tbody th {
    padding-top: 1rem;
	}
.board_standard_table tbody th:before {
    content: ' 표준번호';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.board_standard_table tbody th, .board_standard_table tbody td {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    border-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
	}
.board_standard_table tbody td:last-child {
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
	}
.board_standard_table dl, .col_standard_name_now dl {
    margin: 1rem 0 0 0;
    font-size: 1.2rem;
    color: #777777;
    font-weight: 300;
	}
.board_standard_table dd, .col_standard_name_now dd {
    display: inline-block;
    margin: 0;
    width: 85%;
    line-height: 22px;
	}
.board_standard_table-guidelines tbody tr td {
    padding-left: 2rem;
	}
.board_standard_table-guidelines tbody tr td:first-child {
    padding-left: 0;
	}
.board_standard_table-guidelines tbody tr td:last-child {
    font-size: 1.2rem;
	}
.flex_board_standardDataList .list .col_name {
    padding-bottom: 1rem;
	}
.flex_board_standardDataList .list > span.col_name:before {
    padding-top: 0 !important;
	}
/* 공공표준기록관리용어 게시판 */
.flex_board.flex_board_standardTermList .list > span.col_num {
    flex-basis: 100%;
	}
.flex_board.flex_board_standardTermList .list > span.col_subject {
    flex-basis: 100%;
    margin-top: 1rem;
	}
.flex_board.flex_board_standardTermList .list > span.col_subject .eng {
    display: block;
    color: #aaaaaa;
    font-size: 1rem;
    font-weight: 300;
    margin-top: 0.5rem;
	}
.flex_board.flex_board_standardTermList .list > span.col_source {
    flex-basis: 100%;
    margin-top: 1rem;
	}
.flex_board.flex_board_standardTermList .list > span.col_source:before {
    content: ' 출처';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
/* 국외표준검색 게시판 */
.flex_board.flex_board_foreignStandardList .list > span.col_num {
    flex-basis: 40%
	}
.flex_board.flex_board_foreignStandardList .list > span.col_field {
    flex-basis: 60%
	}
.flex_board.flex_board_foreignStandardList .list > span.col_subject {
    flex-basis: 100%;
    margin-top: 10px;
    font-size: 1.5rem;
    color: #333;
	}
.flex_board.flex_board_foreignStandardList .list > span.col_country {
    flex-basis: 100%;
	}
.flex_board.flex_board_foreignStandardList .list > span.col_country:before {
    content: ' 국가';
    color: #555555;
    display: inline-block;
    padding-right: 0.5rem;
    margin-top: 0.5rem;
	}
.flex_board.flex_board_foreignStandardList .list > span.col_orginal {
    flex-basis: 100%;
    margin-top: 0.5rem;
	}
.btn_new_window {
    border: 1px solid #ccc;
    height: 1.7rem;
    display: inline-block;
    padding: 0.3rem 0.5rem;
	}
.btn_new_window img {
    height: 90%;
    vertical-align: middle;
	}
.btn_new_window:after {
    content: '출처링크';
    color: #cd5a56;
	}
.btn_download_file {
    border: 1px solid #ccc;
    height: 1.7rem;
    display: inline-block;
    padding: 0.3rem 0.5rem;
	}
.btn_download_file img {
    height: 80%;
    vertical-align: middle;
	}
.btn_download_file:after {
    content: '원문다운로드';
    color: #cd5a56;
	}
.board_view_header_box.board_foreignStandardDetail thead th p {
    font-size: 1.2rem;
    font-weight: 300;
    color: #333;
	}
.board_view_header_box.board_foreignStandardDetail tbody th {
    width: 25%;
	}
.board_view_header_box.board_foreignStandardDetail tbody td {
    width: 75%;
    word-break: break-all;
    line-height: 1.8rem;
	}
.cont_table th, .cont_table td {
    font-size: 1.2rem;
	}
.img_archives_assessment, .img_official_paper, 
.img_preser_digital_pic2, .img_ele_preser_model, 
.img_ele_preser_system, .img_ele_preser_version, 
.img_ele_system_step {
    width: 100%;
	} 
.archives_restore_list > li h3 {
    min-height: 4rem;
    margin: 0 0 1.5rem 0;
    padding-top: 1.5rem;
    font-size: 1.4rem;
	}
.archives_restore_list > li {
	width: 50%;
	}   	
.archives_restore_list > li:nth-child(1) h3, 
.archives_restore_list > li:nth-child(2) h3, 
.archives_restore_list > li:nth-child(3) h3 {
    padding-top: 1.5rem;
    border-top: 1px solid #ebeef3;
	}
.archives_restore_list > li h3 a {
    font-size: 1.4rem;
	}
.archives_restore_list > li > ul.img_list > li > img {
    width: 100%;
	}
.archives_restore_list > li > ul.img_list.img_list-noimg li {
    width: 100%;
	}
.archives_restore_list > li dl dd, 
.archives_restore_list > li dl dt {
    font-size: 1.2rem;
	}
.archives_restore_list > li > .text_box {
    font-size: 1.2rem;
	}
.acodian_box {
    width: calc(100% - 1rem);
    padding: 1rem;
	}
.acodian_box img {
    width: 100%;
	}
div.img_box_basic img:last-child {
    margin-left: 0px;
	}
.img_box_basic2 img {
    width: 100%;
	}
.greeting_box {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right 1rem bottom 1rem;
    border-bottom: 1px solid #194a77;
    background-size: 20%;
	}
.greeting_box img {
    width: 95%;
    margin-top: 1rem;
    margin-left: 1rem;
	}
.greeting_box h3 {
    margin-top: 1.4rem;
    margin-bottom: 6rem;
    margin-left: 20px;
    color: #333333;
    font-size: 1rem;
    font-weight: 400;
	}
.greeting_box h3 span {
    font-size: 1.5rem;
    font-weight: 500;
	}
.possession_condition_of_recode_box h4 {
    font-size: 1.5rem;
	}
.possession_condition_of_recode_box h4 .right_red {
    float: left;
    padding: 1rem;
    font-size: 1.2rem;
	}
.possession_condition_of_recode_box h4 .right_red.clear {
    float: none;
	}	
.cheif_list li {
    margin-right: 0;
    width: 295px;
	}
.map_box img {
    width: 100%;
	}
.btn_go_map {
    height: 2.2rem;
    padding: 0 30px 0 10px;
    background-position: right 10px center;
    line-height: 2.2rem;
    font-size: 1.2rem;
	}
.btn_go_orang {
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 1.2rem;
	}
.tab_common.tab_common-map .tablinks {
    width: 32%;
    font-size: 1.2rem;
    height: 3.3rem;
    line-height: 3.3rem;
    margin-bottom: 1px;
    margin-right: 1px;
    letter-spacing: -1px;
	}
.tab_common.tab_common-map .tablinks:first-child:nth-last-child(4), .tab_common.tab_common-map .tablinks:first-child:nth-last-child(4) ~ .tablinks {
    width: 23.9%;
	}
.table_board_list-theme {
    border-top: 2px solid #194a77;
    width: 100%;
    border-spacing: 0;
    margin-bottom: 50px;
	}
.table_board_list-theme tbody td {
    font-size: 0;
    padding: 0.5rem;
    border-bottom: 1px solid #ebeef3;
	}
.table_board_list-theme tbody tr:last-child td {
    border-bottom: 1px solid #ccc;
	}
.table_board_list-theme tbody td img {
    display: inline-block;
    border: 1px solid #ccc;
    vertical-align: top;
    width: 20%;
	}
.table_board_list-theme tbody td div.contents_box {
    display: inline-block;
    width: calc(79% - 1rem);
    padding-left: 1rem;
	}
.table_board_list-theme tbody td div.contents_box a.title {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    padding-right: 20px;
    background: url(/next/images/bl_go_ling_black.png) right center no-repeat;
	}
.table_board_list-theme tbody td div.contents_box a.title:hover {
    text-decoration: underline;
	}
.table_board_list-theme tbody td div.contents_box .intro {
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    display: block;
    margin-top: 1rem;
	}
.table_board_list-theme tbody td div.contents_box .menu {
    font-size: 1.2rem;
    font-weight: 300;
    color: #999;
    display: block;
    margin-top: 0.7rem;
	}
.login_form_btn_box a {
    width: 40%;
	}
.site_map_box .all_category_box > .category_1depth > li {    
    width: calc(100% - 10px);
	}
/* 온라인사본시청 */
.flex_board.flex_board_listMyArchive .list span {
    margin-bottom: 1rem;
	}
.flex_board.flex_board_listMyArchive .list span.col_num {
    flex-basis: 100%;
    color: #999;
	}
.flex_board.flex_board_listMyArchive .list span.col_num:before {
    content: '관리번호';
    border-left: 0;
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_listMyArchive .list span.col_subject {
    flex-basis: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board.flex_board_listMyArchive .list span.col_sel_page {
    flex-basis: 100%;
	}
.flex_board.flex_board_listMyArchive .list span.col_sel_page:before {
    content: '선택페이지';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_listMyArchive .list span.col_count {
    flex-basis: 100%;
	}
.flex_board.flex_board_listMyArchive .list span.col_count:before {
    content: '사본수량';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_listMyArchive .list span.col_count input {
    width: 30px;
	}
.flex_board.flex_board_listMyArchive .list span.col_sel_corver {
    flex-basis: 100%;
    color: #999;
	}
.flex_board.flex_board_listMyArchive .list span.col_sel_corver:before {
    content: '표지선택';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_listMyArchive .list span.col_media {
    flex-basis: 100%;
	}
.flex_board.flex_board_listMyArchive .list span.col_media:before {
    content: '사본매체';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_listMyArchive select, .flex_board.flex_board_listMyArchive input {
    vertical-align: middle;
	}
input[type=text].input_text_common.input_tel {
    width: 17%;
	}
/* 온라인사본신청내역 게시판 */
.flex_board.flex_board_online_copy_list .list span {
    margin-bottom: 1rem;
	}
.flex_board.flex_board_online_copy_list .list span.col_num {
    flex-basis: 50%;
	}
.flex_board.flex_board_online_copy_list .list span.col_num:before {
    content: '신청번호';
    border-left: 0;
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_online_copy_list .list span.col_number {
    flex-basis: 50%;
	}
.flex_board.flex_board_online_copy_list .list span.col_number:before {
    content: '관리번호';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_online_copy_list .list span.col_subject {
    flex-basis: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board.flex_board_online_copy_list .list span.col_apply_date {
    flex-basis: 50%;
	}
.flex_board.flex_board_online_copy_list .list span.col_apply_date:before {
    content: '신청일자';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_online_copy_list .list span.col_apply_name {
    flex-basis: 50%;
	}
.flex_board.flex_board_online_copy_list .list span.col_apply_name:before {
    content: '신청자';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_online_copy_list .list span.col_state {
    flex-basis: 100%;
	}
.flex_board.flex_board_online_copy_list .list span.col_state:before {
    content: '처리상태';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
    padding-top: 0;
	}
/* 내기록물 게시판 */
.flex_board.flex_board_list_my_archive .list span {
    margin-bottom: 1rem;
	}
.flex_board.flex_board_list_my_archive .list span.col_sel {
    flex-basis: 20%;
	}
.flex_board.flex_board_list_my_archive .list span.col_open_sel {
    flex-basis: 80%;
	}
.flex_board.flex_board_list_my_archive .list span.col_open_sel:before {
    content: '공개여부';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.flex_board.flex_board_list_my_archive .list span.col_subject {
    flex-basis: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	}
.flex_board.flex_board_list_my_archive .list span.col_sel_page {
    flex-basis: 100%;
	}
.flex_board.flex_board_list_my_archive .list span.col_sel_page:before {
    content: '선택페이지';
    font-size: 1.2rem;
    font-weight: 300;
    color: #555;
    padding-right: 1rem;
	}
.img_box_basic3 img {
    width: 100%;
	}
ul.ex_list_type2 > li {
    font-size: 1.2rem;
    padding: 1rem 0 1rem 3rem;
	}
ul.ex_list_type2 > li:before {
    position: absolute;
    left: 1rem;
    top: 1.2rem;
    content: '';
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.2rem;
    line-height: 1.7rem;
	}
.info_content_table tbody td img {
    width: 100%;
	}
.com_info {
    display: none;
	}
#moreoganlist {
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: #f5f5f5;
    top: 0;
    left: 0;
    margin-left: 0;
    z-index: 100;
	}
.sc_table {
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    overflow-y: scroll;
	}
.tabletype3 tbody td {
    font-size: 1.2rem;
    font-weight: 300;
    color: #777;
    padding: 1rem 0 1rem 0.5rem;
	}
.group_composion_box {
    font-size: 0;
    background-image: url(../images/img_group_composition_m.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 1100px;
	}
.manager_organi_box {
    font-size: 0;
    background-image: url(../images/img_national_archives_organ_m.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 1200px;
	}
.tab_common.tab_common-map {
    margin-top: 30px;
	}
.ganada_list_link {
    margin-bottom: 0;
	}
.ganada_list_link li {
    margin-bottom: 0.5rem;
	}
.ganada_list_link li a {
    margin-left: 0.5rem;
	}
.mov_cont {
    padding: 0.5rem;
    width: calc(100% - 1rem);
    font-size: 1.2rem;
    white-space: inherit;
	}
.mov_cont2 {
    padding: 0.5rem;
    width: calc(100% - 1rem);
    font-size: 1.2rem;
	}
.mov_cont3 {
    padding: 0.5rem;
    width: calc(100% - 1rem);
    font-size: 1.2rem;
	}
.mov_cont4 {
    padding: 0.5rem;
    font-size: 1.2rem;
	}
.repository_search_box .select_common {
    margin-top: 0.5rem;
	}
.info_content_table tfoot td {
    font-size: 1.2rem;
	}
.mobile_scroll_box {
    width: calc(100vw - 3rem);
    overflow-x: scroll;
	}
.tab_common.tab_common-map {
    margin-top: 1.5rem;
	}
.internationalBusiness_box .ex_list_basic li .a_go_link_btn {
    margin-bottom: 0.5rem;
	}
.annually li {
    width: 100%;
	}
.annually li a {
    widtH: 100%;
    font-size: 1.2rem;
	}
.button_margin_box a {
    margin-top: 1rem !important;
	}
.list_type_check-mb {
    margin-bottom: 3rem;
	}
.preservation_box .panorama_img {
    text-align: center
	}
.preservation_box .panorama_img img:nth-child(2) {
    margin: 6px 0 -14px 0;
	}
.mobile_view {
    display: block;
    height: 100%;
    overflow-y: scroll;
	}
.tablinks-underbar {
    border-bottom: 1px solid #e3e7ee !important;
	}
.step_info > li > div {
    padding-left: 0;
	}
/* 20191218 */
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_apply_check:before {
    margin-right: 0.5rem;
    color: #555;
    padding-top: 1rem;
    display: inline-block;
	}
.flex_board.flex_board_online_copy_list .list span.col_apply_check {
    flex-basis: 50%;
	}
.flex_board-publishmentSubscription .list span.col_apply_check {
    flex-basis: 100%;
    order: 4;
    margin-top: 1rem;
	}
.flex_board-publishmentSubscription.flex_board-publishmentSubscription-2 .list span.col_apply_check {
    flex-basis: 60%;
    order: 3;
	}
/* footer */
.footer_menu_box {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
	}
.footer_menu_gosite {
    padding: 0.9rem 0 0 0;
    margin: 1rem 0 0 0;
    font-size: 0;
    border-top: 1px solid #eceff4;
	}
.footer_menu_gosite li {
    display: inline-block;
	}
.footer_menu_gosite li.li_link_site {
    width: 50%;
    text-align: center;
    margin-bottom: 0.8rem;
    padding: 0;
	}
.footer_menu_gosite li a {
    font-family: 'Noto Sans KR';
    font-weight: 300;
    font-size: 1.1rem;
	}
.footer_go_site_menu {
    width: 100%;
    padding: 1rem 0;
	}
.footer_go_site_menu > li.li_link_site {
    width: calc(50% - 1.2rem) !important;
    border: 1px solid #e3e7ee;
    height: 2.5rem;
	}
ul.footer_go_site_menu > li.li_link_site > a {
    line-height: 2.5rem;
    font-size: 1rem;
	}
ul.footer_go_site_menu > li.li_link_site:first-child {
    margin-right: 0.5rem;
	}
ul.footer_go_site_menu > li.li_link_site .menu_drop_down {
    bottom: 36px;
    top: unset;
	}
ul.footer_go_site_menu > li.li_link_site:last-child .menu_drop_down {
    width: auto;
	}
.menu_drop_down li a {
    font-size: 1rem;
	}
.footer_scroll_box {
    float: none;
    width: 100%;
    /* overflow-x: scroll; */
	}
.footer_menu {
    width: 100%;
    border-top: 1px solid #eceff4;
    font-size: 0;
	}
.footer_menu li {
    width: calc(100% / 6);
    height: 2.6rem;
    border: 0;
	}
.footer_menu li.li_link_site {
    width: 50%;
    text-align: center;
    margin-bottom: 0.8rem;
    padding: 0;
	}
.footer_menu li.blank {
    display: none;
	}
.footer_menu li a {
    font-family: 'Noto Sans KR';
    font-weight: 300;
    font-size: 1rem;
    color: #888888;
    text-decoration: none;
    line-height: 2.6rem;
	}
.c_personal {
    color: #DA3808 !important;
	}
.footer_warp2 {
    padding: 1rem;
    width: calc(100% - 2rem);
	}
.footer_text_box {
    padding: 0;
	}
.footer_text_box address {
    color: #7b7b7b;
    line-height: 1.3rem;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    font-size: 0.9rem;
    font-style: normal;
	}
.footer_text_box address b {
    color: #666666;
    font-family: 'Noto Sans KR';
    font-weight: 400;
    font-size: 0.9rem;
	}
.footer_text_box address span {
    display: inline-block;
    margin: 0.8rem 0.5rem 0.4rem 0;
    padding: 0;
    border: 1px solid #e0e0e0;
    font-size: 0.9rem;
	}
.footer_mark_box {
    float: none;
	height: 3.5rem;
    margin: 1rem 0;
    padding: 1rem 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f8f8f8;
    text-align: center;
	}
.footer_mark_box a {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	}	
.footer_mark_box a img {
    height: 100%;
	}
.footer_mark_box .bl_bar_mark {
    display: inline-block;
    width: 0;
    height: 2.2rem;
    margin: 1rem 0.5rem;
    border-left: 1px solid #e3e7ee;
    vertical-align: top;
    font-size: 0;
	}
.footer_text_box .copyright {
    color: #999999;
    font-weight: 300;
    font-size: 0.8rem;
    font-family: 'Noto Sans KR';
	}
.btn_board_write_popup {
    display: inline-block;
    width: 9rem;
    height: 3rem;
    background: #536abe;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    line-height: 3rem;
    text-decoration: none;
    text-align: center;
	}
.g-recaptcha {
    float: none !important;
    margin-top: 10px;
	}
.search_word,
.btn_search_submit {
    margin-top: 0;
    }
.board_search_box label:first-child {
	display: block;
    margin-bottom: 10px;
	}
.board_search_box .select_field {
    min-width: 86px;
    }
.list_type_check + .board_search_box .search_word {
    width: calc(100% - 8rem);
    }
.cheif_list li {
    width: 50%; 
    box-sizing: border-box;
    } 
}

@media screen and (max-width: 610px) { 
.archives_restore_list > li h3 {
	min-height: auto;
	}
.archives_restore_list > li {
	width: 100%;
    }
#sub_list ul li > a {
	text-align: center;
	}
.table_wrap {
	overflow-x: auto
	}
.archives_village_state_table td {padding: 20px 10px;}
}
@media screen and (max-width: 520px) {
.popup_detail_search_table colgroup {
	display: none;
	}	
.popup_detail_search_table th,
.popup_detail_search_table td {
	display: block;
	height: auto !important;
	}	
.popup_detail_search_table th {
	background-color: #f5f5f5;
	border-right: none;
	}
.footer_menu li {
    width: 33.33%;
	}
.cheif_list li {
    width:100%;
    }
.select_field,
.search_word,
.btn_search_submit {
    width: 100%;  
    box-sizing: border-box;
    }
.pic_table_box div,    
.pic_table_box div:first-child {
    width: 100%;
    }

.repository_search_box #sea2,    
.board_search_box .select_field,	
.select_box_common,
.board_top_info_form_box.type2 .search_word {
	width: 100% !important;
	}
}
@media screen and (max-width: 470px) {
ul.top_menu_sub_box li.sub_menu_block {
	padding: 0.5rem 1.8rem 0.5rem 0.5rem;
	background-position: right .8rem center;
	}
ul.top_menu_sub_box li.sub_menu_block:after {	
	top: .7rem;
	}
ul.top_menu_sub_box li.sub_menu_block > a {	
	font-size: .95rem;
	}

.login_form_btn_box a {
    display: inline-block;
	width: 48%;
    margin: 2px 1px;
	}
.login_form_btn_box a img {
	max-width: 100%;
	}
/* .repository_search_box .select_box_common {
	width: 100%;
	}
.repository_search_box #sea2 {
	width: calc(100% - 90px)!important;
	} */

.recode_binding_table > tbody th,
.recode_binding_table > tbody td,
.search_total_list_type1 .detail_box .desc_class_search_view_table th,
.search_total_list_type1 .detail_box .desc_class_search_view_table td,
.board_view_header_box tbody th,
.board_view_header_box tbody td {
	display: block;
	width: 100%;
	height: auto;
	min-height: auto;
	padding: 5px;
	line-height: 1.6;
	}
.search_total_list_type1 .detail_box .desc_class_search_view_table th,
.board_view_header_box tbody th,
.recode_binding_table > tbody th {
	background-color: #f5f5f5;
	border-right: none;
	}
.search_total_tools_box li { 
	width: 48%;
	}
.search_total_list_type1 li .info dt {
	clear: both;
	float: left;
	}	
.search_total_list_type1 li .info dd {
	display: block;
	position: relative;
	margin-bottom: 5px;
	border-right: none;
	overflow: hidden;
	}
}
@media screen and (max-width: 410px) {
#sub_list ul li > a img {
	width: 100% !important;
    height: auto;
	}
.main_slider_box {
    display: block !important;
	width: 360px !important; 
	margin: auto;
	}
.search_total_left_menu .result_all,
.search_total_left_menu .open > li {
	width: 100%;
	padding: 3px 5px;
	}
}
@media screen and (max-width: 360px) {
.login_form_btn_box a {display: block; width: 100%; margin: 1px 0;}
.login_form_btn_box a:first-child { background-color: #1EC800;}
.login_form_btn_box a:nth-child(2) { background-color: #FFEB00;}
}
@media screen and (max-width: 321px) {
html {
    font-size: 62.5%;
	}
header > .warp > .top_search_box .search_box_area input[type=text] {
    width: calc(100% - 10.6rem);
	}
header > .warp > .top_search_box > .search_box_area .top_select_search {
    font-size: 11px;
    padding: 0 10px 0 5px;
    background: url(/next/images/bl_top_sh_sel_arrow.png) right 0px top 50% no-repeat;
	}
.top_menu_util li {
    height: 2.4rem;
	}
ul.footer_go_site_menu > li.li_link_site .menu_drop_down {
    bottom: 26px;
    top: unset;
	}
}
.btn_select_org {
	width: 14rem;
	height: 3rem;
	line-height: 3rem;
	font-weight: 300;
	font-size: 1.2rem;
	color: #fff;
	background: #6F6F6F;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-left: 0.5rem;
	}
/* ie용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	}

@media screen and (max-height: 475px) {
.menu-trigger {	
    position: fixed;
	}
.top_menu_box {
    position: fixed;
    overflow: scroll;
	}
.top_menu_warp2-mobile {
    height: auto;
	overflow: hidden;
	}	
.mobile_view {
    display: block;
	width: calc(100% - 11.5rem);
	}
}