@charset "utf-8";
/* base */
html,body{margin:0;padding:0;}
body{color:#203442;font-style:normal;}/* -webkit-text-size-adjust:none 웹표준 검사에 오류로 표시 */
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,table,form,fieldset{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:12px;font-family:"맑은 고딕", dotum, Verdana, Sans-serif}
table{empty-cells:show}
caption,legend{display:none}
a img,img{vertical-align:top;}
img,fieldset{border:0}
ul,dl,dd {list-style:none}
ul li img {vertical-align:top}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:visited,a:focus{}/* text-decoration:underline */

/* float버그 높이값 사라짐 처리 */
.cb:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'}
*:first-child+html .cb{min-height:0}/* ie7/8 min-height 해결 */

.wrap{position:relative;padding:0;margin:0;min-width:1280px;width:100%;height:100%;}
.wrap .logo{z-index:9999;position:absolute;left:auto;right:20px;top:20px;width:140px;height:31px;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;background:url(/resources/images/login/logo.png) no-repeat}
.wrap .imgbox{position:absolute;left:0;right:0;top:0;height:100%;padding:0;margin:0;text-align:center;}/* top:47px */

#rolling_banner{margin:0 auto}
.rolling_wrap{position:relative;width:100%;height:100%;padding:0;margin:0 auto}
.rolling_wrap img{display:none;}
.pre_arrow,
.next_arrow,
.rollingIcon{z-index:999}
.rollingIcon{bottom:30px !important}

/* Login */
.login_wrap{position:relative;margin:0 auto;min-height:100%;background:url(/resources/images/login/login_bg.jpg)no-repeat center center/100% 100%;/*padding-top:150px;*/box-sizing:border-box}
.login_wrap .login_left_top{position:absolute;top:25px;left:35px}
.login_wrap .login_left_top .tit_txt{display:inline-block;margin-left:10px;vertical-align:top;margin-top:22px;font-size:14px;color:#656464}
.login_wrap .login_left_top .title_em{display:inline-block;font-size:35px;color:#000}
.login_wrap .login_left_top .title_em .tit_red{font-size:35px;color:#ef0010}
.login_wrap .login_left_top .title_em .dash{display:inline-block;margin:0 5px;color:#908c89}

.login_wrap .loginbox_wrap{width:830px;height:500px;position:absolute;top:50%;left:50%;transform: translate(-415px, -330px);}
.login_wrap .loginbox_wrap .loginbox_group{width:830px;height:500px;overflow:hidden;}

.loginbox_bottom {position:absolute;left:50%;top:76%;transform:translateX(-415px);text-align:center;width:830px;}
.loginbox_bottom a {position:relative;height:30px;margin:0 10px;}
.loginbox_bottom a:last-child::before {content:'';position: absolute;left:-10px;top:3px; width:1px;height:10px;background: #b2b3b8;}

.login_wrap .slogan_wrap {float:left;position:relative;width: 480px;height: 100%;}
.login_wrap .slogan_wrap .login_logo{width:148px;height:60px;background:url(/resources/images/login/logo.png) no-repeat 0 50%;cursor:pointer;margin-bottom: 20px;}
.login_wrap .slogan_wrap .slogan1 {position:absolute;top:100px;left:0px;color:#ffffff; font-size: 32px; font-weight:100;letter-spacing:-2px;}
.login_wrap .slogan_wrap .slogan1::before {position:absolute;top:-20px;left:0px;content:'';width: 70px;height: 1px;background-color: #ffffff;}

.loginbox_group .login_form_wrap {position:relative;float:left;width:350px;height:100%;padding:0 50px;box-sizing:border-box;background: rgba(0,0,0,.5);}
.loginbox_group .login_form_wrap .logingrp_title{text-align:center;margin-bottom:60px;padding-top:30px;font-size:40px;color:#ffffff;box-sizing:border-box}

.login_form_wrap .form_box .w2input, 
.login_form_wrap .form_box .w2selectbox{width:250px;height:45px !important;background:#ede9e9;color:#555555;border:0;box-sizing:border-box;padding:0 15px;font-size:14px;font-family:"맑은 고딕", dotum, Verdana, Sans-serif;border-radius:4px;}
.login_form_wrap .form_box .w2selectbox {margin-bottom:6px}
.login_form_wrap .form_box .w2input + .w2input{margin-top:6px}
.login_form_wrap .form_box .form_btmbox{margin-top:8px; position:relative}
.login_form_wrap .form_box .form_btmbox::after{display:block;content:'';clear:both}
.login_form_wrap .form_box .form_btmbox .w2checkbox{vertical-align:baseline}
.login_form_wrap .form_box .form_btmbox .pw_link{padding-left:10px}
.login_form_wrap .form_box .form_btmbox .pw_link:hover{color:#ed1c24}
.login_form_wrap .form_box .form_btmbox .pw_link:last-child::before{display:inline-block;content:'';width:1px;height:10px;margin-right:10px;background:#bfbfbf}
.login_form_wrap .btn_mian_login{display:block;width:100%;height:50px;margin-top:70px;line-height:48px;text-align:center;font-size:16px;color:#fff;font-weight:bold;border-radius:4px;background:#FF5454;box-sizing:border-box}

.login_form_wrap .form_box .w2checkbox_label {color:#ffffff;}
.login_form_wrap .form_box .w2selectbox_label{font-size:14px;}
.login_form_wrap .form_box .w2selectbox .w2selectbox_col_button{background-color:#ede9e9 !important}

.w2table_sb{border: 1px solid #c4c4c4;}
.w2table_sb_col{font-size:14px;height:25px;border-top: 1px solid #e8e8e8;}
.w2table_sb_col_over{background-color:#f7f3f0;}
.w2selectbox_focus .w2selectbox_col_label{background:#ede9e9 !important}
.w2selectbox_over .w2selectbox_col_label{background:#ede9e9 !important}

.forgotPW {color:#fff !important}

@media screen and (max-width: 600px) and (min-width: 300px)  {
	.login_wrap .loginbox_wrap {
		max-width:100vw;
		overflow:hidden;
		padding-left:30px; 
		padding-right:30px; 
	}
	.loginbox_group .login_form_wrap {
		max-width:100vw;
	}
	.login_wrap .loginbox_wrap .loginbox_group {
		max-width:100vw;
	}
}


