@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");
@import url("fonts_old.css");

/* 레이아웃 */
#wrap{width:100%;position:relative;}
#container{position:relative;width:100%;}
.cont{position:relative;width:1200px;margin:0 auto;}
.cont:after{content:""; display:block; float:none; clear:both;}


/* header */
#header{width:100%;height:75px;border-bottom:1px solid #e1e1e1;}
#header h1{float:left;padding-top:29px;margin-right:15px;}
#header .info{float:left;margin-top:27px;height:30px;padding:0 12px;line-height:30px;background:#f1f1f1;border-radius:14px;text-align:center;color:#a0a0a0;}
#header .info em{font-size:10px;}
#header .info span{color:#444;}
#header .loc{position:absolute;top:34px;right:0;}
#header .loc a{color:#8c8c8c;}
#header .loc em{color:#808181;padding:0 18px;font-size:10px;}

#header ul{float:left;}
#header ul li{float:left;margin-right:90px;padding-top:42px;}
#header ul li a{color:#fff;font-size:16px;}
#header ul li.on a{font-weight:700;letter-spacing:-2px;}
#header p{float:right;}

/* footer */
#footer{position:absolute;bottom:0;left:0;width:100%;}
#footer .ft_logo{padding-bottom:23px;color:#cecdcd;font-size:11px;}
#footer .top_btn{display:none;position:fixed;bottom:237px;left:50%;margin-left:630px;}

