@charset "UTF-8";
:root {
    --nm-bg: #265de8;
    --nm-here: #1348d0;
    --nm-hover: rgba(0, 0, 0, 0.1);
    --bs-fszie-12: 0.75rem;
}

.subTitle-img {
    position: relative;
    width: 100%;
    height: 450px;
}
.subTitle-img .topBlurWrapper {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.subTitle-img .topBlur {
    display: block;
    position: absolute;
    animation-name: top_ani;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    background-size: cover;
    background-position: center;
}
@keyframes top_ani {
    from {
        filter: blur(10px);
        left: -3%;
        top: -3%;
        width: 106%;
        height: 106%;
    }
    to {
        filter: blur(0px);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
.subTitle-img .sub1 {
    background-image: url(../images/titImg-sub1.png);
}
.subTitle-img .sub2 {
    background-image: url(../images/titImg-sub2.png);
}
.subTitle-img .sub3 {
    background-image: url(../images/titImg-sub3.png);
}
.subTitle-img .sub4 {
    background-image: url(../images/titImg-sub4.png);
}
.subTitle-img .sub5 {
    background-image: url(../images/titImg-sub5.png);
}
.subTitle-img .sub6 {
    background-image: url(../images/titImg-sub6.png);
}
.subTitle-img .sub7 {
    background-image: url(../images/titImg-sub7.png);
}

.subTitle-img > div {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}
.subTitle-img .stText {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: 300;
    z-index: 990;
}
.subTitle-img .stText > strong {
    font-size: 3.75rem;
}

.navMenu {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--nm-bg);
    z-index: 55;
}
.navMenu .oneDepth {
    display: flex;
}
.navMenu .oneDepth > li {
    position: relative;
    width: 280px;
    line-height: 60px;
    padding: 0 20px;
}
.navMenu .oneDepth > li:nth-child(3) {
    border-left: 1px solid #1348d0;
}
.navMenu .oneDepth > li a {
    display: block;
    position: relative;
    color: #fff;
}
.navMenu .oneDepth > li a.now::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 9px;
    background: url(../images/arrow-up.png) no-repeat;
    transform: translateY(-50%) rotate(0);
    transition: 0.3s;
}
.navMenu .oneDepth > li:hover a.now::after {
    transform: translateY(-50%) rotate(180deg);
}
.navMenu .oneDepth > li.home {
    width: 60px;
    padding: 0;
    text-align: center;
    background-color: #3c6eea;
}
.navMenu .oneDepth > li.home img {
    width: 22px;
    height: 22px;
    margin-top: 19px;
}
.navMenu .oneDepth > li.here {
    background-color: var(--nm-here);
}
.navMenu .oneDepth .twoDepth {
    position: absolute;
    left: 0;
    width: 100%;
    transform: translateY(-50%) scaleY(0);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: -1;
}
.navMenu .oneDepth > li:hover .twoDepth {
    display: block;
    background-color: var(--nm-bg);
    transform: translateY(0) scaleY(100%);
    opacity: 1;
    visibility: visible;
}
.navMenu .oneDepth > li.here:hover .twoDepth {
    background-color: var(--nm-here);
}
.navMenu .oneDepth .twoDepth li {
    line-height: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 20px;
}
.navMenu .oneDepth .twoDepth li:hover {
    background-color: var(--nm-hover);
}

.wrapper {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
}

.wrapper > .tab {
    margin-bottom: 40px;
}
.wrapper > .tab > ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.wrapper > .tab > ul > li {
    flex-grow: 1;
    max-width: calc(50% - 5px);
    text-align: center;
    position: relative;
    background-color: #eee;
    border-radius: 35px;
    line-height: 70px;
    font-size: 1.25rem;
    color: #212121;
    overflow: hidden;
    transition: 0.3s;
}
.wrapper > .tab > ul > li.on {
    background-color: #1b2642;
}
.wrapper > .tab > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    background-color: #384f8a;
    transition: 0.2s;
}
.wrapper > .tab > ul > li > a {
    display: block;
    position: relative;
    transition: 0.3s;
}
.wrapper > .tab > ul > li:nth-child(3) > a {
    font-weight: bold;
}
.wrapper > .tab > ul > li:hover > a,
.wrapper > .tab > ul > li.on > a {
    color: #fff;
}
.wrapper > .tab > ul > li:hover::before {
    top: 0;
    bottom: 0;
}

.wrapper > .titleArea {
    position: relative;
    text-align: center;
    padding-bottom: 50px;
}
.wrapper > .titleArea > h3 {
    display: inline-block;
    position: relative;
    height: 80px;
    font-size: 2.2rem;
}
.wrapper > .titleArea > h3::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 4px;
    background-color: var(--nm-bg);
}
.wrapper > .titleArea .utilBtn {
    position: absolute;
    right: 0;
    top: 5px;
}
.wrapper > .titleArea .utilBtn a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #e0e2e6;
    border-radius: 3px;
    margin-left: 7px;
    transition: 0.3s;
    vertical-align: middle;
}
.wrapper > .titleArea .utilBtn a:hover {
    background-color: #f5f5f5;
}
.wrapper > .titleArea .utilBtn a img {
    margin-top: 6px;
}
.wrapper > .titleArea .utilBtn a.linkBtn_down {
    position: relative;
    width: 170px;
    line-height: 50px;
    font-size: 16px;
    text-align: left;
    padding-left: 15px;
    background-color: #213056;
    color: white;
    border: 1px solid #999;
}
.wrapper > .titleArea .utilBtn a.linkBtn_down::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/icon-down-w.svg);
    background-size: 100%;
}
.wrapper > .titleArea .utilBtn a.linkBtn_down:hover {
    background-color: #1642b1;
}
.wrapper > .titleArea .utilBtn a{ float: left;}
.wrapper > .titleArea .utilBtn a.linkBtn {
    position: relative;
    width: 200px;
    line-height: 50px;
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
    background-color: #00be6e;
    color: #FFFFFF;
}
.wrapper > .titleArea .utilBtn a.linkBtn::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/icon-linkgo.png) no-repeat;
    background-size: 100%;
}
.wrapper > .titleArea .utilBtn a.linkBtn1 {
    position: relative;
    width: 200px;
    line-height: 50px;
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
    color: #FFFFFF;
    background-color: #3c6eea;
}
.wrapper > .titleArea .utilBtn a.linkBtn1::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/icon-linkgo.png) no-repeat;
    background-size: 100%;
}
.wrapper > .titleArea .utilBtn a.kakaoCh{
    width: 240px;
    padding-top: 10px;
    background-color: #f4f6f9;
    font-weight: bold;
    border-radius: 25px;
}
.wrapper > .titleArea .utilBtn a.kakaoCh > span{
    padding-left: 13px;
}
.wrapper > .titleArea .utilBtn a.kakaoCh > img{
    width: 55px;
    margin-top: -14px;
}
.wrapper > .titleArea .utilBtnLeft{
    left: 0;
    /*right: 100% !important;*/
}

.vision,
.vision span img {
    width: 100%;
}
.vision span.mobile {
    display: none;
}

.pageInfo-img {
    position: relative;
    padding: 50px;
    padding-left: 230px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 30px;
}
.pageInfo-img::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 145px;
    height: 145px;
    background: url(../images/img-global-jn.png) no-repeat;
    background-size: 100%;
}
.pageInfo-img > p {
    font-size: 1.3rem;
    margin-bottom: 10px;
    color: #777;
}
.pageInfo-img strong {
    color: #212121;
}
.pageInfo-imgBox {
    padding: 20px;
    background-color: #f4f6f9;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 50px;
}
.pageInfo-imgBox div {
    padding: 5px;
    text-align: center;
}
.pageInfo-imgBox div:last-child {
    margin-top:10px;
}
    /*
    .pageInfo-imgBox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding: 20px;
      background-color: #f4f6f9;
      border: 1px solid #eee;
      border-radius: 5px;
      margin-bottom: 30px;
    }
    .pageInfo-imgBox div {
      width: 13%;
      text-align: center;
    }
    .pageInfo-imgBox div:nth-child(2) {
      flex-grow: 1;
      padding: 10px;
      text-align: left;
      font-size: 1.125rem;
    }
    .pageInfo-imgBox div:last-child {
      width: 25%;
      text-align: center;
    }
    .pageInfo-imgBox .circleImg {
      display: inline-block;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      border: 1px solid #ccc;
      overflow: hidden;
    }
    */

/* 20240329 해외건설저널*/
.journal_wrap {
    background-color: #f4f6f9;
    padding: 70px;
}
.journal_box {
    position: relative;
    padding-left: 20px;
}
.journal_box dt{
    display: block;
    margin-bottom: 5px;
    font-size: 3rem;
    font-weight: 600;
    color: #212121;
    transition: 0.3s;
}
.journal_box dt p{
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.0rem;
    font-weight: 300;
    color: #212121;
    transition: 0.3s;
}
.journal_img{
    height: 354px;
    width: 321px;
    float:left;
}
.journal_img .img{
    background: url(../images/journal_back.gif) no-repeat left bottom;
    background-size: 321px;
    margin: 0 auto;
    text-align: center;
}

.journal_img .img img {
    width: 250px;
    height: 354px;
    margin: 0 auto;
    text-align: center;
    border: solid 1px #cececf;
}

.journal_box dd.pt100{
    padding-top: 120px;
}
.journal_box dd.pt100 span{
    padding-right: 30px;
}
/* 20240329 해외건설저널 end*/

.searchArea {
    background-color: #f4f6f9;
    padding: 30px;
}
.searchArea .optionArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.searchArea .optionArea.online > div:first-child {
    flex-grow: 0;
}
.searchArea .optionArea.online > div:last-child {
    flex-grow: 1;
    width: 60%;
}
.searchArea .optionArea.online .totalSearch {
    margin-top: 0;
}
.searchArea .optionArea.online .totalSearch input[type="text"] {
    width: 100%;
    line-height: 48px;
}
.searchArea .optionArea.three > div {
    width: 32%;
}
.searchArea .optionArea.two > div {
    width: 49%;
}
.searchArea .optionArea label {
    display: inline-block;
    width: 70px;
    line-height: 50px;
    font-size: 16px;
    background-color: #e2e5ea;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}
.searchArea .optionArea input[type="text"],
.searchArea .optionArea select {
    width: calc(100% - 75px);
    line-height: 48px;
}
.searchArea .optionArea select.half {
    width: 50%;
}
.searchArea .optionArea .dateBox,
.searchArea .optionArea .labelType {
    display: inline-block;
    width: calc(100% - 75px);
    background: #fff;
    vertical-align: top;
    border: 1px solid #999;
    border-radius: 3px;
    padding-left: 5px;
}
.searchArea .optionArea .dateBox > span {
    display: inline-block;
    margin-top: 10px;
}
.searchArea .optionArea .labelType {
    background-color: none;
    padding-left: 15px;
}
.searchArea .optionArea .labelType label {
    background-color: rgba(0, 0, 0, 0);
    margin-right: 10px;
}
.searchArea .optionArea label.noBg {
    background-color: rgba(0, 0, 0, 0);
    width: 25%;
    text-align: left;
}
.searchArea .optionArea .mgl {
    margin-left: 5px;
}

.searchArea .optionArea input[type="date"],
.searchArea .optionArea input[type="month"] {
    line-height: 46px;
    width: 46%;
    padding: 0 5px;
    color: #999;
    border: none;
}
.searchArea .optionArea .onlyInput {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 70px);
}
.searchArea .optionArea .onlyInput select {
    flex-grow: 1;
    margin-left: 5px;
}

.searchArea .totalSearch {
    position: relative;
    width: 100%;
}
.searchArea .totalSearch input[type="text"] {
    width: 100%;
    line-height: 48px;
}
.searchArea .totalSearch a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #1748c7 url(../images/btn-search.svg) no-repeat center center;
    background-size: 30px;
    border-radius: 0 3px 3px 0;
    text-indent: -9999px;
    transition: 0.3s;
}
.searchArea .totalSearch a:hover {
    background-color: #0f328d;
}
.searchArea .totalSearch .fullSize {
    position: relative;
    width: 100%;
    line-height: 55px;
    border-radius: 3px;
    background: #1748c7 url(../images/btn-search.svg) no-repeat center right 20px;
    background-size: 30px;
    text-indent: 0;
    color: #fff;
    text-align: center;
}
.searchArea .optionArea.exc {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
}

.pageInfo {
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}
.pageInfo ul {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 0.889rem;
}
.joinPageInfo ul  li {
    list-style: disc !important;
}
.pageInfo ul li {
    position: relative;
    padding-left: 2px;
    font-weight: 400;
    list-style: decimal;
}
.pageInfo ul li::marker {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.joinPageInfo{
    margin-top: 30px;
}
.agreeBox{
    font-weight: normal;
    margin-top: 20px;
}
/*
.pageInfo ul li::before {
    content: "-";
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
}
*/

.content {
    margin-top: 30px;
}
.content .lsit-on-Btn {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 35px;
    border: 1px solid var(--nm-bg);
    line-height: 48px;
    vertical-align: middle;
    border-radius: 3px;
    color: #333;
    transition: 0.3s;
}
.content .lsit-on-Btn::after {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/icon-download.png) no-repeat;
    background-size: 100%;
}
.content .lsit-on-Btn:hover {
    background-color: #eee;
}

.normalWrap h3 {
    position: relative;
    font-size: 1.5rem;
    padding-top: 5px;
    margin-bottom: 20px;
}
.normalWrap h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    background: #006cb8;
}
.normalWrap .housingSupOCW::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    margin-top: -4px;
    background: #006cb8;
}
.normalWrap h4 {
    font-size: 1.225rem;
    margin-bottom: 15px;
}
.normalWrap h4 .num {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    background: #36f;
    font-size: 0.889rem;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    margin: 2px 5px 0 0;
}
.normalWrap h4 > span {font-weight: normal;}
.normalWrap .mdBox {
    margin-bottom: 50px;
}
.normalWrap .mdBox .pStep {
    text-indent: -9999px;
    background: url(../images/pStep-img.png) no-repeat center center;
    height: 220px;
}
.normalWrap .mdBox .fullImg > img {
    width: 100%;
    margin-top: 20px;
}
.normalWrap .mdBox .indent {
    margin-left: 10px;
    line-height: 1.5rem;
}
.normalWrap .mdBox .indentNum {
    margin-left: 35px;
}
.normalWrap .mdBox > ul > li {
    position: relative;
    padding: 5px 0 5px 18px;
    color: #333;
}
.normalWrap .mdBox > ul > li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 16px;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 5px;
}
.normalWrap .mdBox > ul > li ul {
    margin-top: 5px;
    margin-left:20px;
}
.normalWrap .mdBox > ul > li ul > li,
.normalWrap .mdBox ol.numType li ul > li {
    list-style: none;
    position: relative;
    padding: 2px 0 2px 12px;
    font-size: 0.89rem;
}
.normalWrap .mdBox > ul > li ul > li::before,
.normalWrap .mdBox ol.numType li ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 2px;
    background-color: #333;
}
.normalWrap .mdBox ol.numType {
    margin-top: 10px;
}
.normalWrap .mdBox ol.numType li {
    list-style: inside decimal;
    padding: 5px 0;
}
.normalWrap .mdBox ol.numType li ul {
    margin-top: 5px;
    margin-left: 20px;
}

