@charset "utf-8";

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:400;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       url(/font/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font/NanumGothic-Bold.woff) format('woff'),
       url(/font/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family:NanumGothic;
  font-style:normal;
  font-weight:800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* common */
body {height:100%; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim; font-size:13px; color:#444; padding:0; margin:0;}
html{overflow:scroll; overflow-x:auto; height:100%; font-family:'NanumGothic','Malgun Gothic',Dotum, Gulim;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td, select {margin:0; padding:0;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle;}
input:disabled{background:#f2f2f2;}
textarea:disabled{background:#f2f2f2;}
input.type-image {border: 0 none;}
input.type-text, textarea {border:1px solid #d2d2dc; background:#fff; padding:5px;}
img {vertical-align:middle;}
	
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:none;}
table{border-collapse:collapse;}
caption {display:none;}

#skipNavi {position:absolute; top:0; left:0; width:100%;}
#skipNavi a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1em;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {position: absolute; top: 0; padding: 5px 0; font-weight:bold; color:#fff; background:#000; z-index:500;}


.wrap {overflow:hidden; position:relative; width:1200px; margin:0 auto;}
/* .visual {position:relative; width:670px; height:300px; margin-top:23px; background:url(/images/img_login/img_visual.png) no-repeat 0 11px;} */
.visual {position:relative; width:670px; height:300px; margin-top:23px;}
.visual .login_boxArea {position:relative;width:670px;height:270px;background:url('../images/login_box_bg.png') bottom right no-repeat;}
.visual .login_boxArea h1 {display:block; height:46px; background:url(/images/img_login/logo.png) no-repeat; text-indent:-9999px;}
.visual .login_boxArea .txt {position: absolute;bottom: 21px;display: flex;flex-direction: column;}
.visual .login_boxArea .txt > p {letter-spacing: -2px;color:#232d46;font-size: 34px;line-height: 2.6rem;padding: 0;padding-left: 85px;margin: 0;}
.visual .login_boxArea .txt > p:first-child {padding-left: 0;}
.visual .login_boxArea .txt > p strong {font-size: 34px;line-height: 2.6rem;font-weight:bold;}
.visual .colorB {color:#1c3975;}
.visual h1.logo{position:absolute; top:0; left:0; width:233px; height:41px; font-size:0; text-indent:-10000px; background:url(/images/img_login/logo.png) no-repeat;}
.visual h2{font-size:0; text-indent:-10000px;}
.visual h3{position:absolute; bottom:5px; left:19px; font-size:15px; color:#666; letter-spacing:-1px; font-weight:400;}

.board{overflow:hidden; width:630px; margin:-32px 0 0 15px;}

/* tab menu */ 
.tabmenu_line {border-bottom:1px solid #3a73dc;}
.tabmenu:after {content:""; display:block; clear:both;}
.tabmenu li {float:left; width:170px; margin-left:-1px; box-sizing:border-box; text-align:center; vertical-align:middle; background:#f0f1f3;}
.tabmenu li a {display:block; min-height:52px; padding-top:16px; box-sizing:border-box; font-size:18px; color:#6d6d6d; text-decoration:none;}
.tabmenu li.crnt {background:#3a73dc; border:1px solid #3a73dc; font-weight:600;}
.tabmenu li.crnt a {color:#fff;}

.by-table {display:table; table-layout:fixed; border-collapse:collapse;}
.by-table:after {display:none;}
.by-table li {display:table-cell; float:none; margin-left:0; box-sizing:border-box;}

.tab-ele {min-height:230px;}

.tab_txt {padding-top:20px;}
.tab_txt li {margin-top:20px; padding-left:28px; font-size:17px; color:#333; background:url(/images/img_login/bullet.png) no-repeat 11px 8px;}
.tab_txt li a{color:#333;}
.tab_txt li a:hover{color:#ee4e4e;}
.tab_txt li span.date{float:right; margin-top:2px; margin-right:11px; font-size:15px; color:#666;}

/* login box */ 
.loginWrap {position:absolute; top:471px; right:0; padding:26px 30px; border:1px solid #e2e4e7; box-sizing:border-box; background:#f8f8f8; width: 480px; height: 316px;}
.loginWrap h2.title{height:55px; padding:18px 0 0 59px; box-sizing:border-box; font-size:24px; color:#2e333b; background:url(/images/img_login/ico_login.png) no-repeat;}

.inputLogin {margin-top:0px;}
.inputLogin li input {display:block; width:400px; height:48px; padding:4px 0 0 4px; border:none; border-bottom:2px solid #9d9ea5; box-sizing:border-box; font-size:16px; color:#333; background:none;}
.inputLogin li input:focus {outline:0; border-bottom:2px solid #394153; color:#394153;}
.inputLogin li input:focus::-webkit-input-placeholder {color:transparent;}
.inputLogin li input:-ms-input-placeholder {color:#707070; font-weight:700;}
.inputLogin li input::-ms-input-placeholder {color:#707070; font-weight:700;}
.inputLogin li input::-webkit-input-placeholder {color:#707070; font-weight:700;}
.inputLogin li input::-moz-placeholder {color:#000; font-weight:700;}
.inputLogin li input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
					transition: background-color 5000s ease-in-out 0s;
					-webkit-transition: background-color 9999s ease-out;
					-webkit-text-fill-color: #333;}
.inputLogin li.btn_login{margin-top:10px; border-radius:4px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#3a73dc; width:400px;}
.inputLogin li.btn_login a{display:block; height:60px; padding-top:20px; color:#fff; box-sizing:border-box;}
.inputLogin li.btn_login a:hover{display:block; border-radius:4px; color:#fff; background:#2856aa;}
.inputWrap > ul {display:table;}
.inputWrap > ul > li {width: 190px; display: inline-table;}
.inputWrap li.btn_userReqst{margin-top:15px; border-radius:4px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#e89f29; }
.inputWrap li.btn_userReqst a{display:block; height:60px; padding-top:18px; color:#fff; box-sizing:border-box;}
.inputWrap li.btn_userReqst a:hover{display:block; border-radius:4px; color:#fff; background:#494d62;}
.inputWrap li.btn_certReg{margin-top:15px; margin-left: 30px; border-radius:4px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#808080;}
.inputWrap li.btn_certReg a{display:block; height:60px; padding-top:18px; color:#fff; box-sizing:border-box;}
.inputWrap li.btn_certReg a:hover{display:block; border-radius:4px; color:#fff; background:#494d62;}
.inputWrap li.btn_certLogin{margin-top:6px; border-radius:4px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#3a73dc;}
.inputWrap li.btn_certLogin a{display:block; height:60px; padding-top:18px; color:#fff; box-sizing:border-box;}
.inputWrap li.btn_certLogin a:hover{display:block; border-radius:4px; color:#fff; background:#494d62;}
.inputWrap li.btn_userMobile{margin-top:6px; margin-left: 30px; border-radius:4px; box-sizing:border-box; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#3a73dc;}
.inputWrap li.btn_userMobile a{display:block; height:60px; padding-top:18px; color:#fff; box-sizing:border-box;}
.inputWrap li.btn_userMobile a:hover{display:block; border-radius:4px; color:#fff; background:#494d62;}

.btnWrap {margin-top:28px;}
.btnWrap li{float:left; position:relative; margin:0 11px; font-size:13px; color:#333; letter-spacing:-1px;}
.btnWrap li a{color:#444;}
.btnWrap li a:hover{color:#ee4e4e;}
.btnWrap li:after{content:""; position:absolute; top:2px; right:-12px; width:1px; height:12px; background-color:#dbdbdb;}
.btnWrap li:last-child:after{display:none;}

.banWrap {overflow:hidden; margin-top:80px;}
.banWrap .ban{float:left; width:385px; height:110px; box-sizing:border-box; border:1px solid #dddfe3; background:url(/images/img_login/ico_banner.png) no-repeat;}

.banWrap .ban.ban01{box-sizing:border-box; background-position:24px 16px; font-size:16px; color:#525763; font-weight:700; letter-spacing:-1px;}
.banWrap .ban.ban01 img{margin:-2px 0 0 14px;}
.banWrap .ban.ban01 a{display:block; width:383px; height:108px; color:#525763; padding:46px 0 0 169px; box-sizing:border-box;}
.banWrap .ban.ban01 a:hover{background:#f2f2f2 url(/images/img_login/ico_banner.png) no-repeat 24px 16px;}

.banWrap .ban.ban02{margin-left:15px; padding:28px 0 0 31px; box-sizing:border-box; background-position:243px -122px; font-size:12px; color:#525763; line-height:18px; letter-spacing:-0.05em;}
.banWrap .ban.ban02 span{display:block; margin-left:-5px; margin-bottom:-7px; font-size:33px; color:#3462b7; letter-spacing:-0.05em;}

.banWrap .ban.ban03{padding:24px 0 0 34px; box-sizing:border-box; background-position:244px -270px; font-size:13px; color:#525763; line-height:18px; letter-spacing:-0.05em; margin-left: 15px;}
.banWrap .ban.ban03 span{display:block; margin-left:0px; margin-bottom:-10px; font-size:23px; color:#dd3636; letter-spacing:-0.05em;}


/* 팝업 */
.popup_edge {background:url(../images/bg_popup.png) repeat; width:100%; height:100%; left:0; top:0; z-index:999;  position:fixed; display:none;}
.popup_edge.block {display:block;}
.popup_edge.no_bg {background:none; width:0; height:0;}
.popup_edge .edge {position:fixed; background:#fff; border:2px solid #000; top:10%; border-radius: 10px; overflow:hidden;}

.popup_edge h2 {font-size:12px; color:#333; font-weight:bold; margin:0 0 5px 0;}
.popup_edge > .edge > .tit {/*background:#1e9ff2;*/ background:url(/images/popHead_bg.png) repeat-x left bottom; position:relative;}
.popup_edge > .edge > .tit h1 {font-size:18px; color:#fff; font-weight:bold; line-height:50px; margin-left:20px;}
.popup_edge > .edge > .tit > div {position:absolute; right:10px; top:0; font-size:0;}
.popup_edge > .edge > .tit > div a {margin-left:; display:inline-block; text-indent:-9999px;}
.popup_edge > .edge > .tit > div a.pop_peek {background:url(../images/pop_view_on.png) center no-repeat; width:40px; height:50px;}
.popup_edge > .edge > .tit > div a.pop_fold {background:url(../images/pop_fold.png) center no-repeat; width:40px; height:50px;}
.popup_edge > .edge > .tit > div a.pop_full {background:url(../images/pop_full.png) center no-repeat; width:40px; height:50px;}
.popup_edge > .edge > .tit > div a.pop_fold.action {background:url(../images/pop_foldon.png) center no-repeat; width:40px; height:50px;}
.popup_edge > .edge > .tit > div a.pop_full.action {background:url(../images/pop_fullon.png) center no-repeat; width:40px; height:50px;}
.popup_edge > .edge > .tit > div a.close {background:url(../images/pop_close.png) center no-repeat; width:40px; height:50px;}

.popup_edge .body {padding:10px; overflow:auto; max-height:550px; box-sizing:border-box; position:relative;}
.popup_edge .pop_btn {padding:10px; text-align:center; background:#fff; border-top:1px solid #ddd; font-size:0; box-sizing:border-box;}
.popup_edge .pop_btn:after {content:""; clear:both; height:0%; display:block;}
.popup_edge .pop_btn a {margin:0 3px;}
.popup_edge .pop_btn button {margin:0 3px;}

.popup_edge .pop_btn .left {float:left; font-size:0;}
.popup_edge .pop_btn .right {float:right; font-size:0;}
.popup_edge .pop_btn a {margin:0 3px;}
.popup_edge .pop_btn .left p.td {font-size:14px;}

.popup_edge.wide .edge {position:fixed !important; left:20px !important; top:20px !important; bottom:20px !important; right:20px !important; width:auto !important;}
.popup_edge.wide .edge .body {height:calc(100% - 99px); max-height:2000px;}
.popup_edge.wide .edge .pop_btn {position:absolute; width:100%; left:0; bottom:0; margin-top:24px;}

.popup_edge.fold {width:100%; height:100%;}
.popup_edge.fold .edge {bottom:auto !important;}
.popup_edge.fold .edge .body {display:none;}
.popup_edge.fold .edge .pop_btn {display:none;}
.popup_edge.fold.no_bg {background:none; width:0; height:0;}

.popup_edge [id^=wrapper] {min-width:300px;}

.popup_edge .la_data.half {margin-bottom:0;}

.loding {z-index:9999 !important; background:url(../images/bg_popup.png) repeat; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; display:none;}
.loding p {background:url(../images/bx_loader.gif) repeat; width:300px; height:200px; border:1px solid #ddd; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-100px; text-indent:-9999px;}

/* 버튼 공통 */

a.btn_type_01 {display:inline-block; padding:0 23px; line-height:24px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:2px solid #1e9ff2; color:#333;}
a.btn_type_01:hover {background:#1e9ff2; color:#fff;}
a.btn_type_02 {display:inline-block; padding:0 23px; line-height:28px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#ababab; color:#fff;}
a.btn_type_02:hover {background:#848484;}
a.btn_type_03 {display:inline-block; padding:0 23px; line-height:26px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:1px solid #666; color:#000;}
a.btn_type_03:hover {background:#f5f5f5;}

a.btn_type_04 {display:inline-block; padding:0 23px; line-height:24px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:2px solid #ff6464; color:#333;}
a.btn_type_04:hover {background:#ff6464; color:#fff;}

button.btn_type_01 {display:inline-block; padding:0 23px; line-height:24px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:2px solid #1e9ff2; color:#333;}
button.btn_type_01:hover {background:#1e9ff2; color:#fff;}
button.btn_type_02 {display:inline-block; padding:0 23px; line-height:28px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#ababab; color:#fff; border:0;}
button.btn_type_02:hover {background:#848484;}
button.btn_type_03 {display:inline-block; padding:0 23px; line-height:26px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:1px solid #666; color:#000;}
button.btn_type_03:hover {background:#f5f5f5;}

/*인증서 플러그인 안내 버튼*/
#btCertInfo{padding: 10px 27px; border-radius: 4px; top: 23px; left: 220px; position: relative; background: #e2e4e7;}

/*접속허용아이피만 보이는 로그인 버튼*/
#btnidPwLogin{padding: 10px 74px; border-radius: 4px; top: 263px; left: 30px; position: absolute; background: #e2e4e7;}

#divReal{position: absolute; top: 10px; left: 213px;}