/* 로그인 */
.login{position:relative;width:1200px;margin:0 auto;overflow:hidden;}
.login h1{padding-top:56px;}
.login .loc{position:absolute;top:60px;right:0;}
.login .loc a{color:#8c8c8c;}
.login .loc em{color:#808181;padding:0 18px;font-size:10px;}
.login .box{width:545px;float:right}
.login .box .title{margin-bottom:66px;padding-top:314px;font:700 68px/87px 'nsq';color:#404654;}
.login .box .title span{color:#ff6d02;}
.login .box .inp{position:relative;margin-bottom:15px;}
.login .box .inp .id{width:286px;margin-bottom:7px;}
.login .box .inp .pw{width:286px;}
.login .box .inp .btn{position:absolute;top:0;left:297px;display:block;width:86px;height:89px;border-radius:5px;background:#4a536a;color:#fff;line-height:89px;text-align:center;font-size:15px;}
.login .box .txt span{display:block;margin-bottom:20px;color:#b4b4b4;line-height:19px;}
.login .box .txt a{padding-right:11px;color:#5d6172;background:url(../images/btn_arrow.png) no-repeat right 50%;font-weight:300;}


/* 회원가입 */
.join{width:1200px;margin:0 auto;padding-bottom:120px;}
.join .title{padding:40px 0 0;margin-bottom:40px;font-size:35px;font-weight:300;text-align:center;color:#444;}
.join .step01{width:600px;margin:0 auto;padding:0 0 100px;}
.join .step01 .agree{overflow:hidden;}
.join .step01 .agree .tit{margin-bottom:10px;font-size:17px;text-align:left;}
.join .step01 .agree .box{width:558px;height:108px;padding:20px;background:#fff;border:1px solid #d9d9d9;line-height:24px;overflow-x:hidden;overflow-y:auto;}
.join .step01 .agree .check{padding:10px 0 40px;color:#444;line-height:18px;text-align:right;}
.join .step01 .total{padding:0 0 15px;color:#888;line-height:18px;text-align:center;}

.join .step02{width:600px;margin:0 auto;padding-top:40px;}
.join .step02 .tit{margin-bottom:15px;font-size:17px;text-align:left;}
.join .step02 .box{margin-bottom:50px;}
.join .step02 .box p{position:relative;overflow:hidden;}
.join .step02 .box p .cau{float:left;width:100%;}
.join .step02 .box input[type="text"],
.join .step02 .box input[type="password"]{box-sizing:border-box;padding:0 20px;height:43px;border:1px solid #d6d6d6;line-height:43px;font-size:15px;}
.join .step02 .box .btn_chk{display:block;width:100px;height:45px;background:#eee;font-size:15px;color:#777;text-align:center;line-height:45px;}

.join .step02 .box .upload-name{width:495px;margin-right:5px;}
.join .step02 .box .tbl01{padding:50px 70px 20px;border-bottom:1px dotted #b2b2b2;}
.join .step02 .box .tbl02{padding:20px 70px;}
.join .step02 .box .tbl_type03{border:none;}
.join .step02 .box .tbl_type03 th, .join .step02 .box .tbl_type03 td{border-bottom:none;}
.join .step02 .box .tbl_type03 th{line-height:38px;padding:12px 0;}

.join .step03{width:600px;margin:0 auto;padding-top:140px;text-align:center;}
.join .step03 .tit{margin-bottom:30px;font-size:35px;font-weight:300;line-height:47px;}
.join .step03 em{display:inline-block;width:20px;height:2px;background:#000;}
.join .step03 .txt{margin-bottom:60px;padding-top:20px;font-size:15px;line-height:23px;color:#999;}

/* 좌측메뉴 */
.lnb{float:left;width:210px;padding-top:30px;font-family: 'ntsk';}
.lnb ul{margin-bottom:10px;}
.lnb ul li{margin-bottom:40px;}
.lnb ul li a{position:relative;font-size:18px;color:#666;transition:all 0.4s ease-in-out;}
.lnb ul li a::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#000;transition:all 0.4s ease-in-out;}
.lnb ul li a:hover,
.lnb ul li.on a{font-weight:700;color:#000;}
.lnb ul li a:hover::after,
.lnb ul li.on a::after{width:100%;}
.lnb .cs{width:120px;padding-top:25px;border-top:2px solid #f1f1f1;}

/* 우측메뉴 */
.sub_cont{float:left;width:990px;padding-top:42px;padding-bottom:100px;}
.sub_cont .title{font-size:30px;font-weight:700;color:#831215;}
.sub_cont .stitle{font-size:15px;color:#777;font-family: 'ntsk-demlight';}
.sub_cont .stitle .btn_excel{display:inline-block;margin-left:7px;padding:0 10px;line-height:23px;border:1px solid #444;color:#444;font-size:12px;}
.sub_cont .stitle .btn_excel img{vertical-align:middle;}
.sub_cont .stitle span{font-size:12px;}

.sub_cont .fup{position:relative;padding:25px 35px 30px;border:4px solid #444;overflow:hidden;}
.sub_cont .fup .tit{margin-bottom:10px;font-size:18px;color:#444;}
.sub_cont .fup .filebox{margin-bottom:5px;}
.sub_cont .fup .filebox .upload-name{width:780px;}
.sub_cont .fup .filebox label{width:125px;background:#444; color:#fff;}
.sub_cont .fup .cau{float:left;width:100%;color:#6d84f6;}

/* 요청보내기 */
.cfm_bf{width:100%;}
.cfm_bf .info{margin-bottom:10px;font-size:14px;color:#444;}
.cfm_bf .info span{padding-left:15px;font-size:13px;color:#afafaf;}
.cfm_bf .tbl_box{margin-bottom:10px;width:100%;max-height:324px;overflow-x:hidden;overflow-y:auto;}

/* 요청컨펌완료 */
.up_comp{width:540px;background:#fff;}
.up_comp .box{padding:45px;}
.up_comp .tit{padding-bottom:10px;margin-bottom:30px;font-size:25px;font-weight:700;border-bottom:3px solid #333;}
.up_comp .txt{margin-bottom:20px;font-size:17px;color:#555;line-height:27px;}
.up_comp ul{padding:20px;background:#f8f8f8;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.up_comp ul li{font-size:17px;color:#555;line-height:27px;}
.up_comp ul li strong{color:#333;}
.up_comp ul li span{color:#b1b0b0;font-size:15px;}
.up_comp .btn{width:100%;overflow:hidden;}
.up_comp .btn .fl{width:100%;height:40px;line-height:40px;text-align:center;font-size:17px;color:#666;background:#e7e7e7;}

/* 대기중 리스트 */
.wait_list{width:100%;padding-bottom:100px;}
.wait_list .info{margin-bottom:10px;font-size:14px;color:#444;}
.wait_list .info span{padding-left:15px;font-size:13px;color:#afafaf;}
.wait_list .info select{height:29px;}
.wait_list .tbl_type01 th{padding:7px 0;}
.wait_list .btn .btn_excel{display:inline-block;margin-left:7px;padding:0 10px;line-height:23px;border:1px solid #444;color:#444;font-size:12px;}
.wait_list .btn .btn_excel img{vertical-align:middle;}

/* 리스트 상세 */
.wait_view{width:100%;padding-bottom:100px;}
.wait_view .tit{position:relative;margin-bottom:25px;overflow:hidden;}
.wait_view .tit strong{position:relative;float:left;width:80px;height:32px;background:#afafaf;border-radius:5px;color:#fff;font-size:15px;text-align:center;line-height:32px;z-index:15;font-weight:400;}
.wait_view .tit strong.cancel{;width:78px;height:30px;background:#fff;color:#ff4b4b;border:1px solid #ff4b4b;line-height:30px;}


.wait_view .tit span{position:relative;float:left;height:32px;padding:0 10px;color:#c7c7c7;font-size:13px;background:#fff;line-height:32px;z-index:15;}
.wait_view .tit::before{content:"";position:absolute;top:16px;left:0;width:100%;height:1px;background:#c7c7c7;z-index:10;}
.wait_view .total{height:60px;padding-right:10px;margin-bottom:10px;border-top:2px solid #333;border-bottom:2px solid #333;text-align:right;line-height:60px;font-size:17px;color:000;}
.wait_view .total strong{padding-left:25px;font-size:25px;}

.wait_view .helper{overflow:hidden;padding-bottom:50px;}
.wait_view .helper li{float:left;margin-right:15px;border:1px solid #c7c7c7;}
.wait_view .helper li dl{position:relative;padding-left:78px;width:239px;}
.wait_view .helper li dt{position:absolute;top:0;left:0;width:78px;height:100%;background:#f7f7f7;}
.wait_view .helper li dt strong{display:block;padding:19px 0 0 17px;font-size:15px;color:#5d77f5;}
.wait_view .helper li dd{padding:20px 0 20px 20px;font-size:15px;line-height:23px;}
.wait_view .helper li dd span{color:#b5b5b5;}

/* 리스트 수정 */
.wait_repair{width:100%;padding-bottom:100px;}
.wait_repair .stit{margin-bottom:5px;font-size:17px;color:#afafaf;}
.wait_repair p{position:relative;overflow:hidden;}
.wait_repair p input[type="text"]{box-sizing:border-box;padding:0 20px;height:43px;border:1px solid #d6d6d6;line-height:43px;font-size:15px;}
.wait_repair p em{float:left;width:26px;height:45px;line-height:45px;text-align:center;font-size:15px;color:#333;}
.wait_repair .btn_chk{display:block;width:100px;height:45px;background:#eee;font-size:15px;color:#777;text-align:center;line-height:45px;}

.work_list{width:100%;padding-bottom:100px;}
.work_list .mark{margin-bottom:50px;padding:27px 26px;background:#f4f4f4;overflow:hidden;}
.work_list .mark p{float:left;margin-right:30px;}
.work_list .mark p strong{float:left;width:48px;height:20px;margin-right:7px;color:#fff;border-radius:3px;font-size:11px;line-height:20px;text-align:center;font-weight:300;}
.work_list .mark p .ing_match{background:#45c038;}
.work_list .mark p .ing_do{background:#5d77f5;}
.work_list .mark p span{float:left;color:#777;font-size:13px;line-height:20px;}
.work_list .info{margin-bottom:10px;font-size:14px;color:#444;}
.work_list .info span{padding-left:15px;font-size:13px;color:#afafaf;}
.work_list .info select{height:29px;}
.work_list .tbl_type01 th{padding:7px 0;}

.work_list .tbl_type01 td .ing_match{display:block;width:53px;height:28px;color:#fff;border-radius:3px;font-size:13px;line-height:28px;text-align:center;font-weight:300;background:#45c038;}
.work_list .tbl_type01 td .ing_do{display:block;width:53px;height:28px;color:#fff;border-radius:3px;font-size:13px;line-height:28px;text-align:center;font-weight:300;background:#5d77f5;}

.work_list .btn .btn_excel{display:inline-block;margin-left:7px;padding:0 10px;line-height:23px;border:1px solid #444;color:#444;font-size:12px;}
.work_list .btn .btn_excel img{vertical-align:middle;}

.work_zoom{display:none;position: absolute;top: 0;left: 0;width: 430px;margin: 0 0 0 0;background: #fff;border: 1px solid #666;}
.work_zoom .box{padding:26px 30px;}
.work_zoom .tit{padding-bottom:10px;font-size:17px;color:#333;border-bottom:1px solid #333;}
.work_zoom ul{overflow:hidden;}
.work_zoom ul li{float:left;width:165px;padding:14px 0 14px 20px;border-bottom:1px solid #d9d9d9;font-size:15px;line-height:23px;}
.work_zoom ul li:nth-child(odd) p{border-right:1px solid #d9d9d9;}
.work_zoom ul li span{color:#b5b5b5;}
.work_zoom .btn{display:block;width:100%;height:40px;line-height:40px;font-size:17px;color:#666;text-align:center;background:#e7e7e7;}

.cancel_ly{display:none;position: absolute;top: 0;left: 0;width: 430px;margin: 0 0 0 0;background: #fff;border: 1px solid #666;}
.cancel_ly .box{padding:26px 30px;}
.cancel_ly .tit{padding-bottom:10px;font-size:17px;color:#333;border-bottom:1px solid #333;}
.cancel_ly .txt{padding:20px 0 20px 0;font-size:15px;color:#333;line-height:23px;font-weight:400;}
.cancel_ly .btn{display:block;width:100%;height:40px;line-height:40px;font-size:17px;color:#666;text-align:center;background:#e7e7e7;}

.notice_list{padding-top:40px;}
.notice_view{padding-top:40px;}
.notice_view .view{margin-bottom:45px;padding:35px 20px;border-bottom:1px solid #c7c7c7;color:#444;font-size:15px;line-height:23px;}







































@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(249,81,58, 0.3),
                0 0 0 1em rgba(249,81,58, 0.3),
                0 0 0 2em rgba(249,81,58, 0.3),
                0 0 0 3em rgba(249,81,58, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(249,81,58, 0.3),
                0 0 0 2em rgba(249,81,58, 0.3),
                0 0 0 3em rgba(249,81,58, 0.3),
                0 0 0 4em rgba(249,81,58, 0);
  }
}


@media only screen and (max-height:750px) {	
	#footer .ft_logo{display:none;}
}