/* -- EWHA Univ. ----------------------------------------------------------------------- */
.login{overflow:initial;position:relative;background:#fff;min-height:801px;}
.login .sw-wrap{height:100%;}
.login .sw-container{height:100%;z-index:inherit;}
.login .sw-container .sw-inner{top:50%;z-index:20;padding:0 20px;max-width: 1440px;transform:translateY(-50%);}
.login .sw-container .sw-inner .js-cont{min-height:auto !important;}
.login .sw-container .sw-inner .sw-con{min-height:auto !important;}
.login .sw-con{position:relative;}
.login .row{margin:0;font-size: 0;line-height: 1;}
.login .sw-con .row > div{padding:0;margin: 0;}
.login .sw-con .row:nth-of-type(1) .col-md-4{position:absolute;top: calc(50% - 33px);right: 0;z-index:20;width: 360px;transform:translateY(-50%);}
.login .sw-con .row:nth-of-type(2) .col-md-8{margin-right: 60px;width: calc(100% - 420px);}
.login .sw-con .row:nth-of-type(3) .col-md-5{width: calc(100% - 780px);}
.login .sw-con .row:nth-of-type(3) .col-md-3{margin-right: 50px;width: 310px;}

.login .sw-con .col-md-4 .sw-portlet-layout {position:relative;overflow:inherit;margin:0;}
.login .sw-con .col-md-4 .sw-portlet-layout .login-wrap{width:100%;}


/* container common */
.login .sw-portlet-layout{margin:0;}
.login .sw-portlet-layout .sw-box{border:none;background:none;}
.login .sw-portlet-layout .sw-box .box-con{padding:0;}
.login .sw-portlet-layout .sw-box .box-tit{padding-left:0;padding-bottom: 27px;width:auto;height:auto;border:none;font-size:0;line-height:1;}
.login .sw-portlet-layout .sw-box .h4-title{padding-left: 19px;border-left: 4px solid #015c38;font-weight:400 !important;font-size:28px;line-height: 28px;color:#000;}
.login .sw-portlet-layout .sw-box .btn-more{position:absolute;top: 0;right:0;width: 25px;height: 25px;}
.login .sw-portlet-layout .sw-box .btn-more img{width:100%;}

.login .sw-portlet-layout .login-wrap .login-top{display:none;}
.login .sw-portlet-layout .login-box{padding: 150px 30px 150px;height: 624px;background: #fff;box-shadow: 8px 8px 36px rgb(0 0 0 / 15%);}
.login .sw-portlet-layout .login-box .box-tit{padding-bottom:0;}
.login .login-box .logo-box{padding-bottom:60px;text-align:center;}
.login .login-box .logo-box .logo-img{margin: 0 auto 15px;width: 86px;}
.login .login-box .logo-box .logo-img img{width:100%;}
.login .login-box .logo-box .logo-title{font-size:0;line-height:1;}
.login .login-box .logo-box .logo-title .txt01{padding-bottom:5px;font-family: 'EWHA' !important;font-weight:400;font-size: 36px;line-height: 36px;color: #00462a;}
.login .login-box .logo-box .logo-title .txt02{padding-bottom: 20px;font-weight:300;font-size: 14px;line-height: 17px;color: #00462a;opacity:0.5;}
.login .login-box .logo-box .logo-title .title{font-weight:500;font-size: 16px;line-height: 19px;color: #00462a;}

.login .login-box .login-form .login-input li{margin:0;}
.login .login-box .login-form .login-input input{margin-bottom:20px;padding: 10px 10px 5px;height: 40px;border:none;border-bottom:1px solid #ccc;background:#fff;font-weight:400;font-size:16px;line-height:24px;color:#000;}
.login .login-box .login-form .login-input input:focus{box-shadow:none;}
.login .login-box .login-form .login-input input::placeholder{color:#000;}
.login .login-box .login-form .login-input li:last-of-type input{margin-bottom:10px;}
.login .login-box .login-form .save-id-box{padding-bottom: 50px;text-align:right;}
.login .login-box .login-form .save-id-box label{margin:0;font-weight:400;font-size: 14px;line-height: 24px;color:#000;cursor:pointer;}
.login .login-box .login-form .save-id-box label:first-of-type{padding-right:10px;}
.login .login-box .login-form .save-id-box input[type=checkbox] + label:before{margin-right: 4px;width: 16px;height: 16px;border: 1px solid #ccc;background: none;vertical-align: middle;}
.login .login-box .login-form .save-id-box input[type=checkbox]:checked + label:before{content: '\2714';font-size: 14px;line-height: 14px;text-align: center;}

.login .login-box .login-btn{text-align:center;}
.login .login-box .login-btn button{display:inline-block;padding: 0;max-width:260px;height:50px;border: none;background: #00462a;font-weight:400;font-size:16px;line-height:24px;}
.login .login-box .login-btn .findid{padding-top: 10px;}
.login .login-box .login-btn .findid a{display:inline-block;font-weight:400;font-size:16px;line-height:24px;color:#000;}

.login .news-box{position:relative;padding-bottom:60px;}
.login .news-box .swiper-slide .img-box{padding-bottom: 20px;}
.login .news-box .swiper-slide .img-box a{display:block;height: 143px;}
.login .news-box .swiper-slide .img-box img{width:100%;height:100%;}
.login .news-box .swiper-slide .txt-box .txt a{display:block;max-height:44px;font-weight:500;font-size:14px;color:#222;line-height:22px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.login .news-box .control-wrap{position:absolute;top:2px;right:0;font-size:0;}
.login .news-box .control-wrap > div{display:inline-block;width:30px;height:30px;}
.login .news-box .control-wrap > div img{width:100%;}

.login .login-notice{position:relative;}
.login .sw-portlet-layout .login-notice .box-tit{padding-bottom:33px;}
.login .login-notice .notice-cate-box{margin-bottom:40px;}
.login .login-notice .notice-cate-box > ul{border-bottom:1px solid #ccc;font-size:0;line-height:1;}
.login .login-notice .notice-cate-box li{display:inline-block;line-height:1;}
.login .login-notice .notice-cate-box button{position: relative;padding:0 20px 10px;border:0;background:none;font-weight: 300;font-size: 16px;line-height: 19px;color: #000;}
.login .login-notice .notice-cate-box li.active button{position:relative;font-weight: 500;color:#0D99FF;}
.login .login-notice .notice-cate-box li.active button:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#0d99ff;}
.login .login-notice .notice-cate-box li button:hover{color:#0D99FF;}
.login .login-notice .notice-cate-box li button:after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2px;background-color:#0d99ff;transition:all .3s;}
.login .login-notice .notice-cate-box li button:hover:after{width:100%;}
.login .login-notice .notice-content-box > div{display:none;}
.login .login-notice .notice-content-box .active{display:block;}
.login .login-notice .notice-content-box .mini-box > li{margin-bottom:15px;}
.login .login-notice .notice-content-box .mini-box > li:last-of-type{margin:0;}
.login .login-notice .notice-content-box .mini-box > li:after{content:'';display:block;clear:both;}
.login .login-notice .notice-content-box .mini-box .mini-title{float:left;width:calc(100% - 80px);line-height:1;box-sizing:border-box;}
.login .login-notice .notice-content-box .mini-box .mini-title a{display:inline-block;position:relative;max-width: 100%;font-weight:300;font-size:16px;color:#000;line-height:19px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
.login .login-notice .notice-content-box .mini-box .mini-title a:hover:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#666;}
.login .login-notice .notice-content-box .mini-box .mini-date{float:right;font-family: 'Noto Sans KR';font-weight: 200;font-size:14px;color: #000;line-height:17px;}

.login .login-quick .quick-link{display:flex;flex-wrap:wrap;margin-right: 10px;margin-bottom: 10px;}
.login .login-quick .quick-link > li{display: table;width:50%;min-height: 138px;table-layout: fixed;}
.login .login-quick .quick-link > li{border-bottom:1px solid #428169;}
.login .login-quick .quick-link > li:nth-last-of-type(-n+2){border-bottom:0;}
.login .login-quick .quick-link > li:nth-of-type(odd){border-right:1px solid #428169}
.login .login-quick .quick-link > li > a{display: table-cell;padding: 10px;min-height:138px;text-align:center;background:#00462a;vertical-align: middle;}
.login .login-quick .quick-link > li .img-box{padding-bottom: 13px;}
.login .login-quick .quick-link .txt01{font-weight:400;font-size: 16px;line-height: 19px;color:#fff;}
.login .login-quick .quick-link .txt02{padding-top: 4px;font-weight:400;font-size: 12px;line-height: 18px;color:#ccc;}
.login .login-quick .banner-box{padding:0 10px 10px 0;}
.login .login-quick .banner-box > a{display:table;width:100%;table-layout:fixed;background: #FFFFFF;padding: 0 32px 0 23px;box-shadow:3px 3px 4px 0px rgba(0 0 0 / 10%);}
.login .login-quick .banner-box > a > div{display:table-cell;box-sizing:border-box;}
.login .login-quick .banner-box .txt-box{padding:16px 5px;line-height: 1;}
.login .login-quick .banner-box .txt-box .txt01{font-family: 'ewha' !important;font-weight: 400;font-size: 16px;line-height: 18px;color: #00462a;}
.login .login-quick .banner-box .txt-box .txt02{padding-top: 6px;font-weight: 300;font-size: 14px;line-height: 14px;color: #555555;}
.login .login-quick .banner-box .img-box{padding-top: 11px;width: 92px;vertical-align: middle;}


.login .footer-box{position:relative;z-index:10;margin:0 auto;max-width:1920px;}
.login .footer-box > div{padding: 30px 0 0;}
.login .footer-box .privacy{padding-bottom:10px;line-height:1;}
.login .footer-box .privacy a{font-weight:500;font-size: 14px;line-height: 17px;color:#0d99ff;}
.login .footer-box address{margin:0;padding-bottom:4px;font-weight:400;font-size: 12px;line-height: 14px;color:#000;opacity: 0.8;}
.login .footer-box .copyright{font-weight:400;font-size: 12px;line-height: 14px;color:#000;opacity: 0.5;}

@media screen and (max-width: 1440px) {
    .login .login-notice .notice-cate-box button{padding:0 10px 10px;font-size:14px;}
}

@media screen and (max-width:1200px){
    .login .sw-con .row:nth-of-type(2) .col-md-8{margin-right:30px;width:calc(100% - 390px);}
    .login .sw-con .row:nth-of-type(3) .col-md-3{margin-right:20px; width:270px;}
    .login .sw-con .row:nth-of-type(3) .col-md-5{width:calc(100% - 680px);}
}

@media screen and (max-width: 991px) {
    .login .sw-wrap{height:auto;}
    .login .sw-container .sw-inner{position:static;padding: 0;transform: none;z-index: 0;}
    .login .row:nth-of-type(3){min-height: 510px;position: relative;}
    .login .sw-con .row:nth-of-type(1) .col-md-4{position: static;top: auto;width: auto;transform:none;}
    .login .sw-con .row:nth-of-type(2) .col-md-8{margin: 0;padding:0 15px;width: auto;}
    .login .sw-con .row:nth-of-type(3) .col-md-5{position: absolute;top: 0;padding: 0;margin: 0;width: 100%;}
    .login .sw-con .row:nth-of-type(3) .col-md-3{position: absolute;bottom: 0;margin: 0;padding: 0;width: 100%;}

    /* container common */
    .login .sw-portlet-layout .sw-box .box-tit{padding-bottom: 20px;}
    .login .sw-portlet-layout .sw-box .h4-title{padding-left: 10px;border-width:2px;font-size:23px;line-height: 25px;}
    .login .sw-portlet-layout .sw-box .btn-more{right: 15px;width: 20px;height: 20px;z-index: 50;}

    /* login */
    .login .sw-portlet-layout .login-wrap .login-top{display:block;background: #014D30;}
    .login .sw-portlet-layout .login-wrap .login-top p{padding:15px 15px;font-size:13px;font-weight:500;line-height:13px;color:#fff;opacity:0.5;}
    .login .sw-con .col-md-4 .sw-portlet-layout .login-box{margin:20px 15px 40px;padding: 25px 15px;width: calc(100% - 30px);height: auto;}
    .login .login-box .logo-box{padding-bottom: 25px;}
    .login .login-box .logo-box .logo-img{margin: 0 auto 10px;width: 55px;}
    .login .login-box .logo-box .logo-img img{width:100%;}
    .login .login-box .logo-box .logo-title{font-size:0;line-height:1;}
    .login .login-box .logo-box .logo-title .txt01{padding-bottom: 0;font-size: 30px;line-height: 40px;}
    .login .login-box .logo-box .logo-title .txt02{padding-bottom: 10px;font-size: 12px;line-height: 15px;}
    .login .login-box .logo-box .logo-title .title{font-size: 12px;line-height: 15px;}
    
    .login .login-box .login-form .login-input input{margin-bottom:10px;padding:5px 10px 5px;height: 35px;font-size:14px;line-height:24px;}
    .login .login-box .login-form .login-input li:last-of-type input{margin-bottom:5px;}
    .login .login-box .login-form .save-id-box{padding-bottom:30px;}
    .login .login-box .login-form .save-id-box label{font-size: 12px;}
    .login .login-box .login-form .save-id-box input[type=checkbox] + label:before{width: 14px;height: 14px;}
    .login .login-box .login-form .save-id-box input[type=checkbox]:checked + label:before{font-size: 12px;line-height: 12px;}
    
    .login .login-box .login-btn button{max-width:100%;height:40px;font-size:14px;line-height:22px;}
    .login .login-box .login-btn .findid{}
    .login .login-box .login-btn .findid a{font-size: 12px;line-height: 20px;}

    /* news */
    .login .news-box{padding-bottom: 40px;}
    .login .news-box .swiper-slide .img-box{padding-bottom:10px;}
    .login .news-box .swiper-slide .img-box a{height: 130px;}
    .login .news-box .control-wrap{display:none;}
    
    .login .news-box .login-news-pagination{padding-top:15px;font-size:0;line-height:1;text-align:center;}
    .login .news-box .login-news-pagination .swiper-pagination-bullet{margin-right:5px;background:#D9D9D9;opacity:1;}
    .login .news-box .login-news-pagination .swiper-pagination-bullet:last-of-type{margin-right:0;}
    .login .news-box .login-news-pagination .swiper-pagination-bullet-active{background:#014D30;}

    /* 공지사항 */
    .login .login-notice{min-height:270px;padding-bottom: 44px;}
    .login .sw-portlet-layout .login-notice .box-tit{padding: 0 15px 15px;}
    .login .login-notice .notice-cate-box{margin: 0 10px 20px;}
    .login .login-notice .notice-cate-box > ul{white-space:nowrap; width:100%; display:inline-flex; justify-content: space-between;}
    .login .login-notice .notice-cate-box > ul > li{position:relative;}
    .login .login-notice .notice-cate-box > ul > li:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ccc;}
    .login .login-notice .notice-cate-box button{width: 100%;}

    .login .login-notice .notice-content-box{padding:0 15px;min-height: 180px;}
    .login .login-notice .notice-content-box .mini-box > li{margin-bottom:10px;}
    .login .login-notice .notice-content-box .mini-box .mini-title{width: calc(100% - 68px);}
    .login .login-notice .notice-content-box .mini-box .mini-title a{font-size: 14px;line-height: 17px;}
    .login .login-notice .notice-content-box .mini-box .mini-date{padding-left: 10px;font-size: 12px;}
    
    .login .login-quick .quick-link{margin: 0;padding-top: 90px;flex-wrap: nowrap;min-height: 105px;}
    .login .login-quick .quick-link > li{min-height: auto;}
    .login .login-quick .quick-link > li:nth-of-type(n){border:0;border-right:1px solid #428169;}
    .login .login-quick .quick-link > li:last-of-type{border-right:0;}
    .login .login-quick .quick-link > li > a{padding: 15px 10px;min-height: auto;}
    .login .login-quick .quick-link > li .img-box{padding-bottom: 10px;}
    .login .login-quick .quick-link > li .img-box img{height:30px;}
    .login .login-quick .quick-link .txt01{font-size: 14px;line-height: 17px;}
    .login .login-quick .quick-link .txt02{padding-top: 0;}
    
    .login .login-quick .banner-box{position: absolute;top: 0;padding: 0 15px 20px;}
    .login .login-quick .banner-box a{min-height:70px;}
    .login .login-quick .banner-box .img-box{vertical-align: bottom;width: 80px;}
    .login .login-quick .banner-box .img-box img{width:100%;}
    
    
    /* footer */
    .login .footer-box > div{padding: 20px 15px;}
    .login .footer-box .privacy{padding-bottom:5px;}
    .login .footer-box address{padding-bottom:0;}
    



    

}