@charset "utf-8";
/* CSS Document */

/* popup */

.pop_wrap .pop_header{position:relative;padding:14px 0 11px 20px;border:1px solid #3c434e;background-color:#4c5663;}
.pop_wrap .pop_header h1{font-size:14px;line-height:16px;color:#f9f9fa;}
.pop_wrap .pop_header .btn_popclose{position:absolute;top:14px;right:20px;}
.pop_wrap .pop_container{padding:20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

/* OTP popup */
.pop_wrap .otp_pop_header {position:relative;padding:12px 0 11px 18px;border:1px solid #3c434e;background-color:#4c5663; height: 10px; width: 50%; margin: auto;top:20px;z-index: 999;}
.pop_wrap .otp_pop_header h1{font-size:12px;line-height:14px;color:#f9f9fa;}
.pop_wrap .otp_pop_header .otp_btn_popclose{position:absolute;top:14px;right:20px;}
.pop_wrap .otp_pop_container{position:relative;padding:12px 0 11px 18px;border:1px solid #3c434e; margin:auto; top:20px; background-color:white; height: auto; width: 50%; padding:12px 0 11px 18px;;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd; width: 50%;  z-index: 2000}

/* 경고 */
.caution_box{width:100%;color:#666;text-align:center !important;vertical-align:middle;}
.caution_box > span{display:inline-block;vertical-align:top !important;}
.caution_box > span.caution_box_thumb{width:40px;*width:44px;height:40px;background-color:#fff;background-repeat:no-repeat;background-position:0 0;}
.caution_box > span.caution_box_thumb.icon1{background-image:url(../img/bg/caution_icon1.png);}
.caution_box > span.caution_box_thumb.icon2{background-image:url(../img/bg/caution_icon2.png);}
.caution_box > span.caution_box_thumb.icon3{background-image:url(../img/bg/caution_icon3.png);}
.caution_box > span.caution_box_thumb.icon4{background-image:url(../img/bg/caution_icon4.png);}
.caution_box > span.caution_box_txt{text-align:left;line-height:18px;display:inline-block;max-width:300px;}
.caution_box > span.desc{display:block;height:11px;margin:0;padding:0;font-size:12px;color:#555;line-height:13px;*line-height:12px;text-align:left;}
.caution_box .cnt_msm{display:block;padding:0 9px;text-align:left;border:1px solid #b4b4b4;overflow-y:scroll;overflow:hidden;}
.caution_box .cnt_msm > p{display:block;margin-top:8px;*margin-top:7px;font-size:12px;color:#666;line-height:18px;}
.calender{display:block;height:25px;padding:20px 0;text-align:center;border:1px solid #ccc;}
.calender > input{height:23px;}
.calender > input, .calender img{*margin-top:-1px;}

/* progress_wrap */
.progress_wrap{position:relative;display:block;height:23px;padding-right:57px;}
.progress_bar{position:relative;width:100%;max-width:100%;height:23px;background-color:#e4e7e7;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.25) inset;-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.25) inset;-o-box-shadow:1px 1px 4px rgba(0,0,0,0.25) inset;-ms-box-shadow:1px 1px 4px rgba(0,0,0,0.25) inset;box-shadow:1px 1px 4px rgba(0,0,0,0.25) inset;overflow:hidden;}
.progress_amount{position:absolute;left:0;display:inline-block;height:23px;line-height:23px;color:#6190da;text-align:center;background-color:#E4E7E7;z-index:888;}
.progress_bar_txt{position:absolute;top:0;left:0;width:100%;padding:1px 0 0;color:#000;text-align:center;line-height:23px;z-index:999;}
.progress_wrap a.btn_style1_w{position:absolute;top:0;right:0;}
.t_line{padding-top:15px;border-top:1px solid #ccc;}

/* button */
.btn_srch, .btn_srch > span{display:inline-block;vertical-align:top;background-image:url(../img/btn/btn_search.png);background-repeat:no-repeat;}
.btn_srch{height:27px;padding:0 9px 0 0;background-position:100% 0;}
.btn_srch > span{height:25px;padding:2px 0 0 27px;font-size:12px;color:#555;line-height:25px;background-position:0 0;}

.btn_style1_b, .btn_style1_b > span{display:inline-block;vertical-align:top;background-image:url(../img/btn/btn_style1_b.png);background-repeat:no-repeat;}
.btn_style1_b{height:29px;padding:0 18px 0 0;background-position:100% 0;}
.btn_style1_b > span{height:26px;padding:3px 0 0 19px;*padding:2px 0 1px 19px;font-size:12px;color:#fff;line-height:26px;font-weight:bold;background-position:0 0;}

.btn_style1_w, .btn_style1_w > span{display:inline-block;vertical-align:top;background-image:url(../img/btn/btn_style1_w.png);background-repeat:no-repeat;}
.btn_style1_w{height:23px;padding:0 5px 0 0;background-position:100% 0;}
.btn_style1_w > span{min-width:42px;height:21px;padding:2px 0 0 5px;font-size:12px;color:#555;line-height:21px;background-position:0 0;}

/* reset Css */
/* *{margin:0;padding:0;} */
/* header,nav,section,article,aside,footer,hgroup,menu,canvas,figcaption,figure{display:block;} */
/* html,body,table,th,td,div,p,ol,ul,li,img,a,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,textarea,select,span,iframe,dl,dt,dd,pre,blockquote,time,hr{margin:0;padding:0;} */

/* basic */
/* table{empty-cells:show;border-collapse:collapse;width:100%;table-layout:fixed;} */
/* fieldset{border:none;} */
/* legend,caption,hr{display:none;} */
/* img{border:none;} */
/* img,label{vertical-align:middle;} */
/* label{vertical-align:middle;height:13px;} */
/* .default{color:#bbb !important;} */

/* select{height:23px;} */

/* default link */
a{cursor:pointer;}
/* a:link,a:visited{text-decoration:none;color:#555;} */
/* a:hover,a:active{text-decoration:none;color:#555;} */

/* font color */
.txt_r{color:#f44949 !important;}
.txt_b{color:#4c73b4 !important;}
.txt_g{color:#999 !important;}

/* font weight */
.normal{font-weight:normal !important;}
/* margin/padding */
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgr20{margin-right:20px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb25{margin-bottom:25px !important;}
.mgb30{margin-bottom:30px !important;}
.mgl5{margin-left:5px !important;}

/* align */
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.tal{text-align:left !important;}

/*cert START*/
*{margin:0;padding:0;}
/* a{cursor:pointer;} */
.t_center{text-align:center !important;}

.cert_top{position:relative;border:1px solid #3c434e;background-color:#4c5663;}
.cert_top h1{padding:0 0 0 20px;font-size:14px;color:#fff;line-height:40px;}
.cert_top a.close{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(../img/bg_close.gif) no-repeat;background-position:center center;}
.cert_mid{padding:25px 20px 20px 20px;border:1px solid #ddd;border-top:none;background-color:#fff;}

.cert_mid, .ctable {font-size:12px;color:#000;font-family:Dotum, '돋움', Gulim, '굴림', Arial, sans-serif;}
.ctable table{width:100%;empty-cells:show;border-collapse: collapse;}
.tb_thead{padding-right:17px;border:1px solid #bbb;background-color:#ededf1;}
.tb_thead th{	vertical-align:middle;height:27px;text-align:center;font-weight:normal;border-left:1px solid #bbb;}
.tb_thead tr th:first-child{border-left:none;}

h2.bul1{padding-left:12px;margin-bottom:10px;font-size:12px;background:url(../img/bul1.gif) no-repeat 0 3px;}
.tb_scroll{margin-bottom:25px;height:165px;overflow-y:scroll;border:1px solid #bbb;border-top:none;}
.tb_scroll td{vertical-align:middle;height:33px;text-align:left;border-left:1px solid #bbb;}
.tb_scroll tr td:first-child{border-left:none;}
.tb_scroll tr td:first-child img{display:inline-block;margin-left:5px;vertical-align:middle;}
.tb_scroll tr:focus {outline: 1.5px solid #235ab0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; box-shadow: none;}

.tb_scroll tr td:first-child img+.ellipsis{max-width:80%;}
.ellipsis{display:inline-block;vertical-align:middle;padding-left:8px;padding-top:2px;max-height:30px;line-height:15px;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;}
.tb_scroll tr:hover{cursor:pointer;background-color:#f0f0f0;}
.tb_scroll tr.off:hover{cursor:default;background-color:#fff;}
.tb_scroll tr.on, .tb_scroll tr.on:hover{cursor:default;background-color:#e7e7e7;}

.cipt{}
.cipt input{width:97%;height:21px;line-height:16px;text-indent:8px;font-size:14px;color:#000;border:1px solid #cbcbcb;background-color:#f4f4f4;}
.cipt input:focus{height:19px;text-indent:7px;border:2px solid #98b8ec;border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}


.cbtn_wrap{padding-top:22px;text-align:center;}
.cbtn{display:inline-block;padding:0 10px;min-width:34px;height:27px;line-height:27px;text-align:center;font-weight:bold;border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.cbtn.type1{color:#fff;border:1px solid #2c82bd;background-color:#3598db;}
.cbtn.type2{color:#555;border:1px solid #9f9f9f;background-color:#fff;}

#cert_pop{position:fixed; width:650px; height: auto; top:20%; left:28%;}
#cert_pop:focus {outline: 2px solid #235ab0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; box-shadow: none;}


/* Chrome Field Outline = None */

/* cert END */

/* 프로그래스바 */
#layer_pop{position:fixed; width:100%; height:2000px; top:0px; left:0px; }
#layer_pop:focus {outline: 1.5px solid #235ab0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; box-shadow: none;}
#layer_pop .pop_cont{position:absolute;width:300px; background:#EAEAEA ;padding:23px;}
/*프로세스 메니저*/
#layer_process_status:focus {outline: 1.5px solid #235ab0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; box-shadow: none;}
#layer_process_status{position:fixed; width:100%; height: auto; min-height: 40rem; top:10%; left:28%;}
#layer_process_status .pop_container{position:absolute; Width: 100%; height: 100%; max-height: 40rem; background:#fff ;padding:23px;}
/*프로세스 매니저 오류*/
#errorMsgPopLayer{position:fixed; width:100%; height:2000px; top:10%; left:40%;}
#errorMsgPopLayer .pop_container{position:absolute;Width:352px; background:#fff ;padding:23px;}

#okcancel_btn{position:fixed; margin-top: -23px;margin-left:310px;padding:2px; font-size:15px; border:1px solid;}
#okcancel_btn:focus {outline: 1.5px solid #235ab0; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; box-shadow: none;}

/* popup */
.layer-wrap { display:none ; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); }
.layer-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }
.pop-layer a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px; color: #fff; line-height: 25px;}
.pop-layer { position: absolute; top: 150px; left: 100px; width: 90%;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}
.pop-layer .pop-container {padding: 20px 25px;overflow-y:auto;overflow-x:hidden}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.pop-layer a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
.pop-layer a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}