@charset "utf-8";
/* CSS Document */

body{}
#wrap{position:relative;}
#wrap:after{
    display:block;
    content:"";
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b550+0,008b93+100 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b550+0,008b93+100 */
   background: #00b550; /* Old browsers */
   background: -moz-linear-gradient(left,  #00b550 0%, #008b93 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left,  #00b550 0%,#008b93 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right,  #00b550 0%,#008b93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b550', endColorstr='#008b93',GradientType=1 ); /* IE6-9 */
    z-index: -1;
}

#header{position: relative;padding: 0 20px;}
#header .hmnu{top: 17px;}
#header h1, #header h1 a{display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}

#m-nav{top: 78px;}

section#content > .container{
    padding: 30px 30px 130px;
}

.tit-wrap{
    position: relative;
    padding: 22px 20px 22px 54px;
}
.tit-wrap h2{
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: initial;
}
.tit-wrap a.back{display: block;position: absolute;top: 0;left: 0;width: 14px;height: 22px;padding: 28px 20px;background: url("../images/common/ico_back.png") center center no-repeat;}

/* 게시판 */
.check-wrap{position: relative;padding-left: 30px;}
.check-wrap > span{
    display: inline-block;
    height: 42px;
}
.check-wrap input[type="checkbox"]{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 0;
    height: 0;
}
.check-wrap .label{
    display: flex;
    height: 38px;
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
    align-items: center;
    align-content: center;
}
.check-wrap .label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background: url("../images/sub/ico_form.png") 0 0 no-repeat;
}
.check-wrap input:checked + .label:before{background: url("../images/sub/ico_form.png") -52px 0 no-repeat;}

.radio-wrap{position: relative;padding-left: 30px;}
.radio-wrap > span{
    display: inline-block;
    height: 42px;
}
.radio-wrap input[type="radio"]{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 0;
    height: 0;
}
.radio-wrap .label{
    display: flex;
    height: 38px;
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
    align-items: center;
    align-content: center;
}
.radio-wrap .label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background: url("../images/sub/ico_form.png") -104px 0 no-repeat;
}
.radio-wrap input:checked + .label:before{background: url("../images/sub/ico_form.png") -156px 0 no-repeat;}

