/*
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
*/

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}


/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:'Spoqa Han Sans Neo',sans-serif; font-size:14px; color:#000}
p{line-height:1.6}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:700}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}


html{background:#f5f5f5}
body{max-width:640px;background:#fff;margin:0 auto}


/*common*/    
.clear:after{display:block;content:'';clear:both}
.container{padding:0 20px}


/*header*/
#header{position:relative;z-index:100;height:50px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
.hsec1 h1{float:left}
.hsec1 .gnb{float:right}
.hsec1 .gnb a{display:inline-block;margin-left:5px;line-height:50px;font-size:14px;color:#104573}


/*main*/
#main{background:#f5f5f7}

.h2_sec{font-size:24px;line-height:30px;padding:20px 0;}
.h2_sec .back{display:inline-block;width:30px;height:30px;background:url(../images/ico_back.png) no-repeat 0 center}

.h3{font-size:14px;color:#104573;font-weight:400;margin:10px 0}
.boxG{position:relative;border-radius:10px;background:#fff}
.table{width:100%;border-collapse:collapse}
.btn_confirm{display:block;width:100%;border:0;text-align:center;font-size:18px;line-height:50px;color:#fff;background:#4F97D1;border-radius:10px}
.btn_confirm.dark{background:#104573}

input::-ms-input-placeholder{ color: #aaa; }
input::-webkit-input-placeholder{ color: #aaa; }
input::-moz-placeholder { color: #aaa; }

.p_login{padding-top:20px;padding-bottom:20px}
.p_login .logo{text-align:center;margin:50px 0}
.p_login .logo2{text-align:center;margin:50px 0}
.p_login .input_sec{}
.p_login .input_sec .tit{font-size:12px;margin:20px 0 3px}
.p_login .input_sec input{display:inline-block;vertical-align:middle; margin:5px 0}
.p_login .input_sec input[type=text],
.p_login .input_sec input[type=password]{border-radius:5px;background:#eaeaea;padding:0 15px;line-height:50px;border:0;width:100%}
.p_login .input_sec input[type=checkbox]{width:18px;height:18px;margin-right:5px}
.p_login .input_sec .alert{display:none;font-size:14px;color:#C90000;margin:5px 0}
.p_login .input_sec .checkG{margin:15px 0}
.p_login .input_sec .checkG input[type='checkbox']{display:none}
.p_login .input_sec .checkG input[type='checkbox'] + label:before{display:inline-block;content:'';vertical-align:middle;width:18px;height:18px;margin-top:-2px;margin-right:10px;background:url('../images/checkbox.png') no-repeat center;cursor:pointer}
.p_login .input_sec .checkG input[type='checkbox']:checked +label:before{background-image:url('../images/checkbox_on.png')}
.p_login .btn_confirm{margin-top:100px}
.p_login.error .input_sec input[type=text],
.p_login.error .input_sec input[type=password]{background-color:#FFEEEE;border:1px solid #FF4141}
.p_login.error .alert{display:block}


.p_myWork .tab_sec .menu{border-radius:10px;background:rgba(255,255,255,0.5);box-shadow:0 0 10px rgba(0,0,0,0.05);padding:4px;margin:10px 0}
.p_myWork .tab_sec .menu li{float:left;width:50%;text-align:center}
.p_myWork .tab_sec .menu li.on a{background:#fff;color:#000;box-shadow:0 0 10px rgba(0,0,0,0.05);}
.p_myWork .tab_sec .menu li a{display:block;height:36px;line-height:36px;font-weight:700;color:#c5c5c5;border-radius:6px;overflow:hidden}

.p_myWork .tab_sec .con{display:none;margin-top:40px}
.p_myWork .tab_sec .con.on{display:block}
.p_myWork .tab_sec .con .total{font-size:14px;color:#104573;margin:10px 0}
.p_myWork .tab_sec .con .total span{float:right;color:#999}
.p_myWork .tab_sec .con .total span em{display:inline-block;color:#555;margin:0 5px;padding-right:20px;background:url('../images/input_arrow.png') no-repeat 95% center}
.p_myWork .tab_sec .con li{position:relative;background:#fff;border-radius:10px;margin:15px 0;padding:15px 20px}
.p_myWork .tab_sec .con li .num{font-size:12px;color:#a0a0a0}
.p_myWork .tab_sec .con li .subject{font-size:16px;font-weight:700;margin:5px 0}
.p_myWork .tab_sec .con li .writer{position:relative;font-size:16px;color:#104573;font-weight:700;padding-top:20px;}
.p_myWork .tab_sec .con li .writer:before{position:absolute;left:-20px;width:calc(100% + 40px);top:8px;content:'';height:2px;background:#eee;}
.p_myWork .tab_sec .con li .writer span{font-size:12px;color:#777;margin-left:5px}


.p_exe .date_sec{margin:20px 0}
.p_exe .date_sec .tit{font-size:12px;margin:5px 0}
.p_exe .date_sec .box{display:flex;position:relative;justify-content:space-between;background:#fff;border-radius:5px;padding:10px 20px}
.p_exe .date_sec .box:after{display:inline-block;content:'~';position:absolute;left:50%;transform:translateX(-50%);font-size:18px}
.p_exe .date_sec .box span{font-size:18px}
.p_exe .date_sec .box span i{font-size:12px;color:#aaa;margin:0 2px;font-weight:300}

.p_exe .search_sec{margin:20px 0;height:50px;line-height:50px;border-radius:50px;background:#fff}
.p_exe .search_sec.on{box-shadow:0 0 20px rgba(0,0,0,0.1)}
.p_exe .search_sec input[type=text]{float:left;line-height:50px;padding:0 20px;background:none;width:calc(100% - 80px);border:0}
.p_exe .search_sec .filter{display:inline-block;float:left;width:40px;height:50px;background:url('../images/ico_filter.png') no-repeat center}
.p_exe .search_sec .filter.on{background-image:url('../images/ico_filter_on.png')}
.p_exe .search_sec input[type=submit]{display:inline-block;float:left;width:40px;height:50px;background:url('../images/ico_search.png') no-repeat 30% center;border:0;text-indent:-9999px}


.p_exe .result_sec{display:flex;justify-content:space-between;background:#fff;border-radius:5px;margin:20px 0;padding:10px 20px}
.p_exe .result_sec .tit{font-size:12px}
.p_exe .result_sec .num{font-size:18px;font-weight:800;margin-top:5px}
.p_exe .result_sec .num i{font-size:11px;font-weight:300;margin-left:2px}


.p_exe .list_sec{margin:30px 0}
.p_exe .list_sec .tit{font-size:14px;color:#104573;margin:10px 0}
.p_exe .list_sec li{background:#fff;border-radius:10px;margin:5px 0;padding:10px 20px}
.p_exe .list_sec li:after{display:block;content:'';clear:both}
.p_exe .list_sec li .num{font-size:12px;color:#a0a0a0}
.p_exe .list_sec li .subject{margin:5px 0}
.p_exe .list_sec li .subject a{display:block;font-size:16px;font-weight:700;background:url('../images/ico_more.png') no-repeat right 0;padding-right:45%}
.p_exe .list_sec li .date{float:left;font-size:12px;color:#555;margin-top:20px}
.p_exe .list_sec li .cost{float:right;font-size:22px;font-weight:900;color:#104573;margin-top:15px}
.p_exe .list_sec li .cost i{font-size:11px;color:#555;font-weight:400;margin-left:2px}


.filter_popup{display:none;position:fixed;z-index:100;left:0;bottom:0;width:100%;background:#fff;padding:10px 20px 20px;border-radius:30px 30px 0 0;box-shadow:-20px 0 20px rgba(0,0,0,0.2) }
.filter_popup.on{display:block}
.filter_popup .con{margin:10px 0}
.filter_popup .con .tit{font-size:12px}
.filter_popup .con ul{display:flex;justify-content:space-between;margin:10px 0 20px}
.filter_popup .con li{width:48%;border:1px solid #ccc;border-radius:5px;text-align:center;font-size:14px;color:#aaa;line-height:30px}
.filter_popup .con li.on{border:1px solid #104573;color:#104573}


.date_popup{display:none;position:fixed;z-index:100;left:0;bottom:0;width:100%;background:#fff;padding:10px 20px 20px;border-radius:30px 30px 0 0;box-shadow:-20px 0 20px rgba(0,0,0,0.2) }
.date_popup.on{display:block}
.date_popup .con{margin:10px 0}
.date_popup .con .tit{font-size:12px}
.date_popup .con .tit .period{float:right}
.date_popup .con .tit .period span{margin-left:10px;font-size:14px;}
.date_popup .con .tit .period span.on{color:#4F97D1}
.date_popup .con .date{display:flex;justify-content:space-between;margin:10px 0 20px}
.date_popup .con .date span{flex:1;border-radius:5px;text-align:center;font-size:18px;line-height:40px;padding:0 40px 0 20px;background:url('../images/input_arrow.png') no-repeat 85% center #f5f5f5;margin:0 8px}
.date_popup .con .date .year{flex:1.5;margin-left:0}
.date_popup .con .date i{font-size:16px;height:40px;line-height:50px}
.date_popup .setup{margin-top:30px}




.lightboxG_bg{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.lightboxG_bg.on{display:block;}
.lightboxG{display:none;position:fixed;z-index:210;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:290px;height:380px;background:#fff;border-radius: 20px;padding:20px} 
.lightboxG.on{display:block;}
.lightboxG .btn{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)}


.slidingNumG{position:relative;width:80%;margin:20px auto}
.slidingNumG .line{position:absolute;top:50%;margin-top:-30px;width:100%;height:60px;border:2px solid #ddd;border-width:2px 0}
.slidingNumG ul{text-align:center}
.slidingNumG li{display:none;line-height:30px;font-size:18px;color:#ddd}
.slidingNumG li.on{display:block}
.slidingNumG .prev,
.slidingNumG .next{line-height:40px;font-size:24px;color:#ccc}
.slidingNumG .current{line-height:60px;font-size:32px;color:#000}





/*상세*/
.p_detail .tit_sec{position:relative;padding:20px 20px;background:#fff;border-radius:0 0 20px 20px}
.p_detail .tit_sec .num{font-size:12px;color:#aaa}
.p_detail .tit_sec .tit{font-size:24px;font-weight:700;width:90%;line-height:1.2;margin:10px 0}
.p_detail .tit_sec .dateG{display:flex;justify-content: space-between;align-items:baseline;margin:10px 0 20px}
.p_detail .tit_sec .dateG .date{font-size:12px;color:#aaa}
.p_detail .tit_sec .dateG .cost b{font-size:32px;color:#104573}
.p_detail .tit_sec .dateG .cost i{font-size:12px;color:#111;margin-left:2px}

.p_detail .tit_sec .descG{display:flex;justify-content: space-around;position:relative;clear:both;border-top:2px solid #eee;text-align:center;padding-top:20px}
.p_detail .tit_sec .descG li em{display:block;font-size:14px;font-weight:500}
.p_detail .tit_sec .descG li span{display:block;font-size:12px;color:#aaa;margin:5px 0}

.p_detail .info_sec{margin:30px 0}
.p_detail .info_sec .boxG {position:relative;border-radius:10px;background:#fff;margin:5px 0}
.p_detail .info_sec .boxG .infoG .con1{float:left;position:relative;width:calc(100% - 100px);padding:15px 20px}
.p_detail .info_sec .boxG .infoG .con2{float:right;width:100px;padding:12px 20px;text-align:center}
.p_detail .info_sec .boxG .infoG .cate{font-size:12px;color:#aaa}
.p_detail .info_sec .boxG .infoG .subject{font-size:16px;margin:5px 0}
.p_detail .info_sec .boxG .infoG .date{font-size:12px;color:#777;margin-top:20px}
.p_detail .info_sec .boxG .infoG .cost{position:absolute;right:0;bottom:15px;font-size:18px;color:#104573}
.p_detail .info_sec .boxG .infoG .cost i{font-size:12px;color:#333;margin-left:2px}
.p_detail .info_sec .boxG .infoG .tit{font-size:12px;color:#aaa}
.p_detail .info_sec .boxG .infoG .state{width:64px;margin:10px auto;border:1px solid #104573;border-radius:10px;line-height:70px;font-size:16px;color:#104573;font-weight:500}
.p_detail .info_sec .boxG .resultG{display:flex;justify-content:space-between;border-top:2px solid #eee}
.p_detail .info_sec .boxG .resultG div{flex:1;text-align:center;padding:12px 0;font-size:12px}
.p_detail .info_sec .boxG .resultG div em{display:block;font-size:24px}
.p_detail .info_sec .boxG .resultG .total{border-left:2px solid #eee}

.p_detail .list_sec{margin:30px 0}
.p_detail .list_sec .boxG{position:relative;border-radius:10px;background:#fff}
.p_detail .list_sec th{padding:13px 0;border-bottom:2px solid #eee;font-size:14px;font-weight:400}
.p_detail .list_sec td{padding:6px 0;font-size:14px;color:#999;text-align:center;font-weight:300}
.p_detail .list_sec th:nth-child(1),
.p_detail .list_sec td:nth-child(1){padding-left:20px;text-align:left}
.p_detail .list_sec tr:nth-child(2) td{padding-top:10px}
.p_detail .list_sec tr:last-child td{padding-bottom:10px}