/*login*/
/*#login {background:url(../images/main/login_bg.jpg) no-repeat 0 0; background-size:cover}
#login header {background:transparent;margin:30px 0;} 
#login h1 a,#login h1 a:hover {color:#fff !important;background:url(../images/main/logoW.png) no-repeat 0 0;padding-left:115px;line-height:38px;}
#login form {display:table;}
#login fieldset {display:table-cell; vertical-align:middle;}
#login .loginWrap {color:#fff;line-height:1.6em;background:url(../images/main/login_visual.png) no-repeat 100% 50%; width:1200px; height:600px;margin:0 auto;margin-top:-20px;padding-top:180px;}
#login .loginWrap h2 {font-size:2em;font-weight:600;margin:10px 0;letter-spacing:-1px;}
#login .loginWrap .desc_txt {font-size:1em; font-weight:400;margin-bottom:10px;}
#login .loginWrap .useInfo {line-height:1.6em; display:inline-block;background:rgba(255,255,255,0.1) url(../images/main/ico_go.png) no-repeat 90% 50%; border-radius:4px; margin-left:8px;margin-top:3px;padding:0 22px 0 8px;color:#fff;font-size:0.95em;border:1px solid rgba(255,255,255,0.4)}
#login .loginWrap .loginForm {position:relative; width:440px; height:135px;background:rgba(0,0,0,0.15);border-radius:4px;padding:15px;margin:5px 0;}
#login .loginWrap .loginForm .id {display:inline-block;background:#fff url(../images/main/ico_user.png) no-repeat 0 0; width:250px; height:35px;border-radius:3px;padding-left:40px;margin:3px 0 8px 0;}
#login .loginWrap .loginForm .pw {display:inline-block;background:#fff url(../images/main/ico_pw.png) no-repeat 0 0; width:250px; height:35px;border-radius:3px;padding-left:40px;margin:0 0 8px 0;}
#login .loginWrap .loginForm .remember {display:block;padding-left:4px;font-size:0.98em;}
#login .loginWrap .loginForm .id input ,#login .loginWrap .loginForm .pw  input {border:0px solid #ddd !important;width:240px;height:35px;border-radius:4px;}
#login .loginWrap .loginForm .login {position:absolute; top:18px; right:15px;width:120px; height:80px;border-radius:4px;background:#2989a8 url(../images/main/bg_wg.png) repeat-x 0 0;color:#fff;}
#login .loginWrap .loginForm .login:hover {background:#107798 url(../images/main/bg_wg.png) repeat-x 0 0;}
#login .loginWrap .loginInfo {position:relative; width:440px; height:40px;background:rgba(0,0,0,0.15);border-radius:4px;padding:8px 0 0 0;}
#login .loginWrap .loginInfo a{display:inline-block;width:49%;height:1.4em;line-height:1.4em;color:#fff;border-right:1px solid rgba(255,255,255,0.3)}
#login .loginWrap .loginInfo a:last-child{border-right:none}
#login .loginWrap .loginInfo a span {display:inline-block;background:url(../images/main/ico_mem_go.png) no-repeat right 6px;line-height:18px;padding:0 20px;} 
#login #footer {position:absolute; bottom:40px;width:100%; overflow:hidden;  margin:0 auto;  background:transparent; font-size:.95em; border-top:0px solid #ddd;} 
#login #footer .copyright {clear:both; width:1260px; overflow:hidden; margin:0 auto; background:url(../images/main/logo_copyW.png) no-repeat 20px  20px;  text-align:left; padding:22px 0 0 120px; color:rgba(255,255,255,0.5); line-height:1.4em;  font-size:.95em;}
#login #footer address { padding:0; margin:0; font-size:13px;} 

/*login 2019*/
#login {background:url(../images/main/login_bg.jpg) no-repeat top center #f2fdec; padding: 0 40px; max-width: 1340px; min-width: 1260px; margin: 0 auto; height: auto;}
#login .wrap {width:100%; border-radius:5px; margin:120px auto 0; padding: 60px 110px 80px 730px; background:url(../images/main/login_bg2.jpg) no-repeat 0 center #fff;
	box-shadow: 15px 15px 30px  rgba(50, 51, 85, 0.3); 
	-webkit-box-shadow: 15px 15px 30px  rgba(50, 51, 85, 0.3); 
	-moz-box-shadow: 15px 15px 30px  rgba(50, 51, 85, 0.3); 
	position:relative;
}
#login .wrap:after {content: ""; display: inline-block; background: url(../images/main/login_illust.png) no-repeat center center; width: 745px; height: 682px; position: absolute; bottom: 0; left: 0;}
#login .wrap h1 {font-size: 33px;color: #000;line-height: 1.6;margin: 0 0 5px; font-weight: 300; letter-spacing: -2px;}
#login .wrap h1 img {display:block;}
#login .wrap > p {color: #757575; margin-bottom: 35px;}
#login .wrap > p > span {color:#000;}
#login .loginForm input {border: 1px solid #cfcfcf; height: 50px; border-radius: 3px; width: 100%; margin-bottom: 5px; padding: 5px 15px 5px 55px; position: relative;}
#login .loginForm input:focus {border: 1px solid #039cbe;}
#login .loginForm .id input {background: url(../images/main/ico_user.png) no-repeat 20px 12px;}
#login .loginForm .pw input {background: url(../images/main/ico_pw.png) no-repeat 20px 12px;}
#login .loginForm .btn-login {
	background: #039cbe;
	width: 100%;
	border-radius: 3px;
	height: 50px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	position:relative;
	overflow: hidden;
	}
