@charset "utf-8";

#popInc06{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;;background:rgba(0,0,0,0.7)}
#popInc06 .inner{position:absolute;top:50%;left:50%;width:650px;padding:45px 50px;border-radius:8px;font-size:14px;color:#777;background:#fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-family:'notokr-regular';}

#popInc06, #popInc06 *{-webkit-transition:none;transition:none}
#popInc06 .pop_close{position:absolute;right:25px;top:25px;background:url(../close.png) 0 0 no-repeat;width:17px;height:17px;text-indent:-9999px;cursor:pointer;border:none}
#popInc06 .tit{margin-bottom:15px;font-size:22px;font-weight:normal;color:#222;letter-spacing:-.5px;text-align:center;font-family:'notokr-bold'}

#popInc06 ul li{position:relative;padding-left:100px;border-bottom:1px solid #e1e1e1}
#popInc06 ul li label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100px;font-size:14px;color:#222;font-family:'notokr-bold'}
#popInc06 ul li input[type=text]{width:100%;height:45px;border:none !important;box-shadow:none !important;font-size:14px;font-family:'notokr-regular'}
#popInc06 ul li input[type=number], #popInc06 ul li input[type=text].rate{width:80px;height:30px;margin:5px 0 0;padding:0 10px;border:none;border-radius:3px;font-size:14px;background-color:#f5f5f5;font-family:'notokr-regular'}
#popInc06 ul li select{width:100%;height:45px;border:none !important;outline:none;font-size:14px;-webkit-appearance:none;appearance:none;background:url(/img/sh_arr_down.png) 98% center no-repeat;box-shadow:none;font-family:'notokr-regular'}
#popInc06 ul li .won{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#popInc06 ul li textarea{width:100%;height:90px;margin:15px 0 12px;padding:10px;border:none;border-radius:3px;background-color:#f5f5f5}

#popInc06 .btn_sample{margin:10px 0}
#popInc06 .btn_sample span{padding:2px 7px;margin-left:1px;border-radius:3px;border:1px solid #e1e1e1;font-size:12.5px;color:#222;letter-spacing:-.5px}
#popInc06 .btn_sample span:hover{background-color:#f5f5f5;cursor:pointer}

#popInc06 .btn_ok{margin-top:20px;text-align:center}
#popInc06 input[type=submit]{width:150px;height:45px;border:none;border-radius:3px;font-size:14px;color:#fff;background-color:#353646;font-family:'notokr-medium'}

/* 계산후 테이블 스타일 */
.oklist{margin:10px 0;padding:5px 0;border-radius:3px;font-size:13px;background-color:#f5f5f5}
.oklist th{width:12.5% !important;padding:5px 10px;font-weight:normal;color:#222; font-family:'notokr-medium'}
.oklist td{width:12.5% !important;padding:5px 10px}
				
.oklist2_wrap{position:relative;width:100%;min-height:30px;max-height:300px;overflow-y:scroll}
.oklist2{font-size:13px;border-radius:3px}
.oklist2 th{border-left:1px solid #e1e1e1;font-weight:normal;color:#222;background-color:#f5f5f5; font-family:'notokr-medium'}
.oklist2 th:first-child{border-left:none}
.oklist2 td{border-left:1px solid #e1e1e1;text-align:center}
.bgcolorf9{background:#fff !important}
.bgcolred{background:#f9f6e0}
.oklist2 .width5{width:25px}
.oklist2 .width13{width:75px}
.oklist2_wrap .oklist2 .width5{width:27px}
.oklist2_wrap .oklist2 .height25{height:25px}

/* 반응형 [s] */
@media (max-width:768px){
#popInc06 .inner{width:95%}
#popInc06 .btn_sample span{margin-bottom:5px}
.oklist td{padding:5px 0}
}

@media (max-width:480px){
#popInc06 .inner{padding:35px 5%}
#popInc06 ul li{padding-left:80px}
#popInc06 ul li label{width:80px}
.oklistTop th{text-align:left}
}

@media (max-width:380px){
#popInc06 ul li{padding-left:65px}
#popInc06 ul li label{width:65px}
#popInc06 ul li select{font-size:13px}
.oklist th{width:auto !important;padding:5px 0}
.oklist td{width:auto !important}
}
/* 반응형 [e] */