.normalWrap .mdBox .imgBox {
    border: 1px solid #e9e9e9;
    text-align: center;
    padding: 40px;
    margin-top: 30px;
}
.normalWrap .mdBox > ul.boxType {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.normalWrap .mdBox > ul.boxType > li {
    width: 49%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 30px;
}
.normalWrap .mdBox > ul.boxType > li > p {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 15px;
}
.normalWrap .mdBox > ul.boxType > li > p > span {
    display: inline-block;
    width: 26px;
    line-height: 26px;
    border-radius: 50%;
    background-color: #6d7bac;
    margin-right: 5px;
    text-align: center;
    color: #fff;
}
.normalWrap .mdBox > ul.boxType > li::before {
    display: none;
}
.normalWrap .mdBox > ul.boxType > li a {
    text-decoration: underline;
}
.normalWrap .mdBox > ul.boxType p.boxTxt {
    font-size: 16px;
    color: #0A7F83;
    margin-left: 20px;
}

.normalWrap .mdBox .classTitle {
    display: block;
    background:#5d54cf;
    font-size:1.125rem;
    color:#fff;
    padding:15px 23px;
    margin-bottom: 10px;
    border-radius: 25px;
}
.normalWrap .mdBox .classTitle.blue {
    background: #1894eb;
}
.normalWrap .mdBox .classTitle.olive {
    background: #609d3b;
}
.normalWrap .mdBox .classTitle.orange {
    background: #ff5d5d;
}
.normalWrap .mdBox .classText {
    padding:10px 25px 10px 25px;
    margin-bottom:10px;
    border-radius: 5px;
    font-size:0.889rem;
    font-weight: 400;
    background: #eee;
}
.normalWrap .mdBox a.udline {
    display: inline-block;
    background: #f0f0f0;
    border-bottom: 1px solid #999;
    color: #0b8d85;
}
.normalWrap.halfFull {
    display: flex;
    flex-wrap: wrap ;
    justify-content: space-between;
}
.normalWrap.halfFull > section {
    width:47%;
}

.normalWrap .mdBox > ul.caseBox > li {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
}
.normalWrap .mdBox > ul.caseBox > li:nth-child(2) {
    margin: 15px 0;
}
.normalWrap .mdBox > ul.caseBox > li::before {
    display: none;
}
.normalWrap .mdBox > ul.caseBox > li > p {
    color: #fff;
    background: #3067d7;
    padding: 15px 30px;
    border-radius: 8px;
}
.normalWrap .mdBox > ul.caseBox > li > p:before {
    content: '\25D1';
    font-size: 18px;
    display: inline-block;
    margin-right: 5px;
    opacity: .5;
}
.normalWrap .mdBox > ul.caseBox > li:nth-child(2) > p {
    background: #21aacc;
}
.normalWrap .mdBox > ul.caseBox > li:nth-child(3) > p {
    background: #77b13e;
}
.normalWrap .mdBox > ul.caseBox > li > p.etc {
    background: #6f7e97;
}
.normalWrap .mdBox > ul.caseBox > li > ul {
    margin: 15px 33px;
}
.normalWrap .mdBox > ul.caseBox > li > ul > li {
    padding-top: 5px;
}
.normalWrap .mdBox > ul.caseBox > li ul > li::before {
    top: 17px;
}

.sort {
    display: flex;
    justify-content: space-between;
    font-size: 0.889rem;
    color: #999;
}
.sort strong {
    color: #212121;
}
.sort .count {
    padding-top: 15px;
}
.sort .count span {
    display: inline-block;
    border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 10px;
    line-height: 0.8rem;
}
.sort select {
    line-height: 48px;
}
.sort .solo {
    width: 100%;
    text-align: right;
}

.normalListWrap {
    padding: 20px 0;
}
.multiListWrap {
    padding: 0;
}

.normalList {
    border-top: 1px solid #888c95;
}
.normalList > li > a {
    display: block;
    padding: 35px 30px;
    font-size: 1.222rem;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    transition: 0.3s;
}
.normalList > li > a .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.normalList > li > a .title > u > img {
    vertical-align: top;
    margin: 2px 5px 0 0;
}
.normalList > li > a .title .adress {
    font-size: 16px;
    color: #555;
    margin-top: 10px;
    white-space: normal;
}
.normalList > li > a .title .adress::before {
    content: url(../images/adress.svg);
    display: inline-block;
    width: 23px;
    vertical-align: middle;
}
.normalList > li > a .info {
    font-size: 16px;
    color: #999;
    font-weight: 400;
    margin-top: 15px;
}
.normalList > li > a .info > p {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 12px;
}
.normalList > li > a .info > .answerCheck {
    padding: 0 20px;
    margin-right: 10px;
    line-height: 2rem;
    background-color: #ccc;
    border-radius: 20px;
    color: #fff;
}
.normalList > li > a .info > .answerCheck.ok {
    background-color: var(--nm-bg);
    color: #fff;
}
.normalList > li > a .info > p > span {
    display: inline-block;
    padding: 1px 7px;
    margin: 0 4px 3px 0;
    line-height: 1.125rem;
    border-radius: 30px;
    background-color: rgba(238,238,238,1);
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: .2s;
}
.normalList > li > a .info p::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #ddd;
}
.normalList > li > a .info > p:last-child {
    padding-right: 0;
    margin-right: 0;
}
.normalList > li > a .info > p:last-child::after,
.normalList > li > a .info > .answerCheck::after {
    display: none;
}
.normalList li > a:hover {
    background-color: #21283a;
    padding: 50px 30px;
    color: #fff;
}
.normalList li > a:hover .title {
    border-color: rgba(255, 255, 255, 0.15);
}
.normalList li > a:hover .title .adress {
    color: #aaa;
}
.normalList li > a:hover span {
    background-color: rgba(238,238,238,.2) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
.normalList > li > a:hover .info p::after {
    background-color: rgba(255, 255, 255, 0.2);
}

.multiList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.multiList li {
    width: 48%;
    margin: 20px 0;
    transition: 0.3s;
}
.multiList li > a {
    display: block;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 40px;
    transition: 0.3s;
}
.multiList li > a .title {
    color: #999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 0.89rem;
}
.multiList li > a .title > strong {
    display: block;
    margin-bottom: 5px;
    font-size: 1.22rem;
    font-weight: 500;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
}
.multiList li > a .title p > span {
    display: inline-block;
    border-right: 1px solid #ddd;
    line-height: 0.8rem;
    padding-right: 12px;
    margin-right: 12px;
}
.multiList li > a .detail {
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #777;
}
.multiList li > a.widthPic {
    display: flex;
    cursor: default;
}
.multiList li > a.widthPic.horizontal {
    display: flex;
    cursor: pointer;
}
.multiList li > a.widthPic .picArea {
    width: 140px;
    margin-right: 20px;
}
.multiList li > a.widthPic .picArea > img {
    width: 100%;
    border:1px solid #ccc;
}
.multiList li > a.widthPic .info {
    width: calc(100% - 130px);
}
.multiList li > a.widthPic .title {
    color: #999;
    border: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 0.89rem;
}
.multiList li > a.widthPic .file {
    margin-top: 20px;
}
.multiList li > a.widthPic .file button {
    padding: 10px 20px;
    border: 1px solid var(--nm-bg);
    border-radius: 3px;
    background-color: var(--nm-bg);
    color: #fff;
}
.multiList li > a.widthPic:hover .file button {
    transition: 0.3s;
}
.multiList li > a.widthPic:hover .file button:hover {
    border-color: rgba(255, 255, 255, 0.8);
}
.multiList li > a.widthPic .detail {
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #777;
}
.multiList li > a.widthPic.horizontal .picArea {
    width: 35%;
    margin-right: 20px;
}
.multiList li > a.widthPic.horizontal .info {
    width: 65%;
}
.multiList li > a.widthPic.horizontal .info .title strong {
    display: block;
    height: 65px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.multiList li > a.widthPic.horizontal .detail {
    font-size: 16px;
    height: 70px;
}
.multiList li:hover {
    width: 50%;
}
.multiList li > a:hover {
    background-color: #21283a;
    border: 1px solid #21283a;
    padding: 50px;
}
.multiList li > a:hover .title {
    border-color: rgba(255, 255, 255, 0.15);
}
.multiList li > a:hover .title > strong {
    color: #fff;
}
.multiList li > a:hover .title p > span {
    border-color: #555;
}

.galleryList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:20px;
    margin:0 auto;
    margin-top:20px;
}
.galleryList li {
    width: calc(20% - 20px);
    transition: 0.3s;
    border: 1px solid #dddddd;
    border-radius: 5px;
}
.galleryList li > a {
    position: relative;
    display: block;
    height: 100%;
    padding: 40px 10px;
    padding-bottom:70px;
    border-radius: 5px;
    font-size: 0.89rem;
    text-align: center;
    transition: 0.3s;
}
.galleryList li > a::before {
    content: '';
    position: absolute;
    left:50%;
    right:50%;
    top:0;
    bottom:0;
    background-color: #21283a;
    opacity: 0;
    transition: .3s;
    z-index: -1;
}
.galleryList li:hover > a::before {
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity: 1;
}
.galleryList li:hover > a {
    color: #fff;
}
.galleryList li > a .imgArea {
    height: 160px;
    overflow: hidden;
}
.galleryList li > a .imgArea > img {
    height: 100%;
}
.galleryList li > a .textArea {
    padding: 20px 0;
}
.galleryList.eduAdd li > a .textArea {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    padding-left: 10px;
}
.galleryList.eduAdd li > a .btnDownload,
.galleryList.eduAdd li > a .btnDownload > button {
    width: 100% !important;
}
.galleryList li > a .textArea p.info {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    color: #999;
    margin-top: 5px;
}
.galleryList li > a .textArea p.info strong {
    display: inline-block;
    margin-right: 7px;
}
.galleryList li > a .btnDownload {
    position: absolute;
    bottom: 20px;
    left:50%;
    transform: translateX(-50%);
    height: 50px;
    text-align: center;
}
.galleryList li > a .btnDownload > button {
    display: block;
    max-width: 120px;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    background-color: var(--nm-bg);
    border: 1px solid var(--nm-bg);
    border-radius: 3px;
    font-size: 0.89rem;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}
.galleryList li > a .btnDownload > button:hover {
    border: 1px solid rgba(255, 255, 255, 0.8);
}
.galleryList li .stateArea {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #ccc;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
    margin: 0 20px;
}
.galleryList li .stateArea span {
    display: block;
}
.galleryList li .stateArea.orange {
    background-color: #ff9900;
}
.galleryList li .stateArea.blue {
    background-color: #428bee;
}
.galleryList li .stateArea.green {
    background-color: #07cb71;
}

.galleryList.newsType li {
    width: 18%;
}
.galleryList.newsType li > a .galTitle {
    padding: 20px 0;
    font-size: 1rem;
}
.galleryList.newsType li > a .detail {
    color: #999;
}

.simpleGallery {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.simpleGallery > li {
    width: 20%;
    padding: 5px;
}
.simpleGallery > li > div {
    display: flex;
    flex-direction: column;
    border:1px solid #ddd;
    border-radius: 5px;
    padding: 30px 10px;
    height: 100%;
}
.simpleGallery > li > div div:nth-child(1) {
    order: 1;
}
.simpleGallery > li > div div:nth-child(2) {
    order: 3;
}
.simpleGallery > li > div button {
    order: 2;
    display: block;
    line-height: 30px;
    margin: 3px auto;
    font-size: 12px;
}
.simpleGallery > li > div h5 {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 10px;
    text-align: center;
}
.simpleGallery li > div .imgArea {
    width: 102px;
    height: 126px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.simpleGallery > li > div .imgArea > img {
    width: 100%;
    vertical-align: middle;
}
.simpleGallery > li > div .detail {
    text-align: center ;
    margin-top:10px;
}
.simpleGallery > li > div .detail > strong {
    display: block;
}
.simpleGallery > li > div .detail > span {
    display: block;
    font-size: 14px;
    color:#999;
}
.simpleGallery > li > div .detailGray {
    border-top:1px solid #ddd;
    margin-top: 20px;
    padding: 25px;
    padding-bottom:0;
}
.simpleGallery > li > div .detailGray strong {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}
.simpleGallery.historyBox h5 {
    font-size: 1.125rem;
}
.simpleGallery.historyBox > li > div {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}
.simpleGallery.historyBox > li > div::before {
    content: '';
    position: absolute;
    left: 0;
    top: 180px;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: -1;
}
.simpleGallery.historyBox li > div .history-imgArea {
    order: 1 !important;;
    width: 100%;
    height: auto;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.simpleGallery.historyBox > li > div .history-imgArea > img {
    width: 100%;
    vertical-align: middle;
}
.simpleGallery.historyBox > li > div .detailGray {
    order: 2 !important;
    border: none;
    padding: 20px 20px 10px 20px;
}
.simpleGallery.historyBox > li > div .detailGray strong {
    margin-bottom: 0;
    font-size: 16px;
}
.simpleGallery.historyBox > li > div .detailGray .smallList {
    margin-left: 8px;
}
.simpleGallery.historyBox > li > div .detailGray .smallList li {
    margin-bottom: 5px;
    color: #515151;
}
.simpleGallery.historyBox > li > div .detailGray strong {
    position: relative;
    display: block;
    padding-left: 7px;
    font-weight: 600;
    text-align: left;
}
.simpleGallery.historyBox > li > div .detailGray strong::before {
    content: '';
    position: absolute;
    left:0;
    top:13px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
}
.simpleGallery.historyBox.giccAdd > li > div {
    padding:30px 0 20px 0;
}
.simpleGallery.historyBox.giccAdd > li > div .detailGray strong {
    font-weight: normal;
    font-size: 16px;
}

.dlList {
    border-top: 1px solid #ddd;
}
.dlList li {
    border-bottom:1px solid #ddd;
    padding:0 !important;
}
.dlList li::before {
    content: "";
    position: absolute;
    left: 20px !important;
    top: 30px !important;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 5px;
}
.dlList li dl{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.dlList li dl dt, .dlList li dl dd {
    padding: 20px;
    padding-left: 30px;
}
.dlList li dl dt {
    width: 150px;
    font-weight: 600;
    background-color: #f6f6f6;
}
.dlList li dl dd {
    width: calc(100% - 150px);
}

.mdBiz {
    margin-top: 20px;
}
.mdBiz > dl {
    display: flex;
    align-items: center;
    padding: 15px 0;
    margin: 0 0 0 20px;
    border-top: 1px solid #eee;
}
.mdBiz > dl:last-child {
    border-bottom: 1px solid #eee;
}
.mdBiz > dl dt {
    width: 95px;
    background-color: #333;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}
.mdBiz > dl dd {
    padding-left: 20px;
}
.mdBiz > dl dd span {
    display: inline-block;
    margin-right: 15px;
}
.mdCorp-img span.mobile {
    display: none;
}

.borderBox {
    margin-left:10px;
}
.stepDownsize {
    display: flex;
    justify-content: space-around;
    margin:0 auto;
    margin-bottom: 5px;
    text-align: center;
}
.stepDownsize li {
    display: flex;
    justify-content: left;
    width: 16.6%;
    padding: 0 !important;
}
.stepDownsize li::before {
    display: none;
}
.stepDownsize li::after {
    content: '';
    display: block;
    width: 40px;
    height: 100%;
    background: url(/images/arrow-step.png) no-repeat center center;
}
.stepDownsize li:last-child::after {
    background: none;
}
.stepDownsize li > div {
    position: relative;
    width: calc(100% - 40px);
    height: 120px;
    background-color: #333;
    padding:0 10px !important;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
}
.stepDownsize li > div > p {
    position: absolute;
    width: 100%;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 10px;
}
.step-auth{ padding-bottom: 20px;}
.step-auth-m{
    display: none;
}
.login_label{ margin-left: 20px;}
.bigPic {
    width: 102px;
    border :1px solid #ddd;
    border-radius: 3px;
    background: #f5f5f5;
    margin-top: 3px;
    transition: .3s;
}
.bigPic:hover {
    background: #e5e5e5;
    border-color:#bbb;
}
.bigPic::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background:url('/images/bigView.svg') no-repeat center center;
    background-size: 100%;
    vertical-align: middle;
    margin-left:3px;
}
.bigPic.job {
    min-width: 130px !important;
    line-height: 40px;
    font-size: 15px;
    border:1px solid #555;
}
.bigPic.job::after {
    margin-bottom: 3px;
}

.pic-modal {
    display: none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 10000;
}
.pic-modal .pic-modal-inner {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) ;
    width: 490px;
    height: auto;
    background: #fff;
    border:none;
}
.pic-modal .pic-modal-inner > img {
    width: 100%;
}
.pic-modal .pic-modal-inner .closePic {
    position: absolute;
    right: -60px;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: #1856bc;
    border: none;
    border-radius: 50%;
    padding: 12px;
}
.pic-modal .pic-modal-inner.listType {
    padding: 20px;
    border-radius: 20px;
}
.pic-modal .pic-modal-inner.listType >ol > li {
    border-bottom:1px solid #ddd;
    padding:5px 0;
    list-style: disc;
    list-style-position: inside;
}
.pic-modal .pic-modal-inner.listType >ol > li:last-child {
    border:none;
}

.jobTitle {
    display: flex;
    justify-content: space-between;
}

.aco_list {
    padding: 0;
}
.aco_list li {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 10px 0;
}
.aco_list li a {
    display: block;
    position: relative;
    min-height: 70px;
    padding: 23px 60px 23px 75px;
    color: #222;
    transition: 0.3s;
}
.aco_list li a::after {
    content: "+";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 1.25rem;
    text-align: center;
}
.aco_list li a span.num {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 23px;
    min-width: 30px;
    line-height: 30px;
    padding: 0 3px;
    background-color: #265de8;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.aco_list li a span.num::before {
    content: "Q";
    font-weight: bold;
}
.aco_list li a:hover,
.aco_list li a.active {
    background-color: #f0f0f0;
}
.aco_list li a.active {
    border-bottom: 1px solid #ddd;
}
.aco_list li a.active::after {
    content: "-";
}
.aco_list li .text_box {
    display: none;
    padding: 0 30px 10px 30px;
    color: #555;
}
.aco_list li .text_box .qContents {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    color: #999;
}
.aco_list li .text_box .answer {
    position: relative;
    padding: 20px;
    padding-left: 40px;
}
.aco_list li .text_box .answer::before {
    content: "A";
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 30px;
    line-height: 30px;
    border-radius: 5px;
    background-color: #ff9900;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

li.noData {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    margin: 20px 0 0;
    background: #f0f0f0;
}

.enrollList {
    border-top: 1px solid #999;
    font-size: 16px;
}
.enrollList tr:hover {
    background-color: #f9f9f9;
}
.enrollList th,
.enrollList td {
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.enrollList th {
    background-color: #f0f0f0;
}
.enrollList th {
    width: 13%;
}
.enrollList th:first-child {
    width: 10%;
}
.enrollList th:nth-child(2) {
    width: 45%;
}
.enrollList th:last-child {
    width: 19%;
}
.enrollList td.title {
    font-size: 1rem;
    text-align: left;
}
.enrollList td .btn {
    display: inline-block;
    padding: 0 15px;
    border-radius: 3px;
    line-height: 40px;
    background-color: #384f8a;
    border: 1px solid #384f8a;
    font-size: 16px;
    color: #fff;
}
.enrollList td .btn.register {
    background-color: #fff;
    border: 1px solid var(--nm-bg);
    color: var(--nm-bg);
}
.enrollList td .btn.close {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #999;
}

.asisInfo {
    padding-bottom: 20px;
}
.asisTable {
    padding: 0;
    margin-bottom: 30px;
}
.asisTable .fl {
    display: inline-block;
    width: 50%;
    text-align: left;
}
.asisTable .fr {
    display: inline-block;
    width: 49%;
    text-align: right;
}
.asisTable .fr {
    padding-bottom: 20px;
}
.asisTable .fr span {
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}
.asisTable .tl {
    text-align: left;
}

table.stat,
table.list,
table.data {
    width: 100%;
    border-top: 3px solid #265de8;
}
table.stat tr.total,
table.stat tr.total th,
table.stat tr.total1,
table.stat tr.total1 th {
    background-color: #fff0d1;
}
table.stat tr.group {
    background-color: #e9eef8;
}
table.stat th,
table.stat td {
    border: 1px solid #ccc;
    padding: 10px;
}
table.stat th {
    background-color: #e9eef8;
    font-weight: 500;
}
table.stat .bold {
    display: block;
    text-align: left;
    font-weight: 500;
    padding-left: 20px;
}
table.stat td {
    text-align: right;
}
table.stat.corp td:first-child,
table.stat.corp td:nth-child(2),
table.stat.corp td:last-child {
    text-align: left;
    padding-left: 15px;
}
table.stat.corp tr.total td {
    text-align: right;
}
table.list th,
table.list td,
table.data th,
table.data td {
    padding: 15px;
    font-size: 0.899rem;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
}
table.list th:first-child,
table.list td:first-child,
table.data th:first-child,
table.data td:first-child{
    border-left: 1px solid #d4d9e0
}
table.list th,
table.data th{
    background-color: #e9eef8;
    font-weight: 500;
}
table.list .tl,
table.data .tl {
    border-left:1px solid #ccc !important;
}

.inChart {
    margin: 30px 0 10px 0;
}
section.graph {
    height: auto;
    padding: 5px 0;
    border: solid 1px #e0e0e0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.csBox {
    display: flex;
    border: 1px solid #ddd;
    align-items: center;
    border-radius: 5px;
    padding: 40px;
    margin-top: 40px;
    background-color: #f9f9f9;
}
.csBox .left {
    width: 20%;
    text-align: center;
    font-weight: 600;
    align-self: center;
    border-right: 1px solid #ddd;
}
.csBox .left::before {
    content: "";
    display: block;
    width: 87px;
    height: 87px;
    background: url(../images/img-bt-cs.png) no-repeat center center;
    background-size: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.csBox .right {
    width: 75%;
    padding-left: 50px;
}
.csBox .right > strong {
    display: block;
    font-size: 1.25rem;
    color: #1348d0;
    margin-bottom: 7px;
}
.csBox .right ul li {
    margin-bottom: 5px;
    font-size: 1rem;
}
.csBox .right ul li span {
    display: inline-block;
    width: 50px;
    padding: 3px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-weight: 600;
    text-align: center;
}
.csBox u {
    text-decoration: none;
}
.csBox .right.admins {
    align-items: center;
}
.csBox .right.admins strong {
    font-size: 1.125rem;
    margin-bottom: 7px;
}
.csBox .right.admins > ul {
    margin-bottom: 15px;
}
.csBox .right.admins > ul:last-child {
    margin-bottom: 0;
}

ul.members {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
ul.members > li {
    display: flex;
    width: 48.5%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 40px 25px;
}
ul.members > li div.logo {
    width: 30%;
    padding-right: 20px;
}
ul.members > li div.logo .inner {
    position: relative;
    height: 120px;
    border: solid 1px #ececec;
}
ul.members > li div.cnt {
    position: relative;
    width: 68%;
}
ul.members > li div.logo .inner .box img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
}
ul.members > li .cnt dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 0.899rem;
}
ul.members > li .cnt dl dt,
ul.members > li .cnt dl dd {
    margin-top: 5px;
}
ul.members > li .cnt dl dt {
    width: 20%;
    font-weight: 600;
}
ul.members > li .cnt dl dt::before {
    content: "·";
    display: inline-block;
    margin-right: 5px;
}
ul.members > li .cnt dl dd {
    width: 80%;
    padding-left: 5px;
}
ul.members > li .cnt .sjt {
    font-size: 20px;
    font-weight: 600;
}
ul.members > li .cnt .eng {
    display: block;
    font-size: 0.899rem;
    font-weight: normal;
    color: #aaa;
    margin-bottom: 10px;
}
ul.members > li .cnt dl dd a {
    text-decoration: underline;
}

ul.smallList {
    width: 100%;
}
ul.smallList li {
    position: relative;
    font-size: 14px;
    padding-left:8px;
}
ul.smallList li::before {
    content: '';
    position: absolute;
    left:0;
    top:10px;
    width:5px;
    height:1px;
    background: #333;
}

ul.stepBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.stepBox > li {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 10px);
    border:1px solid #ddd;
    border-radius: 5px;
    padding: 30px !important;
    margin-bottom:20px;
}
ul.stepBox > li::before {
    display: none;
}
ul.stepBox > li > div {
    width: 25%;
    text-align: left;
}
ul.stepBox > li > div > p {
    font-weight: 500;
    padding-left:5px;
}
ul.stepBox > li > ul {
    width:75%;
}
ul.stepBox > li > ul > li {
    margin-bottom: 5px;
}

.greeting {
    width: 80%;
    margin: 0 auto;
    line-height: 1.6rem;
}
.greeting strong {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 50px;
}
.greeting .textImg {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}
.greeting .textImg .webv {
    display: block;
}
.greeting .mobv {
    display: none;
}
.greeting .textImg .btnHistory {
    text-align: right;
}
.greeting .history {
    padding: 0 30px;
    margin-top: 10px;
    line-height: 35px;
    background-color: #0f328d;
    border-radius: 5px;
    color: #fff;
    transition: 0.3s;
}
.greeting .textImg .history:hover {
    background-color: #111;
}
.greeting .text {
    margin-top: 40px;
}
.newYear {
    border: 5px solid #1995ec;
    padding: 40px;
    margin-top: 30px;
    font-size: 2rem;
    text-align: center;
    line-height: 2.5rem;
}

.gChart {
    position: relative;
}
.gChart a {
    display: block;
    position: absolute;
}
.trilion_img_w {
    display: block;
    padding-bottom: 30px;
}
.trilion_img_m {
    display: none;
    padding-bottom: 30px;
}
.trilion_img_m img {
    width: 100%;
}
.gChart-w {
    display: block;
}
.gChart-w a {
    top: 224px;
    width: 315px;
    height: 67px;
}

.gChart-m {
    display: none;
}

.gChart-m a {
    left: 50%;
    transform: translateX(-40%);
    width: 120px;
    height: 30%;
}
.gChart-m img {
    width: 100%;
}

.sort .link {
    display: inline-block;
    position: relative;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    transition: 0.3s;
}
.sort .link::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../images/icon-link.png) no-repeat center center;
    background-size: 100%;
    margin: 0 0 4px 7px;
}
.sort .link:hover {
    background: #e7f5f7;
    border-color: #1995ec;
}

.normalView {
    border-top: 2px solid #777;
}
.normalView th,
.normalView td {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 0.889rem;
}
.normalView th {
    width: 12%;
    background-color: #f9f9f9;
    font-weight: normal;
    color: #717171;
}
.normalView td.title {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 30px 10px;
}
.normalView td.detail {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 30px 10px;
}
.normalView td.detail img {
    max-width: 100%;
    margin: 10px 0;
}
.normalView td.link a,
.normalView td.download a {
    display: block;
    position: relative;
    text-decoration: underline;
    margin: 3px 0;
}
.normalView td.link a::after,
.normalView td.download a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
}
.normalView td.link a::after {
    background: url(../images/icon-link.png) no-repeat center center;
    background-size: 100%;
    margin: 3px 0 0 7px;
}
.normalView td.download a::before {
    background: url(../images/icon-download.png) no-repeat center center;
    background-size: 100%;
    margin: 6px 7px 0 0;
}
.normalView td.htmlEditor {
    padding: 10px 0;
    text-align: center;
}
.normalView td.chkTd label {
    margin-right: 20px;
}
.normalView td span.add {
    display: inline-block;
    margin-left: 10px;
    color: #777;
}
.normalView td span.add.red {
    color: #cf6527;
}
.normalView input[type="text"],
.normalView input[type="password"] {
    line-height: 40px;
}
.normalView input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
}
.normalView td input.title {
    width: 80%;
}
.normalView span.pname {
    position: relative;
    display: inline-block;
    width: 90px;
    font-size: 0.8rem;
}
.normalView span.pname::after {
    content: ':';
    position: absolute;
    right: 0;
}

.regiWrap {
    padding: 20px 0;
}
.regiWrap .classTitle {
    font-size: 1.75rem;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
}
.regiWrap .classTitle > span {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #333;
}
.mdBox .yellow{ color:#fffc00; font-size: 1rem;}
.mdBox .title_01{ padding-top: 20px; margin-bottom: 10px; position: relative; text-align: center}
.mdBox .title_01 img{width:475px;}
.title_02{clear: both; padding-top: 20px; padding-bottom: 20px;}
.title_03{padding-bottom: 30px; text-align: center;}
.title_03 span{ display: none;}
.mdBox .schedule_list_l{
    width: 50%;
    font-size: 0.899rem;
    text-align: center;
    float: left;
}
.mdBox .schedule_list_l td, .mdBox .schedule_list_l th{
    padding: 10px;
    font-size: 0.899rem;
    border-bottom: solid 3px #ffffff;
}
.mdBox .schedule_list_l td.tl{
    text-align: left;
}
.mdBox .schedule_list_l th.back_blue{
    background-color:#2665b4;
    color: #ffffff;
}
.mdBox .schedule_list_l th.back_sky{
    background-color:#2ab9d7;
    color: #ffffff;
}
.mdBox .schedule_list_l td.back_sky_01{
    background-color:#e0f3f9;
}
.mdBox .schedule_list_l td.back_sky_01{
    background-color:#e0f3f9;
}
.mdBox .schedule_list_l tr.gray{
    background-color:#f4f4f4;
}
.regiWrap h4 {
    position: relative;
    padding: 10px 10px;
    font-size: 20px;
    font-weight: 500;
}
.regiWrap h4::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 17px;
    background-color: var(--nm-here);
}
.regiWrap h4 .add {
    position: absolute;
    top: 0;
    right: 0;
}
.regiWrap input,
.regiWrap select {
    border: 1px solid #999;
    border-radius: 3px;
    line-height: 35px;
    font-size: 15px;
    margin: 3px 0;
}
.regiWrap input[type="text"],
.regiWrap input[type="password"] {
    padding: 0 5px;
}
.regiWrap .input_t{
    padding: 0 5px;
}
.regiWrap input[type="checkbox"] {
    width: 25px;
    height: 25px;
}
.regiWrap input[type="file"] {
    width: 100%;
    border: 1px solid ccc;
    padding: 0 5px;
}
.regiWrap textarea {
    width: 100%;
    border: 1px solid #999;
    border-radius: 3px;
}
.regiWrap .v-table {
    border-top: 1px solid var(--nm-bg);
    font-size: 16px;
}
.regiWrap .v-table th,
.regiWrap .v-table td {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.regiWrap .v-table td > p > span {
    display: block;
    text-align: left;
}
.regiWrap .v-table th:first-child,
.regiWrap .v-table td:first-child {
    border-left: none;
}
.regiWrap .v-table th {
    background-color: #f0f0f0;
    font-weight: 500;
}
.regiWrap .v-table.h-table th,
.regiWrap .v-table.h-table td {
    padding: 15px 10px;
    text-align: center;
}
.regiWrap .v-table .useHouse label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.regiWrap .v-table .photoBox {
    text-align: center;
}
.regiWrap .v-table .photoBox .photo {
    width: 120px;
    height: 160px;
    border: 1px solid #ccc;
    margin: 0 auto;
    overflow: hidden;
}
.regiWrap .v-table .photoBox .btnBox {
    margin-top: 10px;
}
.regiWrap .v-table .photoBox .photo > img {
    width: 100%;
}
.regiWrap .v-table .photoBox button {
    width: 70px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    transition: 0.3s;
}
.regiWrap .v-table .photoBox .btnRegister {
    background-color: rgb(11, 122, 179, 0.7);
}
.regiWrap .v-table .photoBox button:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.regiWrap .v-table .photoBox .btnRegister:hover {
    background-color: rgb(11, 122, 179, 1);
}
.regiWrap .v-table .school p {
    width: 70%;
    margin: 0 auto;
    text-align: left;
}
.regiWrap .v-table .school p input {
    margin-right: 5px;
}
.regiWrap .v-table .wordLength {
    margin-bottom: 10px;
    text-align: right;
    color: #999;
}
.regiWrap .v-table .wordLength > span {
    display: inline-block;
    color: #111;
}
.innerBtn {
    background-color: rgba(0, 0, 0, 0.7);
    width: 80px;
    line-height: 35px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 1px;
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.innerBtn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}
.regiWrap .classFin > strong {
    display: block;
    font-size: 2rem;
    color: #265de8;
}
.regiWrap .classFin {
    position: relative;
    width: 740px;
    margin: 0 auto;
}
.regiWrap .classFin > ul {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 20px 30px;
    margin-top: 30px;
    font-size: 15px;
    text-align: left;
}
.regiWrap .classFin > ul li {
    list-style: disc;
    margin-left: 20px;
    padding: 5px 0;
}
.regiForm {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.regiForm .leftArea {
    position: relative;
    width: 10%;
    background-color: #f0f0f0;
    border-top: 1px solid var(--nm-bg);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.regiForm .leftArea span {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 17px;
    text-align: center;
}
.regiForm > table {
    width: 90%;
}
.regiForm .btnAdd {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.regiForm .btnAdd button {
    position: relative;
    background-color: #f9f9f9;
    border: 1px solid #265de8;
    border-radius: 3px;
    width: 150px;
    line-height: 40px;
    font-size: 16px;
    text-align: left;
    padding-left: 40px;
}
.regiForm .btnAdd button.del {
    border: 1px solid #cc0000;
}
.regiForm .btnAdd button::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.regiForm .btnAdd button.add::before {
    content: "+";
    background-color: #265de8;
}
.regiForm .btnAdd button.del::before {
    content: "-";
    background-color: #cc0000;
}
.regiForm .point {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    color: #ff6600;
    text-align: right;
}

.answerArea {
    border: 1px solid #42444d;
    margin-top: 30px;
}
.answerArea > h3 {
    padding: 10px 20px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ddd;
    font-size: 1rem;
    color: #777;
}
.answerArea > h3 > span {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #ccc;
    font-size: 0.889rem;
    font-weight: 500;
}
.answerArea > div {
    padding: 30px;
}

.faq {
    margin-top: 20px;
    border-top: 1px solid #999;
}
.faq > li {
    position: relative;
    height: auto;
    border-bottom: 1px solid red;
}
.faq > li > div {
    background: #eee;
}
.faq > li .question {
    background-color: #f5f5f5;
    padding: 20px;
}
.faq > li .question .faqBtn {
    width: 30px;
    height: 30px;
    background-color: #000;
}
.faq > li .question .faqBtn.open {
    width: 30px;
    height: 30px;
    background-color: #ff0000;
}
.faq > li .answer {
    position: relative;
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: 0.2s;
    overflow: hidden;
    border: 1px solid blue;
}
.faq > li .answer.open {
    height: auto;
    transform: scaleY(100%);
    padding: 20px;
}

.moveCont {
    margin-top: 40px;
}
.moveCont > ul {
    border-top: 1px solid #ddd;
}
.moveCont > ul > li {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 0.89rem;
}
.moveCont > ul > li:hover {
    background-color: #f9f9f9;
}
.moveCont > ul > li > span {
    display: inline-block;
    width: 70px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background-color: #f5f5f5;
    margin-right: 10px;
    text-align: center;
}

.txtArea {
    height: 295px;
    padding: 30px 40px;
    border: 1px solid #999;
    overflow-y: scroll;
    font-size: 15px;
}
.txtArea > table {
    margin-top: 20px;
}
.txtArea > table th,
.txtArea > table td {
    border: 1px solid #999;
    padding: 5px 20px;
}
.txtArea > table th {
    background-color: #eee;
}
.txtArea > table td {
    text-align: left;
}
.agreeArea {
    padding: 30px;
    background-color: #eee;
    border: 1px solid #999;
    border-top: none;
    text-align: center;
}
.agreeArea label {
    display: inline-block;
    margin-right: 20px;
}
.agreeArea input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.agreeArea_n {
    padding: 30px;
    background-color: #eee;
    border: 1px solid #999;
    border-top: none;
    text-align: left;
}
.agreeArea_box{
    padding:0 0 20px 0;
}
.agreeArea_n p{
    text-align: right;
    padding:10px 0 10px 0;
}
.agreeArea_n label {
    display: inline-block;
    margin-right: 20px;
}
.agreeArea_n input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.userInfo {
    background-color: #f9f9f9;
    border-top: 1px solid #265de8;
    border-bottom: 1px solid #265de8;
    padding: 30px;
    margin-top: 40px;
}
.userInfo ul {
    width: 60%;
    margin: 0 auto;
}
.userInfo ul li {
    margin: 10px 0;
}
.userInfo ul li label {
    display: inline-block;
    width: 20%;
    font-size: 16px;
    vertical-align: middle;
}
.userInfo ul li input,
.userInfo ul li.email select {
    border: 1px solid #999;
    border-radius: 3px;
    line-height: 40px;
    vertical-align: middle;
    width: 75%;
}
.userInfo ul li.email input,
.userInfo ul li.email select {
    width: 24%;
    line-height: 40px;
    font-size: 16px;
}

.btnArea {
    position: relative;
    margin-top: 30px;
}
.btnArea a,
.btnArea button {
    display: inline-block;
    min-width: 120px;
    padding: 5px 10px;
    text-align: center;
    transition: 0.3s;
    border-radius: 3px;
}
.btnArea .btnBig {
    line-height: 40px;
    background: #535c74;
    color: #fff;
}
.btnArea .btnYes {
    line-height: 40px;
    background: var(--nm-bg);
    color: #fff;
}
.btnArea .btnBig:hover {
    background: #374464;
}
.btnArea .btnYes:hover {
    background-color: var(--nm-here);
}
.btnArea .btnNo {
    line-height: 40px;
    background: #bbb;
    color: #fff;
}
.btnArea .btnNo:hover {
    background-color: #999;
}
.solBtn-down-edu{
    position: relative;
    display: inline-block;
    line-height: 55px;
    border-radius: 5px;
    padding: 0 35px 0 15px !important;
    margin:0 5px;
    background-color: #213056;
    font-size: 22px;
    color: #fff;
    transition: 0.3s;
}
.solBtn-down,
.solBtn-link {
    position: relative;
    display: inline-block;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 35px 0 15px !important;
    margin:0 5px;
    background-color: #213056;
    font-size: 15px;
    color: #fff;
    transition: 0.3s;
}
.solBtn-down::after,
.solBtn-link::after,
.solBtn-down-edu::after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/icon-down-w.svg);
    background-size: 100%;
}
.solBtn-link::after {
    background: url(../images/icon-link-w.svg);
}
.solBtn-down:hover,
.solBtn-link:hover
.solBtn-down-edu:hover {
    background-color: #1642b1;
}

.pasing {
    margin-top: 20px;
}
.pasing > ul {
    display: flex;
    justify-content: center;
}
.pasing > ul > li a {
    display: inline-block;
    line-height: 58px;
    text-align: center;
}
.pasing > ul > li.arrow {
    padding: 0 15px;
}
.pasing > ul > li.arrow a {
    position: relative;
    width: 30px;
    height: 58px;
    overflow: hidden;
}
.pasing > ul > li.arrow a:hover > img {
    margin-top: -58px;
}
.pasing > ul > li.num a {
    width: 58px;
    border: 1px solid #ddd;
    color: #999;
    margin:0 1px;
}
.pasing > ul > li.num a.on,
.pasing > ul > li.num a.on:hover {
    background-color: #42444d;
    border-color: #42444d;
    color: #fff;
}
.pasing > ul > li.num a:hover {
    border-color: #42444d;
    color: #42444d;
}

.graphDouble {
    display: flex;
    justify-content: space-between;
}
.graphDouble > div {
    width: 49%;
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px 20px;
}
.graphDouble > div > img {
    width: 100%;
}

.eduMap {
    display: flex;
    justify-content: space-between;
}
.eduMap > div {
    width: 47%;
}
.eduMap div.mapArea > img {
    width: 100%;
    margin-top:20px;
    margin-left:10px;
    border: 1px solid #eee;
}
.eduPic {
    text-align: center;
}
.eduPic img {
    width: 100%;
}
.useArea h5 {
    font-size: 1rem;
    margin-bottom: 10px;
}
.useArea ul {
    background: url(/images/icon_bus.gif) no-repeat left top 5px;
    padding-left: 60px;
    padding-bottom: 10px;
    font-size: 16px;
    margin-left: 10px;
    margin-top:20px;
}
.useArea ul.subway {
    background: url(/images/icon_subway.gif) no-repeat left 4px top 5px;
}
.mapBox {
    text-align: center;
    border: 1px solid #999;
}

.yearTab {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.yearTab li {
    flex-grow: 1;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    background-color: #bbb;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: .3s;
}
.yearTab li.on,
.yearTab li:hover.on {
    background-color: #0b489e;
}
.yearTab li:hover {
    background: #6c8ecc;
}
.yearTab li a {
    display: block;
    width: 100%;
    height: 100%;
    color:#fff;
}
.plant > ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.plant > ul > li {
    margin-bottom:7px;
}
.plant > ul > li > span {
    position: relative;
    display: inline-block;
    width: 70px;
    padding-left:10px;
    font-weight: 500;
}
.plant > ul > li > span::before {
    content: '';
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    width:3px;
    height: 3px;
    background-color: #333;
}
.plant > ul > li > span::after {
    content: ':';
    display: inline-block;
    margin-left:15px;
}
.plantGallery {
    margin:50px 0;
}
.plant ul.mglPlant {
    flex-wrap: wrap;
}
.plant ul.mglPlant li {
    width: 50%;
}
.trilionGallery {
    margin:30px 0;
}
/*lightbox */
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 20px;
}
.gallery li {
    position: relative;
    width: 16.6%;
    padding: 2px;
}
.gallery li img {
    width: 100%;
    transition: 0.3s;
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.gallery li:hover img {
    position: absolute;
    transform: scale(140%);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    z-index: 1;
}
.gallery.giccGallery li {
    width : 90%;
    height: 145px;
    overflow: hidden;
    border-radius: 10px;
}
.gallery.giccGallery li img {
    width: 100%;
    height: 100%;
    transition: none;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.gallery.giccGallery li:hover img {
    position: relative;
    transform: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#lightbox-overlay {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(29, 31, 33, 0.95);
    transition: opacity 0.3s ease-in;
    z-index: 1001;
}
#lightbox-overlay.visible {
    opacity: 1;
    pointer-events: auto;
}
#lightbox-image {
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.closeZone {
    position: absolute;
    width: 100%;
    height: 100%;
}
.closeImg {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-color: #1348d0;
    text-indent: -9999em;
    cursor: pointer;
    transition: background 0.3s;
}
.closeImg:hover {
    background-color: #0a7aca;
}
.closeImg::before {
    content: "";
    position: absolute;
    display: block;
    width: 60%;
    height: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/btn-close.svg) no-repeat center center;
}

.modal,
.modal-zip,
.modal-proof,
.modal-gov,
.modal-history {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}
.modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 560px;
    max-height: 700px;
    padding: 40px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
}
.modal-inner.pdNone {
    padding: 0 0 30px 0;
}
.modal-inner h3 {
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: 30px;
}
.modal-inner h3 > p {
    font-size: 16px;
    font-weight: normal;
    color: #cc0000;
}
.modal-inner h3.popupTitle {
    position: relative;
    line-height: 70px;
    text-align: left;
    background-color: #265de8;
    padding: 0 20px;
    font-size: 1.25rem;
    color: #fff;
}
.modal-inner input[type="text"],
.modal-inner input[type="password"] {
    width: 100%;
    line-height: 40px;
}
.modal-inner .resultBox {
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-top: 20px;
    padding: 15px 0;
}
.modal-inner .pdNone-inner {
    padding: 20px 30px 0 30px;
}
.modal-inner .popupSearch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
}
.modal-inner .popupSearch p {
    width: 100%;
    margin-bottom: 10px;
    color: #e23f3f;
}
.modal-inner .popupSearch input,
.modal-inner .popupSearch button {
    line-height: 50px;
    vertical-align: middle;
    border-radius: 3px;
    font-size: inherit;
}
.modal-inner .popupSearch input {
    width: 80%;
}
.modal-inner .popupSearch button {
    width: 19%;
    background-color: #333;
    color: #fff;
}
.modal-inner .resultArea {
    background-color: #f9f9f9;
    border: 1px solid #999;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 15px;
    max-height: 250px;
    overflow-y: auto;
    font-size: 16px;
}
.modal-inner .resultArea ul li {
    border-bottom: 1px solid #ccc;
}
.modal-inner .resultArea ul li:last-child {
    border: none;
}
.modal-inner .resultArea ul li a {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    color: #777;
}
.modal-inner .resultArea ul li a:hover {
    background-color: #f0f0f0;
    color: #222;
}
.modal-inner .resultArea ul li.no-data {
    text-align: center;
    padding: 10px;
}
.modal-inner .popupClose {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    line-height: 70px;
    background-color: rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}
.modal-inner .popupClose:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
.modal-inner .popupClose > img {
    width: 30px;
    margin-top: 20px;
}

.modal-inner .scArea {
    padding: 10px 20px;
    padding-bottom: 0;
}
.modal-inner div > ul > li {
    display: flex;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}
.modal-inner div > ul > li:last-child {
    border-bottom: none;
}
.modal-inner div > ul > li > span {
    display: block;
    width: 140px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f7f7f7;
    margin-right: 10px;
    text-align: center;
    font-weight: 600;
    color: #777;
    font-size: 14px;
}

.popResult {
    display: flex;
    font-size: 16px;
}
.popResult > li {
    width: 25%;
    flex-wrap: wrap;
}
.popResult > li:first-child {
    width: 75%;
}
.popResult > li > label {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}
.popResult > li > input[type="text"],
.popResult > li > input[type="password"] {
    width: 75%;
    margin-bottom: 10px;
    vertical-align: middle;
}
.popResult .btnSearch {
    display: block;
    width: 100%;
    height: calc(100% - 10px);
    line-height: 138px;
    border-radius: 3px;
    background-color: var(--nm-bg);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}
.popResult .btnSearch:hover {
    background-color: var(--nm-here);
}
.resultZone table th,
.resultZone table td {
    border: 1px solid #ddd;
    padding:10px 20px;
}
.resultZone table th {
    background-color: #f0f0f0;
}

/*input,select*/
input,
select {
    vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="date"],
select {
    padding: 0 15px;
    border: 1px solid #999;
    border-radius: 3px;
}
select {
    background: #fff url(../images/arrow-select.svg) no-repeat right 10px center;
    background-size: 12px;
    padding: 0 40px 0 10px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand {
    opacity: 0;
}

.filebox {margin: 3px 0;}
.filebox .upload-name {
    display: inline-block;
    line-height: 30px;
    height: 28px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 3px;
    width: 78%;
    color: #999;
}
.filebox label {
    display: inline-block;
    font-size: 0.8rem;
    line-height: 30px;
    padding: 0 20px;
    vertical-align: middle;
    background-color: #333;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 4px;
    color: #fff;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: none;
}

ul > li.dot {
    position: relative;
    padding: 0 0 0 10px;
}
ul > li.dot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333;
}
ul > li.dash {
    position: relative;
    padding: 0 0 5px 10px;
    margin-left: 13px;
}
ul > li.dash::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 2px;
    background: #333;
}