#login .loginForm .btn-login:hover,
#login .loginForm .btn-login:active,
#login .loginForm .btn-login:focus {
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15); 
	-webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15) ; 
	-moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15);}

#login .loginForm .btn-login::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	-webkit-transform: translate(-13%,-190%) rotate(-30deg);
	transform: translate(-10%,-180%) rotate(-10deg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
	background-color: rgba(255,255,255,0.25);
}
#login .loginForm .btn-login:hover::before{
	opacity: 0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
#login .loginInfo {margin-top: 20px;}
#login .loginInfo:after {content: ''; display: block; clear: both;}
#login .loginInfo a {width: calc((100% - 10.1px) / 3);border: 1px solid #cfcfcf;display: inline-block;text-align: center;padding: 65px 20px 15px;border-radius: 3px;color: #3d3d3d;margin-right: 5px;float: left;position:relative; font-weight: 300;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;}
#login .loginInfo a:hover,
#login .loginInfo a:active,
#login .loginInfo a:focus {border: 1px solid #039cbe; background: aliceblue;}
#login .loginInfo a:last-child {margin-right:0;}
#login .loginInfo a:after {content:"";width:50px;height:50px;display:inline-block;position:absolute;top: 15px;left: 50%;margin-left: -25px;}
#login .loginInfo a.btn-info01:after {background:url(../images/main/ico_info.png) no-repeat 0px 0;}
#login .loginInfo a.btn-info02:after {background:url(../images/main/ico_info.png) no-repeat -50px 0;}
#login .loginInfo a.btn-info03:after {background:url(../images/main/ico_info.png) no-repeat -100px 0;}
#login footer {margin-top:40px; color: #7094a5; font-size: 13px; text-align: center;}




/*  General CSS*/
.container {min-height: 500px; overflow: hidden; margin: 40px auto 100px; position: relative;} 
.container .content {float: left; padding-left: 40px; width: calc(100% - 210px);}
.container .content .desc {padding-left:12px; margin:10px 0 10px 0;}
.container .content td .desc {padding:0; margin: 5px 0 0 0; font-size: 13px;}

#wrap {position:relative; width:auto; overflow-x: hidden; min-width: 1260px;}
.grab {max-width: 1440px; margin: 0 auto; width: 100%; padding: 0 40px;}
.grab:after {content: ''; display: block; clear: both;}




