@charset "utf-8";
.sub-visual {background:url(/gtci/resources/images/common/visual-zone-bg7.jpg) 100% 100% no-repeat; background-size:cover;}
.sub-visual p::before {content:'영상정보처리기기 운영ㆍ관리 방침';}

.main-search-button{display:none;}

.cd_wrap{position: relative; width:calc(100% - 80px); padding: 40px; border: 1px solid #d2dae7; background-color: #fff;  box-shadow:0 5px 0 rgba(0,0,0,.05);}
.cd_box{position: relative; clear: both;}

.cd_box > input[type=radio]{display: none}

.cd_box > input[type=radio]:nth-of-type(1), .cd_box > input[type=radio]:nth-of-type(1) ~ div:nth-of-type(1),
.cd_box > input[type=radio]:nth-of-type(2), .cd_box > input[type=radio]:nth-of-type(2) ~ div:nth-of-type(2){display:none}
.cd_box > input[type=radio]:nth-of-type(1):checked ~ div:nth-of-type(1),
.cd_box > input[type=radio]:nth-of-type(2):checked ~ div:nth-of-type(2){display:block}

.cd_box > input[type=radio] ~ label{display: inline-block; width: calc(100%  - 5px); height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #323a40; border: 1px solid #c3c7ce; cursor: pointer}
.cd_box > input[type=radio]:nth-of-type(1):checked ~ label:nth-of-type(1),
.cd_box > input[type=radio]:nth-of-type(2):checked ~ label:nth-of-type(2){border-color: #323a40; background-color: #323a40; color: #fff; font-weight: 600}

.cd_box > div{border: 1px solid #dadee5; background-color: #fafafb; color: #323a40; padding: 30px; margin-top: 20px; line-height: 1.3em}
.cd_box > div h2{font-size: 30px; text-align: center; padding: 30px 0}
.cd_box > div h3{font-weight: 600}
.cd_box > div p{padding-bottom: 20px}
.cd_box > div ul{padding-bottom: 20px}
.cd_box > div > ul > li{padding: 5px 0 5px 15px; position: relative}
.cd_box > div > ul > li::before{content: ''; display: block; width: 5px; height: 5px; position: absolute; top: 11px; left: 5px; background-color: #323a40}
.cd_box > div > ul > li > ul{padding-top: 10px;}
.cd_box > div > ul > li > ul > li{padding: 5px 0 5px 15px; position: relative}
.use-tab1 > table {
   width:80%;
   margin-left:20px;
}
.use-tab1 > table > thead > tr > th {
	border: solid 1px;
    background-color : #cccccc;
}
.use-tab1 > table > tbody > tr > td {
	border: solid 1px;
    text-align: center;
}
/* 미디어 쿼리 */
@media screen and (max-width:1300px) {
	.cd_box > div{padding: 15px;}
	.cd_box > div h2{font-size: 25px; text-align: center; padding: 15px 0; line-height: 1.3em}
}

@media screen and (max-width:1023px) {
	.sub-content {background-color:#fff;}
	.cd_wrap {width:100%; padding:0; border:0; background:none; box-shadow:none;}
}