.ciBox {
    display: flex;
    gap: 30px;
}
.ciBox h4 {
    font-weight: 900;
    color: #0b489e;
}
.ciBox .ciImg {
    display: flex;
    align-items: center;
    border:1px solid #eee;
    padding: 0 10px;
}
.ciBox .ciImg img {
    margin: 10px;
    vertical-align: middle;
}
.ciBox li {
    position: relative;
    font-size: 16px;
    padding: 5px 0 5px 10px;
}
.ciBox li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
    width: 4px;
    height: 2px;
    background-color: #333;
}
.sgn-inner {
    margin:20px 0 30px 10px;
}
.sgn-inner h5 {
    font-size: 1rem;
    margin-bottom:10px;
}
.sgn-inner ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.sgn-inner > ul > li {
    position: relative;
    border:1px solid #ddd;
    background-color: #fff;
    border-radius: 6px;
    width: 23.5%;
}
.sgn-inner > ul > li > div {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 30px 5px 60px;
}
.sgn-inner > ul > li > div.title {
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    padding:10px;
}
.sgn-inner > ul > li img {
    margin:0 5px;
}
.sgn-inner > ul > li img.smSize {
    width: 200px;
}

.link_m {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.link_txt {
    position: relative;
    border: solid 1px #ddd;
    border-radius: 8px;
    width: 32%;
    padding: 20px 25px;
    padding-bottom: 210px;
    margin-bottom: 30px;
    margin-right: 17px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.1);
}
.link_txt li.txt {
    font-size: 1.25rem;
    font-weight: 900;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #212121;
    height: 75px;
}
.link_txt li.img {
    position: absolute;
    bottom: 30px;
    width: 88%;
    height: 169px;
    padding: 0;
    background-color: #f0f0f0;
    border: 1px solid #eee;
    text-align: center;
    overflow: hidden;
}
.link_txt li.img > img {
    width: 100%;
}
.link_txt li.btn {
    margin:10px 0;
    text-align: right;
}
.link_txt li.snsLinks img {
    margin-right:5px;
}
.link_txt li .solBtn-link {
    display: flex;
    width: 100%;
    height:30px;
    text-align: left;
    margin:0;
}
.link_txt li .solBtn-link span {
    display: block;
    align-self: center;
    line-height: 1rem;
}
.mContractor {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    font-size: 16px;
    color: #515151;
    margin-top:5px;
}
.mContractor dt, .mContractor dd {
    padding:2px 0;
}
.mContractor dt:first-child {
    width: 30%;
}
.mContractor dd:nth-child(2) {
    width: 70%;
}
.mContractor dt {
    width: 15%;
    font-size: 15px;
    font-weight: 600;
}
.mContractor dt.vCenter {
    align-self: center;
}
.mContractor dt::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    vertical-align: top;
    margin-top:7px;
    margin-right: 5px;
}
.mContractor dd {
    width: 85%;
}

