.clearfix:after{display: block; content:""; clear:both;}

.mypage-tit{font-size:1.8em; padding:15px 0; margin:20px 0 40px 0; }
.search-bar{padding:10px 20px; background:#f7f7f7;
margin-bottom:20px; text-align:center;}
.ord-list{margin-bottom:50px;}
.myord-list-table  {border-collapse:collapse;border-spacing:0; border:1px solid #f7f7f7;}
.myord-list-table th{border-color:#444; border-width:1px; font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal; text-align:center; border-bottom:2px solid #888;}
.myord-list-table td{border-color:#888; border-bottom:1px solid #c8c8c8; border-width:1px; overflow:hidden;padding:10px; word-break:break-word; text-align:center;}
.pdt-info{text-align:left !important;}
.pdt-info>div{border-bottom:1px solid #eee; padding:2px 0;}
.myord-list-table tr>th:nth-child(2), .myord-list-table tr>td:nth-child(2){width:45%}
.myord-list-table th{background:#f7f7f7;}
.lookup-btn{ background:#000; color:#fff; padding:8px 10px; margin-left:10px;}
.ord-detail-view{border:1px solid #0abab5; padding:2px 10px; border-radius:20px; display:inline-block; margin-top:5px; background:#0abab5;
color:#fff !important; font-size:0.9em; word-break: break-all;}
.deli-detail-view{border:1px solid #888; padding:2px 10px; border-radius:20px; display:inline-block; margin-top:5px; background:#f7f7f7; font-size:0.9em}
.start-date, .end-date {position: relative}
.icon-in{position: absolute; top: 50%; right: 15px; width: 15px; height: 14px; margin-top: -8px; color:#888;}

.txt-left {text-align: left !important}
.txt-right {text-align: right !important}
.txt-center {text-align: center !important}
.inquriy-list .badge {display: inline-block; border-radius: 50%; background-color: #656665; text-align: center; font-weight: 300;color: #fff; width: 18px; height: 18px; line-height: 18px; font-size: 11px; margin:0 0 0 .4rem;}

.sub-tit {padding: 38px 0 26px; font-size: 20px; color: #333; text-align: center}

.board-top {margin-bottom: 20px}
.board-top:after {content: ''; display: block; clear: both}
.board-top .category {overflow: hidden}
.board-top .category li {float: left}
.board-top .category li a {position: relative; display: block; padding: 5px 8px; font-size: 13px; line-height: 1}
.board-top .category li a:before {content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; display: block; width: 1px; height: 12px; background: #3a3a3a}
.board-top .category li:first-child a {padding-left: 0}
.board-top .category li:last-child a:before {display: none}
.board-top .search-box {position: relative; width: 100%; height: 30px; margin-top: 15px}
.board-top .search-box input[type="text"] {width: 100%; height: 100%; padding-right: 38px; font-size: 13px; border: 1px solid #ccc}
.board-top .search-box .btn-search {position: absolute; top: 0; right: 0; width: 38px; height: 100%; font-size: 16px; color: #ccc}
.board-top .search-box .btn-search i {position: relative; top: -2px}

/*공지사항 테이블 리스트 css*/
/*.normal-list .thead {display: none}
.normal-list .thead div {color: #3a3a3a}
.normal-list li div {font-size: 13px; color: #000}
.normal-list li .txt-left>span {display: inline-block; width: auto; max-width: 100%; margin-bottom: 2px; color: #3a3a3a; overflow: hidden; !*text-overflow: ellipsis; word-break: break-all; white-space: nowrap; vertical-align: middle*! text-decoration: none; cursor:pointer;}
.normal-list li div:nth-child(1), .normal-list li div:nth-child(2) {display: none}
.normal-list li div:nth-child(4) {font-size: 12px}*/

.normal-view .view-tit {padding: 38px 0 20px; text-align: center}
.normal-view .view-tit p {padding-bottom: 2px; font-size: 20px; color: #000}
.normal-view .view-tit p.date {padding-bottom: 0; font-size: 13px; color: #999}
.normal-view .cont {margin-bottom: 30px; padding: 15px 10px; font-size: 13px; border-top: 1px solid #666; border-bottom: 1px solid #666}


@media all and (min-width:1024px) {

    .txt1 {
        font-size: 14px !important
    }

    .sub-tit {
        padding: 70px 0 30px;
        font-size: 36px
    }

    .board-top .category {
        float: left;
        margin-top: 12px
    }

    .board-top .category li a {
        padding: 0 10px;
        font-size: 16px
    }

    .board-top .category li a:before {
        height: 15px
    }

    .board-top .search-box {
        float: right;
        position: relative;
        width: 282px;
        height: 40px;
        margin: 0
    }

    .board-top .search-box input[type="text"] {
        font-size: 16px
    }

    .board-top .search-box .btn-search {
        font-size: 22px
    }

    /*    .normal-list {
        border-top: 2px solid #666
    }
    .normal-list li > a {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .normal-list .thead {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .normal-list .thead div {
        padding: 8px 0
    }
    .normal-list li {
        padding: 0;
        border-bottom: none;
        text-align: center;
        border-bottom: 1px solid #ccc
    }
    .normal-list li div {
        display: table-cell;
        font-size: 16px;
        vertical-align: middle
    }
    .normal-list li div a {
        margin-bottom: 0
    }
    .normal-list li > a {
        padding: 11px 0
    }
    .normal-list li > a:hover .txt-left > span:nth-child(1) {
            !*text-decoration: underline*!
        cursor:pointer;
    }
    .normal-list li div:nth-child(1) {
        width:12%;
        display: table-cell
    }
    .normal-list li div:nth-child(2) {
            width: 10%;
        display: table-cell;
        word-break: break-all;
        padding: 0 10px
    }
    .normal-list li div:nth-child(3) {
        width: auto
    }
    .normal-list li div:nth-child(4) {
            !*width: 21.5%;*!
        font-size: 16px
        }*/

    .normal-view .view-tit {
        padding: 70px 0 30px
    }

    .normal-view .view-tit p {
        padding-bottom: 2px;
        font-size: 36px
    }

    .normal-view .view-tit p.date {
        font-size: 16px
    }

    .normal-view .cont {
        padding: 25px 10px;
        font-size: 16px
    }

    .normal-chk1 label {
        width: 30px;
        height: 30px;
        background-size: 30px
    }

    .normal-chk1 input[type="checkbox"]:checked + label {
        background-size: 30px
    }

    .normal-chk2 label:before {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background-size: 30px;
        vertical-align: -10px
    }

    .normal-chk2 input[type="checkbox"]:checked + label:before {
        background-size: 30px
    }

}
    @media all and (min-width:1400px){
    .mypg-left{float:left;width:18%;padding-top:52px;}
    .mypg-right{float:right;width:82%;padding-top:52px;}
    .mypg-menu{width:100%;}
    .mypg-menu>div{margin-bottom:35px;font-size:34px;color:#000}
    .mypg-menu>ul>li{margin-bottom:25px}
    .mypg-menu>ul>li:last-child{margin-bottom:0}
    .mypg-menu>ul>li>a{font-size:18px}
    .mypg-menu>ul>li ul{margin-top:15px;padding-left:10px}
    .mypg-menu>ul>li li{margin-bottom:10px}
    .mypg-menu>ul>li li:last-child{margin-bottom:0}
    .mypg-menu>ul>li li a{font-size:16px}
    .mypg-menu a{color:#000}
    /*.mypg-menu a:hover{text-decoration:underline}*/
}


/*pc 공지사항 badge 추가*/
.impo-badge{border:1px solid red; color:red !important; padding:0 3px; font-size:0.8em; margin-left:5px; display: inline-block;}
.new-badge{border:1px solid #0abab5; color:#0abab5 !important; padding:0 3px; font-size:0.8em; margin-left:5px; display: inline-block;}

/*마이페이지 공지사항 검색폼 수정내용 전국가 동일사용*/
.notice_search_box{border:0px solid red;}
.notice_search_box select{height:35px; border:1px solid #444; padding:0 5px;}
.notice_search_box input[type=text]{height:35px; border:1px solid #444; padding:0 5px;}
.lookup-btn2{background: #000; color: #fff; height: 35px;padding:0 10px; min-width:120px;}
.lookup-btn2:hover{background:rgba(0,0,0,0.5); }