@charset "utf-8";
@-ms-viewport {
width:device-width;
height:device-height;
}
.login_wrap {background:#fff; position:fixed; right:0; float:right; height:100%; width:440px; margin:0;	padding:0; z-index:1; overflow-y:auto; overflow-x:hidden; text-align:center;}
div#backimg_wrap {position:fixed; left:0; top:0; overflow:hidden; z-index:0; opacity:1; width:100%; min-width:1200px; height:100%; transition:opacity 1s; -moz-transition:opacity 1s; -webkit-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; transition-property:opacity; transition-duration:1s; background-color:#fff;}
.login_con {margin:0 auto; width:100%; padding:0px 53px 10px 53px; text-align:left; position:relative; height:100%;}
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {background:#fff no-repeat top left fixed; -webkit-background-size:cover; -mox-background-size:cover; -o-background-size:cover; background-size:cover;}
body {margin:0; padding:0; z-index:-999; text-align:left; font-family:맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif; font-size:14px;}
html, body, form, .login_wrap {height: 100%;}
.logo {vertical-align:middle; margin-right:0; display:inline-block; width:193px; height:40px; background:url(../images/logon/login.png) no-repeat 0 0;}
.login_box {text-align:center; width:340px; position:absolute; top:50%; margin-top:-250px;}
.login_input {margin-top:50px;}
.input_id {margin-bottom:8px;}
.input_pass {margin-bottom:8px;}
.input_id input{font-size:14px; width:100%; border:1px solid #dfdfdf; height:45px; line-height:45px; padding-left:10px; font-family:nanum-barun-gothic-regular,나눔고딕,NanumGothic, 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif;}
.input_pass input{ font-size:14px; width:100%; border:1px solid #dfdfdf; height:45px; line-height:45px; padding-left:10px; font-family:nanum-barun-gothic-regular,나눔고딕,NanumGothic, 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif;}
.login_btn {font-size:18px; width:100%; height:60px; line-height:56px; display:inline-block; background-color:#008cd6; font-weight:bold; text-decoration:none; color:#fff; font-family:nanum-barun-gothic-regular,나눔고딕,NanumGothic, 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif;}
.id_save {vertical-align:middle; margin-right:5px;}
.save_id {margin-top:17px; text-align:left; font-family:nanum-barun-gothic-regular,나눔고딕,NanumGothic, 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif; font-size:14px; color:#666;}
.login_help { margin-top:30px; white-space:nowrap;}
.copyright {position:absolute; left:0; bottom:20px; line-height:40px; background-color:#fff; width:100%; color:#666; font-size:12px; text-align:center;}
.help_l {margin-right:-4px; display:inline-block; width:50%; border:1px solid #ccc; height:34px; border-radius:5px 0px 0px 5px; background-color:#fff; text-align:center; font-size:14px; line-height:31px; text-decoration:none; color:#222;}
.help_r {display:inline-block; width:50%; height:34px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-radius:0px 5px 5px 0px; background-color:#fff; text-align:center; font-size:14px; line-height:31px; text-decoration:none; color:#222;}
.login_help .ico {vertical-align:middle; display:inline-block; width:8px; height:11px; background:url(../images/logon/logon_btn_arrow.png) no-repeat left top; margin-right:5px;}
.txt_guide {line-height:20px; border-bottom:1px solid #ccc; padding-bottom:10px; font-size:13px;}
.backimg_img {display:none !important;}
.backimg_div {width:100%; height:100%; background:#444 url(../images/logon/backimg01.jpg) no-repeat 0 50%; background-size:100% auto;}
.add_mail_id {position:absolute; top:312px; right:0px;}
.add_mail_id a {display:inline-block; height:33px; background:url(../images/logon/logon_btn_wh.gif) no-repeat left top; padding-left:10px;}
.add_mail_id a span {display:inline-block; height:33px; line-height:33px; background:url(../images/logon/logon_btn_wh.gif) no-repeat right top; padding-right:10px; color:#222;}

@media screen and (min-width: 1280px) { /* Specific to this particular image */
.backimg_img {display:none !important;}
.backimg_div {width:100%; height:100%; background:#444 url(../images/logon/backimg01.jpg) no-repeat 0 50%; background-size:100% auto;}
}

@media screen and (max-width: 440px) { /* Specific to this particular image */
	.login_wrap { width:440px; top:inherit !important; right:inherit !important; float:inherit !important;}	
}

.layer_alert .alert_header {background:#4d585d; color:#fff !important;}
.btn_gr {background:#4d585d; border:1px solid #4d585d;}

/* DivPopup */
.layer_divpop {overflow:visible;line-height:normal;position:absolute;}
.layer_divpop .divpop_header {margin:0; padding-left:8px; color:#000; font-size:13px; text-align:left; cursor:move; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow:ellipsis; padding-right:72px;}
.layer_divpop .divpop_header_ico {font-weight:bold;}
.layer_divpop .divpop_contents {position:relative;border:3px solid #6e7882;background:#fff;}  
.layer_divpop .divpop_body {color:#444;font-family:nanum-barun-gothic-regular,나눔고딕,NanumGothic, 맑은 고딕, Malgun Gothic, dotum,'돋움',Apple SDGothic Neo,Apple-Gothic,sans-serif;font-size:12px;line-height:14px;}
.layer_divpop .divpop_close {position:absolute; top:10px; right:11px;}
.layer_divpop .divpop_full {position:absolute; top:6px; right:72px;}
.layer_divpop .divpop_mini {position:absolute; top:6px; right:38px;}
.layer_divpop .divpop_window {position:absolute; top:6px; right:106px;}
.layer_divpop .divpop_window_fix {position:absolute; top:6px; right:72px;}    
.layer_divpop .divpop_contents {border:3px solid #444;}
.layer_divpop .divpop_header {height:40px; line-height:37px; font-size:15px; padding-left:30px; color:#fff; background:#444 url(../images/logon/login_bl.png) no-repeat 10px 12px;}
.layer_divpop .divpop_header_ico {margin-right:7px;}
.pop_body {padding:12px;}
.divpop_close {background:url(../images/logon/logon_p_close.gif) no-repeat left top; width:17px; height:17px;}
.divpop_close:hover{background:url(../images/logon/logon_p_close.gif) no-repeat left top; width:17px; height:17px;}

.ie_popup_list {list-style:none; margin:30px 0 0 50px; padding:0;}
.ie_popup_list li {margin-bottom:10px; position:relative; line-height:1.5em; font-size:18px; font-weight:bold;}
.ie_popup_list_ico {position:absolute; top:0; left:0; margin:11px 0 0 -10px; display:inline-block; width:5px; height:5px; background:url(/Images/Images/logon/login.png) no-repeat left -126px;}
.ie_popup_btn {margin-top:30px;}
.ie_popup_btn a {margin-left:40px; font-size:18px; font-weight:bold; color:#222; text-decoration:underline;}
.ie_popup_btn a:hover {margin-left:40px; font-size:18px; font-weight:bold; color:#222; text-decoration:underline;}
.ie_popup_btn_ico {margin-bottom:-1px; margin-right:6px; display:inline-block; width:10px; height:14px; background:url(/Images/Images/logon/login.png) no-repeat left -151px;}
.login_input_p {display:none; margin:0 0 5px 0; font-size:13px; color:#888; text-align:left;}

.ie_popup_btn_table_wrap {clear:both; margin:30px 0 0 50px;}
.ie_popup_btn_table {width:516px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.ie_popup_btn_table th {width:258px; height:30px; line-height:30px; background-color:#f0f0f0; text-align:center; font-size:14px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.ie_popup_btn_table td {height:100px; vertical-align:top; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.ie_popup_btn_table td a {margin-top:10px; display:inline-block; height:30px; line-height:30px; color:#222; font-weight:bold; text-decoration:none;}
.ie_popup_btn_table td a img {margin-right:5px; margin-bottom:-7px;}
.ie_popup_btn_table td a:hover {display:inline-block; height:30px; line-height:30px; color:#222; font-weight:bold; text-decoration:none;}
.ie_popup_btn_table td a:active {display:inline-block; height:30px; line-height:30px; color:#222; font-weight:bold; text-decoration:none;}
.ie_popup_btn_table td a.btn_wh {margin-bottom:15px; padding:0 10px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:3px;}

.divpop_body{ position: relative;}
.add_top{margin-bottom: 30px;}
.add_top tr .text{width:104px;}
.add_bottom tr .text{width:104px;}
.add_top tr td,
.add_bottom tr td{padding:0 0 8px 0;}
.add_top,
.add_bottom span{font-size: 14px; color: #978670; font:14px 맑은 고딕, Malgun Gothic,sans-serif;font-weight: bold;} 
.add_top .text_input,
.add_bottom .text_input{width:350px; height:33px; line-height:33px; color:#000000; background-color:#ffffff; border:1px solid #e7e7e7;padding-left: 10px;} 
.add_bottom .text_input_mail{width:160px; height:33px; line-height:33px; color:#000000; background-color:#ffffff; border:1px solid #e7e7e7; padding-left: 10px;}
.add_bottom tr .mail_address{color: #000; font:normal 14px 맑은 고딕, Malgun Gothic,sans-serif; position: absolute; top:196px; left: 311px; }
.add_select_box{height:33px;color:#000000; background-color:#ffffff; border:1px solid #e7e7e7; width:200px; padding-left: 5px; font:14px 맑은 고딕, Malgun Gothic,sans-serif;}
.add_line{position: absolute; top: 169px; margin-left: -2px; width: 460px; height: 1px; background-color:#dddddd; }

.add_pop_btn{position:absolute; top:329px; left:220px;}

.add_pop_btn .pop_btn_1{display:inline-block; height:27px; background:url(../images/logon/add_btn.png) no-repeat left top; padding-left:10px;}
.add_pop_btn .pop_btn_1 span{display:inline-block; height:27px; line-height:27px; background:url(../images/logon/add_btn.png) no-repeat right top; padding: 5px 10px 0 0px; color:#fff;font:normal 13px 맑은 고딕, Malgun Gothic,sans-serif;}

.add_pop_btn .pop_btn_2{display:inline-block; height:27px; background:url(../images/logon/add_btn_wh.gif) no-repeat left top; padding-left:10px;} 
.add_pop_btn .pop_btn_2 span{display:inline-block; height:27px; line-height:27px; background:url(../images/logon/add_btn_wh.gif) no-repeat right top; padding: 5px 10px 0 0px; color:#222;;font:normal 13px 맑은 고딕, Malgun Gothic,sans-serif;}
.add_popup_notice {position:absolute; bottom:0px; left:0px; padding:0px; margin-top:0px; background:#fafafa; width:526px; height:127px;}
.add_popup_notice_list {list-style:none; padding:0; margin:18px 0 0 32px;}
.add_popup_notice_list li {line-height:30px; color:#746147;}
.add_popup_notice_list li .img_check {display:inline-block; margin:3px 8px 0 0; width:12px; height:8px; background:url(../images/logon/popup.png) no-repeat left top;}

/* 오픈공지 css */
.open_title_wrap {width:620px; text-align:center;}
.open_title {margin:30px auto 40px; display:inline-block; height:40px; line-height:40px; font-size:20px; border-top:1px solid #d3292c; border-bottom:1px solid #d3292c;}
.open_title_point {color:#d3292c;}
.open_list_wrap {width:580px;}
.open_list {list-style:none; margin-left:40px;}
.open_list li {font-size:15px; line-height:1.5em; margin-bottom:20px;}
.open_txt_red {color:#d3292c;}
.open_color_rb {margin-bottom:3px; margin-left:-8px; margin-right:4px; display:inline-block; width:4px; height:4px; background-color:#d3292c; border-radius:2px;}
.open_color_red {color:#d3292c; font-weight:bold; margin-bottom:2px; margin-left:-14px; margin-right:4px;}
.open_list_red {color:#d3292c;}
.open_list_txt_underline {text-decoration:underline;}
.btn_red {margin-top:10px; margin-right:5px; clear:both; display:inline-block; height:30px; line-height:30px; background-color:#d3292c; color:#fff; padding:0 10px; border-radius:4px; text-decoration:none;}
.btn_red_in {display:inline-block; margin-top:7px; margin-right:5px; height:16px; line-height:14px; font-size:11px; color:#d3292c; background-color:#fff; border-radius:8px; padding:0 5px; font-weight:bold; vertical-align:top;}
.btn_white {margin-top:10px; clear:both; display:inline-block; height:28px; line-height:28px; background-color:#fff; border:1px solid #ccc; color:#222; padding:0 10px; border-radius:4px; text-decoration:none;}

.lang_wrap {position:absolute; top:265px; right:0;}
.lang_sel {width:100px; height:30px; line-height:30px; border:1px solid #ddd;}
.btn_login_wrap {position:absolute; top:320px; left:0; display:table; table-layout:fixed; width:100%; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px;}
.btn_login_wrap a {display:table-cell; width:50%; text-align:center; color:#666; text-decoration:none;}
.btn_login_wrap a:first-child {border-right:1px solid #ddd;}
.btn_login_wrap a:last-child:before {content:''; display:inline-block; width:13px; height:13px; background:url(../images/logon/ic_repeat03.png) no-repeat left top; vertical-align:top; margin:14px 7px 0 0;}

.backimg_div:before {content:''; position:absolute; top:60px; left:70px; display:inline-block; width:410px; height:98px; background:url(../images/logon/back_logo.png) no-repeat left top;}
.backimg_div:after {content:''; position:absolute; top:0; left:0; display:inline-block; width:calc(100% - 440px); height:100%; background:url(../images/logon/back_bottom.png) no-repeat left bottom; background-size:100% auto;}