.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}
/*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: #888;
  padding: 5px 20px 5px 35px;
  position: relative;
}
.lnbWrap .lnb .lnbDepth2Wrap li a:before{
  content: "";
  width: 3px;
  height: 2px;
  display: inline-block;
  background: #888888;
  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;
  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}
.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;
}
.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*/
  .byYearWrap .slick-slider{ overflow: hidden; height: 45vw; max-height: 650px}
  .byYearWrap .slick-list,
  .byYearImg .slick-track,
  .byYearImg .slick-slide{ height: 100%}
  .byYearWrap .slick-item-2007{ background-image: url("/resource/templete/naacc/img/sub/year_map_2007.jpg");}
  .byYearWrap .slick-item-2009{ background-image: url("/resource/templete/naacc/img/sub/year_map_2009.jpg");}
  .byYearWrap .slick-item-2010{ background-image: url("/resource/templete/naacc/img/sub/year_map_2010.jpg");}
  .byYearWrap .slick-item-2011{ background-image: url("/resource/templete/naacc/img/sub/year_map_2011.jpg");}
  .byYearWrap .slick-item-2012{ background-image: url("/resource/templete/naacc/img/sub/year_map_2012.jpg");}
  .byYearWrap .slick-item-2013{ background-image: url("/resource/templete/naacc/img/sub/year_map_2013.jpg");}
  .byYearWrap .slick-item-2014{ background-image: url("/resource/templete/naacc/img/sub/year_map_2014.jpg");}
  .byYearWrap .slick-item-2015{ background-image: url("/resource/templete/naacc/img/sub/year_map_2015.jpg");}
  .byYearWrap .slick-item-2016{ background-image: url("/resource/templete/naacc/img/sub/year_map_2016.jpg");}
  .byYearWrap .slick-item-2017{ background-image: url("/resource/templete/naacc/img/sub/year_map_2017.jpg");}
  .byYearWrap .slick-item-2018{ background-image: url("/resource/templete/naacc/img/sub/year_map_2018.jpg");}
  .byYearWrap .slick-item-2019{ background-image: url("/resource/templete/naacc/img/sub/year_map_2019.jpg");}
  .byYearWrap .slick-item-2020{ background-image: url("/resource/templete/naacc/img/sub/year_map_2020.jpg");}
  .byYearWrap .slick-slide{ background-repeat: no-repeat; background-size: cover; background-position: center}
  .byYearImg{ width: 75%}
  .byYearThumb{ width: 25%; padding: 0 40px; position: relative; display: flex; flex-wrap: wrap; align-items: center}
  .byYearThumb .slick-slide{ border-radius: 50%; overflow: hidden; position: relative; border: solid 1px #fff; cursor: pointer; margin: 5px 0}
  .byYearThumb .slick-slide:after{ content: ""; display: block; padding-bottom: 100%; background: rgba(0,0,0,0.5)}
  .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%;
  }
  .byYearWrap .slick-slide:focus,
  .byYearThumb .slick-slide.slick-current:focus{ border: dotted 1px #000}
  .byYearThumb .slick-slide.slick-current{ border: solid 1px #0f72f2}
  .byYearThumb .slick-slide.slick-current .text{ box-shadow: inset 0 0 0 5px #0f72f2}
  .byYearThumb .slick-arrow{
    width: 100%;
    height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    z-index: 999;
    font-size: 0;
    text-indent: -999999px;
    cursor: pointer;
  }
  .byYearThumb .slick-arrow.slick-prev{ top: 0; background-image: url("/resource/templete/naacc/img/sub/icon_year_prev.png")}
  .byYearThumb .slick-arrow.slick-next{ bottom: 0; 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: 250px;
  background: #f8f8f8;
  text-align: center;
  font-size: 1.250rem;
  font-family: "Noto Sans KR_M";
  position: relative
}
.siteMapWrap .smDepth2Wrap{
  padding: 15px;
  width: calc(100% - 250px);
  float: left;
  flex-wrap: wrap;
}
.siteMapWrap .smDepth2Wrap > li{
  width: 50%;
  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;
  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/eng/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: 1rem; 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: 0 10px 0 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{ width: 150px; display: inline-block; flex-shrink: 0; padding-right: 5px}
/*행정·자족 도시 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}
.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: 160px; 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*/

/*en*/
.en .infoBox{ word-break: break-all}
@media ( max-width: 800px){
	.cultureCity .smallDotList .flexNowWrap{ flex-wrap: wrap}
    .cultureCity .smallDotList li .smallDotTitle{ width: 100%}
    .cultureCity .smallDotList li .smallDotTitle + .txtM{ padding-left: 15px}
}

.dashTxt{ padding-left: 45px; color: #444; font-size: 1.125rem; position: relative}
.dashTxt:before{content: "-"; font-weight: bold; position: absolute; left: 30px}
/*history start*/
.historyWrap_en{ display: flex; flex-wrap: nowrap; align-items: flex-start}
.historyYear_en{ flex-shrink: 0; color: #0571f2; font-size: 2rem; font-weight: bold; padding-right: 35px; line-height: 1; margin-top: 20px}
.historyCon_en{ border-left: solid 1px #ddd; padding: 20px 0}
.historyItem_en{ display: flex;flex-wrap: nowrap;position: relative;margin: 0 0 1.5rem -9px;font-size: 1.125rem;word-break: keep-all;}
.historyItem_en .month{width: 200px;flex-shrink: 0;background-image: url("/resource/templete/eng/img/sub/img_sub010201_02_04.png");background-repeat: no-repeat;background-position: left 30px top 0.7rem;padding-left: 85px;font-weight: bold;color: #1f48a7;}
.historyItem_en:before{content: "";width: 8px;height: 8px;border: 5px solid #0571f2;background: #fff;border-radius: 50%;display: inline-block;position: absolute;top: 0.3rem;}

@media ( max-width: 800px){
    .historyYear_en{ padding-right: 20px}
    .historyItem_en{ flex-wrap: wrap}
    .historyItem_en .month{ background-image: none; width: 100%; margin-bottom: 5px}
    .historyItem_en .month,
    .historyItem_en .text{ padding-left: 25px}
}
/*history end*/

/*vision start*/
.visionWrap_en .title{ font-family: "Noto Sans KR_M"; font-size: 1.750rem; padding-bottom: 20px; margin-bottom: 20px; display: inline-block; width: auto}
.visionWrap_en .title.bdb{ padding-right: 25px; border-bottom: solid 1px rgba(255,255,255,0.5)}
.visionWrap_en .text{ font-size: 1.250rem}
.visionBg_en{ background: url("/resource/templete/eng/img/sub/bg_vision.jpg") no-repeat center / cover; color: #fff; padding: 40px 55px 0}
.visionBg_en .half{ margin-bottom: 60px}
.coreValuesWrap{ text-align: center}
.coreValuesWrap .title{ position: relative}
.coreValuesWrap .title:after{ content: "";width: 80%;height: 1px;background: #a1a1a1;display: inline-block;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);}
.coreValueList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; padding-top: 50px; position: relative}
.coreValueList:after{ content: ""; width: calc(100% - 245px); height: 1px; background: #dfdfdf; position: absolute; left: 50%; top: 0; transform: translate(-50%,0)}
.coreValueItem{ width: 245px; height: 245px; border-radius: 50%; color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative}
.coreValueItem:nth-child(1){ background-color: #0770f0}
.coreValueItem:nth-child(2){ background-color: #1e49a7}
.coreValueItem:nth-child(3){ background-color: #132b57}
.coreValueList:before,
.coreValueItem:before{ content: ""; width: 1px; height: 50px; background: #dfdfdf; position: absolute; left: 50%; top: -50px}
.coreValueList:before{ height: 70px; top: -70px}

@media ( max-width: 1030px){
    .coreValueList:after{ width: calc(100% - 200px)}
    .coreValueItem{ width: 200px; height: 200px}
	.summary .pageConWrap03 .stepWrap { display: flex; flex-wrap: wrap; text-align: center; flex-direction: column;}
	.summary .pageConWrap03 .stepWrap li .step:after{content:unset;}
	.summary .pageConWrap03 .stepWrap li { width:100% !important;}
}

@media ( max-width: 800px){
    .visionBg_en{ padding-top: 60px}
    .visionBg_en .half{ width: 100%}
    .coreValueList{ padding: 0}
    .coreValueList:after{ display: none}
    .coreValueItem{ width: 100%; height: auto; border-radius: 50px; padding: 20px 10px; margin: 15px 0}
    .coreValueItem:before{ height: 30px; top: -30px}
}
/*vision end*/

/*functions of sejong start*/
.tableSOG td{ text-align: left}
/*functions of sejong end*/

/*mapping the city start*/
.cityList{ display: flex; flex-wrap: wrap; justify-content: space-between}
.cityItem{ width: calc(50% - 10px)}
.cityItem .imgWrap{ height: calc(100% - 60px)}
.cityItem .txtWrap{ height: 60px; padding-top: 20px}

@media ( max-width: 800px){
    .cityItem{ width: 100%; margin-bottom: 30px}
    .cityItem:last-child{ margin-bottom: 0}
    .cityItem .imgWrap,
    .cityItem .txtWrap{ height: auto}
    .cityItem .txtWrap{ padding-top: 10px}
}
/*mapping the city end*/

/*central government start*/
.centralGovernmentWrap{ position: relative}
.centralGovernmentWrap:after{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dfdfdf; z-index: 0}
.en_centralGovernment .titleWrap h2{ background : url('/resource/templete/eng/img/sub/organization_bg.png') no-repeat center center; width: 345px; line-height : 65px; color : #fff; font-size : 22px; text-align: center; margin: 0 auto; position: relative; z-index: 2}
.en_centralGovernment .titleWrap.minister h2{ background: #0d2754}
.en_centralGovernment .titleWrap.minister{ margin-top: 50px}
.en_centralGovernment .branchWrap{ margin-top: 50px; padding-top: 50px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; position: relative}
.en_centralGovernment .branchWrap:after{ content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: calc(100% - 25%); height: 1px; background: #dfdfdf}
.en_centralGovernment .branchWrap li{ width: 25%; display: flex; flex-wrap: wrap; padding: 0 10px; position: relative; color: #444; z-index: 2}
.en_centralGovernment .branchWrap li:after{ content: ""; position: absolute; left: 50%; top: -50px; width: 1px; height: 50px; background: #dfdfdf}
.en_centralGovernment .branchWrap.depth{ width: 100%; margin: 0; padding-top: 0}
.en_centralGovernment .branchWrap.depth:after{ display: none}
.en_centralGovernment .branchWrap.depth li{ width: 100%; padding: 0; margin-top: 10px}
.en_centralGovernment .branchWrap.depth li:after{ height: 10px; top: -10px}
.en_centralGovernment .branchWrap.center{ justify-content: center}
.en_centralGovernment .branchWrap.center:after{ display: none}
.en_centralGovernment .box{ width: 100%; height: auto; min-height: 60px; padding: 10px 5px; word-break: keep-all; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; line-height: +1.3; font-family: "Noto Sans KR"}
.en_centralGovernment .box.box1{ border-top: solid 2px #0d2754; background: #f8f8f8}
.en_centralGovernment .box.box2{ border: solid 1px #d8e3ea; background: #f2f7fa}
.en_centralGovernment .box.box3{ border: solid 1px #dfdfdf; background: #f8f8f8}
@media ( max-width: 800px){
    .en_centralGovernment .titleWrap h2{ width: 100%; background-size: cover}
    .en_centralGovernment .branchWrap{ padding-top: 0; margin-top: 0}
    .en_centralGovernment .branchWrap li{ width: 100%; margin-top: 20px}
    .en_centralGovernment .branchWrap:after,
    .en_centralGovernment .branchWrap li:after{ display: none}
}
/*central government end*/

/*location start*/
.en_mapWrap.mapWrap .addressWrap .half.right{ padding-right: 0}
.en_mapWrap.mapWrap .addressWrap{ background: #f8f8f8; border: solid 1px #dfdfdf; border-radius: 15px; padding: 20px;}
/*location end*/

/*local government start*/
.localGovernment,
.localGovernment .left{ display: flex; flex-wrap: wrap}
.localGovernment .left{ align-items: center; justify-content: center}
.localGovernment .map{ width: 285px; height: 465px; background: url("/resource/templete/eng/img/sub/bg_map.png") no-repeat center / cover; position: relative}
.localGovernment .map a{ width: auto; height: auto; border: solid 1px #dfdfdf; background: #fff; font-size: 0.750rem; color: #444; padding: 3px 12px; border-radius: 30px; position: absolute}
.localGovernment .map a.text{ padding: 0; background: transparent; border: none}
.localGovernment .map a.m01{ left: 2%; top: 5%}
.localGovernment .map a.m02{ right: 20%; top: 10%}
.localGovernment .map a.m03{ left: -4%; top: 14%}
.localGovernment .map a.m04{ left: 24%; top: 16%}
.localGovernment .map a.m05{ left: 25%; top: 30%}
.localGovernment .map a.m06{ left: -7%; top: 36%}
.localGovernment .map a.m07{ left: 40%; top: 41%}
.localGovernment .map a.m08{ right: -10%; top: 38%}
.localGovernment .map a.m10{ left: 5%; top: 53%}
.localGovernment .map a.m11{ right: 7%; top: 51%}
.localGovernment .map a.m12{ right: 0%; top: 55%}
.localGovernment .map a.m13{ right: 5%; top: 62%}
.localGovernment .map a.m14{ left: 5%; top: 72%}
.localGovernment .map a.m15{ left: 28%; top: 68%}
.localGovernment .map a.m16{ right: 4%; top: 70%}
.localGovernment .map a.m17{ left: 10%; top: 91%}
.localGovernment .local{ width: 100%; height: 465px; overflow-y: auto; border: solid 1px #dfdfdf; padding: 30px 15px}
.localGovernment .local li{ width: 100%; height: auto; float: left; border-radius: 10px; background: #f8f8f8; font-size: 1.125rem; color: #444; margin: 5px 0}
.localGovernment .local li a{ padding: 10px 40px 10px 20px; background: url("/resource/templete/eng/img/sub/icon_arrow_right.png") no-repeat center right 25px}
@media ( max-width: 800px){
    .localGovernment .half{ width: 100%}
    .localGovernment .left{ margin-bottom: 30px}
}
/*local government end*/

/*organization start*/
.en .organization_middle h2{ cursor: default}
.en .organization_middle h2,
.en .organization_middle p{ line-height: +1.3; height: 100px; padding: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.en .organization_middle p.hAuto{ height: 320px}
.en .organization_middle dl dt{ width: 100px}

@media ( max-width: 1100px){
    .en .organization_middle dl dt{ width: 100%; max-width: 500px}
    .en .organization_middle h2,
    .en .organization_middle p,
    .en .organization_middle p.hAuto{ height: 80px; padding: 5px}
    .en .organization_middle dl{ width: 100%; max-width: 500px}
}
/*organization end*/

/*sticon start*/
.en.sticonWrap li .txtWrap{ font-size: 1rem; line-height: +1.3; height: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
/*sticon end*/

/*map start*/
.en.mapWrap .addressWrap .half.right{ padding-right: 0}
/*map end*/

/*overview start*/
.en .roundWrap .tit{ font-size: 1.250rem}
.en .roundWrap .txt{ font-size: 1.125rem}
/*overview end*/

/*common start*/
.en.tabMenu li{ min-width: 200px; width: auto; display: flex; flex-wrap: wrap; word-break: keep-all}
.en.tabMenu li a{ padding: 0 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
@media ( max-width: 1000px){
    .en.tabMenu{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: stretch}
    .en.tabMenu li{ line-height: +1.3; padding: 10px 0; min-width: auto; width: 100%}
}
/*common end*/

@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; }
}

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