@charset "utf-8";

legend {position:absolute; left:-99999rem;}
/*table {table-layout:fixed;}*/
th, td {word-wrap:break-word; word-break:keep-all;}
select { border: 1px solid #999; box-sizing: border-box;line-height: 1;margin: 0;}

.clsFileDownload {display:inline-block; padding:5rem;}

/*검색영역*/
.bbsSearch_top_warp {display:flex; justify-content:space-between; align-items:center; margin:0 0 15rem 0;}
.board_search {position:relative; display:flex;}
.board_search * {height:42rem; border:1px solid #999; margin:3rem;}
.board_search select {padding:0 7rem;}
.board_search select:first-of-type {margin-left:0;}
.board_search input[type="text"] {padding:0 10rem; margin-right:0;}
.btn_sch {display:block; width:45rem; position:absolute; bottom:0; right:0rem; z-index:1; border:0; background:url('/design/common/img/board/btn_search.png') no-repeat center; text-indent:-9999rem; cursor:pointer; }
@media all and (max-width:768px){
	.bbsSearch_top_warp {flex-wrap:wrap;}
	.page_num {width:100%; margin-bottom:10rem;}
	.board_search {width:100%;}
	.board_search select {width:100rem; flex-shrink:0; flex-grow:0;}
	.board_search input[type="text"] {width:100%;}
}
/* @media all and (max-width:375px){
	.board_search {flex-wrap:wrap;}
	.board_search input[type="text"] {margin-left:0;}
} */

/*일반게시판리스트*/
.board_list_v01 {
    margin-bottom: 30rem;
    margin-top: 10rem;
}
.board_list_v01 table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #9a9a9a;
    table-layout: fixed;
    width: 100%;
}
.board_list_v01 table caption {
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
	text-indent:-99999rem;
	top:-99999rem;
}
.board_list_v01 table th {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #9a9a9a;
    font-weight: normal;
    padding: 15rem 2%;
    text-align:center;
    /*font-family:'notokr-medium'*/
}
.board_list_v01 table th a {
    color: #111;
}

.board_list_v01 table th a img {width:20rem; height:15rem;}
.board_list_v01 table th a:hover {
    text-decoration: underline;
}
.board_list_v01 table td {
    border-bottom: 1px solid #ccc;
    padding: 10rem 1%;
    text-align: center;
    /*word-wrap: normal;*/
	word-break:keep-all;
}
.board_list_v01 table td * {
    vertical-align: middle;
}

.board_list_v01 table td a img {width:20rem; height:19rem;}

.board-list table tbody tr:hover td, .board-list tbody tr:focus td {
    background: #f4f8fc none repeat scroll 0 0;
    border-bottom: 1px solid #999;
}
.board_list_v01 table .num {
    width: 8%;
}
/*
.board_list_v01 table .title {
    width: 40%;
}
*/

.board_list_v01 table .con_satPnt {width:10%; text-align:center !important;}
@media all and (max-width:599px){
  .board_list_v01 table .con_satPnt {width:20%;}
}

.board_list_v01 table .w_name { width: 15%;}
.board_list_v01 table .date { width: 12%; }
.board_list_v01 table .hits { width: 10%; }
.board_list_v01 table .file {width: 9%;}
.board_list_v01 table .bod_replySta { width: 13%; }
.board_list_v01 table .con_etc2 { width: 13%; }
.board_list_v01 table .bgp_name {width: 9%;}


.board_list_v01 table td.file a:nth-of-type(2) ~ a {
  display: none;
}
@media all and (max-width:640px) {
    .board_list_v01 table td.file a:nth-of-type(1) ~ a {
      display: none;
    }
}

.board_list_v01 table .w_nameb {width: 16%;  }

.board_list_v01 table td.file {font-size:0; line-height:0;}
.board_list_v01 table .file img {width:16rem; height:16rem; margin:2rem 2rem;}
.board_list_v01 table td.notice {
    background: #f1f4f7 none repeat scroll 0 0;
    border-bottom: 1px solid #999;
    padding: 10rem 0;
}
.board_list_v01 table td.title {
    letter-spacing: 0;
    padding-left: 5rem;
    text-align: left;
}
.board_list_v01 table td.con_linkurl {
    letter-spacing: 0;
    padding-left: 5rem;
    text-align: left;
}
.board_list_v01 table td.title .ico_new {
    border-radius: 5rem;
    color: #fff;
    display: inline-block;
    font: 11rem "Malgun Gothic","Dotum","Arial","verdana","Helvetica";
    margin-right: 5rem;
    padding: 2rem 5rem;
    text-align: center;
	background-color:#cc3300;
}
.board_list_v01 table td.title .ico_sc.cbg1 {
    background: #af7e20 none repeat scroll 0 0;
    border: 1px solid #96660b;
}
.board_list_v01 table td.title .ico_sc.cbg2 {
    background: #4d7ca0 none repeat scroll 0 0;
    border: 1px solid #194d74;
}
.board_list_v01 table td.title .ico_sc.cbg3 {
    background: #aa4d6e none repeat scroll 0 0;
    border: 1px solid #983558;
}
.board_list_v01 table td.title .ico_sc.cbg4 {
    background: #464646 none repeat scroll 0 0;
    border: 1px solid #525252;
}

.board_list_v01 table td.title a {
    /*display: inline;*/
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%; /*비밀번호아이콘 때문에 100 > 90으로 수정*/
}
.board_list_v01 table td.title img {
    padding-right:1%;
    vertical-align: top;
    padding-top:7rem;
}
.board_list_v01 table td.title a::after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
}
.board_list_v01 table td.notice {
    background: #f1f4f7 none repeat scroll 0 0;
    border-bottom: 1px solid #999;
    padding: 10rem 0;
}


