@media ( min-width: 1030px){
  /*header pc start*/
  .headerWrap{ padding-bottom: 90px}
  .headerWrap .inner{ position: static; max-width: 100vw}
  .headerWrap .header{ border-bottom: solid 1px #dfdfdf}
  .headerWrap nav{ width: calc(100% - 500px); float: left; padding-left: 40px}
  .headerWrap .gnbDepth1Wrap{ display: flex; flex-wrap: nowrap; justify-content: space-around;}
  .headerWrap .gnbDepth1Wrap > li{ float: left; width: auto; max-width: 25%}
  .headerWrap .gnbDepth1Wrap > li:last-child{ display: none}
  .headerWrap .gnbDepth1Wrap > li > a{ font-size: 1.250rem; width: 100%; text-align: center; color: #444; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .headerWrap .gnbDepthBG{
    width: 100%;
    position: absolute;
    left: 0;
    top: 90px;
    background: rgb(31,72,167);
    background: -moz-linear-gradient(90deg, rgba(31,72,167,1) 0%, rgba(31,72,167,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(31,72,167,1) 0%, rgba(31,72,167,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(31,72,167,1) 0%, rgba(31,72,167,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f48a7",endColorstr="#ffffff",GradientType=1);
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
    border-top: solid 1px #dfdfdf;
    display: none;
  }
  .headerWrap .gnbDepthBG .inner{ width: 1400px; display: flex; flex-wrap: wrap}
  .headerWrap .gnbDepthBG .gnbTitleWrap{
    width: 26%;
    padding: 45px 15px 45px 0;
    color: #fff;
    background: #1F48A7 url("/resource/templete/naacc/img/common/bg_gnb.png") no-repeat right bottom;
  }
  .headerWrap .gnbDepthBG .gnbTitle{
    font-size: 2.125rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 5px solid #fff;
  }
  .headerWrap .gnbDepthBG .gnbTitleInfo{ font-size: 1.250rem}
  .headerWrap .gnbDepth2Wrap{ width: 74%; background: #fff}
  .headerWrap .gnbDepth2Wrap > li{
    width: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #dfdfdf;
  }
  .headerWrap .gnbDepth2Wrap > li > a{
    width: 240px;
    height: auto;
    font-size: 1.125rem;
    font-weight: bold;
    color: #444;
    padding: 15px 20px;
    background: #f5f5f5 url("/resource/templete/naacc/img/common/icon_gnb_pc.png") no-repeat right 15px center;
    display: flex;
    align-items: center;
  }
  .headerWrap .gnbDepth3Wrap{ width: calc(100% - 240px); background: #fff; display: flex; flex-wrap: wrap; padding: 15px 10px}
  .headerWrap .gnbDepth3Wrap > li{ width: 33.3333%}
  .headerWrap .gnbDepth3Wrap > li > a{ font-size: 1.093rem; color: #555; padding: 0 10px 0 25px; position: relative}
  .headerWrap .gnbDepth3Wrap > li > a:before{
    content: "쨌";
    font-size: 1.125rem;
    line-height: +1.4;
    font-weight: bold;
    color: #888;
    position: absolute;
    left: 10px;
    top: 0;
  }
  /*header active*/
  .headerWrap .gnbDepth1Wrap > li.on .gnbDepthBG{ display: block}
  .headerWrap .gnbDepth1Wrap > li.on > a{ color: #1f48a7 !important;}
  .headerWrap .gnbDepth2Wrap > li.on > a{ color: #0d2754; background: #f5f5f5 url("/resource/templete/naacc/img/common/icon_gnb_on_pc.png") no-repeat right 10px center;}
  .headerWrap .gnbDepth3Wrap > li.on > a{ color: #0f72f2; font-weight: bold}
  .headerWrap .gnbDepth3Wrap > li.on > a:before{ color: #0f72f2}
  /*header pc end*/
}

@media ( max-width: 1780px){
  /*header start*/
  .headerWrap .inner{ width: 100%; float: left; padding: 0 15px}
  .headerWrap .utilGroup{ position: absolute; top: 0; right: 15px}
  /*header end*/
  
  /*main*/
  .visualWrap .slick-prev,
  .visualWrap .slick-next{ transform: translate(0,-50%); background-size: cover;}
  .visualWrap .slick-prev{ margin-left: 0; left: 15px}
  .visualWrap .slick-next{ margin-left: 0; left: auto; right: 15px}
}
@media ( max-width: 1660px){
  /*main*/
}
@media ( max-width: 1420px){
  /*header start*/
  .headerWrap{ padding-bottom: 155px}
  .headerWrap .inner{ position: relative}
  .headerWrap .header:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    left: 0;
    top: 65px;
  }
  .headerWrap nav,
  .inner{ width: 100%; float: left; padding: 0 15px}
  .headerWrap nav{ padding-left: 0}
  .headerWrap .gnbDepth1Wrap > li{ width: 14.2857%}
  .headerWrap .HeaderLogo a,
  .headerWrap .utilGroup{ height: 65px; line-height: 65px}
  .headerWrap .HeaderLogo img{ height: 40px; position: relative; top: -2px}
  .headerWrap .searchWrap{ top: 155px}
  .headerWrap .utilGroup{ width: 120px; right: 15px}
  .headerWrap .utilGroup .searchWrapClose,
  .headerWrap .utilGroup .btnSearch{ height: 65px}
  .headerWrap .gnbDepthBG{ top: 150px}
  .headerWrap .gnbDepth3Wrap > li{ width: 50%}

  .headerWrap .searchWrap .inner{ width: 100%; padding: 40px 15px}
  /*header end*/

  /*寃��됱“嫄� �곸꽭*/
  table.searchCondition tr.quarter td{ width: calc((100% - 280px) / 2);}
  table.searchCondition tr.quarter th:nth-child(-n+4),
  table.searchCondition tr.quarter td:nth-child(-n+4){ border-bottom: solid 1px #dfdfdf}
  table.searchCondition tr.quarter td:nth-child(4n){border-right: none}
    
  /*�됰났�� 罹먮┃��*/
  .sticonWrap li{ width: 33.3333%}
  .sticonWrap li:nth-child(6n){ border-right: 1px solid #dfdfdf;}
  .sticonWrap li:nth-child(3n){ border-right: none;}
  
    /*�곸긽湲곕줉��*/
  .regionTabWrap{ height: 125px}
  .regionTab{ flex-wrap: wrap; height: 100%}
  .regionTab li{ width: calc((100% - 40px)/4); margin: 5px}
  .regionTab li:last-child{ width: calc((100% - 20px)/2)}
  .regionTab li a{ padding: 10px 10px 10px 30px}
  .regionTab li:before{ left: 15px}
  .videoRecord .goToFirst{ height: 125px}
  .videoRecord .goToFirst a{ background-position: top 40px center; padding-top: 50px}
}
@media ( max-width: 1030px){
  /*header mobile*/
  .mMain .headerWrap{ padding-bottom: 65px}
  .headerWrap{ padding-bottom: 65px}
  .headerWrap .header:after{ display: none}
  .headerWrap .header{ border-bottom: solid 1px #dfdfdf}
  .headerWrap .gnbDepthBG{ background: transparent}
  .headerWrap .gnbDepthBG .inner{ padding: 0}
  .headerWrap .gnbDepth2Wrap,
  .headerWrap .gnbDepth3Wrap,
  .headerWrap .gnbDepthBG .gnbTitleWrap{ display: none}
  .headerWrap nav{
    width: 100%;
    max-width: 100%;
    min-width: auto;
    height: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    background: #fff;
    z-index: 999;
    padding: 65px 0 0 0;
  }
  .headerWrap nav.on{
    left: 0;
    transition: 0.5s;
  }
  .headerWrap ul,
  .headerWrap li,
  .headerWrap li a{ position: unset}
  .headerWrap .gnbDepth1Wrap li,
  .headerWrap .gnbDepth1Wrap li a{ width: 100%; float: left}
  .headerWrap .gnbDepth1Wrap{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 80px;
  }
  .headerWrap .gnbDepth2Wrap{
    width: 100%;
  }
  .headerWrap .gnbDepth1Wrap > li > a{
    height: auto;
    line-height: +1;
    border-bottom: solid 1px #dfdfdf;
    font-size: 1.375rem;
    font-weight: bold;
    padding: 15px 20px;
    background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_g.png");
    background-repeat: no-repeat;
    background-position: right 20px center;
  }
  .headerWrap .gnbDepth1Wrap > li > a,
  .headerWrap .gnbDepth2Wrap > li > a{
    pointer-events: none;
  }
/*   .headerWrap .gnbDepth2Wrap > li > a.childrenHas{ */
/*     background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_g.png"); */
/*     background-repeat: no-repeat; */
/*     background-position: right 20px center; */
/*   } */
  .headerWrap .gnbDepth2Wrap > li > a{
    height: auto;
    line-height: initial;
    padding: 15px 20px;
    border-bottom: solid 1px #dfdfdf;
    font-size: 1.125rem;
    font-weight: bold;
    color: #444;
    background-color: #f5f5f5;
    background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_g.png");
    background-repeat: no-repeat;
    background-position: right 20px center;
  }
/*   .headerWrap .gnbDepth2Wrap > li, */
/*   .headerWrap .gnbDepth2Wrap > li:last-child.on{ border-bottom: none} */
  .headerWrap .gnbDepth2Wrap > li:last-child,
  .headerWrap .gnbDepth1Wrap > li:last-child .gnbDepth2Wrap > li:last-child,
  .headerWrap .gnbDepth1Wrap > li:last-child .gnbDepth2Wrap > li:last-child .gnbDepth3Wrap{ border-bottom: none}
  .headerWrap .gnbDepth2Wrap > li:last-child.active,
  .headerWrap .gnbDepth2Wrap > li:last-child.on{ border-bottom: solid 1px #dfdfdf !important;}
  .headerWrap .gnbDepth3Wrap{ width: 100%; float: left; background: #fff}
  .headerWrap .gnbDepth3Wrap > li > a{
    padding-left: 35px;
    position: relative;
    font-size: 1.063rem;
    color: #555;
    margin: 3px 0;
  }
  .headerWrap .gnbDepth3Wrap > li > a:before{
    content: "쨌";
    position: absolute;
    left: 20px;
    top: 0;
  }
  .headerWrap .HeaderLogo img{ height: 30px}
  .headerWrap .HeaderLogo{ width: 55%; max-width: 200px;  background-size: 100% auto !important}
  .headerWrap .menuBtn{
    width: 40px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    background: url("/resource/templete/naacc/img/common/icon_menu.png") no-repeat center;
    position: absolute;
    right: 15px;
    top: 0;
  }
  .headerWrap .utilGroup{ width: auto; right: 55px}
  .headerWrap .searchWrap{ top: 65px}
  .headerWrap .utilGroup .searchWrapClose, .headerWrap .utilGroup .btnSearch{ width: 40px}
  .mMain .menuHeader{ border-bottom: 1px solid #dfdfdf}
  .menuHeader{ border-bottom: 1px solid #dfdfdf}
  .menuHeader{
    padding: 0 15px;
    position: absolute;
    left: 0;
    top: 0;
    height: 65px;
    line-height: 65px;
  }
  .menuHeader .lang{
    font-size: 0.875rem;
    color: #888;
    position: absolute;
    right: 55px;
    top: 0
  }
  .menuHeader .lang a{
    height: auto;
    line-height: +1;
    padding: 5px 10px;
    border: solid 1px #888;
    border-radius: 15px;
    position: relative;
    top: 2px;
  }
  .menuHeader .closeGnb{ position: absolute; right: 20px; top: 0}

  /*header active*/
  .gnbDepth1Wrap > li.active > a,
  .gnbDepth1Wrap > li.on > a{ padding: 22px 20px; color: #fff; background-color: #1f48a7; background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_w.png")}
  .gnbDepth1Wrap > li.active .gnbDepth2Wrap,
  .gnbDepth2Wrap > li.active .gnbDepth3Wrap,
  .gnbDepth1Wrap > li.on .gnbDepth2Wrap,
  .gnbDepth2Wrap > li.on .gnbDepth3Wrap{ display: block}
  .gnbDepth2Wrap > li.active,
  .gnbDepth2Wrap > li.on{ border-bottom: solid 1px #eaeaea}
  .gnbDepth2Wrap > li.active > a,
  .gnbDepth2Wrap > li.on > a{ color: #0d2754}
/*   .gnbDepth2Wrap > li.active > a.childrenHas, */
/*   .gnbDepth2Wrap > li.on > a.childrenHas{ background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_b.png")} */
  .gnbDepth2Wrap > li.active > a,
  .gnbDepth2Wrap > li.on > a{ background-image: url("/resource/templete/naacc/img/common/icon_gnb_m_b.png"); background-repeat: no-repeat;}
  .gnbDepth2Wrap > li.active .gnbDepth3Wrap,
  .gnbDepth2Wrap > li.on .gnbDepth3Wrap{ padding: 10px 0}
  .headerWrap .gnbDepth3Wrap > li.active > a,
  .headerWrap .gnbDepth3Wrap > li.on > a{ font-weight: bold; color: #0f72f2}

  /*main*/
  .mainModalPopupWrap{ max-width: calc(100% - 30px); left: 50%; top: 15px; transform: translate(-50%,0)}
  

  /*theme01 : �몄궗留� & 諛곕꼫*/
  .theme01{ padding: 0}
  .theme01 .titWrap{ border-bottom: solid 1px #dfdfdf;}
  .theme01 .left .txtWrap{ height: auto;}
  .theme01 .left,
  .theme01 .right{ width: 100%; padding: 40px 0 0}
  .theme01 .bannerWrap img,
  .theme01 .bannerSlideWrap .bannerSlide li img{ width: 100%}
  .bbsWrap.card .bbsList li,
  .theme01 .shortcutLink li{ width: calc(50% - 5px)}

  /*theme02 : what NAACC*/
  .theme02 .list li{ width: calc(50% - 5px); margin: 5px 0}

  .mShow{ display: inline-block!important;}
  .mHidden{ display: none!important}
  body, html{ min-width: 280px}
  .subWrap{ width: 100%; padding: 25px 0 0}
  .borderBoxRound{ padding: 15px}
  .roundCon,
  .roundCon > li{ display: block; float: left}
  .roundCon > li{ width: 100%; margin: 15px 0; padding: 0}
  .roundCon > li .roundWrap{ width: 100%; height: auto; max-width: 100%; min-height: 100%; border-radius: 100px; padding: 0}
  .roundCon > li .roundWrap:after{ display: none}
  .roundCon > li .middle{ position: relative; left: 0; top: 0; transform: translate(0, 0)}
  .roundCon > li .roundWrap .middle{ padding: 20px}
  .roundCon > li .middle,
  .roundCon > li .tit,
  .roundCon > li .txt{ width: 100%; float: left}
  .roundCon > li .txt{ margin-top: 10px}
  .imgTxtCon.conWidth4 li{ width: 50%; padding: 5px}
  .titBgList li{ width: 100%; margin: 0 0 15px 0;}
  .titBgList .txt{ min-height: auto}
  .downloadList li{ width: 33.3333%}
  .downloadList li.double{ width: 100%}
  .tableTop{ height: auto}
  .tableTop .left,
  .tableTop .right{ width: 100%; float: left}
  .tableTop input,
  .tableTop select{ width: 100%; margin: 5px 0}
  .tableTop select + select{ border: 1px solid #ccc}

  /*異붿쭊媛쒖슂*/
  .subWrap .summary .pageConWrap03 .stepWrap li{ width: 100%}
  .subWrap .summary .pageConWrap03 .stepWrap li .step:after{ display: none}
  .subWrap .summary .pageConWrap03 .stepWrap li:nth-child(1):after,
  .subWrap .summary .pageConWrap03 .stepWrap li:nth-child(2):after{ right: 0}
  .subWrap .summary .pageConWrap03 .stepWrap li:nth-child(2):before{content: "2015"}
  .subWrap .summary .pageConWrap03 .stepWrap li:nth-child(3):before{content: "2020"}
  .subWrap .summary .pageConWrap03 .stepWrap li:after,
  .subWrap .summary .pageConWrap03 .stepWrap li:before{ top: 30px}
  .subWrap .summary .pageConWrap03 .stepWrap li .txtWrap{ padding: 60px 0 0}
  .subWrap .summary .pageConWrap03 .stepWrap li .step{ height: 60px; line-height: 60px}
  .subWrap .summary .pageConWrap03 .stepWrap li .infoBox{ padding: 25px}

  /*�꾩떆嫄댁꽕湲곕낯諛⑺뼢*/
  .direction .pageConWrap01 .pageCon.marginT30{ margin: 0}
  .direction .pageConWrap01 .roundCon,
  .direction .pageConWrap01 .boxWrap{ width: 100%; float: left}
  .direction .pageConWrap01 .roundCon > li:nth-child(1){ padding: 0 0 60px 0}
  .direction .pageConWrap01 .roundCon > li:nth-child(2){ padding: 0}
  .direction .pageConWrap01 .roundCon > li:nth-child(1):before{
    left: 50%;
    top: auto;
    bottom: -5px;
    transform: translate(-50%, 0);
  }
  .direction .pageConWrap01 .boxWrap{ padding-top: 100px}
  .direction .pageConWrap01 .boxWrap .box{
    width: 100%;
    max-width: 100%;
  }
  .direction .pageConWrap01 .boxWrap .box .middle{
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding: 25px 15px;
  }
  .direction .pageConWrap01 .boxWrap:after{
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0) rotate(90deg);
  }
  .direction .pageConWrap02 .round{
    border-radius: 0;
    padding: 15px;
    margin-bottom: 20px;
  }
  .direction .pageConWrap02 .round,
  .direction .pageConWrap02 .round .middle{
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: unset;
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
  }
  .direction .pageConWrap02 ul.boxConList > li:nth-child(1){ padding-right: 5px; padding-bottom: 5px}
  .direction .pageConWrap02 ul.boxConList > li:nth-child(2){ padding-left: 5px; padding-bottom: 5px}
  .direction .pageConWrap02 ul.boxConList > li:nth-child(3){ padding-right: 5px; padding-top: 5px}
  .direction .pageConWrap02 ul.boxConList > li:nth-child(4){ padding-left: 5px; padding-top: 5px}
  .direction .pageConWrap02 ul.boxConList > li > .wrap{ padding: 20px}
  .direction .pageConWrap02 ul.boxConList > li .tit{ padding: 15px 0}
  .direction .pageConWrap02 .conWrap.padding15{ padding: 0}

  /*footer*/
  .footerWrap{ border-top: 1px solid #dfdfdf}
  .footerLogo,
  .footerContact{ width: 100%; float: left; display: inline-block; text-align: center; margin: 0}
  .footerLogo{ margin-bottom: 20px}
  .footerUtilWrap{ height: auto}
  .footerBannerWrap .inner,
  .footerUtilWrap .inner{ padding: 0}
  .footerUtil.dotMenuList li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0;
    text-align: center;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
  }
  .footerUtil.dotMenuList li:after{ display: none}
  .footerBannerWrap li{ margin: 0 10px}

  /*�ъ쟾�뺣낫怨듯몴 �앹뾽*/
  .preInfoPop{ padding: 0; margin-bottom: 50px}

  /*��� 泥� 李⑥옣*/
  .appointmentHistory > li{ display: block; flex-wrap: unset; padding: 15px 5px; float: left}
  .appointmentHistory > li > div{ display: block; float: left}
  .appointmentHistory > li .info{ width: calc(100% - 130px)}
  .appointmentHistory > li .info > div,
  .appointmentHistory > li .img img{ position: relative; left: 0; top: 0; transform: translate(0, 0); float: left}
  .appointmentHistory > li .career{ width: 100%; padding: 10px 0 0 0}
  .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;
  }

  /*�ㅻ쭏�� �꾩떆*/
  .timeline .right{ width: 100%}

  /*�꾩떆援먰넻泥닿퀎*/
  .transportation .pageConWrap01 .roundWrap .tit{ margin-top: 0}
  
  /*�곸긽湲곕줉��*/
  .videoRecord .mapWrap_record,
  .videoRecord .listWrap_record{ width: 100%}
  .videoRecord .mapWrap_record,
  .regionMapImgWrap{ height: auto}
  .videoRecord .mapWrap_record.wholeMap{ height: 85vw}
  .regionMapImgWrap > li{ width: 70%; height: 75vw}
  .videoRecord .listWrap_record{ padding-left: 0; padding-top: 20px}
  .videoRecord .mapTitle{ margin-bottom: 0; border-radius: 10px 10px 0 0}

  .videoRecord .mapWrap_record.regionMap{ padding-bottom: 285px}

  .regionTabWrap{ height: auto}
  .regionTab{ flex-wrap: wrap; width: 100%; height: auto}
  .regionTab li{ width: calc((100% - 20px)/2)}
  .regionTab li:last-child{ width: 100%}

  .videoRecord .goToFirst{ width: 100%; height: 60px}
  .videoRecord .goToFirst a{ padding-top: 16px; background-position: top 11px center}
  
  /*�고쁺*/
  .yearLineWrap:first-child{ margin-top: 40px}
  .yearLineWrap .imgWrap{ display: none}
  .yearLineWrap{ background-position: top left 40px}
  .yearLineWrap .half{ width: 100%}
  .yearLineWrap .yearCircle{ left: 0; transform: translate(0,0)}
  .yearLineWrap ul li{ width: calc(100% - 40px); margin-left: 40px}
  .yearLineWrap .left{ text-align: left}
  .yearLineWrap .left li{ flex-direction: row}
  .yearLineWrap .left li:after{ right: auto; left: -9px}
  .yearLineWrap .left li{ padding-right: 0; padding-left: 85px; background-position: left 30px top 0.7rem}
  .yearLineWrap .left li .month{ margin-left: 0; margin-right: 15px}
  
  /*臾명솕쨌�뺣낫 �꾩떆*/
  .cultureCity .pageConWrap02 .smallDotList{ padding-right: 0; padding-bottom: 0; background: none}
  .cultureCity .pageConWrap04 .half{ padding: 0!important; width: 100%; margin: 10px 0}
}
@media ( max-width: 800px){
  .toTop{ right: 15px; bottom: 15px}
  body, html{ font-size: 15px}
/*main*/
.visualWrap .slick-prev,
.visualWrap .slick-next{ display: none !important}
.visualWrap .slick-dots{ bottom: calc(2rem - 20px)}
.visualWrap .bottomControls{ bottom: 2rem}

/*main common*/
  .bbsWrap .bbsTabMenu li{ margin-right: 30px}
  .bbsWrap .bbsTabMenu li:after{ right: -17px}

  /*theme02 : what NAACC*/
  .theme02 .snsWrap li{ width: 30px; background-position: center; text-indent: -99999999999px; color: transparent; margin-left: 3px}
  .theme02 .snsWrap li a{ padding: 0}

  .btnL{ width: 100%; margin-bottom: 5px}
  .btnL a{ padding: 15px 10px; text-align: center; word-break: keep-all}
  .imgBoxMin{ min-height: 40vw}
  .mShow800{ display: inline-block!important}
  .mediaWrap .imgWrap{ margin-bottom: 15px}
  .mediaWrap.conWidth3 > li{ width: 50%; padding: 15px 10px}
  .titleBtn{ position: relative; float: right; margin-right: 0; margin-bottom: 15px}
  .btnListWrap li{ width: calc((100% - 15px)/2); margin-top: 15px}
  .btnListWrap li:nth-child(2n){ margin-right: 0}

  /*移대뱶�댁뒪*/
  .slideTypeThumb02 .swiper-button-prev,
  .slideTypeThumb02 .swiper-button-next{ width: 40px; background-size: 15px auto}
  .slideTypeThumb02 .swiper-slide{ width: calc(100% - 100px)}
  .slideTypeThumbWrap .slideTypeThumb02{ margin-bottom: 35px}
  .slideTypeThumbWrap .slideTypeThumb{ padding: 25px 45px}

  /*留뚯”��*/
  .surveyWrap{ padding: 20px 130px; background-position: left 25px center}

  /*寃��됱“嫄�*/
  table.searchCondition tr.half{ width: 100%}
  table.searchCondition tr.half:nth-child(odd){ border-right: none}
  table.searchCondition th{ width: 95px}
  table.searchCondition td{ width: calc(100% - 95px)}
  table.searchCondition th, table.searchCondition td{ height: auto}
  table.searchCondition .text{ height: 20px; line-height: 20px}
  table.searchCondition input.datepicker{ width: 100%; max-width: 100%}

  /*寃��됯껐怨�*/
  table.searchResult colgroup,
  table.searchResult tr:first-child{ display: none}
  table.searchResult tr,
  table.searchResult td{
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
  }
  table.searchResult tr{ padding: 10px}
  table.searchResult tr td.mInline{
    width: auto;
    display: inline-block;
    padding-right: 10px;
  }
  table.searchResult tr td.mInline.bar:after{
    content: "|";
    font-size: 0.750em;
    color: #666;
    position: relative;
    top: -3px;
    left: 5px;
  }
  table.listType.searchResult td.tit{ font-family: "Noto Sans KR_M"}

  /*寃��됱“嫄� �곸꽭*/
  table.searchCondition tr.quarter td{ width: calc((100% - 190px) / 2);}

  /*�ъ쟾�뺣낫怨듯몴 �앹뾽*/
  .btnTable .inlineBlock{ display: block; float: left; width: 100%}
  .btnTable .fileName.inlineBlock,
  .btnTable ul.inlineBlock{ max-width: 100%}
  .btnTable ul.inlineBlock{ padding-left: 0; padding-top: 10px}
  .btnTable ul.inlineBlock span{ margin-left: 0; margin-right: 5px}
  .preInfoPop table th,
  .preInfoPop table td{ padding: 25px 10px}

  /*�몃꽕�� 寃뚯떆��*/
  .tableWrap.board.thumbnail.down td.thumbnailTxt{ padding-right: 0}
  .tableWrap.board.thumbnail.down td .boardTitle,
  .tableWrap.board.thumbnail.down td .txtS{ margin-bottom: 5px}
  .tableWrap.board.thumbnail.down td .btnDownloadM{
    position: relative;
    right: 0;
    top: 0;
    transform: translate(0, 0);
    margin-top: 5px;
  }

  /*吏�援щ떒�꾧퀎��*/
  .plan .pageConWrap02 .bgWrap{ height: 40vw; background-size: contain; margin-bottom: 20px}
  .plan .pageConWrap02 .bgWrap,
  .plan .pageConWrap02 .roundTitList{
    width: 100%;
  }
  .plan .roundTitList li{ padding: 5px}

  /*�ㅻ쭏�몃룄��*/
  .mFull{ width: 100% !important; display: block; float: left}
  .imgDotHalfWrap .half.bgWrap,
  .imgDotHalfWrap .half.imgWrap,
  .imgDotHalfWrap .half,
  .history .historyWrap .half{ width: 100%; display: block; float: left}
  .imgDotHalfWrap .half.imgWrap{ margin-right: 0; max-height: unset; text-align: center; padding: 10px; margin-bottom: 15px}
  .imgDotHalfWrap .half.bgWrap{ margin-right: 0; height: 300px; max-height: 50vw}
  .imgDotHalfWrap .infoArea{ padding-left: 10px; padding-right: 10px}

  /*2021�� 二쇱슂怨듭궗 �꾩옣*/
  .constructionSiteWrap .txtWrap .titWrap{ line-height: +1.5}
  .constructionSiteWrap .txtWrap .infoWrap{ max-height: none; height: auto}
  .constructionSiteWrap .txtWrap .infoWrap .list{ height: 490px}
  .constructionSiteWrap .txtWrap .infoWrap .mark{ width: 70px}
  
  /*�뀁껜�섍텒*/
  .hasInfoBox .titBgList > li{ padding-bottom: 0 !important;}
  
  /*援�┰以묒븰�꾩꽌愿�*/
  .nlWrap .half{ width: 100%; padding: 5px 0!important;}

  /*寃쎌웳��*/
  .competitiveness .pageConWrap01 .titBgList.hasInfoBox .txt{ min-height: auto}
  .competitiveness .pageConWrap01 .imgWrap .half img,
  .competitiveness .pageConWrap01 .imgWrap .half{ width: 100%; height: auto; float:  left; padding: 0}
  .competitiveness .pageConWrap01 .imgWrap .half{ margin-bottom: 5px}

  /*2021�� 二쇱슂怨듭궗�꾩옣*/
  .constructionSiteWrap.hasTab .infoWrap{ padding: 20px 0}
  .constructionSiteWrap.hasTab .infoWrap .total{ height: 355px}

  /*�곕룄蹂� 嫄댁꽕�꾪솴*/
  .byYearImg,
  .byYearThumb{ width: 100%}
  .byYearThumb{ margin: 20px 0 0}
  .byYearImg.slick-slider{ height: 60vw}
  .byYearThumb.slick-slider{ height: 24vw}
  .byYearThumb .slick-slide{ margin: 0 10px}
  .byYearThumb .slick-arrow{ transform: rotate(-90deg); width: 40px}
  .byYearThumb .slick-arrow.slick-next{ left: auto; right: 0; bottom: auto}
  .byYearThumb .slick-arrow.slick-prev,
  .byYearThumb .slick-arrow.slick-next{ top: 50%; margin-top: -20px}

  /*李얠븘�ㅼ떆�� 湲�*/
  .mapWrap .addressWrap{ display: block}
  .mapWrap .addressWrap,
  .mapWrap .addressWrap .half{ width: 100%; float: left}
  .mapWrap .addressWrap .half.right{ padding-right: 10px}
  .mapWrap .addressWrap .half{ flex-wrap: nowrap; justify-content: flex-start}
  .mapWrap .addressWrap .half .text{ width: calc(100% - 65px); float: left}
  .mapWrap .addressWrap .half .icon,
  .mapWrap .addressWrap .half .text{ display: flex;}
  .mapWrap .addressWrap .half .icon{ height: auto}
  .mapWrap .addressWrap .goToMap{
    width: calc(100% - 20px);
    margin: 0 10px;
    position: relative;
    right: 0;
    top: 0;
    transform: translate(0,0);
  }

  /*�ъ씠�� 留�*/
  .siteMapWrap > li,
  .siteMapWrap > li > .smDepth1,
  .siteMapWrap .smDepth2Wrap{ width: 100%; float: left; display: block}
  .siteMapWrap > li{ border-bottom: solid 1px #aeaeae}
  .siteMapWrap > li > .smDepth1{ height: 60px; border-bottom: solid 1px #dfdfdf}
  .siteMapWrap .smDepth2Wrap > li{ width: 100%}

  /*寃��됯껐怨�*/
  .pageSearchResultWrap .resultTab:after{ display: none}
  .pageSearchResultWrap .resultTab li{ width: 25%; border-bottom: 1px solid #dfdfdf}
  
    /*�됰났�� 罹먮┃��*/
  .hangbokiDown .btn{ margin-bottom: 5px}
  
	/*移쒗솚寃� �꾩떆*/
	.imgDotHalfWrap.type02 .imgWrap{ padding-right: 0!important; margin-top: 30px}
	.imgDotHalfWrap.type02 .smallDotList{ margin-top: 30px}
	
	.cultureCity .pageConWrap01 .bgWrap{ padding: 35px 15px}
	.cultureCity .pageConWrap01 .bgWrap .txtWrap{ padding-left: 15px}
	.cultureCity .pageConWrap01 .bgWrap .half,
	.cultureCity .pageConWrap01 .bgWrap .half li{ width: 100%}
	.cultureCity .pageConWrap01 .bgWrap > .title{ margin-bottom: 30px}
}
@media ( max-width: 600px){
  .mHidden600{ display: none!important}
  .mShow600{ display: inline-block!important}
  .bx-wrapper .mHidden600{ display: none !important;}
  .bx-wrapper .mShow600{ display: inline-block !important;}
  body, html{ font-size: 14px}
  .arrowTitleWrap{ padding-left: 5px}
  .pageCon{ padding: 0 5px 50px}
  table th,
  table td{ padding: 20px 10px}
  .downloadList li{ width: 50%}
  .downloadList li.double{ width: 100%}
  .imgInfoWrap{ padding-bottom: 100px}
  .imgInfoWrap .imgInfo{ right: 15px; bottom: 15px; background: #fff}
  .imgInfoWrap .imgInfo img{ max-width: 30vw}

  /*main*/
  .mainModalPopupWrap{ width: calc(100% - 30px)}
  .mainModalPopupWrap img{ width: 100%} 

  /*紐⑸줉 寃뚯떆��*/
  table .barMenuList li{ padding: 0 5px}
  .tableWrap.board .barMenuList li{ font-size: 1rem}
  .tableWrap.board table tr td{ padding: 15px 5px}
  .tableWrap.board .noticeTitle .notice{ width: 50px}
  .tableWrap.board .noticeTitle{ padding-left: 60px}

  /*紐⑸줉 �곸꽭*/
  .boardDetailinfo .left,
  .boardDetailinfo .right{ width: 100%; text-align: left}
  .boardDetailWrap > .wrap{ padding-left: 5px; padding-right: 5px}
  .boardDetailWrap .prevNextWrap li,
  .boardDetailinfo .barMenuList li{ padding: 0 5px}
  .boardDetailWrap .prevNextWrap{ padding: 0}

  /*移댄뀒怨좊━ 寃뚯떆��*/
  .tableWrap.board table tr td.categoryName{ padding: 15px 5px}

  /*�몃꽕�� 寃뚯떆��*/
  .tableWrap.board.thumbnail table tr td.thumbnailImg{ padding: 15px 5px 15px 15px}
  .tableWrap.board.thumbnail table tr td{ padding: 15px 5px}

  /*鍮꾨뵒�� 寃뚯떆�� �곸꽭*/
  .boardDetailWrap.video .boardDetailContents .videoWrap{ padding-bottom: 25px; margin-bottom: 25px}
  .boardDetailWrap.video .boardDetailContents .subtitle{ padding: 10px 15px}

  /*留뚯”��*/
  .surveyWrap{ padding: 120px 15px 15px; background-position: top 15px center}
  .surveyWrap .surveyBtn{
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
  }

  /*寃��됱“嫄� �곸꽭*/
  table.searchCondition tr.quarter td{ width: calc(100% - 95px)}
  table.searchCondition tr.quarter th:nth-child(4),
  table.searchCondition tr.quarter td:nth-child(4),
  table.searchCondition tr.quarter th:nth-child(5),
  table.searchCondition tr.quarter td:nth-child(5),
  table.searchCondition tr.quarter th:nth-child(6),
  table.searchCondition tr.quarter td:nth-child(6){ border-bottom: solid 1px #dfdfdf}
  table.searchCondition tr.quarter td:nth-child(2n){border-right: none}

  /*�ъ쟾�뺣낫怨듯몴 tabChoice*/
  .tabChoice{ border-top: solid 1px #0d2754}
  .tabChoice li{ width: 33.3333%; border-top: none}
  .tabChoice li:nth-child(3n){ border-right: solid 1px #0d2754}


  /*�ъ쟾�뺣낫怨듯몴 �앹뾽*/
  table.listType.btnTable colgroup,
  table.listType.btnTable tr:first-child{ display: none}
  table.listType.btnTable tr,
  table.listType.btnTable td{ width: 100%; display: inline-block; float: left; text-align: left}
  table.listType.btnTable tr{ padding: 10px 0}
  table.listType.btnTable td{ padding: 5px}
  .btnTable ul.inlineBlock span{ margin-right: 2px}
  table.listType.btnTable .mShow600{ font-family: "Noto Sans KR_M"}

  /*踰뺣쪧*/
  .lawConWrap .con{ padding: 35px 10px}

  /*吏�援щ떒�꾧퀎��*/
  .plan .pageConWrap04 .fullImgBoxCon.conWidthMargin3 > *{ width: 100%; margin: 0}
  .fullImgBoxCon .txtWrap{ padding: 10px 10px 20px 10px}

  /*�ㅻ쭏�� �꾩떆*/
  .timeline .dateWrap li{ padding-left: 120px}
  .timeline .dateWrap li .date{ width: 120px; background-size: 25px auto; background-position: right 10px center; padding-left: 25px}
  .timeline .dateWrap li .date:before{ margin-right: 5px}

  /*2021�� 二쇱슂怨듭궗�꾩옣*/
  .constructionSiteWrap{ padding: 0; border: none}
  .constructionSiteWrap .txtWrap .titWrap{ line-height: +1.3; height: auto; margin-top: 10px}
  .constructionSiteWrap .txtWrap .infoWrap{ max-height: none}
  .constructionSiteWrap .txtWrap .infoWrap .total{ width: 100%}
  .constructionSiteWrap .txtWrap .infoWrap .list{ width: 100%; height: 400px}
  .constructionSiteWrap .txtWrap .infoWrap .total{ margin-bottom: 5px}
  .constructionSiteWrap .txtWrap .infoWrap .total li{ width: 50%; float: left; border-bottom: solid 1px #dfdfdf; border-top: none}
  .constructionSiteWrap .txtWrap .infoWrap .total li:nth-child(even){ border-left: none}
  .constructionSiteWrap .txtWrap .infoWrap .total li:nth-child(-n + 2){ border-top: solid 1px #dfdfdf}
  .constructionSiteWrap .txtWrap .infoWrap .mark{ width: 65px}

  .constructionSiteWrap.hasTab .infoWrap .total{ height: auto; margin-top: 10px}
  .constructionSiteWrap.hasTab .infoWrap .total li{ border-top: solid 1px #dfdfdf !important; border-bottom: none !important}
  .constructionSiteWrap.hasTab .infoWrap .total li:nth-child(-n+2){ border-top: none !important}
  .constructionSiteWrap.hasTab .infoWrap .total li:nth-child(odd){ border-right: solid 1px #dfdfdf !important}

  .constructionSiteWrap.hasTab .infoWrap .tab{ width: 100%; margin-right: 0}
  .constructionSiteWrap.hasTab .infoWrap .tab li{ width: 50%; float: left}
  
  /*�됰났�� 罹먮┃��*/
  .hangbokiDown .btn{ width: 100%}
  
  /*�멸컙以묒떖 �꾩떆*/
  .roundBoxList li,
  .barota .infoBoxWrap{ width: 100%}
  .roundBoxList li .round{ width: 70px; height: 70px}
  .roundBoxList li .roundBoxCon{ padding-left: 65px}

	/*移쒗솚寃� �꾩떆*/
	.smallDotList li .smallDotTitle{ width: 100px}
}

@media ( max-width: 450px){
  /*main*/
  	.theme01 .shortcutLink li a .ic_arrow{ display: block; margin-left: 0; margin-top: 5px}
  /*main common*/
  .bbsWrap .bbsList li a{ width: calc(100% - 75px)}
  .bbsWrap .bbsTabMenu{ min-height: 40px}
  .bbsWrap .bbsTabMenu li{ font-size: 1.375rem}
  .bbsWrap.news .bbsList{ padding-top: 10px}
  .bbsWrap.news .bbsList li{ padding: 0 10px 0 15px; font-size: 1.063rem}
  .bbsWrap.news .bbsList li a:before{ left: 3px}
  .bbsWrap.card .bbsList{ flex-wrap: wrap; padding-top: 25px}
  .bbsWrap.card .bbsList li{ width: 100%; margin-bottom: 25px}
  .bbsWrap.card .bbsList li:last-child{ margin-bottom: 0}
  .bbsWrap .more{ width: 30px; background-position: center; top: 4px}
  .bbsWrap .more a{ padding: 0; text-indent: -99999999px; color: transparent}

  /*theme01 : �몄궗留� & 諛곕꼫*/
  .theme01 .left{ padding-top: 20px}
  .theme01 .shortcutLink li a{ padding: 20px 15px}

  /*theme02 : what NAACC*/
  .theme02{ padding: 10px 0 60px}
	
  .titleBtn{ margin-right: 0; width: 100%; text-align: center}

  .boxConList > li{ width: 100%; padding: 0 0 15px 0 !important;}
  .mediaWrap.conWidth3 > li{ width: 100%; padding: 15px 0 !important;}
  .mediaWrap .barMenuList li{ padding: 0 5px 0 0; font-size: 0.938rem}
  .mediaWrap .barMenuList li:after{ right: 2px}
  .footerBannerWrap li{ margin: 0}

  .mShow450{ display: inline-block!important}
  .tabMenu li{ line-height: +1.3; height: auto; padding: 10px 0}

  .btnListWrap li{ width: 100%; margin-right: 0}

  /*�몃꽕�� 寃뚯떆��*/
  .tableWrap.board.thumbnail table colgroup{ display: none}
  .tableWrap.board.thumbnail table tr,
  .tableWrap.board.thumbnail table td{ width: 100%; display: block; float: left}
  .tableWrap.board.thumbnail table tr{ padding: 15px 0}
  .tableWrap.board.thumbnail table tr td.thumbnailImg{ padding: 0 !important;}
  .tableWrap.board.thumbnail table tr td{ padding: 0 5px !important;}
  .tableWrap.board .boardTitle{ margin: 15px 0 10px}
  .tableWrap.board.thumbnail table tr td.thumbnailImg img{ width: 100%}
  .tableWrap.board.thumbnail.down td .btnDownloadM{ width: 100%; text-align: center}

  /*��� 泥� 李⑥옣*/
  .appointmentHistory > li .img,
  .appointmentHistory > li .info{ width: 100%; text-align: center}
  .appointmentHistory > li .info{ padding: 10px 5px}
  .appointmentHistory > li .img img{ float: none}

  /*�뀁껜�섍텒 start*/
  .hasInfoBox .titBgList > li{ padding-bottom: 0 !important;}

  .pageSearchInputWrap{ flex-wrap: wrap}
  .pageSearchInputWrap .pageSearchSelect{ width: 90px}
  .pageSearchInputWrap .pageSearchInput{ max-width: calc(100% - 90px); border-right: solid 1px #dfdfdf}
  .pageSearchInputWrap .pageSearchBtn{ width: 100%; margin-top: 5px; margin-left: 0; height: 40px; line-height: 40px}
  
    /*�됰났�� 罹먮┃��*/
  .sticonWrap li{ width: 50%}
  .sticonWrap li:nth-child(3n){ border-right: 1px solid #dfdfdf;}
  .sticonWrap li:nth-child(even){ border-right: none;}
  .sticonWrap li .imgWrap{ height: 165px}
  .hangbokiDown{ padding: 0 !important}
  .hangbokiDown .btn{ height: auto; line-height: +1.5; padding-top: 10px; padding-bottom: 10px}
  
  /*�곸긽湲곕줉��*/
  .videoRecord .pageTitle{ word-break: keep-all; margin-bottom: 20px}
  .videoRecord .pageInfo{ margin-bottom: 40px}
  .videoRecord .road_onOff{ margin-bottom: 10px}
  .videoRecord .mapWrap_record{ padding: 0}
  .videoRecord .mapWrap_record.regionMap{ padding-bottom: 220px}
  .regionMapImgWrap > li{ width: 100%; height: 105vw}
  .regionMapImgWrap > li:nth-child(2){ width: 90%}
  .regionMapImgWrap > li:nth-child(3){ height: 80vw}
  .regionMapImgWrap > li:nth-child(4),
  .regionMapImgWrap > li:nth-child(5){ height: 90vw}
  .regionMapImgWrap > li:nth-child(6){ height: 65vw}
  .regionTab{ padding: 10px 5px}
  .regionTab li{ margin: 2px 5px}
  .regionTab li a{ padding: 5px 5px 5px 30px}
  .regionTab li:before{ left: 12px}
  .videoRecord .mapTitle{ height: 80px}
  .videoRecord .mapInfoWrap{ height: 400px}
  .videoRecord .marker_infoWrap .marker_info{ padding: 10px 5px}
  .videoRecord .marker_infoWrap .marker_info_name{ padding: 5px 30px 5px 0}
  .marker a{ padding: 6px 0}
  .videoRecord .regionName{ display: none}
  .videoRecord .regionName_m{ display: block}
  .imgPopWrap .popHeader{ padding: 0 15px; font-size: 1.125rem; height: 40px; line-height: 40px}
  .imgPopWrap .popTitle{ width: calc(100% - 30px)}
  .imgPopWrap .popClose{ width: 40px; height: 40px; background-size: 45% auto}
  
  /*�덉궛寃곗궛�꾪솴*/
  .yearWrap .mPaddingLR0{ padding-left: 0; padding-right: 0}
  
  /*�됱젙쨌�먯” �꾩떆*/
  .imgDotHalfWrap .half.flexStart{ padding-top: 20px}
  .imgDotHalfWrap .infoArea > li.half{ width: 100%; margin-bottom: 0}
  .imgDotHalfWrap .infoArea.line li{ flex-wrap: wrap}
  .imgDotHalfWrap .infoArea.line li > span{ padding-left: 20px}
  .imgDotHalfWrap .infoArea.line .smallDotTitle{ width: 100%}

  /*�고쁺*/
  .yearLineWrap ul li{ background-image: none}
  .yearLineWrap .left li,
  .yearLineWrap .right li{ padding-left: 20px}
  
  /*�곕룄蹂� 嫄댁꽕�꾪솴*/
  .byYearThumb.slick-slider{ height: 28vw}
}

@media ( max-width: 380px){
  .pageTitle{
    width: 100%;
    height: auto;
    padding: 18px 0;
    line-height: +1.3;
  }
  .constructionSiteWrap.hasTab .txtWrap .infoWrap .total li{ padding: 10px 5px}
  .constructionSiteWrap.hasTab .txtWrap .infoWrap .count .txt{ margin-right: 5px}
  .constructionSiteWrap .txtWrap .infoWrap .count{
    position: relative;
    right: 0 !important;
    bottom: 0 !important;
    width: 100%;
    display: inline-block;
    text-align: right
  }
  
  /*寃��됯껐怨�*/
  .pageSearchResultWrap .resultTab{ margin-bottom: 30px}
  .pageSearchResultWrap .resultTab li{ width: 33.33333%}
  
  /*�곸긽湲곕줉��*/
  .videoIconWrap > li .imgWrap{ width: 50px; height: 50px; background-size: 50% auto}
}
@media ( max-width: 320px){
  /*main common*/
  .bbsWrap .bbsTabMenu li{ font-size: 1.250rem; margin-right: 20px}
  .bbsWrap .bbsTabMenu li:after{ right: -13px}
}