﻿@charset "utf-8";

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : login.css
 * Desc      : 배화여자대학교 포털시스템 로그인
 * Created   : 2022/04/27 by YJOH
 * Updated   : 
------------------------------------------------------------ */

/* common */
*{margin:0;padding:0;}
html,body{width:100%;height:100%;} 
body{font-family:'맑은고딕', 'Malgun Gothic', sans-serif;font-size:13px;color:#666;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} 
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
img, video{max-width:100%;height:auto}
img,fieldset{border:0}
img{vertical-align:middle}
menu,ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{color:#4b4b4b;text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}
textarea{overflow:auto}
option,x:-moz-any-link{padding-right:6px}
option,x:-moz-any-link,x:default{padding-right:0}
input, textarea, select, label{vertical-align:middle;letter-spacing:-1px}
input[type="file"]{font-family:'맑은고딕', 'Malgun Gothic', sans-serif;}
textarea{line-height:1.8}
legend, caption, .blind{visibility:hidden;overflow:hidden;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
button,label{cursor:pointer}
button::-moz-focus-inner{padding:0}
hr{display:none}
table{border-spacing:0;border-collapse:collapse}
select,textarea,button{vertical-align:middle}
input{height:19px;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
.checkbox{width:14px;height:14px;margin-bottom:2px;vertical-align:middle;border-width:0}
option{padding-right:6px} /* Firefox Fix */
.blind{visibility:hidden!important;overflow:hidden!important;position:absolute!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;color:transparent!important;background-color:transparent!important}
span{vertical-align:0}
.floatR{float:right}
.txt_center{text-align:center}
.txt_left{text-align:left}
.txt_right{text-align:right}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.hdn{display:none;}
legend{display:none;}
.black{min-width:1050px}

/* 건너뛰기 */
#skipnavi a{width:100%;position:absolute;display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:600;font-size:11px;text-align:center;z-index:2100;}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active{position:absolute;display:block;top:0;left:0;width:100%;padding:5px 0;background:#2c7bbb;color:#fff;}
#skipnavi h1{display:none;width:0;height:0;overflow:hidden;}

/* placholder */
::-webkit-input-placeholder{font-size:14px;color:#333333}
.sch_st01::-webkit-input-placeholder{font-size:14px;color:#ffffff}
input.int_login:-ms-input-placeholder, input.int_num:-ms-input-placeholder{font-size:14px;color:#333333} /* ie */
input:-moz-placeholder{font-size:14px;color:#333333}

/* 로그인 */
.bg_color01{background:#dadfe6;}
.login_wrap{width:100%;height:100%;position:relative;}
.login_container{width:100%;}
.header_wrap{width:100%;height:72px;line-height:72px;background:#0b4b95;min-width:1280px;position:relative;}
.header_wrap>.top_area{width:1200px;margin:0 auto;color:#fff;}
.header_wrap>.top_area>ul>li{float:left}
.header_wrap>.top_area>ul>li:last-child{float:right}
.toggle_wrap{float:left;position:relative;width:120px;height:30px;margin-top:20px}
.toggle_wrap>ul{position:relative;width:120px;height:30px;background:#ffffff;border-radius:30px;cursor:pointer;}
.toggle_wrap>ul>li{float:left;cursor:pointer;line-height:69px;width:55px;}
.toggle_wrap>ul>li:first-child{float:left;}
.toggle_wrap>ul>li.t_active{width:65px;height:30px;background:#3088ea;border-radius:30px;line-height:69px}
.toggle_wrap>ul>li:last-child{float:right;}
.toggle_wrap>ul>li>div{margin-top:-20px;text-align:center;}
.toggle_wrap>ul>li:first-child>div{margin-left:8px;}
.toggle_wrap>ul>li:last-child>div{margin-left:-8px;}
.toggle_wrap>ul>li:first-child.t_active>div{margin-left:0px;}
.toggle_wrap>ul>li:last-child.t_active>div{margin-left:0px;}
.toggle_wrap>ul>li>div>a{color:#333333;font-size:13px;font-weight:bold;}
.toggle_wrap>ul>li>div>a.tog_active{color:#ffffff !important;}
.tit_wrap{width:100%}
.tit_wrap>ul>li{float:left}
.tit_wrap>ul>li:nth-child(2){padding:7px 0 0 14px}
.tit_wrap>ul>li>span{color:#666666;font-size:14px;font-weight:300;line-height:24px;padding:0px 0 0 10px;display:block;}
.notice_cont_area{display:inline-block;width:230px;}
.login_all_box{border-bottom:#e0e0e0 solid 1px;width:100%;height:87px;}
.login_tit_wrap{height:87px;width:872px}

/* 로그인 컨텐츠 */
.uni_contanier{height:calc(100vh - 72px);-webkit-display:flex;-ms-display:flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.content_area{max-width:874px;padding:40px 50px 40px 50px;position:relative;margin-top:30px;background:#fff;-webkit-box-shadow: 0px 0px 5px 4px rgba(79,79,79,0.1);vertical-align:middle;box-shadow:0px 0px 5px 4px rgba(79,79,79,0.1);border-radius:10px;z-index:999;}
.login_form_area{width:100%;height:auto;position:relative;margin-top:33px}
.info_area{position:relative;width:50%;min-height:310px;border-right:#dedede solid 1px;float:left;box-sizing:border-box}
.l_form{width:100%;height:auto;overflow-y:auto;margin-top:20px}
.row_group{width:400px;float:left;}
.row_group>.join_row{width:400px;height:50px;border-radius:5px;color:#555555;border:#d6d7d9 solid 1px;text-indent:42px;font-size:15px;box-sizing:border-box;}
.ico_01{width:15px;height:19px;background:url(/page/bw/images/ico_id.png)10px 14px no-repeat;}
.ico_02{width:15px;height:19px;background:url(/page/bw/images/id_pw.png)10px 14px no-repeat;}
.login_btn>button{position: relative;width: 400px;height: 55px;background: #004898;font-size: 18px;font-weight: normal;color: #ffffff;border-radius: 6px;text-align: left;cursor: pointer;padding-left: 57px;}
.login_btn>button:before {content: '';position: absolute;background: url(/page/bw/images/login_icon.png)no-repeat;width: 18px;height: 18px;display: inline-block;left: 0;margin-left: 20px;}
.join_btn>button {position: relative;width: 400px;height: 55px;background: #555;font-size: 18px;font-weight: normal;color: #ffffff;border-radius: 6px;text-align: left;cursor: pointer;padding-left: 57px;}
.join_btn>button:before {content: '';position: absolute;background: url(/page/bw/images/join_icon.png)no-repeat;width: 25px;height: 18px;display: inline-block;left: 0;margin-left: 20px;top: 19px;}
.login_btn.half>button{width:195px;}
.login_btn>button:hover{background:#003b7d;}
.option_area{width:400px;margin:23px 0 25px 0;height:20px;}
.option_area>ul>li:first-child{float:left;}
.option_area>ul>li:last-child{float:right;}
.option_area>ul>li:last-child>span{position:relative;padding:0 15px}
.option_area>ul>li:last-child>span:last-child{padding:0}
.option_area>ul>li:last-child>span:first-child:before{background:none;}
.option_area>ul>li:last-child>span::before{content:"";position:absolute;left:-9px;top:4px;width:1px;height:12px;background:url(/page/bw/images/icon_line.png)no-repeat;}
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{margin-top:-3px;display:inline-block;width:17px;height:17px;background:url(/page/bw/images/ico_chk_normal.png)no-repeat;position:relative;}
input:checked + label::after{width:20px;height:20px;content:"";background:url(/page/bw/images/ico_checked.png)no-repeat;position:absolute;left:0;top:0;}
.id_font01{font-size:14px;display:inline-block;color:#5e5e5e;}
.id_font02{font-size:14px;display:inline-block;color:#333333;padding-left:3px;}
.id_font01>a{cursor:pointer;}
.id_font01>a>img{vertical-align:-3px;}
#errBox{width:400px;border-radius:5px;background:#FFDDDD;border:1px solid #FF8888;color:#ff0000;margin-bottom:-5px;text-align:center;display:none;}
#errBox.blue{background:#D1E8FF;border:1px solid #036BAE;color:#003d91;}
#errBox #errMsg{padding:10px;}

/* 아이디 찾기 */
#userListArea{width:400px;height:100px;overflow-y:auto;margin-top:20px;}
#userListArea>ul>li{height:30px;line-height:30px;border-bottom:1px solid #666;font-size:15px;text-align:center;}

/* 비밀번호 초기화 */
.tit_icon_area{width:400px;}
.tit_icon_area>div{width:60px;height:60px;margin:0 auto;}
.sub_tit{width:400px;text-align:center;margin-top:9px;display:block;color:#333333;font-size:16px;font-weight:bold}
.pw_cert_list{width:400px;height:100px;padding:0px 0 20px 0;margin-top:20px;border-radius:5px;background:#f0f0f0;}
.pw_cert_list>li{position:relative;width:133px;height:100px;border-radius:5px;box-sizing:border-box;text-align:center;float:left}
.pw_cert_list>li::after{position:absolute;top:36px;right:0;content:"";width:1px;height:46px;background:url(/page/bw/images/icon_line02.png)no-repeat;}
.pw_cert_list>li:last-child::after{background:none;}
.pw_cert_list>li>a>img{margin-top:22px;}
.pw_cert_list>li>span{display:block;text-align:center;font-size:13px;padding-top:13px;color:#101010;}
.login_btn02>button{width:400px;height:56px;background:#6e7177;font-size:20px;font-weight:normal;line-height:56px;color:#ffffff;border-radius:6px;text-align:center;cursor:pointer;}
.login_btn02.half>button{width:195px;}
.login_btn02>button:hover{background:#51555e;}
.row_group>.join_row02{width:400px;height:50px;border-radius:5px;padding-left:20px;color:#555555;border:#d6d7d9 solid 1px;font-size:15px;box-sizing:border-box;}
.login_btn_area{width:400px;display:flex;justify-content:space-between;}
.pwdPolicyList{width:100%;margin-top:16px;}
.pwdPolicyList>ul>li{font-weight:bold;border-bottom:#999999 dotted 1px;position:relative;padding:10px 0 12px 12px;}
.pwdPolicyList>ul>li:before{content:"";position:absolute;top:19px;left:0;width:4px;height:4px;background:url(/page/bw/images/ico_cont_bul.png)no-repeat;}

/* 이달의 일정 */
.cal_tit_area>img{margin-top:-7px;}
.tit_st01{color:#000000;display:inline-block;font-weight:600;font-size:20px;padding-left:6px;letter-spacing:-1px;}
.cal_area{width:50%;margin:0 auto;float:right;box-sizing:border-box;padding:7px 0 0 35px;position:relative;}
.cal_list{width:100%;margin-top:16px}
.cal_list>ul>li{border-bottom:#999999 dotted 1px;position:relative;padding:10px 0 12px 12px}
.cal_list>ul>li:last-child{border-bottom:none}
.cal_list>ul>li:before{content:"";position:absolute;top:19px;left:0;width:4px;height:4px;background:url(/page/bw/images/ico_cont_bul.png)no-repeat;}
.cal_list>ul>li>dl>dd{padding-top:5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;font-size:13px;color:#666666;font-weight:normal;}
.list_item>li:first-child{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;color:#333333;font-size:15px;font-weight:bold;}

/* footer_area */
.footer_area{width:100%;text-align:center;}
.footer_area .footer{position:relative;margin:0 auto;color:rgba(0,0,0,.5);font-size:14px;line-height:28px;text-align:center;font-weight:normal}


@media only all and (max-height:800px){
.uni_contanier{min-height:700px;height:700px;box-sizing:border-box;}
}

@media only all and (max-width:1280px){
.uni_contanier{padding:0 20px;}
.header_wrap{min-width:990px;}
.header_wrap>.top_area{width:990px;}
}
@media only all and (max-width:1050px){
.uni_contanier{justify-content:start}
.parent_contanier{justify-content:start}
}
@media only all and (min-width:769px){
.m_footer_area{display:none;}
}
@media only all and (max-width:768px){
body{height:auto}
.uni_contanier{min-height:auto;height:auto;margin-top:25px;padding:0;}
.login_tit_wrap{width:100%}
.login_cont_wrap{height:auto;overflow-y:hidden;}
.bg_color01{background:#ffffff;}
.header_wrap{min-width:100%;}
.header_wrap>.top_area{width:100%;text-align:center;}
.header_wrap>.top_area>ul>li{float:none;}
.toggle_wrap{display:none;}
.tit_wrap{float:none;text-align:left;}
.tit_wrap>ul>li{float:none;}
.tit_wrap>ul>li:nth-child(2){display:none;}
.cal_area{display:none;}
.info_area{width:100%;float:none;border-right:none;margin-top:10px}
.login_form_area{margin-top:0}
.row_group>.join_row{width:100%}
.login_all_box{height:80px}
.row_group{width:100%}
.option_area{width:100%;height:20px;}
.login_btn>button{width:100%}
.join_btn>button {width:100%;}
.login_btn02>button{width:100%}
.content_area{width:100%;max-height:100%;min-width:320px;-webkit-box-shadow:none;box-shadow:none;margin-top:0;padding:20px;}
.footer_area{display:none;}
.m_footer_area{text-align:center;width:100%;min-width:320px;color:#666666;display:block;padding:10px 0;background:#dadfe6;z-index:99999;}
#errBox{width:100%;}

/* 비밀번호 초기화 */
.tit_icon_area{width:100%;margin-top:20px}
.pw_cert_list{width:100%;padding:25px 0 20px 0}
.pw_cert_list>li{width:33.3%}
.sub_tit{width:100%}
.row_group>.join_row02{width:100%}
}

@media only all and (max-width:530px){
.option_area{width:100%;height:auto;margin-top:10px;margin:23px 0 0 0}
.option_area>ul>li:first-child{float:none;width:100%;}
.option_area>ul>li:last-child{float:none;width:100%}
.option_area>ul>li:last-child>span{padding:10px 0}
.option_area>ul>li:last-child>span:last-child{padding-left:17px}
.input_list>li:first-child,.input_list>li:last-child{width:100%;float:none;}
.join_row03{width:100%}
.input_list{height:auto}
.pw_list{height:auto}
.pw_list>li:first-child,
.pw_list>li:last-child{float:none;width:100%}
.id_chk_btn{margin-top:10px;}
.list_area4>li>a{font-size:12px}
.check_list>li>dl>dd{float:left;margin-bottom:5px}
}

/* tomsso */
.login-wrap {z-index: 10000; position: fixed; top: 54%; left: 43%; border: 3px solid red; border-radius: 10px; padding: 5px; background: #eeeeee; width: 351px;}
.bg_layer {z-index: 1000; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.login-wrap .login {display:inline-block;padding-top:20px;width:100%;box-sizing:border-box;}
.login-wrap .login .row_group {width:351px;height:auto;margin:0 auto;min-height:44px;}
.login-wrap .login .row_group .join_row {padding: 0px;text-indent: 0px;font-size: 13px;color: #666;width: 351px;height: 43px;margin: 0 auto;position: relative;margin-bottom: 5px;border: solid 1px #bababa;background: #fff;box-sizing: border-box;word-break: break-all;}
.login-wrap .login .row_group .join_row .int {z-index: 10;width: 100%;height: 41px;line-height: 41px;border: none;background: #fff;font-size: 13px;text-indent: 10px;}
input#user_id___2::placeholder {color: #000;opacity: 1;}
.login-wrap .login .row_group .join_row .lbl {display: none;}
.login-wrap .login .btn_login{display:inline-block;background:#6f88a6;height:44px;line-height:44px;border:none;width:100%;vertical-align:middle;text-align:center;font-size:15px;color:#fff;font-weight:bold;text-decoration:none;box-sizing:border-box;cursor:pointer;}
.login-wrap .login .check{position: relative;height: auto;margin: 0 auto;}
.login-wrap .login .check li{position: relative;display: inline-block;width: 100%;margin-top: 10px;font-size: 13px;color: #6b6b6b;}

/* 비밀번호 초기화 안내 팝업 */
.ep-s-popwrap {width: 100%;}
.ep-s-popwrap .ep-s-dlgtitle {padding-left: 15px;font-size: 18px;color: #333;font-weight: 600;margin-bottom: 15px;}
.ep-s-popwrap .ep-s-dlgcontent {padding: 30px;}
.ep-s-popwrap .ep-s-dlgcontenthead {margin-bottom:16px;}
.ep-s-popwrap .ep-s-infoarea {position: relative;border: 5px solid #e4e3e3;padding: 30px;font-size: 14px;line-height: 22px;}
.ep-s-popwrap span.rtxt {color: #e64b40;}
.ep-s-popwrap .ep-s-btncenter {width: 100%;text-align: center;margin-top: 20px;}
.ep-s-popwrap a:hover {cursor:pointer;}
.ep-s-popwrap a.ep-s-btnblue {display: inline-block;width: 145px;height: 36px;line-height: 36px;border-radius: 3px;background: #0f78b4;text-align: center;font-size: 14px;color: #fff;font-weight: 600;text-decoration: none;}
.ep-s-popwrap a.ep-s-btnwhite {display: inline-block;width: 145px;height: 34px;line-height: 34px;border-radius: 3px;background: #fff;border: 1px solid #0f78b4;text-align: center;font-size: 14px;color: #0973af;font-weight: 600;text-decoration: none;}
.ep-s-dlgnotitle .ui-dialog-titlebar {display:none;}