/*cctv.css*/
.cctv .section{width: 100%; padding: 60px 0;}

.cctv .recomm_area{padding-top: 50px; padding-bottom: 150px;}
.recomm_area .leftarea{width: 70%; float: left; padding-right: 60px;}
.recomm_area .txtbox{padding: 20px 0;}
.recomm_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;}
.recomm_area .bottomtxt{padding-top: 40px;}
.recomm_area .bottomtxt>p{font-size: 16px; line-height: 20px; color: #999;}
.tb2 .toptxt>h3{font-size: 42px; line-height: 48px;}
.tb2 .toptxt>h3>span{color: #c71526;}
.tb2 .bottombox{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.tb2 .boxarticle{float: left;width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 50px; margin-top: 40px;}
.tb2 .boximgwrap{width: 51px; height: 51px;}
.tb2 .boximgwrap>img{width: 100%;}
.tb2 .boxtxtwrap{width: 85%; padding-left: 10px;}
.tb2 .boxtxtwrap p{font-size: 16px; color: #999; line-height: 20px;}
.tb2 .boxtxtwrap p span {color: #c71526;}
.tb2 .boxtxtwrap .p1{font-size: 20px; color: #333; line-height: 48px;}
.recomm_area .rightarea{width: 30%; float: right;}
.recomm_area .rightarea>.imgwrap{width: 100%; height: 630px; background-image: url('../../img/cctv/cctv_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bgc{background-color: #e5e5e5;}

.bnrtxtwrap span.centerp {display:block;background: #fff; border-radius: 10px; padding:5px 5px 5px 5px; color:#c71526;height:auto;width:auto;margin:10px 10px 10px 10px;font-weight:700;}

.cctv .table_area{padding-top: 50px;}
.cctv .table_area .leftarea{width: 55%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.table_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.table_area .leftarea>.img1{width: 48%; margin: 1%; float: left;}
.table_area .leftarea img{width: 100%;}
.table_area .leftarea>.img2{width: 48%; margin: 1%; float: left;}
.table_area .rightarea{width: 45%; float: left; padding-left: 60px;}
.table_area .toptxt>h2{font-size: 42px; font-weight: 700; line-height: 48px;}
.table_area .toptxt>h2>span{color: #c71526;}
.table_area .mdllinewrap{padding: 20px 0;}
.table_area .mdlline{width: 55px; height: 2px; background: #c71526;}
.table_area .mdltxt>p{font-size: 16px; color: #333; line-height: 22px;}
.table_area .bottomtxt{padding-top: 40px; padding-bottom: 0;}
.table_area .bottomtxt>p{font-size: 14px; color: #999; line-height: 20px;}

.table_area .note { font-size:16px; text-align:right; position:relative;margin-bottom:0;font-weight:300;}

.table_area .Chargeinner {width:80%;margin:0 auto; text-align: center;}
.table_area .Chargeinner2 {width:60%;margin:0 auto; text-align: center;}

.table_area .Chargeinner img {margin:0 auto; }
.table_area .Chargeinner h3 span.txt-red{color:#d92c38;}

.table_area .freeChargeinner {width:100%;margin:0 auto; text-align: center;padding:40px 0 40px 0;}
.table_area .freeChargeinner h3 {padding-top:8px;color:#222;letter-spacing:-5px;font-size:35px;line-height:53px;text-align:center;}
.table_area .freeChargeinner h3 span.txt-red{color:#d92c38;}

.table_area .service-features { width:80%; margin:0 auto;}
.table_area .service-features li { position: relative; display: inline-block; margin: 0 0 10px 20px; width: 28%; height: 190px; background: #f2f2f2; color: #222; vertical-align: top;}
.table_area .service-features li:first-child { margin-left: 0;}
.table_area .service-features li img { position: absolute; top: 32px; right: 0; left: 0; margin: auto;}
.table_area .service-features li span {display: block;margin: 110px 0 0px; font-size: 18px; line-height: 1.2;text-align:center;}
.table_area .service-features li strong {display: block;font-size: 26px; color:#04a3bb;text-align:center;}

.table_area .service-features.square{padding-left: 187px;}
.table_area .service-features.square:after{clear: both;content: '';display: block;}
.table_area .service-features.square li{float: left;}
.table_area .service-features.square li:nth-child(3){clear: both;margin-left: 0;}
.table_area .service-features.big-hig li{height: 268px;}

/* tab-toggle-list */
.tab-toggle-area {padding-top:50px; }

.tab-toggle-area [class*="tab-content-0"].active .title:after {}
.tab-toggle-area [class*="tab-content-0"]:last-child {margin-bottom:50px;}
.tab-toggle-area .accordions {border-top:0;}
.tab-toggle-area .title {letter-spacing:-5px; position:relative;width:100%;font-size:40px;font-weight:normal;color:#222;line-height:70px;text-align:left;border-top:5px solid #666;padding-left:0px;}
.tab-toggle-area .title:before {content:"";display: block;position: absolute;top: 50%;right:30px;width: 32px;height: 16px;margin-top: -8px;}
.tab-toggle-area .title .tbar.purple{color:#9052a5;}
.tab-toggle-area .desc.only {padding-bottom:100px;}
.tab-toggle-area .desc .none {text-align:left;font-size:18px;line-height:24px;margin:20px 0 10px;}
.tab-toggle-area .desc .pointer,
.tab-toggle-area .desc .dash {text-align:left;font-size:18px;line-height:24px;margin-left:10px;padding-top:10px;}
.tab-toggle-area .desc .dash.fz16 {font-size: 16px;}
.tab-toggle-area .desc .dash span,
.tab-toggle-area .desc .pointer span {display:block;padding-top:10px;}
.tab-toggle-area .desc .pointer:before,
.tab-toggle-area .desc .dash:before{content:"";float:left;width:5px;height:2px;margin:12px 5px 0 -10px;background-color:#666;}
.tab-toggle-area .desc .pointer:before{content:"";width:5px;height:5px;border-radius:5px;margin-top:11px;background-color:#454545;}
.tab-toggle-area .desc h4 {padding-top:30px;text-align:left;font-size:18px;font-weight:bold;line-height:24px;color:#222;}
.tab-toggle-area .desc h4:first-child {padding-top:20px;}
.tab-toggle-area .desc h4 + .pointer {padding-top:5px;}
.tab-toggle-area .desc .pointer + .pointer {padding-top:15px;}
.tab-toggle-area .desc .pointer + .dash {padding-top:10px;}
.tab-toggle-area .desc .dash + .pointer {padding-top:20px;}
.tab-toggle-area .desc .indent {margin-left:20px;}
.tab-toggle-area .desc .thumb {padding:15px 0;}
.tab-toggle-area .desc table + .pointer {padding-top:10px;}
.tab-toggle-area a {color:#666;}
.tab-toggle-area a.underline:hover {color:#d71826;}
.tab-toggle-area a.underline {color:#666;text-decoration:underline;}
.tab-toggle-area table.board {margin-top:10px;}
.tab-toggle-area table.board.align-center th:first-child,
.tab-toggle-area table.board.align-center td:first-child,
.tab-toggle-area table.board th {text-align:center;}
.tab-toggle-area table.board th:first-child {text-align:center;font-size:16px;}
.tab-toggle-area table.board th:last-child,.board td:last-child{padding-right:0;text-align:center;}
.tab-toggle-area table.board .btn-link{display:inline-block;margin-left:5px;font-size:12px;font-weight:bold;line-height:14px; height:21px;color:#666;border:1px solid #bbb;padding:5px 11px 0; vertical-align:1px;}
.tab-toggle-area table.board .btn-link:hover{color:#d71826;}
.tab-toggle-area table.border-left th:last-child,
.tab-toggle-area table.border-left td:last-child{border-left:1px solid #ccc;}

/* table - board */
table.board {font-family: 'Nanum Gothic', sans-serif;border-top:3px solid #555;font-size: 18px;}
table.board th {color:#222;font-weight:normal;background-color:#f1f2fa;}
table.board thead th {border-bottom:1px solid #555;background-color:#f4f7fd;font-size: 18px;}
table.board tbody th {background:#fff; border-bottom:1px solid #ccc;}
table.board tbody td {text-align:center;background:#fff;font-size:16px;}
table.board tbody td a,
table.board tbody td img {vertical-align:middle;}
table.board tbody td .links {border-bottom-width:1px;border-bottom-style:solid;}
table.board tbody td .ellipsis {vertical-align:middle;}
table.board tbody td a.ellipsis {color:#222;}
table.board tbody td a.ellipsis:hover {color:#d71826;text-decoration:underline;}
table.board tbody td .ellipsis.thumb {position:relative;top:2px;margin:10px 0;padding-top:2px;}
table.board tbody td .ellipsis.thumb img {margin-top:-2px;width:50px;height:50px;margin-right:9px;}
table.board tbody td.align-left {text-align: left;}
table.board tbody td.left-padding {padding-left: 30px !important;}
table.board .num {display:inline-block;width:42px;text-align:center;}
table.board .option-area.only-checkbox {margin-top:1px;}
table.board .option-area.only-checkbox [type="checkbox"] + label {width:20px;padding:0;text-indent:-9999px;}
table.board tbody  th.td_red {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; font-weight:bold; }
table.board tbody  th.td_red.l {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; border-left:3px solid #ff1f5b;}
table.board tbody  th.td_bgred {background:#c71526; font-weight:bold;color:#fff; }
table.board tbody  th.td_bgorg {background:#e87f04;  font-weight:bold;color:#fff; }

table.board .txt-red{color:#d92c38;}

/* table - board - dir-vertical */
table.board.dir-vertical {width:100%;}
table.board.dir-vertical thead th {padding:15px 0; height:auto;font-weight:400;}
table.board.dir-vertical thead th.td_bgred {background:#c71526; font-weight:bold;color:#fff; }

table.board.dir-vertical tbody td {padding:10px 0; height:auto;font-weight:300;}
table.board.dir-vertical tbody td {border-bottom:1px solid #ccc;}
table.board.dir-vertical.second-table {margin-top:100px;}
table.board.dir-vertical tbody td.td_red {background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b; font-weight:bold; color:#000;}
table.board.dir-vertical tbody td.td_red.r{background:#fff; border-top:3px solid #ff1f5b; border-bottom:3px solid #ff1f5b;border-right:3px solid #ff1f5b;}
table.board.dir-vertical tbody td.td_bgred {background:#c71526;  font-weight:bold;color:#fff; }
table.board.dir-vertical tbody td.td_bgorg {background:#e87f04;  font-weight:bold;color:#fff; }



.ad_area {background-color:#000;}
.ad_area div.bannerWrap{width: 100%; height: 400px; }
.ad_area div.bannerWrap > img{height: 400px; }

.section .cctv_info{padding-top: 0px;}
.cctv_info .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.cctv_info .toptxt>h2{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}

.cctv_info .figure_area{width: 100%; margin-bottom: 60px;margin-top: 50px}
.cctv_info .figure_area img{width: 100%;}
.cctv_info .text_area{width: 100%;margin:50px 0;}
.cctv_info .cctvinfo_list{padding: 30px 30px 0px; width: 100%;}
.cctv_info .cctvinfo_list li{float: left; width: 25%;}
.cctv_info .cctvinfo_list li.cctvinfo_item02  {margin: 0 0;}
.cctv_info .phone_img {margin:0 0 20px 0;}
.cctv_info .tit_box .sub_tit{display: inline-block; margin-bottom: 10px; color: #999; font-size: 14px; font-weight: 300; line-height: 20px;}
.cctv_info .tit_box .main_tit{color: #c71526; font-size: 16px; font-weight: 600; line-height: 20px;}
.cctv_info .tit_box .main_tit::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}
.cctv_info .tit_box .main_tit2{color: #333; font-size: 18px; font-weight: 600; line-height: 20px;}
.cctv_info .tit_box .main_tit2::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #000;}

.cctv_info .desc_box p{color: #666; font-weight: 300; font-size: 14px;margin-bottom:5px;}
.cctv_info .desc_box p.p2{color: #666; font-weight: 300; font-size: 16px;margin-bottom:5px;}
.cctv_info .desc_box p.red{color: #c71526;font-weight: 400;}

.cctv_info .plusinfo_list{padding: 30px 30px 55px; width: 100%;}
.cctv_info .plusinfo_list li{float: left; width: 33%;}
.cctv_info .plusinfo_list li.plusinfo_item02  {margin: 0 0;}

.cctv .cctvWrap {background: url(../../img/main/main_bg_img02.png); padding-bottom: 40px;}
.cctvWrap .toptxt {padding-bottom:40px;}
.cctvWrap .toptxt h3::after{background: #fff;}
.cctvWrap .toptxt h3, .cctvWrap .main_title h3 span, .cctvWrap .toptxt p{color: #fff;}
.cctvWrap .toptxt h3{font-size: 42px; line-height: 48px; font-weight: 700;text-align:center;}
.cctvWrap .toptxt h3 span{letter-spacing: 0;}
.cctvWrap .toptxt p{font-size: 20px; line-height: 28px; font-weight: 300;text-align:center;}
.cctvWrap .detail ul li{background: #fff; border-radius: 10px; padding:0 0 40px 0;}
.cctvWrap .detail ul li strong{font-weight: normal; margin-bottom: 26px;text-align:center;margin-left:0px;line-height:1.4; height:auto;}
.cctvWrap .detail ul li p{font-size: 16px; line-height: 1.4; margin-bottom: 0;text-align:center;margin-left:0px;}
.cctvWrap .detail ul li p.p2{font-size: 13px; line-height: 1.4; margin-top: 10px;text-align:center;margin-left:0px; color:#757dba;}


@media screen and (max-width:1199px){
/*    br{display: none;}*/
    .second_area .righttxt>p>br{display: block;}
	.cctv .bgc{padding:20px 0;}
    .cctv .table_area .leftarea{width: 100%;}
    .cctv .table_area .rightarea{width: 100%; margin-top: 40px; padding-left: 0;}
    .table_area .rightarea{padding-left: 40px;}
    .recomm_area .leftarea{width: 100%;float: inherit; margin-top: 40px; padding-right: 0;}
    .recomm_area .rightarea{float: inherit;padding-bottom: 40px;}
    .recomm_area .rightarea{width: 100%; float: left;}
    .recomm_area .rightarea>.imgwrap{width: 100%; height: 200px; background-image: url('../../img/cctv/cctv_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
	.table_area .service-features { width:100%; margin:0 auto;}
	.cctv .ad_area{padding:20px 0;}
	.ad_area div.bannerWrap{width: 100%; height:300px;}
	.ad_area div.bannerWrap > img{height: 300px; }
	.cctv_info .phone_img2 > img {width:90%;}

}
@media screen and (max-width:920px){
    .cctv .section{padding: 30px 0;}
    .cctv .recomm_area{ padding-bottom: 150px;}
    .recomm_area .rightarea>.imgwrap{width: 100%; height: 200px; background-size:auto ;}
}
@media screen and (max-width:768px){
    .table_area .mdltxt>p>br{display: block;}
    .recomm_area .toptxt>h3{word-break: keep-all;}
    .tb2 .boxarticle{width: 48%;padding-right: 0; margin-top: 20px;}
    .tb2 .boxarticle:nth-child(1){margin-right: 2%;}
    .tb2 .boxarticle:nth-child(3){margin-right: 2%;}
    .cctv .recomm_area{ padding-bottom: 100px;}
	.cctv_info .cctvinfo_list li{float: left; width: 50%;}
	.cctv_info .cctvinfo_list li.cctvinfo_item03 {margin: 40px 0 0 0;}
	.cctv_info .cctvinfo_list li.cctvinfo_item04 {margin: 40px 0 0 0;}
	.cctv_info .plusinfo_list li{float: left; width: 100%;}
}
@media screen and (max-width:650px){
    .table_area .toptxt>h2{font-size: 32px;}
    .tb2 .boxarticle{width: 100%; margin: 30px 0;}
    .tb2 .boxarticle:nth-child(1){margin-right:0;}
    .tb2 .boxarticle:nth-child(3){margin-right:0;}
    .recomm_area .toptxt>h3{font-size: 32px;}
    .recomm_area .rightarea>.imgwrap{height: 200px;}
    .table_area .bottomtxt{padding-bottom: 40px;}
	.table_area .toptxt>h3{font-size: 32px;}
	.cctv_info .cctvinfo_list li{float: left; width: 100%;}
	.cctv_info .cctvinfo_list li.cctvinfo_item02 {margin: 40px 0 0 0;}
	.cctv_info .cctvinfo_list li.cctvinfo_item03 {margin: 40px 0 0 0;}
	.cctv_info .cctvinfo_list li.cctvinfo_item04 {margin: 40px 0 0 0;}
	.cctv_info .toptxt>h3{font-size: 32px;}
	.cctv_info .toptxt>h2{font-size: 16px;}
	.cctv_info .desc_box p.p2{font-size: 14px;}
	.table_area .freeChargeinner {width:100%;margin:0 auto; text-align: center;padding:20px 0 20px 0;}
	.table_area .freeChargeinner h3 {letter-spacing:0px;font-size:20px;line-height:100%;}
}
@media screen and (max-width:500px){
    .mdlTxt>h2{font-size: 20px!important;}
    .ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 16px;}
    .cctv .section{padding: 10px 0;}
	.table_area .toptxt>h3{font-size: 28px;}
	.cctv_info .toptxt>h3{font-size: 28px;}
    .table_area .toptxt>h2{font-size: 16px; line-height: 36px;}
    .table_area .toptxt>h2>br{display: block;}
    .table_area .mdltxt>p{font-size: 13px;}
    .table_area .mdltxt>p br{display: none;}
    .table_area .bottomtxt>p{font-size: 12px;}
    .table_area .bottomtxt{padding-bottom: 40px;}
    .recomm_area .toptxt>h3{line-height: 36px; font-size: 28px;}
    .bgc{padding: 40px 0;}
    .tb2 .boxarticle{margin: 20px 0;}
    .cctv .recomm_area{ padding-bottom: 80px; padding-top: 60px;}
}
@media screen and (max-width:400px){
    .recomm_area .rightarea>.imgwrap{height: 250px;}
    .tb2 .boxarticle{margin: 15px 0;}
	.table_area .service-features li { position: relative; display: inline-block; margin: 0 0 10px 5px; height: 120px; background: #f2f2f2; color: #222; vertical-align: top;}
	.table_area .service-features li img { position: absolute; top: 20px; right: 0; left: 0; margin: auto; width:30px;}
	.table_area .service-features li span {display: block;margin: 60px 0 0px; font-size: 12px; line-height: 1.2;text-align:center;}
	.table_area .service-features li strong {display: block;font-size: 12px; color:#04a3bb;text-align:center;}

	.cctv_info .text_area{width: 100%;margin:0px 0;}

	.table_area .Chargeinner {width:90%;}
	.table_area .Chargeinner2 {width:90%;}


}
/* ========================================
   GEO Á¦¸ñ °èÃþ °³¼± - KT CCTV
   ±âÁ¸ PC ¹× ¸ð¹ÙÀÏ µðÀÚÀÎ À¯Áö
======================================== */

/* »ó´Ü ¼­ºñ½º ¼³¸í ¹®±¸ */
.cctv .cctv_info .toptxt > p.section-description {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
}

/* ¼­ºñ½º ƯÀåÁ¡ Á¦¸ñ */
.cctv .cctvWrap .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

/* ±âÁ¸ Á¦¸ñ ¾Æ·¡ Àå½Ä¼± À¯Áö */
.cctv .cctvWrap .toptxt > h2.section-title::after {
    background: #fff;
}

/* CCTV ¿ä±Ý¾È³» Á¦¸ñ */
.cctv .table_area .toptxt > h2.section-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-align: center;
}

/* ¿ä±Ý¾È³» ºÓÀº»ö °­Á¶ */
.cctv .table_area .toptxt > h2.section-title > span {
    color: #c71526;
}

/* ¸ð¹ÙÀÏ 650px ÀÌÇÏ */
@media screen and (max-width: 650px) {
    .cctv .cctv_info .toptxt > p.section-description {
        font-size: 16px;
        line-height: 28px;
    }

    .cctv .cctvWrap .toptxt > h2.section-title,
    .cctv .table_area .toptxt > h2.section-title {
        font-size: 32px;
        line-height: 48px;
    }
}

/* ¸ð¹ÙÀÏ 500px ÀÌÇÏ */
@media screen and (max-width: 500px) {
    .cctv .cctvWrap .toptxt > h2.section-title,
    .cctv .table_area .toptxt > h2.section-title {
        font-size: 28px;
        line-height: 48px;
    }
}