@charset "utf-8";

/********************
* common
********************/


:root {
  --default_color:#4a60e5;
  --pink:#f6294b;
  --black:#1b1d26;
  --default_font:'Pretendard';
  --blue:#1383cf;
  --light_yellow:#f2f0e6;
  --noto_font:'Noto Sans KR';
  --jalnan_font:'jalnan';
  --bg_gray:#f3f5f7;
  --border_color:#ccc;
  --bor_radius:10px;
  --scdream_font:"scdream";
  --gray:#646360;
  --sky:#eef5ff;
  --yellow:#f3d324;
}
::-webkit-scrollbar {
  width: 10px; 
  /* width는 세로 스크롤바에만 적용된다. */
  /* height: 8px; */ 
  /* 마찬가지로 height는 가로 스크롤바에만 적용된다 */
}


::-webkit-scrollbar-thumb {
  background-color: rgba(101, 103, 110, 0.5);
  border-radius: 20px;
  background-clip: padding-box;
  border: 2px solid transparent;
  transition: all 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(101, 103, 110, 0.8);
  background-clip: padding-box;
  border: 2px solid transparent;
}


html {width:100%; height: 100vh; }
html,
body {height: 100vh; min-width: 360px; width:100%;font-family: "Pretendard"; font-size: 17px;  font-weight: 400;   color: #0d1723; background-color: #f8f8f8; overflow: hidden;}
img[usemap] {  border: none;  height: auto;  width: auto;  max-width: 100%;}
img {  max-width: 100%;}
map area {  cursor: pointer;}
html[hc="a0"] {  -webkit-filter:none !important}
.wrap { min-width: 360px; position: relative; }

.uppercase {text-transform: uppercase;}

.pointer {cursor: pointer;}
button {position: relative;}

html:before {  content: ''; position: absolute;  left: -650px;  top: -85px; width:1395px; height: 1124px; background-image: url(/module/admin/images/renewal/bg_patten01.png); background-repeat: no-repeat; transform: rotate(22deg); opacity: 0.6;}
/*
body::after {content: ''; position:absolute;  left: 0px;  bottom: 30px; top:0; width: 270px; background-image: url(/module/admin/images/renewal/logo_ams.png); background-repeat: no-repeat; background-size: 170px auto; background-position: center bottom;  }
*/
.login_page::before, .login_page::after {display: none;}


.table_bbs{font-size:88%}


@media only screen and (max-width:2050px){
  html,body {font-size: 16px; }
  .table_bbs{font-size:85%}

}
@media only screen and (max-width:1400px){
  html:before {  content: ''; position: absolute;  left: -750px;  top: -85px; width:1395px; height: 1124px; display: none;}

  body::after { display: none;  left: auto; right: 60px; bottom: 0; top:27px; width: 130px; background-size: 130px auto; background-position: right top;  }

}
@media only screen and (max-width:650px){
  body::after { background-size: 90px auto; top:25px; right: 50px; width: 100%;}

}

@media only screen and (max-width:991px){
  .info_left, .info_right { width: auto;}

}








.select2-dropdown{font-size: 90%;}

.t_c00{color: var(--default_color)  !important; }
.t_c01{color: #bf2323 !important; }
.t_c02{color:#2d7130 !important;}
.t_c03{color: #2f417a !important; }
.t_c04{color: #e38600 !important;}
.t_c05{color: #378ed8 !important; }
.t_c06{color:#27969b !important;}
.t_gray{color:#969cb0 !important;}
.t_lightgray{color:#e4e4e4 !important; }
.t_white{color:#fff !important;}
.t_black{color: #060b19 !important; }


/* 버튼 컬러 */
.btnPack{ background-color:var(--default_color);  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);border-radius: 5px; font-size: 105%;}



.btnPack.c01{background-color: #cc2e5f; }
.btnPack.c02{background-color:#2d7130;}
.btnPack.c03{background-color: #2e49a1; }
.btnPack.c04{background-color: #e38600; }
.btnPack.c05{background-color: #2998e7; }
.btnPack.c06{background-color:#27969b;}

.btnPack.c01_2{color: #cc2e5f;background-color: #fff0f1;}
.btnPack.c02_2{color:#2d7130;background-color: #e2f1e2;}
.btnPack.c03_2{color: #2e49a1;background-color: #e8ecfd;}
.btnPack.c04_2{color: #e98400; background-color:#fff2e6;}
.btnPack.c05_2{color: #1083d4;background-color: #dfefff;}
.btnPack.c06_2{color:#0b9fa7;background-color: #d7feff;}

.btnPack.gray{background-color:#9699a5;}
.btnPack.lightgray{background-color:#ececf1; color:#616268 !important;}
.btnPack.white{background-color:#fff; color: #616268 !important;}
.btnPack.black{background-color: #333436; }
.btnPack.deepgray { background-color: #50535c; }
.btnPack.moving{background-color:rgba(201, 203, 212, 0.4); color:#616268 !important; cursor: move; mix-blend-mode: darken;}

.btnPack.border {border:1px solid #bfc7fb !important; ; background-color: #fff; color: var(--default_color) !important; }
.btnPack.border_2 {border:1px solid var(--default_color) !important ; background-color: #fff; color: var(--default_color) !important; }

.btnPack.border_c01 {border:1px solid ; background-color: #fff; border-color: #dab3b7 !important; color:#cc2e5f !important;}
.btnPack.border_c02 {border:1px solid ; background-color: #fff; border-color: #93c494 !important; color:#2d7130 !important;}
.btnPack.border_c03{border:1px solid ; background-color: #fff; border-color: #8398dd !important; color:#14339b !important;}
.btnPack.border_c04 {border:1px solid ; background-color: #fff; border-color: #d4ad9e !important; color:#e38600 !important;}
.btnPack.border_c05 {border:1px solid ; background-color: #fff; border-color: #86bcec !important; color:#2998e7 !important;}
.btnPack.border_c06 {border:1px solid ; background-color: #fff; border-color: #a1d9db !important; color:#27969b !important;}

.btnPack.border_c01_2 {border:1px solid ; background-color: #fff; border-color: #cc2e5f !important; color:#cc2e5f !important;}
.btnPack.border_c02_2 {border:1px solid ; background-color: #fff; border-color: #2d7130 !important; color:#2d7130 !important;}
.btnPack.border_c03_2{border:1px solid ; background-color: #fff; border-color: #14339b !important; color:#14339b !important;}
.btnPack.border_c04_2 {border:1px solid ; background-color: #fff; border-color: #e38600 !important; color:#e38600 !important;}
.btnPack.border_c05_2 {border:1px solid ; background-color: #fff; border-color: #2998e7 !important; color:#2998e7 !important;}
.btnPack.border_c06_2 {border:1px solid ; background-color: #fff; border-color: #27969b !important; color:#27969b !important;}


.btnPack.border_black {border:1px solid ; background-color: #fff; border-color: #a3a5ad !important; color:#191f2e !important;}
.btnPack.border_gray {border:1px solid #b6babe !important;  background-color: #f4f4f5; color: #414141 !important; }
.btnPack.border_lightgray {border:1px solid #cfd3d7 !important;  background-color: #fff; color: #6b6b6b !important; }





.dropdown-menu.show {width: 100%;}
.btnPack i{ font-size: 100%;}





/*컨테이너 사이즈 */
.wrap_container,
.container {  margin: 0 auto;  }
#container {position: relative;}


.sub_content { margin-left: 270px; position: relative; transition: all 0.3s; height: 100vh; }
.s_content { width: 100%; position: relative; background-color: #fff; border-radius: 30px 0 0 0px;  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);  overflow-y: auto; height: calc(100vh - 95px); }
.content_height {position: relative; padding:10px 40px 20px 40px;  }
.sub_content::before {  content: ''; position: fixed;  left: -0px;  bottom: 0px; width:640px; height: 370px; background-image: url(/module/admin/images/renewal/bg_patten01.png); background-repeat: no-repeat; transform: rotate(0deg); opacity: 0.5; background-position: right top;}

.new_container {padding:30px 35px;}
#content {position: relative;}

.copyright { color: rgba(0, 0, 0, 0.4);text-align: center; font-weight: 600; padding: 15px 25px 15px 15px; font-size: 13px; color: #868686;  display: flex; justify-content: right; flex-wrap:wrap; border-top: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom:0; right:0; left:0; background-color: #fff;}
.copyright > strong {display:inline-flex; margin-right:30px}
.copyright > strong span{color:var(--default_color); padding-left:10px}
.copyright > ul {display:flex; justify-content: right;  font-size: 12px; font-weight: 400;  color:#666; flex-wrap:wrap;}
.copyright > ul li + li {padding-left:40px;}
.copyright > ul li span {font-weight:600; }
.copyright a{ transition: all 0.3s; font-weight:600; }
.copyright a:hover{ text-decoration: underline !important; color:  rgba(0, 0, 0, 0.6);}


.titlt_area {display: flex; position: relative; margin-bottom: 5px; justify-content: space-between; align-items: center; ;}
.titlt_area::before, .titlt_area::after {content: ''; position: absolute; width: 11px; height: 11px; border-radius: 2px; transform: rotate(45deg); left:3px}
.titlt_area::before { background-color: #6493f3; top:28px;}
.titlt_area::after { background-color: #bcc6d0; top:34px; mix-blend-mode: multiply;}
.titlt_area h2{font-size: 140%; font-weight: 600;  color:#222; line-height: 30px; padding:20px 0 20px 27px}

.titlt_area .location {font-size: 90%; color: #555; position: relative; display: inline-flex; justify-content: end;}
.titlt_area .location > span{color:#aaa; margin:0 10px; display: inline-block;}
.titlt_area .location > strong{font-weight: 500; color: #333;}


@media only screen and (max-width:991px){
  .titlt_area {flex-wrap:wrap;}

  .titlt_area::before {  top:23px;}
  .titlt_area::after { top:30px}
  .titlt_area h2{font-size: 130%; line-height: 40px; padding:10px 0 10px 27px }
  .titlt_area h2 span{padding: 0 5px; font-size: 80%; line-height: 28px; margin-right: 5px;}
  .titlt_area .location {display:none}

  .copyright, .copyright > ul { justify-content:center;}
  .copyright > strong {margin-right:0px; margin-bottom:5px;}
  .copyright {padding:5px 0px}
  .copyright > ul li + li {padding-left:20px;}


}

/* 로고 */
.logo { position: relative;  margin:20px 35px 35px 30px; display: flex; justify-content: center; }
.logo > h1 {display: inline-flex; align-items: center; }
.logo > h1 > img {width: 40px; margin-right: 8px;}
.logo strong {font-weight: 700;}
.logo strong span{  font-size: 125%; color: #16191d; white-space: nowrap;}
.logo strong i {display: block; padding-bottom: 0px; color: #888; font-size: 90%;}


@media only screen and (max-width:991px){
  .logo {  margin:30px 35px 35px 25px; }

}


/* 상단 영역 */
.top_area {color:#fff; display: flex; justify-content: space-between; padding: 10px 30px 12px 30px; align-items: center;  position: sticky; z-index: 99; right: 0; top:0; }
.top_site {display: flex; align-items: center; position: relative; width: 100%; }
.top_site > .logo{display: none; font-size: 80%;}
.top_site > .logo > h1 > img {width: 35px;}
.top_site > .go_site{display: none; }

.top_info {display: flex; align-items: center;  }
.top_info > * {margin:0 7px; /* height:25px !important; line-height:23px  !important; font-size: 70% !important; */}
.top_info > * > i,  .left_info > * > i {vertical-align: middle; margin: 0 5px;}
.user_info_btn i {  color: #697085;}
.user_info_btn button {line-height: 30px;}

/* 모바일 버튼 */
.left_info {  text-align: center; margin: 0 40px 0 30px; }
.left_info > * {margin:5px auto; width: 100%; text-align: center; }
.left_info > .btnPack { /* height:25px !important; line-height:23px  !important; font-size: 70% !important; */}


.user_info_btn {display: flex; justify-content:space-around}
.user_info_btn > button {flex:1 0 auto; position: relative; font-size: 85%; }
.user_info_btn > button + button::before {content:''; position: absolute; top:10px; bottom: 10px; left:0; width: 1px; background-color: rgba(0, 0, 0, 0.15);}

/* 왼쪽메뉴 */
.lnb { width: 270px;  position:fixed; top:0px; bottom:0; left:0; height: 100vh; z-index: 1010;   overflow-y: auto; display: block; transition: 0.6s; overflow: hidden; }  

.lnb .mCustomScrollBox {z-index: 99;}

.lnb .lnb_top { position: absolute; left:0; top:0; right:0; height:calc(100% - 165px);  }
.lnb .lnb_bottom { position: absolute; left:0; bottom:0; right:0; height: 165px; }

/* 시스템 상태 */
.system_state_wrap { padding: 15px; font-size: 12px;}
.system_state_wrap .system_tit {padding-left:5px}
.system_state_wrap .system_tit h4 {font-weight: 700; display: flex; align-items: center; font-size: 110%; padding-bottom:2px}
.system_state_wrap .system_tit h4 button{margin-left: 10px; color: #333 !important; font-size: 100% !important; }
.system_state_wrap .system_tit p {color:#727377; font-size: 90%;}
.system_state_wrap .system_body { display: block; background-color: #fff; border-radius: 15px; margin-top:5px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 10px 20px; color:#333; font-size: 11px; font-weight: 500;}
.system_state_wrap .system_body .state_box dl {padding:2px 0}
.system_state_wrap .system_body .state_box dl,
.system_state_wrap .system_body .state_box .bar_box{display: flex; width: 100%;}
.system_state_wrap .system_body .state_box dl dt{width:40px; }
.system_state_wrap .system_body .state_box dl dd{width:calc(100% - 40px); display:flex;}
.system_state_wrap .system_body .state_box .bar_box{ display:flex; justify-content: space-between;}
.system_state_wrap .system_body .state_box .bar_box .state_bar{min-width:calc(100% - 30px); height: 7px; border-radius: 15px; background-color: #e7e9ec;}
.system_state_wrap .system_body .state_box .bar_box .state_bar .s_bar{ height: 7px; border-radius: 15px;}
.system_state_wrap .system_body .state_box .bar_box .state_num{width:20px; }

.system_state_wrap .system_body .state_info ul{display: flex; justify-content: space-around; margin-top: 3px;}
.system_state_wrap .system_body .state_info ul .bar_color {width:8px; height:8px; border-radius: 50%; display: inline-block; margin-right: 5px;}

.system_state_wrap .system_body .state_step01{background-color: #1db223;}
.system_state_wrap .system_body .state_step02{background-color: #1067d2;}
.system_state_wrap .system_body .state_step03{background-color: #eb3553;}


@media only screen and (max-width:1400px){
  .lnb { left:-270px; display: none ; background-color: #e8eaed; }
  .sub_content { margin:5px 0px;  }
  .left_info, .left_btn_logout {display: block;}
  .top_info .btnPack{display: none;}
  .top_info .btnPack.top_onair_btn {display:block; margin-right:40px}
  .top_area { padding: 7px 20px 10px 20px; }
  .top_site > .logo{display: block; margin: 0;}
  .top_site > .go_site{display: block; }
  .s_content { height: calc(100% - 101px);}

}
@media only screen and (max-width:991px){
  .content_height { padding:10px 15px 60px 15px}

  .lnb .lnb_top { height: 100vh }
  .lnb .lnb_bottom {display:none}
  .s_content { height: calc(100% - 86px);}

}
@media only screen and (max-width:550px){
  .s_content { height: calc(100% - 109px);}

}
@media only screen and (max-width:550px){
  .site_info {flex-wrap: wrap; padding-right: 5px;}
  .site_info span{width: 100%; font-size: 80%;}
  .site_info strong{ padding:0 5px 0 0px; font-size: 100%;}

  .top_area { height: 50px; padding: 7px 10px 10px 10px;  }

}





#opNav, #clNav {display: none;}
#opNav {position: absolute; margin-right: 18px; top:8px; right:-10px !important}
#opNav > em, #clNav > em, #clAll > em {background:rgba(0,0,0,0.7);}
#clNav {top:10px;}
#mask {opacity: 0.7;}

.menu_layout {  padding: 20px 0px 40px 13px; position: absolute; left:0; top:170px; right:0; bottom:0;overflow-x:hidden; overflow-y:auto;} 

.subMenu.Left {}
.subMenu li > a {color: rgba(0, 0, 0, 0.7) !important; letter-spacing: -0.03em !important; transition: 0.4s; font-weight: 400; }
.subMenu li > a > span{position: relative;  padding-left: 5px;}
.subMenu li > a:hover {color: rgba(0, 0, 0, 1) !important;}
.subMenu li.active > a {color: rgba(0,0,0, 1) !important; letter-spacing: -0.03em !important; }
.subMenu > ul > li::after {content: '';color: #d6dde7; top:17px}
.subMenu > ul > li.has_sub::after { color: rgba(0, 0, 0, 0.64) ;  }
.subMenu > ul > li.has_sub.active::after {color: rgba(0, 0, 0, 1) ; top:17px}
.subMenu > ul > li > a {position: relative; font-weight: 700; font-size: 105%; padding: 12px 25px 12px 25px;}
.subMenu > ul > li > a > i {color: #acaebc; vertical-align: bottom; }
.subMenu > ul > li.active > a > i {color: #0732bb;  position: relative; z-index: 1;}
.subMenu > ul > li.active > a {color: #0732bb !important; margin: 0 !important;}
.subMenu > ul > li.active > a:before {content:''; position: absolute; left:0px; top:0; bottom:0; right:-50px; background-color:rgba(255, 255, 255, 1); border-radius:50px 0 0 50px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);}
.subMenu > ul > li > a > i {padding-right: 5px;}
.subMenu .parents > li.active > ul {margin-bottom: 0px;}
.subMenu .parents > li > ul {padding-top:5px; padding-bottom:5px;  }
.subMenu .parents > li > ul > li.has_3depth::after { color: rgba(0, 0, 0, 0.4) ;}
.subMenu .parents > li > ul > li.has_3depth.active::after { color: rgba(0, 0, 0, 1) ;}
.subMenu .parents > li > ul > li::before { color: #acaebc; top:8px; left:20px; }
.subMenu .parents > li > ul > li::before {content: '\e931'; font-size: 80%;}
.subMenu .parents > li > ul > li.active::before {color:#0732bb; }
.subMenu .parents > li > ul > li > a {color: rgba(0, 0, 0, 0.6); padding:6px 2px 6px 35px; font-size: 85%;}
.subMenu.Left .parents > li > ul > li > ul {border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); padding:5px 0; margin:5px 20px;}
.subMenu.Left .parents > li > ul > li > ul > li:before {color: rgba(0, 0, 0, 0.4) ;}
.subMenu.Left .parents > li > ul > li > ul > li.active:before {color: rgba(0, 0, 0, 1) ;}



/* 4뎁스 메뉴 */
.childMenu { border-bottom: 0px ; background-color: #e8eaed; overflow: hidden; border-radius: 40px; margin-bottom: 30px;}
.childMenu ul { padding: 0;}
.childMenu ul li {flex:1 0 auto}
.childMenu ul li,
.childMenu ul li a { line-height: 40px; font-size: 95%; padding:0 15px; color: rgba(0, 0, 0, 0.4); font-weight: 500; background-color: transparent; padding: 0px;}
.childMenu ul li a:hover {background-color:rgba(0, 0, 0, 0.08)}
.childMenu ul li a { padding: 0 25px;}
.childMenu ul li a span { }
.childMenu ul li.active a { color:#fff;  background-color:#4f535f}
.childMenu ul li.active::after{display: none;}


.TabMenu { margin-bottom: 20px; margin-top: 10px;}
.TabMenu ul { display: flex;}
.TabMenu ul li { flex: 1 0 auto; padding:2px;}
.TabMenu ul li,
.TabMenu ul li a { line-height: 40px; font-size: 100%;  text-align: center; display: block; color: #777; transition: all 0.3s;}
.TabMenu ul li a:hover {background-color:rgba(0, 0, 0, 0.05)}
.TabMenu ul li a { border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 5px;  padding: 0 10px;}
.TabMenu ul li a span { }
.TabMenu ul li.active a { color:#222; font-weight: 600;  border-color: #b0b8dd; background-color:#f3f5ff}

/*
.TabMenu { margin-bottom: 25px;}
.TabMenu ul { display: flex; justify-content: center;}
.TabMenu ul li { flex: 0 0 auto; margin:0px; position: relative;}
.TabMenu ul li + li::before {content:''; position: absolute; left: -1px; width: 1px; height: 20px; background-color: #ddd; top:50%; transform: translateY(-50%);}
.TabMenu ul li,
.TabMenu ul li a { line-height: 50px;   text-align: center; display: block; color: #777; font-weight: 500; transition: all 0.3s;}
.TabMenu ul li a { padding: 0 40px; color: #ababab;}
.TabMenu ul li a span { }
.TabMenu ul li.active::after {content: ''; position: absolute; left:0; right:0; bottom: 0; height: 2px; background-color: var(--default_color);}
.TabMenu ul li.active a { color:#222; font-weight: 600;  border-color: #555;}
*/
@media only screen and (max-width:991px){
	.childMenu ul li,
	.childMenu ul li a {line-height: 30px; }
  .TabMenu ul { flex-wrap:wrap;}
  .TabMenu ul li,
  .TabMenu ul li a { line-height: 30px; ;}

  
	
}
@media only screen and (max-width:550px){
  .childMenu { border-bottom:none; }
  .childMenu ul li {padding: 0px;}
	.childMenu ul li,
	.childMenu ul li a {line-height: 25px; font-size: 90%; }  
  .childMenu ul li a { margin:0px;  }
  .childMenu ul li.active a { }
  .childMenu ul li.active::after{display: none;}
  
  .TabMenu ul li {flex:1 0 33.33333%}
}

/* 로그인 */


.login_bg {position: relative; display: flex; width:100%; height: 100%; align-items: center; justify-content: center; flex-wrap: wrap;  margin: 0 auto;}
.login_page::before, .login_page::after {content: ''; display: block; position: absolute; background-repeat: no-repeat; background-size: 100% auto; width:1395px; height: 1124px; background-image: url(/module/admin/images/renewal/bg_patten01.png); transition: all 0.3s;}
.login_page::before {   left: -696px;  top: -773px;  background-position: top left;  transform: rotate(137deg);}

.login_page::after { right:-650px; bottom:-600px;  background-position: right bottom;  transform: rotate(0deg);}
.login_page body::after { width: 300px; background-repeat: no-repeat; background-size: 256px auto; right: 7%; left: auto; bottom: 7%;}


.login_bg .login_wrap {width: 450px; position: relative; font-size: 18px; z-index: 10;}
.login_bg .login_wrap > a{color:rgba(255, 255, 255, 0.8)}

.login_bg .login_wrap .logo{ font-size: 110%;}


.login_bg .login_box { padding: 10px 35px; border-radius: 30px; color: rgba(0, 0, 0, 0.7); position: relative; margin-bottom: 20px;}

.login_box .login_form > div {padding: 5px 0;}
.login_box .login_form input[type="text"], 
.login_box .login_form input[type="password"],
.login_box .login_form select
{height: 50px; line-height: 48px; display: block; width: 100%;  font-weight:500; white-space: nowrap;  padding:0 20px; border: none;}
.login_box .login_form input[type="text"], .login_box .login_form input[type="password"],
.login_box .login_form select
{background-color: #eaebed; border: none; box-shadow: none; outline:none !important; border-radius: 40px; color: rgba(0, 0, 0, 0.7);}

.login_form input::placeholder{
  color: rgba(0, 0, 0, 0.4);
}

.login_box .login_form dl label { font-weight: 700; color:#343e66;}

.login_box .login_form .block { overflow: hidden; margin-top: 5px;}
.login_box .login_form .block .check_box {float: right}
.login_box .login_form .btnPack {margin-top:20px; border-radius: 40px;}

.login_box div.input_check {float: right; display: block; padding: 10px 0  15px 0; color: rgba(0, 0, 0, 0.5); font-size: 15px;}

.login_wrap .copy  { color:rgba(0, 0, 0, 0.4); display: block; padding: 7% 0; display: block; text-align: center; font-size: 15px;}
.login_wrap .copy a {transition: all 0.3s;}
.login_wrap .copy a:hover{ color:rgba(0, 0, 0, 0.8); text-decoration: underline;}

@media only screen and (max-width:1400px){
  .login_page body::after { display: block; background-position: right bottom;}

}
@media only screen and (max-width:991px){
  
  .login_bg .login_wrap {width:90%; font-size: 14px;}
  .login_box .login_form input[type="text"], 
  .login_box .login_form input[type="password"],
  .login_box .login_form select  {height: 40px; line-height: 40px;}

  .login_page::before { left: -1126px;  top: -643px; background-size: 50% auto;}
  .login_page::after { right:-320px; bottom:-320px;  background-size: 50% auto;}
  .login_page body::after { width: 200px;  background-size: 150px auto; }
}