@charset "utf-8";


body.only_pc {min-width: 1200px;}

/*base*/
.popbox{border:#D5D5D5 1px solid;background-color:#fff;}
.popSearch{position: relative; max-width: 212px; width: 100%;}
.popSearch a {position: absolute; right: 10px; top: 50%; margin-top: -9px;}
.popCopyright{background-color:#b0b0b0;height:25px;font-size:8pt;color:#ffffff;font-family:Arial, Helvetica, sans-serif;letter-spacing:0;}
.popSearch_box {display: flex; width: 100%; max-width: 100%;}
.popSearch_box > div {width: 100%;}

#popview {padding: 0 20px;}

.poptit{font-size:14px;font-weight:700;color:#fff;letter-spacing:-1px;padding-left:10px;}
.poptit2{font-size:14px;font-weight:700;letter-spacing:-1px;text-align:center;}
.poptit3{font-size:14px;font-weight:700;letter-spacing:-1px;background:url(../images/board/srtitle_icon2.gif) no-repeat 5px 8px;padding:2px 0 0 22px;}
.poptit4{font-size:12px;font-weight:700;letter-spacing:-1px;padding-left:10px;}

.popup_tit2 {font-size: 20px; font-weight: 500; padding: 32px 0 16px; border-bottom: 1px solid #DDDDDD;}

.popup_inner {padding: 0 20px;}

.poptitBg { background: #0D47A1; height: 50px; padding: 0 20px;}
.poptitBg3 {background-color:#f4f4f4; border-bottom:1px solid #e0e0e0;}

.poptitBg .title {display: flex; align-items: center; font-size: 18px; font-weight: 400; gap: 10px;}
.poptitBg .title .bar {display: block; width: 1px; height: 16px; background: #FFFFFF66;}
.poptitBg table a {color: #fff;}
.poptitBg .print_btn {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #FFFFFF80; border-radius: 3px; box-sizing: border-box;}
.poptitBg .download_btn {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid #FFFFFF80; border-radius: 3px;}
.poptitBg .print_btn img {filter: brightness(0) invert(1);}
.poptitBg .download_btn img {filter: brightness(0) invert(1);}

.viewTit{border-bottom:1px solid #EAEAEA;background-color:#F8F8F8;height:36px;text-align:center;font-weight:500;color:#555;letter-spacing:-1px;}
.viewTxt{border-bottom:1px solid #EAEAEA;height:36px;text-align:left;padding-left:10px;}
.viewTxt2{border-bottom:1px solid #EAEAEA;text-align:left;vertical-align:top;padding:10px;}
.viewline2{background-color:#8dc581;}


.p_link a {display:inline-block; width:100%; height:21px;}
.p_link a:hover {  background-color:#8bcfdf; color:#fff;  }


body .sbt04 a {display: inline-block; padding: 0 10px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); line-height: 30px; border: 1px solid #CCCCCC; border-radius: 4px; color: #333;}


/* 신구대비표 */
.lawChangeList_table th, .lawChangeList_table td {height: 42px; font-size: 14px; font-weight: 400;}


/* 연혁비교보기 */
.compare_table .select_box {display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 10px;}

/* 조항 연혁 보기 */
.history_cont_table td {vertical-align: middle; height: 36px; padding: 10px 10px;}
.history_cont_table tr:first-child td{ border-top: 1px solid #EAEAEA; line-height: 32px;}
.history_table td {vertical-align: top; height: 36px;}
.history_table td .JO > *:not(p) {padding: 0 10px;}
.history_table td .JO p {position:relative; line-height: 40px; font-weight: 500; font-size: 15px;}
.history_table td .JO p > a {position: absolute; right: 10px; top: 10px;}
.history_table td .JO .article {padding-top: 10px;}


/* 3단비교 */
.search_table .flex_box {display: flex; align-items: center; gap: 8px; padding: 6px 10px;}
.search_table .flex_box .popSearch {flex: 1 1 auto; max-width: none; min-width: 0;}
.search_table .flex_box .sbt04 {flex: 0 0 auto; margin: 0;}
.search_table .sbt04 a {line-height: 30px; height: 32px;}
.search_table td {border-left: 1px solid #D5D5D5;}
.search_table .flex_box input[type="text"] {max-width: none; width: 100%; height: 32px; padding-right: 34px;}
.search_table .twoViewResult {display: block; width: 100%; height: 32px; padding: 0 8px;}
body .search_table .sbt04 a {display: inline-block; padding: 0 10px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); line-height: 30px; border: 1px solid #CCCCCC; border-radius: 4px; color: #333; font-family: 'NotoSansKr'; font-size: 13px;}
body .new_btn_table .sbt04 a {display: inline-block; padding: 0 10px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 100%); line-height: 30px; height: 32px; border: 1px solid #CCCCCC; border-radius: 4px; color: #333; font-family: 'NotoSansKr'; font-size: 13px;}

/*목록*/
.popList{width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #e1e1e1;}
.popList thead th{height:42px; background-color:#e9eff4; border-left:1px #eaeaea solid; border-bottom:1px solid #d8d8d8; color:#437aa7; font-size: 14px; font-weight: 500;} 
.popList tbody td{background:none; border-bottom:1px #eaeaea solid; border-left:1px #eaeaea solid;  padding:0 10px; height:42px; font-size: 14px;}
.popList tbody td p{text-align:left;}

	.poptit2 select {vertical-align:top;}
	.popline { border-top:1px solid #e1e1e1;}

	.pc {display: block;}
	.mobile {display: none;}
@media (max-width: 768px)  {
	.pc {display: none;}
	.mobile {display: block;}

	.popSearch {max-width: initial;}
}

@media (max-width: 400px)  {
	.poptitBg .title {font-size: 15px;}
}