@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}

.cctv .downBtnWrap {display:flex; flex-direction: column; gap: 20px; border:3px solid #F9F9F9; border-radius:40px; box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.10); background:#fff url(/images/use/i-cctv01.svg) left 70px top 70px no-repeat; background-size:70px; padding: 70px; padding-left:200px;}
.cctv .downBtnWrap:nth-child(2) {border: 5px solid #FFF; background:#F9F9F9 url(/images/use/i-cctv02.svg) left 70px top 70px no-repeat; background-size:55px;}
.cctv .downBtnWrap:nth-child(3) {background:#fff url(/images/use/i-cctv03.svg) left 70px top 70px no-repeat; background-size:70px;}
.cctv .downBtnWrap:nth-child(4) {border: 5px solid #FFF; background:#F9F9F9 url(/images/use/i-cctv04.svg) left 70px top 70px no-repeat; background-size:65px;}

.cctv .downBtnWrap h3 {font-size:var(--fs26); color:#000; font-weight:700;}
.cctv .downBtnWrap .downTxt {color:#000; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.cctv .downBtnWrap .downTxt span {color:var(--base1); font-weight:600;}

.cctv .downBtnWrap .downBtn {display: flex; gap: 50px;}
.cctv .downBtnWrap .downBtn p {position:relative; text-align:left; padding-left:15px; margin-bottom:5px; font-weight:600; color:#000;}
.cctv .downBtnWrap .downBtn p:before {position:absolute; content:""; left:0; top:11px; width:5px; height:5px; background:#aaa; border-radius:100px;}

.cctv .downBtnWrap .downBtn p span {color:var(--base1);}

.cctv .downBtnWrap .downBtn a {display: inline-block; padding: 10px 20px; padding-bottom:13px; border:3px solid #eee; background-size:32px; border-radius:100px; color:#000; transition:.3s;}
.cctv .downBtnWrap .downBtn a:hover {border:3px solid #1398de; color: #1398de;}
.cctv .downBtnWrap .downBtn a:last-child:hover {border:3px solid #ff0b17; color:#ff0b17;}
.cctv .downBtnWrap .downBtn a b {padding-top:3px; font-weight:400;}
.cctv .downBtnWrap .downBtn a span {padding:3px 10px 6px 10px; background:#1398de; border-radius:100px; color:#fff; font-size:14px; font-weight:600; margin-right:5px;}
.cctv .downBtnWrap .downBtn a:last-child span {background:#ff0b17;}

.cctv .downBtnWrap .method p {position: relative; text-align: left; padding-left: 15px; margin-bottom: 5px; font-weight: 600; color: #000; padding-bottom: 20px; border-bottom: 1px dashed #ddd;}
.cctv .downBtnWrap .method p:before {position:absolute; content:""; left:0; top:11px; width:5px; height:5px; background:#aaa; border-radius:100px;}
.cctv .downBtnWrap .method p span {font-weight:400;}


.cctv .downBtnWrap.viewing {margin:70px 0;}
.cctv .downBtnWrap.viewing .downTxt ul {margin:10px 0 20px 20px; opacity:.8; font-size:var(--fs16);}
.cctv .downBtnWrap.viewing .downTxt ul ol {padding-left:20px;}
.cctv .downBtnWrap.viewing .downTxt ul ol strong {padding-left:15px; font-weight:400;}
.cctv .downBtnWrap.viewing .downTxt {padding-bottom:0; border-bottom:0;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	
	.cctv .downBtnWrap .downBtn {flex-direction: column; gap: 20px;}
	
	
}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 767px) {
	
	.cctv .downBtnWrap {background:#fff; padding:40px;}
	.cctv .downBtnWrap .downBtn div>div {display:flex; flex-direction: column; gap:5px;}
	
	.cctv .downBtnWrap:nth-child(2) {background:#F9F9F9;}
	.cctv .downBtnWrap:nth-child(3) {background:#fff;}
	.cctv .downBtnWrap:nth-child(4) {background:#F9F9F9;}

	
.cctv .downBtnWrap .downBtn a {display:flex; align-items: flex-start;}
	

}