/*heading*/ 
h4 {font-size:1.6em;  font-weight:600; border-top:1px solid #4a5d76; border-bottom:1px solid #ddd; color:#4a5d76; padding:15px 0;  margin:20px 0; }
h5 {font-size:1.2em; font-weight:600; line-height:1.8em;  background:url(../images/com/bt_h5.png) no-repeat 0 10px; padding-left:15px; margin:40px 0 10px 0;}
h6 {font-size:1em; font-weight:600; line-height:1.5em;  background:url(../images/com/bt_dot.png) no-repeat 0 10px; padding-left:15px; margin-bottom:10px;}
 

/*  header  */
/*  header{width: 100%;height:65px;background: #fff; font-family:'Nanum Gothic'; position: relative; top: 0px; z-index: 100;}
h1 a {margin:25px 0 0 0;display:block; height:48px;line-height:34px;background:url(../images/com/logo.png) no-repeat 0 0; padding-left:102px;font-weight:600; } 
h1 a:hover{color:#000 !important;}  
.utilMenu {position: absolute; right:0; top:15px; height:40px; line-height: 40px; width:auto; overflow:hidden;}
.utilMenu li {float:left; }
.utilMenu a {float:left; display:inline-block; width:auto; height:38px;  line-height:38px;  color:#666; font-size:14px; text-align:center; padding:0 12px;} 
.utilMenu .fa span {display:inline-block; padding-left:7px; font-size:14px; color:#666; }
.utileMenu .fa-search,
.utilMenu  .fa-menu {font-size:22px;  display:inline-block; width:38px; height:38px; line-height:38px; text-align:center;  padding:0 10px 0 12px;} 
.utilMenu a:hover,.utilMenu a:hover span {color:#02a1ff;} */

/*  header 2019 */
header {background:url(../images/com/sub_bg.jpg) no-repeat top center #009688; padding: 60px 0;}
header h1 {color:#fff; font-size:31px; font-weight:300;}
header h1 img {margin: 2px 5px 0 0;}
header .grab {position:relative;}
header .grab:after {background: url(../images/com/sub_illust.png) no-repeat top left; content: ""; width: 654px; height: 214px; display: inline-block; bottom: -60px; right: 0; z-index: 1; position: absolute;}

.utilMenu span:after {content:""; display:inline-block; background:url(../images/com/ico_util.png) no-repeat 0 0; width:14px; height:14px; top:10px; left:15px; position:absolute;}
.utilMenu button.logout:after {content:""; display:inline-block; background:url(../images/com/ico_util.png) no-repeat -14px 0; width:14px; height:14px; top:10px; left:15px; position:absolute;}
.utilMenu span,
.utilMenu button {background: #fff; padding: 7px 15px 7px 40px; border-radius: 3px; color: #039cbe; position:relative; margin-right:5px; vertical-align: middle; display: inline-block;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.15);
	transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
}
.utilMenu button:hover,
.utilMenu button:active,
.utilMenu button:focus {transform: scale(0.95); }







.gnb {position:absolute; width:100%; height:40px; padding:0;margin:0;background:rgba(0,0,0,0.3); text-align:right; z-index: 10000;}
.gnb nav {width:1260px; height:40px; margin:0 auto; padding:0;}
.gnb a {float:right;display:inline-block; color:#fff; text-align:right; width:auto; height:40px; line-height:40px; padding:0 20px; }
.gnb a:hover {background:#1EB3BD;}
.gnb a.closebtn {position:relative; font-size:20px; padding:0 10px 0 20px;}
.gnb a.closebtn:hover {background:#333;}
.gnb .top_regist {background:rgba(255,255,255,0.4);background:#1EB3BD;}
.gnb .top_regist span {padding-left:7px;}
.searchArea { position:absolute; right:0; top:15px;  width:650px; height:40px; padding:0; background:#fff;}
.searchArea input {border:1px solid #9DA7C2; width:90%; height:38px; text-indent:8px; color:#9DA7C2; border-radius:5px 0 0 5px;}
.searchArea .fa-search {position:absolute; top:0; right:30px; background:#3A4E85; color:#fff; border-radius:0 5px 5px 0; width:40px; height:38px; line-height:38px; text-align:center; display:inline-block; z-index:100;}
.closebtn {position: absolute; top: 0; right: 0; font-size: 25px; color:#3A4E85; text-align:center; border:0; padding:0; line-height:38px; margin:0;}

.lnb {width:210px; height:100%;float:left; } 
.lnb li a {display: block;padding: 13px 20px;background: url(../images/com/lnb_arrow.png) no-repeat 90% -27px #f2f2f4;font-weight: 300;border-bottom:1px solid #e1e1e3;}
.lnb li a:hover,
.lnb li a:active,
.lnb li a:focus {color:#fff;background: url(../images/com/lnb_arrow.png) no-repeat 90% 18px #039cbe;}
.lnb li a.act {color:#fff;background: url(../images/com/lnb_arrow.png) no-repeat 90% 18px #039cbe;}
.lnb li:last-child a {border-bottom:none;}



/*  footer  */ 
#footer {width:100%; overflow:hidden;  margin:0 auto;  background:#fff; font-size:.95em; border-top:1px solid #ddd;}
#footer .footMenu {float:left; width:auto; height:30px; margin:0 -10px;}
#footer .footMenu li {float:left; padding:4px 0;}
#footer .footMenu li a {border-left:1px solid #ddd; line-height:14px;  padding:0 10px; }
#footer .footMenu li:first-child a {border-left:none;}
#footer .familySite {position:relative; float:right; width:auto; height:30px; background:#fff; border:1px solid  #9e9ead; padding:0; margin:0;  border-radius:0;}
#footer .familySite select {font-size:13px; float:left; width:160px; height:28px; line-height:28px; text-indent:5px; border: 0 !important; border-radius:0; cursor: pointer; padding;0; margin:0;} 
#footer .familySite .go {float:right; font-size:0; text-indent:-1000px; float:left; width:32px; height:28px; text-align:center; border-radius:0; border-left:1px solid #9e9ead; background:#fff url(../images/com/ico_arrow_down.png) no-repeat 50% 50%; color:#fff; }
#footer .copyright {clear:both; width:1260px; overflow:hidden; margin:0 auto; background:url(../images/com/logo_copy.png) no-repeat right  20px;  text-align:left; padding:22px 0; color:#898989; line-height:1.4em;  font-size:.95em;}
#footer address { padding:0; margin:0; font-size:13px;} 
 
.titleWrap {position:relative;background: url(../images/com/sub_bg.jpg) no-repeat top center #009688;height:100px;/* background-size:cover; */position: relative;} 
.titleWrap h2 {width:1260px;line-height: 100px;margin:0 auto;color:#fff;font-size:1.6em;font-weight: bold;}
.titleWrap h2:after {/* content: ""; */position: absolute;bottom: 15px;width: 60px;height: 1px;background-color:rgba(255,255,255,0.5);left: 50%;margin-left: -30px;} 
.titleWrap p {color:#f4f4f4; padding-bottom:10px; }
.titleWrap .location {position:absolute; left:50%; bottom:15px; width:630px;height:18px;line-height:18px; text-align:right; color:#f4f4f4; }
.titleWrap .location span {color:#ddd; font-weight:600; display:inline-block;  height:18px; line-height:18px; padding:0; background:url(../images/com/ico_next.png) no-repeat 0 50%; padding-left:40px; }
.titleWrap .location a.home {display:inline-block; background:url(../images/com/ico_home.png) no-repeat 50% 50%;width:30px; height:18px; }
.titleWrap .location a {color:#f4f4f4;}  
.titleWrap.pop h2 {width:100%;}

/*  footer 2019  */ 
#wrap footer {color:#a3a3a3; font-size:13px; line-height: 1.8; border-top: 1px solid #dddddd; padding: 30px 0;}
#wrap footer:after {content: ''; display: block; clear: both;}
#wrap footer address {float:left;}
#wrap footer .logo {float:right; margin-top: 8px; }



/*Table*/
/*list*/
.list {position:relative;  width:100%; overflow:hidden;margin:0;border:1px solid #ddd;border-left:none;border-top:2px solid #000;}
.list table {}
/* .list th {background:#f9f9f9;vertical-align:middle;font-weight:600;padding:10px 8px;border-bottom:1px solid #ddd;color:#543F5E;font-size: 15px;} */
.list th {background:#f9f9f9;vertical-align:middle;font-weight:600;padding:10px 8px;border-bottom:1px solid #ddd;color:#543F5E;}
.list th:first-child{background-image:none;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.list td {padding:10px 8px; text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;vertical-align: middle;}
.list tr:last-child th, .list tr:last-child td {border-bottom:0px solid #ddd;} 
.no_list {text-align:center; margin-top: 30px; font-size: 15px; color: #666;}

/*detail,regist*/ 
.regist {position:relative; width:100%; overflow:hidden; border-left: 1px solid #ddd;border-top:2px solid #000; border-bottom:none; padding:0;margin: 0;}
.regist table {padding:0;margin:0;}
.regist th {background:#f9f9f9; vertical-align:middle;padding: 10px 8px;border-bottom:1px solid #ddd; border-right: 1px solid #ddd;font-size: 14px;}
.regist th span {font-weight:400; color:#555;}
.regist td {padding:8px 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;vertical-align: middle;}
.regist td .em {position: relative; top: 4px; font-size: 12px; font-weight: bold;}
.regist td button {border: 1px solid #cfcfcf; color: #909090; background: transparent; height: 31px; padding: 0 10px;}
.regist td button:hover,
.regist td button:active,
.regist td button:focus {color: #0c8ed0; border: 1px solid #0c8ed0;}
.inner th,.inner td  {border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:none;border-left:none;} 
.inner tr th:last-child,.inner tr td:last-child {border-right:none;}
/*search*/
.search {position:relative;  width:100%; overflow:hidden;  border:1px solid #ddd;border-bottom:none;background:#f3f3f3;padding:0;margin:0 0 20px 0;}
.search table {padding:0;margin:0;}
.search th {vertical-align:middle;font-weight:600;padding:10px 0;border-bottom:1px solid #ddd;color:#543F5E;font-size: 0.99em;}
.search td {padding:6px;border-bottom:1px solid #ddd;}
.search th span {font-weight:400; color:#555;} 

td strong {display:inline-block;}
td.cont {vertical-align: middle;}

.tab {position:relative; width:100%; overflow:hidden;}
.tab ul {width:100%; overflow:hidden; margin-right:-1px;  background:#9199A6}
.tab li {float:left;  }
.tab li a {display:block; padding:12px 10px; color:#fff;}
.tab li:hover {background:#7B828D;}
.tab li.act,.tab li:hover.act {background:#348FCA;}
.tab li.act a {color:#fff;} 
.tab .fa-print {position:absolute; bottom:15px; right:15px; color:#fff;}
.tab .fa-print span {padding-left:6px; font-size:13px;}
  
.ess {color:#ff0000 !important;font-weight:600;display:inline-block; padding-right:3px; top: 3px;position: relative;}    
.info_txt {font-size: 15px; color: #808080; display: inline-block;}
.info_txt span {color:#0099d9;}
.info_txt_thin {margin: 4px 0; line-height: 1.4;}
.info_txt_thin:before {content:"* ";padding-left:8px; top: 4px; position: relative; color: #039cbe;} 
.info_txt2 {margin-bottom: 10px; position: relative; padding-left: 14px; color:#0099d9; display: inline-block;}
.info_txt2:after {content: ""; width: 5px; height: 5px; background: #0099d9; display: inline-block; position: absolute; left: 0; top: 10px; border-radius: 10px;}
.box {border:1px solid #d4d4d4; width:auto; overflow:hidden;  margin:15px 0 0 10px; text-align:center;}   
.desc_box {border:1px solid #BBCDCB;background:#FBFEFE;color:#333;padding:15px;width:auto; overflow:hidden; margin:15px 0;line-height:1.8em;}
.desc_box .user{background:#fff; padding:4px 10px; border-radius:15px;border:1px solid #ddd;margin-right:3px;}
.desc_box2 {border:1px solid #bde5ee;background:rgba(189, 229, 238, .1);color:#333;padding:15px;width:auto; overflow:hidden; margin:0 0 15px 0;line-height:1.8em;}
.desc_box2 p.user {font-size:15px;}
.desc_box2 p.user span {font-weight: bold;}
.desc_box2 .btn_regist i {display:block; text-align:center;font-size:1.8em;color:#1692CF;padding-bottom:6px;}
.desc_box2 .btn_regist {display:block; padding:0 0 0 15px;color:#1692CF !important;border-left:1px solid #ddd;font-size:1em;}
.desc_box2 .btn_regist:hover i {color:#333;}
.desc_box2 .btn_regist:hover {color:#333 !important;} 


.ul {width:auto; overflow:hidden; margin:10px; }
.ul li  {float:none; width:100% !important; height:100% !important; text-align:left; background:url(../images/com/bt_dot.png) no-repeat 2px 12px; padding-left:13px; line-height:28px;}
 
 

/* pageing */
.pageWrap{position:relative; text-align:center; margin:1em 0.1em;}
.li_page{margin:0 auto; text-align:center; display:inline-block}
.li_page .on a,.li_page .on{color:#0C8FD1; font-weight:bold; }
.li_page li{width:2.8em;height:35px;display:inline-block;float:left;line-height:35px;border:1px solid #ddd;margin-left:-1px;}
.li_page li:hover {color:#0981be !important;background:#f4f4f4}
.li_page li:hover a{color:#1692CF !important;border-color:#f4f4f4;}
.pageWrap .btn.fa span {font-family: NanumGothic; font-size:.95em; padding:0 0 0 4px;}
.pageWrap .btn.fa-angle-right {position:absolute; right:0; border-radius:0; border:1px solid #ddd; color:#444; font-size:0.95em;}
.pageWrap .btn.fa-angle-right:hover {background:none;  border:1px solid #0C8ED0; color:#0C8ED0;} 
.btnArea .pageWrap {min-width:400px; margin:0 auto;}

.pageNumWrap {position:relative; width:100%; overflow:hidden;}
.pageNumWrap .pageNum {float:left; font-size:1em; font-weight:normal;margin:0; padding:5px 0;line-height: 30px;}
.pageNumWrap .pageNum .amount {color:#0297D9 !important; font-weight:600;}
.pageNumWrap .pageNum span { display:inline-block; padding:0 2px;}
 
.pageNum {color: #808080; font-size: 18px; display: inline-block; margin-left: 5px;}
.pageNum .amount {color: #039cbe;}
.pageNum .total {font-size:14px;}
.pageNum select {font-size:13px;   width:90px; height:26px; line-height:26px; text-indent:2px; border:1px solid #ddd; -webkit-appearance: none; -moz-appearance: none; appearance: none;  
 background:#fff url(../images/com/bg_combo.png) no-repeat 70px 50%; cursor: pointer; padding:0; margin:0; border-radius:4px;} 
.f16 {font-size:16px; font-weight:400;}
.f16 strong {color:#2793db; }
.pageNumWrap select {height: 31px; line-height: 31px; padding:0 18px 0 4px; vertical-align:middle; border-color:#CFCFCF; }
.pageNumWrap input {height:31px;}
.pageNumWrap .btnArea {margin:0;}
.pageNum .info_txt { height:26px; line-height:26px;margin:0;padding:0; float:right;}

.top {margin-bottom: 15px;}
.top:after {content: ''; display: block; clear: both;}
.top h2 {display:inline-block;font-size:20px;color:#222;font-weight: 300;margin: 0;}
.top .info_txt {margin-top: 8px;}

/*button*/
.btnArea {position:relative; width:auto; overflow:hidden; padding:0; margin:30px 0 0;text-align:right; } 
.btnArea .btn {padding:0 20px;line-height:42px !important;}
.btnArea .btn.fa {/*! font-size:1.2em !important; */ vertical-align: middle; }
.btnArea .btn.fa span {font-family:NanumGothic !important; font-size:14px; padding-left:6px;  }
.btnArea .btn.fa-file-excel-o {padding:6px; font-size:1.1em !important; width:38px; height:34px;}
.btnArea .btn.fa-file-excel-o:hover { background:#60AC0B;  border:1px solid #60AC0B; color:#fff; }
.btnArea .btn.fa-file-excel-o span {font-size:0 !important; text-indent:-10000px;}  
.btnArea .btn.fa-pencil-square-o {line-height:12px; }
.btnArea .btn.fa-pencil-square-o span {display:inline-block;  padding:0 0 0 6px; }

.btni {color:#898989 !important; text-align:center;}
.btni:hover,.btni:focus {color:#0A8BCF !important; }
.btn.fa {/*! font-size:1em !important; */ vertical-align:middle;}
.btn.fa-print {color:#6A889D;padding:0 8px;vertical-align:middle;}
.btn.fa-print span {font-size:13px;}
.btn.fa-print:hover {background-color:#f8f8f8;color:#0A8BCF;}
.btn.fa-print:hover span {color:#0A8BCF;}
.btn.txt::before {padding-right:10px;}
.vh {font-size:0; text-indent:-1000px;}
.fa-download span {display:inline-block; padding-left:7px; font-family: NanumGothic;} 

.btn,a.btn {display:inline-block; border:1px solid #cfcfcf; border-radius:1px; padding:0 15px;line-height:35px;background-color:#fff; color:#0395D5;font-weight: normal;}
.btn:hover,a.btn:hover{background-color:#0395D5; border:1px solid #0395D5; color:#fff;}
.btn:hover span,a.btn:hover span { color:#fff;}
.btn:focus,.btn:active,a.btn:focus,a.btn:active  { border:1px solid #0395D5; background:#f4f4f4; } 
.btn.detail {display:inline-block; padding:0 10px 0 20px; color:#444;background:url(../images/com/ico_detail.png) no-repeat 0 3px; border:none;  }
.btn.detail:hover,.btn.detail:focus,.btn.detail:active {color:#000;}
.btn.desc { background-image:url(../images/com/ico_btn.png); background-repeat:no-repeat; background-position: 0 2px; padding-left:40px;}
.btn.write { background-image:url(../images/com/ico_btn.png); background-repeat:no-repeat;  background-position: 0 bottom; padding-left:40px;}
 
.btn-isearch { display:inline-block; min-width:32px; height:31px; background:url(../images/com/ico_searchW.png) #fff 6px -30px no-repeat !important; border:1px solid #CFCFCF; margin-left:-1px; }
.btn-isearch:hover,
.btn-isearch:focus,
.btn-isearch:active {background: url(../images/com/ico_searchW.png) #f2f2f2 6px -30px no-repeat !important;}   
.btn-isearch span {width:auto;padding:0 8px 0 30px;}
.btnCheck { display:inline-block; min-width:32px; height:30px;  background-color:#f9f9f9;border:1px solid #CFCFCF; margin-left:-1px; }
.btnCheck:hover {background-color:#f2f2f2;}   
.btnCheck span {width:auto;padding:0 8px 0 30px;}


.btn_regist i {display:block; text-align:center;font-size:1.8em;color:#1692CF;padding-bottom:6px;}
.btn_regist {display:block; padding:0 0 0 15px;color:#1692CF !important;border-left:1px solid #ddd;font-size:1em;}
.btn_regist:hover i {color:#333;}
.btn_regist:hover {color:#333 !important;} 

.btn-open { border-radius:0 0 5px 0; border-left:1px solid rgba(255,255,255,.2);background-color:rgba(77,77,102,1); 
  background-image:url(../images/com/ico_open.png); background-repeat:no-repeat; background-position: 12px -24px; 
  padding-left:36px !important; color:#fff;  }
.btn-close {border-radius:0 0 0 5px; background-color:#4d4d66; background-image:url(../images/com/ico_open.png); background-repeat:no-repeat; background-position: 12px 5px; padding-left:36px !important; color:#fff;  }
.btn-open:hover, .btn-close:hover,.btn-open:focus, .btn-close:focus {background-color:#3C5066; color:#fff;} 
.btn-picker { vertical-align:middle; display:inline-block; border-radius:0 2px 2px 0; width:33px; height:31px; margin-left:-1px; background:#868693 url(../images/com/ico_calendar.png) no-repeat 50% 50%; }
.btn-picker:hover { background-color:#4D4D66;  }
.btn_s {padding:2px; background:transparent; border:1px solid #ddd;  min-width:22px; margin:0 1px 2px 0;} 
.btn_s:hover {background-color:#3C5066; border-color:#3C5066; color:#fff;} 

.btn.lg {padding:0 30px;height:50px;line-height:48px !important;;border-radius:2px; background-color:#0C8ED0; border:1px solid #0C8ED0; color:#fff;vertical-align: middle;}
.btn.lg.line {background-color:#6c757d;border: 1px solid #6c757d;}
.btn.lg:hover,
.btn.lg:active,
.btn.lg:focus {background-color:#0082bb;}
.btn.lg.line:hover,
.btn.lg.line:active,
.btn.lg.line:focus {background-color:#5a6268;}
.bottom {padding:10px 0 30px 0; border-bottom:1px solid #ddd;}
.bottom .btn {border:1px solid #ddd;  color:#666; padding: 5px 10px !important; font-size:.95em;}
.bottom .btn.fr {background:#f4f4f4}
.bottom .btn.fr:hover {color:#0C8FD1;} 
td .btn,td a.btn {padding:0 10px; line-height:28px;height:30px;margin-left:-1px;border-color:#ddd; vertical-align: middle;}
td .btn:hover,td a.btn:hover {background:#f4f4f4;color:#444;}
td .btn:hover span,td a.btn:hover span,
td .btn.fa:hover ,td a.btn.fa:hover  {color:#0C8FD1;}
td .btn span,td a.btn span {padding-left:4px;color:#444;}


.status {display:inline-block; width:75px;line-height:28px;height:30px;border-radius:1px; font-size:13px;  background:#077bcc; color:#fff !important;vertical-align: :middle;}
.status.request {background:#0000ff; color:#fff;} 
.status.return {background:#ff0000; color:#fff;} 
.status.complete{background:#6a889d; color:#fff;}
.status.receipt{background:#00ADA9; color:#fff;}
.status.analysiscomplete{background:#8000ff; color:#fff;}
.status.payready{background:#fe642e; color:#fff;}
.status i {padding-right:6px;}
.statusSelect {display:inline-block; width:100px;line-height:28px;height:30px;border-radius:1px; font-size:13px;  background:#077bcc; color:#fff !important;vertical-align: :middle;}


/*비번찾기/아이디중복화면 팝업*/
.findWrap {margin:0;border-top: 4px solid #039cbe;background: url(../images/com/img_find.png) no-repeat 20px 40px;padding: 40px 20px;/* line-height: 1.4em; */background-size: 22px;}
.findWrap .close {position:absolute;top: 15px;right: 10px;width:40px;height:40px;background:url(../images/com/close_md.png) no-repeat 50% -80px;font-size:0;text-indent:-1000px;}
.findWrap .close:hover {background:url(../images/com/close_md.png) no-repeat 50% -40px;}
.findWrap .tit {padding-left: 30px;/* min-height:60px; */margin-bottom: 20px;}
.findWrap h1 {background:none;color:#000; font-size:1.6em; line-height:1em; margin:0px 0 10px 0;padding:0;font-size:1.3em; font-weight:600;}
.findWrap p {color:#444;word-break:keep-all;}
.findWrap dl {margin:10px 0 0 0; padding:15px 15px 10px; border:1px solid #eee;background:#f8f8f8;}
.findWrap dt {font-weight: 600;width: 80px;float: left;margin-bottom: 5px;}
.findWrap dd {font-weight:600; width:auto;margin-bottom: 5px;}
.findWrap .ml1{margin-left:-1px;}
.findWrap dl .btn {height:31px; line-height: 30px;}
.findWrap dl .btn:hover {background:#f4f4f4}
.findWrap dl .btn span {color:#444;}
.findWrap .btnArea {margin:15px 0 0 0;} 
.findWrap .btnArea .btn{background-color:#0395D5; border:1px solid #0395D5; color:#fff;}

/*팝업*/
#popup .container { width:auto; margin:0 20px;} 
#popup .container .content {clear:both;width:100%;padding: 40px 0 50px;border:none;}
#popup .titleWrap {clear:both; width:100%;} 
#popup .titleWrap h2 {width:100%;color:#fff;font-size: 22px;padding: 0 20px;} 

#popup.print .titleWrap {background:transparent;border:1px solid #000; width:auto;margin:20px;}
#popup.print .titleWrap h2 {width:100%;color:#000; font-size:1.8em; } 
#popup.print .btnPop {position:absolute; top:8px; right:10px; width:90px;}
#popup.print .btn {line-height:24px; margin-bottom:4px;width:90px;color:#444;border:1px solid #cdcdcd;}
#popup.print .btn.fa span {padding-left:5px;color:#444;}
#popup.print .btn:hover {background-color:#f4f4f4;}




#cntTop{position: absolute; right: 0; bottom: 107px; z-index:999; padding: 0;}
#cntTop img{max-width:none;}



@media (max-width: 1340px){
	#login .wrap {padding: 80px 90px 80px 710px;}
	#login .wrap h1 {font-size: 31px;}
	
}