/*common start*/
.new_win,
.hidden{
  overflow: hidden;
    display: inline-block;
    border: 0;
	clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position:unset;
}
.inner{
  width: 1400px;
  height: auto;
  position: relative;
  margin: 0 auto
}
.mShow,
.mShow450,
.mShow600,
.mShow800{display: none !important;}
.mHidden600,
.mHidden{display: inline-block !important; width:100%;}
.bx-wrapper .mHidden600{ display: inline-block !important;}
.bx-wrapper .mShow600{ display: none !important;}
button,
.pointer{cursor: pointer}
img{max-width: 100%}
.wAuto{ width: auto}
.hFull{ height: 100%}
.notoSansL{ font-family: "Noto Sans KR_L"}
.notoSansM,
.tit{font-family: "Noto Sans KR_M"}
.txt{font-size: 1.250rem}
.txtXS{font-size: 0.875rem}
.txtS{font-size: 1rem}
.txtM{font-size: 1.125rem}
.txtBig{font-size: 1.750rem}
.relative{ position: relative}
.shadow{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}
.fl,
.fl > li{ width: 100%; float: left;}
a.hover:hover{ text-decoration: underline}
.wbKeep{ word-break: keep-all}
.spaceBetween{ align-content: space-between; justify-content: space-between}
/*layout*/
.full,
.wrap{
  width: 100%;
  height: auto;
  float: left
}
.half{
  width: 50%;
  height: auto;
  float: left
}
.w40Per{ width: 40%}
.w45Per{ width: 45%}
.w55Per{ width: 55%}
.w60Per{ width: 60%}
.left{
  float: left
}
.right{
  float: right
}
.alignCenter{
  text-align: center
}
.alignLeft{
  text-align: left
}
.alignRight{
  text-align: right
}
.middle{
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.flexWrap{
  display: flex;
  flex-wrap: wrap
}
.borderBox{
  border: solid 1px #dfdfdf
}
.borderBoxRound{
  border: solid 1px #dfdfdf;
  border-radius: 15px;
  padding: 50px
}
.infoBox{
  padding: 30px 25px;
  background: #f8f8f8;
  border: solid 1px #dfdfdf;
  border-radius: 15px;
  font-size: 1.250rem;
  text-align: justify
}
.roundCon{
  display: flex;
  flex-wrap: wrap;
}
.roundCon > li{
  height: auto;
  display: flex;
  position: relative;
  padding: 0 5px;
}
.roundCon > li .roundWrap{
  width: 245px;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  border-radius: 50%;
  border: solid 8px;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.roundCon > li .roundWrap:after{
  content: "";
  display: inline-block;
  padding-bottom: 100%;
}
.roundCon > li .bar,
.roundCon > li .bar:after,
.roundCon > li .roundWrap{   background-origin: border-box; background-clip: content-box, border-box; border-color: transparent;}

.roundCon > li:nth-child(1) .bar:after,
.roundCon > li:nth-child(1) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0583f2 0%,  #05bdf2 100%);
}
.roundCon > li:nth-child(2) .bar:after,
.roundCon > li:nth-child(2) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #1f48a7 0%,  #2c85d1 100%);
}
.roundCon > li:nth-child(3) .bar:after,
.roundCon > li:nth-child(3) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #102956 0%,  #2d579d 100%);
}
.roundCon > li:nth-child(4) .bar:after,
.roundCon > li:nth-child(4) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #165575 0%,  #2489bd 100%);
}
.roundCon > li:nth-child(5) .bar:after,
.roundCon > li:nth-child(5) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #114264 0%,  #1d6ba2 100%);
}
.roundCon > li:nth-child(6) .bar:after,
.roundCon > li:nth-child(6) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #1a515f 0%,  #207f96 100%);
}
.roundCon > li:nth-child(7) .bar:after,
.roundCon > li:nth-child(7) .roundWrap{
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #0c2835 0%,  #184b64 100%);
}
.roundCon > li .tit{
  width: 100%;
  float: left;
  font-size: 1.375rem;
  margin-bottom: 15px;
  font-family: "Noto Sans KR_M"
}
.roundCon > li .text{
  width: 100%;
  float: left;
  margin-top: 10px;
}
.roundCon > li .bar{
  padding-bottom: 10px;
  position: relative;
}
.roundCon > li .bar:after{
  content: "";
  width: 80px;
  height: 0;
  border-bottom: solid 4px transparent;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,0);
}
.roundCon > li .bar.under{
  width: 30%;
  max-width: 80px;
  display: inline-block;
  padding: 0;
}
.imgTxtCon > li{
  margin-top: 45px
}
.imgTxtCon > li .imgWrap{
  margin-bottom: 20px
}
.imgTxtCon > li .txtWrap{
  font-family: "Noto Sans KR_M"
}
.boxCon{
  display: flex;
  flex-wrap: wrap
}
.boxCon > li{
  height: auto;
  display: flex;
  position: relative;
}
.boxCon > li:after{
  content: "";
  display: inline-block;
  padding-bottom: 100%;
}
.boxConList{
  display: flex;
  flex-wrap: wrap;
}
.boxConList > li{
  height: auto;
  float: left;
  display: flex;
}
.titBgList > li{
  border-radius: 15px;
  overflow: hidden;
  border: solid 1px #dfdfdf
}
.titBgList .tit{
  height: 70px;
  color: #fff;
  font-size: 1.250rem;
  text-align: center;
  position: relative;
  line-height: +1.2;
}
.titBgList .tit .middle{
  padding: 0 15px
}
.titBgList .txt{
  min-height: 170px;
  padding: 20px 20px 30px;
  font-size: 1.125rem
}
.titBgList > li .subTit{
  font-size: 1.250rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.titBgList > li:nth-child(1) .tit{ background: #0571f2}
.titBgList > li:nth-child(2) .tit{ background: #1f48a7}
.titBgList > li:nth-child(3) .tit{ background: #0d2754}
.titBgList > li:nth-child(4) .tit{ background: #1d6ba2}
.titBgList > li:nth-child(5) .tit{ background: #207f96}
.titBgList > li:nth-child(6) .tit{ background: #184b64}
.titBgList > li:nth-child(1) .subTit{ color: #0571f2}
.titBgList > li:nth-child(2) .subTit{ color: #1f48a7}
.titBgList > li:nth-child(3) .subTit{ color: #0d2754}
.titBgList > li:nth-child(4) .subTit{ color: #1d6ba2}
.titBgList > li:nth-child(5) .subTit{ color: #207f96}
.titBgList > li:nth-child(6) .subTit{ color: #184b64}
.dashList > li{
  width: 100%;
  float: left;
  text-align: left;
  padding-left: 15px;
  margin-bottom: 10px;
  position: relative
}
.dashList > li:last-child{ margin-bottom: 0}
.dashList > li.noDash:before{ display: none}
.dashList > li:before{
  content: "-";
  font-weight: bold;
  position: absolute;
  left: 0;
  line-height: +1.3;
}
.dotList > li{
  width: 100%;
  float: left;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative
}
.dotList > li:before{
  content: "·";
  font-weight: bold;
  position: absolute;
  left: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.roundTitList > li{
  padding: 30px 0 0 30px
}
.roundTitList > li .tit{
  height: 30px;
  line-height: 28px;
  border-bottom: solid 2px;
  width: calc(100% - 15px);
  float: right;
  position: relative;
}
.roundTitList > li .tit .bg{
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  height: 100%;
  border-radius: 15px 0 0 15px;
  position: relative;
  top: 2px;
  margin-left: -15px;
  margin-right: 10px;
  width: 88px;
}
.roundTitList > li .tit .text{
  width: calc(100% - 88px);
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: +1.3;
  padding: 4px 0;
  word-break: keep-all;
}
.roundTitList > li .txtWrap{
  padding: 15px 10px
}
.roundTitList > li:nth-child(odd) .tit{
  border-color: #0571f2;
  color: #0571f2
}
.roundTitList > li:nth-child(odd) .tit .bg{
  background: #0571f2
}
.roundTitList > li:nth-child(even) .tit{
  border-color: #0d2754;
  color: #0d2754
}
.roundTitList > li:nth-child(even) .tit .bg{
  background: #0d2754
}
.downloadList{
  border-left: solid 1px #dfdfdf;
  border-top: solid 1px #dfdfdf;
}
.downloadList li{
  width: 20%;
  height: 75px;
  line-height: 75px;
  float: left;
  color: #444;
  font-size: 1.063rem;
  border-right: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;
}
.downloadList li.double{
  width: 40%;
}
.downloadList li a:hover,
.downloadList li a:focus{
  background: #F8F8F8
}
.fullImgBoxCon .imgWrap img{
  width: 100%
}
.fullImgBoxCon .txtWrap{
  padding: 25px 10px
}
.tabMenu{ border-bottom: solid 1px #dfdfdf; margin-bottom: 60px}
.tabMenu li{
  width: 200px;
  float: left;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #666;
  position: relative;
}
.tabMenu li.on{ border-bottom: solid 5px #0583f2; color: #0583f2;}
.tabMenu li.on:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #0583f2;
  position: absolute;
  left: 50%;
  bottom: -13px;
  transform: translate(-50%, 0);
}
.tabConWrap .tabCon{ display: none; padding-bottom: 60px}
.tabConWrap .tabCon.on{ display: block}
/*input*/
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/resource/templete/naacc/img/common/icon_arrow_select.png") no-repeat right 10px center;
  background-color: #fff;
}
select::-ms-expand {
  display: none;
}
select.smallBox,
input.smallBox{
  width: 100px
}
select,
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="text"]{
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 10px
}
textarea{
  width: 100%;
  height: 180px;
  resize: none;
  padding: 10px
}
select,
textarea,
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"]{
  border-radius: 0;
  border: 1px solid #ccc
}
input.readonly{
  background: #eee;
  color: transparent;
  text-shadow: 1px 1px 1px #000;
  cursor: default
}
/*width*/
.conWidth2 > *{
  width: 50%;
  float: left
}
.conWidth3 > *{
  width: 33.3333%;
  float: left
}
.conWidth4 > *{
  width: 25%;
  float: left
}
.conWidth5 > *{
  width: 20%;
  float: left
}
.conWidth6 > *{
  width: 16.6666%;
  float: left
}
.conWidth7 > *{
  width: 14.2857%;
  float: left
}
.conWidth8 > *{
  width: 12.5%;
  float: left
}
/*width margin*/
.conWidthMargin2 > *{
  width: calc((100% - 16px) / 2);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin2 > *:nth-child(2n){
  margin-right: 0
}
.conWidthMargin2 > *:nth-child(-n + 2){
  margin-top: 0
}
.conWidthMargin3 > *{
  width: calc((100% - 31px) / 3);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin3 > *:nth-child(3n){
  margin-right: 0
}
.conWidthMargin3 > *:nth-child(-n + 3){
  margin-top: 0
}
.conWidthMargin4 > *{
  width: calc((100% - 46px) / 4);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin4 > *:nth-child(4n){
  margin-right: 0
}
.conWidthMargin4 > *:nth-child(-n + 4){
  margin-top: 0
}
.conWidthMargin5 > *{
  width: calc((100% - 61px) / 5);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin5 > *:nth-child(5n){
  margin-right: 0
}
.conWidthMargin5 > *:nth-child(-n + 5){
  margin-top: 0
}
.conWidthMargin6 > *{
  width: calc((100% - 76px) / 6);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin6 > *:nth-child(6n){
  margin-right: 0
}
.conWidthMargin6 > *:nth-child(-n + 6){
  margin-top: 0
}
.conWidthMargin7 > *{
  width: calc((100% - 91px) / 7);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin7 > *:nth-child(7n){
  margin-right: 0
}
.conWidthMargin7 > *:nth-child(-n + 7){
  margin-top: 0
}
.conWidthMargin8 > *{
  width: calc((100% - 106px) / 8);
  margin-right: 15px;
  margin-top: 15px
}
.conWidthMargin8 > *:nth-child(8n){
  margin-right: 0
}
.conWidthMargin8 > *:nth-child(-n + 8){
  margin-top: 0
}
/*margin*/
.margin0{margin: 0 !important;}
.marginR5{margin-right: 5px}
.marginR10{margin-right: 10px}
.marginR15{margin-right: 15px}
.marginR20{margin-right: 20px}
.marginR25{margin-right: 25px}
.marginR30{margin-right: 30px}
.marginR40{margin-right: 40px}
.marginL5{margin-left: 5px}
.marginL10{margin-left: 10px}
.marginL15{margin-left: 15px}
.marginL20{margin-left: 20px}
.marginL25{margin-left: 25px}
.marginL30{margin-left: 30px}
.marginL40{margin-left: 40px}
.marginT0{margin-top: 0 !important}
.marginT5{margin-top: 5px}
.marginT10{margin-top: 10px}
.marginT15{margin-top: 15px}
.marginT20{margin-top: 20px}
.marginT25{margin-top: 25px}
.marginT30{margin-top: 30px}
.marginT40{margin-top: 40px}
.marginB0{ margin-bottom: 0!important}
.marginB5{margin-bottom: 5px}
.marginB10{margin-bottom: 10px}
.marginB15{margin-bottom: 15px}
.marginB20{margin-bottom: 20px}
.marginB25{margin-bottom: 25px}
.marginB30{margin-bottom: 30px}
.marginB40{margin-bottom: 40px}
.marginB50{margin-bottom: 50px}
/*padding*/
.padding0{padding: 0 !important}
.padding5{padding: 5px}
.padding10{padding: 10px}
.padding15{padding: 15px}
.padding20{padding: 20px}
.padding25{padding: 25px}
.padding30{padding: 30px}
.paddingR0{padding-right: 0 !important;}
.paddingR5{padding-right: 5px}
.paddingR10{padding-right: 10px}
.paddingR15{padding-right: 15px}
.paddingR20{padding-right: 20px}
.paddingR25{padding-right: 25px}
.paddingR30{padding-right: 30px}
.paddingL0{padding-left: 0 !important;}
.paddingL5{padding-left: 5px}
.paddingL10{padding-left: 10px}
.paddingL15{padding-left: 15px}
.paddingL20{padding-left: 20px}
.paddingL25{padding-left: 25px}
.paddingL30{padding-left: 30px}
.paddingT0{padding-top: 0 !important;}
.paddingT5{padding-top: 5px}
.paddingT10{padding-top: 10px}
.paddingT15{padding-top: 15px}
.paddingT20{padding-top: 20px}
.paddingT25{padding-top: 25px}
.paddingT30{padding-top: 30px}
.paddingT40{padding-top: 40px}
.paddingT50{padding-top: 50px}
.paddingB0{padding-bottom: 0 !important;}
.paddingB5{padding-bottom: 5px}
.paddingB10{padding-bottom: 10px}
.paddingB15{padding-bottom: 15px}
.paddingB20{padding-bottom: 20px}
.paddingB25{padding-bottom: 25px}
.paddingB30{padding-bottom: 30px}
.paddingB40{padding-bottom: 40px}
.paddingB50{padding-bottom: 50px}
.pb30{ padding-bottom: 30px !important;}
/*table common*/
table{
  table-layout: fixed;
  width: 100%;
  float: left;
  border-width: 1px !important;
  border-bottom: solid 1px #aeaeae;
  position: relative;
  word-break: break-word;
}
table:before{
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #0d2754;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
table caption{
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
  color: transparent
}
table tr{
  border-bottom: 1px solid #dfdfdf
}
table tr:last-child{
  border-bottom: 0
}
table tr th:first-child{
  border-right: 1px solid #dfdfdf
}
table th,
table td{
  vertical-align: middle;
  text-align: center;
  font-size: 1.125rem;
  padding: 30px 25px;
}

table.listType th,
table.listType td{
  padding: 20px 15px
}
table.listType th.tit,
table.listType td.tit{ font-family: "Noto Sans KR"}
table.listType th a:hover,
table.listType td a:hover{ color: inherit; text-decoration: underline}
table.listType tr th:first-child{
  border-right: none;
}
table td{
  color: #222
}
table th{
  background: #f8f8f8;
  color: #131313;
  font-family: "Noto Sans KR_M";
  font-weight: normal
}
table a{
  height: auto;
  float: left;
}
.bdr{ border-right: solid 1px #dfdfdf !important;}
.bdl{ border-left: solid 1px #dfdfdf !important;}
.bdNo{ border: none !important;}
.bdbNo{ border-bottom: none !important;}
.bdtNo{ border-top: none !important;}
.ellipsis,
table .tit a,
table .tit{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  display: block;
}
table .tit a:focus,
table .tit a:hover{ text-decoration: underline}

table.border td,
table.border th{ border-right: solid 1px #dfdfdf}
table.border tr td:last-child,
table.border tr th:last-child{ border-right: none}

table.borderRS td,
table.borderRS th{ border-right: solid 1px #dfdfdf!important}
table.borderRS .n_right{ border-right: none!important;}

table.pdM th,
table.pdM td{
  padding: 20px 15px
}
table.pdS th{ height: 60px}
table.pdS th,
table.pdS td{
  padding: 5px
}
/*title*/
.pageTitleWrap{
  border-bottom: solid 1px #dfdfdf;
  margin-bottom: 50px
}
.pageTitle{
  font-size: 1.875rem;
  float: left;
  height: 70px;
  line-height: 70px;
  font-weight: bold
}
.roundTitle{
  font-size: 1.625rem;
  font-family: "Noto Sans KR_M";
  padding-left: 25px;
  background-image: url("/resource/templete/naacc/img/sub/icon_title_round.png");
  background-repeat: no-repeat;
  background-position: left top 0.594rem;
  line-height: +1.3;
  margin-bottom: 30px
}
.subType01 .roundTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_title_01.png"); background-position: left top 0.594rem;}
.subType02 .roundTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_title_02.png"); background-position: left top 0.45rem; padding-left: 30px;}
.subType03 .roundTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_title_03.png"); background-position: left top 0.8rem;padding-left: 30px;}
.subType04 .roundTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_title_04.png"); background-position: left top 0.45rem;padding-left: 30px;}

.smallDotTitle{
  font-size: 1.250rem;
  color: #131313;
  font-family: "Noto Sans KR_M";
  padding-left: 20px;
  background: url("/resource/templete/naacc/img/sub/icon_title_small_dot.png") no-repeat left top 0.7rem;
  margin-bottom: 10px
}
h5.smallDotTitle{ line-height: +1.5}
.smallDotTitle + .dashList{ color: #444}
.arrowTitleWrap{
  padding-left: 25px
}
.arrowTitle{
  font-size: 1.375rem;
  color: #2c4fb8;
  font-family: "Noto Sans KR_M";
  padding-left: 20px;
  background-image: url("/resource/templete/naacc/img/sub/icon_title_arrow.png");
  background-repeat: no-repeat;
  background-position: left top 8px;
  margin-bottom: 30px;
  line-height: +1.4;
  word-break: keep-all;
}
.subType01 .arrowTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_subtitle_01.png"); background-position: left top 0.875rem}
.subType02 .arrowTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_subtitle_02.png"); background-position: left top 0.750rem}
.subType03 .arrowTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_subtitle_03.png"); background-position: left top 0.875rem}
.subType04 .arrowTitle{ background-image: url("/resource/templete/naacc/img/sub/icon_subtitle_04.png"); background-position: left top 0.750rem}

.arrowInfo.txtS{ font-size: 1.125rem; font-family: "Noto Sans KR_M"}
.arrowInfo.txtS:before{ font-size: 1rem; line-height: 1.688rem}
.arrowInfo{
  position: relative;
  padding-left: 25px;
  font-size: 1.250rem
}
.arrowInfo:before{
  content: "▶";
  position: absolute;
  left: 0;
}
/*breadcrumb*/
.breadcrumbList{
  width: auto;
  float: right
}
.breadcrumbList li,
.breadcrumbList li a{
  width: auto;
  display: block;
  float: left;
  font-size: 0.938rem;
  color: #424242
}
.breadcrumbList li{
  position: relative;
  line-height: 70px
}
.breadcrumbList li:after{
  content: "";
  width: 55px;
  height: 70px;
  display: block;
  float: left;
  background: url("/resource/templete/naacc/img/sub/icon_arrow_breadcrumb.png") no-repeat center;
}
.breadcrumbList li:first-child:after{
  display: none
}
.breadcrumbList li img{
  width: 15px;
  position: relative;
  top: -2px
}
/*.dotMenuList li,
.dotMenuList li a{
  width: auto;
  display: inline-block
}
.dotMenuList li{
  margin-right: 50px;
  position: relative
}
.dotMenuList li:last-child{
  margin-right: 0
}
.dotMenuList li:after{
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  left: auto;
  right: -30px;
  top: 50%;
  margin-top: -2px;
}
.dotMenuList li:last-child:after{
  display: none
}*/
.barMenuList li{
  display: inline-block;
  padding: 0 10px;
  position: relative;
  font-size: 1rem;
  color: #666;
}
.barMenuList li:first-child{
  padding-left: 0
}
.barMenuList li:last-child{
  padding-right: 0
}
.barMenuList li:after{
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  height: 0.8em;
  background: #999;
  display: block;
}
.barMenuList li:last-child:after{
  display: none
}
/*btn*/
.titleBtn{ position: absolute; right: 0; top: -5px; margin-right: 25px}
.btnM{ width: auto; height: 45px; line-height: 45px; display: inline-block}
.btnM a{ padding: 0 45px; color: #fff; background: #6c6c6c; font-size: 1.125rem}
.borderBtnS{ width: auto; height: 35px; line-height: 35px; display: inline-block; border: solid 1px #666666}
.borderBtnS a{ padding: 0 30px 0 15px; color: #666666; background: transparent; font-size: 0.938rem}
.borderRoundBtnM,
.borderBtnM{ width: auto; height: 40px; line-height: 40px; display: inline-block; border: solid 1px}
.borderRoundBtnM a,
.borderBtnM a{ padding: 0 20px; background: transparent; font-size: 1.063rem}
.borderRoundBtnM{ border-radius: 20px}
.btnL{ width: auto; height: auto; display: inline-block; border: solid 1px transparent}
.btnL a{ padding: 15px 50px; font-size: 1.063rem}
.btn .icHome{
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("/resource/templete/naacc/img/sub/icon_btn_home.png") no-repeat center;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.btn .icDown{
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("/resource/templete/naacc/img/sub/icon_file_down.png") no-repeat center;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.btn .icView{
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("/resource/templete/naacc/img/sub/icon_search.png") no-repeat center;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.bgBtn{ color: #fff}
.btnDownloadM{
  display: inline-block;
  height: 45px;
  line-height: 45px;
  background: url("/resource/templete/naacc/img/common/icon_download_b.png") no-repeat left 20px center;
  color: #1f48a7;
  font-size: 1.093rem;
  border: 1px solid #1f48a7;
}
.btnDownloadM a{ padding: 0 20px 0 55px}
.btnHomeM{
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: url("/resource/templete/naacc/img/sub/icon_hompage.png") no-repeat left 20px center;
  color: #794f38;
  font-size: 1.093rem;
  border: 1px solid #794f38;
}
.btnHomeM a{ padding: 0 30px 0 55px}
.btnDownloadL{
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background: url("/resource/templete/naacc/img/common/icon_download_b.png") no-repeat left 20px center;
  color: #1f48a7;
  font-size: 1.093rem;
  border: 1px solid #1f48a7;
}
.btnDownloadL a{ padding: 0 20px 0 55px}
.btnDownloadS{
  display: inline-block;
  height: 25px;
  line-height: 25px;
  background: #1f48a7 url("/resource/templete/naacc/img/common/icon_download_w.png") no-repeat left 10px center;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 15px
}
.btnViewS{
  display: inline-block;
  height: 25px;
  line-height: 25px;
  background: url("/resource/templete/naacc/img/sub/icon_search.png") no-repeat left 10px center;
  color: #666;
  font-size: 0.875rem;
  border-radius: 15px;
  border: solid 1px #666;
  vertical-align: middle;
}
.btnLinkS{
  display: inline-block;
  height: 25px;
  line-height: 25px;
  background: url("/resource/templete/naacc/img/sub/icon_link.png") no-repeat left 10px center;
  color: #6d4109;
  font-size: 0.875rem;
  border-radius: 15px;
  border: solid 1px #6d4109;
}
.btnDownloadS a,
.btnLinkS a,
.btnViewS a{ padding: 0 10px 0 30px;}
.btnWrap{ padding: 30px 0 45px; text-align: center}
/*color*/
:hover .green,
.green{ color: #266611}
:hover .yellow,
.yellow{color: #fff600}
:hover .yellow2,
.yellow2{color: #ffc600}
:hover .skyblue,
.skyblue{color: #d4fbff}
:hover .blue,
.blue{color: #1f48a7}
:hover .blue2,
.blue2{color: #2c5db8}
:hover .lightblue,
.lightblue{color: #0571f2;}
:hover .cobaltblue,
.cobaltblue{ color: #0000ff}
:hover .brick,
.brick{color: #a64600;}
:hover .red,
.red{color: #f20202;}
:hover .grey,
.grey{color: #666666;}
:hover .grey444,
.grey444{color: #444;}
:hover .black,
.black{color: #131313 !important;}
.bdColorGreen{border-color: #266611 !important;}
.bdColorLightblue{border-color: #0571f2 !important;}
.bdColorBlue{border-color: #1f48a7 !important;}
.bdColorDeepblue{border-color: #102956 !important;}
.bdColorGreyblue{border-color: #3f4e61 !important;}
.bgLightblue{ background: #0571f2 !important;}
.bgGray{ background: #f8f8f8 !important;}
.bgBlue{ background: #1f48a7 !important;}
.bgDeepblue{ background: #102956 !important;}
.bgGreyblue{ background: #3f4e61 !important;}
/*common end*/

/*flex*/
.flexWrap{ display: flex; flex-wrap: wrap}
.flexNowWrap{ display: flex; flex-wrap: nowrap}
.flexAlignCenter{ align-items: center}
.flexJustifyCenter{ justify-content: center}
.flex{ display: flex; }

/*skip start*/
.skipMenu a{
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 101;
}
.skipMenu a:focus,
.skipMenu a:active{
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
}
/*skip end*/

/*tableTop*/
.tableTop{
  height: 45px;
  line-height: 45px;
  margin-bottom: 30px;
  color: #626262;
  font-size: 1.063rem;
}
.tableTop .right{
  position: relative;
}
.tableTop select{
  width: 150px;
  height: 45px;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/resource/templete/naacc/img/common/icon_arrow_select.png") no-repeat right 20px center;
  padding: 0 20px;
}
.tableTop select + select{ border-left: none}
.tableTop input{
  width: 350px;
  height: 45px;
  float: left;
  margin-left: -1px;
}
.tableTop .searchBtn{
  width: 45px;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  background: url("/resource/templete/naacc/img/sub/icon_table_search.png") no-repeat center;
  z-index: 5;
}
/*table type*/
.tableWrap.board table tr td{ padding: 35px; text-align: left}
.tableWrap.board .boardTitle{
  height: auto;
  margin-bottom: 10px;
  font-size: 1.250rem;
  float: left;
}
.tableWrap.board .boardTitle a{ float: left}
.tableWrap.board .noticeTitle{ padding-left: 90px; position: relative}
.tableWrap.board .noticeTitle .notice{
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  border: solid 1px #1f48a7;
  color: #1f48a7;
  font-size: 1rem;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
table.listType td .new:after,
.tableWrap.board .boardTitle .tit.new:after{
  content: url("/resource/templete/naacc/img/sub/icon_new.jpg");
  padding-left: 5px;
}

/*table detail*/
.boardDetailWrap > .wrap{ border-bottom: 1px solid #dfdfdf; padding: 0 10px}
.boardDetailWrap .boardDetailTitle{
  font-size: 1.5rem;
  border-bottom: 2px solid #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.boardDetailWrap .boardDetailinfo .dark{ color: #4f4f4f}
.boardDetailWrap .boardDetailDownload li{ width: 100%}
.boardDetailWrap .boardDetailDownload li,
.boardDetailWrap .boardDetailDownload li > *{ float: left;}
.boardDetailWrap .fileName,
.boardDetailWrap .boardDetailDownload .fileName{
  width: auto;
  max-width: calc(100% - 95px);
  padding: 0 5px 5px 20px;
  background: url("/resource/templete/naacc/img/sub/icon_file_down.png") no-repeat left;
  color: #1f48a7;
  text-decoration: underline;
  text-underline-position: under;
}
.boardDetailWrap .boardDetailTitle,
.boardDetailWrap .boardDetailDownload .fileName,
.boardDetailWrap .prevNextWrap li .right{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boardDetailWrap .boardDetailContents{ padding: 40px 10px; color: #444; border-color: #a6a6a6}
.boardDetailWrap .boardDetailContents .imgWrap{ margin-bottom: 35px}
.boardDetailWrap .boardDetailBtnWrap{ padding: 30px 10px 60px}
.boardDetailWrap .prevNextWrap{ padding: 0}
.boardDetailWrap .prevNextWrap li{ width: 100%; float: left; height: 60px; line-height: 60px; color: #444; border-bottom: 1px solid #dfdfdf; padding: 0 10px}
.boardDetailWrap .prevNextWrap li:last-child{ border-bottom: none}
.boardDetailWrap .prevNextWrap li .left{ width: 95px; padding-left: 35px}
.boardDetailWrap .prevNextWrap li .prev{ background: url("/resource/templete/naacc/img/sub/icon_board_prev.png") no-repeat left 13px center}
.boardDetailWrap .prevNextWrap li .next{ background: url("/resource/templete/naacc/img/sub/icon_board_next.png") no-repeat left 13px center}
.boardDetailWrap .prevNextWrap li .right{ width: calc(100% - 95px)}
.boardDetailWrap .prevNextWrap li.disabled{ background: #eee; opacity: 0.7}
.boardDetailWrap .prevNextWrap li.disabled a{ pointer-events: none}
/*category*/
.tableWrap.board table tr td.categoryName{ text-align: center; font-size: 1.250rem; color: #666; padding: 15px}

/*thumbnail*/
.tableWrap.board.thumbnail table tr td{ padding: 25px; position: relative}
.tableWrap.board.thumbnail table tr td.thumbnailImg{ text-align: center; padding: 15px 10px 15px 25px}
.tableWrap.board table tr td.thumbnailImg .imgWrap{ border: solid 1px #dfdfdf; position: relative; background: url("/resource/templete/naacc/img/sub/bg_thumbnail.jpg") no-repeat center / cover; overflow: hidden;}
.tableWrap.board table tr td.thumbnailImg .imgWrap:after{ content: ""; display: inline-block; padding-bottom: 60%}
.tableWrap.board table tr td.thumbnailImg .imgWrap img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.tableWrap.board.thumbnail .boardTitle a{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tableWrap.board.thumbnail.down td .boardTitle{ margin-bottom: 10px}
.tableWrap.board.thumbnail.down td .txtS{ color: #666; margin-bottom: 10px}
.tableWrap.board.thumbnail.down td.thumbnailTxt{
  padding-right: 160px;
}
.tableWrap.board.thumbnail.down td .btnDownloadM{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
/*card news*/
.borderBoard{
  border-top: solid 2px #0d2754;
  border-bottom: solid 1px #aeaeae;
}
.mediaWrap{ padding: 15px 0}
.mediaWrap > li{ padding: 20px}
.mediaWrap .imgWrap{ text-align: center; margin-bottom: 25px; position: relative; overflow: hidden; border: 1px solid #dfdfdf; background: url("/resource/templete/naacc/img/sub/bg_thumbnail_photo.jpg") no-repeat center / cover;}
.mediaWrap .imgWrap:after{ content: ""; width: 100%; padding-bottom: 60%; display: inline-block;}
.mediaWrap .imgWrap img{ width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.mediaWrap .txtWrap{ padding: 0 5px}
.mediaWrap .txtWrap .tit{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.slideTypeThumbWrap .swiper-container{
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.slideTypeThumbWrap .swiper-slide{ background-size: cover;background-position: center}
.slideTypeThumbWrap .slideTypeThumb02{ height: 80%; width: 100%; margin-bottom: 75px}
.slideTypeThumbWrap .slideTypeThumb02.swiper-container{ padding-bottom: 50px}
.slideTypeThumbWrap .slideTypeThumb{
  height: 20%;
  box-sizing: border-box;
  padding: 35px 55px;
  position: relative;
  background: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-bottom: 35px;
}
.slideTypeThumb .swiper-slide{
  height: auto;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfdfdf;
}
.slideTypeThumb .swiper-slide:after{ content: ""; display: inline-block; padding-bottom: 100%}
.slideTypeThumb .swiper-slide img{
  opacity: 0.4;
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%,-50%)
}
.slideTypeThumb .swiper-slide.swiper-slide-active{ border: solid 5px #0571f2}
.slideTypeThumb .swiper-slide.swiper-slide-active img{ opacity: 1}
.slideTypeThumbWrap .swiper-slide img{
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.slideTypeThumb .thumb-button-prev,
.slideTypeThumb .thumb-button-next{
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.slideTypeThumb .thumb-button-prev{
  left: 0;
  background: #f8f8f8 url("/resource/templete/naacc/img/sub/icon_board_slide_thumb_prev.png") no-repeat center;
}
.slideTypeThumb .thumb-button-next{
  right: 0;
  background: #f8f8f8 url("/resource/templete/naacc/img/sub/icon_board_slide_thumb_next.png") no-repeat center;
}
.slideTypeThumb02 .swiper-auto-play.play:focus,
.slideTypeThumb02 .swiper-auto-play.stop:focus,
.slideTypeThumb .swiper-slide:focus,
.slideTypeThumb .thumb-button-prev:focus,
.slideTypeThumb .thumb-button-next:focus,
.slideTypeThumb02 .swiper-button-prev:focus,
.slideTypeThumb02 .swiper-button-next:focus{
  border: solid 1px #000;
}
.slideTypeThumb02 .swiper-button-prev,
.slideTypeThumb02 .swiper-button-next{
  width: 90px;
  height: calc(100% - 50px);
  top: 0;
  margin-top: 0;
  background-color: transparent;
}
.slideTypeThumb02 .swiper-button-prev,
.slideTypeThumb02 .swiper-container-rtl .swiper-button-next{
  background-image: url("/resource/templete/naacc/img/sub/icon_board_slide_prev.png");
  left: 0;
  right: auto;
}
.slideTypeThumb02 .swiper-button-next,
.slideTypeThumb02 .swiper-container-rtl .swiper-button-prev{
  background-image: url("/resource/templete/naacc/img/sub/icon_board_slide_next.png");
  right: 0;
  left: auto;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{ background-color: #000; opacity: 1}
.slideTypeThumb02 .swiper-auto-play{
  width: 90px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
}
.slideTypeThumb02 .swiper-auto-play a{ padding-left: 10px; float: left}
.slideTypeThumb02 .swiper-auto-play.play{background: #1f48a7 url("/resource/templete/naacc/img/sub/icon_board_slide_play.png") no-repeat left 10px center; display: none}
.slideTypeThumb02 .swiper-auto-play.stop{background: #767676 url("/resource/templete/naacc/img/sub/icon_board_slide_stop.png") no-repeat left 10px center}
.slideTypeThumb02 .swiper-pagination.swiper-pagination-fraction{
  width: auto;
  height: 35px;
  line-height: 35px;
  color: #666666;
  left: 110px;
  bottom: 0;
}
.slideTypeThumb02 .swiper-pagination .swiper-pagination-current{ color: #242424; font-family: "Noto Sans KR_M"}
.slideTypeThumb02 .swiper-slide{ width: calc(100% - 220px); border: solid 1px #dfdfdf; background: #dfdfdf; display: flex; justify-content: center; overflow: hidden; position: relative;}
.slideTypeThumb02 .swiper-slide:after{ content: ""; display: inline-block; padding-bottom: 100%}
.slideTypeThumb02 .swiper-slide img{ max-width: none; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
/*video*/
.videoWrap .imgWrap{ position: relative; background: url("/resource/templete/naacc/img/sub/bg_play.jpg") no-repeat center / cover; border: solid 1px #dfdfdf; overflow: hidden;}
.videoWrap .imgWrap:before{ content: ""; display: inline-block; padding-bottom: 60%; z-index: 1}
.videoWrap .imgWrap:after{
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: transparent url("/resource/templete/naacc/img/sub/icon_play.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  z-index: 3
}
.videoWrap .imgWrap img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: auto; z-index: 2}
/*video detail*/
.boardDetailWrap.video .boardDetailContents{ padding-left: 0; padding-right: 0}
.boardDetailWrap.video .boardDetailContents .videoWrap{
  text-align: center;
  padding-bottom: 35px;
  border-bottom: solid 1px #dfdfdf;
  margin-bottom: 40px;
}
.boardDetailWrap .boardDetailContents .videoWrap iframe{
  width: 775px;
  height: 485px;
  max-width: 100%;
  max-height: calc(100vw / 1.8);
}
.boardDetailWrap.video .boardDetailContents .videoWrap,
.boardDetailWrap.video .boardDetailContents .subtitleWrap{ padding-left: 10px; padding-right: 10px}
.boardDetailWrap.video .boardDetailContents .subtitle{
  padding: 20px 35px;
  border: solid 1px #dfdfdf;
  height: 100px;
  overflow-y: auto;
  margin-top: 15px;
  display: none;
}
.boardDetailWrap.video .boardDetailContents .subtitle:focus{ border: solid 1px #000}
.boardDetailWrap.video .boardDetailContents .subtitleBtn.on{
  background: url("/resource/templete/naacc/img/sub/icon_arrow_subtitle_on.png") no-repeat center right 15px;
}
.boardDetailWrap.video .boardDetailContents .subtitleBtn.off{
  background: url("/resource/templete/naacc/img/sub/icon_arrow_subtitle_off.png") no-repeat center right 15px;
}
/*noData*/
.noData{
  width: 100%;
  height: 150px;
  line-height: 150px;
  float: left;
  font-size: 1.125rem;
  text-align: center;
  color: #666;
  border-bottom: solid 1px #aeaeae;
}

/*paging*/
.paging{
  display: inline-block;
  min-height: 36px;
  white-space: nowrap;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 5rem;
}
.tabCon .paging{ margin-bottom: 0}
.paging:after{
  display: block;
  content: "";
  clear: both;
}
.paging a{
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.paging .btn_first,
.paging .btn_prev,
.paging .btn_next,
.paging .btn_last{
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #a6a6a6;
}
.paging .btn_first:after,
.paging .btn_prev:after,
.paging .btn_next:after,
.paging .btn_last:after{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background: url(/resource/templete/eng/img/sub/arr_paging.png) no-repeat;
}
.paging .btn_last{
  margin-right: 0;
}
.paging .btn_first:after{
  background-position: 0 0;
}
.paging .btn_prev:after{
  background-position: -36px 0;
}
.paging .btn_next:after{
  background-position: -72px 0;
}
.paging .btn_last:after{
  background-position: -108px 0;
}
.paging .paginate_input_wrap{
  display: inline-block;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #575757;
}
.paging .paginate_input_wrap > *{
  height: 35px;
  line-height: 35px;
  float: left;
}
.paging .paginate_input{
  display: inline-block;
  width: 30px;
  height: 34px;
  line-height: 33px;
  margin-right: 5px;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: 700;
  color: #575757;
  text-align: center;
  vertical-align: top;
  padding: 0;
  position: relative;
  border-bottom: 2px solid #575757;
}
.paging .paginate_input2{
  width: 45px;
}
.paging .total_num{
  margin-right: 10px;
  height: 34px;
  line-height: 34px;
  margin-left: 5px;
}
.paging .btn_page_go{
  width: 45px;
  height: 36px;
  background: #626262;
  font-weight: 500;
  color: #fff;
  line-height: 36px;
}

/*survey*/
.surveyWrap{
  border: solid 1px #dfdfdf;
  margin-top: 100px;
  padding: 20px 130px 20px 230px;
  position: relative;
  background: url("/resource/templete/naacc/img/sub/img_survey.png") no-repeat left 65px center;
}
.surveyWrap .surveyTitle{ color: #242424}
.surveyWrap .inputWrap{ margin: 15px 0 20px}
.surveyWrap .inputWrap label + input{ margin-left: 15px}
.surveyWrap .barMenuList li{ font-size: 0.875rem}
.surveyWrap .surveyBtn{
  width: 85px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  color: #242424;
  border: 1px solid #dfdfdf;
  background: #f6f6f6;
  position: absolute;
  right: 25px;
  top: 50%;
  font-size: 1rem;
  transform: translate(0, -50%);
}
/*popup*/
.dim{
  width: 100%;
  min-width: 280px;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  padding: 15px;
  display: none;
}
.popWrap{
  background: #fff;
  width: 1200px;
  max-width: 95%;
  height: auto;
  max-height: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popHeader{
  height: 65px;
  line-height: 65px;
  padding: 0 20px;
  background: #0d2754;
  position: relative;
  color: #fff;
  font-size: 1.500rem;
}
.popTitle{ width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.popClose{
  width: 65px;
  height: 65px;
  display: inline-block;
  background: url("/resource/templete/naacc/img/common/icon_close_w.png") no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
}
.popClose a:focus{ border: 2px solid #000;}
.popCon{ max-height: 80vh; padding: 50px 20px; overflow-y: auto}
.imgPopWrap{ width: 1000px}
.imgPopWrap .popCon{ padding: 0; min-height: 19vw}
.imgPopWrap .openType{ position: absolute; right: 15px; bottom: 15px; z-index: 10; max-width: 33vw; width: 150px}

/*상단팝업*/
.popupTop{ width: 100%; height: auto; float: left; background: #295588; color: #fff; overflow: hidden}
.popupTop .inner{ padding: 0 !important}
.popupTop .popClose{
  width: 35px;
  height: 35px;
  display: inline-block;
  background-size: 14px auto;
  background-position: center top 7px;
  font-size: 0.875rem;
  right: 15px;
  top: 5px;
}
.popupTop .popClose a{ padding-top: 30px}
.popupTop .popClose a:before{
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,0);
}
.popupTop .popupCheckboxWrap{
  position: absolute;
  right: 15px;
  bottom: 5px;
}
/*modal popup*/
.mainModalPopupWrap{
  width: auto;
  height: auto;
  border: 1px solid #ddd;
  position: absolute;
  left: 50px;
  top: 100px;
  z-index: 100000;
}
.mainModalPopupWrap .popupBody{ width: auto; height: auto; min-width: 100px; min-height: 100px; background: #fff}
.mainModalPopupWrap .popupFooter{
  background: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #444;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.mainModalPopupWrap .popClose{
  width: auto;
  height: auto;
  position: relative;
  background: none;
}
/*header start*/
#headerInclude,
.headerWrap{
  position: relative;
  z-index: 99999;
}
.headerWrap .header{
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 2;
}
.headerWrap .inner{
  width: 1760px
}
.headerWrap .HeaderLogo a,
.headerWrap .gnbDepth1Wrap > li > a,
.headerWrap .utilGroup{
  height: 90px;
  line-height: 90px
}
.headerWrap .HeaderLogo{
  width: 320px;
  float: left;
}
.headerWrap .utilGroup{
  width: 120px;
  float: right;
}
.headerWrap .utilGroup > *,
.headerWrap .utilGroup a,
.headerWrap .utilGroup select{
  float: left
}
.headerWrap .utilGroup .btnSearch{
  width: 30px;
  height: 100%;
  float: left;
}
.headerWrap .searchWrap{
  width: 100%;
  height: auto;
  background: #fff url("/resource/templete/naacc/img/common/bg_search.png") no-repeat left bottom / 100% auto;
  position: absolute;
  right: 0;
  top: 90px;
  text-align: center;
  display: none;
  color: #131313;
  z-index: 1;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.headerWrap .searchWrap .inner{ width: 1400px; padding: 40px 0; position: relative}
.headerWrap .searchWrap .searchWrapClose{
  width: 25px;
  height: 25px;
  background: url("/resource/templete/naacc/img/common/icon_close_g.png") no-repeat center;
  float: left;
  position: absolute;
  right: 15px;
  top: 15px;
}
.headerWrap .searchWrap .search{
  width: 900px;
  max-width: 100%;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  position: relative;
}
.headerWrap .searchWrap .search:after{
  content: "";
  width: 100%;
  height: 4px;
  display: inline-block;
  background: #1f48a7;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.headerWrap .searchWrap .searchInput{
  width: 100%;
  height: 100%;
  padding-right: 50px;
  border: none;
  font-size: 1.250rem;
  background: transparent;
}
.headerWrap .searchWrap .searchBtn{
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.headerWrap .utilGroup .btnSitemap{
  width: 25px;
  height: 100%;
  float: right;
}
.headerWrap .utilGroup .lang{
  width: calc(100% - 55px);
  height: 100%;
  text-align: center;
  font-size: 1.125rem;
}
.mMain .headerWrap{ padding: 0}
.mMain .headerWrap .header{ position: absolute}
.scrollBody .headerWrap .header,
.mMain.scrollBody .headerWrap .header{ position: fixed}
.main .headerWrap{ padding: 0}
.main .headerWrap .header{ background: transparent; color: #fff; position: absolute}
.main .headerWrap .gnbDepth1Wrap > li > a{ color: #fff}
.main.scrollBody .headerWrap{ z-index: 100001}
.main.scrollBody .headerWrap .header{ position: fixed}
.main.searchLayer .headerWrap .header,
.main.scrollBody .headerWrap .header,
.main .headerWrap.on .header{ background: #fff}
.main.searchLayer .headerWrap .header,
.main.scrollBody .headerWrap .header,
.main .headerWrap.on .header,
.main.searchLayer .headerWrap .gnbDepth1Wrap > li > a,
.main.scrollBody .headerWrap .gnbDepth1Wrap > li > a,
.main .headerWrap.on .gnbDepth1Wrap > li > a{ color: #444}
.main .headerWrap .HeaderLogo{ background: url("/resource/templete/eng/img/common/logo_header_w.png") no-repeat center;}
.headerWrap .HeaderLogo,
.main.searchLayer .headerWrap .HeaderLogo,
.main.scrollBody .headerWrap .HeaderLogo,
.main .headerWrap.on .HeaderLogo{ background: url("/resource/templete/eng/img/common/logo_header.png") no-repeat center;}
.main .headerWrap .utilGroup .btnSearch{ background: url("/resource/templete/naacc/img/common/icon_search_header_w.png") no-repeat center;}
.headerWrap .utilGroup .btnSearch,
.main.searchLayer  .headerWrap .utilGroup .btnSearch,
.main.scrollBody .headerWrap .utilGroup .btnSearch,
.main .headerWrap.on .utilGroup .btnSearch{ background: url("/resource/templete/naacc/img/common/icon_search_header.png") no-repeat center;}
.main .headerWrap .utilGroup .btnSearch.on,
.headerWrap .utilGroup .btnSearch.on{ background: url("/resource/templete/naacc/img/common/icon_search_header_b.png") no-repeat center;}
.main .headerWrap .menuBtn,
.main .headerWrap .utilGroup .btnSitemap { background: url("/resource/templete/naacc/img/common/icon_menu_w.png") no-repeat center}
.headerWrap .menuBtn,
.main.searchLayer .headerWrap .menuBtn,
.main.scrollBody .headerWrap .menuBtn,
.main .headerWrap.on .menuBtn,
.headerWrap .utilGroup .btnSitemap,
.main.searchLayer .headerWrap .utilGroup .btnSitemap ,
.main.scrollBody .headerWrap .utilGroup .btnSitemap ,
.main .headerWrap.on .utilGroup .btnSitemap { background: url("/resource/templete/naacc/img/common/icon_menu.png") no-repeat center;}

/*footer start*/
/*.toTop{ width: 50px; height: 50px; display: inline-block; position: fixed; right: 20px; bottom: 30px; background: url("/resource/templete/naacc/img/common/ic_totop.png") no-repeat center / cover; z-index: 99}
.footerWrap{clear: both; position: relative;}
.footerBannerWrap{
  border-top: solid 1px #dfdfdf;
  height: 60px;
  line-height: 60px;
  margin-bottom: 1px
}
.footerBannerWrap .footerBanner{ height: 60px; line-height: 60px}
.footerBannerWrap li{ height: 100%; margin: 0 40px;}
.footerBannerWrap li a{ float: left; display: flex; align-items: center;}
.footerBannerWrap .bx-wrapper{
  border: none;
  box-shadow: none;
  margin: 0;
  padding-right: 30px;
}
.footerBannerWrap .bx-wrapper .bx-controls-direction a{
  height: 60px;
  top: auto;
  bottom: 0
}
.footerBannerWrap .bx-wrapper .bx-prev{
  background: #fff url("/resource/templete/naacc/img/common/icon_banner_arrow_prev.png") no-repeat center;
  left: 0
}
.footerBannerWrap .bx-wrapper .bx-next{
  background: #fff url("/resource/templete/naacc/img/common/icon_banner_arrow_next.png") no-repeat center;
  right: 30px;
}
.footerBannerWrap .bx-wrapper .bx-prev:focus,
.footerBannerWrap .bx-wrapper .bx-next:focus{ border: solid 1px #000}
.footerBannerWrap .bx-wrapper .bx-controls-auto{
  right: 0;
  bottom: 0;
  width: 30px;
  height: 60px;
}
.footerBannerWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.footerBannerWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{ width: 100%; height: 100%; float: left; margin: 0}
.footerBannerWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{ position: absolute;left: 0;top: 0;}
.footerBannerWrap .bx-wrapper .bx-controls-auto a.bx-start{ background: url("/resource/templete/naacc/img/common/icon_banner_start.png") no-repeat center}
.footerBannerWrap .bx-wrapper .bx-controls-auto a.bx-stop{ background: url("/resource/templete/naacc/img/common/icon_banner_stop.png") no-repeat center}
.footerUtilWrap{
  background: #384358;
  height: 50px;
  line-height: 50px;
  color: #fff;
  position: relative;
  z-index: 2
}
footer{ padding: 40px 0; color: #626262}
footer .inner{ display: flex; flex-wrap: wrap; align-items: center;}
.footerContact{ display: inline-block; margin-left: 80px}
.footerContact li{ margin-bottom: 5px}
.footerContact li:last-child{ margin-bottom: 0}*/
/*footer end*/