@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] */


/* 2026-06-29: visible close button and calculator result styling */
#popInc06 .pop_close{
  right:18px !important;
  top:18px !important;
  z-index:30 !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:#009688 !important;
  text-indent:0 !important;
  font-size:0 !important;
  cursor:pointer !important;
  border:none !important;
  box-shadow:0 8px 20px rgba(0,0,0,.28) !important;
}
#popInc06 .pop_close:before,
#popInc06 .pop_close:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:3px;
  border-radius:3px;
  background:#fff;
}
#popInc06 .pop_close:before{transform:translate(-50%,-50%) rotate(45deg)}
#popInc06 .pop_close:after{transform:translate(-50%,-50%) rotate(-45deg)}
#popInc06 input[type=submit]{background-color:#009688 !important;box-shadow:0 8px 18px rgba(0,150,136,.24)}
#popInc06 .btn_sample span{border-color:#c9ebe7;color:#063f52;background:#effaf8}
#popInc06 .btn_sample span:hover{background:#009688;color:#fff}
.rate-calc-result{
  margin-top:22px;
  padding:24px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.12);
}
.rate-calc-result .result-title{
  margin:0 0 16px;
  font-family:'notokr-bold';
  font-size:20px;
  color:#222;
  text-align:center;
}
.rate-calc-result .result-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 0;
  border-top:1px solid #ececf2;
  font-size:16px;
  color:#555;
}
.rate-calc-result .result-row strong{
  font-family:'notokr-bold';
  font-size:23px;
  color:#009688;
  white-space:nowrap;
}
@media (max-width:480px){
  .rate-calc-result{padding:20px 16px}
  .rate-calc-result .result-row strong{font-size:20px}
}