.taLeft {
    text-align: left !important;
}
.taRight {
    text-align: right !important;
}
.taCenter {
    text-align: center !important;
}
.checText {
    padding-top: 10px;
    color: #ff6b31;
    font-size: 0.89rem;
}
.checText p{
    padding-bottom: 5px;
}
.checTextRed {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ff3838;
    font-size: 17px;
}
.btnGray {
    background-color:#bbb !important;
    border:none !important;
}
hr {
    height: 10px;
    border: none;
}
.bglGray {
    background:#f8f8f8;
}
.twoPic img {
    width:48%;
    margin:0 2px;
}
.chkText {
    color: #ff6600 !important;
    font-size: 0.889rem;
}
.pInfo {
    margin: 5px 0 0 75px;
    font-size: 15px;
}
.redText {
    color:#cc0000 !important;
}
.mg5 {
    margin: 5px;
}
.mgtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.normalWrap .mdBox.mgb30 {
    margin-bottom: 30px !important;
}
.mgt10 {
    margin-top:10px;
}
.mgt30 {
    margin-top:30px;
}
.mgl20 {
    margin-left:20px;
}
.indentEx {
    margin-left:70px;
    color:#999;
}
.bdNone {
    border:none !important;
}
.bdBottom {
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
}
.underline {
    text-decoration: underline;
}
.underline:hover {
    text-decoration: underline;
    text-decoration: underline;
    color: #0b489e;
}
.dpBlock {display: block !important;}
.dpNone {display: none !important;}
.importantText {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 400;
}
.importantText strong {
    color: #0b489e;
}
.withBtn {
    position: relative;
}
.withBtn .withDiv {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.addInfo {
    padding: 0 20px 20px 20px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.25rem;
}
.addInfo strong {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 900;
}
/* 회원가입약관 */
.clause_wrap {margin-bottom:42px;}
.clause {height:550px;padding:17px 20px 0 20px;border:solid 1px #d8d8d8;overflow:auto;}
.clause dl {
    white-space: pre-line;
    color: #777777;
    font-size: 14px;
    line-height: 23px;
    word-break: break-word;}
.clause dt {font-weight:bold;}
.clause dd ol {float:left;line-height:18px;}
.clause dd ol li {margin-left:29px;}
.clause ol li span {float:left; text-align:right;margin-left:-15px; padding-right:5px;display:block;}
.clause table{
    margin-top: 20px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.clause th,
.clause td{
    text-align: center;
    border: 1px solid #dddddd;
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.clause th{
    text-align: center;
    background-color: #f0f0f0;
    height: 40px;
}

.clause td{
    text-align: left;
    height: 40px;
}
.clause .cl{ clear: both; padding-top: 20px;}

.bizBox {
    text-align: center;
}

/* k-city */
.smCategory {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 182px;
    grid-gap: 30px;
    grid-template-areas:
        'a a b c d e'
        'a a f g z z'
        'h i j k z z';
    margin-top: 50px;
}
.smTemp {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
.smTemp > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.smTemp > div .imgTitle {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    text-align: center;
    z-index: 10;
    transition: .3s;
}
.smTemp > div .imgTitle img {
    transition: .3s;
}
.smTemp > div:hover .imgTitle p,
.smTemp > .on .imgTitle p{
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0,0,0,1);
}
.smTemp > div:hover .imgTitle img {
    filter: invert(100%) drop-shadow(1px 1px 3px black);
}
.smTemp > .on .imgTitle img {
    filter: invert(100%) drop-shadow(1px 1px 3px black);
}
.iconSize {width: 42px;}
.imageSize {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(120%, 120%);
    /*transform: translateY(100%);*/
    transition: .3s;
}
.imageSize img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.smTemp > div:hover .imageSize {
    opacity: 100;
    transform: scale(100%, 100%);
    /*transform: translateY(0);*/
}
.smTemp > .on .imageSize {
    opacity: 100;
    transform: scale(100%, 100%);
    /*transform: translateY(0);*/
}

.smBox1 {
    grid-area: a;
}
.smBox12 {
    grid-area: z;
}

.midTitle {
    position: relative;
    font-size: 24px;
    color: #1b2642;
    line-height: 21px;
    padding: 0 0 0 12px;
    margin-bottom: 24px;
}
.midTitle::before {
    content: '';
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #1b2642;
}
.kcityTitle {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}
.kcityTitle h3 {
    font-size: 32px;
}
.kcityTitle a {
    display: inline-block;
    min-width: 170px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 46px;
    background: #FF8B37 url('/images/arrow-right.png') no-repeat;
    background-position: center right 10px;
    padding: 0 20px 0 20px;
    border-radius: 8px;
    transition: .3s;
}
.kcityTitle a:last-child {
    background-color: #329FDD;
}
.kcityTitle a:hover {
    background-color: #282b33;
}

.useInfo a {
    display: inline-block;
    min-width: 170px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    background: #FF8B37 url('/images/arrow-right.png') no-repeat;
    background-position: center right 10px;
    padding: 0 20px 0 20px;
    border-radius: 8px;
    transition: .3s;
    margin-bottom: 3px;
}
.useInfo a.blue{
    background-color: #329FDD;
}
.useInfo a:hover {
    background-color: #282b33;
}

.dotList li {
    position: relative;
    padding: 0 0 0 12px;
    margin-bottom: 8px;
}
.dotList li::before {
    content: '';
    position: absolute;
    left:0;
    top:12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
}

.useInfo {
    font-size: 16px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 14px 30px;
    margin: 30px 0 0 0;
}
.useInfo h5 {
    font-size: 16px;
    margin-bottom: 6px;
}
.useInfo a.inBtn {
    display: inline-block;
    min-width: 90px;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    background: #FFF url('/images/link_win.svg') no-repeat;
    background-position: center right 10px;
    padding: 0 34px 0 10px;
    border:1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 0;
}

.tab_sec {
    padding: 10px 0;
}
.tab_sec ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tab_sec ul li {
    width: 16%;
    text-align: center;
    margin-bottom: 10px;
}
.tab_sec ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    padding: 0 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 8px rgba(0,0,0,.15);
    transition: .3s;
}
.tab_sec ul li.on a,
.tab_sec ul li.on a:hover {
    background: #333;
    color: #fff;
}
.tab_sec ul li a:hover {
    background: #f9f9f9;
    box-shadow: 1px 1px 8px rgba(0,0,0,.3);
}

.tab_third {
    padding: 10px 0 20px;
}
.tab_third ul {
    position: relative;
    display: flex;
    gap: 5px;
}
.tab_third ul::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1d2640;
    z-index: -1;
}
.tab_third ul li {
    flex: 1;
    text-align: center;
    border-bottom: 2px solid #1d2640;
}
.tab_third ul li a {
    display: block;
    line-height: 60px;
    color: #777;
    font-weight: 500;
    background: #f4f6f9;
    border: 2px solid #ddd;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    transition: .3s;
}
.tab_third ul li:first-child a {
    color: #333;
    font-weight: bold;
}
.tab_third ul li:first-child a::before {
    content: url('../images/icon/acc.png');
}
.tab_third ul li.stNone:first-child a::before {
    content: '';
}
.tab_third ul li.on {
    border-bottom: none;
}
.tab_third ul li.on a,
.tab_third ul li.on:hover a{
    font-weight: bold;
    color: #1d2640;
    background: #fff;
    border: 2px solid #1d2640;
    border-bottom: 2px solid #fff;
}
.tab_third ul li:first-child.on a,
.tab_third ul li:first-child.on:hover a{
    color: #1d2640;
}
.tab_third ul li:hover a {
    background: #fff;
}
.tab_third ul li:hover {
    border-bottom: none;
}

.secInfo {
    background-color: var(--nm-bg);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
}
.secInfo h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}
.corpList .secInfo .dotList {
    padding: 8px 0 0 0;
}
.corpList .secInfo .dotList li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 3px;
}
.corpList .secInfo .dotList li::before {
    content: '';
    top: 10px;
    background: #fff;
}
.listBox {
    color: #222;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 14px;
}
.listBox > div {
    padding: 20px;
}
.listBox .bigTitle {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}
.listBox .bigTitle .lineLink {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px 5px 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url(../images/icon/i-download-b.svg) no-repeat;
    background-color: #f9f9f9;
    background-position: left 5px center;
    background-size: 16px;
    transition: .3s;
}
.listBox .bigTitle .lineLink:hover {
    background-color: #eee;
}

