header {z-index: 999}

#pcHeader {background: rgba(255,255,255,0.9);}
#pcHeader .inner {padding: 1.5rem 0;}
#pcHeader .logo {}
#pcHeader .logo a {display: inline-block; width: 6.2rem; height: 7rem; background: url('../img/logo.svg') center/contain;}
#pcHeader .gnb {margin-left: auto; gap: 4.8rem;}
#pcHeader .gnb li {}
#pcHeader .gnb li a {transition: 0.2s;}
#pcHeader .ctBtn {display: inline-block; padding: 0.9rem 4.2rem; background: #3D3D3D; border-radius: 8rem; margin-left: 4rem; color: #fff; transition: 0.2s;}

#pcHeader .gnb li:hover a {color: var(--pcr);}
#pcHeader .ctBtn:hover {background: #111}

#pcHeader.main {background: transparent;}
#pcHeader.main .logo a {background: url('../img/logo_w.svg') center/contain;}
#pcHeader.main .gnb li a {color: #C1C1C1;}
#pcHeader.main .gnb li:hover a {color: #fff;}

@media all and (max-width: 750px){
    #moHeader {background: rgba(255,255,255,0.9);}
    #moHeader .moHead {max-width: var(--innerMo); padding: 1.5rem; z-index: 1;}
    #moHeader .moHead .logo {}
    #moHeader .moHead .logo a {display: inline-block; width: 5.9rem; height: 7rem; background: url('../img/logo.svg') center/contain;}
    #moHeader .moHead .hamBtn {width: 4rem; height: 4rem; background: url('../img/ico_ham.svg') center/contain}

    #moHeader.main {background: transparent}
    #moHeader.main .logo a {background: url('../img/logo_w.svg') center/contain;}
    #moHeader.main .moHead .hamBtn {background: url('../img/ico_ham_w.svg') center/contain}

    #moHeader .moMenu {background: #fff; position: fixed; width: 100%; height: 100vh; top: 0; padding-top: 10rem; transition: 0.2s; top: -200%;}
    #moHeader .moMenu .gnb {}
    #moHeader .moMenu .gnb li {border-bottom: 1px solid #E0E0E0;}
    #moHeader .moMenu .gnb li a {max-width: var(--innerMo); padding: 3.7rem 0; background: url('../img/ico_menu_arr.svg') right center / 3.6rem 3.6rem no-repeat;}

    #moHeader.act {background: transparent}
    #moHeader.act .logo a {background: url('../img/logo.svg') center/contain;}
    #moHeader.act .moHead {background: #fff}
    #moHeader.act .moHead .hamBtn {background: url('../img/ico_close.svg') center/contain}
    #moHeader.act .moMenu {top: 0;}
}

#footer {background: #1B1A1E;}
#footer .inner {padding: 3.5rem 0; gap: 5rem;}
#footer .logo {}
#footer .ftTxt {}
#footer .ftTxt .info1 {padding-bottom: 2.2rem;}
#footer .ftTxt .info1 i {}
#footer .ftTxt .info2 {}
#footer .ftTxt .info2 span {cursor: pointer;}
#footer .etc {margin-left: auto}
#footer .etc a {transition: 0.2s;}
#footer .etc a:hover {color: #fff;}

@media all and (max-width: 750px){
    #footer {}
    #footer .inner {flex-direction: column; gap: 4rem; max-width: var(--innerMo); align-items: center;}
    #footer .logo {}
    #footer .logo img {width: 10.7rem;}
    #footer .ftTxt {text-align: center; font-size: 1.8rem; line-height: 2.6rem;}
    #footer .ftTxt .info1 {padding-bottom: 3rem; color: #ccc;}
    #footer .ftTxt .info1 i {display: none;}
    #footer .ftTxt .info2 {}
    #footer .etc {color: #ccc; font-size: 1.8rem; margin: 0; color: #ccc;}
}

