/*---------------------------------------------------------------------------------------------------------------------*/
/* Common element -----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*
*,html,body,div,button{font-family:'arita-dotum4', sans-serif;}
*/
/*
body{height:100vh;background: #fff url("../img_n/login/1_bg.png") no-repeat top left; background-size:cover;}
*/
body{height:100vh;background:url("/img_n/login/log_bg.png")no-repeat;background-size:cover;background-position:right center;}
body::-webkit-scrollbar {display: none; }
body{-ms-overflow-style: none; scrollbar-width: none; }
body.modal-open{overflow:auto;}
input{outline:none !important;border:0px !important;border-radius:0px !important;}
input {color:black;font-size:1em;}
input::placeholder{font-size:1em;}
input[type="password"]{color:rgba(255, 255, 255, 0.80);;}
p{margin:0px;}




/*---------------------------------------------------------------------------------------------------------------------*/
/* Common element -----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------------------------*/
/* Find password Modal ------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

#sContents1 .applyForm2 label{
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 1.3em;
    margin: 7px;
    background-color: transparent;
    color: #acacac;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out;
    transition: top .2s ease-in-out, font-size .2s ease-in-out;
    z-index: 99;
}


#sContents1 .applyForm2 .active{left:5px !important;}
#sContents1 .form-control{color:#acacac;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* Find password Modal ------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------*/
/* Login Div ----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
.form-control:focus {color:rgba(255, 255, 255, 0.80);;box-shadow:none;}
.form-control:focus{background-color:transparent;}
.form-control:focus ~ label{color:rgba(255, 255, 255, 0.80);;}
.form-control{background-color:transparent;color:rgba(255, 255, 255, 0.80);;}

.applyForm2{margin:0px;padding-top:61px;border-top:1px solid rgba(255, 255, 255, 0.20);}

.applyForm2 .active{color:#979ea2;top:-5px !important;left:53px !important;font-size:0.7em !important;}
.applyForm2 .form-group{position:relative;margin-top:0px;margin-bottom:10px;padding:0px 0px;display:flex;border-radius:5px;border:1px solid rgba(166, 179, 243, 0.30);background:#000B2E;box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.20);}
.applyForm2 .form-group:first-child{width:32.8%;margin-right:20px;}
.applyForm2 .form-group:nth-child(2){width:40.3%;margin-right:25px;}

.applyForm2 .form-group.activee{border:1px solid #465dd2;}



.loginTitle{color:#222;font-size:1.6em;font-weight:400;text-align:left;margin:0px 0px 5px 0px;width:100%;}
.loginTitle span{color:#00805b;}
.loginInput{width:81%;}
.loginInput input{font-size:18px;color:rgba(255, 255, 255, 0.80);height:50px;width:100%;padding:0.375rem 0.75rem;/*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/}
.loginInput button{color:white;font-size:1.2em;width:214px;outline:0;border:0;cursor:pointer;padding:14px 0 10px;}

.btn-primary:focus, .btn-primary.focus{box-shadow:none;}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{box-shadow:none;}

#loginbt{background:#465dd2 !important;outline:0 !important;color:#fff !important;font-size:1.4em !important;margin:0px;border-radius:5px;border:0;font-weight:500;margin-bottom:10px;}




.loginformWrap{padding: 3% 4%;position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;}
.loginformBody{display:flex;flex-direction:column;align-items:flex-start;width:75%;}


.findpassBtWrap{margin-top:12px;display:flex;justify-content:space-between;align-items:center;}
.findpassBt{border:0;outline:0 !important;background:#fff;font-size:16px;color:#000;line-height:1.2;width:49%;border:1px solid #008065;height:52px;}

.newRegiBt{margin-top:12px;border:0;outline:0 !important;background:none;font-size:1.3em;color:#000;cursor:pointer;}



#loginid{border:1px solid #a5a5a5;}
#loginpass{border:1px solid #a5a5a5;}

.activeInput{border:1px solid #a5a5a5;}



.chkBoxContentBody{display:flex;justify-content:flex-start;align-items:center;width:100%;}
.chkBoxBody{width:40%;}
.chkBoxBody .md-check{display:flex;justify-content:flex-start;width:100%;}
.chkBoxBody input{width:20px;height:20px;}
.chkBoxBody span{margin-left:5px;color:#acacac;font-size:16px;line-height:1.2;}







#middleLoginBody{display:flex;justify-content:center;}


.loginTopLogoimg{width:193px;}
.loginMainLogoImg{width:80%;margin:86px 0 23px;}

#loginFrm{display:flex;}
#loginFrm 




/*---------------------------------------------------------------------------------------------------------------------*/
/* Login Div ----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------------------------*/
/* Find password Div --------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

#modal{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:rgba(0,0,0,0.3);}
.modal-con{display:none;z-index:999999;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);width:675px;min-height:20%;background:#fff;}
.modal-con_back{background:#f6f6f6;}
.modal-con .title{font-size:2.2em;padding:20px 20px 0px 35px;background:#f6f6f6;text-align:center;margin-bottom:0px;}

.modal-con .con{font-size:15px;line-height:1.3;z-index:999999;padding:10px 32px 0px 30px;}
.modal-con .close{display:block;position:absolute;width:30px;height:30px;text-align:center;line-height:15px;text-decoration:none;color:#000;font-size:20px;font-weight:bold;right:14px;top:7px;}
.modal-con .close img{width:30px;height:30px;}
.modal-con button{outline:none;border:0;background:#ddd;text-align:center;padding:10px 18px;font-size:16px;margin:0 auto;display:flex;justify-content:center;margin-top:30px;margin-bottom:30px;}
.buttonSubmit button{background:#444;color:white;border:1px solid #111111;justify-content:center;}
.modalinputWrap{height:155px;display:flex;flex-direction:column;justify-content:space-around;}
#findbt{background: #008065 !important;margin:0px;outline:0px;font-weight:400 !important;border:1px solid #008065;}
#findbt:hover{background: #ffffff !important;color:#008065 !important;border:1px solid #008065;}

.loginWrap{border-top:0px solid white; padding:0 0 50px;}
.loginBox{width:100%; padding:0px 0px;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* Find password Div --------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------------------------------------*/
/* Chrome Notice Div --------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

.chromeNotice .chromeNoticeWrap .iconWrap .chromeBt{background: #01134e;color: white;width:40%;outline:0;border:0;border-radius:4px;padding:10px 3px 8px 3px;font-weight:700;font-size:1.3em;}
.chromeNotice .chromeNoticeWrap .iconWrap .chromeBt:first-child{margin-right:50px;}
.chromeNotice .chromeNoticeWrap .iconWrap .chromeBt:hover {background: #1c388d;color: white;border: 0;}
.chrometitle{font-size:24px;}
.chrometitle1{font-size:1em;font-weight:700;margin-bottom:25px;}
.chromeNoticeWrap{text-align:center;height:100%;background:#eee;position:relative;display:flex;justify-content:center;align-items:center;}

.chromeNoticeBody{height:65%;display:flex;justify-content:space-between;flex-direction:column;}

.chromeNotice .chromeNoticeWrap .iconWrap {width:100%;}
.chromeNotice{display:none;top:25%;position:absolute;z-index:9999999999;width:100%;height:50vh;}

.poppadding{height:100%;position:relative;margin:0 auto;max-width:1400px;}

#auurlcopy{position: absolute; top: 0; left: 0; margin:0; padding: 0; width: 1px; height: 1px; border: 0; font-size:0.00000001px;color:#182859;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* Chrome Notice Div --------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------------------*/
/* Etc Div ------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/
.divhiddenA{width:100%;height:100px;visibility:hidden}
.divhiddenAA{width:100%;height:40px;visibility:hidden}

#regi1{display:flex;justify-content:center;width:100%;height:100%;position:relative;}
.totalLoginWrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;}
#rightBottomContentWrap{width:62%;height:100%;padding:15px;position:relative;overflow-x:auto;}
#rightBottomContent{width:calc(100% - 20px);min-width:1000px;border-radius:6px;background:rgba(0,0,0,0.7);color:#fff;position:absolute;left:10px;bottom:10px;padding:20px 30px;display:flex;align-items:center;}
#rightBottomContent span{font-size:22px;font-weight:600;}
.rightBottomLine{width:1px;height:36px;background:#fff;margin:0 15px;}
.rightContentInfoBody{display:flex;width:calc(100% - 150px);}
.rightContentInfoBody div:first-child{margin-right:15px;}
.rightContentInfoBody div p{font-size:17px;}

.totalLoginBody{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:0;margin:0 auto;width:100%;position:relative;z-index:9;}
#rightbottomBgBody{position:absolute;right:0;bottom:0;}

.bottomImgWrap{width:100%;position:absolute;bottom:2%;left:50%;transform:translate(-50%, -0%);margin:0 auto;display:flex;justify-content:center;align-items:center;}
.bottomImgWrap img{width:92%;margin-top:25px;}
header {padding:0;display:flex;justify-content:center;align-items:center;width:50%;background:url("/img_n/login/1_bg.png")no-repeat;background-size:cover;background-position:center center;position:relative;}
header div {margin:0 auto; padding:40px 0 10px 0;font-size:2.5em;text-align:center;line-height:1em;}
.leftTopAbsolImg{position:absolute;top:0;right:0;max-width:175px;}


.headImgWrap{padding:0;padding-left:10%;padding-right:10%;}
.headImgWrap img{width:60%;}

/*---------------------------------------------------------------------------------------------------------------------*/
/* Etc Div ------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/






/*---------------------------------------------------------------------------------------*/
/* CS Page Div --------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

#CSpageWrap {
	position:absolute;	
	right:-2000px;
	top:0px;
	height:100vh;
	width:400px;
	background:white;
	z-index:10000;
	box-shadow:0 24px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#closeCSpagebt {border:none;background:none;position:absolute;right:10px;top:10px;}
#CSContentsWrap {height:100%;overflow-y:hidden;overflow-x:hidden;border-bottom:1px solid #f0f0f0;}


.helpChatWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 10px;
    border-bottom: 1px solid #b5b5b5;
}
.helpImgTxtWrap {
    display: flex;
    align-items: center;
}
.helpImgTxtWrap div {
    width: 46px;
}
.helpImgTxtWrap div img {
    width: 100%;
}
.helpImgTxtWrap span {
    font-size: 1.4em;
    margin-left: 7px;
}
#helpChatBt {
    font-size: 1.4em;
    padding: 3px 7px 1px 7px;
    border-radius: 4px;
    border: 1px solid var(--concept-color);
    color: var(--concept-color);
    background: none;
    outline: 0 !important;
}



/*
.gotoCSBt{background:none;border:0;outline:0 !important;width:49%;border:2px solid #008065;height:52px;}
*/
.gotoCSBt{background:#fff;border:0;outline:0 !important;font-size:16px;color:#000;line-height:1.2;width:100%;border:1px solid #008065;height:52px;}

::-webkit-scrollbar {
  width: 5.2px;
  height: 5.2px;
}
::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar-thumb {
  background-color: var(--concept-color);    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid none;  /* creates padding around scroll thumb */
}







.popBody1 {overflow-y:scroll;height:calc(100% - 130px);padding:0 20px;}
.popBody1 .askDiv {padding:5px;margin-bottom:5px;font-size:14px;}
.popBody1 .askDiv .askTitle {margin-bottom:5px;font-size:14px;}
.popBody1 .askDiv .askBts{margin-bottom:5px;font-size:14px;background:#007cc7;border:1px solid #fff;color:#fff;border-radius:6px;padding:7px 10px;cursor:pointer;clear:both;font-weight:500;width:100%;}

.popBody1 .askDiv .askBts.active{background:#007cc7;}
.popBody1 .askDiv .askBts:hover	{background:#007cc7;color:#ffffff;}

.popBody .askDiv{display:none;}
.popBody .askDiv {background:rgba(255, 255, 255, 0.1);padding:10px 10px 300px 10px;margin-bottom:5px;font-size:14px;overflow: hidden;overflow-y: scroll;height:100%;}
.popBody .askDiv {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.popBody .askDiv::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera*/
}
.popBody .askDiv  {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.popBody .askDiv::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
}
.popBody1 .askDiv .askDivAA .askBts{background:#0f8750;width:90%;}
.popBody1 .askDiv .askDivAA .askBts:hover{background:#0f8750;}
.popBody1 .askDiv .askDivAA .askBts.active{background:#0f8750;}
.popBody .askDiv .askBts{margin-bottom:5px;font-size:14px;border:1px solid #fff;color:#ffffff;border-radius:6px;padding:7px 10px;cursor:pointer;clear:both;font-weight:500;}

.popBody .askDiv .consultBts{margin-bottom:5px;font-size:14px;background:#030c1e;border:1px solid #030c1e;color:#ffffff;border-radius:6px;padding:7px 10px;cursor:pointer;clear:both;font-weight:500;}

.popBody .askDiv .downloadloadBts{margin-bottom:5px;font-size:14px;background:#030c1e;border:1px solid #030c1e;color:#ffffff;border-radius:6px;padding:7px 10px;cursor:pointer;clear:both;font-weight:500;}

.popBody .askDiv .askBts:hover{background:#020c1d;color:#ffffff;}
.popBody .askDiv .selQuestion{margin:10px 0px 10px 0px;font-size:14px;background:#ffffff;border:1px solid #020c1d;text-align:right;border-radius:6px;padding:7px 10px;float:none;/*width:max-content;*/color:#030c1e;float:right;clear:both;font-weight:500;}
.popBody .askDiv .selAnswers{margin:10px 0px 10px 0px;font-size:14px;background:#020c1d;border:1px solid #020c1d;color:white;/*#14bae4*/text-align:left;border-radius:6px;padding:7px 10px;float:none;width:100%;float:right;clear:both;}

.popBody1 .selAnswers {
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    background: #004670;
    border: 1px solid #004670;
    color: white;
    text-align: left;
    border-radius: 6px;
    padding: 7px 10px;
    float: right;
    width: 90%;
    /* float: right; */
    clear: both;
}

.tableFlex{display:flex;width:100%;border:1px solid #fff;}
.tableLeftDiv{width:55%;border-right:1px solid #fff;padding:4px;}
.tableRightDiv{width:45%;padding:4px;}

.tableLeftDivA{width:40%;border-right:1px solid #fff;padding:4px;}
.tableRightDivA{width:60%;padding:4px;}

.tableLeftDivB{width:50%;border-right:1px solid #fff;padding:4px;}
.tableRightDivB{width:50%;padding:4px;}

.tableFirstDiv{width:33.33%;border-right:1px solid #fff;text-align:center;}
.tableMiddleDiv{width:33.33%;border-right:1px solid #fff;text-align:center;}
.tableLastDiv{width:33.33%;text-align:center;}

.tableFirstDivA{width:24%;border-right:1px solid #fff;text-align:center;}
.tableMiddleDivB{width:38%;border-right:1px solid #fff;text-align:center;}
.tableLastDivC{width:38%;text-align:center;}


#faqListDiv {margin-top:10px;}

.faqTopic {
	margin-bottom: 5px;
    font-size: 14px;
    background: #007cc7;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 6px;
    padding: 7px 10px;
    cursor: pointer;
    clear: both;
    font-weight: 500;
    width: 100%;
}
.faqQAWrap {
    padding-left: 0px;
}
.faqQuestion {
	margin-bottom: 5px;
    font-size: 14px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 6px;
    padding: 7px 10px;
    cursor: pointer;
    clear: both;
    font-weight: 500;
    width: 90%;
	background: #0f8750;
}
.faqAnswer {
	margin: 10px 0px 10px 0px;
    font-size: 14px;
    background: #004670;
    border: 1px solid #004670;
    color: white;
    text-align: left;
    border-radius: 6px;
    padding: 7px 10px;
    float: right;
    width: 90%;
    /* float: right; */
    clear: both;
}


.loginInput #loginid:focus{border:1px solid #465dd2;}
.loginInput #loginpass:focus{border:1px solid #465dd2;}
/*---------------------------------------------------------------------------------------*/
/* CS Page Div --------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/


.loginNoticeBody{width:100%;display:flex;justify-content:center;align-items:center;margin-top:15px;}
.loginNoticeBody img{max-height:90%;}

.loginMainLogoImg_m,
.loginTopLogoimg_m{display:none;}
/*---------------------------------------------------------------------------------------------------------------------*/
/* mobile media query -------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

@media all and (max-width: 375px) {
	header {padding:0;display:flex;}
	header div {margin:0 auto; padding:10px 10px 20px 10px;font-size:1.4em;text-align:center;line-height:1em;}
	.headImgWrap{margin-top:10px;margin-bottom:0;}
	#loginbt{font-size:13px !important;}
}
@media (max-height: 938.98px){
	.loginformWrap{max-width:100%;width:100%;}
	.loginTitle{font-size:1.4em;}
	.loginformWrap{padding:3% 4%;}
}
@media (max-width: 415.98px){
	.loginTitle {font-size: 1.3em;margin: 0px 0px 10px 0px;}
	body{overflow:hidden;}
}
@media (max-width: 1024px){
	.hiddenDivWrap{display:none;}
	.totalLoginWrap{width:100%;max-width:100%;}
}
@media (max-width: 767.98px){
	header{border-right:0;}
	.totalLoginWrap{position:relative;top:auto;left:auto;}
	#middleLoginBody{flex-direction:column;}
	.headImgWrap{border-right:0;padding-right:0;padding-left:0;}
	.bottomLogoImgWrap{display:none !important;}
	.divhiddenA{display:none;}
	.gotoCSBt{height:39px;}
	.loginInput button{padding:7px 0;}

	#loginbt{font-size:1.2em !important;margin-top:0;}
	.onsiteReBt{font-size:1.2em !important;}


	.loginInput input{height:54px;}
	.totalLoginBody{justify-content:flex-start;}
	.loginTitle{font-size:1.1em;letter-spacing:-0.5px;}
	.loginNoticeBody{padding:12px;margin-top:8px;}
	.loginNoticeBody ul{font-size:12px;}

	/*
	.headImgWrap img{width:55%;}
	*/
	.divhiddenAA{height:20px;}
}

@media (max-width: 830px){
	body{background: #fff url("/img_n/login/bg_3x.png") no-repeat top center;background-size: cover;}
	#rightBottomContentWrap{display:none;}
	#loginFrm{flex-wrap:wrap;}
	.applyForm2 .form-group:first-child,
	.applyForm2 .form-group:nth-child(2),
	#loginbt{width:100%;margin-right:0;}
	#loginbt{height:54px;font-size:16px;font-weight:700;}
	.loginformBody{width:100%;align-items:center;}
	.loginInput{width:100%;}

	.applyForm2 .form-group:nth-child(2){margin-bottom:24px;}

	.loginTopLogoimg,
	.loginMainLogoImg{display:none;}
	.loginMainLogoImg_m{display:block;width:75%;}
	.applyForm2{border-top:0;padding-top:25px;}
	.loginInput input{font-size:16px;}

	.loginTopLogoimg_m{display:block;width:75px;position:absolute;top:20px;left:15px;}
}

@media (max-height: 560px){
	.divhiddenAA{display:none;}
}

/*---------------------------------------------------------------------------------------------------------------------*/
/* mobile media query -------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------*/

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px rgb(255 255 255) inset !important;
}