.subBGWrap{ height: 100px; background: url("/resource/templete/naacc/img/sub/bg_sub.jpg") no-repeat center top / cover}

.subType01 .subBGWrap{ background: url("/resource/templete/naacc/img/sub/bg_sub01.jpg") no-repeat center top / cover}
.subType02 .subBGWrap{ background: url("/resource/templete/naacc/img/sub/bg_sub02.jpg") no-repeat center top / cover}
.subType03 .subBGWrap{ background: url("/resource/templete/naacc/img/sub/bg_sub03.jpg") no-repeat center top / cover}
.subType04 .subBGWrap{ background: url("/resource/templete/naacc/img/sub/bg_sub04.jpg") no-repeat center top / cover}

.subWrap{ width: calc(100% - 250px); height: auto; float: left; padding: 25px 10px 0 50px}
.contentsWrap{ padding-bottom: 50px}

.selectBtn{ float: left; display: inline-block; width: 70px; height: 45px; line-height: 45px; text-align: center; margin-right: 5px ; background: #777; color: #fff}

/*lnb start*/
.lnbWrap{ width: 250px; height: auto; float: left; margin-top: -50px}
.lnbWrap .menuTitle{
  height: 150px;
  background: url("/resource/templete/naacc/img/sub/bg_sub_title.png") no-repeat top center;
  padding-top: 85px;
  color: #fff;
  font-size: 1.750rem;
  text-align: center;
  margin-bottom: 30px;
}
.lnbWrap .lnb{ border-bottom: 1px solid #aeaeae}
.lnbWrap .lnb > li > a{
  height: 55px;
  line-height: 55px;
  font-family: "Noto Sans KR_M";
  font-size: 1.063rem;
  padding: 0 20px;
  border-top: 1px solid #e8e8e8;
}
.lnbWrap .lnb > li.hasChild > a{ background: transparent url("/resource/templete/naacc/img/sub/icon_lnb_plus_g.png") no-repeat right 20px center;}
.lnbWrap .lnb .lnbDepth2Wrap{ display: none}
.lnbWrap .lnb .lnbDepth2Wrap li a{
  height: auto;
  color: #777;
  padding: 5px 20px 5px 35px;
  position: relative;
}
.lnbWrap .lnb .lnbDepth2Wrap li a:before{
  content: "";
  width: 3px;
  height: 2px;
  display: inline-block;
  background: #777;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -1px;
}
/*lnb on*/
.lnbWrap .lnb > li.active > a,
.lnbWrap .lnb > li.on > a{
  background-color: #3f4e61;
  color: #fff;
  border-bottom: 1px solid #e8e8e8;
}
.lnbWrap .lnb > li.on.hasChild > a,
.lnbWrap .lnb > li.active.hasChild > a{ background: #3f4e61 url("/resource/templete/naacc/img/sub/icon_lnb_minus_w.png") no-repeat right 20px center;}
.lnbWrap .lnb > li.active .lnbDepth2Wrap,
.lnbWrap .lnb > li.on .lnbDepth2Wrap{ padding: 15px 0; display: block}
.lnbWrap .lnb .lnbDepth2Wrap li a:hover,
.lnbWrap .lnb .lnbDepth2Wrap li a:focus,
.lnbWrap .lnb .lnbDepth2Wrap li.on a{ color: #3f4e61; font-family: "Noto Sans KR_M"}
/*lnb end*/

/*page util*/
.pageUtil{ display: inline-block; float: right;  position: relative;}
.pageUtil .pageUtilItem{ width: 32px; height: 32px; border-radius: 16px; float: left; margin-left: 5px}
.pageUtil .pageUtilItem.print{ background: #6f7a89 url("/resource/templete/naacc/img/sub/icon_print.png") no-repeat center}
.pageUtil .pageUtilItem.scrap{ background: #6f7a89 url("/resource/templete/naacc/img/sub/icon_scrap.png") no-repeat center}
.pageUtil .pageUtilItem.share{ background: #6f7a89 url("/resource/templete/naacc/img/sub/icon_share.png") no-repeat center}

.pageUtil .shareSnsWrap{ width: auto; position: absolute; right:33px; top: 35px; z-index: 999; display: none}
.pageUtil .shareSns{ display: flex; flex-wrap: nowrap; padding: 5px; background: rgba(0,0,0,0.7); border-radius: 5px; float: left}
.pageUtil .closeShareSns,
.pageUtil .shareSns li{ width: 30px; height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center}
.pageUtil .shareSns li{ background-size: cover; margin: 0 2px}
.pageUtil .shareSns li.blog{ background-image: url("/resource/templete/naacc/img/main/icon_blog_c.png")}
.pageUtil .shareSns li.facebook{ background-image: url("/resource/templete/naacc/img/sub/icon_facebook_c.png")}
.pageUtil .shareSns li.twitter{ background-image: url("/resource/templete/naacc/img/sub/icon_twitter_c.png")}
.pageUtil .shareSns li.copylink{ background-image: url("/resource/templete/naacc/img/sub/icon_copylink_c.png")}
.pageUtil .closeShareSns {
	background-image: url("/resource/templete/naacc/img/common/icon_close_w.png");
	background-color: rgba(0,0,0,0.7);
	text-indent: -999999999px;
	color: transparent;
	background-size: 40% auto;
	position: absolute;
	right: -33px;
	top: 50%;
	margin-top: -15px
}

/*寃��됱“嫄�*/
table.searchCondition tr{ display: flex; flex-wrap: wrap}
table.searchCondition th,
table.searchCondition td{
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  height: 75px;
}
table.searchCondition.detail th,
table.searchCondition.detail td{
  height: auto;
}
table.searchCondition tr.quarter th,
table.searchCondition tr.quarter td,
table.searchCondition tr.half:nth-child(odd){
  border-right: 1px solid #dfdfdf;
}
table.searchCondition tr.quarter td:last-child,
table.searchCondition tr.quarter{ border-right: none}
table.searchCondition th{ width: 140px; position: relative}
table.searchCondition td{ width: calc(100% - 140px); text-align: left}
table.searchCondition tr.quarter td{ width: calc((100% - 560px) / 4);  flex-wrap: wrap; align-items: center}
table.searchCondition select,
table.searchCondition input[type="text"]{ float: left; font-size: 1rem}
table.searchCondition input.datepicker{ max-width: calc((100% - 20px) / 2);padding-right: 45px; background: url("/resource/templete/naacc/img/sub/icon_calendar.png") no-repeat right 15px center}
table.searchCondition .text{ padding: 0 5px; float: left; line-height: 45px}
table.searchCondition select.smallBox + input[type="text"]{ width: calc(100% - 105px); margin-left: 5px}

/*pageCon start*/
.pageCon{ padding: 0 25px 80px}
/*pageCon end*/

/*異붿쭊媛쒖슂 start*/
.summary .pageConWrap01 .borderBoxRound{ background: url("/resource/templete/naacc/img/sub/img_sub010101_01.jpg") no-repeat center / cover; padding-bottom: 75px}
.summary .pageConWrap01 .infoBox{ margin-top: -50px}
.summary .pageConWrap02 table{ margin-top: 30px}
.summary .pageConWrap03 .stepWrap{ margin-top: 15px; display: flex; flex-wrap: wrap; text-align: center}
.summary .pageConWrap03 .stepWrap li{ width: 33.3333%; display: flex; position: relative}
.summary .pageConWrap03 .stepWrap li div{ width: 100%}
.summary .pageConWrap03 .stepWrap li .step{ color: #fff; font-size: 1.5rem; margin-top: 60px; height: 80px; line-height: 80px; position: relative}
.summary .pageConWrap03 .stepWrap li:before{
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 1.125rem;
}
.summary .pageConWrap03 .stepWrap li:nth-child(1):before{
  content: "2007";
}
.summary .pageConWrap03 .stepWrap li:after{
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 1.125rem;
}
.summary .pageConWrap03 .stepWrap li:nth-child(1):after{
  content: "2015";
  right: -25px;
}
.summary .pageConWrap03 .stepWrap li:nth-child(2):after{
  content: "2020";
  right: -25px;
}
.summary .pageConWrap03 .stepWrap li:nth-child(3):after{
  content: "2030";
}
.summary .pageConWrap03 .stepWrap li:nth-child(1) .step{ background: #0571f2}
.summary .pageConWrap03 .stepWrap li:nth-child(2) .step{ background: #1f48a7}
.summary .pageConWrap03 .stepWrap li:nth-child(3) .step{ background: #0d2754}
.summary .pageConWrap03 .stepWrap li .step:after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -40px;
  z-index: 2;
}
.summary .pageConWrap03 .stepWrap li:nth-child(1) .step:after{
  border-top: 40px solid transparent;
  border-left: 40px solid #0571f2;
  border-bottom: 40px solid transparent;
}
.summary .pageConWrap03 .stepWrap li:nth-child(2) .step:after{
  border-top: 40px solid transparent;
  border-left: 40px solid #1f48a7;
  border-bottom: 40px solid transparent;
}
.summary .pageConWrap03 .stepWrap li:nth-child(3) .step:after{ display: none}
.summary .pageConWrap03 .stepWrap li .txtWrap{ padding: 65px 40px 0}
.summary .pageConWrap03 .stepWrap li:nth-child(1) .txtWrap{
  background: url("/resource/templete/naacc/img/sub/img_sub010101_03_01.png") no-repeat top 15px center;
}
.summary .pageConWrap03 .stepWrap li:nth-child(2) .txtWrap{
  background: url("/resource/templete/naacc/img/sub/img_sub010101_03_02.png") no-repeat top 15px center;
}
.summary .pageConWrap03 .stepWrap li:nth-child(3) .txtWrap{
  background: url("/resource/templete/naacc/img/sub/img_sub010101_03_03.png") no-repeat top 15px center;
}
.summary .pageConWrap03 .stepWrap li .infoBox{ padding: 50px 20px; text-align: center}
/*異붿쭊媛쒖슂 end*/

/*�꾩떆嫄댁꽕湲곕낯諛⑺뼢 start*/
.direction .pageConWrap01 .pageCon{ display: flex; flex-wrap: wrap}
.direction .pageConWrap01 .roundCon{ width: 58%; float: left}
.direction .pageConWrap01 .roundCon li{ display: block}
.direction .pageConWrap01 .roundCon li:after{ display: none}
.direction .pageConWrap01 .roundCon li:nth-child(1){ padding-right: 25px}
.direction .pageConWrap01 .roundCon li:nth-child(2){ padding-left: 25px}
.direction .pageConWrap01 .roundCon li:nth-child(1):before{
  content: url("/resource/templete/naacc/img/sub/img_sub010103_01_01.png");
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translate(0, -50%);
}
.direction .pageConWrap01 .roundCon li:nth-child(2) .roundWrap{ float: right}
.direction .pageConWrap01 .boxWrap{ width: 42%; float: left; position: relative}
.direction .pageConWrap01 .box{
  width: 340px;
  max-width: calc(100% - 115px);
  height: 100%;
  float: right;
  border: 8px solid #1e3c73;
  position: relative;
  border-radius: 15px;
  font-size: 1.5rem;
  color: #0d2754;
  background: #fff;
  font-family: "Noto Sans KR_M";
  text-align: center;
}
.direction .pageConWrap01 .boxWrap:after{
  content: url("/resource/templete/naacc/img/sub/img_sub010103_01_02.png");
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
}
.direction .pageConWrap02 .conWrap{ position: relative}
.direction .pageConWrap02 .round{
  width: 315px;
  height: 315px;
  max-width: 25vw;
  max-height: 25vw;
  border-radius: 50%;
  background: url("/resource/templete/naacc/img/sub/img_sub010103_02_01.png") no-repeat center;
  color: #fff;
  font-size: 1.750rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 2;
}
.direction .pageConWrap02 ul.boxConList > li > .wrap{ padding: 40px 35px; border: solid 1px #dfdfdf}
.direction .pageConWrap02 ul.boxConList > li:nth-child(1){ padding-right: 5vw; padding-bottom: 5vw}
.direction .pageConWrap02 ul.boxConList > li:nth-child(2){ padding-left: 5vw; padding-bottom: 5vw}
.direction .pageConWrap02 ul.boxConList > li:nth-child(3){ padding-right: 5vw; padding-top: 5vw}
.direction .pageConWrap02 ul.boxConList > li:nth-child(4){ padding-left: 5vw; padding-top: 5vw}
.direction .pageConWrap02 ul.boxConList > li .tit{ font-size: 1.250rem; padding: 25px 0}
/*�꾩떆嫄댁꽕湲곕낯諛⑺뼢 end*/

/*吏�援щ떒�꾧퀎�� start*/
.plan .pageConWrap02 .bgWrap{ width: 40%; float: left; background: url("/resource/templete/naacc/img/sub/img_sub010104_02_01.jpg") no-repeat center / 100% auto}
.plan .pageConWrap02 .roundTitList{ width: 60%; float: left}
.plan .pageConWrap02 .bgWrap,
.plan .pageConWrap02 .roundTitList{ display: flex}
.plan .pageConWrap04 .fullImgBoxCon.conWidthMargin3 > *{
  width: calc((100% - 8vw) / 3);
  margin-right: 4vw;
}
.plan .pageConWrap04 .fullImgBoxCon.conWidthMargin3 > *:nth-child(3n){ margin-right: 0}
.plan .pageConWrap06 table thead tr{ border-bottom: solid 1px #dfdfdf}
.plan .pageConWrap06 table td{ border-right: solid 1px #dfdfdf; padding: 5px 10px}
.plan .pageConWrap06 table tr td.last{ border-right: none}
/*吏�援щ떒�꾧퀎�� end*/

/*�ъ쟾�뺣낫怨듯몴 start*/
.tabChoice{ margin: 50px 0 25px}
.tabChoice li{
  width: 20%;
  height: 60px;
  line-height: 60px;
  float: left;
  text-align: center;
  color: #0d2754;
  border: 1px solid #0d2754;
  font-family: "Noto Sans KR_M";
}
.tabChoice li:not(:last-child){ border-right: none}
.tabChoice li.on{
  color: #fff;
  background: #0d2754;
}
/*�ъ쟾�뺣낫怨듯몴 end*/

/*�ъ쟾�뺣낫怨듯몴 �앹뾽 start*/
table.listType.btnTable th,
table.listType.btnTable td{ padding: 20px 5px}
.btnTable .inlineBlock,
.btnTable ul.inlineBlock li{ display: inline-block; float: left;}
.btnTable .fileName.inlineBlock{ max-width: calc(100% - 300px)}
.btnTable ul.inlineBlock{ max-width: 300px; padding-left: 5px}
.btnTable ul.inlineBlock span{ float: left; margin-left: 5px}
.preInfoPop{ padding: 0 125px 50px 125px}
.preInfoPop table td{ text-align: left}
/*�ъ쟾�뺣낫怨듯몴 �앹뾽 end*/

/*踰뺣쪧 start*/
.lawTableDetail .fileName{
  width: auto;
  max-width: 100%;
  padding: 0 5px 5px 20px;
  background: url("/resource/templete/naacc/img/sub/icon_file_down.png") no-repeat left top 0.45rem;
  color: #1f48a7;
  text-decoration: underline;
  text-underline-position: under;
}
.lawConWrap .tit{
  font-size: 1.125rem;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #f8f8f8;
  border-bottom: solid 1px #aeaeae;
  border-right: none;
}
.lawConWrap .con{
  padding: 45px 25px;
}
.searchCondition tr.lawConWrap,
.searchCondition tr.lawConWrap th,
.searchCondition tr.lawConWrap td{ width: 100%; display: block; padding: 0}
.searchCondition tr.lawConWrap .pre_wrap{ padding: 15px}
/*踰뺣쪧 end*/

/*��� 泥� 李⑥옣 start*/
.appointmentHistory > li{ display: flex; flex-wrap: wrap; padding: 35px 30px; border-bottom: solid 1px #dfdfdf}
.appointmentHistory > li:last-child{ border-bottom: none}
.appointmentHistory > li > div{ display: flex}
.appointmentHistory > li .img{ width: 130px; position: relative}
.appointmentHistory > li .img img{ border: solid 1px #dfdfdf; position: absolute; left: 0; top: 50%; transform: translate(0, -50%)}
.appointmentHistory > li .info{ padding: 25px; width: 335px; position: relative}
.appointmentHistory > li .info > div{ position: absolute; left: 25px; top: 50%; transform: translate(0, -50%)}
.appointmentHistory > li .info .txt1{ color: #3f4e61; font-size: 1.250rem; font-family: "Noto Sans KR_M"}
.appointmentHistory > li .info .txt2{ color: #131313; font-size: 1.750rem; font-weight: bold; margin-bottom: 10px}
.appointmentHistory > li .info .txt3{ color: #444444; font-size: 1.125rem}
.appointmentHistory > li .career{ padding: 25px 0; width: calc(100% - 130px - 335px)}
.appointmentHistory > li .career ul li{ padding-left: 30px; position: relative; color: #444}
.appointmentHistory > li .career ul li:before{
  content: "쨌";
  position: absolute;
  left: 15px;
  top: 0;
}
/*��� 泥� 李⑥옣 end*/

/*�꾨쭩怨� 紐⑺몴 start*/
.vision .pageConWrap01 .bgWrap{
  height: 280px;
  max-height: 50vw;
  background: url("/resource/templete/naacc/img/sub/img_sub060101_01_01.jpg") no-repeat center / cover;
  margin-bottom: 30px;
}
.vision .pageConWrap01 .infoBox ul{
  padding: 15px 15px 0 15px;
  color: #444;
  font-size: 1.125rem;
}
.vision .pageConWrap01 .infoBox ul li{ margin-bottom: 5px}
/*�꾨쭩怨� 紐⑺몴 end*/

/*�됰났泥� �뚯옣 start*/
.charter .pageConWrap01 .bgWrap{
  padding: 40px 20px;
  background: url("/resource/templete/naacc/img/sub/img_sub060102_01_01.jpg") no-repeat center / cover;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 1.313rem;
  line-height: +1.6;
  word-break: keep-all;
}
/*�됰났泥� �뚯옣 end*/

/*�됰났泥� 臾몄뼇 start*/
.mi .imgWrap img{ width: 100%}
/*�됰났泥� 臾몄뼇 end*/

/*泥�룹감�� �쎈젰 start*/
.history .historyWrap{ word-break: keep-all; padding: 0 15px}
.history .historyWrap,
.history .smallDotTitle{ font-size: 1.125rem}
.history .smallDotTitle{ margin-bottom: 20px; background-position: left center}
.history .historyWrap .area{ margin-top: 40px}
/*泥�룹감�� �쎈젰 end*/

/*�ㅻ쭏�� �꾩떆 start*/
.timeline .left{ width: 45%; padding-right: 60px}
.timeline .left li{ margin-bottom: 55px; border: solid 1px #dfdfdf; width:100%;}
.timeline .left li img{width:100%;}
.timeline .dateWrap li:last-child,
.timeline .left li:last-child{ margin-bottom: 0}
.timeline .right{ width: 55%; border-left: solid 1px #dfdfdf}
.timeline .dateWrap li{ margin-left: -10px; position: relative; padding-left: 155px; margin-bottom: 30px}
.timeline .dateWrap li .date{
  display: inline-block;
  width: 155px;
  color: #0571f2;
  font-family: "Noto Sans KR_M";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  background: url("/resource/templete/naacc/img/sub/img_sub010201_02_04.png") no-repeat right 12px center;
  padding-left: 35px;
}
.timeline .dateWrap li .date:before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 5px solid #0571f2;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  margin-right: 15px;
  box-sizing: content-box;
}
.timeline .dateWrap li .txtCon{
  border-radius: 15px;
  padding: 15px;
  text-align: center;
  color: #333;
}

.smart .pageConWrap03 table tr td{ text-align: left}
.smart .pageConWrap03 table tr td:first-child{ text-align: center}

.imgDotHalfWrap.bd{ border-bottom: solid 1px #dfdfdf}
.imgDotHalfWrap .dashList li,
.imgDotHalfWrap .dotList li,
.imgDotHalfWrap .smallDotTitle{ font-size: 1.125rem;}
.imgDotHalfWrap .dashList li,
.imgDotHalfWrap .dotList li,
.imgDotHalfWrap .smallDotTitle + .txtM{ color: #444}
.imgDotHalfWrap .dotList{ padding-left: 10px; word-break: keep-all}
.imgDotHalfWrap .smallDotTitle{ margin-right: 20px}
.imgDotHalfWrap .infoArea > li{ margin-bottom: 25px; float: left; width: 100%}
.imgDotHalfWrap .infoArea > li:last-child{ margin-bottom: 0}
.imgDotHalfWrap{ display: flex; flex-wrap: wrap}
.imgDotHalfWrap .half{ display: flex; align-items: center;justify-content: center;}
.imgDotHalfWrap .half.bgWrap,
.imgDotHalfWrap .half.imgWrap{ width: calc(50% - 30px); padding: 30px; margin-right: 30px}
.imgDotHalfWrap .half.imgWrap img{ margin: auto; width: 100%}

/*�ㅻ쭏�� �꾩떆 end*/

/*�꾩떆援먰넻泥닿퀎 start*/
.transportation .pageConWrap01 .roundWrap .tit{ margin-top: 30px}
.roundCon.bdBoxCon li > div{ padding: 30px 10px 40px}
/*�꾩떆援먰넻泥닿퀎 end*/

/*�뀁껜�섍텒 start*/
.hasInfoBox .info{
  width: calc(100% - 40px);
  padding: 10px;
  background: #f8f8f8;
  border-radius: 40px;
  text-align: center;
  margin: 0 20px 20px;
}
.hasInfoBox .info .small{ font-family: "Noto Sans KR_M"; font-size: 0.938rem;}
/*�뀁껜�섍텒 end*/

/*�됰났�꾩떆 異붿쭊�꾪솴 start*/
.constructionSiteWrap{ padding: 2rem}
.constructionSiteWrap .imgWrap{ border: solid 1px #dfdfdf; align-items: center; justify-content: center}
.constructionSiteWrap .imgWrap img{ margin: auto; flex-shrink: 0}
.constructionSiteWrap .txtWrap .titWrap{ height: 50px; padding: 10px 0}
.constructionSiteWrap .txtWrap .infoWrap{ height: calc(100% - 50px); max-height: 490px}
.constructionSiteWrap .txtWrap .infoWrap .total{
  width: 30%;
  height: 100%;
  float: left;
}
.constructionSiteWrap .txtWrap .infoWrap .total4 > li{ height: 25%}
.constructionSiteWrap .txtWrap .infoWrap .total5 > li{ height: 20%}
.constructionSiteWrap .txtWrap .infoWrap .total li{
  width: 100%;
  padding: 10px;
  border: 1px solid #dfdfdf;
  border-bottom: none;
  position: relative;
}
.constructionSiteWrap .txtWrap .infoWrap .total li:last-child{ border-bottom: 1px solid #dfdfdf;}
.constructionSiteWrap .txtWrap .infoWrap .list{
  width: 70%;
  height: 100%;
  float: left;
  overflow-y: auto;
  padding: 10px;
}
.constructionSiteWrap .txtWrap .infoWrap .list li{ padding: 5px 0; width: 100%; float: left}
.constructionSiteWrap .txtWrap .infoWrap .list .mark{ width: 60px; margin-right: 5px; display: inline-block; float: left; font-size: 0.750rem}
.constructionSiteWrap .txtWrap .infoWrap .list .text{ width: calc(100% - 65px); display: inline-block; float: left; line-height: +1.2}
.constructionSiteWrap .txtWrap .infoWrap .mark{
  width: 80px;
  height: 25px;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  border-radius: 15px;
  color: #fff;
  font-family: "Noto Sans KR_M";
}
.constructionSiteWrap .txtWrap .infoWrap .mark.all{ background: #000} /*�꾩껜*/
.constructionSiteWrap .txtWrap .infoWrap .mark.progress{ background: #0A2CFF} /*吏꾪뻾*/
.constructionSiteWrap .txtWrap .infoWrap .mark.completed{ background: #4F534C} /*以�怨�*/
.constructionSiteWrap .txtWrap .infoWrap .mark.schedule{ background: #BFD7F8; color: #131313} /*李⑷났�덉젙*/
.constructionSiteWrap .txtWrap .infoWrap .mark.schedule.colorNew{ background: #C96765; color: #fff} /*李⑷났�덉젙*/
.constructionSiteWrap .txtWrap .infoWrap .mark.stop{ background: #EF1D2E} /*以묒�*/
.constructionSiteWrap .txtWrap .infoWrap .count{
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.constructionSiteWrap.hasTab .imgWrap{ display: flex}
.constructionSiteWrap.hasTab .infoWrap{ height: 100%; max-height: none; padding: 0 10px}
.constructionSiteWrap.hasTab .infoWrap .tab{
  width: calc( 45% - 15px);
  margin-right: 15px;
  height: 100%;
  float: left;
  background: #1f48a7;
  color: #fff;
  font-size: 1.125rem;
  font-family: "Noto Sans KR_M";
  text-align: center;
  padding: 20px;
}
.constructionSiteWrap.hasTab .infoWrap .tab li{
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 25px;
}
.constructionSiteWrap.hasTab .infoWrap .tab li.on{ background: rgba(255,255,255,0.9); color: #1f48a7}
.constructionSiteWrap.hasTab .txtWrap .infoWrap .count{ right: 10px; bottom: 10px}
.constructionSiteWrap.hasTab .txtWrap .infoWrap .count .txt{ font-size: 1.875rem; margin-right: 10px}
.constructionSiteWrap.hasTab .infoWrap .total{ width: 55%; display: none}
.constructionSiteWrap.hasTab .infoWrap .total.on{ display: block}
.constructionSiteWrap.hasTab .txtWrap .infoWrap .total li{ border-right: none; border-left: none; padding: 20px 10px}
.constructionSiteWrap.hasTab .txtWrap .infoWrap .total li:first-child{ border-top: none}
.constructionSiteWrap.hasTab .txtWrap .infoWrap .total li:last-child{ border-bottom: none}

.imgInfoWrap{ position: relative}
.imgInfoWrap .imgInfo{ position: absolute; right: 35px; bottom: 35px}
/*�됰났�꾩떆 異붿쭊�꾪솴 end*/

/*�곕룄蹂� 嫄댁꽕�꾪솴 start*/
  .right-side .byYearWrap .slick-slider{ /*overflow: hidden; */height: 45vw; max-height: 650px}
  .right-side .byYearWrap .slick-list,
  .right-side .byYearImg .slick-track,
  .right-side .byYearImg .slick-slide{height: 100%;}


  .right-side .byYearWrap .slick-item-2007{ background-image: url("/resource/templete/naacc/img/sub/year_map_2007.jpg");}
  .right-side .byYearWrap .slick-item-2009{ background-image: url("/resource/templete/naacc/img/sub/year_map_2009.jpg");}
  .right-side .byYearWrap .slick-item-2010{ background-image: url("/resource/templete/naacc/img/sub/year_map_2010.jpg");}
  .right-side .byYearWrap .slick-item-2011{ background-image: url("/resource/templete/naacc/img/sub/year_map_2011.jpg");}
  .right-side .byYearWrap .slick-item-2012{ background-image: url("/resource/templete/naacc/img/sub/year_map_2012.jpg");}
  .right-side .byYearWrap .slick-item-2013{ background-image: url("/resource/templete/naacc/img/sub/year_map_2013.jpg");}
  .right-side .byYearWrap .slick-item-2014{ background-image: url("/resource/templete/naacc/img/sub/year_map_2014.jpg");}
  .right-side .byYearWrap .slick-item-2015{ background-image: url("/resource/templete/naacc/img/sub/year_map_2015.jpg");}
  .right-side .byYearWrap .slick-item-2016{ background-image: url("/resource/templete/naacc/img/sub/year_map_2016.jpg");}
  .right-side .byYearWrap .slick-item-2017{ background-image: url("/resource/templete/naacc/img/sub/year_map_2017.jpg");}
  .right-side .byYearWrap .slick-item-2018{ background-image: url("/resource/templete/naacc/img/sub/year_map_2018.jpg");}
  .right-side .byYearWrap .slick-item-2019{ background-image: url("/resource/templete/naacc/img/sub/year_map_2019.jpg");}
  .right-side .byYearWrap .slick-item-2020{ background-image: url("/resource/templete/naacc/img/sub/year_map_2020.jpg");}
  .right-side .byYearWrap .slick-item-2021{ background-image: url("/resource/templete/naacc/img/sub/year_map_2021.jpg");}
  .right-side .byYearWrap .slick-item-2022{ background-image: url("/resource/templete/naacc/img/sub/year_map_2022.jpg");}
  .right-side .byYearWrap .slick-item-2023{ background-image: url("/resource/templete/naacc/img/sub/year_map_2023.jpg");}
  .right-side .byYearWrap .slick-slide{ background-repeat: no-repeat; background-size: cover; background-position: center}
  .right-side .byYearImg{ width: 65%; }
  .right-side .byYearThumb{ width: 25%; padding-left:6%; position: relative; display:flex; flex-wrap: wrap; align-items: center; margin-right:8%;}
  .right-side .byYearThumb .slick-slide{ border-radius: 50%; overflow: hidden; position: relative; border: solid 1px #fff; cursor: pointer; margin: 5px 0; width:178px !important;}
  .right-side .byYearThumb .slick-slide:after{ content: ""; display: block; padding-bottom: 100%; background: rgba(0,0,0,0.5)}
  .right-side .byYearThumb .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.250rem;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .right-side .byYearWrap .slick-slide:focus,
  .right-side .byYearThumb .slick-slide.slick-current:focus{ border:3px dotted #ff0000}
  .right-side .byYearThumb .slick-slide.slick-current{ border: solid 1px #0f72f2}
  .right-side .byYearThumb .slick-slide.slick-current .text{ box-shadow: inset 0 0 0 5px #0f72f2}
  .right-side .byYearThumb .slick-arrow{
    width: 100%;
    height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    z-index: 996;
    font-size: 0;
    text-indent: -999999px;
    cursor: pointer;
  }
  .right-side .byYearThumb .slick-arrow.slick-prev{ top: 12px; background-image: url("/resource/templete/naacc/img/sub/icon_year_prev.png")}
  .right-side .byYearThumb .slick-arrow.slick-next{top : 97%; background-image: url("/resource/templete/naacc/img/sub/icon_year_next.png")}
/*�곕룄蹂� 嫄댁꽕�꾪솴 end*/

/*寃쎌웳�� start*/
.competitiveness .pageConWrap01 .titBgList.hasInfoBox .txt{ min-height: 140px}
/*寃쎌웳�� end*/

/*�몄꽱�곕툕 start*/
.incentive .pageConWrap01 .BgWrap{ background: url("/resource/templete/naacc/img/sub/img_sub010602_01_01.jpg") no-repeat center}
/*�몄꽱�곕툕 end*/

/*�ъ옄�덈궡 start*/
.btnListWrap li{ width: calc((100% - 46px)/4); float: left; border: solid 1px #dfdfdf; text-align: center; padding: 15px; margin-right: 15px}
.btnListWrap li:last-child{ margin-right: 0}
.btnListWrap li .imgWrap{ width: 100%; height: auto; margin-bottom: 15px}
.btnListWrap li .btn{ width: 100%; height: 45px; line-height: 45px; display: inline-block; margin-top: 5px}
.btnListWrap li .btnView{ border: solid 1px #444; color: #444}
.btnListWrap li .btnDown{ border: solid 1px #2c5db8; color: #2c5db8}
/*�ъ옄�덈궡 end*/

/*�띾낫愿� start*/
.floorInfo .imgDotHalfWrap{ padding: 40px 20px}
.floorInfo .titleWrap{
  margin: auto;
  height: 70px;
  line-height: 70px;
  background: #f8f8f8;
  font-size: 1.125rem;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
}
/*�띾낫愿� end*/

/*李얠븘�ㅼ떆�� 湲� start*/
.contact .dashList > li{ margin-bottom: 20px}
.mapWrap .map{ height: 450px; max-height: 50vw; background: url("/resource/templete/naacc/img/sub/bg_map_default.png") no-repeat center / cover}
.mapWrap .addressWrap{ display: flex; font-size: 1.125rem; position: relative; margin-bottom: 3rem}
.mapWrap .addressWrap .half{
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  padding: 10px
}
.mapWrap .addressWrap .half .icon{
  width: 50px;
  height: 100px;
  float: left;
  display: inline-block;
  margin-right: 15px;
  flex-shrink: 0;
}
.mapWrap .addressWrap .half .tit{ margin-bottom: 5px; display: inline-block}
.mapWrap .addressWrap .half .text{ padding: 5px 0}
.mapWrap .addressWrap .half.right{ padding-right: 140px}
.mapWrap .addressWrap .goToMap{
  width: 120px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  background: #0d2754;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0,-50%);
}
.mapWrap .addressWrap .goToMap .icArrow{
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/resource/templete/naacc/img/sub/icon_go_to_map.png") no-repeat left center;
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.mapWrap .addressWrap .icAddress{ background: url("/resource/templete/naacc/img/sub/icon_loca.png") no-repeat top 10px center / 100% auto}
.mapWrap .addressWrap .icTel{ background: url("/resource/templete/naacc/img/sub/icon_tel.png") no-repeat top 10px center / 100% auto}
/*李얠븘�ㅼ떆�� 湲� end*/

/*�ъ씠�� 留� start*/
.siteMapWrap > li a{ width: auto; height: auto; display: inline}
.siteMapWrap > li{ flex-wrap: nowrap; display: flex; border-bottom: solid 1px #dfdfdf}
.siteMapWrap > li:last-child{ border-bottom: none !important;}
.siteMapWrap > li > .smDepth1,
.siteMapWrap > li > .smDepth2Wrap{ display: flex; float: left; flex-shrink: 0}
.siteMapWrap > li > .smDepth1{
  width: 200px;
  background: #f8f8f8;
  text-align: center;
  font-size: 1.250rem;
  font-family: "Noto Sans KR_M";
  position: relative
}
.siteMapWrap .smDepth2Wrap{
  padding: 15px;
  width: calc(100% - 200px);
  float: left;
  flex-wrap: wrap;
}
.siteMapWrap .smDepth2Wrap > li{
  width: 25%;
  height: auto;
  float: left;
  flex-shrink: 0;
  padding: 10px;
}
.siteMapWrap .smDepth2Wrap > li > a,
.siteMapWrap .smDepth2Wrap > li > span{
  font-size: 1.125rem;
  font-family: "Noto Sans KR_M";
  margin-bottom: 10px;
}
.siteMapWrap .smDepth3Wrap{ padding: 0 5px}
.siteMapWrap .smDepth3Wrap li{ margin: 5px 0}
.siteMapWrap .smDepth3Wrap li:before{ content: "-"; margin-right: 5px; font-weight: bold}
/*�ъ씠�� 留� end*/

/*寃��됯껐怨� start*/
.searchResultBG{ height: auto; background: url("../img/sub/bg_search.jpg") no-repeat center top / cover}
.subWrap.searchResult{ width: 100%; padding-top: 0}
.pageSearchInputWrap{
  padding: 60px 15px 40px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.searchWordResult{
  height: auto;
  font-size: 1.250rem;
  text-align: center;
  color: #fff;
  padding: 20px 15px;
  background: rgba(0,0,0,0.7);
}
.pageSearchInputWrap > *{ display: flex; height: 70px; line-height: 70px}
.pageSearchInputWrap .pageSearchSelect{
  width: 160px;
  border: none;
  border-radius: 35px 0 0 35px;
  padding: 0 30px;
  font-size: 1.125rem;
  color: #444
}
.pageSearchInputWrap .pageSearchInput{
  width: 700px;
  max-width: calc(100% - 235px);
  height: 70px;
  line-height: 70px;
  border: none;
  border-radius: 0 35px 35px 0;
  font-size: 1.125rem;
}
.pageSearchInputWrap .pageSearchInput::placeholder{ color: #444}
.pageSearchInputWrap .pageSearchBtn{
  width: 120px;
  display: inline-block;
  text-align: center;
  background: #3b86bf;
  color: #fff;
  cursor: pointer;
  margin-left: 15px;
  border-radius: 35px;
  font-size: 1.250rem;
  font-family: "Noto Sans KR_M";
}
.pageSearchResultWrap .categoryWrap + .categoryWrap{ margin-top: 30px}
.pageSearchResultWrap .resultConWrap + .resultConWrap{ border-top: solid 1px #dfdfdf}
.pageSearchResultWrap .resultTab{ margin: 30px 0 60px; position: relative}
.pageSearchResultWrap .resultTab:after{
  content: "";
  width: 200vw;
  height: 1px;
  background: #dfdfdf;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,0);
}
.pageSearchResultWrap .resultTab li{
  width: 12.5%;
  height: 55px;
  line-height: 55px;
  font-family: "Noto Sans KR_L";
  text-align: center;
  float: left;
  font-size: 1.125rem;
  color: #666;
}
.pageSearchResultWrap .resultTab li.on{
  color: #0d2754;
  font-family: "Noto Sans KR";
  border-bottom: solid 4px #0d2754;
}
.pageSearchResultWrap .categoryTit{ padding: 15px 5px; font-size: 1.250rem; font-family: "Noto Sans KR_M"}
.pageSearchResultWrap .categoryTit .count{ color: #1e8bdb}
.pageSearchResultWrap .resultConWrap{ padding: 20px}
.pageSearchResultWrap .resultTit{ font-size: 1.125rem; margin-bottom: 10px}
.pageSearchResultWrap .date{ font-size: 0.938rem; color: #666; margin-bottom: 5px; font-family: "Noto Sans KR_L"}
.pageSearchResultWrap .resultCon{
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3rem;
  line-height: 1.5rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 10px;
  color: #444;
  font-family: "Noto Sans KR_L";
}
.pageSearchResultWrap .searchWord{ color: #1e8bdb}
.pageSearchResultWrap .btnMore{
  width: 180px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: 1.063rem;
  border: 1px solid #666;
}
.pageSearchResultWrap .btnMore img{ position: relative; top: -1px; margin-left: 10px}
.pageSearchResultWrap .resultLoca{ font-size: 1rem; color: #555; font-family: "Noto Sans KR_L"}

.pageSearchResultWrap .noData{ line-height: +1.5; height: auto; padding: 100px 10px; border: none}
/*寃��됯껐怨� end*/

/*�먮윭*/
.noData.errorPage{ line-height: +1.5; height: auto; padding: 150px 10px 100px; border: none}
.noData.errorPage b{ font-size: 1.5rem; color: #131313}

/*�됰났�� 罹먮┃�� start*/
.sticonWrap{ display: flex; flex-wrap: wrap; border: 1px solid #dfdfdf; border-bottom: none}
.sticonWrap li{
  width: 16.6666%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  border-right: 1px solid #dfdfdf;
}
.sticonWrap li:nth-child(6n){ border-right: none}
.sticonWrap li .imgWrap{
  width: 100%;
  height: 185px;
  padding: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.sticonWrap li .txtWrap{
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.125rem;
  font-family: "Noto Sans KR_M";
  background: #f5f5f5;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
/*�됰났�� 罹먮┃�� end*/

/*�곸긽湲곕줉�� start*/
.videoIconWrap li{ cursor: pointer;}
.videoIconWrap li:focus{ border: 2px solid #000;}
.videoIconWrap li a{ pointer-events: none}
.videoRecord{
  background: url("/resource/templete/naacc/img/sub/bg_sub010106_01.jpg") no-repeat center bottom / cover;
  min-height: 100%;
  padding: 3rem 0 !important;
}
.videoRecord .pageTitle,
.videoRecord .pageInfo{ color: #fff; font-family: "Noto Sans KR_M"; text-align: center}
.videoRecord .pageTitle{ font-size: 3rem; margin-bottom: 30px; height: auto; line-height: +1.3; padding: 0}
.videoRecord .pageInfo{ font-size: 1.5rem; margin-bottom: 45px}

.videoRecord .mapWrap_record{ width: 50%; height: 700px; align-items: center; justify-content: center; flex-wrap: wrap; overflow: hidden;}
.videoRecord .mapWrap_record.regionMap{ align-items: start; justify-items: start; padding-bottom: 60px; position: relative}
.videoRecord .listWrap_record{ width: 37%; padding-left: 40px; flex-wrap: wrap}
.videoRecord .listWrap_record_item{ width: 100%; display: none}
.videoRecord .listWrap_record_item.on{ display: block}
.videoRecord .mapTitle{
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 10px;
  background: #dfdfdf;
  font-size: 1.750rem;
  font-family: "Noto Sans KR_M";
  margin-bottom: 20px;
}
.videoRecord .mapInfoWrap{ height: 580px; border: 1px solid #dfdfdf; overflow-y: auto; padding: 20px 15px; background: #fff}
.videoRecord .mapInfoWrap::-webkit-scrollbar{ background: #fff; width: 16px}
.videoRecord .mapInfoWrap::-webkit-scrollbar-thumb{ background: #dfdfdf; background-clip: padding-box; border-radius: 10px; border: 3px solid transparent}
.videoRecord .mapInfoWrap.noChoice{ background: #fff url("/resource/templete/naacc/img/sub/bg_videorecord_list.png") no-repeat center;}

.videoRecord .marker_infoWrap .marker_info{
  width: 100%;
  height: auto;
  float: left;
  padding: 10px 20px;
  border-radius: 10px;
  background: #f4f4f4;
  margin-bottom: 10px;
}
.videoRecord .marker_infoWrap .marker_info_name{
  padding: 10px 30px 10px 0;
  font-size: 1.188rem;
  font-weight: bold;
  color: #131313;
  background: url("/resource/templete/naacc/img/sub/icon_board_next.png") no-repeat right 10px center;
}
.videoRecord .marker_infoWrap .marker_info_address{
  margin-bottom: 10px;
  color: #444;
  font-size: 1.125rem;
}
.videoRecord .marker_info.on .marker_info_name{
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
  background: url("/resource/templete/naacc/img/sub/icon_board_prev.png") no-repeat right 10px center;
}
.videoRecord .marker_info_hiddenBox{ display: none}
.videoRecord .marker_info.on .marker_info_hiddenBox{ display: block}

.videoIconWrap{ display: flex; flex-wrap: wrap; text-align: center; margin-bottom: 5px}
.videoIconWrap > li{ width: 25%; padding: 5px}
.videoIconWrap > li .imgWrap{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #d7d7d7;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
.videoIconWrap > li .imgWrap.drone{ background-image: url("/resource/templete/naacc/img/sub/icon_drone.png")}
.videoIconWrap > li .imgWrap.process{ background-image: url("/resource/templete/naacc/img/sub/icon_process.png")}
.videoIconWrap > li .imgWrap.panorama{ background-image: url("/resource/templete/naacc/img/sub/icon_panorama.png")}
.videoIconWrap > li .imgWrap.photo{ background-image: url("/resource/templete/naacc/img/sub/icon_photo.png")}
.videoIconWrap > li .txtWrap{ width: 100%; color: #444}

.videoRecord .pathColor{ fill: #0c3169; box-shadow: 10px 10px 10px 50px rgba(0,0,0,0.5)}
.videoRecord path{
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  cursor: pointer;
}
.videoRecord .pathColor2{ fill: #ddf1f8}
.videoRecord .region01:focus .pathColor,
.videoRecord .region01:hover .pathColor{ fill: #B1B0D8}
.videoRecord .region01 .mapTitle{ background: #B1B0D8}
.videoRecord .regionTab li.on:nth-child(1){ border-color: #B1B0D8}
.videoRecord .regionTab li.on:nth-child(1):before{ background: #B1B0D8}
.videoRecord .region02:focus .pathColor,
.videoRecord .region02:hover .pathColor{ fill: #ee98a0}
.videoRecord .region02 .mapTitle{ background: #ee98a0}
.videoRecord .regionTab li.on:nth-child(2){ border-color: #ee98a0}
.videoRecord .regionTab li.on:nth-child(2):before{ background: #ee98a0}
.videoRecord .region03:focus .pathColor,
.videoRecord .region03:hover .pathColor{ fill: #61c7b7}
.videoRecord .region03 .mapTitle{ background: #61c7b7}
.videoRecord .regionTab li.on:nth-child(3){ border-color: #61c7b7}
.videoRecord .regionTab li.on:nth-child(3):before{ background: #61c7b7}
.videoRecord .region04:focus .pathColor,
.videoRecord .region04:hover .pathColor{ fill: #f0c75e}
.videoRecord .region04 .mapTitle{ background: #f0c75e}
.videoRecord .regionTab li.on:nth-child(4){ border-color: #f0c75e}
.videoRecord .regionTab li.on:nth-child(4):before{ background: #f0c75e}
.videoRecord .region05:focus .pathColor,
.videoRecord .region05:hover .pathColor{ fill: #69a8d2}
.videoRecord .region05 .mapTitle{ background: #69a8d2}
.videoRecord .regionTab li.on:nth-child(5){ border-color: #69a8d2}
.videoRecord .regionTab li.on:nth-child(5):before{ background: #69a8d2}
.videoRecord .region06:focus .pathColor,
.videoRecord .region06:hover .pathColor{ fill: #5ec9e3}
.videoRecord .region06 .mapTitle{ background: #5ec9e3}
.videoRecord .regionTab li.on:nth-child(6){ border-color: #5ec9e3}
.videoRecord .regionTab li.on:nth-child(6):before{ background: #5ec9e3}
.videoRecord .region07:focus .pathColor,
.videoRecord .region07:hover .pathColor{ fill: #c9ea9c}
.videoRecord .region07 .mapTitle{ background: #c9ea9c}
.videoRecord .regionTab li.on:nth-child(7){ border-color: #c9ea9c}
.videoRecord .regionTab li.on:nth-child(7):before{ background: #c9ea9c}

.videoRecord .regionName{ fill: #fff; font-family: "Noto Sans KR_M"; font-size: 1.125rem; cursor: pointer}
.videoRecord .region:focus .regionName,
.videoRecord .region:hover .regionName{ fill: #000}

.videoRecord .regionName_m{ fill: #fff; font-family: "Noto Sans KR_M"; font-size: 2rem; cursor: pointer; display: none}
.videoRecord .region:focus .regionName_m,
.videoRecord .region:hover .regionName_m{ fill: #000}
.videoRecord .mapWrap_record.regionMap,
.videoRecord .mapWrap_record.regionMap .regionMapImgWrap > li{ display: none}
.videoRecord .mapWrap_record.regionMap .regionMapImgWrap > li.on{ display: inline-block}

.videoRecord .road_onOff{ text-align: right}
.videoRecord .road_onOff .controllerName{
  font-size: 1.125rem;
  color: #fff;
  font-family: "Noto Sans KR_M";
  margin-right: 10px
}
.videoRecord .road_onOff .controller{
  width: 95px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  display: inline-block;
  float: right;
  background: #444;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
}
.videoRecord .road_onOff .controller:after{
  font-size: 1rem;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}
.videoRecord .road_onOff .controller:before{
  content: "";
  width: 38px;
  height: 18px;
  border-radius: 9px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
}
.videoRecord .road_onOff .controller.on:after{
  content: "ON";
  color: #ffc600;
  left: 12px;
  right: auto;
}
.videoRecord .road_onOff .controller.on:before{
  background: #dadada;
  left: auto;
  right: 10px;
}
.videoRecord .road_onOff .controller.off:after{
  content: "OFF";
  color: #dadada;
  left: auto;
  right: 12px;
}
.videoRecord .road_onOff .controller.off:before{
  background: #dadada;
  right: auto;
  left: 10px;
}
.regionMapImgWrap{ text-align: center; position: relative; height: calc(100% - 90px)}
.regionMapImgWrap img{ width: 100%}
.regionMapImgWrap img.regionMapImg{ z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.regionMapImgWrap img.regionMapImg_road{ z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.regionMapImgWrap > li{ display: none; width: 60%; height: 100%; position: relative}
.regionMapImgWrap > li:nth-child(2){ width: 50%}
.regionMapImgWrap > li.on{ display: inline-block}

.regionTabWrap{ height: 60px; line-height: 60px; border-radius: 10px; overflow: hidden; position: absolute; left: 0; bottom: 0}
.regionTab{ width: calc(100% - 60px); height: 100%; float: left; padding: 10px; background: #fff; display: flex; flex-wrap: nowrap}
.regionTab li{
  display: flex;
  flex-wrap: wrap;
  line-height: +1;
  margin: 0 5px;
  border: 3px solid #ebebeb;
  background: #ebebeb;
  color: #666;
  font-family: "Noto Sans KR_M";
  border-radius: 20px;
  position: relative;
}
.regionTab li a{ padding: 8px 10px 8px 20px;}
.regionTab li.on{ color: #444}
.regionTab li:before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 2px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0,-50%);
}
.videoRecord .goToFirst{
  width: 60px;
  height: 60px;
  background: #d6d6d6;
  color: #666;
  font-size: 0.688rem;
  display: inline-block;
  float: left;
}
.videoRecord .goToFirst a{
  background: url("/resource/templete/naacc/img/sub/icon_back.png") no-repeat top 11px center;
  text-align: center;
  padding-top: 16px;
}
.marker{
  width: 1px;
  height: 1px;
  display: inline-block;
  font-weight: bold;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.marker.on:before{
  content: "";
  width: 15px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background: rgba(243,72,77,1);
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translate(-50%,0);
  z-index: -1;
}
.marker.on:after{
  content: "";
  width: 32px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: rgba(243,72,77,0.35);
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translate(-50%,0);
  z-index: -1;
}
.marker a{
  width: 30px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,0);
  padding: 5px 0;
  font-size: 0.750rem;
  background: url("/resource/templete/naacc/img/sub/map_maker.png") no-repeat center / 100% auto;
  color: #f3484d;
}
.marker.on a{
  background: url("/resource/templete/naacc/img/sub/map_maker_onclick.png") no-repeat center / 100% auto;
  color: #fff;
}
/*留덉빱 �꾩튂*/
/*1�앺솢沅� 留덉빱*/
.marker01{ margin-left: -21%; margin-top: 10%}
.marker02{ margin-left: 18%; margin-top: 27.5%}
.marker03{ margin-left: 28.5%; margin-top: 34%}
.marker04{ margin-left: 32%; margin-top: 17%}
.marker05{ margin-left: 41.5%; margin-top: 27.5%}
.marker06{ margin-left: 34%; margin-top: 44%}
.marker07{ margin-left: 16.5%; margin-top: -15%}
.marker08{ margin-left: 35.5%; margin-top: 25.5%}
.marker09{ margin-left: -5%; margin-top: -7.5%}
.marker10{ margin-left: 26%; margin-top: 25.5%}
.marker11{ margin-left: 24%; margin-top: 17.5%}
.marker12{ margin-left: 13.5%; margin-top: 20%}
.marker13{ margin-left: 23%; margin-top: 32%}
.marker14{ margin-left: 10%; margin-top: 40%}
/*2�앺솢沅� 留덉빱*/
.marker15{ margin-left: 33%; margin-top: -16%}
.marker16{ margin-left: 46%; margin-top: -1.5%}
.marker17{ margin-left: 43%; margin-top: -16%}
.marker18{ margin-left: 24%; margin-top: -25%}
.marker19{ margin-left: 5%; margin-top: 8%}
.marker20{ margin-left: -9%; margin-top: -13%}
.marker21{ margin-left: 31%; margin-top: -4.5%}
/*3�앺솢沅� 留덉빱*/
.marker22{ margin-left: 4.5%; margin-top: -9%}
.marker23{ margin-left: 20%; margin-top: -9%}
.marker24{ margin-left: 7.5%; margin-top: -1.5%}
.marker25{ margin-left: 0.5%; margin-top: 0.5%}
.marker26{ margin-left: 33.5%; margin-top: -10.5%}
/*4�앺솢沅� 留덉빱*/
.marker27{ margin-left: 12%; margin-top: -9%}
.marker28{ margin-left: -31.5%; margin-top: 6.5%}
.marker29{ margin-left: 25%; margin-top: 4%}
.marker30{ margin-left: 6.5%; margin-top: 3.5%}
.marker31{ margin-left: 21%; margin-top: -10.5%}
/*5�앺솢沅� 留덉빱*/
.marker32{ margin-left: 29%; margin-top: 36%}
/*6�앺솢沅� 留덉빱*/
.marker33{ margin-left: -19%; margin-top: -4%}
.marker34{ margin-left: -4.5%; margin-top: 3%}
/*以묒떖遺� 留덉빱*/
.marker35{ margin-left: -2%; margin-top: 17%}
.marker36{ margin-left: -32.5%; margin-top: 37.5%}
.marker37{ margin-left: -8.5%; margin-top: -16.5%}
.marker38{ margin-left: -22.5%; margin-top: 27.5%}
.marker39{ margin-left: -36%; margin-top: 19%}
.marker40{ margin-left: -38%; margin-top: -27%}
/*�곸긽湲곕줉�� end*/

/*�덉궛寃곗궛�꾪솴 start*/
  .yearWrap{ display: none}
  .yearWrap .arrowTitle{ margin-bottom: 0}
  .yearWrap .arrowTitle + .smallDotTitle{ margin-bottom: 0; margin-top: 15px}
  .yearWrap .scroll_info{ margin: 30px 0 0}
/*�덉궛寃곗궛�꾪솴 end*/


/*�됱젙쨌�먯” �꾩떆 start*/
.imgDotHalfWrap .half.flexStart{ align-items: flex-start; padding-top: 35px}
.imgDotHalfWrap .infoArea > li.half{ width: 50%}
.imgDotHalfWrap .infoArea.line li{ flex-wrap: nowrap; display: flex}
.imgDotHalfWrap .infoArea.line .smallDotTitle{ margin-right: 0; width: 110px; display: inline-block}
/*�됱젙쨌�먯” �꾩떆 end*/

/*�멸컙以묒떖 �꾩떆 start*/
 .roundBoxList{ display: flex; flex-wrap: wrap; justify-content: space-between}
.roundBoxList li{ width: calc(50% - 15px); height: auto; padding-left: 20px; position: relative; margin: 15px 0}
.roundBoxList li .round{ width: 95px; height: 95px; border-radius: 50%; display: flex; flex-wrap: wrap; align-content: center; position: absolute; left: 0; top: 0}
.roundBoxList li .round span{ display: inline-block; width: 100%; text-align: center; color: #fff}
.roundBoxList li .round span.num{ font-size: 1.5rem; line-height: +1.2; font-weight: bold}
.roundBoxList li:nth-child(odd) .round{ background: #327F9D}
.roundBoxList li:nth-child(even) .round{ background: #817467}
.right-side .roundBoxList li .roundBoxCon{ width: 100%; height: 100%; min-height: 95px; padding: 10px 15px 10px 85px; border-radius: 50px}
.roundBoxList li:nth-child(odd) .roundBoxCon{ border: 1px solid #327F9D}
.roundBoxList li:nth-child(even) .roundBoxCon{ border: 1px solid #817467}
.roundBoxList li .roundBoxCon .title{ font-family: "Noto Sans KR_M"; font-size: 1.063rem; margin-bottom: 3px}
.roundBoxList li:nth-child(odd) .roundBoxCon .title{ color: #327F9D}
.roundBoxList li:nth-child(even) .roundBoxCon .title{ color: #817467}
.roundBoxList li .roundBoxCon .text{ color: #666; font-size: 0.93rem}
/*�멸컙以묒떖 �꾩떆 end*/

/*移쒗솚寃� �꾩떆 start*/
.smallDotList li .smallDotTitle{ width: 120px; flex-shrink: 0; margin-right: 0}
.imgDotHalfWrap.type02 .imgWrap{ padding-right: 6%!important;}
/*移쒗솚寃� �꾩떆 end*/

/*臾명솕쨌�뺣낫 �꾩떆 start*/
.cultureCity .pageConWrap01 .bgWrap{ background: url("/resource/templete/naacc/img/sub/bg_cultureCity01.jpg") no-repeat center / cover; padding: 35px 50px}
.cultureCity .pageConWrap01 .bgWrap > .title span{ font-size: 1.250rem; color: #fff; font-weight: bold; padding: 5px 40px; background: #0d2754; border-radius: 20px}
.cultureCity .pageConWrap01 .bgWrap ul li{ display: flex; flex-wrap: nowrap; align-items: center; float: left; margin: 15px 0}
.cultureCity .pageConWrap01 .bgWrap .icWrap{ width: 100px; height: 100px; border-radius: 50px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; border: solid 1px #dfdfdf}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic01{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity01.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic02{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity02.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic03{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity03.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic04{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity04.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic05{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity05.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic06{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity06.png")}
.cultureCity .pageConWrap01 .bgWrap .icWrap.ic07{ background-image: url("/resource/templete/naacc/img/sub/ic_smartcity07.png")}
.cultureCity .pageConWrap01 .bgWrap .bgGreen .icWrap{ background-color: #b1ced5}
.cultureCity .pageConWrap01 .bgWrap .bgPurple .icWrap{ background-color: #c0cbe1}
.cultureCity .pageConWrap01 .bgWrap .txtWrap{ padding-left: 30px}
.cultureCity .pageConWrap01 .bgWrap .txtWrap .title{ font-family: "Noto Sans KR_M"; font-size: 1.125rem; margin-bottom: 5px}
.cultureCity .pageConWrap01 .bgWrap .txtWrap .text{ color: #444}
.cultureCity .pageConWrap02 .smallDotList{ background: url("/resource/templete/naacc/img/sub/bg_cultureCity02.png") no-repeat right 20px center; padding: 30px 250px 50px 0}
.cultureCity .pageConWrap04 .h100{ height: 100%}
/*臾명솕쨌�뺣낫 �꾩떆 end*/

/*�고쁺 start*/
.yearLineWrap{
  position: relative;
  padding: 80px 0 50px;
  background: url("/resource/templete/naacc/img/sub/bg_yearline.jpg") repeat-y top center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.yearLineWrap:first-child{ margin-top: 80px}
.yearLineWrap:last-child{ padding-bottom: 0}
.yearLineWrap .yearCircle{
  width: 80px;
  height: 80px;
  padding: 10px;
  border-radius: 50%;
  background: rgba(5,113,242,0.22);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  margin-top: -25px;
}
.yearLineWrap .yearCircle span{
  content: "";
  width: 100%;
  height: 100%;
  background: #0571f2;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.yearLineWrap ul li{
  width: 100%;
  float: left;
  position: relative;
  background-image: url("/resource/templete/naacc/img/sub/img_sub010201_02_04.png");
  background-repeat: no-repeat;
  margin: 15px 0;
  font-size: 1.125rem;
  color: #333;
  display: flex;
  flex-wrap: nowrap;
}
.yearLineWrap .left li{ flex-direction: row-reverse}
.yearLineWrap .left{ text-align: right}
.yearLineWrap .right{ text-align: left}
.yearLineWrap .left.imgWrap{ padding-right: 50px}
.yearLineWrap .right.imgWrap{ padding-left: 50px}
.yearLineWrap ul li .month{ font-weight: bold; color: #1f48a7; flex-shrink: 0}
.yearLineWrap .left li .month{ margin-left: 15px}
.yearLineWrap .right li .month{ margin-right: 15px}
.yearLineWrap .left li{ padding-right: 85px; background-position: right 30px top 0.7rem}
.yearLineWrap .right li{ padding-left: 85px; background-position: left 30px top 0.7rem}
.yearLineWrap .left li:after,
.yearLineWrap .right li:after{
  content: "";
  width: 8px;
  height: 8px;
  border: 5px solid #0571f2;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 0.3rem;
  box-sizing:content-box;
}
.yearLineWrap .left li:after{ right: -9px}
.yearLineWrap .right li:after{ left: -9px}
/*�고쁺 end*/

/*2022�� 二쇱슂怨듭궗 �꾩옣 start*/
.mainConstructionSite .ic_click{ width: 1rem; height: 1rem; display: inline-block; background: url("/resource/templete/naacc/img/sub/icon_click.png") no-repeat center; margin-right: 5px}
.mainConstructionSite .colorDot{ display: inline-block; border-radius: 50%; font-weight: bold}
.mainConstructionSite .colorDot.blue{ background: #0e2cff; color: #fff}
.mainConstructionSite .colorDot.orange{ background: #ff6600; color: #000; border-radius: 0}
.mainConstructionSite .colorDot.yellow{ background: #fef504; color: #444; border: solid 1px #444}
.mainConstructionSite .imgCaption{ width: auto; height: 50px; line-height: 50px; border-radius: 25px; background: #f8f8f8; color: #444; padding: 0 30px; position: absolute; right: 0; bottom: 0}
.mainConstructionSite .imgCaption li{ display: flex; align-items: center; padding-right: 5px}
.mainConstructionSite .imgCaption li:last-child{ padding-right: 0}
.mainConstructionSite .imgCaption .colorDot{ width: 20px; height: 20px; margin: 0 10px}
.mainConstructionSite .markerWrap{ position: absolute; height: 100%}
.mainConstructionSite .markerWrap .markerDot{ width: 25px; height: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 0.875rem}
.mainConstructionSite .markerWrap .markerDot1{ margin-left: -37.5%; margin-top: -17%}
.mainConstructionSite .markerWrap .markerDot2{ margin-left: 14.5%; margin-top: -2.5%}
.mainConstructionSite .markerWrap .markerDot3{ margin-left: 17%; margin-top: -20%}
.mainConstructionSite .markerWrap .markerDot4{ margin-left: 8.5%; margin-top: -14%}
.mainConstructionSite .markerWrap .markerDot5{ margin-left: -9%; margin-top: -26%}
.mainConstructionSite .markerWrap .markerDot6{ margin-left: -33.5%; margin-top: -18.5%}
.mainConstructionSite .markerWrap .markerDot7{ margin-left: -18.5%; margin-top: -12%}
.mainConstructionSite .markerWrap .markerDot8{ margin-left: -11.5%; margin-top: 9.5%}
.mainConstructionSite .markerWrap .markerDot9{ margin-left: -26%; margin-top: -1%}
.mainConstructionSite .markerWrap .markerDot10{ margin-left: -23%; margin-top: 2.5%}
.mainConstructionSite .markerWrap .markerDot11{ margin-left: -20%; margin-top: -4%}
.mainConstructionSite .markerWrap .markerDot12{ margin-left: -26%; margin-top: 9%}
.mainConstructionSite .markerWrap .markerDot13{ margin-left: -13.5%; margin-top: 17.5%}
.mainConstructionSite .markerWrap .markerDot14{ margin-left: 7.5%; margin-top: 3.5%}
.mainConstructionSite .markerWrap .markerDot15{ margin-left: 12.5%; margin-top: 6.5%}
.mainConstructionSite .markerWrap .markerDot16{ margin-left: 19%; margin-top: -3%}
.mainConstructionSite .markerWrap .markerDot17{ margin-left: 14.5%; margin-top: 0%}
.mainConstructionSite .markerWrap .markerDot18{ margin-left: 14%; margin-top: -13%}
.mainConstructionSite .markerWrap .markerDot19{ margin-left: 12.5%; margin-top: -19.5%}
.mainConstructionSite .markerWrap .markerDot20{ margin-left: -27%; margin-top: -25%}
.mainConstructionSite .markerWrap .markerDot21{ margin-left: -25.5%; margin-top: -21.5%}
.mainConstructionSite .markerWrap .markerDot22{ margin-left: -20.5%; margin-top: 9%}
.mainConstructionSite .markerWrap .markerDot23{ margin-left: -23%; margin-top: 10%}
.mainConstructionSite .markerWrap .markerDot24{ margin-left: 32%; margin-top: -14.5%}
.mainConstructionSite .markerWrap .markerDot25{ margin-left: 39.5%; margin-top: -24%}
.mainConstructionSite .markerWrap .markerDot26{ margin-left: -22.5%; margin-top: 13%}
.mainConstructionSite .markerWrap .markerDot27{ margin-left: -3%; margin-top: 11%}
.mainConstructionSite .markerWrap .markerDot28{ margin-left: 9%; margin-top: -27%}
.mainConstructionSite .markerWrap .markerDot29{ margin-left: -9.5%; margin-top: -29%}
.mainConstructionSite .markerWrap .markerDot30{ margin-left: -28%; margin-top: -18.5%}
.mainConstructionSite .markerWrap .markerDot31{ margin-left: -3.5%; margin-top: -20%}
.mainConstructionSite .markerWrap .markerDot32{ margin-left: -6%; margin-top: -20.5%}
.mainConstructionSite .markerWrap .markerDot33{ margin-left: -25.5%; margin-top: 25%}
.mainConstructionSite .markerWrap .markerDot34{ margin-left: 19%; margin-top: -13%}
.mainConstructionSite .markerWrap .markerDot35{ margin-left: 8%; margin-top: -19%}
.mainConstructionSite .markerWrap .markerDot36{ margin-left: -23.5%; margin-top: -26.5%}
.mainConstructionSite .markerWrap .markerDot37{ margin-left: -43%; margin-top: -14.5%}
.mainConstructionSite .markerWrap .markerDot38{ margin-left: -31.5%; margin-top: -19.5%}
.mainConstructionSite .markerWrap .markerDot39{ margin-left: -18.5%; margin-top: -15.5%}
.mainConstructionSite .markerWrap .markerDot40{ margin-left: -25%; margin-top: 11.5%}
.mainConstructionSite .popClose a:focus{ border: solid 2px #000}
.mainConstructionSite .popCon{ padding: 50px}
.mainConstructionSite .popCon .title{ height: 40px; line-height: 40px; text-align: center; background: #888; color: #fff; font-weight: bold; font-size: 1.125rem}
.mainConstructionSite .popCon table{ border-top: solid 1px #dfdfdf}
.mainConstructionSite .popCon table:before{ display: none}
.mainConstructionSite .popCon .overviewWrap td{ text-align: left}
.mainConstructionSite .popCon .infoWrap{
  text-align: center;
  font-size: 1.125rem;
  color: #131313;
  font-family: "Noto Sans KR_M";
  border-bottom: solid 1px #aeaeae;
  font-weight: normal
}
.mainConstructionSite .popCon .infoWrap .left{ width: 25%}
.mainConstructionSite .popCon .infoWrap .right{ width: 75%}
.mainConstructionSite .popCon .infoWrap .pd{ padding: 20px 0}
.mainConstructionSite .popCon .infoWrap .titleWrap{ color: #fff; background: #1f48a7}
.mainConstructionSite .popCon .infoWrap .titleWrap .right{ text-align: left; padding: 20px 15px}
.mainConstructionSite .popCon .infoWrap .titleWrap .left,
.mainConstructionSite .popCon .infoWrap .titleWrap .right,
.mainConstructionSite .popCon .infoWrap .stateWrap .left div:not(.top),
.mainConstructionSite .popCon .infoWrap .stateWrap .right div:not(.top){ display: flex; flex-wrap: wrap; align-items: center}
.mainConstructionSite .popCon .infoWrap .titleWrap .left,
.mainConstructionSite .popCon .infoWrap .stateWrap .left div:not(.top),
.mainConstructionSite .popCon .infoWrap .stateWrap .right div:not(.top){ justify-content: center}
.mainConstructionSite .popCon .infoWrap .stateWrap .left > div:not(.top),
.mainConstructionSite .popCon .infoWrap .stateWrap .right > div:not(.top){ height: calc(100% - 65px)}
.mainConstructionSite .popCon .infoWrap .stateWrap .right > div:not(.top) div{ height: 100%}
.mainConstructionSite .popCon .infoWrap .titleWrap .left,
.mainConstructionSite .popCon .infoWrap .stateWrap .left,
.mainConstructionSite .popCon .photoWrap .half.left,
.mainConstructionSite .popCon .infoWrap .currentSituationWrap div{ border-right: solid 1px #dfdfdf}
.mainConstructionSite .popCon .infoWrap .stateWrap .top{ border-bottom: solid 1px #dfdfdf; height: 65px; line-height: 65px; padding: 0}
.mainConstructionSite .popCon .infoWrap .currentSituationWrap div.last{ border-right: none}
.mainConstructionSite .popCon .photoWrap .half{ position: relative; display: flex; flex-wrap: wrap; text-align: center}
.mainConstructionSite .popCon .photoWrap .half .imgWrap{ height: 270px; padding: 35px 120px}
.mainConstructionSite .popCon .photoWrap .half .imgBox{ width: 100%; height: 100%; background: #f8f8f8}
.mainConstructionSite .popCon .photoWrap .half .txtWrap{ height: 70px; padding: 20px 15px}
.mainConstructionSite .popCon .photoWrap .half .imgWrap,
.mainConstructionSite .popCon .photoWrap .half .txtWrap{ display: flex; align-items: center; justify-content: center}
.mainConstructionSite .popCon .photoWrap .txtWrap{ border-bottom: solid 1px #dfdfdf; border-top: solid 1px #dfdfdf; background: #f8f8f8; font-size: 1.125rem; color: #222}

.mainConstructionSite .btnDownloadL{ background: #1f48a7 url("/resource/templete/naacc/img/common/icon_download_w.png") no-repeat left 15px center; color: #fff}
.mainConstructionSite .btnDownloadL a{ padding: 10px 15px 10px 40px; display: flex; align-items: center; line-height: +1.3; word-break: keep-all}
/*2022�� 二쇱슂怨듭궗 �꾩옣 end*/


/*媛쒖씤�뺣낫泥섎━諛⑹묠 蹂�寃� 22-10-24*/
.privacy_wrap_new .privacy_info_txt{ font-weight: bold; color: #131313}
.privacy_wrap_new .link_txt{ color: #0044CC; font-size: 14px; text-decoration: underline; text-underline-position: under}
.privacy_wrap_new .colored{ color: #ff7817; font-weight: bold}
.privacy_wrap_new .privacy_info_txt.orange{ color: #ff7817}
.privacy_wrap_new .privacy_info_txt.orange.ml{ margin-left: 1.6rem}
.privacy_wrap_new .box_wrap{position: relative; margin-bottom: 20px; padding: 20px; color: #333; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 5px; word-break: keep-all;}
.privacy_wrap_new .box_tit{ text-align: center; margin-bottom: 30px; font-size: 17px}
.privacy_wrap_new .privacy_tit{ color: #444; font-weight: bold; font-size: 20px; margin: 50px 0 15px 0}
.privacy_wrap_new .labeling_list{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
}
.privacy_wrap_new .labeling_item{
    width: 23%;
    height: 200px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.privacy_wrap_new .labeling_item > a{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    position:relative
}
.privacy_wrap_new .labeling_tit{ color: #111; font-size: 15px; margin-top: 20px}
.privacy_wrap_new .labeling_item > a:focus,
.privacy_wrap_new .labeling_item > a:hover{ border: solid 1px #1647aa}
.privacy_wrap_new .labeling_item > a:focus .hidden_wrap,
.privacy_wrap_new .labeling_item > a:hover .hidden_wrap{ display: block}
.privacy_wrap_new .hidden_wrap{
    display: none;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    width: 500px;
    text-align: left;
    z-index: 999;
    position: absolute;
    top: 0;
}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(4n) .hidden_wrap{ left: -500px}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(4n-1) .hidden_wrap{ right: 50%}
.privacy_wrap_new .labeling_list .labeling_item:nth-child(4n-2) .hidden_wrap{ right: -500px}
.privacy_wrap_new .hidden_wrap .detail_tit{
    width: 100%;
    box-sizing: border-box;
    padding:10px;
    background-color: #1647aa;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
}
.privacy_wrap_new .hidden_wrap .detail_wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
}
.privacy_wrap_new .scroll_table_wrap{ width: 100%; max-height: 400px; overflow-y: auto; padding: 10px 1px 10px 0}
.privacy_wrap_new table{ width: 100%; table-layout: fixed; border-collapse: collapse; border-width: 1px; border-color: #dfdfdf}
.privacy_wrap_new table th{ padding: 15px 5px; text-align: center; color: #111; font-weight: bold}
.privacy_wrap_new table td{ padding: 5px}
.privacy_wrap_new table th,
.privacy_wrap_new table td{ width: 33.3333%}

.privacy_wrap_new .scroll_table_wrap table th{ color: #1647aa}

.privacy_wrap_new .table_of_con_link_wrap table{ margin-top: 10px}
.privacy_wrap_new .table_of_con_link_wrap th{ background: #f8f8f8}
.privacy_wrap_new .table_of_con_link_wrap td{ text-align: center}

.privacy_wrap_new .arrowTitle{
  padding-top: 120px;
  margin-top: -120px;
  background: none;
  line-height: 33px;
  display: flex;
  align-items: flex-start;
}
.privacy_wrap_new .arrowTitle > img{ margin-right: 10px}

.toggle_wrap .toggle_trigger{ display: inline-block; width: auto;}
.toggle_wrap .toggle_con{ display: none}
.toggle_wrap.open .toggle_con{ display: block}

@media(max-width:1400px){
.right-side .byYearThumb .slick-slide{width:160px !important; transition: 0.5s; }


}

@media(max-width:1320px){
.videoRecord .mapWrap_record{
	width:50%;
}

.right-side .byYearThumb .slick-slide{width:150px !important; transition: 0.5s; }

}

@media(max-width:1240px){
.right-side .byYearThumb .slick-slide{width:140px !important; transition: 0.5s; }
}

@media(max-width:1024px){
	.videoRecord .mapWrap_record{
	width:100%;
}

.videoRecord .listWrap_record {
    width: 96%;
    padding-left: 0px;
    flex-wrap: wrap;
	margin-top:16px;
}

.summary .pageConWrap03 .stepWrap {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
}
/*.summary .pageConWrap03 .stepWrap li {
    width: 100%;
}

.summary .pageConWrap03 .stepWrap li .txtWrap {
    padding: 65px 0px 0;
}

.summary .pageConWrap03 .stepWrap li .step:after {
	display:none;
}*/

.right-side .byYearThumb .slick-slide{width:120px !important; transition: 0.5s; }

}

@media ( max-width: 800px){
	.privacy_wrap_new .labeling_item{ width: 49%}
	.privacy_wrap_new .labeling_list .labeling_item .hidden_wrap{ max-width: 100vw}
	.privacy_wrap_new .labeling_list .labeling_item:nth-child(odd) .hidden_wrap{ left: 0!important;}
	.privacy_wrap_new .labeling_list .labeling_item:nth-child(even) .hidden_wrap{ right: 0!important;}
	.privacy_wrap_new .arrowTitle{ padding-top: 80px;	 margin-top: -80px; margin-bottom: 20px}
	.right-side .byYearThumb .slick-slide{width:178px !important; transition: 0.5s; }
}

@media ( max-width: 768px){
.right-side .byYearThumb .slick-slide{width:160px !important; transition: 0.5s; }
}

@media ( max-width: 600px){
.right-side .byYearThumb .slick-slide{width:140px !important; transition: 0.5s; }
}

@media ( max-width: 550px){
.right-side .byYearThumb .slick-slide{width:110px !important; transition: 0.5s; }
.pageSearchResultWrap .resultTab{
	display: flex;
    flex-direction: column;}
    .pageSearchResultWrap .resultTab li{
		width: 100%;
	}
	.subpadding{
		padding-left: 0;
	}
}

@media ( max-width: 350px){
.right-side .byYearThumb .slick-slide{width:80px !important; transition: 0.5s; }
}