.listBox .innerCont {
    display: flex;
    gap: 10px;
    background: #f4f6f9;
    border-radius: 10px;
}
.listBox .innerCont > ul {
    flex: 1;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.listBox .innerCont > ul > li > p {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}
.listBox .innerCont > ul > li > ol {
    font-size: 14px;
    padding: 10px 25px 20px;
}
.listBox .innerCont > ul > li > ol > li {
    position: relative;
    display: flex;
    font-weight: 500;
    padding: 2px 0 2px 6px;
}
.listBox .innerCont > ul > li > ol > li::before {
    content: '';
    position: absolute;
    left:0;
    top:11px;
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background: #333;
}
.listBox .innerCont > ul > li > ol > li strong {
    color: #555;
    margin-right: 4px;
}

.corpList .dotList {
    padding: 15px 0 20px;
}


.corpList {
    margin: 40px 0 30px;
    padding: 10px 0 30px;
    border-top: 1px solid #ddd;
}
.corpList > div {
    margin-top: 24px;
    border-bottom: 1px solid #ddd;
    min-height: 210px;
}
.corpList h3 {
    font-size: 18px;
    font-weight: 500;
    color: #777;
    margin-bottom: 14px;
}
.corpList h3 strong {
    color: #222;
}
.corpList .listInner {
    display: flex;
}
.corpList .listInner .imgArea {
    position: relative;
    width: 206px;
    height: 140px;
    background-color: #ccc;
    border-radius: 12px;
    overflow-y: hidden;
}
.corpList .listInner .imgArea .iconPos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    filter: invert(100%) drop-shadow(1px 1px 3px black);
    opacity: 0;
    z-index: 2;
    transition: .3s;
}
.corpList .listInner .imgArea > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.corpList .listInner .imgArea > a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: 0;
    transition: .3s;
}
.corpList .listInner .imgArea:hover .iconPos {
    width: 60px;
    opacity: 1;
}
.corpList .listInner .imgArea:hover > a::before {
    opacity: .4;
}
.corpList .listInner .imgArea img.bgimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.corpList .listInner .cardOuter {
    position: relative;
    display: flex;
    gap: 15px;
    flex: 1;
    flex-wrap: wrap;
    max-height: 190px;
    margin-left: 24px;
    /*background: url(../images/bt-shadow.png) no-repeat center top;*/
    overflow-y: auto;
}
.corpList .listInner .cardOuter > dl {
    width: 345px;
    padding: 20px;
    border:1px solid #ddd;
    border-radius: 12px;
}
.corpList .listInner .cardOuter > dl > dt {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
}
.corpList .listInner .cardOuter > dl > dt a {
    display: block;
    padding: 4px;
    border-radius: 6px;
    transition: .3s;
}
.corpList .listInner .cardOuter > dl > dt a:hover {
    background-color: #eee;
}
.corpList .listInner .cardOuter > dl > dt a img {
    width: 20px;
}
.corpList .listInner .cardOuter > dl > dd {
    font-size: 16px;
    color: #333;
}
.corpList .listInner .cardOuter > dl > dd > ul > li {
    position: relative;
    padding: 2px 0 2px 10px;
}
.corpList .listInner .cardOuter > dl > dd > ul > li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #333;
}
.corpList .listInner .cardOuter > dl > dd > ul > li > a {
    text-decoration: underline;
}

