@charset "utf-8";
.wrap_pop{border:3px solid #806c5d; position:relative; top:0; left:0; height:100%;background:url(../img/logo_footer.png) no-repeat 20px 240px ;}
.pop_w01{width:510px; height:255px; padding:20px 20px; }
.wrap_pop .wrap_header{background:url(../img/back_line.png) bottom  repeat-x; padding-top:4px; padding-bottom:15px; margin-bottom:35px;}
.wrap_pop h1{font-size:18px; font-weight:bold;  background:url(../img/logo.png) no-repeat right top;font-size:18px;color:#4e473f}
.txt_01{background:url(../img/dot_01.png) 0 5px no-repeat; padding-left:10px; margin-bottom:10px; letter-spacing:-1px; }

.wrap_txtbox{height:170px;}
p.loading{text-align:center; }
.ani_load{display:inline-block; background:url(../img/loading2.gif) no-repeat; width:220px; height:116px; }

/*버튼정의*/
.wrap_btn{width:100%; overflow:hidden; margin:30px 0 35px 0; text-align:center; }
.wrap_btn:afeter{clear:both; display:block; }
.wrap_btn span.lft{float:left; }
.wrap_btn span.rgt{float:right; }
.wrap_btn button{margin-right:5px; font-size:12px !important; font-weight:bold !important; }
.wrap_btn button.end{margin-right:0;}
.btn{border:1px solid #fba502; cursor:pointer;  border-radius:2px; color:#534f4a; text-align:center; height:27px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fecc14',EndColorStr='#ffbe03');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fecc14),to(#ffbe03));
	background-image:-webkit-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-moz-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-ms-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-o-linear-gradient(top,#fecc14,#ffbe03);
	background-image:linear-gradient(top,#fecc14,#ffbe03);
	 }
.btn span{display:inline-block; line-height:130%;  font-size:12px; }
.btn_01{border:1px solid #fba502; cursor:pointer;  border-radius:2px; color:#534f4a; text-align:center; height:31px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fecc14',EndColorStr='#ffbe03');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fecc14),to(#ffbe03));
	background-image:-webkit-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-moz-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-ms-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-o-linear-gradient(top,#fecc14,#ffbe03);
	background-image:linear-gradient(top,#fecc14,#ffbe03);
	 }
.btn_01 span{display:inline-block; line-height:130%;  font-size:12px; font-weight:bold; }
.btn_02{border:1px solid #d1d1d1; cursor:pointer;  border-radius:2px; color:#63605c; text-align:center; height:31px; background-color:#fff;}
.btn_02 span{display:inline-block; line-height:130%; font-weight:bold;  font-size:14px;}
 span.btn_03{display:inline-block; font-size:12px; border:1px solid #d1d1d1; cursor:pointer;  border-radius:2px; color:#63605c; text-align:center; height:25px; line-height:27px; padding:0 10px ; background-color:#fff;}
.btn_w01{padding:0 52px;}
.btn_w02{padding:0 7px;}
.btn_w03{padding:0 17px;}
.btn_close{border:1px solid #ddd; cursor:pointer;  border-radius:2px; color:#4e473f; text-align:center; height:27px; line-height:27px; letter-spacing:-1px; background-color:#fff; padding:0 8px; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#fcfcfc');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fcfcfc));
	background-image:-webkit-linear-gradient(top,#fff,#fcfcfc);
	background-image:-moz-linear-gradient(top,#fff,#fcfcfc);
	background-image:-ms-linear-gradient(top,#fff,#fcfcfc);
	background-image:-o-linear-gradient(top,#fff,#fcfcfc);
	background-image:linear-gradient(top,#fff,#fcfcfc);
	}
.wrap_close{position:absolute; bottom:33px; right:0; width:100%; text-align:right; margin-right:20px; }



/*pop_02*/
.wrap_pop01, .wrap_pop02{position:relative; top:0; left:0; height:100%;}
.wrap_pop01:after, .wrap_pop02:after{clear:both; display:block; }
.pop_w02{width:630px; height:400px;}
.login_left{ float:left; width:250px; height:355px; background:url(../img/back_login.png) left bottom no-repeat; }
.logo_all{display:inline-block; width:124px; height:21px; background:url(../img/logo_all.png) no-repeat; margin-top:20px; margin-left:20px;}
.login_right{float:left; width:360px; margin:20px 20px 0 0; overflow:hidden; }
.login_right h2{font-size:18px; letter-spacing:-1px; color:#4e473f;  margin-bottom:15px;}
.txt_box{background-color:#776c61; color:#fff; border-radius:10px; padding:15px 15px;  }
.icon_login{display:inline-block; width:285px; height:36px; padding-left:40px; background:url(../img/icon_login.png) left center no-repeat;  letter-spacing:-1px; line-height:140%;  }
.back_btn{overflow:hidden; border:1px solid #dadada; background-color:#fff; padding:15px 15px; border-radius:5px; margin-top:10px; }
.back_btn .btn_01{width:160px; height:128px; text-shadow: 0px 1px 0px rgba(255,231,155,1);}
.back_btn .btn_02{width:160px; height:128px; }
.space_line{height:10px; clear:both;}
.back_btn .txt_big{font-size:14px; }
.back_btn button{margin:0; padding:0; float:left; margin-right:8px;}
.back_btn button.end{margin-right:0; }
.copy_txt{width:303px; height:13px; background:url(../img/footer_kb.gif) no-repeat; margin-top:10px; font-size:0; line-height:0; }
/*pop_03*/
.pop_w03{width:950px; height:700px;}
.dot_01{display:inline-block; background:url(../img/dot_01.png) 0 5px no-repeat; padding-left:10px; }
.dot_02{display:inline-block; background:url(../img/dot_01.png) 0 13px no-repeat; padding-left:10px; }
.pop_w03 .wrap_header{width:950px; height:100px; }
.pop_w03 .wrap_header:after{clear:both; display:block; }
.pop_w03 .wrap_header .logo_all{float:left; }
.pop_w03 .wrap_header .txt_box{float:right; margin-top:15px; margin-right:20px; width:710px; padding:10px 15px; letter-spacing:-0.5px; }
.wrap_bottom{overflow:hidden; height:100px; margin-top:10px;}
.wrap_bottom:after{clear:both; display:block; }
.wrap_bottom li{height:100px;  }
.sign_left{float:left; width:270px; text-align:right; padding-right:20px;}
.sign_left .wrap_txt{margin-top:10px; font-size:11px;}
.sign_left button {width:120px; height:55px; margin-left:12px;}
.sign_left button span.txt_big{ text-shadow: 0px 1px 0px rgba(255,231,155,1); font-size:14px; }
.sign_right{float:left; width:640px;  }
.sign_right table{width:100%;}
table.esign{border:1px solid #d7d7d7; font-size:11px; }
table.esign th{background-color:#e7e7e7; color:#333;  border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:18px; text-align:center; font-weight: normal; }
table.esign td{background-color:#fff; color:#888; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:18px; text-align:center; }
.wrap_tab{height:40px; padding:0 20px; }
.wrap_tab li{display:inline-block; margin-right:5px; border:1px solid #d1d1d1; border-radius:5px 5px 0 0; color:#888;  cursor:pointer; letter-spacing:-1px; text-align: center; word-break: keep-all; width: 100px; padding: 5px 0;}
.wrap_tab li.tab_on, .wrap_tab li:hover{background-color:#565656; color:#fff; border:1px solid #565656; }
.wrap_esign{height:400px; margin:0 20px; background-color:#565656; border:1px solid #565656; }
/*.wrap_esign .esign{width:888px; height:428px; background:#fff; margin-top:10px; margin-left:10px; overflow-y:scroll; }*/

/*pop_04*/
.wrap_pop02{position:relative; top:0; left:0; height:100%;background:url(../img/logo_footer.png) no-repeat 40px 700px ;}
.pop_w04{width:918px; height:590px; padding:20px 20px; }
.pop_w04:after{clear:both; display:block; }
.pop_w04 .wrap_btn{margin-top:20px; }
.wrap_pop02 .wrap_header{background:url(../img/back_line.png) bottom  repeat-x; padding-top:4px; padding-bottom:15px; margin-bottom:35px;}
.pop_w04 h1{font-size:18px; font-weight:bold;  background:url(../img/logo_02.png) no-repeat left top; color:#4e473f; padding-left:40px; }
.txt_02{line-height:160%; }
table.esign_02{border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px; margin-top:19px; width:100%; }
table.esign_02 th{background-color:#f6f6f5; color:#4e473f;  border-right:1px solid #e6e5e5; border-bottom:1px solid #e6e5e5; padding:8px 0; text-align:center; font-weight: normal; }
table.esign_02 td{background-color:#fff; color:#4e473f; border-right:1px solid #e6e5e5; border-bottom:1px solid #e6e5e5; text-align:center; height:47px;}
table.esign_02 th.end, table.esign_02 td.end{border-right:0; }
.btn_down{background:url(../img/btn_down.png)no-repeat; width:69px; height:27px; line-height:26px; text-align:center; border:0; color:#4e473f; }
.txt_lft{text-align:left !important;}
.txt_big{font-size:14px !important;}
.pop_w04 .txt_big{font-size:14px !important; height:34px; line-height:34px; }

/*page*/
.wrap{width:100%;}
.wrap_page{width:918px; margin:0 auto; }
.wrap_pheader{background:url(../img/back_line02.png) bottom  repeat-x; padding-top:4px; padding-bottom:37px; margin-bottom:27px; height:59px; overflow:hidden; }
.wrap_pheader:after{clear:both; display:block; }
.wrap_pheader h1{float:left; font-size:18pt; font-weight:bold;  background:url(../img/logo_all.png) no-repeat left top; color:#463f3a; padding-left:140px; margin-top:32px;}
.wrap_pheader input[type="button"]{float:right; margin-top:30px; font-weight:bold; }
.page_contents{min-height:350px; }
.page_contents .h1_title{color:#463f3a;font-size:20px;font-weight:bold}
.page_contents .h1_title strong{color:#ef0000; }
.page_contents .wrap_btn{margin:0px !important;}
.check_tb{ text-aling:center; padding:15px 15px; background-color:#f9f9f9; color:#4e473f; }
.check_tb .wrap_btn{margin-top:20px !important; margin-bottom:20px !important;}
.check_tb .txt_big{font-size:14px !important; height:34px; line-height:34px; }
.btn_login{width:66px; height:61px; font-size:14px !important; text-shadow: 0px 1px 0px rgba(255,231,155,1); font-weight:bold;}
.box_login{overflow:hidden; width:300px; float:left; margin-left:265px; margin-top:40px;}
.box_login:after{clear:both; display:block; }
.box_login li{float:left; margin-right:10px; padding:2px 0;}
.box_login li.w_01{width:50px; text-align:right; font-size:14px; color:#463f3a; line-height:27px; font-weight:bold; clear:both;}
.box_login li.w_02{width:220px; }
.box_login li.w_02 input[type=text],.box_login li.w_02 input[type=password]{width:220px; height:25px !important; border:1px solid #b3b3b3; padding:0 5px; }
.box_login li.w_03{width:300px; clear:both; }
button.btn_login{float:left; margin-top:40px;}
.back_login02{background:url(../img/back_login02.png)center bottom no-repeat; }

/*search_box*/
.search_box{background-color:#f9f9f9; border:1px solid #d4d4d4; padding:10px 10px; margin-bottom:20px; color:#4e473f; }
.search_box input[type=text]{height:20px; }
.search_box .selbox{height:27px;}

/* foorter */
.footWrap{height:45px;position:relative;background:#766c62;z-index:1030; margin-top:40px;}
.foot_area{width:918px;height:31px;margin:0 auto;padding:14px 0 0;overflow:hidden;zoom:1;background-color:#766c62}
.foot_area h2{width:180px;float:left;text-indent:-9999px;overflow:hidden;background:url(https://oimg1.kbstar.com/img/ocommon/foot_logo.gif) no-repeat;}
.foot_area ul{float:left;}
.foot_area ul li{float:left;padding:0 11px 0 10px;background:url(https://oimg1.kbstar.com/img/ocommon/bullet/bult_element7.gif) no-repeat 100% 50%; letter-spacing:-1px;}
.foot_area ul li.last{background:0 none;}
.foot_area ul li a{color:#F4F3F0;}
.foot_area ul li.customer a{font-weight:bold;}
.foot_area .call{margin-top:1px;float:right;color:#F4F3F0 !important}
.foot_area ul li a{color:#f4f3f0;}
.foot_area ul li a:hover, .foot_area ul li a:focus, .foot_area ul li a:active, .foot_area ul li a:visited{text-decoration:underline; cursor:pointer !important; color:#f4f3f0 !important;}

/*160812 추가*/
.sign_left .wrap_btn{display:block; height:25px; overflow:hidden; padding:0; margin:0; text-align:right;}
.sign_left .wrap_btn button{margin:0; line-height:25px;}
.sign_left .wrap_btn button:last-child{margin-left:6px;}
button.btn_04{font-size:11px !important;width:120px; height:25px; text-align:center; font-weight:normal !important; background-color:#fff; border:1px solid #ddd; cursor:pointer;  border-radius:2px; color:#4e473f; }
button.btn_05{font-size:11px !important;width:120px; height:25px; text-align:center; font-weight:normal !important; background-color:#fff; border:1px solid #fba502;; cursor:pointer;  border-radius:2px; color:#4e473f; 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fecc14',EndColorStr='#ffbe03');
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fecc14),to(#ffbe03));
	background-image:-webkit-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-moz-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-ms-linear-gradient(top,#fecc14,#ffbe03);
	background-image:-o-linear-gradient(top,#fecc14,#ffbe03);
	background-image:linear-gradient(top,#fecc14,#ffbe03);
}

/*160912 추가 오상준*/
.sign_left .wrap_btn button.disable{border:1px solid #ddd; background:#f6f6f6 !important; color:#b1b1b1; font-size:11px !important; cursor:default;font-size:11px !important;width:120px; height:25px; text-align:center; font-weight:normal !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f6f6f6');
}

/*esign_pop*/
#esign_pop .wrap_pop02{position:relative; top:0; left:0; height:100%;background:url(../img/logo_footer.png) no-repeat 20px 700px ;}
#esign_pop .pop_w03 .wrap_header{height: 55px; margin-bottom: 5px;}
#esign_pop .pop_w03 .wrap_header .logo_all{margin-top:17px;}
#esign_pop .pop_w03 .wrap_header .txt_box{margin-top:5px; padding-top: 10px; padding-bottom: 10px;}
#esign_pop .wrap_tab{margin-top:15px;}
#esign_pop .txt_info{text-align:right; padding-right:20px; line-height:25px;}
#esign_pop .txt_info strong{font-weight:bold;}
#esign_pop .txt_info strong.icon_pdf{display:inline-block; text-decoration:underline; color:#ff0000; background:url(../img/pdf.gif) left 3px no-repeat; padding-left:20px;}
#esign_pop .wrap_esign{height:420px; margin:0 20px; background-color:#fff; border-top:1px solid #565656; border-left:2px solid #565656; border-bottom:2px solid #565656; border-right:2px solid #565656; }
#esign_pop .wrap_esign .esign{width:906px; min-height:410px; background:#fff; margin:0; overflow-y:hidden !important; }
#esign_pop .wrap_esign .esign iframe{border:0 !important; overflow-x:hidden;}
#esign_pop .wrap_tab02{margin-top:15px;}
.wrap_tab02{height:43px; padding:0 20px;  }
.wrap_tab02 li{display:inline-block; text-align:center; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1;  border-radius:5px 5px 0 0; color:#888;  padding:7px 10px 5px 10px; cursor:pointer; letter-spacing:-1px; }
.wrap_tab02 li:first-child{border-left:1px solid #d1d1d1;}
.wrap_tab02 li.tab_on, .wrap_tab02 li:hover{background-color:#565656; color:#fff; border-top:1px solid #565656; border-right:1px solid #565656; }