#main {overflow: hidden;}
#main .bgArea {height: 100vh}
#main .bgArea .img {}
#main .bgArea .img img {height: 100%; object-fit: inherit;}
#main .txtArea {top: 35.46%;}
#main .txtArea .tit {text-transform: uppercase;}
#main .txtArea .wrt {padding-top: 3.5rem}
#main .quickArea {bottom: 9.26%; gap: 2.8rem;}
#main .quickArea li {width: calc((100% - 5.6rem) / 3); border-top: 1px solid rgba(255,255,255,0.7);}
#main .quickArea li a {gap: 1.1rem; opacity: 0.7; padding-top: 2rem; transition: 0.2s;}
#main .quickArea li a::before {content: ''; display: block; position: absolute; width: 0; height: 1px; top: 0; background: #fff; transition: 0.2s; left: 0;}
#main .quickArea li a img {}
#main .quickArea li a:hover {opacity: 1;}
#main .quickArea li a:hover::before {width: 100%;}

@media all and (max-width: 750px){
    #main {}
    #main .bgArea {}
    #main .bgArea .img {}
    #main .bgArea .img img {}
    #main .txtArea {max-width: var(--innerMo); top: 34.183%;}
    #main .txtArea .tit {font-size: 6.4rem;}
    #main .txtArea .wrt {font-size: 2.4rem; padding-top: 3rem;}
    #main .quickArea {max-width: var(--innerMo); gap: 1.3rem; bottom: 12.893%;}
    #main .quickArea li {width: calc((100% - 2.6rem) / 3);}
    #main .quickArea li a {flex-direction: column; align-items: baseline; gap: 0.5rem; font-size: 2rem; opacity: 1;}
    #main .quickArea li a img {}
}

#sub {padding-top: 10rem;}
#sub .subVisual {max-width: 160rem; margin: 7.2rem 0 10rem; margin-left: auto; overflow: hidden;}