.btn-group{
    display: block !important;
    margin: 30px 0 20px;
    text-align: center;
}
.btn-group:after{display:block; clear:both; content:"";}
.btn-group > div{
    float: right;
}
.btn-group > div:after{display:block; clear:both; content:"";}
.btn-group a{
    display: inline-block;
    float: left;
    margin-left:10px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #6f7986;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.btn-group a:hover, .btn-group a:focus{color:#fff !important;}
.btn-group a:first-child{margin-left:0;}
.btn-group a.btn2{background:#ced1d5;color: #090a0c;}

.btn-group a.btn-blue{background:#287fb1;color: #fff;}
.btn-group a.btn-red{background: #dc3545;color: #fff;}

.bbs-info{}
.bbs-info p{font-size: 17px;font-weight: 300;}
.bbs-info p em{color: #009485;}

.bbs-search {position:relative;margin-top: 15px;border:1px solid #ddd;white-space:nowrap;box-sizing:border-box;}
.bbs-search:after {display: block;content:"";position:absolute;left: 105px;top: 9px;/* z-index:1; */width: 1px;height: 34px;/* margin-left:3px; */background: #dddddd;}
.bbs-search input[type="text"],.bbs-search input[type="search"],.bbs-search input[type="submit"],.bbs-search select {height: 50px;font-size: 17px;border:0 none;box-sizing:border-box;outline:none;}
.bbs-search select {position:relative;min-width: 105px;appearance:none;padding: 0 0 0 20px;color:#222;font-weight:400;letter-spacing:-0.04em;background: url(../images/sub/ico_select_arrow.png) right center no-repeat;outline: none;}
.bbs-search .input-text {width: calc(100% - 161px);padding: 0 0 0 10px;font-weight:300;color: #333;font-size:15px;letter-spacing: -0.06em;/* background: transparent; */}
.bbs-search input[type="text"]::placeholder{color:#666;}
.bbs-search .input-text::placeholder {color:#666 !important;}
.bbs-search .submit {display:inline-block;width:50px;height: 50px;background: #fff url(../images/sub/ico_bbs.png);background-position: -135px 16px;background-repeat:no-repeat;color:transparent;border:none;box-sizing:border-box;}

.bbs-search2 select{width: calc(50% - 18px);padding: 0 20px;}
.bbs-search2 span{
    display: inline-block;
    width: 30px;
    font-size: 18px;
    text-align: center;
}
.bbs-search2 span.divider{position:relative;width: 0;vertical-align: top;}
.bbs-search2 span.divider:after{display: block;content:"";position:absolute;left: 2px;top: 10px;/* z-index:1; */width: 1px;height: 32px;/* margin-left:3px; */background: #dddddd;}

.bbs-search2 input[type="text"]{width: calc(100% - 145px);}
.bbs-search2 input[type="text"]#name{position: relative;width: 85px;}
.bbs-search2:after{display:none;}

.bbs-search3 select{width: 100%;border: 0;}
.bbs-search3:after{display: none;}

.bbs-basic{margin-top: 15px;border-top: 2px solid #777f8c;}
.bbs-basic ul.list{}
.bbs-basic ul.list li{border-bottom: 1px solid #ddd;}
.bbs-basic ul.list li div{}
.bbs-basic ul.list li div a{display: block;position: relative;padding: 15px 0;}
.bbs-basic ul.list li div a span.tit{display: block;font-size: 18px;line-height: 24px;}
.bbs-basic ul.list li div a span.info{display: block;margin-top: 5px;font-size: 17px;font-weight: 300;}
.bbs-basic ul.list li div a span.lock{display: inline-block;position: absolute;top: 13px;left: 0;width: 18px;height: 22px;margin: 3px 3px 0 0;background: url(../images/sub/ico-lock.png) 0 0 no-repeat;vertical-align: top;}
.bbs-basic ul.list li div a span.info > span{position:relative;margin-left: 15px;padding-left: 15px;}
.bbs-basic ul.list li div a span.info > span:first-child{margin-left: 0;padding-left: 0;}
.bbs-basic ul.list li div a span.info > span:after{display: inline-block;content:"";position:absolute;top: 7px;left: 1px;width: 1px;height: 14px;background: #ddd;}
.bbs-basic ul.list li div a span.info > span:first-child:after{display:none;}

.bbs-basic ul.list li div a span.lock +.tit{margin-left: 25px;}


.board-list{}
   .board-list ul{}
   .board-list li{/* padding: 10px; */}
   .board-list li div{margin: 0;}
   .board-list li a:hover, .board-list li a:focus{}
   .board-list li span.tag{position: relative;display: block;top: 0;left: 0;width: 100%;padding-bottom: 5px;font-size: 15px;text-align: left;}
   .board-list li span.tag + .text-wrap{width: 100%;margin: 0;}
   .board-list-type1 li div a + .text-wrap{position: relative;top: 0;width: auto;margin: 10px 0 0;}
   .board-list li div.tit{}
   .board-list li a.tit{font-size: 16px;}
   .board-list li a.file{}
   .board-list li span.option{padding-top: 0;font-size: 14px;}
   .board-list li span.date{}
   .board-list li span.view{}
   .board-list li span.view::after{top: 6px;}
   .board-list li span.view strong{}
   .board-list-type1{}
   .board-list-type1 li{}
   .board-list-type1 li div > a{display: block;width: 70%;height: auto;margin: 0 auto !important;}
   .board-list-type1 li img + .text-wrap{position: relative;top: 0;width: 100%;margin-top: 10px;}
   .board-list-type2{}
   .board-list-type2 li{float: none;width: 100%;}
   .board-list-type2 li::after{}
   .board-list-type2 li::after{display:none;}
   .board-list-type2 li > div{}
   .board-list-type2 li img{display: block;width: auto;max-width: 100%;height: auto;margin: 0px 0 15px 0;border: 1px solid #e1e1e1;}
   .board-list-type2 li img + .text-wrap{margin-top: 10px;}
   

.bbs-view{border-top: 2px solid #777f8c;}
.bbs-view .head{padding: 15px 0;border-bottom: 1px solid #ddd;}
.bbs-view .head p{font-size: 18px;line-height: 24px;}
.bbs-view .head .info{display: block;margin-top: 5px;font-size: 17px;font-weight: 300;}
.bbs-view .head .info > span{position:relative;margin-left: 15px;padding-left: 15px;}
.bbs-view .head .info > span:first-child{margin-left: 0;padding-left: 0;}
.bbs-view .head .info > span:after{display: inline-block;content:"";position:absolute;top: 7px;left: 1px;width: 1px;height: 14px;background: #ddd;}
.bbs-view .head .info > span:first-child:after{display:none;}
.bbs-view .cont{
    padding: 20px 0 30px;
    font-size: 17px;
    font-weight: 300;
    line-height: 27px;
}
.bbs-view .cont img{max-width:100%;}
.bbs-view .file{
    padding: 15px 20px;
    background-color: #f4f4f4;
    /* font-size: 15px; */
}
.bbs-view .file div{position:relative;margin: 15px 0 0;padding: 12px 0 0 30px;border-top: 1px solid #ddd;}
.bbs-view .file div:first-child{
    margin: 0;
    padding: 0 0 0 30px;
    border: 0;
}
.bbs-view .file div:after{display:block;content:"";position: absolute;top: 12px;left: 0;width:30px;height:30px;background: url(../images/sub/ico_bbs.png) -100px -145px no-repeat;}
.bbs-view .file div:first-child:after{
    top: 0;
    left: 0;
}
.bbs-view .file div a{display: block;font-size: 16px;}
.bbs-view .file div span{display: block;margin-top: 5px;font-size: 15px;font-weight:300;}
.bbs-view .view-move {border-top: 1px solid #ddd;}
.bbs-view .view-move li {display:flex;position: relative;border-bottom: 1px solid #ddd;align-items:center;font-size:15px;}
.bbs-view .view-move li:after{
    display: inline-block;
    content: "";
    position: absolute;
    top: 19px;
    left: 88px;
    width: 1px;
    height: 22px;
    background: #ddd;
}
.bbs-view .view-move li a, .bbs-view .view-move li div {display: inline-block;width: calc(100% - 60px);margin-left: 20px;font-size: 16px;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bbs-view .view-move li strong {display: inline-block;position:relative;width:45px;padding: 18px 50px 17px 0;font-size: 16px;font-weight: 300 !important;}
.bbs-view .view-move li strong:after{display:block;content:"";position:absolute;top: 50%;left: 50px;width: 30px;height: 30px;margin-top: -3px;}
.bbs-view .view-move li.prev strong:after{background: url(../images/sub/ico_bbs.png) -200px -100px no-repeat;}
.bbs-view .view-move li.next strong:after{background: url(../images/sub/ico_bbs.png) -250px -100px no-repeat;}

.bbs-form{border-top: 2px solid #777f8c;}
.bbs-form dl{margin: 0;padding: 15px 0;border-bottom: 1px solid #ddd;}
.bbs-form dl dt{font-size: 18px;font-weight: 400;line-height: 24px;}
.bbs-form dl dd{margin: 10px -5px -5px;}
.bbs-form dl dd > div{position:relative;margin: 5px;}
.bbs-form dl dd > span{display: inline-block;position:relative;margin: 5px;}
.bbs-form dl dd > span.check-wrap, .bbs-form dl dd > span.radio-wrap{margin-right: 10px;}
.bbs-form dl dd > span.check-wrap:last-child, .bbs-form dl dd > span.radio-wrap:last-child{margin-right: 0;}
.bbs-form dl dd > span:first-child{}
.bbs-form dl dd input[type="text"], .bbs-form dl dd input[type="password"]{
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
}
.bbs-form dl dd input.block{width: calc(100% - 22px);}
.bbs-form dl dd input.inline-block{}
.bbs-form dl dd input[type="file"]{
    width: calc(100% - 22px);
    padding: 5px 10px;
    border: 1px solid #ddd;
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
}
.bbs-form dl dd input[type="checkbox"]{
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
}
.bbs-form dl dd input[type="radio"]{
   font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
}
.bbs-form dl dd select{
   position:relative;
   height: 42px;
   padding: 0 30px 0 10px;
   font-family: 'Noto Sans Korean' !important;
   font-size: 17px;
   font-weight: 300;
   border: 1px solid #ddd;
}
.bbs-form dl dd .select:after{
    display:block;
    content:"";
    position:absolute;
    top: 18px;
    right: 2px;
    width: 31px;
    height: 6px;
    padding: 0;
    background: #fff url(../images/sub/ico_select_arrow.png) center right no-repeat;
}
.bbs-form dl dd textarea{
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid #ddd;
    font-family: 'Noto Sans Korean' !important;
    font-size: 17px;
    font-weight: 300;
}
.bbs-form dl dd > div.captcha{
    /* height: 60px; */
}
.bbs-form dl dd > div.captcha img{
    display: block;
    /* top: 0; */
    /* left: 0; */
}
.bbs-form dl dd > div.captcha input{display: block;width: calc(100% - 22px);margin: 10px 0;}
.bbs-form dl dd > div.captcha a{
    display: block;
    width: 65px;
    margin: 0;
    padding: 10px 8px;
    border: 0;
    border-radius: 5px;
    background: #19b17a;
    font-size: 15px;
    vertical-align: top;
    text-align: center;
}

#fregister {/* padding:40px; */margin-bottom: 17px;padding: 30px;padding: 15px;background-color: #f4f4f4;background: #f4f4f4;text-align: center;}
#fregister section > p{font-size: 18px;margin-bottom:10px;}
#fregister textarea {display: block;background:#fff;width: calc(100% - 20px);height: 150px;padding: 10px;border: 1px solid #dddddd;color: #727272;font-size: 15px;line-height: 20px;font-family: 'Noto Sans Korean' !important;font-weight: 300;/* max-width:653px; */}
#fregister section {/* margin-bottom:25px; *//* border-bottom:1px solid #dedede; *//* padding-bottom:25px; */}
#fregister .fregister_agree {/* float: right; *//* width: 80%; */text-align:right;margin: 10px auto 0;color: #666;}
#fregister .fregister_agree input[type="radio"]{display: inline-block;/* margin: 10px 0 0; *//* vertical-align: top; */}
#fregister .fregister_agree label{margin:0;font-size: 16px;font-weight: 400;}

/* pagination */
.pagination{display: block !important;position: relative;margin: 20px auto 0;text-align: center;}
.pagination a, .pagination strong{display: inline-block;width: 35px;height: 35px;line-height: 34px;font-size: 17px;margin: 0 2px;font-weight: 300;text-align: center;vertical-align: top;}
.pagination a{border: 1px solid #ddd;}
.pagination a:hover, .pagination a:focus{color:#012d4a}
.pagination strong{border: 1px solid #777f8c;background: #777f8c;color: #fff;font-weight:400;}
.pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last{width: 35px;height: 35px;/* border: 0; */opacity: 0.5;}
.pagination a.first{background: url(../images/sub/ico_page.png) 10px center no-repeat;}
.pagination a.prev{background: url(../images/sub/ico_page.png) -43px center no-repeat;}
.pagination a.next{background: url(../images/sub/ico_page.png) -95px center no-repeat;}
.pagination a.last{background: url(../images/sub/ico_page.png) -148px center no-repeat;}
.pagination a.first:hover, .pagination a.prev:hover, .pagination a.next:hover, .pagination a.last:hover,
.pagination a.first:focus, .pagination a.prev:focus, .pagination a.next:focus, .pagination a.last:focus{opacity:1;}

@media screen and (min-width:381px) {
   .mx380{display:none;}
}

@media screen and (min-width:801px) {
    
}

@media screen and (max-width: 470px) {
   section#content > .container{padding: 20px 20px 130px;}

    /* 게시판 */
   .bbs-info p{}
   .bbs-search input[type="text"], .bbs-search input[type="search"], .bbs-search input[type="submit"], .bbs-search select{}
   .bbs-basic ul.list li div a span.tit{}
    .bbs-basic ul.list li div a span.text{}
    .bbs-basic ul.list li div a span.info{}
    .bbs-basic ul.list li div a span.info > span{margin-left:10px; padding-left:10px;}
    .bbs-basic ul.list li div a span.info > span:after{top: 6px;height: 11px;}

    /* pagination */
    .pagination{margin-top: 10px;}
   .pagination a, .pagination strong{width: auto;height: 30px;padding: 0 10px;margin: 3px 2px;font-size: 16px;line-height: 29px;}
   .pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last{width: 30px;height: 30px;padding: 0;}
   .pagination a.first{background: url(../images/sub/ico_page.png) 7px center no-repeat;}
   .pagination a.prev{background: url(../images/sub/ico_page.png) -46px center no-repeat;}
   .pagination a.next{background: url(../images/sub/ico_page.png) -97px center no-repeat;}
   .pagination a.last{background: url(../images/sub/ico_page.png) -150px center no-repeat;}
}

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

#board-search{padding: 30px;border: 1px solid #b7c2c6;background: #f0f5f7;text-align: center;}
#board-search span.box{display: inline-block;margin: 2px 5px;}
#board-search input[type="submit"], #board-search button{min-width:100px;padding: 11px 6px !important;border: 1px solid #012d4a;background: #012d4a;color: #fff;cursor: pointer;}

#board-search{margin-top: 15px;padding: 10px 0;}
#board-search span.box{margin: 2px;}
#board-search input[type="submit"], #board-search button{min-width: auto;padding: 7px !important;font-size: 13px !important;}

.over-x-auto{overflow-x: auto !important;}
.over-x-auto table{white-space: nowrap;width: auto;min-width: 100%;}

/* 게시판 작성 */
.board-wrap{overflow: hidden;}
table.board-list, table.board-write{
    /* width: 100%; */
    margin-top: 15px;
    margin-left: -1px;
    border-top: 2px solid #565656;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #b7c2c6;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    text-align: center;
}
table.board-list th{
    padding: 10px;
    border-top: 1px solid #b7c2c6;
    border-left: 1px solid #b7c2c6;
    border-bottom: 1px solid #b7c2c6;
    background: #f0f5f7;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 130%;
}
table.board-list th.no-line-l, table.board-list td.no-line-l{border-left: 0;}
table.board-list td{
    padding: 10px;
    border-left: 1px solid #b7c2c6;
    border-bottom: 1px solid #b7c2c6;
    color: #333;
    /* font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; */
    font-size: 16px;
    text-align: center;
    line-height: 140%;
}
table.board-write th{
    padding: 10px;
    border-bottom: 1px dashed #b7c2c6;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    line-height: 130%;
    background: #f0f5f7;
}
table.board-write tr:first-child th, table.board-write tr:first-child td{/* border-right: 1px dashed #b7c2c6; */}
table.board-write td, table.board-write th.td{
    padding: 10px;
    border-left: 1px dashed #b7c2c6;
    border-bottom: 1px dashed #b7c2c6;
    color: #333;
    font-size:12px;
    font-family: Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;
    text-align: left;
    line-height: 140%;
}

.red_guide_box{
    margin-bottom: 15px;
    padding: 15px;
    background: #ffecec;
}
.red_guide_box p{
    margin: 0;
    color: red;
    font-size: 16px;
    font-weight: 400;
}
.write_guide_box p{margin-bottom:0; font-size: 16px;}