@charset "UTF-8";

/* Reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button, 
table, tbody, tfoot, thead, tr, th, td,
caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;font-family: 나눔고딕, NanumGothic, 돋움, Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;vertical-align:baseline;-webkit-print-color-adjust:exact;}
html { font-size:100%; /* 1 */-webkit-text-size-adjust:100%; /* 2 */-ms-text-size-adjust:100%; /* 2 */}
form {margin:0; padding:0;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
img, fieldset, iframe {border:0 none;}
img,input,select,textarea{vertical-align:middle;}
ol, ul, li {list-style:none;}
hr{display:none;}
a:link, a:visited, a:hover, a:focus, a:active {text-decoration:none; color:#3a3a3a;}
/* login_cts */
.login_cts {position:relative;padding:100px 0 0 0;margin:0 auto;overflow:hidden;width:970px}
.login_cts .img_area_left {float:left;overflow:hidden;width:408px;height:372px;background-color:#d2d7db;}
.login_cts .img_area_left img {width:100%;height:100%}
.login_cts .img_area_right {float:right;overflow:hidden;width:408px;height:372px;background-color:#d2d7db;}
.login_cts .img_area_right img {width:100%;height:100%}
.login_cts .box_members {width:480px;margin:0 auto;padding:0 0 0 0;overflow:hidden;}
.login_cts .box_members h1 {font-size: 0px; color: #fff; float: left; width: 200px;}
.login_cts .box_members h2 {font-size: 20px; font-weight: 400; color: #343331; background-color: transparent; float: right; height: 35px; display: block; vertical-align: bottom;}
.login_cts .box_members .form_login {overflow:hidden;}
.login_cts .box_members .form_login .login_id {position:relative;overflow:hidden;padding-bottom:10px}
.login_cts .box_members .form_login .login_id label {position:absolute;top:15px;left:10px;font-size:16px;color:#c7c7c7;}
.login_cts .box_members .form_login .login_id input {float:left;width:46%;height:48px;padding:0 10px 0 10px;border:1px solid #999;border-radius:3px;color:#333;font-size:16px;}
.login_cts .box_members .form_login .login_pw {clear:both;position:relative;overflow:hidden;padding-bottom:10px}
.login_cts .box_members .form_login .login_pw label {position:absolute;top:15px;left:10px;font-size:16px;color:#c7c7c7;}
.login_cts .box_members .form_login .login_pw input {width:95%;height:48px;padding:0 10px 0 10px;border:1px solid #999;border-radius:3px;color:#333;font-size:16px;}
.login_cts .box_members .form_login .btn_login {display:block;width:476px;height:50px;border:1px solid #ccc; border-radius:3px;background-color:#e5e5e5;font-weight:400;font-size:20px;color:#434343;text-align:center;line-height:49px;}
.login_cts .box_members .mem_link {margin-top:20px;overflow:hidden;width:100%}
.login_cts .box_members .mem_link li {float:left;color:#777;font-size:12px;}
.login_cts .box_members .mem_link li label {color:#777;font-size:12px;line-height:20px;display:inline-block;padding-top:1px;padding-right:22px;}
.login_cts .box_members .mem_link li a {color:#777;border-bottom:1px solid #666; line-height:20px}
.login_cts .box_members .mem_link li .id_chk {}
.login_cts .box_members .mem_link li.mem_fm {float:right;}
.login_cts .box_members .mem_link li.mem_fm select {width:120px;height:22px;border:1px solid #bebebe;font-size:12px;color:#777;}
.login_cts .box_members .notice_info {padding:40px 0 0 0;overflow:hidden;}
.login_cts .box_members .notice_info h3 {font-size:18px; font-weight:600; color:#7666;padding-bottom:10px;}
.login_cts .box_members .notice_info ul {overflow:hidden;}
.login_cts .box_members .notice_info ul li {line-height:22px;color:#666;overflow:hidden;font-size:14px;}
.login_cts .box_members .notice_info ul li p {float:left;width:333px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.login_cts .box_members .notice_info ul li span {float:right;font-size:12px;color:#a9a9a9}
.gm_login_foot {position:absolute; left:0; right:0; bottom:0; z-index:2; width:100%; height:88px; background-color:#eee; text-align:center;}
.gm_login_foot h2 {display:inline-block; width:92px; height:13px; margin-top:40px; margin-right:20px;}
.gm_login_foot .txt_copy {display:inline-block; color:#949494; font-size:11px;font-family:Verdana !important; float:right;}

.login_cts .txt_logout {display:inline-block;padding:40px 0 100px 0;width:100%;text-align:center;}
.login_cts .txt_logout span {color:red;font-weight:600}

.login_cts .box_members .form_login .login_id .selectbox { position: relative; width:45%;float:right;color:#333;font-size:16px;margin-right:2px;border:1px solid #999;border-radius:3px;background:url('../images/ui_content/spr_select.png') no-repeat 95% center;border: 1px solid #999; z-index: 1;padding:13px 0 13px 10px;color:#333;font-size:16px} 
.login_cts .box_members .form_login .login_id .selectbox label {  z-index: -1; color:#333;font-size:16px} 
.login_cts .box_members .form_login .login_id .selectbox select { color:#333;font-size:16px;width: 100%;  font-family: inherit; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.login_cts .box_members .form_login .login_id .selectbox select::-ms-expand { display: none;}




/*2018_05_16 추가css*/
.login_cts .box_pw_change {width:600px;margin:0 auto;overflow:hidden;border:1px solid #999;padding:20px}
.login_cts .box_pw_change h2 {margin-bottom:35px;font-size:26px;font-weight:400;color:#003c84;font-weight:600;}
.pw_change_info {overflow:hidden;}
.pw_change_info strong {font-weight:600;padding-bottom:15px;display:inline-block;font-size:14px;line-height:20px}
.pw_change_info strong span {color:red}
.pw_change_info p {padding-bottom:15px;display:inline-block;font-size:14px;line-height:20px}
.pw_change_info ul {overflow:hidden;}
.pw_change_info ul li {padding-left:20px;font-size:14px;line-height:20px;}
.pw_change_info ul li span {color:blue}
.pw_change_info dl {overflow:hidden;padding:20px 0px 20px 20px;background-color:#fff;line-height:40px;border-radius:10px;margin:20px 0}
.pw_change_info dl dt {float:left;width:110px;font-size:14px;background:url("../../images/ui_content/bul_arw_01.png") no-repeat 0 17px;padding-left:10px;font-weight:600}
.pw_change_info dl dd span {color:red;font-size:12px;letter-spacing:-1px}
.pw_change_info dl dd input {height:25px;width:210px;font-size:14px;}

.btn_pw_wrap {clear:both;text-align:center;padding:30px 0 10px 0}
.btn_pw_wrap a {display:inline-block;margin:0 5px;padding:7px 12px;background-color:#dedede}
.btn_pw_wrap a:hover {background-color:#e7e7e7}
.btn_pw_wrap .btn_pw_01 {background-color:#003c84;color:#fff;}

.pw_change_info dl dt {width:95px;font-size:12px; }
.pw_change_info dl dd input {width:200px}
.pw_change_info dl dd span {display:inline-block;}

.login_cts {z-index:10}
.login_cts .box_pw_change {background-color:#fff;}

.pw_change_info dl dd input {width:180px}
.pw_change_info dl dt {width:110px}

.pw_change_info strong {font-weight:400;font-size:12px;font-family: '돋움', dotum, sans-serif, Arial;}
.login_cts .box_pw_change h2 {color:#000;font-weight: 400;    font-size: 20px;font-family: '돋움', dotum, sans-serif, Arial;}
.pw_change_info p {font-size:12px;line-height:16px;font-family: '돋움', dotum, sans-serif, Arial;}
.pw_change_info ul li {font-size:12px;line-height:16px;font-family: '돋움', dotum, sans-serif, Arial;}
.pw_change_info dl dt {font-weight: 400;font-family: '돋움', dotum, sans-serif, Arial;}
.pw_change_info ul li span {color:#000;font-family: '돋움', dotum, sans-serif, Arial;}
.btn_pw_wrap a {border: 1px solid #a4a4a4; background-color: #fff;font-family: '돋움', dotum, sans-serif, Arial;}
.btn_pw_wrap .btn_pw_01{border: 1px solid #a4a4a4;color:#000; background-color: #fff;font-weight:bold;font-family: '돋움', dotum, sans-serif, Arial;}
.gm_login_foot {height:25px}
.gm_login_foot h2 {padding-top:5px;}

.login_cts .box_members .form_login .login_id input { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000;}
.login_cts .box_members .form_login .login_pw input { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000;}
input:focus {outline:none !important} 
.focus {border: 1px solid #008eff;}
.login_cts .box_members .form_login .login_id input:focus {outline:1px solid #008eff !important;} 
.login_cts .box_members .form_login .login_pw input:focus {outline:1px solid #008eff !important;} 
.topbox{position: absolute;top:0;left:0;right:0;bottom: 25px;overflow-y: auto;}
.content_box{margin: 45px auto 0;width: 840px;font-size: 12px;}
.content_header {padding-bottom: 25px;border-bottom:2px solid #809fbf;}
.section {padding: 50px 30px 0;line-height: 18px;}
.section h1 {font-size:28px;font-family: "Helvetica Neue", "Apple SD Gothic Neo", 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", 돋움, Dotum, sans-serif;font-weight: 600;color: #5c5c5c;padding-left:10px;} 
.section .txt {padding: 35px 10px;color: #5c5c5c;}
.wt_info {padding: 30px 20px;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4}
.wt_info dl {height: 90px;}
.wt_info  dt {font-weight: 700;float: left;width: 110px;height: 25px;margin-top: 15px;}
.wt_info dd {position: relative;float: left;width: 580px;height: 25px;margin-top: 15px;vertical-align: top;}
.rcolor {color:#ff0000;}
.btn_arr {margin:  35px auto;width: 600px;text-align: center;}
.bt_b_box {padding: 8px 10px;font-size: 14px;font-weight: 600;margin-right: 10px;}
.bt_bw {background: #4671ac;color: #FFFFFF;border: 1px solid #efefef;}
.bt_wb {background: #fff;color: #3d3d3d;border: 1px solid #b3b3b3;}
		
.passwardInform{color:#ff0000;}
#pwd_result{color:#ff0000;}
#pwd_check{color:#ff0000;}

.login_cts .box_members h1 {font-size: 1px;color: #fff;padding: 25px 0;}
.login_cts .box_members .form_login {overflow: hidden; clear: both;}

/* 사용자 로그인 */
.userlogin_bg {background-color: #003c83;}
.userlogin_img {max-height:25px;}
/* 사용자 로고등록 */
.user_sub_logobg {background-color: #003c83;}
.user_login_logo {max-height: 35px;/* position: absolute; *//* bottom: 0; */}
.user_sub_logo {max-height:20px;}
li.idpwsec {  border-top: 1px solid #ddd; width: 100%;padding: 20px; margin-top: 10px;text-align: center;  }

span.bar {position: relative;display: inline-block;margin: 0 12px; font-size: 11px;color: #ceced3;}

.section_notice {position: relative;border: 1px solid #ddd;border-radius: 5px;padding: 15px 0 5px 0;}
.section_notice h3.h_tit {font-size: 14px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;padding-left: 15px;}
.section_notice .list_area {overflow: hidden; padding: 0 15px;}
.section_notice .list_area ul {margin: 5px 0 0;}
.section_notice .list_area ul li {position: relative; width: 100%; font-size: 12px; border-bottom: 1px solid #efefef;height: 25px;padding-top: 10px;}
.section_notice .list_area ul li:last-child {border-bottom: 0;}
.section_notice .list_area ul li span { position: absolute;right: 0;color: #999; font-size: 11px;}
.section_notice .list_area ul li p { float: left; }
.section_notice .list_area a {display: block; overflow: hidden; width: 380px; text-overflow: ellipsis; white-space: nowrap; color: #464646;float: left;}
.section_notice .btn_more {position: absolute; top: 17px; right: 19px; font-size: 11px; }

/*notice popup*/
button { margin: 0; padding: 0; border: none; cursor: pointer; background: transparent;}
.layer_popup {position: absolute; zoom: 1; z-index: 55556; /*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px 1px rgba(0,0,0,.1);*/}
.type_a {position: relative; padding: 0; zoom: 1; z-index: 11111111;}
.type_a .layer_content {position: relative;padding: 65px 20px 8px;text-align: left;}
.type_a .layer_content {border-width: 1px;border-style: solid;border-color: #d9d9d9 #bfbfbf #b6b6b6 #d5d5d5;background: #fff; }
.type_a .hTitle {font-size: 16px; position: absolute; top: 0; left: 0; width: 100%; height: 42px; line-height: 55px; background-color: #fff; text-indent: 30px; zoom: 1;font-weight:700;color:#333;}
.type_a .tit_mail { display: block; padding-left:10px; padding-top:5px; font-size: 16px;}
.type_a .btn_layer_close {position: absolute;right: 25px;top: 25px;z-index: 99;display: block;width: 14px;height: 13px;background-position: -240px 0; background-image: url(../images/ui_content/icon_content.png);background-repeat: no-repeat;}
.notice .viewWrap .title { position: relative;  padding: 10px 70px 10px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.notice .viewWrap .title strong { font-size: 14px; color: #333333; line-height: 18px;}
.notice .viewWrap .title .date { font-family: Tahoma;font-size: 11px; color: #999999; position: absolute; right: 11px; top: 12px;}
.notice .viewWrap .noticeCont { padding: 20px;line-height: 1.5;}
.notice .listWrap table { width: 100%;}
.notice .listWrap th, .notice .listWrap td {padding: 10px 10px; text-align: center;}
.notice .listWrap th { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.notice .listWrap td { border-bottom: 1px solid #e3e3e3;}
.notice .listWrap td.leftalign { text-align: left;}

.type_a .btn_box { padding: 7px 0; text-align: center;}
.type_a .btn_layer_btm {border: 1px solid #c3c3c3; color: #333; display: inline-block;text-decoration: none!important;padding: 5px  10px; min-width: 50px;}
.n_view_01 {     background-position: -87px -115px;
    height: 17px;
    width: 17px;
    float: left;
    margin-right: 5px;
    background-image: url(../images/ui_content/icon_content_lightpurple.png);
    background-repeat: no-repeat;
    background-size: 400px 500px;
    overflow: hidden;
    }
.n_view_none { width: 17px; margin-right: 5px; float: left;height: 17px;}

/*notice popup end*/
.gm_paging_nav {width:100%; text-align:center; }
   .gm_paging_nav [class^="move_"] {display:inline-block; width:21px; height:21px; vertical-align:top; margin-top:11px;}
   .gm_paging_nav .move_prev {background-position:-247px -206px}
   .gm_paging_nav .move_next {background-position:-273px -206px}
   .gm_paging_nav .move_prev.selected,
   .gm_paging_nav .move_prev:hover {background-position:-247px -230px}
   .gm_paging_nav .move_next.selected,
   .gm_paging_nav .move_next:hover {background-position:-274px -230px}
   .gm_paging_nav .paging_nums {display:inline-block; margin:10px 10px 0 0;}
   .gm_paging_nav .paging_nums a {display:inline-block; width:24px; text-align:center; color:#width:22px; font-size:14px; font-family:tahoma; max-width:45px; min-width:24px;}
   .gm_paging_nav .paging_nums a.selected,
   .gm_paging_nav .paging_nums a:hover {text-decoration:underline; font-weight:600;}
.img_mail, .icon_ml, .icon_important, .icon_read, .icon_file, .n_view_01, .btn_refresh, .move_prev, .ic_addr_box li span, .icon_favorit, .bul_arr, .icon_sch, .icon_import, .icon_export, .icon_folder, .icon_arr, .icon_send, .move_next, .btn_setup, .btn_add, .btn_add_minus, .stylelist_s, .stylelist_rl, .stylelist_ud, .mi_reply, .bul_arrb, .tab_setup li a:after, .icon_read_reply, .icon_read_delivery, .icon_pagedown, .icon_pageup, .icon_print, .icon_success, .icon_save_o, .icon_save_x, .btn_join_o, .btn_join_x, .icon_nomsg, .icon_down, .down_file .btn_savepc, .btn_remove, .icon_new_win, .mail_info .mi_bind {
    background-image: url(../images/ui_content/icon_content_lightpurple.png);
    background-repeat: no-repeat;
    background-size: 400px 500px;
    /* display: block; */
    overflow: hidden;
}
.loginck { margin: 4px;}
.loginck li h3 { padding: 3px; margin: 0; font-size: 12px; font-weight: 400;}
.secur_wrap {overflow: hidden;  padding: 0.3rem 0; margin-top: 1px;}
.secur_wrap > div { float: left;}
.secur_wrap .num_area {position: relative; width:46%; padding-top: 1px;}
.secur_wrap .num_area p {margin: 1px 3px 1px 1px;background-color: #000;}
.secur_wrap .input_secure {width: 37%; margin-right: 5px; margin-top: 1px; border: 1px solid #ccc;padding:2px 1px;}
.secur_wrap .btn_area {position: relative;width: 15%; padding-top: 1px;}
.secur_wrap .secu_btn .btn {width: 100%;padding:3px;border: 1px solid #cbcbcb;background-color: #fff;text-align: center;font-size: 12px; color: #333;margin-bottom: 2px;}
.ipt_area { width: 100%; }
.input_secure input {height: 41px;letter-spacing: 0;position: relative;display: inline-block;width: 95%;padding: 0;border:0; padding-left: 5px; font-size: 20px;}
.logout_body { background: #fff; padding:  20px; width: 500px; margin: auto; }