/* header */

header{ background-color: rgba(255,255,255,1)}
header a.logo .p-open-active{ display: block;}
header a.logo img:nth-child(2){ display: none;}
header::before{ background: none;}
header .gnb > ul > li > a{ color: #555; }

/* con */
.right-top{ overflow: visible; }
.right-bottom{ padding-left: 25px; padding-top: 0; text-align: center;}

.right-con .right-top{ border-bottom: 2px solid #888;}

.searchwrap{ float: right; position: relative; top: 0;}
.searchwrap select{ width: 104px; height: 40px; line-height: 38px; border-radius: 6px; border: 1px solid #999; text-align: center; color: #999; padding: 0 10px; box-sizing: border-box; margin-right: 5px; position: relative; top: -1px;}
.searchwrap .input-wrap{ display: inline-block; width: 220px; height: 40px; line-height: 38px; padding: 0 10px; border-radius: 6px; border: 1px solid #999; bottom: 0; }
.searchwrap .input-wrap input{ border: none; width: 165px; height: 28px; }
.searchwrap .input-wrap i{ color: #999; font-size: 16px;}



.notice-list{ width: 100%; text-align: center; font-size: 14px; margin-bottom: 40px;}
.notice-list .first{ border-bottom: 1px solid #999; overflow: hidden; }
.notice-list li{ line-height: 50px; border-bottom: 1px solid #e0e0e0;}
.notice-list div{ display: inline-block; color: #888;}
.notice-list div.num{ width: 90px;}
.notice-list div.notice-listtit{ width: 720px;}
.notice-list div.date{ width: 170px;}
.notice-list div.date span{ display: inline!important;}
.notice-list div.view{ width: 100px;}

.notice-list a{ display: block; width: 100%; height: auto;}
.notice-list a div.notice-listtit{ text-align: left; color: #555;}
.notice-list a div.view, .notice-list a div.date, .notice-list a div.num{ font-size: 13px;}

.notice-list div.none-mo{display: inline-block!important;}


.list-contents .notice-list{ margin-bottom: 30px;}
.list-contents li{ text-align: left;}
.list-contents .first{ text-align: right; font-size: 13px;}
.list-contents .first div.notice-listtit{ width: 820px; text-align: left; padding-left: 20px; font-size: 15px; color: #555;} 
.list-contents li.contents{ padding: 40px 30px 50px; line-height: 20px; text-align: left;}
.list-contents li.contents img{ margin-bottom: 30px; }
.list-contents li .prevnext{ padding-left: 20px; width: 140px; font-size: 13px; color: #999;}
.list-contents li .prevnext i{ padding-left: 10px;}
.list-contents li .prevnext i.none-mo{ display: inline-block!important;}
.list-contents a .notice-listtit{ font-size: 13px; color: #888;}

.list-contents button{ width: 120px; height: 40px; border: 1px solid #999; text-align: center; font-size: 14px; color: #888; background-color: #fff; transition: .3s;}
.list-contents button:hover{ border: 1px solid #f2911b; color: #fff; background-color: #f2911b;}

.list-contents{ text-align: right!important;}

.qna li{ overflow: hidden; border-bottom: 1px solid #e0e0e0; line-height: 60px;}
.qna li .icon{ display: inline-block; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; float: left; margin: 10px 20px 10px 30px;}
.qna li .icon.ans{ background-color: #f2911b;}

.qna li div.ans-con{ float: left; width: calc(100% - 100px); padding: 10px 0;}
.qna li div.ans-con p{word-break: keep-all;}
.qna li div.ans-con img{ max-width: 100%; display: block; padding: 10px 0; object-fit: cover!important;}

.qna li .icon.que{ background-color: #142740; }
.qna li div.answer{ overflow: hidden; display: none; width: 100%; height: auto; background-color: #f4f4f4; padding: 10px 0;}
.qna li .answer p{ display: block; line-height: 20px!important; padding: 5px 0;}
.qna li .notice-listtit, .qna li .answer p{ float: left; text-align: left;}
.qna li .arrow{ float: right; margin-right: 30px;}
.qna li i.up{ display: none;}

.qna li.active i.up{ display: inline-block;}
.qna li.active i.down{ display: none;}







/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #m-menu ul li:nth-child(6) a{ border-bottom: 3px solid #f2911b;}
    .searchwrap{ width: 100%; float: none;}
    .searchwrap .input-wrap{ width: 70%; height: 30px; line-height: 0; top: 0; padding: 0 0 0 10px; float: right; overflow: visible; border-radius: 3px;} 
    .searchwrap select{ font-family: inherit; width: calc(28% - 2.5px);  margin-right: 2.5px; height: 30px; line-height: 30px; border-radius: 3px; background-color: #fff; -webkit-appearance: none; /* �ㅼ씠�곕툕 �명삎 媛먯텛湲� */ -moz-appearance: none; appearance: none; background-image: url(../img/common/select-arrow.png); background-repeat: no-repeat; background-position: right 10px top 10px; background-size: 10px auto; cursor: pointer; font-size: 11px; top: 0; }
    .searchwrap select::-ms-expand { display: none; }
    .searchwrap .input-wrap input{ width: calc(100% - 40px); height: 26px; position: relative; display: inline-block;}
    input::placeholder { font-size: 11px;}
    .searchwrap .input-wrap i{ font-size: 13px;}

    .right-bottom{ padding-left: 0;}

    .notice-list{ margin-bottom: 20px;}

    .qna li{ line-height: 45px;}
    .qna li .icon{ width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin: 7.5px 10px 7.5px 5px;}
    .qna li .arrow{ margin-right: 10px; }

    .notice-list li{ line-height: 45px;}
    .notice-list a{ overflow: hidden;}
    .notice-list div.notice-listtit{ width: 70%; font-size: 12px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .notice-list a div.date{ width: 20%; font-size: 12px; text-align: right;float: right;}

    .qna li div.answer{ padding: 0;}
    .qna li .answer p{ width: 100%; font-size: 10px; line-height: 16px!important;}
    .qna li div.ans-con{ float: left; width: calc(100% - 60px);}

    .notice-list div.date span.none-mo{display: none!important;}
    .list-contents .first div.notice-listtit{ width: 80%; padding-left: 5px; font-size: 12px;}
    .notice-list div.date{ width: 20%; font-size: 10px;}
    .list-contents li.contents img{ width: 100%;}
    .list-contents li.contents{ padding: 20px 10px 40px; font-size: 10px;}
    .list-contents li.contents p{ font-size: 10px;}


    .notice-view .right-con .right-top{ height: 0; padding-bottom: 0;}

    .prevnextbt a{ width: 50%; display: inline-block!important;}
    .prevnextbt{ overflow: hidden;}
    .prevnextbt a:nth-child(1){ float: left;}
    .prevnextbt a:nth-child(1) i{ padding-right: 8px;}
    .prevnextbt a:nth-child(2){ float: right; text-align: right;}
    .list-contents li .prevnext{ padding-left: 0; font-size: 10px;}

    .list-contents .notice-list{margin-bottom: 20px;}
    .list-contents button{ width: 109px; height: 30px; line-height: 30px; font-size: 10px;}


    .notice-list .none-pc{ display: inline!important;}
    .notice-list div.none-mo{display: none!important;}
    .list-contents li .prevnext i.none-mo{ display: none!important;}
}