.pArticle-wrap {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
    font-size: 16px;
    color: #222;
}
.pArticle-wrap .pArticle {
    width: 32%;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-top: 25px;
    margin-bottom: 20px;
}
.pArticle-wrap .pArticle .withTitle {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    padding: 0 25px;
}
.pArticle-wrap .pArticle .withTitle p {
    font-weight: 600;
    max-height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pArticle-wrap .pArticle .withTitle a {
    display: block;
    height: 28px;
    font-size: 12px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 2px 6px;
}
.pArticle-wrap .pArticle .typeTag {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    padding: 25px;
}
.pArticle-wrap .pArticle .typeTag .tag,
.pArticle-wrap .pArticle .typeTag .p-tag {
    padding: 6px 10px;
    background: #eee;
    border-radius: 5px;
}
.pArticle-wrap .pArticle .typeTag .tag {
    display: block;
}
.pArticle-wrap .pArticle .typeTag .tag:first-child,
.pArticle-wrap .pArticle .typeTag .tag:nth-child(6){
    width: 100%;
}
.pArticle-wrap .pArticle .typeTag .tag:nth-child(2),
.pArticle-wrap .pArticle .typeTag .tag:nth-child(3),
.pArticle-wrap .pArticle .typeTag .tag:nth-child(4),
.pArticle-wrap .pArticle .typeTag .tag:nth-child(5) {
    width: 43%;
}
.pArticle-wrap .pArticle .typeTag .p-tag {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.pArticle-wrap .pArticle .state {
    padding-left: 25px;
    padding-bottom: 2px;
}
.pArticle-wrap .pArticle .state span {
    display: inline-block;
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    background: #ccc;
    border-radius: 24px;
}
.pArticle-wrap .pArticle .state span.holder {background: #FF9900;}
.pArticle-wrap .pArticle .state span.join {background: #51E14E;}
.pArticle-wrap .pArticle .state span.ing {background: #4ACCE9;}
.pArticle-wrap .pArticle .state span.invite {background: #A486E5;}
.pArticle-wrap .pArticle .state span.possible {background: #337EEF; border-radius: 3px;}
.pArticle-wrap .pArticle .state span.impossible {background: #FF4848; border-radius: 3px;}

.submain {
    display: flex;
    gap: 60px;
    align-items: top;
    letter-spacing: -0.07rem;
}
.submain-img {
    width: 420px;
    max-height: 355px;
    border-radius: 20px 100px 20px 100px;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.07);
    overflow: hidden;
}
.submain-img > img {width: 100%;}
.submain dl {margin: 6px 0 20px 0;}
.submain dl strong {color:#FF4646;}
.submain dt {font-size: 26px; font-weight: 700; color: #333;}
.submain dd {font-size: 18px; color: #777; padding-left: 12px;
    background: url(../images/icon/bul-dot.svg) no-repeat left 3px top 12px;
}

.submain-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.submain-list > div {
    flex: 1 1 0;
    font-size: 16px;
    border:1px solid #ccc;
    border-radius: 12px;
}
.submain-list > div h3 {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #222;
    background: #f5f5f5;
    padding: 20px 30px;
    border-radius: 12px 12px 0 0;
}
.submain-list > div:first-child h3 strong {
    display: block;
}
.submain-list > div:first-child h3 strong::before {
    content: url('../images/icon/acc.png');
}
.submain-list > div ul {
    padding: 16px 30px;
}
.submain-list > div ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999;
    padding: 4px 0;
}
.submain-list > div ul li .titArea {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    width: 70%;
    color: #222;
}
.submain-list > .kcity-banner {
    border: none;
}
.submain-list > .kcity-banner > div > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 0;
}
.submain-list > .kcity-banner > div {
    border:1px solid #ccc;
    border-radius: 12px;
    height: 120px;
}
.submain-list > .kcity-banner > div:first-child {
    margin-bottom: 23px;
}
.submain-list > .kcity-banner > div img {
    width: 55%;
}

.titleFlex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.titleFlex .stateAdmin {
    display: flex;
    font-size: 0.889rem;
}
.titleFlex .stateAdmin dt,
.titleFlex .stateAdmin dd {
    padding: 6px 16px;
    border: 1px solid #555;
    align-content: center;
}
.titleFlex .stateAdmin dt {
    background-color: #555;
    color: #fff;
    border-radius: 6px 0 0 6px;
}
.titleFlex .stateAdmin dd {
    color: #999;
    font-size: 0.75rem;
    border-radius: 0 6px 6px 0;
}
.titleFlex .stateAdmin dd strong {
    font-size: 0.889rem;
    color: #555;
    margin-right: 6px;
}
.titleFlex .stateAdmin dd .view {
    display: inline-block;
    background-color: #888;
    color: #fff;
    padding: 3px 10px;
    margin-left: 4px;
    border-radius: 20px;
}

.useagree > div {
    font-size: 0.8rem;
    font-weight: 600;
    text-align: right;
    color: #333;
    margin: 10px 0;
}
.useagree > div > input {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0 2px 2px 0;
}
.useagree > textarea {
    width: 100%;
    font-size: 0.8rem;
    height: 150px;
    padding: 10px 20px;
    margin-top: 10px;
    border: 1px solid #ccc;
}

.modal {
    display: none;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
}
.modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    color: #333;
    border-radius: 20px;
}
.modal-inner h2 {
    font-size: 1.25rem;
}
.modal-inner ul {
    font-size: 0.889rem;
    padding: 4px 20px;
    margin: 20px 0;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.modal-inner ul li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}
.modal-inner ul li:last-child {
    border: none;
}
.modal-inner ul li span {
    color: #777;
    font-size: 0.8rem;
}
.modal-inner .bnArea {
    text-align: center;
}
.modal-inner .bnArea button {
    display: inline-block;
    padding: 6px 25px;
    background: #0a7aca;
    color: #fff;
    border-radius: 10px;
}
.modal-inner .bnArea button.close-modal {
    background: #777;
    color: #fff;
}

#popupWrap {
    PADDING:20PX;
}

.allCheck {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 0.899rem;
    margin-bottom: 20px;
}

.flielist {
    margin-bottom: 10px;
}
.flielist li {
    background: url(../images/icon/file-text.svg) no-repeat left bottom;
    padding: 0 0 1px 20px;
    margin-bottom: 4px;
}
.flielist li > a {
    text-decoration: underline;
    color: #555;
}
.trash {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    vertical-align: middle;
    background: #eee url(../images/icon/trash.svg) no-repeat center center;
    border-radius: 4px;
}
.bigCheck {width: 20px; height: 20px; vertical-align: middle; margin-bottom:3px; margin-right: 2px;}

.addFile p {
    margin: 2px 0;
}

.hide-tab .on {background: #ddd;}

.smTitle {margin-top:20px; margin-bottom:8px; font-weight: 600;}

.btnZone {text-align: center; padding: 20px 0;}
.btnZone .bnShape {display: inline-block; padding:6px 16px; background: #333; color: #fff; font-size: 16px; border-radius: 6px;}
.bnShape {display: inline-block; padding:3px 8px; background: #333; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; margin-left: 8px;}
.bnc-blue {background: #2c81cc !important;}
.bnc-red {background: #ff3838 !important;}
.bnc-tuq {background: #0091a8 !important;}
.bnc-line {background: #fff !important; border:1px solid #2e6da4; color:#2e6da4 !important;}
.bnc-line-red {background: #fff !important; border:1px solid #FC3F3FFF; color: #FC3F3FFF !important;}

.multiInp span {display: inline-block; margin-right:30px; margin-bottom: 6px;}
.multiInp label {background-color: #f4f6f9 !important; width: auto !important;}
.normalView .multiInp label {background-color: #fff !important; width: auto !important; margin:0 3px;}
.normalView input {font-size: 14px;}
.normalView .inpDate {line-height: 42px; margin:0 10px 0 3px;}
.normalView u {text-decoration: none; font-weight: bold; color: #ff3838; margin:0 2px;}
.smfont {font-size: 14px; color: #777; margin-left:4px;}
.ttf {width: 100%; height: 100px; border: 1px solid #999; border-radius: 3px;}
.checkFont {color: #ff3838; font-size: 14px; margin:5px 0;}


/*로그인 관련*/
#username{
    -webkit-ime-mode:disabled;
    -moz-ime-mode:disabled;
    -ms-ime-mode:disabled;
    ime-mode:disabled;
}

.login-wrap {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-wrap > div {
    display: flex;
    flex-direction: column;
    padding-top: 41px;
    padding-bottom: 56px;
    padding-left: 60px;
    padding-right: 60px;
    width: 470px;
    box-sizing: border-box;
    border-radius: 7px;
    border: 1px solid #dbdfe3;
    background-color: #fff;
    background:url(../images/logo_login-wrap.png) no-repeat center bottom;
}

.login-wrap .general-login {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.login-wrap .general-login form {
    width: 100%;
}
.login-wrap .general-login > div {
    display: flex;
    align-self: flex-start;
    margin-top: 10px;
}
.login-wrap .general-login input[type=text] {
    height: 58px;
    padding-left: 15px;
    font-size: 15px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 0;
    align-self: stretch;
    background-color: #f0f4f8;
    margin-top: 40px;
}

.login-title {
    display: inline-block;
    font-weight: 500;
    font-size: 30px;
    color: #212121;
    padding-bottom: 2px;
    padding-top:20px;
    border-bottom: 1px solid #212121;
    /*word-spacing: -5px;*/
}

.login-wrap .general-login input[type=password] {
    width: 100%;
    height: 58px;
    padding-left: 15px;
    font-size: 15px;
    border-radius: 7px;
    box-sizing: border-box;
    border: 0;
    align-self: stretch;
    background-color: #f0f4f8;
    margin-top: 10px;
}

.login-wrap .general-login > div {
    display: flex;
    align-self: flex-start;
    margin-top: 10px;
}

.login-check {
    margin: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.login-check + label {
    margin-left: 7px;
    color: #212121;
}

.login-wrap .general-login .login-btn {
    margin-top: 15px;
    align-self: stretch;
}

.login-btn.type-2 {
    background-color: #313c5a;
}

.login-btn.type-1 {
    background-color: #2a64b4;
}

.login-btn {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    border-radius: 7px;
}

.login-wrap .links {
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-wrap .links a {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.login-wrap .links li + li:before {
    transform: translateY(1px);
    content: "";
    display: inline-block;
    margin-left: 19px;
    margin-right: 19px;
    width: 1px;
    height: 13px;
    background-color: #acb0b8;
}
.general-login .checTextJoin{
    padding: 5px 10px;
    color: #3d2222;
    background: #fbfbdc !important;
    border: solid 1px #d7d93f!important;;
    border-radius: 10px;
}

.general-login .checText{
    padding: 5px 10px;
    color: #3d2222;
    background: #f0f5ff;
    border-radius: 10px;
    border: solid 1px #637d9e;
}

.find-id-passwd-wrap{
    margin-top: 35px;
}

.find-id-passwd-wrap > div{
    margin: 0 auto;
    padding: 50px;
    width: 572px;
    border-radius: 8px;
    border: 1px solid #dbdfe3;
    background-color: #fff;
}
.find-wrap .select-type{
    display: flex ;
    align-self: stretch;
    justify-content: center;
}

.find-wrap .form{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.find-wrap .form strong{
    display: block;
    margin-top: 15px;
    font-weight: 400;
}
.find-wrap input[type=text] {
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #9ca3ab;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
}
.find-wrap .form strong + *{
    margin-top: 9px;
    letter-spacing: -0.4px;
}

.find-wrap .email-form + span{
    margin-top: 10px;
    color: #999999;
    font-size: 14px;
}

.find-wrap .email-form input:first-child{
    flex: 1;
    margin-right: 3px;
}
.find-wrap input[type=text] {
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #9ca3ab;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
}

.find-wrap .email-form input ~ input {
    width: 150px;
    margin-left: 3px;
}

.find-wrap input[type=text] {
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #9ca3ab;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
}

.find-wrap .email-form {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.find-wrap .email-form .wrap-inp {
    display: inline-flex
;
    align-items: center;
}

.find-wrap .email-form select {
    margin-left: 10px;
    width: 150px;
    background: #fff url(../images/arrow-select.svg) no-repeat right 10px center;
    background-size: 10px 6px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#inputEmlAddr2[readonly] {
    background-color: #dadada;
}

.find-wrap .login-btn{
    margin-top: 20px;
}
.find-wrap .contact{
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    letter-spacing: -0.8px;
}
.find-wrap .contact a{
    color: #212121;
}

.find-wrap select {
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #9ca3ab;
    height: 60px;
    box-sizing: border-box;
}
.find-wrap .select-type button {
    flex: 1;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 5px solid #dde1e5;
    box-sizing: border-box;
    color: #dde1e5;
    font-weight: bold;
    font-size: 24px;
    background-color: #fff;
    word-spacing: -2px;
}
.find-wrap .select-type button.active {
    color: #202122;
    border-bottom: 5px solid #348aff;
}

.result-wrap > strong {
    margin-top: 40px;
    border-radius: 7px;
    background-color: #f0f4f8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #212121;
    min-height: 90px;
    padding: 10px;
    box-sizing: border-box;
}

.result-wrap > span {
    margin-top: 20px;
    display: block;
    font-size: 15px;
    align-self: stretch;
    text-align: center;
}

.result-wrap > div {
    margin-top: 33px;
    display: flex;
}

.result-wrap > div > button {
    flex-grow: 1;
}

.result-wrap > div > button + button {
    margin-left: 10px;
}
.agreeAreaAllCheck{
    float: right;
}
.agreeCheck{
    width: 20px !important;
    height: 20px !important;
}

.mgbHelp {margin-bottom:14px;}

@media screen and (max-width: 1310px) {
    .wrapper > .titleArea .utilBtn {
        display: none;
        /* 화면 줄였을 때 좌우 버튼들 안보이게 처리 */
    }
}
@media screen and (max-width: 480px) {
    html, body {
        font-size: 12px;
    }
    .subTitle-img {
        height: 230px;
    }
    .subTitle-img .stText {
        text-align: center;
    }

    .subTitle-img .topBlurWrapper {
        height: 230px;
   }

    .navMenu {
        display: none;
    }
    /*
    .navMenu .oneDepth > li {
        padding: 0 10px;
    }
    .navMenu .oneDepth > li.home img {
        width: 20px;
        height: 20px;
    }
    */

    .wrapper {
        padding: 30px 10px;
    }
    .wrapper > .titleArea {
        padding-bottom: 30px;
    }
    .wrapper > .tab {
        margin-bottom:20px;
    }
    .wrapper > .tab > ul {
        gap: 3px;
    }
    .wrapper > .tab > ul > li {
        border-radius: 5px;
        border: 1px solid #ddd;
        line-height: 50px;
    }
    .wrapper > .tab > ul > li > a {
        font-size: 1rem;
        font-weight: 500;
    }
    .wrapper > .titleArea > h3 {
        height: 60px;
    }
    .wrapper > .titleArea .utilBtn {
        display: none;
    }
    .wrapper > .pageInfo {
        margin-bottom: 20px;
        font-size: 1rem;
    }

    .wrapper > .content {
        margin-top: 0;
    }

    .searchArea {
        padding: 15px;
        margin-bottom: 30px;
    }
    .searchArea .optionArea {
        flex-direction: column;
        gap: 0;
    }
    .searchArea .optionArea.exc {
        flex-direction: row;
        margin-bottom: 5px;
    }
    .searchArea .optionArea.exc .onlyInput select {
        margin-bottom: 3px;
    }
    .searchArea .optionArea.exc .onlyInput select:last-child {
        margin-bottom: 0;
    }
    .searchArea .optionArea.two > div,
    .searchArea .optionArea.three > div {
        width: 100%;
        margin-bottom: 10px;
    }
    .searchArea .totalSearch {
        margin-top: 0;
    }
    .searchArea .optionArea.online > div:last-child {
        width: 100%;
    }

    .vision span {
        display: none;
    }
    .vision span.mobile {
        display: block;
    }

    .sort,
    .sort .count span {
        font-size: 1rem;
    }

    .normalList > li > a {
        padding: 20px 10px;
    }
    .normalList > li > a .info {
        font-size: 12px;
    }
    .normalList > li > a .info > p {
        margin-right: 0;
        margin-top: 2px;
        padding-right: 7px;
    }
    .normalList > li > a .info > p > span {
        font-size: 11px;
    }
    .normalList > li > a .info p::after {
        display: none;
    }
    .normalList > li > a .title .adress {
        font-size: 1rem;
    }

    .multiList {
        flex-direction: column;
    }
    .multiList li,
    .multiList li:hover {
        width: 100%;
        margin: 10px 0;
    }
    .multiList li > a,
    .multiList li > a:hover {
        padding: 20px;
    }
    .multiList li > a .title {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 1rem;
    }
    .multiList li > a .detail {
        height: 37px;
    }

    .multiList li > a.widthPic .title {
        margin-bottom: 0;
        font-size: 1rem;
    }
    .multiList li > a.widthPic .detail {
        height: 55px;
    }
    .multiList li > a.widthPic .file {
        margin-top: 10px;
    }
    .multiList li > a.widthPic.horizontal .detail {
        font-size: 1rem;
    }

    .searchArea .optionArea .onlyInput {
        flex-wrap: wrap;
        justify-content: flex-end;
        width: calc(100% - 70px);
    }
    .searchArea .optionArea .onlyInput select {
        display: inline-block;
        margin-left: 5px;
    }

    .galleryList {
        justify-content: space-between;
        gap: 10px;
    }
    .galleryList li {
        width: 48.5%;
        padding: 15px 5px 30px;
    }
    .galleryList.newsType li {
        width: 48%;
    }
    .galleryList li > a {
        padding: 15px;
    }
    .galleryList li > a .imgArea {
        height: 120px;
    }
    .galleryList li > a .btnDownload {
        bottom: -25px;
    }

    .pasing > ul > li.arrow {
        padding:0;
    }

    .simpleGallery > li,
    .simpleGallery.historyBox > li {
        width: 50%;
    }
    .simpleGallery > li > div {
        padding:15px 5px;
        padding-bottom:0;
    }
    .simpleGallery.historyBox > li > div {
        padding:15px 0;
        padding-bottom:0;
    }
    .simpleGallery.historyBox > li > div::before {
        top:135px;
    }
    .simpleGallery.historyBox li > div .history-imgArea {
        width: 100%;
    }
    .simpleGallery.historyBox > li > div .detailGray strong {
        font-size: 1rem;
    }
    .simpleGallery.historyBox > li > div .detailGray {
        padding: 20px 15px;
    }
    .simpleGallery > li > div .detailGray {
        padding: 20px 10px;
    }
    .simpleGallery.historyBox.giccAdd > li > div .detailGray strong {
        font-size: 1rem;
    }
    .simpleGallery.historyBox > li > div .detailGray strong::before {
        top:10px;
    }
    ul.smallList li {
        font-size: 1rem;
    }

    .link_txt {
        width: 100%;
        padding: 10px;
        padding-bottom: 210px;
        margin-bottom: 30px;
        margin-right: 0;
        height: 490px;
        box-shadow: 3px 3px 10px rgba(0,0,0,.1);
    }
    .link_txt li.txt {
        height: 60px;
        font-size: 1.125rem;
    }
    .link_txt li.img {
        width: 95%;
        height:auto;
        bottom:20px;
    }
    .link_txt li .solBtn-link {
        height:40px;
        padding: 0 10px !important;
    }
    .link_txt li .solBtn-link span {
        width: 85%;
    }
    .mContractor,
    .mContractor dt {
        font-size: 1rem;
    }
    .mContractor dt {
        width: 15%;
    }
    .mContractor dt:first-child {
        width: 28%;
    }
    .mContractor dd {
        flex-grow: 1 !important;
    }

    .pic-modal .pic-modal-inner {
        width: 100%;
    }
    .pic-modal .pic-modal-inner .closePic {
        top:-60px;
        right: 10px;
    }

    #lightbox-image {
        max-height:auto;
        max-width: 100%;
    }

    .greeting {
        width: 100%;
    }
    .greeting .textImg {
        flex-direction: column;
    }
    .greeting .textImg .webv {
        display: none;
        text-align: center;
    }
    .greeting .mobv {
        display: block;
        text-align: center;
        margin-top: 30px;
    }
    .modal-inner {
        width: 100%;
    }
    .modal-inner h3.popupTitle {
        line-height: 40px;
    }
    .modal-inner .popupClose {
        width: 40px;
        height: 40px;
    }
    .modal-inner .popupClose > img {
        margin-top: 5px;
    }
    .modal-inner div > ul > li {
        font-size: 12px;
    }
    .modal-inner div > ul > li > span {
        width: 110px;
        font-size: 12px;
    }

    .withBtn.etcBlock div {
        position: static;
    }
    .withBtn.etcBlock .withDiv {
        margin-top: 30px;
        text-align: right;
    }
    .ciBox {
        flex-direction: column;
    }
    .ciBox .ciImg img {
        width: 45%;
    }
    .normalWrap .mdBox .imgFull > img {
        width: 100%;
    }
    .sgn-inner ul {
        flex-direction: column;
    }
    .sgn-inner > ul > li {
        width: 100%;
    }

    .gChart-w {
        display: none;
    }
    .gChart-m {
        display: block;
    }
    .trilion_img_w {
        display: none;
    }
    .trilion_img_m {
        display: block;
    }

    .yearTab {
        gap: 3px;
    }
    .plant > ul {
        /*flex-direction: column;*/
    }
    .plant > ul.mglPlant {
        margin-left: 10px;
    }
    .plant > ul > li > span {
        width: 50px;
    }

    .gallery {
        margin-top: 0;
    }
    .gallery li {
        width: 30%;
    }
    .plantGallery {
        margin: 20px 0;
    }

    .eduMap {
        flex-direction: column;
    }
    .eduMap > div {
        width: 100%;
    }
    .eduMap div.mapArea > img {
        margin-left: 0;
    }
    .eduMap div.mapArea {
        margin-bottom: 20px;
    }
    .useArea ul {
        font-size: 1rem;
    }

    .asisTable {
        padding: 0;
        overflow-x: scroll;
    }
    .asisTable > table {
        min-width: 600px;
    }
    .widthFull {
        width: 100%;
        overflow-x: initial;
    }
    .widthFull > table {
        width: 100%;
        min-width: 100% !important;
    }
    .widthFull > table th,
    .widthFull > table td {
        padding: 10px 5px;
        word-break: initial;
    }

    ul.members {
        display: flex;
        flex-direction: column;
    }
    ul.members > li {
        width: 100%;
        padding: 20px;
    }
    ul.members > li div.logo .inner {
        height: 90px;
    }
    ul.members > li div.logo .inner .box img {
        max-width: calc(100% - 10px);
    }
    ul.members > li .cnt dl {
        font-size: 1rem;
    }
    ul.members > li .cnt dl dt {
        width: 25%;
    }
    ul.members > li .cnt dl dd {
        width: 75%;
    }
    ul.members > li .cnt .sjt {
        font-size: 18px;
    }
    ul.members > li .cnt .eng {
        font-size: 1rem;
    }

    .yearTab li {
        font-size: 1rem;
    }

    .pasing > ul > li a {
        line-height: 45px;
    }
    .pasing > ul > li.num a {
        width: 45px;
    }
    .pasing > ul > li.arrow a {
        height: 45px;
    }

    .normalView th,
    .normalView td {
        font-size: 1rem;
        padding: 15px 10px;
    }
    .normalView td.link a::after {
        margin: 0 0 0 7px;
    }
    .normalView td.download a::before {
        margin: 2px 7px 0 0;
    }
    .normalView td input.title {
        width: 100%;
    }
    .normalView td span.add {
        display: block;
        margin-left: 0;
        margin-top: 3px;
    }

    .graphDouble {
        flex-direction: column;
    }
    .graphDouble > div {
        width: 100%;
        padding: 20px 10px;
        margin-bottom: 10px;
    }

    .normalWrap .mdBox {
        margin-bottom: 20px;
    }
    .normalWrap .mdBox .pStep {
        background: url(../images/pStep-img-m.png) no-repeat center center;
        background-size: 100%;
    }
    .normalWrap h4 {
        margin-bottom: 5px;
    }
    .normalWrap h4 .num {
        width: 20px;
        line-height: 20px;
    }
    .normalWrap .mdBox .indentNum {
        margin-left: 26px;
    }
    .normalWrap .mdBox ol.numType {
        margin-top: 5px;
    }
    .normalWrap .mdBox ol.numType li {
        padding: 3px 0;
    }
    .normalWrap .mdBox > ul > li {
        padding-left: 15px;
    }
    .normalWrap .mdBox > ul > li::before {
        top: 12px;
        width: 4px;
        height: 4px;
    }
    .normalWrap .mdBox > ul > li ul > li::before,
    .normalWrap .mdBox ol.numType li ul > li::before {
        top: 11px;
        height: 1px;
    }
    .normalWrap .mdBox > ul.boxType {
        flex-direction: column;
    }
    .normalWrap .mdBox > ul.boxType li {
        width: 100%;
        font-size: 1rem;
    }
    .normalWrap .mdBox > ul.boxType > li {
        padding: 15px;
    }
    .normalWrap .mdBox > ul.boxType > li > p {
        margin-bottom:5px;
    }
    .normalWrap .mdBox > ul.boxType p.boxTxt {
        font-size: 1rem;
        margin-left:0;
    }

    .normalWrap .mdBox div.imgBox {
        padding: 0;
        margin-top: 15px;
        border: none;
    }
    .normalWrap .mdBox div.imgBox img {
        width: 100%;
    }
    .normalWrap .mdBox > ul > li ul {
        margin-left:0;
    }
    .normalWrap .mdBox > ul > li ul > li,
    .normalWrap .mdBox ol.numType li ul > li {
        font-size: 1rem;
    }

    .pageInfo ul {
        margin-left: 10px;
    }

    .pageInfo-imgBox {
        padding:20px 0;
    }
    .pageInfo-imgBox > div > span {
        display: block;
    }

    ul.stepBox {
        flex-direction: column;
    }
    ul.stepBox li {
        width: 100%;
    }
    ul.stepBox > li {
        padding: 20px !important;
    }
    ul.stepBox > li > div {
        width: 30%;
        text-align: center;
    }
    ul.stepBox > li > ul {
        width: 65%;
    }

    .mdBiz > dl {
        padding: 10px 0;
        margin-left: 10px;
    }
    .mdBiz > dl dt {
        width: 55px;
        padding: 10px 5px;
    }
    .mdBiz > dl dd {
        width: 300px;
        padding-left: 10px;
    }
    .mdBiz > dl dd span {
        margin-right: 8px;
    }
    .mdCorp-img span {
        display: none;
    }
    .mdCorp-img span.mobile {
        display: block;
    }
    .mdCorp-img span.mobile img {
        width: 100%;
    }

    .csBox {
        padding: 20px;
    }
    .csBox .left {
        width: 28%;
        text-align: center;
        font-weight: 600;
        border-right: none;
    }
    .csBox .left::before {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .csBox .right {
        width: 72%;
        padding-left: 20px;
    }
    .csBox .right > strong {
        margin-bottom: 8px;
    }
    .csBox .right u {
        display: inline-block;
        margin-left: 45px;
        text-decoration: none;
    }
    .csBox .right {
        border-left: none;
    }
    .csBox .right ul li span {
        width: 30px;
    }
    .csBox .right.admins strong {
        font-size: 1rem;
    }

    .dlList li::before {
        top:17px !important;
        left:10px !important;
    }
    .dlList li dl dt, .dlList li dl dd {
        padding: 10px;
    }
    .dlList li dl dt {
        width: 100px;
        padding-left: 20px;
    }
    .dlList li dl dd {
        width: calc(100% - 100px);
    }

    .stepDownsize {
        flex-wrap: wrap;
    }
    .stepDownsize li {
        width: 50%;
        padding-top: 5px !important;
    }
    .stepDownsize li > div {
        height: 80px;
        font-size: 13px;
    }
    .stepDownsize li > div > p {
        position: absolute;
        width: 100%;
        left: 0;
        top:50%;
        transform: translateY(-50%);
        text-align: center;
        padding: 0 10px;
    }

    .solBtn-down,
    .solBtn-link {
        font-size: 1rem;
    }

    .solBtn-down-edu{
        font-size: 1rem;
        line-height: 40px;
    }
    .moveCont {
        margin-top: 20px;
    }
    .moveCont > ul {
        border-top: 1px solid #ddd;
    }
    .moveCont > ul > li {
        padding: 10px 0;
        font-size: 1rem;
    }

    footer {
        margin-top: 0;
    }

    .btnArea {
        margin-top: 20px;
    }
    .btns button {
        margin-bottom: 5px;
        font-size: 1rem;
    }
    .indentEx {
        margin-left:0;
    }
    .pInfo {
        margin: 5px 0 0 0;
        font-size: 11px;
    }

    ::placeholder {
        color: #aaa;
        font-size: 1rem;
        font-weight: 300;
    }

    .chkText.mnIndent {
        margin-left: -12px;
        margin-top: 5px;
    }

    .journal_wrap {
        background-color: #f4f6f9;
        padding: 20px;
        float: left;
        margin-bottom: 20px;
    }
    .journal_box {
        position: relative;
    }
    .journal_box dt{
        display: block;
        margin-bottom: 5px;
        font-size: 3rem;
        font-weight: 600;
        color: #212121;
        transition: 0.3s;
        text-align: center;
    }
    .journal_box dt p{
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.4rem;
        font-weight: 300;
        color: #212121;
        transition: 0.3s;
    }
    .journal_img{
        height: 354px;
        width: 321px;
        float:none;
        clear: both;
        text-align: center;
        margin: 20px auto;
    }

    .journal_img .img{
        background: url(../images/journal_back.gif) no-repeat left bottom;
        background-size: 321px;
        margin: 0 auto;
        text-align: center;
    }

    .journal_img .img img {
        width: 250px;
        height: 354px;
        margin: 0 auto;
        text-align: center;
        border: solid 1px #cececf;
    }
    .journal_box dd.pt100{
        padding-top: 30px;
        padding-left: 35px;
        text-align: center;
        margin: 0 auto;
    }
    .journal_box dd.pt100 span{
        margin:0 25px 0 0;
        padding:0;
        width: 40.9%;
        float: left;
    }
    .journal_box dd.pt100 img{
        width: 100%;
    }
    .mdBox .schedule_list_l{
        width: 100%;
    }
    .mdBox .title_01 img{width: 50%;}

    .focusView td.detail img {
        height: 50% !important;
    }
    .title_03 img{ display: none;}
    .title_03 span{ display: block;}
    .step-auth{ display: none;}
    .step-auth-m{ display: block; padding-bottom: 20px;}
    .step-auth-m img{ width: 100%;}

    /*서브페이지 네비게이션바*/
    @media screen and (max-width: 480px) {
        .navMenu {
            display: block;
        }

        .navMenu .oneDepth {
            height: 58px;
        }

        .navMenu .oneDepth > li a{
            height: 58px;
        }

        .navMenu .oneDepth > li:nth-child(2){
            width: 200px;
        }
    }
}

@media screen and (max-width: 700px) {
    .journal_wrap {
        background-color: #f4f6f9;
        padding: 20px;
        float: left;
        margin-bottom: 20px;

    }
    .journal_box {
        position: relative;
    }
    .journal_box dt{
        display: block;
        margin-bottom: 5px;
        font-size: 3rem;
        font-weight: 600;
        color: #212121;
        transition: 0.3s;
        text-align: center;
    }
    .journal_box dt p{
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.4rem;
        font-weight: 300;
        color: #212121;
        transition: 0.3s;
    }
    .journal_img{
        height: 354px;
        width: 321px;
        float:none;
        clear: both;
        text-align: center;
        margin: 20px auto;

    }

    .journal_img .img{
        background: url(../images/journal_back.gif) no-repeat left bottom;
        background-size: 321px;
        margin: 0 auto;
        text-align: center;

    }
    .journal_img .img img {
        width: 250px;
        height: 354px;
        margin: 0 auto;
        text-align: center;
        border: solid 1px #cececf;
    }
    .journal_box dd.pt100{
        padding-top: 30px;
        padding-left: 35px;
        text-align: center;
        margin: 0 auto;
    }
    .journal_box dd.pt100 span{
        margin:0 25px 0 0;
        padding:0;
        width: 40.9%;
        float: left;
    }
    .journal_box dd.pt100 img{
        width: 100%;
    }
    .step-auth{ display: none;}
}

@media screen and (max-width: 630px) {
    .journal_wrap {
        background-color: #f4f6f9;
        padding: 20px;
        margin-bottom: 20px;

    }
    .journal_box {
        position: relative;
    }
    .journal_box dt{
        display: block;
        margin-bottom: 5px;
        font-size: 3rem;
        font-weight: 600;
        color: #212121;
        transition: 0.3s;
        text-align: center;
    }
    .journal_box dt p{
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.4rem;
        font-weight: 300;
        color: #212121;
        transition: 0.3s;
    }
    .journal_img{
        height: 354px;
        width: 321px;
        float:none;
        clear: both;
        text-align: center;
        margin: 20px auto;

    }

    .journal_img .img{
        background: url(../images/journal_back.gif) no-repeat left bottom;
        background-size: 321px;
        margin: 0 auto;
        text-align: center;

    }
    .journal_img .img img {
        width: 250px;
        height: 354px;
        margin: 0 auto;
        text-align: center;
        border: solid 1px #cececf;
    }
    .journal_box dd.pt100{
        padding-top: 30px;
        padding-left: 35px;
        text-align: center;
        margin: 0 auto;
    }
    .journal_box dd.pt100 span{
        margin:0 25px 0 0;
        padding:0;
        width: 40.9%;
        float: left;
    }
    .journal_box dd.pt100 img{
        width: 100%;
    }
    .step-auth{ display: none;}
}

@media screen and (max-width: 900px) {

    .journal_wrap {
        background-color: #f4f6f9;
        padding: 20px;
        margin-bottom: 20px;
        folat:left;
    }
    .journal_box {
        position: relative;
    }
    .journal_box dt{
        display: block;
        margin-bottom: 5px;
        font-size: 3rem;
        font-weight: 600;
        color: #212121;
        transition: 0.3s;
        text-align: center;
    }
    .journal_box dt p{
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.4rem;
        font-weight: 300;
        color: #212121;
        transition: 0.3s;
    }
    .journal_img{
        height: 354px;
        width: 321px;
        float:none;
        clear: both;
        text-align: center;
        margin: 20px auto;

    }

    .journal_img .img{
        background: url(../images/journal_back.gif) no-repeat left bottom;
        background-size: 321px;
        margin: 0 auto;
        text-align: center;

    }
    .journal_img .img img {
        width: 250px;
        height: 354px;
        margin: 0 auto;
        text-align: center;
        border: solid 1px #cececf;
    }
    .journal_box dd.pt100{
        padding-top: 30px;
        padding-left: 35px;
        text-align: center;
        margin: 0 auto;
    }
    .journal_box dd.pt100 span{
        margin:0 25px 0 0;
        padding:0;
        width: 40.9%;
        float: left;
    }
    .journal_box dd.pt100 img{
        width: 100%;
    }
    .step-auth{ display: none;}
    .step-auth-m{ display: block; padding-bottom: 20px;}
    .step-auth-m img{ width: 100%;}
}

@media screen and (max-width: 1200px) {

    .journal_wrap {
        background-color: #f4f6f9;
        padding: 20px;
        margin-bottom: 20px;
        float: left;
    }
    .journal_box {
        position: relative;
    }
    .journal_box dt{
        display: block;
        margin-bottom: 5px;
        font-size: 3rem;
        font-weight: 600;
        color: #212121;
        transition: 0.3s;
        text-align: center;
    }
    .journal_box dt p{
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.4rem;
        font-weight: 300;
        color: #212121;
        transition: 0.3s;
    }
    .journal_img{
        height: 354px;
        width: 321px;
        float:none;
        clear: both;
        text-align: center;
        margin: 20px auto;

    }

    .journal_img .img{
        background: url(../images/journal_back.gif) no-repeat left bottom;
        background-size: 321px;
        margin: 0 auto;
        text-align: center;

    }
    .journal_img .img img {
        width: 250px;
        height: 354px;
        margin: 0 auto;
        text-align: center;
        border: solid 1px #cececf;
    }
    .journal_box dd.pt100{
        padding-top: 30px;
        padding-left: 35px;
        text-align: center;
        margin: 0 auto;
    }
    .journal_box dd.pt100 span{
        margin:0 25px 0 0;
        padding:0;
        width: 40.9%;
        float: left;
    }
    .journal_box dd.pt100 img{
        width: 100%;
    }
    .step-auth{ display: none;}
    .step-auth img{ width: 100%;}
    .step-auth-m{ display: block; padding-bottom: 20px;}
    .step-auth-m img{ width: 100%;}
}