<script type="text/javascript">
//checkbox 숨김
function carInfoChange(){
    if($("#cate1").is(":checked")) {
        $("#carInfo").css("display","block");
    }
    else if ($("#cate2").is(":checked")) {
	$("#carInfo").css("display","none");
    }
}
</script>

<input type="radio" class="radio" name="category" id="cate1" onclick="carInfoChange()" checked="checked" /><label for="cate1">운영</label>
<input type="radio" class="radio" name="category" id="cate2" onclick="carInfoChange()" /><label for="cate2">관광업체 공통</label>

<div id="carInfo" style="display:none;">
    본문 내용
</div>

<script type="text/javascript">
/*
 * 함수명 : openWin
 * 설명 : 새창 팝업
 * 사용법 :onclick="openWin('경로','가로사이즈','세로사이즈'); return false;"
 */
function openWin(url,intWidth,intHeight) {
	window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=0") ;
}

function openWin1(url,intWidth,intHeight) {
	window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=1") ;
}
</script>

<a href="javascript:openWin('pop_multi_form.html','700','400');">팝업창 띄우기</a>

@ 특별성이란?
특별성은 중복되는 스타일의 우선적용 순위를 숫자로 계산한 값을 말한다.
특별성 계산을  위해 세자리 숫자를 사용하며 계산 후 10진법으로  높은 숫자인 것이 우선 적용 받는다. 만약, 특별성 계산값이 같은 경우는 코드에서 더 늦게 나오는 스타일을 적용 받는다. 단, 속성 정의 마지막에 !important를 사용하면 특별성 계산값을 무시하고 우선 적용 받는다.

@ 특별성 계산법
- id선택자가 있으면 첫번째 숫자의 값을 1 증가시킨다.
- class나 pseudo-class선택자나 속성선택자가 있으면 두번째 숫자의 값을 1증가시킨다.
- 타입선택자나 pseudo-element선택자가 있으면 세번째 숫자의 값을 1 증가시킨다.

@ 특별성 계산 예
body h1 { color: #dddddd; }                 특별성 002
h1 { color: #dddddd; }                         특별성 001
h1, h2 { color: #dddddd; }                    특별성 001 (각각)
h1.blue { color: #0000ff; }                     특별성 011
h1.blue span { font-weight: bold; }       특별성 012
#id1 { color: #cccccc; }                      특별성 100
#id1.blue { color: #0000ff; }                  특별성 110
#id1.blue p { color: #0000ff; }               특별성 111
#id1.blue p { color: #0000ff !important; }  !important