/* COMMON */
.f-nsquare { font-family: "NanumSquare", "sans-serif"; }
.h-text { font-size: 0; color: transparent; }
.n-margin { margin: 0 !important; }
.afterClear:after { content: ""; display: block; clear: both; }
.v-center { position: relative; top: 50%; transform: translateY(-47%);}
.v-scroll { overflow-y: auto; }
.effect1:active, a:active { opacity: .7; }
h1, h2, h3, h4, strong, span, p, em, i, li, input, label, textarea { font-weight: 400; font-family: "NotoSansCJK", "sans-serif"; font-style: normal; line-height: 100%; color: inherit; letter-spacing: -0.1vw; }

body { width: 100vw; height: 100vh; overflow: hidden; }

#wrap { width: 100%; height: 100%; }
#wrap .container { position: relative; width: 100%; height: 100%; z-index: 1;}
#wrap .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }
#contentView { /*height: calc(100vh - 21.2vw);*/ height: calc(100vh - 36.7vw); }

/* FOOTER */
/*footer { position: absolute; bottom: 0; left: 0; padding: 4.3vw 0; width: 100%; text-align: center; }
footer .copyright { font-size: 2.8vw; color: #fff; opacity: .5; }*/


/* HEADER */
header { position: relative; padding: 1.8vw 4.2vw 0; width: 100%; height: 18.8vw; /*border-bottom: 0.3vw solid #ffb300;*/ background-color: #fff; text-align: center; z-index: 1; }
.sub header { border-bottom: 1px solid #dddddd; }
header .logo { display: inline-block; width: 65%; margin-top: 2.6vw;}
header .logo img { width: 100%; }
header .back { position: absolute; top: 8.4vw; left: 4.3vw; }
header .back i { font-size: 8.4vw; color: #000; }

/* HEADER2  */
/* 게시판 목록 header 2022-11-07 유병찬 */
header { position: relative; padding: 1.8vw 4.2vw 0; width: 100%; height: 18.8vw; /*border-bottom: 0.3vw solid #ffb300;*/ background-color: #fff; text-align: center; z-index: 1; }
.sub header { border-bottom: 1px solid #dddddd; }
header .logo2 { display: inline-block; width: 90%; margin-top: 2.6vw;}
header .logo2 img { width: 100%; }
header .back { position: absolute; top: 8.4vw; left: 4.3vw; }
header .back i { font-size: 8.4vw; color: #000; }
.main .container:before{display: block; content: ''; width: 100%; height: 53.52vw; background-color: #000; position: absolute; z-index: -10; left: 0; top: 0; background-image: url('../images/main/visual.jpg'); background-repeat: no-repeat; background-size: cover;}

.header__menu { position: absolute; top: 10vw; right: 4.3vw; }
.header__menu .btnOpen { position: relative; width: 6.8vw; height: 4.8vw; text-align: right; }
.header__menu .btnOpen i { display: inline-block; width: 100%; height: 100%; background-image: url('../images/common/icon_header_menu_b.png'); background-size: 100%; background-repeat: no-repeat;}
.menu__wrap { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; text-align: left; transform: translateX(100%); }
.menu__wrap.close { animation-name: menuClose; animation-duration: 500ms; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }
.menu__wrap.open { animation-name: menuOpen; animation-duration: 500ms; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }
.menu__wrap .menu_bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: background .3s ease-in-out; }
.menu__wrap.open .menu_bg { background-color: rgba(0, 0, 0, .5); }
.menu__wrap.close .menu_bg { background-color: rgba(0, 0, 0, 0); }
.menu__wrap nav { position: fixed; top: 0; right: 0; padding-top: 9.6vw; width: 62.2vw; height: 100%; background-color: #38435d; transform: translateX(100%); transition: all .3s ease-in-out; }
.menu__wrap.open nav { transform: translateX(0%); }
.menu__wrap.close nav { transform: translateX(100%); }
.menu__wrap nav .head .top { position: relative; height: 10.6vw; padding: 0 5vw; }
.menu__wrap nav .head .top .home { line-height: 10.6vw; }
.menu__wrap nav .head .top .home span { font-size: 3.8vw; color: #fff; }
.menu__wrap nav .head .top .home i { position: relative; top: 0.7vw; margin-right: 0.7vw; font-size: 4.7vw; color: #fff; }
.menu__wrap nav .head .top .btnClose { position: absolute; top: 50%; right: 5vw; transform: translateY(-50%); } 
.menu__wrap nav .head .top .btnClose i { font-size: 7.4vw; color: #fff; }
.menu__wrap nav .head .info { position: relative; height: 17.4vw; padding: 0 5vw; background-color: #252d3b; }
.menu__wrap nav .head .info strong { font-size: 4.6vw; color: #fff; line-height: 17.4vw; }
.menu__wrap nav .head .info .logout { position: absolute; top: 50%; right: 5vw; width: 20.3vw; height: 6.3vw; text-align: center; border: 1px solid #fff; border-radius: calc(6.3vw / 2); transform: translateY(-50%); }
.menu__wrap nav .head .info .logout span { font-size: 2.8vw; color: #fff; line-height: 6.3vw; }
.menu__wrap nav .head .info .logout i { margin-right: 0.9vw; font-size: 2.8vw; color: #fff; }
.menu__wrap nav .body ul li { position: relative; height: 13.2vw; border-bottom: 1px solid rgba(255, 255, 255, .3); transition: all .1s ease-in-out; }
.menu__wrap nav .body ul li:active { background-color: #fff; }
.menu__wrap nav .body ul li a { padding: 0 5vw; display: block; width: 100%; height: 100%; }
.menu__wrap nav .body ul li a span { font-size: 4.6vw; color: #fff; line-height: 13.2vw; transition: all .1s ease-in-out; }
.menu__wrap nav .body ul li:active a span { color: #102852; }
.menu__wrap nav .body ul li a i { position: absolute; top: 50%; right: 6vw; font-size: 4.6vw; color: #fff; transform: translateY(-50%); transition: all .1s ease-in-out; }
.menu__wrap nav .body ul li:active a i { color: #102852; }

.footer{width: 100vw; height: 19vw; background-color: #38435d; position: fixed; bottom: 0;left: 0;}
.footer ul{width: 123%; height: 100%; border-top: 1px solid #ddd;}
.footer.main_footer ul{width: 123%; height: 100%; border-top: 1px solid #38435d;}
.footer ul li{width: 20.333%; height: 100%; background-color: #38435d; border-left: 1px solid #67808d; float: left; font-size: 3.1vw; font-weight: 200; color: #e1e2e5; text-align: center; background-repeat: no-repeat; background-size: 8.3vw; background-position: center 3vw;}
.footer ul li a{display: block; width: 100%; height: 100%;}
.footer ul li p{padding-top: 12vw;}
.footer ul .search{border: 0; background-image: url("../images/common/footer_img1.png"); }
.footer ul .board{background-image: url("../images/common/footer_img2.png"); }
.footer ul .message{background-image: url("../images/common/footer_img3.png"); }
.footer ul .favorite{background-image: url("../images/common/footer_img4.png"); }


.footer ul .on{background-color: #006ec3 !important; color: #fff !important; }

@keyframes menuOpen {
    0% { transform: translateX(0%); }
    1% { transform: translateX(0%); }
    100% { transform: translateX(0%); }
}
@keyframes menuClose {
    0% { transform: translateX(0%); }
    99% { transform: translateX(0%); }
    100% { transform: translateX(100%); }
}




/* LOGIN */
.login .bg { background-image: url('../images/login/bg_login.jpg'); background-position: center; background-size: cover; width: 100% !important; height: 100% !important;}
.login__view { position: absolute; top: 40%; left: 50%; text-align: center; transform: translate(-50%, -50%); }
.login__view img { margin-bottom: 6.5vw; width: 63vw; }
.login__view h1 { margin-bottom: 11.3vw; font-size: 5.1vw; font-weight: 700; color: #fff; }
.login__view ul li { position: relative; margin-top: 2.7vw; margin-bottom:1.5vw;width: 81.3vw; height:13.2vw; /*border: 1px solid #fff;*/background-color: #006ec3; border-radius: 1vw; line-height:12vw;}
.login__view ul li:first-child { margin-top: 0; }
.login__view ul li.input-box { border: none; background-color: #fff; border: 1px solid #bfbfbf; border-radius: 1vw;}
.login__view ul li.input-box i { display: block; position: absolute; top: 50%; left: 0; left: 7.6vw; font-size: 4.5vw; color: #000; transform: translateY(-50%); }
.login__view ul li input { width: 100%; height: 100%; margin-left:10px;}
.login__view ul li input[type=input] { padding: 0 3.4vw; font-size: 3.8vw; color: #000; font-weight: 300; letter-spacing: 0.2vw; /*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/}
.login__view ul li input[type=input]::placeholder { color: #999999; }
.login__view ul li input[type=submit] { font-size: 4.1vw; font-weight: 900; color: #fff; letter-spacing: 0.2vw; }
.login__view ul a { font-size: 4.1vw; font-weight: 900; color: #fff; letter-spacing: 0.2vw; }
.login__view form{margin-bottom: 5vw;}
.login__view .btn{width: 81.3vw; height: 13.2vw; background-color: #de963d; margin: 0 auto; border-radius: 1vw;}
.login__view .btn a{display: block; width: 100%; height: 100%; line-height: 13.2vw; font-size: 4.1vw; font-weight: 900; color: #fff; letter-spacing: 0.2vw; }

.login footer { position: absolute; bottom: 0; width: 100%; margin-left: 0; background: transparent; border: 0; color: #444; }


/* MAIN */
.main .bg { background-color: #fff }
.main header { background-color: transparent; text-align: left; border-bottom: 1px solid #b9bcbe;}
.main header .logo { display: inline-block; height: 8.9vw; margin-top: 2.4vw;}
.main header .logo img { height: 145%; width: 100%; }
.main__view{/*background-image: url('../images/main/bg.jpg'); background-size: cover; background-position: center;*/}

.main .header__menu .btnOpen i { background-image: url('../images/common/icon_header_menu_w.png'); }

.main__view { position: relative; padding: 3vw 4.2vw 0; }

.main_box{width: 90vw; height: 64.26vw; background-color: #fff; padding: 3.5vw; margin-top: 16vw}

.main_pin{font-family: "NotoSansCJK", sans-serif;}
.main_emp{width: 7.5vw; height: 7.5vw; background-image: url('../images/main/emp.png'); background-size: cover; float: left;}
.main_user{font-size: 3.7vw; color: #363636; font-weight: 500; float: left; line-height: 7.5vw; padding-left: 2.2vw; height: 7.5vw;}
.main_userName{font-weight: 500;}
.main_userLoc{font-weight: 600; color: #406fbd;}
.main_user_setting{font-size: 3vw; color: #363636; font-weight: 300; line-height: 7.5vw; float: right; height: 7.5vw;}
.main_user_setting i{font-size: 3vw;}
.main__search { position: relative; width: 100%; height: 11.4vw; background-color: #fff; border:1px solid #cfcfcf; border-radius: 0.5vw; /*margin-top: 3.5vw; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/}
.main__search form { width: 100%; height: 100%; position: relative; overflow: hidden;}
.main__search form:before{display: block; content: ''; width: 13.5vw; height: 100%; background-color: #0061ab; position: absolute; right: 0; border-radius: 0.5vw;}
.main__search input[type=text] { padding: 0 14.4vw 0 4.1vw; width: 100%; height: 100%; font-size: 3.4vw; color: #444444; font-weight: 300; letter-spacing: -1px; }
.main__search input[type=text]::placeholder { color: #a7a7a7; }
.main__search input[type=submit] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main__search i { position: absolute; top: 2.2vw; right: 3.3vw; color: #fff; font-size: 6.5vw; }

.main__btnwrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2.5vw;}
.main__btnwrap .main__btn{width: 50%; height: 22vw; }
.main__btnwrap .main__btn a{width: 100%; height: 100%; display: flex;  padding-left: 1.7vw; align-items: center;}
.main__btnwrap .main__btn a span{font-size: 3.7vw; font-weight: 500; color: #000; }
.main__btnwrap .main__btn a .main__btn_icon{margin-right: 1.8vw;}
.main__btnwrap .main__btn a img{height: 16vw; width: auto;}
.main__btnwrap .b1{border-bottom: 1px solid #ddd;}
.main__btnwrap .b2{border-bottom: 1px solid #ddd;}
.main__btnwrap .b3{}
.main__btnwrap .b4{}



.main__news{width: 100%; padding: 2.1vw 3.2vw 3.9vw;  margin-top: 4.5vw;}
#mainNewsTabs {position: relative; border-bottom: 1px solid #d0d0d0;}
#mainNewsTabs li{font-size: 3.9vw; font-weight: 300; color: #545454; float: left; /*margin-left: 4.2vw; */height: 8.7vw; line-height: 8.7vw; width: 27vw; text-align: center;}
#mainNewsTabs li a{position: absolute; right: 0; font-family: "NotoSansCJK", sans-serif; font-size: 2.7vw; font-weight: 300; display: none; height: 5vw; line-height: 5vw; top: 1.6vw; padding: 0 2vw; border: 1px solid #d0d0d0; border-radius: 5vw; background-color: #fff;}
#mainNewsTabs .on{font-weight: 700; font-size: 3.9vw; /*padding-top: 0.1vw; border-top: 0.5vw solid #406fbd;*/color: #000;}
#mainNewsTabs .on:before{content: ""; display: block; clear: both; width: 27vw; height: 107%;position: absolute; border-top: 0.5vw solid #000; border-bottom: 1vw solid #f4f4f4; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;}
#mainNewsTabs .on a{display: inline;}
.main__news .body #bbs_2 {display: none;}
.main__news .body #bbs_3 {display: none;}

.main__news .body .list ul li a{font-weight: 300;}
.main__news .body .list ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: #c6c6c6;
    transform: translateY(-50%);
}
.main__news .body .list ul li {
    position: relative;
    margin-top: 4vw;
    padding: 0 12vw 0 2.6vw;
    font-size: 3.6vw;
    color: #333333;
}
.main__news .body .list ul li span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 3.1vw;
    color: #808080;
    font-weight: 300;
}
.main__news .body .list ul li i.new{
    display: inline-block;
    position: absolute;
    top: -0.9vw;
    margin-left: 1vw;
}
.main__news .body .list ul li i.new:after {
    content: "N";
    display: block;
    width: 4.5vw;
    height: 4.5vw;
    text-align: center;
    border-radius: 50%;
    background-color: #e96d6d;
    font-size: 2vw;
    color: #fff;
    line-height: 4.5vw;
    text-indent: -2px;
}


.main__info{margin-top: 2.5vw; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ondutywrap{width: 100%; height: 26.2vw; border: 1px solid #c4c4c4; background-color: #506695; border-radius: 1vw; overflow: hidden;}
.ondutywrap .ondutybox{width: 100%; height: 18.2vw;}
.ondutywrap .ondutytitle{width: 100%; height: 8vw; position: relative; background-color: #2d3c5d; padding: 0 4vw; border-bottom: 1px solid #fff;}
.ondutywrap .ondutytitle a{position: absolute; right: 2vw; font-family: "NotoSansCJK", sans-serif; font-size: 2.7vw; font-weight: 300; height: 5vw; line-height: 5vw; top: 1.4vw; padding: 0 2vw; border: 1px solid #d0d0d0; border-radius: 5vw; color: #fff;}
.ondutywrap .ondutytitle h1{font-size: 4.1vw; font-weight: 500; color: #fff; margin-bottom: 2.6vw; line-height: 8vw;}
.ondutywrap .left{width: 35.7%; text-align: center; padding-top: 1.5vw; float: left;}
.ondutywrap .left .datewrap{width: 15vw; height: 15vw; background-color: #fff; border-radius: 50%; margin-left: 4vw; color: #2d3b5d; padding-top: 2.5vw;}
.ondutywrap .left .datewrap .day{font-weight: 700; font-size: 5.3vw; margin-bottom: 1vw;}
.ondutywrap .left .datewrap .date{font-weight: 700; font-size: 2.7vw;}
.ondutywrap .right{/*width: 55.3%;*/ height: 18.2vw;  text-align: center; /*padding-top: 2.1vw;*/ float: left; position: relative;}
.ondutywrap .right ul{text-align: left; height: 15vw; /*padding: 2vw 0;*/ margin-top: 1.6vw;}
.ondutywrap .right ul li{ height: 3vw; line-height: 3vw; margin-top: 2vw; padding-bottom: 1vw;}
.ondutywrap .right ul li span{font-weight: 100; font-size: 3vw; color: #fff; }
.ondutywrap .right ul li:first-child{margin-top: 1vw;}
.ondutywrap .right ul li .name{color: #fefdc3; margin: 0 1vw; font-weight: 700;}
.ondutywrap .right a{width: 100%; height: 7vw; display: block; background-color: #6c758d; color: #fff; font-size: 2.5vw; font-weight: 300; text-align: center; line-height: 7vw; position: absolute; bottom: 0;}

.od_btnwrap{width: 34%; height: 26.2vw; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.od_btnwrap .od_btn{width: 100%; height: 47%; border-radius: 1vw; background-color: #2991da; position: relative; text-align: center; padding-top: 2.5vw; /*padding-top: 3.6vw; padding-left: 11vw; *//*background-image: url(../images/main/od1.png); background-repeat: no-repeat; background-size: 6.4vw; background-position: 4vw 2.4vw;*/}
.od_btnwrap .od_btn span{font-size: 4.1vw; font-weight: 500; color: #fff; height: 6.4vw; line-height: 6.4vw;}
.od_btnwrap .od_btn2{/*background-image: url(../images/main/od2.png);*/ background-color: #51b1f4;}
.od_btnwrap .od_btn img{width: 6.4vw; height: 6.4vw;}
footer{width: 100vw; height: 12.9vw; background-color: #f0f0f0; border-top: 1px solid #bfbfbf; color: #929292; font-size: 2.7vw; margin-left: -4.2vw; text-align: center; line-height: 12.9vw;}
.copyright{line-height: 12.9vw;}
/*footer{width: 100%; height: 12.9vw; background-color: #f0f0f0; border-top: 1px solid #bfbfbf; color: #929292; font-size: 2.7vw; }*/



/* SUB */
.sub__view { background-color: #f5f5f5; }
.sub__view .head { padding: 5.4vw 3.9vw 4.7vw; }
.sub__view .head .top { margin-bottom: 3.3vw; }
.sub__view .head .top h2 { float: left; font-size: 5.6vw; font-weight: 500; }
.sub__view .head .top .breadcrumb { float: right; margin-top: 2.8vw; }
.sub__view .head .top .breadcrumb ul li { float: left; position: relative;; padding-left: 3.7vw; }
.sub__view .head .top .breadcrumb ul li:first-child { padding-left: 0; }
.sub__view .head .top .breadcrumb ul li .ang { position: absolute; top: 50%; left: 0.8vw; font-size: 2.8vw; color: #767676; transform: translateY(-46%); }
.sub__view .head .top .breadcrumb ul li a i { margin-right: 0.5vw; font-size: 2.8vw; color: #767676; }
.sub__view .head .top .breadcrumb ul li a span {font-size: 3.9vw; color: #767676; font-weight: 500;}
.sub__view .head .top .breadcrumb ul li:last-child a span { color: #434343; }
.sub__view .head .middle .tabs { margin-bottom: 2vw; width: 100%; height: 12vw; box-shadow: 0.1vw 0.1vw 0.7vw rgba(0, 0, 0, 0.08); }
.sub__view .head .middle .tabs ul { height: 100%; }
.sub__view .head .middle .tabs ul li { float: left; height: 100%; text-align: center; border: 1px solid #c5c5c5; border-left: none; background-color: #f8f8f8; }
.sub__view .head .middle .tabs.col2 ul li { width: calc(100% / 2); }
.sub__view .head .middle .tabs.col3 ul li { width: calc(100% / 3); }
.sub__view .head .middle .tabs.col5 ul li { width: calc(100% / 5); }
.sub__view .head .middle .tabs ul li:first-child { border-left: 1px solid #c5c5c5; }
.sub__view .head .middle .tabs ul li.on { background-color: #38435d; border-color: #525566; }
.sub__view .head .middle .tabs ul li a { display: block; width: 100%; height: 100%; }
.sub__view .head .middle .tabs ul li span { font-size: 4vw; color: #555555; font-weight: 300; line-height: 12vw; }
.sub__view .head .middle .tabs ul li.on span { color: #fff; }
.sub__view .head .middle .box-search { width: 100%; height: 13.9vw; background-color: #fff; box-shadow: 0vw 0.3vw 0.5vw rgba(0, 0, 0, 0.35) }
.sub__view .head .middle .box-search form { width: 100%; height: 100%; }
.sub__view .head .middle .box-search .box-select { position: relative; float: left; width: 28.1vw; height: 100%; }
.sub__view .head .middle .box-search .box-select.wide { float: none; width: 100%; }
.sub__view .head .middle .box-search .box-select select { padding-left: 4.2vw; width: 100%; height: 100%; font-size: 4.2vw; color: #555555; font-weight: 300; }
.sub__view .head .middle .box-search .box-select i { position: absolute; top: 50%; right: 1.7vw; font-size: 7.8vw; color: #555; transform: translateY(-50%); }
.sub__view .head .middle .box-search .box-select.wide i { right: 5vw; }
.sub__view .head .middle .box-search .box-input { float: left; position: relative; width: calc(100% - 28.1vw); height: 100%; }
.sub__view .head .middle .box-search .box-input:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 4.2vw; background-color: #c7c7c7; transform: translateY(-50%); }
.sub__view .head .middle .box-search .box-input input[type=text] { padding: 0 14.8vw 0 3vw; width: 100%; height: 100%; font-size: 4.2vw; color: #555555; font-weight: 200; }
.sub__view .head .middle .box-search .box-input input[type=text]::placeholder { color: rgba(85, 85, 85, .5); }
.sub__view .head .middle .box-search .box-input input[type=submit] { position: absolute; width: 100%; height: 100%; }
.sub__view .head .middle .box-search .box-input i { position: absolute; top: 50%; right: 3.6vw; font-size: 7.5vw; color: #555555; transform: translateY(-50%); }
.sub__view .body .top { margin-bottom: 2.8vw; padding: 0 1vw; }
.sub__view .body .top .info { font-size: 3.7vw; }
.sub__view .body .top .info .point { color: #e76c30; }

.sub__view .body .tail .more { margin: 1.2vw auto; width: 29.7vw; height: 9.6vw; border: 1px solid #c9c9c9; border-radius: 2vw; text-align: center; }
.sub__view .body .tail .more a { display: block; width: 100%; height: 100%; }
.sub__view .body .tail .more span { font-size: 3vw; line-height: 9.6vw; color: #555555; font-weight: 900; letter-spacing: 0vw; }
.sub__view .body .tail .more span i { position: relative; top: .2vw; font-weight: 900; }

.toTop { position: fixed; bottom: 33vw; right: 6vw; width: 9.3vw; height: 9.3vw; text-align: center; border-radius: 50%; background-color: rgba(0, 0, 0, .5); z-index: 3; }
.toTop a { display: block; width: 100%; height: 100%; }
.toTop i { font-size: 5.6vw; color: #fff; line-height: 9.3vw; }


/* BOARD LIST */
.board-list.write .body { padding-bottom: 12.2vw;/*padding-bottom: 30.7vw; */}
.boardList { background-color: #fff; border-top: 1px solid #dddddd; }
.boardList ul li { position: relative; padding: 4.4vw 3.9vw; border-bottom: 1px solid #dddddd; }
.boardList ul li:active { background-color: #e8e8e8; }
.boardList ul li a { display: block; width: 100%; height: 100%; }
.boardList ul li strong { margin-right: 4vw; font-size: 4.3vw; font-weight: 500; }
.boardList ul li em { font-size: 2.8vw; color: #767676; font-weight: 300; }
.boardList ul li p { position: relative; margin-top: 3.3vw; font-size: 3.8vw; font-weight: 300; color: #666666; }
.boardList ul li p .bar { display: inline-block; position: relative; top: 0.3vw; margin: 0 .2vw; width: 1px; height: 2.3vw; background-color: #dddddd; }
.boardList ul li p .reply { position: absolute; top: 0; right: 0; }
.boardList ul li p .reply i { position: absolute; top: -0.5vw; left: -5vw; font-size: 4.7vw; color: #d2d2d2; }
.boardList ul li i.ang { position: absolute; top: 50%; right: 4vw; font-size: 5vw; color: #454545; transform: translateY(-50%); }
.board-list .btnWrite { position: fixed; bottom: 0; width: 100%; /*height: 12.2vw;*/height: 30.7vw; background-color: #616c88; text-align: center; }
.board-list .btnWrite a { display: block; width: 100%; height: 100%; }
.board-list .btnWrite span { font-size: 4.7vw; color: #fff; font-weight: 500; line-height: 12.2vw; }
.board-list .btnWrite i { margin-right: 2vw; }


/* BOARD VIEW */
.sub__view.board-view .body .top { padding: 0; margin-bottom: 0; }
.sub__view.board-view .head .top { padding: 0; margin-bottom: 0; }
.boardView-title { position: relative; padding: 3.9vw 3.9vw; border-bottom: 1px solid #dddddd; background-color: #fff; }
.boardView-title strong { margin-right: 4vw; font-size: 4.3vw; font-weight: 500; }
.boardView-title p { position: relative; margin-top: 3.8vw; font-size: 3.8vw; font-weight: 300; color: #666666; } 
.boardView-title p span { font-weight: 300; }
.boardView-title p .bar { display: inline-block; position: relative; top: 0.3vw; margin: 0 .2vw; width: 1px; height: 2.3vw; background-color: #dddddd; }
.boardView-title p .reply { position: absolute; top: 0; right: 0; } 
.boardView-title p .reply i { position: absolute; top: -0.5vw; left: -5vw; font-size: 4.7vw; color: #d2d2d2; } 
.boardView-cntn { padding: 4.4vw 3.9vw; background-color: #fff; border-bottom: 1px solid #dddddd; }
.boardView-cntn img { width: 100%; }
.boardView-cntn p { margin-top: 0.8vw; font-size: 4.3vw; color: #666666; font-weight: 300; line-height: 170%; text-align: justify; }
.boardView-reply { padding: 3.9vw 3.9vw 8.5vw; background-color: #fff; border-bottom: 1px solid #dddddd; }
.boardView-reply .title { font-size: 3.3vw; font-weight: 700; }
.boardView-reply .reply_list ul li { position: relative; padding: 2.4vw 0; border-top: 1px solid #dddddd; }
.boardView-reply .reply_list ul li:first-child { border-top: none; }
.boardView-reply .reply_list ul li strong { margin-right: 4vw; font-size: 3.3vw; font-weight: 500; }
.boardView-reply .reply_list ul li p { position: relative; margin-top: 1.8vw; font-size: 3.3vw; font-weight: 300; color: #666666; }


.boardView-write {  margin-top: 1.4vw; height: 9.8vw; }
.boardView-write form { width: 100%; height: 100%; }
.boardView-write .box-input { float: left; width: calc(100% - 19.4vw); height: 100%; border: 1px solid #c5c5c5; }
.boardView-write .box-submit { float: left; width: 19.4vw; height: 100%; background-color: #38435d; }
.boardView-write input { width: 100%; height: 100%; }
.boardView-write input[type=text] { padding: 0 3vw; font-size: 3.3vw; color: #c5c5c5; }
.boardView-write input[type=text]::placeholder { color: rgba(197, 197, 197, .8); }
.boardView-write input[type=submit] { font-size: 3.3vw; color: #fff; }

.boardView-btns { padding: 5.1vw 3.9vw; width: 100%; height: 20.4vw; }
.boardView-btns ul { width: 100%; height: 100%; text-align: center; }
.boardView-btns ul li { height: 100%; }
.boardView-btns ul li.left { float: left; }
.boardView-btns ul li.right { float: right; }
.boardView-btns ul li.type1 { width: 27vw; border: 1px solid #dddddd; background-color: #fff; }
.boardView-btns ul li.type2 { display: inline-block; width: 30.7vw; background-color: #252d3b; }
.boardView-btns ul li a { display: block; width: 100%; height: 100%; }
.boardView-btns ul li span { font-size: 4.1vw; color: #555555; line-height: 10vw; }
.boardView-btns ul li.type2 span { color: #fff; }
.boardView-btns ul li i { margin-right: 1vw; }
.boardView-btns ul li.right i { margin-right: 0vw; margin-left: 1vw; }


/* BOARD WRITE */
.sub__view.board-write .head .top { padding: 0; margin-bottom: 0; }
.boardWrite-form { padding: 3.9vw 3.9vw 8.5vw; background-color: #fff; border-bottom: 1px solid #dddddd; }
.boardWrite-form .box-input { margin-top: 2.4vw; width: 100%; border: 1px solid #c5c5c5; }
.boardWrite-form .box-input:first-child { margin-top: 0; }
.boardWrite-form input[type=text] { padding: 0 3.2vw; width: 100%; height: 9.5vw; font-size: 3.3vw; font-weight: 300; }
.boardWrite-form input[type=text]::placeholder { color: #afafaf; }
.boardWrite-form textarea { padding: 3.2vw 3.2vw; width: 100%; height: 58.8vw; font-size: 3.3vw; resize: none; font-weight: 300; }
.boardWrite-form textarea::placeholder { color: #afafaf; }
.boardWrite-form .box-file { margin-top: 2.4vw; overflow: hidden; position: relative; }
.boardWrite-form .box-file .box-input { float: left; width: calc(100% - 19.5vw); height: 9.5vw; }
.boardWrite-form .box-file input[type=file] { position: absolute; width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.boardWrite-form .box-file input[type=text] { width: 100%; height: 100%; }
.boardWrite-form .box-file input[type=text]::placeholder { color: #afafaf; }
.boardWrite-form .box-file label { float: left; display: block; width: 19.5vw; height: 9.5vw; color: #fff; font-size: 3.3vw; background-color: #38435d; text-align: center; line-height: 9.5vw; font-weight: 500; }
.boardWrite-btns { padding: 2.8vw 3.9vw 5.6vw; text-align: center; }
.boardWrite-btns ul { display: inline-block; }
.boardWrite-btns ul li { float: left; margin-left: 2vw; width: 30.7vw; height: 10.6vw; background-color: #406fbd; }
.boardWrite-btns ul li:first-child { margin-left: 0; background-color: #3c3c3c; }
.boardWrite-btns ul li span { font-size: 4.1vw; color: #fff; line-height: 10.6vw; }



/* 조직도검색 */
.sub__view .box-org { padding: 2.4vw 3.9vw 10vw; width: 100%; }
.orgBox{border-top: 1px solid #a5a5a5; font-size: 4.1vw; font-weight: 400;}
.orgBox .org_list a{position: relative; width: 100%; height: 13.7vw; display: block; background-color: #fff; border-width: 0 1px 1px; border-style: solid; border-color: #a5a5a5; line-height: 13.7vw; padding-left: 5.6vw;} 
.orgBox .org_list a i{position: absolute; top: 50%; right: 6vw; transform: translateY(-50%);}
.orgBox > .on > a{background-color: #252d3b; color: #fff;}

.orgBox_sub{padding : 1vw 6.8vw; background-color: #637993; color: #fff;}
.orgBox_sub .org_list_sub{width: 100%; }
.orgBox_sub .org_list_sub a{width: 100%; height: 12.4vw; background-color: transparent; border-width: 0 0 1px; border-color: #a5a5a5; padding-left:0;}
.orgBox_sub .org_list_sub a i{position: absolute; top: 50%; right: 1vw; transform: translateY(-50%);}

.orgBox_sub_person{padding : 0;}
.orgBox_sub_person .org_list_sub_person{width: 100%; }
.orgBox_sub_person .org_list_sub_person a{width: 100%; height: 10vw; background-color: transparent; border:none; padding-left:0; font-size: 3.2vw; line-height: 10vw;}
.orgBox_sub_person .org_list_sub_person a i{position: static; top: 0; right: 0; transform: none;}
/*.sub__view .box-org ul li { border-radius: 1vw; text-align: center; overflow: hidden; }
.sub__view .box-org ul li.color1 { background-color: #102852; }
.sub__view .box-org ul li.color2 { background-color: #5b6473; }
.sub__view .box-org ul li.color3 { background-color: #354d3d; }
.sub__view .box-org ul li a { display: block; width: 100%; height: 100%;  }
.sub__view .box-org ul li a span { font-size: 4.2vw; color: #fff; font-weight: 500; line-height: 11.9vw; }
.sub__view .box-org .depth1.type1 { margin-top: 9.1vw; }
.sub__view .box-org .depth1.type2 { margin-top: 6.9vw; }
.sub__view .box-org .depth1 > li { margin-top: 0.9vw; width: 100%; height: 11.9vw; }
.sub__view .box-org .depth1 > li:first-child { margin-top: 0; }
.sub__view .box-org .depth1 .title { height: 11.9vw; background-color: #313843; }
.sub__view .box-org ul li.type2 { border: 1px solid #b8b8b8; height: auto; background-color: #fff; }
.sub__view .box-org ul li.type2:nth-child(2) { margin-top: 2vw; }
.sub__view .box-org ul li.type2 .title span { font-size: 4.2vw; color: #fff; font-weight: 500; line-height: 11.9vw; }
.sub__view .box-org .depth2 { padding: 3vw 3.9vw; }
.sub__view .box-org .depth2 li { float: left; width: calc((100% / 2) - 0.9vw); height: 11.1vw; background-color: #f5f5f5; border: 1px solid #b8b8b8; }
.sub__view .box-org .depth2 li:nth-child(even) { margin-left: 0.9vw; }
.sub__view .box-org .depth2 li:nth-child(n + 3) { margin-top: 1.1vw; }
.sub__view .box-org .depth2 li a span { font-size: 4vw; color: #555555; }*/


/* 공지사항 */
.board_sae .sub__view .head .middle .tabs { margin-bottom: 0; }
.board_sae .sub__view .head { padding-bottom: 2.8vw }
.board_sae .sub__view .head { padding-bottom: 2.8vw }

.popup__view { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.popup__bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); }
.popup__content { position: absolute; top: 50%; left: 50%; width: 89.3vw; height: auto; transform: translate(-50%, -50%); }
.popup__content .head { padding: 3.5vw 5.5vw; background-color: #2e9a11; }
.popup__content .head strong { font-size: 4.4vw; color: #fff; font-weight: 500; }
.popup__content .head span { float: right; position: relative; top: 0.6vw; font-size: 4.4vw; color: #fff; font-weight: 300; }
.popup__content .body { margin-bottom: 2.8vw; padding: 4.2vw 1.5vw 6.5vw; background-color: #fff; }
.popup__content .body .top { margin-bottom: 5.5vw; }
.popup__content .body .top .box-image { float: left; width: 24.5vw; }
.popup__content .body .top .box-image img { width: 100% }
.popup__content .body .top .box-text { float: left; padding: 3.5vw 0 0 1.5vw; width: calc(100% - 24.5vw); }
.popup__content .body .top .box-text ul li { margin-top: 1.8vw; }
.popup__content .body .top .box-text ul li:first-child { margin-top: 0; }
.popup__content .body .top .box-text ul li em { display: inline-block; margin-right: 0.5vw; width: 19vw; height: 5.2vw; font-size: 3.8vw; color: #000; text-align: center; border: 1px solid #b8b8b8; border-radius: calc(5.2vw / 2); line-height: 5.2vw; }
.popup__content .body .top .box-text ul li span { position: relative; top: -0.3vw; font-size: 4.4vw; color: #666666; font-weight: 300; letter-spacing: 0vw; }
.popup__content .body .middle { padding-top: 4.4vw; border-top: 1px solid #d9d9d9; }
.popup__content .body .middle strong { display: block; margin-bottom: 1.8vw; font-size: 5vw; font-weight: 500; }
.popup__content .body .middle p { margin-bottom: 4.6vw; font-size: 4.4vw; color: #666666; font-weight: 300; line-height: 170%; text-align: justify; }
.popup__content .body .tail .btns { height: 9.5vw; }
.popup__content .body .tail .btns ul { height: 100%; }
.popup__content .body .tail .btns ul li { float: left; width: calc(100% / 3); height: 100%; border-left: 1px solid #fff; background-color: #5b6473; text-align: center; }
.popup__content .body .tail .btns ul li:first-child { border-left: none; }
.popup__content .body .tail .btns ul li:active { background-color: #878e98; }
.popup__content .body .tail .btns ul li a { display: block; width: 100%; height: 100%; }
.popup__content .body .tail .btns ul li span { font-size: 3.6vw; color: #fff; font-weight: 300; line-height: 9.5vw; }
.popup__content .body .tail .btns ul li span i { margin-right: 0.8vw; }
.popup__content .foot .close { width: 100%; height: 11.1vw; border: .6vw solid #fff; text-align: center; }
.popup__content .foot .close a { display: block; width: 100%; height: 100%;background-color: #2e9a11; }
.popup__content .foot .close span { font-size: 5vw; color: #fff; font-weight: 500; letter-spacing: 0vw; line-height: 9.6vw; }
.popup__content .foot .close span i { position: relative; top: .2vw; margin-left: 2vw; }

/*재실현황*/
.positionview{width: 100%; /*height: 48vw;*/height: 51vw; /*padding-top: 4.6vw;*/padding-top: 4.5vw;}
.positionview p{font-size: 6.4vw; font-weight: 500; color: #646b78; text-align: center; margin-top: 2.9vw;}
.positionview .position_ch{font-weight: 700; color: #112852;}
.positionview .position_mk{width: 20.3vw; height: 20.3vw; background-color: #406fbd;  border-radius: 20.3vw; margin-top: 4.8vw; margin: 4.8vw auto 0;}
.positionview .position_icon{padding-top: 4.4vw;}
.positionview .position_icon img{display:block; width: 13.5vw; height: 11.4vw; margin: 0 auto; /*background-position: 4.4px 0;*/}
/*.positionview .icon1{background-image: url('../images/position/icon1.png'); background-repeat: no-repeat;}*/
.positionbtn{width: 100%;}
.positionbtn li{width: 33.3%; /*height: 26.2vw;*/height: 31vw; background-color: #646b78; /*border:1px solid #354258;*/ display: block; float: left; box-sizing: border-box; box-shadow: 
    1px 0 0 0 #354258, 
    0 1px 0 0 #354258, 
    1px 1px 0 0 #354258,
    1px 0 0 0 #354258 inset, 
    0 1px 0 0 #354258 inset;}
.positionbtn .on{background-color: #406fbd;}
.positionbtn li a{display: block; width: 100%; height: 100%; text-align: center; /*padding: 18% 0;*/ padding: 26% 0;}
.positionbtn li img{width: 10.2vw; margin: 0 auto;}
.positionbtn li p{font-size: 4.1vw; font-weight: 500; color: #fff; text-align: center;}
.positionchange{width: 100%; height: 18vw; background-color: #2d3b5d; color: #fff; font-size: 4.1vw; font-weight: 400;}
.positionchange a{width: 100%; height: 100%; display: block; text-align: center;line-height: 18vw;}


.onduty{padding: 4.1vw; /*background-color: #fff;*/}
.onduty_select{width: 100%; height: 10vw; background-color: #38435d; color: #fff; font-weight: 300; font-size: 3.7vw; padding: 2.1vw; position: relative;}
.onduty_select select{width: 100%; height: 100%;}
.onduty_select select option{color: #333;}
.onduty_select i{position: absolute; right: 2.1vw; top: 50%; transform: translateY(-50%);}
.onduty table{width: 100%; margin-top: 4vw;}
.onduty table thead{width: 100%; background-color: #e8e8e8; border-top: 4px solid #666;}
.onduty table tbody{width: 100%;}
.onduty table td{font-weight: 400; font-size: 2.7vw; color: #333; text-align: center; vertical-align: middle; height: 9.2vw; border-bottom: 1px solid #dddddd;}
.onduty table thead td{font-weight: 600;}
.onduty table .date{width: 27%; border-right: 1px solid #dddddd;}
.onduty table .agency{width: 30%; border-right: 1px solid #dddddd;}
.onduty table .sort{width: 20%; border-right: 1px solid #dddddd;}
.onduty table .name{width: 23%;}


/*20210618*/
.popup__content .body .tail .btns2 { height: 9.5vw; }
.popup__content .body .tail .btns2 ul { height: 100%; }
.popup__content .body .tail .btns2 ul li { float: left; width: calc(100% / 2); height: 100%; border-left: 1px solid #fff; background-color: #5b6473; text-align: center; }
.popup__content .body .tail .btns2 ul li:first-child { border-left: none; }
.popup__content .body .tail .btns2 ul li:active { background-color: #878e98; }
.popup__content .body .tail .btns2 ul li a { display: block; width: 100%; height: 100%; }
.popup__content .body .tail .btns2 ul li span { font-size: 4.4vw; color: #fff; font-weight: 300; line-height: 9.5vw; }
.popup__content .body .tail .btns2 ul li span i { margin-right: 0.8vw; }


.popbg{position:absolute; top:0; left:0; width:100%; height:100%;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
        z-index:10;
}
.pop_box{ margin:0 auto; width:300px; height:322px; border-radius:1px; background-color:#424750; }
.pop_box .pop_layout{ width:300px; margin:5px 5px;}
.pop_layout{ margin: 60px 12px; 0}
.close_btn1_pop { position:relative; float:right; margin: 12px 10px 20px 0}
.close_btn1_pop a{ display:block; width:26px; height:26px; }
.close_btn1_pop .close_btn1{ position:absolute;  background: url(/images/snetwork/mobile/pro_close_btn1.png) no-repeat; width:26px; height:26px;}
.pop_not_area{background-color:#FFF}
.pop_layout .pop_not_area h1{ font-size:15px; line-height:24px; color:#fff; background-color:#0081e9; padding: 12px 12px;;}
.pop_cont{ padding:15px}
.close_btn1_pop .close_btn1{ position:absolute;  background: url(/images/snetwork/mobile/pop_close_btn.png) no-repeat; width:26px; height:26px;}


.tree_set{ display:block; overflow:hidden;border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:1px solid #ddd }
.tree_set .tree_depth1{ overflow:hidden; width:100%;}
.tree_set .tree_depth1 li .dept1{ display:block; height:36px;border-bottom:1px solid #ddd;font-size:14px;line-height:36px;background-color:#fff;background-image:-moz-linear-gradient(top, #fff, #ffcb0f);background-image:-o-linear-gradient(top, #fff, #ffcb0f);}
.tree_set .tree_depth1 li .dept1-1{ display:block; height:36px;border-bottom:1px solid #BCBCBC;font-size:14px;line-height:36px;
background-color:#ccc}

.tree_set .tree_depth1 li { overflow:hidden;  }
.tree_depth2 dt { overflow:hidden; background-color:#c9c9c9 !important; border-bottom:1px solid #a1a1a1 !important;}
.tree_depth2 dd { font-size:12px; background-color:#777777; color:#878789 !important; overflow:hidden; padding: 0px 15px 0px 15px; border-bottom:1px solid #7f7f7f !important;}
.tree_depth2 .dept_m { font-size:12px; }

.tree_set .tree_title {display:block; }
.tree_set .tree_title .tree_Tx {display:block;overflow:hidden;padding:10px 10px; font-size:14px; font-weight:bold; line-height:24px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .tree_Txs {display:block;overflow:hidden;padding:10px 10px; font-size:14px; color:#F60; font-weight:bold; line-height:24px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con {display:block;overflow:hidden; padding:12px 10px; font-size:13px; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con1 {display:block;overflow:hidden; padding:10px 10px; font-size:4.0vw; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con2 {display:block;overflow:hidden; font-weight:bold; color:#000 !important;  padding:10px 10px; font-size:16px; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con3 {display:block;overflow:hidden; font-weight:bold; color:#FFF !important;  padding:10px 10px; font-size:16px; line-height:16px;}

.tree_set .arrow_open {float:right; margin:0px 0px 0 12px;  background:url(/images/snetwork/mobile/tree_btn_open.png) center no-repeat; width:21px; height:32px; }
.tree_set .arrow_close {float:right; margin:0px 0px 0 12px;  background:url(/images/snetwork/mobile/tree_btn_close.png)  center no-repeat; width:21px; height:32px; }
.tree_set .arrow_img {background: url(/images/snetwork/mobile/s_arrow_push.png)  right no-repeat;}

.sms .button{ width: 27vw; height: 10vw;border: 1px solid #dddddd; background-color:#80a3c8; float:right; font-weight:bold;color:#fff;}

.checkbox_custom input[type=radio],
.checkbox_custom input[type=checkbox] {position:absolute !important; top:0; left:-9999px !important;}
.checkbox_custom .custom_off { vertical-align:top; margin-top:1px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_none.png) no-repeat; }
.checkbox_custom .custom_on { vertical-align:top; margin-top:1px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_click.png) no-repeat; }
.checkbox_custom label {display:block; overflow:hidden; font-size:14px; line-height:15px;}

.tree_set .btn_checkbox_1 {float:right; margin:0px 15px 0 12px;}
.tree_set .btn_checkbox_2 {float:right; margin:0px 15px 0 12px;padding: 10px; }
.tree_set .btn_checkbox_3 {float:right; margin:0px 15px 0 12px;padding: 10px; }
.tree_set .as_over { border-left:1px solid #bababa;  padding: 2px 15px; }
.tree_set .aa_over { border-left:1px solid #bababa;  padding: 2px 15px; }
.checkbox_custom .custom_off {background:url(/images/snetwork/mobile/login_check_none@2x.png) no-repeat; background-size:16px 16px;}
.checkbox_custom .custom_on {background:url(/images/snetwork/mobile/login_check_click@2x.png) no-repeat; background-size:16px 16px;}

.checkbox_custom input[type=radio],
.checkbox_custom input[type=checkbox] {position:absolute !important; top:0; left:-9999px !important;}
.checkbox_custom .custom_off { vertical-align:top; margin-top:10px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_none.png) no-repeat; }
.checkbox_custom .custom_on { vertical-align:top; margin-top:10px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_click.png) no-repeat; }
.checkbox_custom label {display:block; overflow:hidden; font-size:14px; line-height:15px;}


.push_slide_area li{ float:left; height:48px; line-height:49px; }
.push_slide_area .pus{ font-size:4.6vw; color:#FFF; padding: 0 5vw;}
.push_slide_area .btn_push_on{ float:right; overflow: hidden; width:100px;height:36px; margin-top:7px; background:url(/images/snetwork/mobile/push_on.png) right no-repeat; text-indent: -9999em;text-decoration: none}
.push_slide_area .btn_push_off{ float:right; overflow: hidden; width:100px;height:36px; margin-top:7px; background:url(/images/snetwork/mobile/push_off.png) right no-repeat; text-indent: -9999em;text-decoration: none}


.boardListPrev { background-color: #fff; border-top: 1px solid #dddddd; }
.boardListPrev ul li { position: relative; padding: 4.4vw 3.9vw; border-bottom: 1px solid #dddddd; }
.boardListPrev ul li:active { background-color: #e8e8e8; }
.boardListPrev ul li a { display: block; width: 100%; height: 100%; }
.boardListPrev ul li strong { margin-right: 4vw; font-size: 4.3vw; font-weight: 500; }
.boardListPrev ul li em { font-size: 2.8vw; color: #767676; font-weight: 300; }
.boardListPrev ul li p { position: relative; margin-top: 3.3vw; font-size: 3.3vw; font-weight: 300; color: #666666; }
.boardListPrev ul li p .bar { display: inline-block; position: relative; top: 0.3vw; margin: 0 .2vw; width: 1px; height: 2.3vw; background-color: #dddddd; }
.boardListPrev ul li p .reply { position: absolute; top: 0; right: 0; }
.boardListPrev ul li p .reply i { position: absolute; top: -0.5vw; left: -5vw; font-size: 4.7vw; color: #d2d2d2; }
.boardListPrev ul li i.ang { position: absolute; top: 50%; right: 4vw; font-size: 5vw; color: #454545; transform: translateY(-50%); }

.boardListNext { background-color: #fff; border-top: 1px solid #dddddd; }
.boardListNext ul li { position: relative; padding: 4.4vw 3.9vw; border-bottom: 1px solid #dddddd; }
.boardListNext ul li:active { background-color: #e8e8e8; }
.boardListNext ul li a { display: block; width: 100%; height: 100%; }
.boardListNext ul li strong { margin-right: 4vw; font-size: 4.3vw; font-weight: 500; }
.boardListNext ul li em { font-size: 2.8vw; color: #767676; font-weight: 300; }
.boardListNext ul li p { position: relative; margin-top: 3.3vw; font-size: 3.3vw; font-weight: 300; color: #666666; }
.boardListNext ul li p .bar { display: inline-block; position: relative; top: 0.3vw; margin: 0 .2vw; width: 1px; height: 2.3vw; background-color: #dddddd; }
.boardListNext ul li p .reply { position: absolute; top: 0; right: 0; }
.boardListNext ul li p .reply i { position: absolute; top: -0.5vw; left: -5vw; font-size: 4.7vw; color: #d2d2d2; }
.boardListNext ul li i.ang { position: absolute; top: 50%; right: 4vw; font-size: 5vw; color: #454545; transform: translateY(-50%); }


/*직원소통방 수정/삭제/취소 css*/
.boardWrite-btns2 { padding: 2.8vw 0 5.6vw; text-align: center; }
.boardWrite-btns2 ul { display: inline-block; }
.boardWrite-btns2 ul li { float: left; margin-left: 1vw; width: 28.9vw; height: 10.6vw; background-color: #102852; }
.boardWrite-btns2 ul li:first-child { margin-left: 0; background-color: #3c3c3c; }
.boardWrite-btns2 ul li span { font-size: 4.1vw; color: #fff; line-height: 10.6vw; }