@media ( max-width: 880px) {
.board_list_v01 table .num,
.board_list_v01 table .date,
.board_list_v01 table .hits,
.board_list_v01 table .bgp_name {display:none;}
.board_list_v01 table .title {width:50% !important;}
.board_list_v01 table .file {width: 20%;}
.board_list_v01 table .w_name {width: 30%;}

.board_list_v01.corona19_Protector table .num {display:table-cell; width:10%;}
.board_list_v01.corona19_Protector table .date {display:table-cell; width:20%;}
.board_list_v01.corona19_Protector table .title {display:table-cell; width:70%;}


.board_list_v01 table td.title a {
  text-overflow:initial;
  white-space:normal;
}


}
@media ( max-width: 880px) {
    .board_list_v01 table td.title a {width:80%;}
}


/*게시판 버튼*/

.board_btn::after {
    clear: both;
    content: " ";
    display: block;
    visibility: hidden;
}
.board_btn {
    margin-top: 1%;
    padding: 0;
    text-align: right;
    width: 100%;
}
.board_btn {
    padding: 10rem 0;
    text-align: right;
}

.btn_white {
/*font-size: 15rem;*/
background: linear-gradient(135deg, #609EE9 2%, #1959A6 30%);
    color: #fff;
    padding: 15rem 20rem;
    border-radius: 10rem;
    border: 0;
    font-size: 18rem;
}

.btn_write:hover {color:#fff;border: 1px solid #072e4b;  background-color:#003366;}

.btn_list:hover {color:#333;border: 1px solid #015ca2; }

.btn_blue {	background: linear-gradient(135deg, #609EE9 2%, #1959A6 30%  );  color:#fff; padding:15rem 20rem; border-radius:10rem;  border:0; font-size: 18rem;	}

.btn_lgray {	/*font-size: 15rem;*/  line-height: 20rem !important;	background: #707070 none repeat scroll 0 0;	 border: 1px solid #6a6a6a;	/*border-radius: 5rem;*/	 color: #fff !important;
padding: 5rem 14rem; text-decoration:none !important;	}


.btn_excel {background:url('/design/area/img/sub03/down_excel02.png') no-repeat 5rem 0; 	/*font-size: 15rem;*/  line-height: 20rem !important;
border: 1px solid #999;  background-color:#efefef; color: #333 !important; padding: 5rem 14rem 5rem 34rem; text-decoration:none !important;}

.btn_cyan{/*font-size: 14rem;*/ line-height: 20rem !important; background: #00a3a8 none repeat scroll 0 0;border: 1px solid #0c8084;  color: #fff;
padding: 5rem 14rem; font-weight:bold;}

.btn_cyan:hover {color:#fff; border: 1px solid #074d4d;  background-color:#006666;}

.empty_ctn {width:100%; height:300rem; background-color:#efefef;}

.btnboxC {text-align:center;}
.btS_w30 {background:#323232; color:#fff; font-size:15px; display:inline-block; padding:2rem 9rem;}
.btS_w30:hover {color:#fff; background:#000;}

/*page_count*/

#paging_area {
   clear: both;
    margin: 25rem 0 10rem;
    position: relative;
    text-align: center;
    width: 100%;
}
#paging img {vertical-align:middle;}
.paging {
    display: flex;
	justify-content: center;
	flex-wrap:wrap;
    font-family: verdana;
    font-size: 0.95em;
    text-align: center;
}
.paging a, .paging strong {
	border: 1px solid #fff;
	color: #555;
	display: block;
	font:  13rem verdana !important;
	text-align:center;
	border: 1px solid #999;
	width:30px;
	margin:2rem;
	flex-shrink:0;
	align-content:center;
}
.paging a:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    text-decoration: underline;
    vertical-align: middle;
}
.paging strong {
    border: 1px solid #333;
    color: #fff;
    font-weight: bold;
	background-color:#555;
}
.paging .pre, .paging .next {
    color: #565656;
    font-weight: normal;
    vertical-align: middle;
}/*
.paging .next:hover, .paging .pre:hover, .paging .pre_end:hover, .paging .next_end:hover {
    border: 0 none !important;
    padding: 0 !important;
    vertical-align: middle;
}*/
.paging .pre {
    border: 0 none;
    padding: 0 !important;
}
.paging .pre img { vertical-align: middle;}
.paging .next {
    border: 0 none;
    padding: 0 !important;
}
.paging .next img { vertical-align: middle;}
.paging .pre_end {
    border: 0 none;
    padding: 0 !important;
}
.paging .pre_end img { vertical-align: middle;}
.paging .next_end {
    border: 0 none;
    padding: 0 !important;
}
.paging .next_end img { vertical-align: middle;}


/*게시판 뷰화면*/

.view_wrap {width:100%; border-bottom: 1px solid #999; padding:10rem 0; overflow:hidden;}
.view_wrap dt {float:left; width:13%; font-weight:bold; padding-left:10rem;} /*width:25%;*/
.view_wrap dd {float:left; padding-left:10rem;}
@media all and (max-width:880px) {
    .view_wrap dt {width:15%;}
}
/*
@media all and (max-width:768px) {
    .view_wrap dt {width:35%; padding:0;}
    .view_wrap dd {width:63%; padding:0;}
}
*/

.board_view { margin-bottom:20rem;} /* overflow:hidden; */

.view_tle {
	height:auto;
    background: #eef2f6 none repeat scroll 0 0 !important;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    font-size: 18rem !important;
    font-weight: 600;
    padding: 10rem 10rem 10rem 15rem !important;
	background-image:none !important;
	margin-bottom:0 !important;
}
h4.view_tle::before,
h4.view_tle::after {
	display:none !important;
}

.view_name {
    border-bottom: 1px solid #999;
    padding: 10rem 0;
    overflow:hidden;
}

.view_name dt {
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding-left: 10rem;
    width: 13%;
}


.view_name dd {
    float: left;
    padding-left: 10rem;
    width: 32%;
}


.view_full {
    border-bottom: 1px solid #999;
    height: 17rem;
    padding: 10rem 0;
}

.view_full dt {
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding-left: 10rem;
    width: 13%;
}


.view_full dd {
    float: left;
    padding-left: 10rem;
    width: 82%;
}


.view_file {
    border-bottom: 1px solid #999;
    padding: 10rem 0 10rem 0;
	float: left;
	width: 100%;

}


.view_file dt {
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    overflow: hidden;
    padding-left: 10rem;
    width: 13%;
}
@media all and (max-width:880px) {
  .view_file dt {width:15%;}
}

.view_file dd {
    float: left;
    width: 82%;
    padding-left:10rem
}

.btn_fileview {
    margin-left: 10rem;
}

.btn_fileview img{position:relative; width:50rem; height:19rem; vertical-align:middle;}

.view_file dd ul {margin:0; padding:0;}
.view_file dd ul li{background: url("/design/common/img/board/file/file_add.gif") no-repeat scroll 0 7rem;  padding:0 0 5rem 20rem;}
.view_file dd ul li img {vertical-align:middle;}


.view_body {
    border-bottom: 1px solid #999;
    /*height: 100%;*/
    line-height: 1.6em;
    padding: 3%;
	float: left;
	width:95%;
}

.view_body img {text-align:center; max-width:100%; height:auto !important; overflow:hidden;}
.view_body video {width:auto; max-width:100%;}
.view_subtle {display:block; padding:0 0 12rem 0; font-weight:600; font-size:15rem; color:#666;}

.view_dept {
    border-bottom: 1px solid #999;
    padding: 10rem 0;
	float:left;
	width:100%;
}

.view_dept dt {
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding-left: 10rem;
    width: 13%;
}


.view_dept dd {
    float: left;
    padding-left: 10rem;
    width: 32%;
}

.view_mgr {
    border-bottom: 1px solid #999;
    padding: 10rem 0;
	float:left;
	width:100%;
}

.view_mgr dt {
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding-left: 10rem;
    width: 13%;
}


.view_mgr dd {
    float: left;
    padding-left: 10rem;
    width: 32%;
}

.view_prev { margin-top:20rem; border-top: 2px solid #0b82c6; width:100%; border-bottom: 1px solid #999; overflow:hidden;}
.view_prev dt {
    clear: both;
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding: 10rem 0;
    width: 20%;
	text-align:center;
}
.view_prev dd {
    float: left;
    padding: 10rem 0;
    width: 75%;
	/*font-size: 14rem;*/
	padding-left:5%;
}
/*
.view_prev dd a.left_link{
   font-family:"나눔고딕", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif;
}
*/


.view_next { margin-bottom:20rem; width:100%; border-bottom: 1px solid #999; overflow:hidden;}
.view_next dt {
    clear: both;
    float: left;
    /*font-size: 14rem;*/
    font-weight: bold;
    padding: 10rem 0;
    width: 20%;
	text-align:center;
}
.view_next dd {
    float: left;
    padding: 10rem 0;
    width: 75%;
	/*font-size: 14rem;*/
	padding-left:5%;
}
.view_next dd a.left_link{

}

.img_up {
    background:url("/design/common/img/board/up_bg.gif") no-repeat scroll right 20rem;
}
.img_down {
    background:url("/design/common/img/board/down_bg.gif") no-repeat scroll right 20rem;
}
.view_btn_wrap {
    height: 24rem;
    margin-bottom: 20rem;
	float:left;
	width:100%;
	margin-top:20rem;
}
.view_btn_r {
    float: right;
}
.view_btn_r button {
    margin-left: 5rem;
}
.reply_tle_wrap {
    background: url("/design/common/img/board/reply_bg.gif") no-repeat scroll 0 15rem;
    overflow: hidden;
    width: 100%;
	margin-top: 20rem;
	float:left;
	border-top: 1px dashed #999;
}

.reply_tle_wrap h4{padding:7rem 0 0 20rem !important; font-weight:bold; color:#2a69a8; font-size:15rem;}

.reply_text {
    border: 1px solid #c5ccd3;
    /*font-size: 14rem;*/
    height: 78rem;
    width: 90%;
}
.reply_text_wrap {
    margin-top: 5rem;
}
.reply_view {
    border-bottom: 1px solid #999;
    margin-top: 10rem;
    overflow: hidden;
    padding-bottom: 15rem;
	float:left;
	width:100%;
	margin-bottom:30rem;
}
.reply_view_tle {
    padding-bottom: 15rem;
}
.reply_view_tle .name {
    font-weight: bold;
}
.reply_view_tle .date {
    color: #777;
    font-family: tahoma;
    /*font-size: 14rem;*/
    padding-left: 10rem;
}
.reply_view_tle img {width:20rem; height:20rem; vertical-align:middle;}
.reply_del {
    height: 14rem;
    margin-left: 10rem;
    width: 14rem;
}
.reply_view_body {
    line-height: 1.8em;
}
.reply_tle_wrap2 {
    overflow: hidden;
    padding: 20rem;
}
.reply_tle_wrap2 h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20rem;
    width: 50%;
}
.reply_text2 {
    border: 1px solid #c5ccd3;
    color: #888;
    height: 78rem;
    width: 40%;
}
.reply_text_wrap2 {
    margin-top: 20rem;
}

.floatright{vertical-align:top;}


/*게시판 및 신고하기 폼 글쓰기 - 이전소스는 board.css 확인하세요.*/
.top_txt01 {margin-bottom:10rem; text-align:right; }
.top_txt01 span {color:#ff0000;}
.write_wrap { position:relative; border-top:3rem solid #444; }
.write_wrap > * {box-sizing:border-box;}
.write_wrap::before {content:''; position:absolute; left:0; top:0; width:30%; height:100%; background:#eee; z-index:-1;}
.write_wrap dl { overflow:hidden; border-bottom: 1px solid #ccc; }
.write_wrap dl dt {float:left; width:30%; padding:10rem; color:#333; font-weight:500; box-sizing:border-box;}
.write_wrap dl dt span {color:#ff0000;}
.write_wrap dl dd {float:left; width:70%; padding:10rem; box-sizing:border-box;}
.write_wrap dl dd input,
.write_wrap dl dd textarea {border: 1px solid #ccc; padding:5rem; width:100%; box-sizing:border-box;}
.write_wrap dl dd input[type="radio"] {width:18rem;}
.write_wrap dl dd input[type="file"] {border: 1px dashed #ccc; /*width:30%;*/}
.write_wrap dl dd input[type="checkbox"] {width:20rem;}
.btn_check {display:inline-block; margin-top:7rem; padding:2rem 20rem; border: 1px solid #047296; font-weight:bold; color:#fff; background:#0480a8;}
.writeBtn > * { vertical-align: top; }
#parm_bfd_0048 {width:100% !important}


/* 쓰기 */
.wirte_wrap { clear:both; width:100%;}

.write_tle_wrap { float:left;width:100%; border-top: 1px solid #333; border-bottom: 1px solid #999; color:#333; line-height:1.83em;}
.write_tle_wrap .tle_left { float:left; padding:7rem 0 13rem 7rem; font-size:1em; font-weight:bold; width:73rem;}
.write_tle_wrap .tle_right { float:left; padding:7rem 0; font-size:1em; width:615rem;}

.write_ctn_wrap {float:left; width:100%; border-bottom: 1px solid #999;color:#333; line-height:1.83em;}
.write_ctn_wrap .writer_left { float:left; padding:7rem 0; height:42rem; line-height:42rem; font-size:1em; font-weight:bold; width:30%; text-align:center;}
.write_ctn_wrap .writer_right { float:left; padding:7rem 0; font-size:1em; width:70%; box-sizing: border-box; padding-left:20rem}
.write_ctn_wrap .writer_right .txt_m {height:200rem;}

@media ( max-width: 880px) {
.fs {font-size:0.85em;}
.hc {height:60rem;}
.view_dept dt {width:20%;}
.view_dept dd {width:70%;}
.view_mgr dt {width:20%;}
.view_mgr dd {width:70%;}
.view_name dt {width:15%;}
.view_name dd {width:25%;}
.view_full dt {width:15%;}
.view_full dd {width:75%;}
.btn_white {padding:4rem 13rem; font-size:13rem;}
.btn_blue {padding:4rem 13rem; font-size:13rem;}
.btn_lgray {padding:4rem 13rem; font-size:13rem;}
.reply_text {width:70%;}
}

/*글등록비밀번호 입력*/
.del_wrap {
    border: 1px solid #c0c0c0;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 350rem;
}
.del_wrap .del_top {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 2rem solid #395d93;
    color: #395c93;
    font-size: 20rem;
    font-weight: bold;
    height: 60rem;
    overflow: hidden;
    position: relative;
}
.del_wrap .del_top span {
    color: #395c93;
    display: block;
    font-size: 24rem;
    font-weight: bold;
    line-height: 1.4em;
    padding: 10rem 0 0 10rem;
}
.del_wrap .del_area {
    margin: 5rem 0;
    padding: 20rem !important;
    text-align: center;
}
.board_btn {
    clear: both;
    margin: 20rem 0;
    /*overflow: hidden;*/
    width: 100%;
}
.board_btn li {
    line-height: 1.6em;
}
.board_btn li.left {
    float: left;
    text-align: left;
    width: 49%;
}
.board_btn li.right {
    float: right;
    text-align: right;
    width: 49%;
}
.board_btn_center {
    margin: 20rem 0 0;
    /*overflow: hidden;*/
    text-align: center;
    /*width: 100%;*/
}
.board_btn_center button {cursor:pointer;}

.write_form1 img {
    vertical-align: middle;
}


/*포토갤러리 리스트*/
.list_gellery {border-top: 2rem solid #1959A6; border-bottom: 1px solid #D9D9D9; display:flex; flex-wrap:wrap; padding:20rem 0 10rem;}
.list_gellery ul {width:25%; margin-bottom:-10rem;}
.list_gellery ul li { padding:30rem 12rem; text-align: center; width: 100%;}
.list_gellery ul li a { display: block; }
.list_gellery ul li .img {height: 180rem; overflow: hidden; border-radius:20rem;}
.list_gellery ul li img { width:100%; height:100%; object-fit:cover;}
.list_gellery ul li span { display: block; margin-top:12rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align: left;}
.list_gellery .no_data{	border-bottom:0rem !important;}
.list_gellery ul li.photo a img {	height:140rem;	max-width:100%;}
@media all and (max-width:1240px){
	.list_gellery ul {width:33.333%;}
}
@media all and (max-width:768px){
	.list_gellery ul {width:50%;}
}
@media all and (max-width:321px){
	.list_gellery ul {width:100%;}
}


/*포토갤러리 리스트 타입2 - 문화재안내*/
.list_gallery_02_wrap {position:relative; width:100%; border-top: 2px solid #333; float:left;}

.list_gallery_02 {position:relative; width:100%; height:auto; float:left; border-bottom: 1px solid #999;}

.list_gallery_02 .pic_left {position:relative; width:190rem; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right{position:relative; width:280rem; float:left;}

.list_gallery_02 .pic_left .content_img {float:left; padding-bottom:3rem; }
.list_gallery_02 .pic_left .content_img img{width:160rem; height:170rem; border: 1px solid #999; padding:4rem;}
.list_gallery_02 .pic_left .content_zoom {position:relative; width:170rem; float:left; text-align:center;}
.list_gallery_02 .pic_left .content_zoom a img{ width:92rem; height:28rem;}


.list_gallery_02 .pic_right dl {position:relative; position:relative; width:100%; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right dt {position:relative; width:100%; float:left; font-weight:bold; color:#003399; font-size:1.3em; margin-bottom:10rem;}
.list_gallery_02 .pic_right dd {position:relative; float:left;}
.list_gallery_02 .pic_right dd  ul li{background: url("/design/ko/img/main/bl_03.gif") no-repeat scroll 2rem center ; padding-bottom:3rem; padding-left:15rem;}


@media ( max-width: 880px) {


.list_gallery_02 .pic_left {position:relative; width:140rem; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right{position:relative; width:220rem; float:left; padding-left:10rem;}

.list_gallery_02 .pic_left .content_img {float:left; padding-bottom:3rem; }
.list_gallery_02 .pic_left .content_img img{width:130rem; height:150rem; border: 1px solid #999; padding:4rem;}
.list_gallery_02 .pic_left .content_zoom {position:relative; width:130rem; float:left; text-align:center;}
.list_gallery_02 .pic_left .content_zoom a img{ width:92rem; height:28rem;}


.list_gallery_02 .pic_right dl {position:relative; position:relative; width:100%; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right dt {position:relative; position:relative; float:left; font-weight:bold; color:#003399; font-size:1.3em; margin-bottom:10rem; line-height:130%;}
.list_gallery_02 .pic_right dd {position:relative; float:left;}
.list_gallery_02 .pic_right dd  ul li{background: url("/design/ko/img/main/bl_03.gif") no-repeat scroll 2rem center ; padding-bottom:3rem; padding-left:15rem;}

}


@media ( max-width: 480px) {

.list_gallery_02 .pic_left {position:relative; width:120rem; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right{position:relative; width:170rem; float:left;}

.list_gallery_02 .pic_left .content_img {float:left; padding-bottom:3rem; }
.list_gallery_02 .pic_left .content_img img{width:100rem; height:80rem; border: 1px solid #999; padding:4rem;}
.list_gallery_02 .pic_left .content_zoom {position:relative; width:115rem; float:left; text-align:center;}
.list_gallery_02 .pic_left .content_zoom a img{ width:92rem; height:28rem;}

.list_gallery_02 .pic_right dl {position:relative; position:relative; width:100%; float:left; margin-top:20rem; padding-bottom:10rem;}
.list_gallery_02 .pic_right dt {position:relative; position:relative; float:left; font-weight:bold; color:#003399; font-size:1em; margin-bottom:10rem; line-height:130%;}
.list_gallery_02 .pic_right dd {position:relative; float:left;}
.list_gallery_02 .pic_right dd  ul li{background: url("/design/ko/img/main/bl_03.gif") no-repeat scroll 2rem center ; padding-bottom:3rem; padding-left:15rem; font-size:0.89em;}

}




/*이북 리스트*/
.list_ebook {border-top: 2rem solid #333; border-bottom: 1px solid #999; display:flex; flex-wrap:wrap;	margin-bottom:20rem; padding-bottom:10rem;}
.list_ebook ul {width:25%; margin-bottom:-10rem;}
.list_ebook ul li { padding:20rem 10rem;    text-align: center;    width: 100%;}
.list_ebook ul li a {    color: #333;	display:block;}
.list_ebook ul li .e_tit {    display: block;    margin: 5rem 10rem 0;}
.list_ebook ul li .e_tit a {display:block; margin-top:10rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_ebook ul li a > img {    width:100%;	height:310rem;	border:1px solid #ddd;}
.list_ebook .no_data{	border-bottom:0rem !important;}
.list_ebook ul li.photo a img {	height:140rem;	max-width:100%;}
.list_ebook .no_data{border-bottom:0rem !important;}
@media all and (max-width:1240px){
	.list_ebook ul {width:33.333%;}
}
@media all and (max-width:768px){
	.list_ebook ul {width:50%;}
}
@media all and (max-width:321px){
	.list_ebook ul {width:100%;}
}

.list_ebook ul li .btn_ebook,
.list_ebook ul li .btn_pdf,
.list_ebook ul li .btn_xls {margin:0 auto 3rem;}
.list_ebook ul li .btn_ebook a,
.list_ebook ul li .btn_pdf a,
.list_ebook ul li .btn_xls a {position:relative; display:inline-block; border: 1px solid #8e8e8e; box-sizing:border-box; font-size:14rem; padding:4rem 30rem 4rem 10rem; background:#dcf4fd; margin:5rem 0;}
.list_ebook ul li .btn_ebook a:hover,
.list_ebook ul li .btn_pdf a:hover,
.list_ebook ul li .btn_xls a:hover {color:#fff; border: 1px solid #047296; background:#0480a8; }
.list_ebook ul li .btn_ebook a::after,
.list_ebook ul li .btn_pdf a::after,
.list_ebook ul li .btn_xls a::after {content:''; position: absolute; right:0; top:9rem; display:block; width:13rem; height:11rem; margin-right:10rem; background:url('/design/ko2019/img/sub/btn_s.gif') no-repeat 66.666% 0/400% auto;}
.list_ebook ul li .btn_ebook a:hover::after,
.list_ebook ul li .btn_pdf a:hover::after,
.list_ebook ul li .btn_xls a:hover::after {background-position:66.666% 100%;}




/* 방명록형 리스트*/
.list_content_board {
	position:relative;
	width:100%;
	height:auto;
	border-top: 2px solid #333;
	float:left;
	margin-bottom:20rem;
}
.list_content_board ul{
	position:relative;
	float:left;
	width:100%;
}
.list_content_board ul li {
	position:relative;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border-bottom: 1px solid #999;
}
.list_content_board ul li .con_tit a{
	position:relative;
	float:left;
	width:96%;
	padding:2%;
	font-size:1.5em;
	font-weight:bold;
	color:#333;
}
.list_content_board ul li .con_txt {
	position:relative;
	float:left;
	width:96%;
	padding:0 2% 2% 2%;
	font-size:1em;
	line-height:150%;
	color:#555;
}
.list_content_board ul li .con_date {
	position:relative;
	float:left;
	width:80rem;
	padding:0 2% 2% 2%;
	font-size:1em;
	color:#666; /*background:url("/design/ko/img/common/bar_navi.gif") no-repeat scroll right 22rem;*/
}
.list_content_board ul li .con_writer {
	position:relative;
	float:left;
	width:150rem;
	padding:0 2% 2% 3%;
	font-size:1em;
	color:#666;
}

.list_content_board ul li a {text-decoration:none;}
.list_content_board ul li .con_tit a:hover, .list_content_board ul li .con_tit a:focus {text-decoration:underline;}
.list_content_board li:hover {background-color:#f5f4f0;}

.list_content_board_view {
	position:relative; width:100%;
	height:auto;
	border-top: 2px solid #333;
	float:left;
	margin-bottom:20rem;
}
.list_content_board_view .view_tle02 {
	position:relative;
	float:left;
	width:96%;
	padding:2%;
	font-size:1.5em;
	font-weight:bold;
	color:#333;
	border-bottom: 1px solid #999;
}

.list_content_board_view .ctn_view {
 position:relative;
 float:left;
 padding:2%;
 width:96%;
 border-bottom: 1px solid #999;
 margin-bottom:20rem;
 }

/* 민원서식 view */
.form_con dl {clear:both; overflow:hidden; border-bottom: 1px solid #999;}
.form_con dt {float:left; width:15%; padding:5rem 0 7rem 0; font-weight:bold; text-align:center;}
.form_con dd {float:left; width:85%; padding:5rem 0 7rem 0;}


/* 시정뉴스 */
.newsMain {width:100%; padding:40rem; display:flex; align-items:flex-start; justify-content:flex-start; border-top: none; background:#EFF4FB; margin-top: 40rem; border-radius:20rem}
.newsMain .tit {padding-bottom:10rem; font-weight:600; font-size:16rem;}
.newsMain .tit a {color:#cc3300;}
.newsMain .img {width:30%;  }
.newsMain .img img {width:100%; border: 1px solid #999; padding:3%; overflow: hidden; border-radius:10rem;}
.newsMain dl { width:65%; margin-left:5%;}
.newsMain dl dt {font-weight:600; font-size:21rem;}
.newsMain dl dt a {color:#333;}
.newsMain dl dt .date { margin-left: 12rem; font-size: 16rem; color:#666; font-weight:400;}
.newsMain dl dd {padding-top:7rem;}
.newsMain dl dd a {font-size:15rem; line-height:160%; color:#1959A6;}
.newsMain dl dd .con a { color:#555}

.newsList { border-top: none; margin-top: 20rem;}
.newsList li {padding:30rem 15rem; border-bottom: 1px dashed #D9D9D9; overflow:hidden;}
.newsList .img {float:left; width:18%;}
.newsList .img img {width:100%; border: 1px solid #999; padding:3%;}
.newsList dl {float:left; width:78%; margin-left:4%;}
.newsList dt {font-weight:bold; font-size:15rem;}
.newsList dt a {color:#333; font-weight:600; font-size:21rem;}
.newsList dt .date { margin-left: 12rem; font-size: 16rem; color:#666; font-weight:400;}
.newsList dd {padding-top:8rem;}
.newsList dd span {display:block;}
.newsList dd .tit {font-weight:600;}
.newsList dd .tit a {color:#1959A6; font-size:16rem; }
.newsList dd .con {padding-top:4rem; line-height:160%;}
.newsList dd .con a {line-height:170%; font-size:14rem;}


.movieMain {padding:35rem 45rem 35rem 45rem;  background:#EFF4FB; overflow:hidden; border-radius:20rem}
.movieMain .img {position:relative; float:left; width:32%; line-height:0;}
.movieMain .img img {width:100%;}
.movieMain .img span {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/design/area/img/common/icon_play.png') no-repeat center center;}
.movieMain .img span:hover {background-color:rgba(0,0,0,0.4)}
.movieMain dl {float:left; width:58%; margin-left:5%;}
.movieMain dt {font-weight:bold; font-size:1.2em;}
.movieMain dt a {color:#333;}
.movieMain dd {}

.movieList {margin-top:30rem; border-top: 1px dashed #D9D9D9; border-bottom: 1px dashed #D9D9D9;}
.movieList ul { overflow:hidden; margin-top:40rem;}
.movieList li {float:left; width:31%; margin:0 0 36rem 3.5%;}
.movieList li div { padding:4%; border: 1px solid #D9D9D9; background:#fbfbfb; min-height:180rem; border-radius:16rem; }
.movieList li:nth-child(3n-2) {margin-left:0;}
.movieList .img {position:relative; line-height:0; border-radius:8rem; overflow: hidden;}
.movieList .img img {width:100%;}
.movieList .img span {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/design/area/img/common/icon_play.png') no-repeat center center; }
.movieList .img span:hover {background-color:rgba(0,0,0,0.4)}
.movieList dl {margin-top:10rem;}
.movieList dt {font-weight:500; font-size:18rem; width:90%; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.movieList dt a {color:#333; }
.movieList dd {font-size:0.98em; width:90%; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}

@media ( max-width: 640px) {

.newsMain .tit {padding-bottom:10rem; font-size:1.25em; text-align:center;}
.newsMain .img {clear:both; width:95%;}
.newsMain .img img {padding:2%;}
.newsMain dl {clear:both; width:100%; margin-left:0;}
.newsMain dl dt {font-size:1.1em;}
.newsMain dl dd {font-size:1.0em;}

.newsList .img {clear:both; width:95%;}
.newsList .img img {padding:2%;}
.newsList dl {clear:both; width:100%; margin-left:0;}
.newsList dt {font-size:1.1em;}
.newsList dd span {font-size:1.0em;}
.newsList dd .tit {}

.movieMain {padding:3.5%;}
.movieMain .img {clear:both; width:100%;}
.movieMain dl {clear:both; width:100%; margin-top:10rem; margin-left:0;}

.movieList li {clear:both; width:100%; margin-left:0;}
.movieList li:nth-child(2n-1) {margin-left:0 !important;}
.movieList .img span {background-size: 48rem 48rem;}

}


/*설문하기*/
.board_list_v01 table .list_num { width:10%;}
.board_list_v01 table .list_date { width: 22%; }
.board_list_v01 table .list_write { width: 12%; }
.board_list_v01 table .list_hit {width: 10%;}
.board_list_v01 table .list_btn {width: 10%;}

.poll_research {position:relative; width:100%;}
#tit_poll {background-image:none !important; position:relative; width:100%; color:#003366 !important; text-align:center !important; background-color:#efefef !important; border-top: 2px solid #003366; font-size:15rem; font-weight: bold; line-height: 40rem !important; overflow: hidden; padding:0 !important;}
#tit_poll::before {display:none;}

.guide_poll { margin-bottom: 20rem; margin-top: 0; border: 1px solid #999; padding: 20rem;}

h5.poll_duration  {background: url("/design/common/img/poll/ico_duration.gif") no-repeat scroll left 0  !important; clear: both;  padding: 0 0 1em 2em !important; line-height:130%; margin-top:1.5em; font-weight:bold; color:#2d5cb2; }
.date_duration {position:relative; width:80%;  background: url("/design/common/img/poll/ico_dot.gif") no-repeat scroll left 0.5em ;  margin: 0 0 0.25em; padding-left: 1em;}

.poll_list {position:relative; width:100%; border-bottom:3rem solid #555;}
.poll_list dt {border-top: 1px dotted #b0b0b0; color: #333;font-weight: bold; padding: 15rem 10rem 7rem 7rem;line-height:220%;}
.poll_list dd {padding: 7rem 10rem;}
.poll_list .box {margin-bottom: 10rem;}
.input99 {border: 1px solid #cecece;padding: 3rem; width: 99%;}
.bg_item {background-color: #cc3300; border: 1px solid #993300;color: #fff;cursor: pointer;font-size: 12rem;font-weight: bold;height: 28rem;letter-spacing: -1rem;line-height: 170%;margin: 0 10rem 0 0;padding: 3rem 10rem;vertical-align: top;}

.poll_list .box {margin-bottom: 10rem;}
.poll_list .graph {background: url("/design/common/img/poll/poll_img03.gif") repeat-x scroll 0 0; height: 9rem;}
.poll_list .graph  span {background: url("/design/common/img/poll/poll_img02.gif") repeat-x scroll 0 0;display: block;height: 9rem;}
.poll_list .box { margin-bottom: 10rem;}

.search_list { clear:both; }

@media all and (max-width:768px){
    .board_list_v01 table .list_num,
    .board_list_v01 table .list_write,
    .board_list_v01 table .list_hit { display:none; }
    .board_list_v01 table .list_date { width: 30%; }
    .board_list_v01 table .list_btn {width:20%;}
}

/*시안투표추가*/
.sian {border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; overflow:hidden; padding-bottom:30rem; margin:30rem 0;}
.sian p{ clear:both; font-size:16rem; padding:30rem 0 20rem;font-weight:bold; }
.sian span { margin-right:10rem; color:#0066cc;}
.sian dl {overflow:hidden; margin:20rem 0; border-top: 1px solid #eee; }
.sian dl dt {float:left; width:30%;}
.sian dl dt img { width:auto; max-width:100%; }
.sian dl dd { float:left; width:67%; margin-left:3%;}
.sian dl dd li { word-wrap:normal; word-break:keep-all; }
.sian dl dd li:first-child { font-size:16rem; font-weight:bold;}
.sian dl dd li:first-child span { display:block; line-height:20rem; font-size:13rem; color:#666; }
.sian dl dd li p.red {font-size:12rem; padding:20rem 0 0 0;}
.sian.ver2 dl { float:left; width:50%; padding:20rem; margin:0; box-sizing:border-box; }
.sian.ver2 dl:nth-child(4), .sian.ver2 dl:nth-child(10) {clear:both;}
.sian.ver2 dl dt { width:100%; margin-bottom:10rem; text-align:center; }
.sian.ver2 dl dt img { width:100%; max-width:250rem; border: 1px solid #ccc; padding:5rem; box-sizing:border-box; }
.sian.ver2 dl dd { width:100%; margin-left:0; }
.sian.ver2 dl dd li:first-child {margin-bottom:5rem;}
.sian.ver2 .box { clear:both; border: 1px solid #c00; padding:20rem; }
.sian.ver2 .box strong { font-size:15rem; color:#c00; }
.sian.ver2 .box p {padding:0; font-size:13rem; font-weight:normal; }
.sian.ver2 .box p:nth-child(2) {margin-bottom:20rem; }
@media all and (max-width:600px) {
  .sian.ver2 dl {width:100%;}
}

/* 게시판 머릿글 */
.board_box{position:relative; margin-bottom:20rem; border: 1px solid #ccc; }
.board_box::after {content:''; position:absolute; display:block; width:100%; height:3rem; bottom:-4rem; left:0; background:#f0f0f0;}
.board_box .inner {overflow:hidden;}
.board_box p { line-height:1.6em; }
.basic_box.type1 .inner{padding-left:260rem;}
.basic_box.type1 .icon{display:inline-block;}
.board_box .con{ float:left; width:72%; min-height:100rem; margin:30rem 0 30rem 15rem; border-left: 1px dashed #ccc; padding-left:3%; box-sizing:border-box; }
.board_box .con .tit {line-height:35rem; color:#000;font-size:1.2em; font-weight:600; }

.board_box > .inner span.leftIcon { display:inline-block; float:left; margin:30rem 0; width:20%; height:100rem; position: relative;}
.board_box > .inner span.leftIcon::after {content:''; display:block; width:100rem; height:100rem; position:absolute; top:0rem; left:0; background-image:url('/design/ko2019/img/sub/b_icon.gif'); background-repeat:no-repeat; margin:0 33%;}
/*생활불편해결사례*/.board_box .b_icon01::after{background-position:0 0;}
/*부동산불법중개행위신고*/.board_box .b_icon02::after{background-position:-100rem 0;}
/*자유게시판*/.board_box .b_icon03::after{background-position:-200rem 0;}
/*광고/홍보*/.board_box .b_icon04::after{background-position:-300rem 0;}
/*칭찬합시다*/.board_box .b_icon05::after{background-position:-400rem 0;}
/*포토갤러리*/.board_box .b_icon06::after{background-position:-500rem 0;}
/*시민제안방 글쓰기,여론조사 */.board_box .b_icon07::after{background-position:-600rem 0;}
/*분묘개장공고, 사전컨설팅 감사*/.board_box .b_icon08::after{background-position:-700rem 0;}
/*공지사항*/.board_box .b_icon09::after{background-position:-800rem 0;}
/*청렴*/.board_box .b_icon10::after{background-position:-900rem 0;}
/*채용공고*/.board_box .b_icon11::after{background-position:0 -100rem;}
/*꽃소식*/.board_box .b_icon12::after{background-position:-100rem -100rem;}
/*시청갤러리*/.board_box .b_icon13::after{background-position:-200rem -100rem;}
/*영상갤러리*/.board_box .b_icon14::after{background-position:-300rem -100rem;}
/*통계연보*/.board_box .b_icon15::after{background-position:-400rem -100rem;}
/*교육/강좌 안내*/.board_box .b_icon16::after{background-position:-500rem -100rem;}
/*경주시 인력풀 등록*/.board_box .b_icon17::after{background-position:-600rem -100rem;}
/*문화재 답사활동 후기*/.board_box .b_icon18::after{background-position:-700rem -100rem;}
.btn_guide {width:auto; text-align:center; overflow:hidden;}
.btn_guide ul {}
.btn_guide li {display:inline}
.box_agree02 {padding:20rem; border: 1px solid #ccc;}


/*부동산민원/개별주택가격*/.board_box .b_icon_declared{ background:url("/design/common/img/board/b_icon_declared.png") no-repeat center;}


.board_box .b_icon10 .txt { position:absolute; left:-9999rem; }

/*교육강좌*/
.ico_must{font-weight:bold; color:#ff0000; padding-right:5rem;}
/*.write_wrap dl{background-color:#efefef;}
.write_wrap dd{background-color:#fff;}*/
.button.lightgray{border-color:#cdd2d8; background-color:#e2e6e9; color:#4c4c4c !important;}
.button.xs{height:23rem; padding:5rem 10rem; border-radius: 2px; font-size:13rem; }
.button.location span{background:url("/design/area/img/common/ico_map_location.png") no-repeat 0 6rem; padding-left:20rem;}
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; /*cursor:pointer;*/ transition:background-color .1s, border-color .1s, box-shadow .1s;}
.button{/*min-width:68rem;*/ height:35rem; padding:0 15rem; border: 1px solid transparent; border-radius:3rem; background-color:#fff; font-size:12rem; font-weight:400; line-height:33rem; letter-spacing:0;}
.button span{height: 100%; vertical-align:middle;}
.button img{vertical-align:middle;}
.form01 {background-color:#fff; border: 1px solid #999; width:80%; height:20rem;}
.vaM {vertical-align:middle;}

@media ( max-width: 880px) {
.board_box{ background-image:none;}
.board_box > .inner span.leftIcon { display:none; }
.board_box .inner{padding:10rem;}
.board_box .inner:after{clear:both;display:block;content:""}
.board_box .con{width:100%; padding:10rem 2%; border-left:none; margin:0;}
}

/*
.board_btnTop {display:inline-block; vertical-align:middle; line-height:17rem;background:#fff;border: 1px solid #999; }
.board_btnTop a{display:block; font-weight:600; text-decoration:none !important; }

.icon_dot {padding:5rem 20rem 5rem 12rem;background:url('/design/common/img/board/btn_dot01.png') no-repeat right 10rem}
.icon_dot_oran { padding:5rem 25rem 5rem 12rem; background:url('/design/common/img/board/btn_dot_oran.png') no-repeat right 10rem; background-color:#C85300; color:#fff; }
*/

.bt_depth_01 {margin:0 0 0 15rem;}
.bt_depth_01 > li,.dep_01 {margin:0; padding:0 0 0 11rem; background:url('/design/ko/img/common/depth_01.gif') no-repeat 0 9rem;}
.bt_depth_01 > li.no {background:none !important;}

.exclam { background:url('/design/common/img/board/bg_exclam.gif') no-repeat left 4rem; padding-left:22rem; line-height:1.6em; font-weight:600; }
.exclam01 { color:#d63056; }
.exclam02 { color:#046ba0; }

/* 민원서식보기 */
.view_minwon {width:100%; max-width:100%; margin:9rem 0; border-right: 1px solid #999;}
.view_minwon caption {position:absolute; top:-9999rem;}
.view_minwon th {padding:4rem 0 8rem 0; border: 1px solid #999; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333; font-weight:600;}
.view_minwon tr:first-child th,
.view_minwon tr:first-child td {border-top: 1px solid #000;}
.view_minwon td {padding:4rem 0 8rem 10rem; border: 1px solid #999; vertical-align:middle; text-align:left;}
.view_minwon th.txtL,.view_minwon td.txtL {padding-left:12rem; padding-right:12rem; text-align:left;}
.view_minwon td.noSpace {padding:0;}
.view_minwon td img {vertical-align:middle;}
.process_close img{width:100%;}

@media ( max-width: 480px) {
.view_name dt { width:30%; padding-left:0 }
.view_name dd { width:70%; padding-left:0 }
.view_full dt { float: left; font-size: 11rem; font-weight: bold; padding-left: 10rem; width: 11%; letter-spacing:-0.15em; }
}

/*게시판 달력*/
#miniCalendar {width:auto !important;}
#miniCalendar > div {background:#777 !important; }
#miniCalendar table td {padding:0 !important;}
#miniCalendar table td a {display:block; padding:2rem;}
#miniCalendar .resetBtn,
#miniCalendar .closeBtn {background:#555; color:#fff; font-size:11rem; border:0; width:20rem; height:20rem; line-height:20rem; text-align:center; cursor:pointer; margin:2rem; padding:0; }

.ui-datepicker .ui-datepicker-title select { height:auto; }
.ui-icon {width:18rem; height:18rem;}

/* 행복톡톡 개인정보동의 */
.writeHappy h4 {font-size:20rem; padding:0 !important; margin:20rem 0 10rem 0; color:#27459c}
.writeHappy h4:first-of-type {margin-top:0;}
.writeHappy h4:before {display:none;}
.writeHappy ol {padding-left:25rem;}
.writeHappy ol > li {margin:5rem 0 10rem; font-weight:600; font-size:16rem;}
.writeHappy ol > li > ul > li {font-weight:normal;}
.writeHappy .caution {margin-top:25rem; font-weight:600; padding-left:25rem;}
.writeHappy .pri02 {margin:10rem 0 0 0; padding:10rem; border: 1px solid #ddd; }
.writeHappy .pri02 input[type="checkbox"] {display:inline-block; position:relative; top:-1rem; margin-right:3rem; vertical-align:middle;}

.disN {display:none;}