/**
------------------------------------------------------------
 * @프로그램명 :login 스타일시트
 * @파일명 :login.css
 * @작성일 :2017. 12. 31.
 * @작성자 :김동우
------------------------------------------------------------
*/

@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src:/*url(../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),*/
       url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'),
       url(../font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src:/*url(../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),*/
       url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff'),
       url(../font/NotoSansKR/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:400;
   src:/*url(../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),*/
        url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src:/*url(../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),*/
        url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src:/*url(../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),*/
        url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:900;
   src:/*url(../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),*/
   		url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff'),
        url(../font/NotoSansKR/NotoSansKR-Black.otf) format('opentype');
} 
 
/* NanumSquare */
@font-face {
	font-family:'NanumSquare';
	font-style:normal;
	font-weight:300;
	src:url(../font/NanumSquare/NanumSquareL.otf);
}
@font-face {
	font-family:'NanumSquare';
	font-style:normal;
	font-weight:400;
	src:url(../font/NanumSquare/NanumSquareR.otf);
}
@font-face {
	font-family:'NanumSquare';
	font-style:normal;
	font-weight:500;
	src:url(../font/NanumSquare/NanumSquareB.otf);
}
@font-face {
	font-family:'NanumSquare';
	font-style:normal;
	font-weight:700;
	src:url(../font/NanumSquare/NanumSquareEB.otf);
}

/* Poppins */
@font-face {
	font-family:'Poppins';
	font-style:normal;
	font-weight:400;
	src:url(../font/Poppins/Poppins-Regular.ttf);
}
@font-face {
	font-family:'Poppins';
	font-style:normal;
	font-weight:500;
	src:url(../font/Poppins/Poppins-Bold.ttf);
}
@font-face {
	font-family:'Poppins';
	font-style:normal;
	font-weight:700;
	src:url(../font/Poppins/Poppins-Black.ttf);
}

html, body {font-family:"Noto Sans KR", "맑은고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", dotum, Arial, sans-serif;font-size:14px;color:#000;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family:"Noto Sans KR", "맑은고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", dotum, Arial, sans-serif;font-weight:500; line-height:1.1; color:inherit;}
h1, .h1, h2, .h2, h3, .h3 {margin-top:10px; margin-bottom:10px}
a {color:#3b3f42; text-decoration:none}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0}
a:hover, a:focus {text-decoration:none;}
input {border-radius:0;}

/*==================================================================================================================
												팝업스타일
====================================================================================================================*/
/* 팝업 기본 설정 */
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; /* outline:0; */}
.modal-dialog.modal-fullsize {width:100%; height:100%; margin:0; padding:20px;}
.modal-content.modal-fullsize {height:auto; min-height:100%; border-radius:0; border-radius:4px;}

.wrap_layer {height:100%; left:0; position:fixed; top:0; width:100%; z-index:10001; background-color:rgba(0, 0, 0, .2);}
.modal-content {left:50% !important; top:50% !important; margin-left:0 !important; transform:translate(-50%,-50%); min-height:auto !important;}
.layerType {position:absolute;}
.layerIn {overflow:hidden; position:relative; padding-bottom:0 !important;}
.layerIn .layerTop {height:60px; line-height:60px; border-bottom:none; padding-top:4px;}
.layerTop .close {float:right; font-size:15px; font-weight:700; line-height:1; color:#969696; opacity:.9; margin-right:15px; margin-top:15px;
	width:15px; height:15px; line-height:15px; text-indent:-9999px; background:url(/images/al/pop_close.png) no-repeat center center; transition:0.2s;}
.layerTop .close:hover {background:url(/images/al/pop_close_hover.png) no-repeat center center;}
.layerTop h5 {padding:0 10px; color:#fff; background-color:#25436c; padding-left:33px; font-size:16px;}
.layerTop h4 {color:#fff; padding:0 10px; font-size:12px;}

.layerType .layerTop .btnClose {position:absolute; top:15px; right:22px; width:25px; height:22px; cursor:pointer; z-index:1103;}

.layerCon {background:#fff;}
.layerCon .lineBox2 {font-size:11px; border:solid 1px #e2e2e2; overflow:hidden; padding:5px 2%;}
.layerCon .lineBox2 ul li {float:left; width:24%;}
.layerCon .btnArea {text-align:center; clear:both; overflow:hidden; padding:10px;}
.layerCon .listDialog {border-collapse:collapse; width:100%; border-top:solid 2px #af8be4; border-right:solid 1px #e2e2e2; font-size:11px;}
.layerCon .listDialog th {padding:2px 0; background:#f9f9f9; text-align:center; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; color:#656565;}
.layerCon .listDialog td {padding:2px 5px; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; text-align:center;}
.layerCon .listDialog td.left {text-align:left;}
.layerCon .msg {padding:10px; display:table; height:calc(100% - 54px); width:100%; color:#4b5f71;}
.layerCon .msg .p {display:table-cell; vertical-align:middle; text-align:center; font-weight:700; font-size:12px; width:100%;}

.layerCon .popContents {padding:0 60px 55px; border-top:none; overflow-x:hidden; outline:none;}
.layerCon .popContentsXscroll {padding:18px 17px; border:solid 3px #000; border-top:none; overflow-x:auto; overflow-y:auto;}
.layerCon .popContents .contents {overflow:hidden; display:block; width:100%; height:100%; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff;
	border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out;}
.layerCon .popContents .x_title_pop {padding:0; margin-bottom:0;}
.layerCon .popContents .x_title_pop .title {display:inline-block; padding:0; font-size:25px; font-weight:700; line-height:1; text-align:center;
	white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
	user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; width:100%; color:#131313; margin:0 0 20px;}
.layerCon .popContents .x_title_pop .sub_title {font-size:15px; text-align:center; margin:0 0 40px; font-weight:normal; color:#131313; line-height:22px; font-weight:500;}
.layerCon .popContents .x_content_pop {padding:0; position:relative; width:100%; float:left; clear:both; height:calc(100% - 50px);}
.layerCon .popContents .x_content_pop p.txt {font-size:16px; color:#131313; line-height:24px; margin:0 0 5px; font-weight:500; text-align:center; word-break:keep-all;}

.layerCon .page_btn {margin-top:40px;}


.modal-content .ui-resizable-se {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat:no-repeat; background-position:center; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); 
	cursor:se-resize; width:20px; height:20px; right:0; bottom:0; position:absolute;}
	
.popup_form{padding:0 60px;}
.popup_form table{width:100%;}
.popup_form table th,
.popup_form table td{padding:5px;font-size:15px;}
.popup_form table th{line-height:2;vertical-align:top;}
.popup_form label{display:inline-block;height:30px;font-size:15px;font-weight:700;}
.popup_form label.required{position:relative;}
.popup_form label.required:before{display:inline-block;content:'*';clear:both;position:absolute;left:-10px;color:red;}
.popup_form input[type=text],
.popup_form input[type=password],
.popup_form select{width:100%;height:30px;border:0;border-bottom:1px solid #787b80;}
.popup_form textarea{width:100%;min-height:200px;margin:10px 0;border:1px solid #787b80;border-radius:5px;}

.popup_form.line{padding:30px 60px;}
.popup_form.line table{border-top:2px solid #000;}
.popup_form.line table th,
.popup_form.line table td{border-bottom:1px solid #dbdbdb}

.pop_flow .btn_group{margin:20px 0;text-align:center;}
.pop_flow .btn_group button,
.pop_flow .btn_group a{display:inline-block;vertical-align:top;padding:0 10px;margin:0;color:#333;font-size:14px;font-weight:700;cursor:pointer;border:0;background-color:#fff;transition:0.2s;}
.pop_flow .btn_group button:hover,
.pop_flow .btn_group a:hover{color:#0ba29a;}	
.pop_flow .login_btn {width:100%; height:45px; line-height:43px; font-size:16px; color:#fff; font-weight:bold; text-align:center; background:#131e49;
						-webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; cursor:pointer; border:none; border-radius:23px;}
.pop_flow .login_btn:hover {background:#47b2d2;}

.page_btn {text-align:center; margin-top:40px;}
.page_btn .btn {margin-right:20px;}
.page_btn .btn:last-child {margin-right:0;}

.btn.btn-submit 			{background:#001f42; border-color:#001f42; color:#ffffff;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active, .open .dropdown-toggle.btn-submit
							{background:#1c556e; border-color:#1c556e;}
							.btn {padding:4px 12px 3px 12px; margin-right:10px; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s; border:1px solid #ccc;
	border-radius:15px; min-width:80px; text-align:center; font-size:15px; font-weight:700;}
	
.w300 {width:300px !important;}
.red {color:#E74C3C;}
.blue {color:#3498DB;}
.font11 {font-size:11px !important;}
.font25 {font-size:25px !important;}
.tac {text-align:center !important;}
.tp25 {padding-top:25px !important;}

/* 2022 login */
.login_bg{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;}
.login_bg.owl-carousel .owl-stage-outer,
.login_bg.owl-carousel .owl-stage,
.login_bg.owl-carousel .owl-item{height:100%;}
.login_bg .bg{width:100vw;height:100vh;position:relative;}
.login_bg .beforeafter{position:absolute;top:0;right:0;bottom:0;left:0;}
.login_bg .beforeafter .before,
.login_bg .beforeafter .after{position:absolute;top:0;bottom:0;left:0;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;}
.login_bg .beforeafter .before{right:0;}
.login_bg .beforeafter .after{right:100%;}
.login_bg .beforeafter .wave{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:left center;background-size:cover;}
.login_bg .bg_info{position:absolute;left:400px;top:50%;color:#fff;}
.login_bg .bg_title{line-height:0.9;font-family:'Poppins';font-size:7em;font-weight:400;letter-spacing:-5px;}
.login_bg .bg_brief{font-family:'NanumSquare';font-weight:300;font-size:28px; margin-top:20px; letter-spacing:0;}
.login_bg .bg5 .bg_info{margin-top:-76px;}

.login_bg .bg1 .before{background-image:url(/images/login/bg_01_before.jpg);}
.login_bg .bg1 .after{background-image:url(/images/login/bg_01_after.jpg);}
.login_bg .bg2 .before{background-image:url(/images/login/bg_02_before.jpg);}
.login_bg .bg2 .after{background-image:url(/images/login/bg_02_after.jpg);}
.login_bg .bg3 .before{background-image:url(/images/login/bg_03_before.jpg);}
.login_bg .bg3 .after{background-image:url(/images/login/bg_03_after.jpg);}
.login_bg .bg4 .before{background-image:url(/images/login/bg_04_before.jpg);}
.login_bg .bg4 .after{background-image:url(/images/login/bg_04_after.jpg);}
.login_bg .bg5 .before{background-image:url(/images/login/bg_05_before.jpg);}
.login_bg .bg5 .after{background-image:url(/images/login/bg_05_after.jpg);}
.login_bg .bg6 .before{background-image:url(/images/login/bg_06_before.jpg);}
.login_bg .bg6 .after{background-image:url(/images/login/bg_06_after.jpg);}
.login_bg .bg7 .before{background-image:url(/images/login/bg_07_before.jpg);}
.login_bg .bg7 .wave{background-image:url(/images/login/bg_07_before.jpg);/*background-color:rgba(255,255,255,0.1);*/}

.login_bg .owl-item.active .after{animation-name:slideAfter;animation-delay:1s;animation-duration:4s;animation-direction:alternate;animation-iteration-count:infinite;}
@keyframes slideAfter {
  0 {right:100%;}
  50% {right:0;}
  100% {right:100%;}
}

.login_bg .owl-item.active .bg7 .wave{opacity:0;animation-name:bg7_wave;animation-delay:1s;animation-duration:4s;animation-timing-function:ease-out;animation-iteration-count:infinite;}
@keyframes bg7_wave{
	0 {opacity:1;}
	50% {transform:scale(1,1);opacity:0.3;}
	100% {transform:scale(1,4);opacity:0;}
}

.login_bg .owl-nav{margin-top:-50px;position:absolute;top:50%;right:50px;}
.login_bg.owl-carousel .owl-nav button{display:block;width:40px;height:40px;border:1px solid #fff;background-color:rgba(0,0,0,0.1);transition:all ease 0.2s;}
.login_bg.owl-carousel .owl-nav .owl-prev{float:left;margin-left:20px;}
.login_bg.owl-carousel .owl-nav .owl-next{float:left;margin-right:20px;border-left:0;}
.login_bg.owl-carousel .owl-nav button:hover{width:60px;margin:0 !important;}
.login_bg.owl-carousel .owl-nav span{display:inline-block;line-height:15px;color:#fff;font-size:30px;}
.login_bg.owl-carousel .owl-dots{position:absolute;top:50%;left:100px;}
.login_bg.owl-carousel .owl-dots .owl-dot{}
.login_bg.owl-carousel .owl-dots .owl-dot button{line-height:25px;position:relative;color:#fff;font-size:12px;font-weight:100;letter-spacing:0.5px;border:0;background:transparent;transition:all ease 0.2s;}
.login_bg.owl-carousel .owl-dots .owl-dot button:before{display:block;content:'';width:8px;height:8px;position:absolute;top:0;left:-10px;border-radius:4px;background-color:#fff;opacity:0;transition:all ease 0.2s;}
.login_bg.owl-carousel .owl-dots .owl-dot.active button{font-size:1em;font-weight:500;}
.login_bg.owl-carousel .owl-dots .owl-dot.active button:before{top:9px;opacity:1;}

.login_area{width:400px;height:400px;padding:40px 60px;margin-top:-200px;position:absolute;top:50%;right:16%;border-radius:3px;background:linear-gradient(rgba(0,0,0,0.6) 50%, rgba(255,255,255,0.1));box-shadow:0 10px 60px rgba(0,0,0,0.5);z-index:1;}
.login_area *{color:#fff;font-size:12px;font-weight:100;letter-spacing:0.5px;}
.login_area h3{display:block;width:0;height:0;overflow:hidden;}
.login_area .login_input{padding:0;margin:0;list-style:none;}
.login_area .login_input > li{padding:10px 0 0;margin:0;position:relative;border-bottom:1px solid #fff;}
.login_area .login_input > li input{font-size:14px;}
.login_area .login_input > li input::placeholder{font-size:12px;}
.login_area .login_input > li input:-webkit-autofill{transition:background-color 10000s ease-in-out 0s;-webkit-text-fill-color:#fff;}
.login_area .login_input > li label{display:none;line-height:40px;margin:0;position:absolute;bottom:0;}
.login_area .login_input #inp_loginId,
.login_area .login_input #inp_otpSecret,
.login_area .login_input #inp_loginPwd{display:block;line-height:40px;padding:0 10px;border:0;background-color:transparent;}
.login_area .login_input #inp_otpSecret,
.login_area .login_input #inp_loginId{width:280px;}
.login_area .login_input #inp_loginPwd{width:230px;}
.login_area .login_input .btn_show_pwd{display:block;width:50px;line-height:40px;font-size:12px;position:absolute;right:0;bottom:0;border:0;background-color:transparent;}

.login_area .remember_id{margin-top:15px;}
.login_area .m_check{}
.login_area .m_check input[type=checkbox]{width:0;height:0;padding:0;margin:0;}
.login_area .m_check label{display:inline-block;padding:0 0 0 22px;margin:0;position:relative;}
.login_area .m_check label:before{display:inline-block;content:'';vertical-align:top;width:16px;height:16px;position:absolute;top:0;left:0;border:1px solid #fff;}
.login_area .m_check input[type=checkbox]:checked + label:after{display:inline-block;content:'';vertical-align:top;width:10px;height:5px;position:absolute;top:4px;left:3px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);}
.login_area .login_btn{margin-top:60px;width:100%;height:40px;font-size:16px;text-align:center;border:1px solid #fff;border-radius:20px;background-color:transparent;}
.login_area .login_btn:hover{color:#00ff00;border-color:#00ff00;}
.login_area .btn_group{margin-top:40px;text-align:right;}
.login_area .btn_group button{display:inline-block;vertical-align:middle;color:#00ff00;border:0;background-color:transparent;}
.login_area .signup_area{margin-top:15px;text-align:center;}
.login_area .signup_area a{display:inline-block;vertical-align:top;padding:0 5px;border-bottom:1px solid #fff;}

.login_copyright{width:120px;height:50px;position:absolute;left:100px;bottom:50px;background:url(../images/login/img_logo_copyright.png) no-repeat left top;background-size:contain;z-index:9;}
.login_browser_info{display:inline-block;color:#fff;font-size:12px;font-weight:100;text-align:right;position:absolute;right:100px;bottom:50px;z-index:9;}
.login_browser_info:hover{color:#fff;}

.login_screen_info{display:inline-block;color:#fff;font-size:12px;font-weight:100;text-align:right;position:absolute;right:100px;bottom:50px;z-index:9;}
.login_screen_info:hover{color:#fff;}

.bg_theme4 .login_area{background:linear-gradient(rgba(0,27,44,0.7) 50%, rgba(80,125,160,0.1));}

.layerCon .popContents .btn.btn-submit {width:100%; height:40px; border-radius:20px; font-size:16px;}


@media all and (max-width:1600px){
	.login_area,
	.login_browser_info{right:6%;}
	.login_bg .bg5 .bg_info{margin-top:-5%;}
	.login_bg .bg_title{font-size:6em;}
	.login_bg .bg_brief{font-size:25px;}	
	.login_bg.owl-carousel .owl-dots,
	.login_copyright{left:6%;}
}

@media all and (max-width:1400px){
	.login_bg.owl-carousel .owl-dots, .login_screen_info {display:none !important;}
	.login_bg .bg_info {left:6%;}
	.login_bg .bg_title {font-size:5em;}
	
	.login_bg .beforeafter .before, .login_bg .beforeafter .after {background-size:1400px 100% !important;}
	
}


@media all and (max-width:1000px){
	.login_bg .bg_info {left:50%; transform:translateX(-50%); top:85px; width:100%; text-align:center;}
	.login_area {left:50%; transform:translateX(-50%); width:90%; margin-top:0; height:calc(100vh - 395px); bottom:140px; top:auto;}
	.login_bg .bg_title {font-size:42px; padding-bottom:10px; width:auto; display:inline-block; text-align:left; margin:auto;}
	.login_bg .bg_brief {font-size:18px; margin-top:10px;}
	
	.login_bg .beforeafter .before, .login_bg .beforeafter .after {background-size:auto 100% !important;}
	
}

@media all and (max-width:768px){
	.modal-content {width:auto !important; max-width:600px; left:50% !important; top:50% !important; margin-left:0 !important; transform:translate(-50%,-50%); min-height:auto !important; min-width:300px;
		width:100%;}
	.layerCon .popContents {padding: 0 25px 45px;}
	.layerCon .popContents .con_msg .txt_label {width:90px; text-align:left;}
	.layerCon .popContents #ul_recordProjectCondition {padding:0; margin:0;}
	
	.layerCon .popContents {}
	.layerCon .popContents .popup_form label {margin-bottom:0;}
	.layerCon .popContents .popup_form table tr {display:block; margin-bottom:5px;}
	.layerCon .popContents .popup_form table th {padding-bottom:0;}
	.layerCon .popContents .popup_form table td {padding-top:0;}
	.layerCon .popContents .popup_form table th, .layerCon .popContents .popup_form table td {display:block;}
	
	.layerCon .popContents .popup_form table #inp_userEmailsaveUserId {width:38% !important;}
	.layerCon .popContents .popup_form table #inp_userEmailDomainsaveUserId {width:42% !important;}
	.layerCon .popContents .popup_form table #inp_codesaveUserId {width:84% !important;}
	
}






.trial_logo{background: url(../images/login/login_trial_logo.png) no-repeat left top; position: absolute; top: 50px; left: calc(100% - 450px); bottom: 0px; width: 400px; height: 150px; background-size: contain; z-index: 9;}