@charset "utf-8";

@font-face {
	font-family:'NotoSansR';
	src: url('../../webfont/NotoS/NotoSans-Regular.woff2') format('woff2'),
	     url('../../webfont/NotoS/NotoSans-Regular.woff') format('woff');
}

caption{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;} /* 도레미*/

body {
	font-size: 12px;
	/*color: 6A6A6A;*/
	color: #000000;
	font-family: 'NotoSansR', sans-serif;
	line-height: 190%;
	margin:0;
	/*scrollbar-3dlight-color:#DEDEDE;
    scrollbar-arrow-color:#A7C3D8;
    scrollbar-track-color:#F6F6F6;
    scrollbar-darkshadow-color:#F6F6F6;
    scrollbar-face-color:#84a970;
    scrollbar-highlight-color:#EDEDED;
    scrollbar-shadow-color:#DEDEDE;*/
}

a:link		{font-size: 15px;font-weight:600;color: #222;text-decoration: none;}
a:visited	{font-size: 15px;font-weight:600;color: #222;text-decoration: none;}
a:hover		{font-size: 15px;font-weight:600;color: #222;text-decoration: none;}
a:active	{font-size: 15px;font-weight:600;color: #222;text-decoration: none;}

/* 새창 버튼 */
.btn_link {display:inline-block; margin-left:6px; width:27px; height:27px; background:#d0d0d0 url('/images/kor_service/contents/icon_link.png') no-repeat center; border-radius:50%; vertical-align: middle;}
.btn_link:hover {background:#c8ac75 url('/images/kor_service/contents/icon_link.png') no-repeat center;}

.form {position:relative;display: block;}
.form > input[type="checkbox"] {position:absolute; left:0; top:0; width:20px; height:20px; margin: 0; opacity:0;}
.form > input[type="checkbox"] + label {position:relative; display:inline-block; height:20px; line-height:20px; font-size:15px; font-weight: 500; color:#222; letter-spacing: -1px; padding-left:26px; padding-right:9px; cursor:pointer;}
.form > input[type="checkbox"] + label a {font-size:15px; font-weight: 500; color:#222; letter-spacing: -1px;}
.form > input[type="checkbox"] + label::before {content:''; display:block; position:absolute; left:0; top:0; width:20px; height:20px; background-color:#fff; border:1px solid #d0d0d0; border-radius: 2px; box-sizing:border-box;}
.form > input[type="checkbox"]:checked + label::before{background:#bfa675; border-color:#bfa675;}
.form > input[type="checkbox"]:checked + label::after {content:''; display:block; width:5px; height:10px; border:2px solid #fff; border-top:0; border-left:0; transform:rotate(45deg); position:absolute; top:2px; left:6.5px;}
.form > input[type="checkbox"]:focus-visible + label::before {border:1px solid #f39b41;}

li {list-style:none;}
img {border: none;}
.tablebox {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.fullbody {margin-left:20px; margin-right:15px; margin-bottom:30px;}

#lawtit {padding:20px 18px 15px;}

/* 조문 제목 */
#lawtit .joTitBox {width:100%; max-width: 290px; height:37px; position:relative; margin-bottom:20px;}
#lawtit .joTitBox input {width: 100%; height:37px; border:1px solid #d0d0d0; border-radius:3px; color:#525252; font-family: 'NotoSansR'; font-size:15px; text-indent:13px; line-height:37px; box-sizing:border-box;}
#lawtit .joTitBox button {position:absolute; right:0; top:0; width:37px; height:37px; border-radius:3px; background:#a08653 url('/images/kor_service/sub/arr_left_wt.png') no-repeat center; border:0; cursor:pointer;}
#lawtit .joTitBox .tooltip {visibility:hidden; position: absolute; left: 50%; top: 100%; margin-top: 3px; padding: 5px 5px; background: #fff; border: 1px solid #64696c; color: #666; font-size: 13px; line-height: 1; z-index: 2;}
#lawtit .joTitBox button:hover + .tooltip {visibility:visible;}
#lawtit .joTitBox.open input {display:none;}
#lawtit .joTitBox.open button {left:0; background:#a08653 url('/images/kor_service/sub/arr_right_wt_m.png') no-repeat center;}
#lawtit .joTitBox.open .tooltip {left:0;}
/* 공포번호, 공포일, 특허청 */
#lawtit ul {margin:0 0 20px 0; padding:0;}
#lawtit ul:after {content:''; display:block; clear:both;}
#lawtit ul li {float: left; padding-left:12px; position:relative; font-family:'NotoSansR'; font-weight:600; font-size:15px; letter-spacing: -0.5px;}
#lawtit ul li:nth-child(n+1) {margin-right:9px;}
#lawtit ul li:before {content:''; display:inline-block; width:5px; height:5px; background:#828282; border-radius:50%; position:absolute; top:10px; left:0;}

.lawname {
	font-size: 20.3px;
	font-weight: bold;
	color: #222;
	text-align: center;
	margin-bottom: 5px;
	margin-top:10px;
	padding-top: 5px;
/*
	border: #D5D5D5 1px solid;

*/
}

.lawnametitle {
	font-size: 14px;
	font-weight: bold;
	color: #073064;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top:10px;
	padding-top: 5px;
/*
	border: #D5D5D5 1px solid;

*/
}

.toolbar {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.history {
	font-size: 12px;
	text-align: right;
	color:#3667c1;
}

.part {
	font-size: 14px;
	color: #0b4d7a;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
}

.PT {
	font-size: 14px;
	color: #0b4d7a;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
}

.PT2 {
	font-size: 14px;
	color: #0b4d7a;
	text-align: left;
}

.parttitle {
	font-size: 14px;
	color: #0b4d7a;
	font-weight: bold;
	margin-left: 5px;
	padding: 5px;
}

.part_none {}

.chapter {
	font-size: 17px;
	color: #222;
	/* font-size: 20px;
	color: #000000; */
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
}

.CT {
	font-size: 14px;
	color: #007886;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-top: 5px;
}

.CT2 {
	font-size: 14px;
	color: #007886;
	text-align: left;
	padding-left: 25px;
	padding-top: 5px;
}

.chaptertitle {
	font-size: 14px;
	color: #007886;
	font-weight: bold;
	margin-left: 15px;
	padding: 5px;
}

.chapter_none {}

.section {
	font-size: 16px;
	font-weight: bold;
	color:#333;
    text-align: center;
   padding-top: 15px;
}

.ST {
	font-size: 13px;
	font-weight: bold;
	color:#6a3681;
    text-align: center;
	padding-top: 15px;
	padding-top: 5px;
}

.ST2 {
	font-size: 13px;
	font-weight: bold;
	color:#6a3681;
	text-align: left;
	padding-left: 20px;
	padding-top: 5px;
}

.sectiontitle {
	font-size: 13px;
	font-weight: bold;
	color:#6a3681;
    margin-left: 25px;
    padding: 5px;
}

.section_none {}

.subsection {
	font-size: 15.5px;
	font-weight: bold;
	color:#333;
    text-align: center;
    padding: 5px;
}

.subsectionSubsection {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    text-align: center;
    padding: 5px;
}

.UT {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    text-align: center;
    padding: 5px;
}

.UT2 {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
}

.ZT {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    text-align: center;
    padding: 5px;
}

.ZT2 {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    text-align: left;
    padding-left: 30px;
    padding-top: 5px;
}

.subsectiontitle {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    margin-left: 35px;
    padding: 5px;
}

.subsectionSubsctiontitle {
	font-size: 13px;
	font-weight: bold;
	color:#3667c1;
    margin-left: 35px;
    padding: 5px;
}

.subsection_none {}

.article, .article span {
	font-size: 16px;
    font-weight: bold;
	color: #865b07 !important;;
	padding-top: 15px;
	text-align: center;
}

.JO {
	font-size: 14px;
    /* font-weight: bold; */
	/* color: #187d5b; */
	padding-top: 15px;
	padding-top: 5px;
}

.JO2 {
	font-size: 14px;
    /* font-weight: bold; */
	/* color: #187d5b; */
	padding-left: 50px;
	padding-top: 5px;
}

/* #newArticle {background-color:#FFFF66;} */

.articletitle, .articletitle td{
	font-size: 16px;
    font-weight: bold !important;
	color: #865b07 !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* .article td{
	font-size: 12px;
    font-weight: bold;
	color: #187d5b;
} */

.article_none {
	margin-left: 10px;
}

.none {
	margin-left: 23px;
}

span {color:#222;font-size:15px;}

.hang {
	margin-left: 10px;
}

.hang_none {
    font-size:12px;
    /* font-family: "dotum"; */
    /* font-family: "굴림"; */
    color: #535353;
	margin-left: 10px;
}

.ho {
	margin-left: 20px;
}

.ho_none {
	font-size:12px;
	/* font-family: "dotum"; */
	/* font-family: "굴림"; */
	color: #535353;
	margin-left: 20px;
}

.hang td:first-child, .ho td:first-child, .mok td:first-child, .dan td:first-child {white-space:nowrap;}
.hang .table td:first-child, .ho .table td:first-child, .mok .table td:first-child, .dan .table td:first-child {white-space:normal;}

.hang table, .ho table, .mok table, .dan table {width:inherit;}

.mok {
	margin-left: 30px;
}

.mok_none {
	font-size:12px;
	/* font-family: "dotum"; */
	/* font-family: "굴림"; */
	color: #535353;
	margin-left: 30px;
}

.dan {
	font-size:12px;
	/* font-family: "dotum"; */
	/* font-family: "굴림"; */
	margin-left:40px;
}

.dan_none {
	font-size:12px;
	/* font-family: "dotum"; */
	/* font-family: "굴림"; */
	color: #535353;
	margin-left:40px;
}

.addenda {
	font-size: 17px;
    font-weight: bold;
	color: #222;
	margin-top: 10px;
	text-align: center;
}

.addendatitle {
	font-size: 12px;
    font-weight: bold;
	color: #0b76b6;
	margin-top: 3px;
}

.addendacontent_none {
	margin-left: 10px;
}

.addenda_none {margin-left:10px;}

.attach {
    font-size: 11px;
    color: #3758BD;
    border-bottom: #E0E0E0 1px solid;
    background-color: #EFF3FF;
    height: 20px;
}

.copyright {
    /* font-family: "dotum"; */
    /* font-family: "굴림"; */
    font-size: 12px;
    color: #FFFFFF;
    background-color: #B0B0B0;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border: #ACACAC 1px solid;
}

.change {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    color: #FFFFFF;
    border: #FB6B00 1px solid;
    background-color: #FF6D01;
}

.insert {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    color: #FFFFFF;
    border: #FB6B00 1px solid;
    background-color: #FF6D01;
}

.delete {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    border: #FB6B00 1px solid;
    background-color: #FF6D01;
}

.change2 {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    border: #DDDDDD 1px solid;
    background-color: #E0E0E0;
}

.insert2 {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    border: #DDDDDD 1px solid;
    background-color: #E0E0E0;
}

.delete2 {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    border: #DDDDDD 1px solid;
    background-color: #E0E0E0;
}

.jocontent {
    overflow: scroll;
    width: 725px;
    height: 250px;
}

.keyword {
	color: red;
    font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

italic{font-style: italic;}

.table td {border-collapse:collapse; border:1px gray solid;}

/*  lawView.jsp에 있었던 소스가 lawViewContent.jsp로 옴겨져서
	lawview.css에 있던 css가져옴 */
.history_title {position:relative;}
.history_title .cur_history {text-align: right; font-size: 14px; vertical-align:middle;padding:0; margin:0;}
.history_title .history_list {text-align: right; font-size: 14px; padding:0; margin:0;}

.mobile {display:none;}
@media all and (max-width: 1280px){
	*{-webkit-text-size-adjust:none; box-sizing:border-box; word-wrap: break-word; word-break: break-word;}
	html {font-size:10px;}
	.pc {display:none;}
	.mobile {display: block;}
	
	.lawmultiview {min-width:95rem;}
}