.admBtn {display: flex; justify-content: flex-end; margin-top: 5rem; gap: 2rem;}
.admBtn a {padding: 1.5rem 0; color: rgba(255,255,255,0.8); width: 11rem; text-align: center;}
.admBtn a:hover {color: #fff;}
.admBtn a.wrtBtn {background: #1B1A1E;}
.admBtn a.updBtn {background: #747474;}
.admBtn button {padding: 1.5rem 0; color: rgba(255,255,255,0.8); width: 11rem; text-align: center;}
.admBtn button:hover {color: #fff;}
.admBtn button.wrtBtn {background: #1B1A1E;}
.admBtn button.updBtn {background: #747474;}

@media all and (max-width: 750px){
    #sub {overflow: hidden;}
    #sub .subVisual {max-width: 96%; margin: 5.3rem 0 7.3rem; margin-left: auto;}

    .admBtn {font-size: 1.8rem; margin-top: 8rem;}
}

.about {}

.about .vision {}
.about .vision .inner {padding: 13rem 0 19rem; display: flex; align-items: center;}
.about .vision .imgArea {max-width: 26.2rem; margin-left: 14.4rem;}
.about .vision .txtArea {width: 100%; max-width: 72rem; margin-left: auto;}
.about .vision .txtArea .tit {}
.about .vision .txtArea .subt {padding: 1.8rem 0 3rem; line-height: 3.4rem;}
.about .vision .txtArea .wrt {line-height: 2.5rem;}
.about .vision .txtArea .name {margin-top: 3.5rem; gap: 2rem;}
.about .vision .txtArea .name .txt {}
.about .vision .txtArea .name img {}
.about .vision .flowTxt {width: 100%; overflow: hidden; margin-bottom: 8rem;}

@media all and (max-width: 750px){
    .about .vision .inner {padding: 10rem 0 15rem; max-width: var(--innerMo); flex-direction: column; gap: 10rem;}
    .about .vision .imgArea {max-width: 20.2rem; margin: 0;}
    .about .vision .txtArea .subt {font-size: 2.8rem; padding: 3rem 0 5rem; line-height: 3.8rem;}
    .about .vision .txtArea .wrt {font-size: 2.4rem; line-height: 3.3rem;}
    .about .vision .txtArea .name {font-size: 2rem; margin-top: 6rem;}
    .about .vision .txtArea .name img {width: 10rem;}
    .about .vision .flowTxt img {max-height: 8rem;}
}

.about .tech {background: #1B1A1E;}
.about .tech .inner {padding: 25rem 0;}
.about .tech .titArea {margin-bottom: 8.5rem;}
.about .tech .titArea .tit {padding-bottom: 3rem;}
.about .tech .titArea .wrt {}
.about .tech .lstArea {justify-content: space-between;}
.about .tech .lilst {width: 25.6rem;}
.about .tech .lilst .icoArea {width: 100%; height: 25.6rem; background: rgba(52, 53, 58, 0.9); border-radius: 1rem; transition: 0.2s; top: 0;}
.about .tech .lilst .icoArea img {}
.about .tech .lilst .txtArea {padding-top: 2rem;}
.about .tech .lilst .txtArea .tit {padding-bottom: 1.5rem;}
.about .tech .lilst .txtArea .subt {color: #E0E0E0}
.about .tech .lilst .txtArea .lst {margin-top: 3rem; color: #999; line-height: 2.6rem; transition: 0.2s;}
.about .tech .lilst .txtArea .lst li {display: flex; gap: 1rem; align-items: flex-start;}
.about .tech .lilst .txtArea .lst li + li {margin-top: 1rem;}
.about .tech .lilst .txtArea .lst li span {display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #4882B6; flex-shrink: 0; top: 0.9rem;}

.about .tech .lilst:hover {}
.about .tech .lilst:hover .icoArea {top: -1.5rem;}
.about .tech .lilst:hover .txtArea .lst {color: #fff;}

@media all and (max-width: 750px){
    .about .tech {}
    .about .tech .inner {max-width: var(--innerMo);}
    .about .tech .titArea {margin-bottom: 10rem;}
    .about .tech .titArea .tit {font-size: 4rem; line-height: 5.5rem; padding-bottom: 4rem;}
    .about .tech .titArea .wrt {font-size: 2.2rem;}
    .about .tech .lstArea {flex-direction: column; gap: 5rem;}
    .about .tech .lilst {width: 100%; display: flex; gap: 5rem; align-items: center; padding-left: 3.2rem;}
    .about .tech .lilst .icoArea {width: 25rem; height: 25rem; flex-shrink: 0}
    .about .tech .lilst .icoArea img {width: 10rem;}
    .about .tech .lilst .txtArea {padding: 0;}
    .about .tech .lilst .txtArea .tit {font-size: 3.3rem; padding-bottom: 1.2rem;}
    .about .tech .lilst .txtArea .subt {font-size: 2.4rem;}
    .about .tech .lilst .txtArea .lst {font-size: 2.2rem;}
    .about .tech .lilst .txtArea .lst li + li {margin-top: 1.2rem;}
    .about .tech .lilst .txtArea .lst li span {}
}

.about .prop {}
.about .prop .inner {padding: 19rem 0 20rem;}
.about .prop .title {margin-bottom: 8rem;}
.about .prop .lstArea {gap: 5rem 3rem;}
.about .prop .lst {width: calc((100% - 9rem) / 4);}
.about .prop .lst .img {cursor: pointer;}
.about .prop .lst .img .more {background: rgba(0,0,0,0.5); opacity: 0; transition: 0.2s;}
.about .prop .lst .img .more span {display: inline-block; position: absolute; width: 5.2rem; height: 5.2rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../img/ab_more.png') center/contain;}
.about .prop .lst .subj {background: #0A0A0A; padding: 1rem 2rem; cursor: pointer;}
.about .prop .lst .modal {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;}
.about .prop .lst .modal .bg {height: 100%; background: rgba(0,0,0,0.5);}
.about .prop .lst .modal .box {position: absolute; width: 100%; max-width: 54.2rem; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 1rem; padding: 3rem;}
.about .prop .lst .modal .box .img {}
.about .prop .lst .modal .box .txt {font-size: 1.8rem; font-weight: bold; padding-top: 3rem;}
.about .prop .lst .modal .box .closeBtn {bottom: calc(100% + 2rem); right: 0;}

.about .prop .lst:hover .img .more {opacity: 1;}

@media all and (max-width: 750px){
    .about .prop .inner {padding: 15rem 0; max-width: var(--innerMo);}
    .about .prop .lstArea {gap: 4rem 5rem;}
    .about .prop .lst {width: calc((100% - 5rem) / 2);}
    .about .prop .lst .subj {font-size: 2rem;}
    .about .prop .lst .modal .box .txt {font-size: 2.4rem;}
}

.gallery {}
.gallery .inner {padding-bottom: 20rem;}

.gallery .titArea {margin-bottom: 10rem;}
.gallery .titArea .tit {}
.gallery .titArea .wrt {line-height: 2.6rem; padding-top: 2rem;}
.gallery .titArea .cate {display: flex; align-items: center; gap: 1.3rem; margin-top: 3rem;}
.gallery .titArea .cate li {display: flex; align-items: center; gap: 1.3rem;}
.gallery .titArea .cate li + li::before {content: ''; display: inline-block; width: 0.7rem; height: 0.7rem; background: #CCCCCC; border-radius: 50%;}
.gallery .titArea .cate li a {font-size: 3.2rem; color: #aaa; transition: 0.2s;}
.gallery .titArea .cate li.on a {font-weight: bold; color: #1B1A1E;}
.gallery .titArea .cate li:hover a {font-weight: bold; color: #1B1A1E;}
.gallery .titArea .subCate {padding: 2.35rem; border: 1px solid #E0E0E0; border-radius: 4rem; margin-top: 5rem;}
.gallery .titArea .subCate ul {gap: 8rem; flex-wrap: wrap; gap: 2rem 8rem; max-width: 80%;}
.gallery .titArea .subCate ul li {font-size: 1.8rem; font-weight: bold; color: #aaa; transition: 0.2s;}
.gallery .titArea .subCate ul li.on {color: var(--pcr)}
.gallery .titArea .subCate ul li:hover {color: var(--pcr)}
.gallery .titArea .subCate ul li a {}
.gallery .titArea .subCate .cateBtn {right: 4rem;}

.gallery .titArea.subCate {margin-bottom: 5rem;}

.gallery .lstArea {gap: 5rem 4rem;}
.gallery .lstArea .lst {border: 1px solid #E4E4E4; border-radius: 0.5rem; width: calc((100% - 4rem) / 2); transition: 0.4s;}
.gallery .lstArea .lst a {display: block; padding: 2.75rem 3rem;}
.gallery .lstArea .lst .imgArea {height: 31.5rem;}
.gallery .lstArea .lst .imgArea img {height: 100%; object-fit: cover;}
.gallery .lstArea .lst .txtArea {padding-top: 3rem; min-height: 27rem;}
.gallery .lstArea .lst .txtArea .cate {padding-bottom: 1.2rem;}
.gallery .lstArea .lst .txtArea .subj {padding-bottom: 2.5rem; border-bottom: 1px solid #E0E0E0}
.gallery .lstArea .lst .txtArea .wrt {line-height: 2.6rem; padding-top: 2.5rem;}
.gallery .lstArea .lst .txtArea .tag {gap: 0.8rem; margin-top: 3rem;}
.gallery .lstArea .lst .txtArea .tag li {background: #F5F5F5; border-radius: 2rem; padding: 1rem 1.5rem;}

.gallery .lstArea .lst:hover {border: 1px solid #1B1A1E;}

.gallery2 .lstArea {gap: 5rem 2.2rem;}
.gallery2 .lstArea .lst {width: calc((100% - 4.4rem) / 3);}
.gallery2 .lstArea .lst a {padding: 2rem;}
.gallery2 .lstArea .lst .imgArea {height: 25rem;}
.gallery2 .lstArea .lst .txtArea {min-height: auto;}
.gallery2 .lstArea .lst .txtArea .cate {padding-bottom: 1.4rem;}
.gallery2 .lstArea .lst .txtArea .subj {border: 0; padding-bottom: 1rem; font-size: 2rem;}

@media all and (max-width: 750px){
    .gallery {}
    .gallery .inner {max-width: var(--innerMo); padding-bottom: 15rem;}

    .gallery .titArea {}
    .gallery .titArea .tit {}
    .gallery .titArea .wrt {font-size: 2.4rem; line-height: 3.3rem;}
    .gallery .titArea .cate {flex-wrap: wrap; gap: 3rem 1.3rem;}
    .gallery .titArea .cate li a {font-size: 3.5rem;}
    .gallery .titArea .subCate ul {gap: 4rem 5rem; flex-wrap: wrap; max-width: 95%}
    .gallery .titArea .subCate ul li {font-size: 2.2rem;}
    .gallery .titArea .subCate .cateBtn {font-size: 2rem; position: relative; right: auto; display: flex; justify-content: center; top: auto; transform: none; margin-top: 3.5rem;}

    .gallery .lstArea {}
    .gallery .lstArea .lst {width: 100%}
    .gallery .lstArea .lst a {padding: 3rem}
    .gallery .lstArea .lst .imgArea {}
    .gallery .lstArea .lst .imgArea img {}
    .gallery .lstArea .lst .txtArea {}
    .gallery .lstArea .lst .txtArea .subj {}
    .gallery .lstArea .lst .txtArea .wrt {}
    .gallery .lstArea .lst .txtArea .tag {font-size: 1.6rem}

    .gallery2 .lstArea {gap: 3rem;}
    .gallery2 .lstArea .lst {width: calc((100% - 3rem) / 2);}
    .gallery2 .lstArea .lst a {padding: 2rem;}
    .gallery2 .lstArea .lst .imgArea {height: 20rem;}
    .gallery2 .lstArea .lst .txtArea {padding-top: 2rem;}
    .gallery2 .lstArea .lst .txtArea .cate {}
    .gallery2 .lstArea .lst .txtArea .subj {font-size: 2.4rem}
}

.view {}
.view .inner {padding: 12rem 0 20rem;}
.view .titArea {border-bottom: 1px solid #3D3D3D;}
.view .titArea .lstBtn {width: 11rem; background: #1B1A1E; font-size: 1.6rem; color: rgba(255,255,255,0.8); text-align: center; padding: 1.55rem 0; display: inline-block; right: 0; z-index: 1}
.view .titArea .lstBtn:hover {color: #fff;}
.view .titArea .tit {margin-bottom: 2rem;}
.view .titArea .wrt {line-height: 2.6rem;}
.view .titArea .opt {padding-top: 2.5rem;}
.view .titArea .opt li {flex: 1;}
.view .titArea .opt li + li {padding-left: 2rem; border-left: 1px solid #CCCCCC;}
.view .titArea .opt li .optTit {padding-bottom: 1.5rem;}
.view .titArea .info {color: #AAAAAA; display: flex; gap: 5rem; padding-top: 3rem;}
.view .titArea .info li {}
.view .contArea {padding: 7rem 0; min-height: 60rem; font-size: 1.6rem;}
.view .contArea img {max-width: 100%;}
.view .contArea .txt {margin-top: 2.8rem; font-size: 1.6rem;}
.view .navArea {border: 1px solid #3D3D3D; border-right: 0; border-left: 0;}
.view .navArea li {display: flex; align-items: center;}
.view .navArea li .tit {margin-right: 8rem; flex-shrink: 0;}
.view .navArea li .link {padding: 2rem 0; display: block; width: 100%;}
.view .navArea li .link.none {color: #AAAAAA;}
.view .navArea li.prevNav {border-top: 1px solid #E0E0E0;}

.view.typeA .titArea {padding-bottom: 5rem;}
.view.typeA .titArea .lstBtn {bottom: 4.5rem;}

.view.typeB .titArea {padding-bottom: 2rem;}
.view.typeB .titArea .lstBtn {top: 0;}

.view.typeC .inner {padding: 0 0 20rem}
.view.typeC .titArea {padding-bottom: 3rem;}
.view.typeC .titArea .lstBtn {bottom: 4rem;}

@media all and (max-width: 750px){
    .view {}
    .view .inner {max-width: var(--innerMo); padding: 5rem 0 15rem;}
    .view .titArea {}
    .view .titArea .lstBtn {position: relative; bottom: auto !important; top: auto !important; margin-bottom: 5rem;}
    .view .titArea .tit {}
    .view .titArea .wrt {}
    .view .titArea .opt li + li {padding-left: 2.5rem;}
    .view .titArea .opt li .optTit {padding-bottom: 0.5rem;}
    .view .contArea {}
    .view .contArea .txt {}
    .view .navArea {}
    .view .navArea li {}
    .view .navArea li .tit {}
    .view .navArea li .link {}
}

.contact {}
.contact .inner {padding-bottom: 20rem}
.contact .titArea {margin-bottom: 5rem;}
.contact .titArea .tit {padding-bottom: 2rem;}
.contact .titArea .wrt {}
.contact .mapArea {margin-bottom: 9rem;}
.contact .mapArea .map {}
.contact .mapArea .mapTxt {padding-top: 3rem;}
.contact .contArea {gap: 7rem;}
.contact .formArea {width: 70rem; flex-shrink: 0;}
.contact .formArea .notxt {padding-bottom: 1.2rem;}
.contact .formArea .formLst {padding: 6rem 0 5rem; border-top: 1px solid #3D3D3D; border-bottom: 1px solid #CCCCCC}
.contact .formArea .formLst li {}
.contact .formArea .formLst li + li {margin-top: 3rem;}
.contact .formArea .formLst li .tit {width: 10rem; flex-shrink: 0}
.contact .formArea .formLst li input {width: 100%; box-shadow: none; border: 1px solid #ccc; height: 5.5rem; border-radius: 0.5rem; font-size: 1.6rem;}
.contact .formArea .formLst li textarea {width: 100%; box-shadow: none; border: 1px solid #ccc; border-radius: 0.5rem; font-size: 1.6rem;}
.contact .formArea .chkArea {color: #888; font-size: 1.6rem; display: flex; align-items: center; margin-top: 2rem;}
.contact .formArea .chkArea input {top: auto; margin: 0; margin-right: 1rem;}
.contact .formArea .chkArea label {}
.contact .formArea .chkArea span {cursor: pointer; text-decoration: underline;}
.contact .formArea .submitBtn {margin-top: 5rem; display: inline-block; color: #fff; font-size: 1.6rem; background: #1B1A1E; padding: 2.3rem 8.3rem; transition: 0.2s;}
.contact .formArea .submitBtn:hover {background: #00509A}
.contact .infoArea {width: 100%}
.contact .infoArea .lst {border: 1px solid #E0E0E0; border-radius: 0.5rem; overflow: hidden;}
.contact .infoArea .lst + .lst {margin-top: 3rem;}
.contact .infoArea .lst::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 0.5rem; opacity: 0; transition: 0.2s;}
.contact .infoArea .lst:hover::before {opacity: 1}
.contact .infoArea .lst a {padding: 2.3rem 3rem; gap: 2rem; z-index: 1}
.contact .infoArea .lst a img {}
.contact .infoArea .lst a .txt {line-height: 2.2rem;}
.contact .infoArea .lst a .txt .tit {}
.contact .infoArea .lst a .txt .wrt {color: #888888}

.contact .infoArea .lst1 {background: #FAFAFA;}
.contact .infoArea .lst1::before {border: 2px solid #747474;}

.contact .infoArea .lst2 {background: #F0F0F0;}
.contact .infoArea .lst2::before {border: 2px solid #3D3D3D;}

.contact .infoArea .lst3 {background: #F2F9FF;}
.contact .infoArea .lst3::before {border: 2px solid #00509A;}

@media all and (max-width: 750px){
    .contact {}
    .contact .inner {max-width: var(--innerMo); padding-bottom: 10rem;}
    .contact .titArea {}
    .contact .titArea .tit {}
    .contact .titArea .wrt {font-size: 2.4rem; line-height: 3.3rem;}
    .contact .mapArea {margin-bottom: 5rem;}
    .contact .mapArea .map {}
    .contact .mapArea .mapTxt {font-size: 3.3rem;}
    .contact .contArea {flex-direction: column;}
    .contact .formArea {}
    .contact .formArea .notxt {}
    .contact .formArea .formLst {padding: 3rem 0 5rem;}
    .contact .formArea .formLst li {}
    .contact .formArea .formLst li .tit {font-size: 2.4rem; width: 11rem;}
    .contact .formArea .formLst li input {font-size: 2rem}
    .contact .formArea .formLst li textarea {font-size: 2rem}
    .contact .formArea .chkArea {font-size: 2rem;}
    .contact .formArea .chkArea input {width: 1.8rem; height: 1.8rem;}
    .contact .formArea .chkArea label {}
    .contact .formArea .chkArea span {}
    .contact .formArea .submitBtn {font-size: 2.2rem;}
    .contact .formArea .submitBtn:hover {}
    .contact .infoArea {}
    .contact .infoArea .lst {}
    .contact .infoArea .lst + .lst {margin-top: 2rem;}
    .contact .infoArea .lst a {}
    .contact .infoArea .lst a img {width: 4rem;}
    .contact .infoArea .lst a .txt {font-size: 2.2rem; display: flex; gap: 2rem;}
    .contact .infoArea .lst a .txt .tit + .tit {left: -1rem}
    .contact .infoArea .lst a .txt .wrt {}
}

.notice {}
.notice .inner {padding-bottom: 20rem;}
.notice .titArea {margin-bottom: 7.6rem;}
.notice .titArea .tit {}
.notice .titArea .wrt {padding-top: 2rem;}
.notice .board {}
.notice .board .count {margin-bottom: 1.2rem;}
.notice .board .boardTable {border-top: 1px solid #212121;}
.notice .board .boardTable tr {border-bottom: 1px solid #E0E0E0}
.notice .board .boardTable th {font-size: 1.4rem; padding: 2rem 0; color: #666666;}
.notice .board .boardTable th input {display: none;}
.notice .board .boardTable th input + label span {margin: 0 auto; float: none;}
.notice .board .boardTable td {font-size: 1.6rem; text-align: center;}
.notice .board .boardTable td a {padding: 2.5rem 0; display: block; text-align: left; padding-left: 4rem;}
.notice .board .boardTable td span {font-weight: bold; color: var(--pcr);}
.notice .board .boardTable td input {display: none;}
.notice .board .boardTable td input + label span {margin: 0 auto; float: none;}

@media all and (max-width: 750px){
    .notice .inner {max-width: var(--innerMo); padding-bottom: 10rem;}
    .notice .titArea .wrt {font-size: 2.4rem;}
    .notice .board .count {font-size: 2rem;}
    .notice .board .boardTable th {font-size: 1.6rem;}
    .notice .board .boardTable td {font-size: 1.8rem;}
}

.empty_list {font-size: 1.6rem; width: 100%;}
.write {font-size: 1.4rem;}
.write .inner {padding: 10rem 0; min-height: 60vh}
.write .title {margin-bottom: 3rem;}
.write .write_tag_div {display: flex; gap: 1rem; flex-wrap: wrap}
.write .write_tag_div input {width: calc((100% - 6rem) / 7)}
.write .write_info_div {display: flex; gap: 1rem; flex-wrap: wrap}
.write .write_info_div input {width: calc((100% - 2rem) / 3)}
.write .write_cate_div {}
.write .write_cate_div .tit {padding-bottom: 0.8rem; font-weight: 600}
.write .write_cate_div .lst {gap: 0.6rem;}
.write .write_cate_div .lst li {width: 14rem;}
.write .write_cate_div .lst li a {display: block; border: 1px solid #e2e2e2; text-align: center; font-size: 1.6rem; padding: 1.5rem 0;}
.write .write_cate_div .lst li.on a {background: #000; color: #fff;}

.write .bo_w_flie .frm_file {margin-top: -4px !important}

.btn_submit {background: #000}

#bo_w .bo_w_select select {height: 4.5rem;}

.lstAdmBtn {position: absolute; top: 0; right: 0;}
.lstAdmBtn a {background: #000; color: #fff; font-size: 1.2rem; padding: 0.2rem 0.4rem !important; display: inline-block !important; }

.bo_v_option li input {display: none}

@media all and (max-width: 750px){
    .write .inner  {max-width: var(--innerMo)}
    .write .write_tag_div input {width: calc((100% - 3rem) / 4);}
    .write .bo_w_flie .frm_file {margin-top: 1px !important; padding-left: 30px !important;}
}


.pg_wrap {float: none; margin-top: 5rem; width: 100%;}
.pg_wrap:after {display: none}
.pg_wrap .pg {display: flex; align-items: center; justify-content: center; gap: 1rem}
.pg_wrap .pg .pg_page {width: 3rem; height: 3rem; font-size: 1.6rem; line-height: 3rem; font-weight: 400; color: #212121; background: transparent; border-radius: 0; border: 0; min-width: auto; padding: 0;}
.pg_wrap .pg .pg_page.pg_start {background: url('../img/icon_arrow_double_pagination_1.svg') no-repeat center/contain}
.pg_wrap .pg .pg_page.pg_prev {background: url('../img/icon_arrow_pagination_1.svg') no-repeat center/contain; margin-right: 0.5rem;}
.pg_wrap .pg .pg_page.pg_next {background: url('../img/icon_arrow_pagination_2.svg') no-repeat center/contain; margin-left: 0.5rem}
.pg_wrap .pg .pg_page.pg_end {background: url('../img/icon_arrow_double_pagination_2.svg') no-repeat center/contain}
.pg_wrap .pg .pg_current {width: 3rem; height: 3rem; line-height: 3rem; background: #00509A; color: #fff; border-radius: 0; border: 0; font-size: 1.6rem; font-weight: 400; min-width: auto; padding: 0;}