@charset "utf-8";
@import url("default.css");



body {background-color:#f3f2f0;background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top;}

.my-title-bar-style {display:none;}	
.my-custom-dialog-wrapper {background:transparent !important;border:0 !important;}

#wrapLogin{ position:relative; width:100%;}
div.banner{position:relative; top:60px; border:0px solid red; text-align:center;}

#loginContents_wrap{position:relative; top:80px; width:470px; height:420px; margin:0 auto; border:0px solid red; background-color:#fff; border-radius: 10px; border:0px solid red;}
#loginContents{position:relative; top:45px; width:380px; height:438px; margin:0 auto; border:0px solid red;}
#loginContents div.loginTitle{width:380px; height:45px; border-bottom:2px solid #2e2c2d; background:#fff; }
#loginContents div.loginTitle h1 span{position:absolute; top:7px; font-size:23px; text-align:left; color:#1f6b79; letter-spacing:-2px;font-weight:bold; }
#loginContents h1 span{position:absolute; top:7px; font-size:23px; text-align:left; color:#464646; letter-spacing:-2px;font-weight:normal; }
#loginContents h1 img{position:absolute; top:3px; right:0px;}
#loginContents div.loginArea{position:relative; width:380px; height:275px; float:left; border:0px solid red;}
#loginContents div.inputArea {margin-top:30px; width:380px; height:140px;}
#loginContents div.inputArea ul li {width:380px; border:0px solid red; margin-top:14px;}
#loginContents div.inputArea ul li div.input{position:relative; width:380px; height:46px; border:1px solid #dcdcdc; }
#loginContents div.inputArea ul li label{ border-right:1px solid #dcdcdc; position:absolute; top:7px; width:25px; height:24px; color:#bfbfbf; font-size:20px; font-weight:bold; text-align:left; padding:3px 11px 5px 18px; }
#loginContents div.inputArea div.verification {margin-top:26px;}
#loginContents div.inputArea div.verification label{width:60px; padding-top:5px; float:left; border:0px solid red;}
#loginContents div.inputArea input.inputType {width:300px; height:42px; font-size:18px; padding-left:14px; color:#525252; border:0px solid #dcdcdc; float:right; }
#loginContents div.inputArea div.verification input.inputType {width:180px; height:30px; font-size:16px; padding-left:14px; background:#fff; color:#525252; border:1px solid #dcdcdc; border-radius:5px; float: left;}
#loginContents div.inputArea div.verification input.btn_verification{margin-left:11px; width:111px; height:35px; background:#ceedf2; border:1px solid #1f6b79; font-size:14px; border-radius:5px; color:#1f6b79; cursor:pointer;}
#loginContents div.inputArea div.verification input.btn_verification:hover{border-color: #1f6b79; background-color: #36a0b4; color: #fff;}

#loginContents div.inputArea input.btn_login{width:380px; height:49px; margin-top:40px; background:#1f6b79; border:1px solid #1f6b79; font-size:20px; font-weight:bold; color:#fff; cursor:pointer; float: left;}
#loginContents div.loginArea div.guest_login{position:relative; width:380px; padding-top:15px; float:left; text-align:right; text-decoration: underline;font-weight: bold;}
#loginContents div.loginArea div.login_etcbtn{width:380px; padding-top:15px; text-align:right; text-decoration: underline;font-weight: bold; display:flex; justify-content: space-between;}
div.loginCopy{position:relative; top:195px; text-align:center; font-size:10.5px; letter-spacing:0.2px; z-index:3;}
div.loginCopy span{color:#3a3a3a; font-weight:bold;}
.smsMsg{clear: both; color: red;}
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; cursor: not-allowed; }
.ui-dialog { z-index: 2000 !important; }

@media (max-width: 768px) {
	
 body{background-image: url('../images/background2.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: scroll;}
div.banner{position:relative; top:50px; border:0px solid red; text-align:center;}
div.banner img{width: 60%;}

 #loginContents_wrap{top: 50px; height: 360px; width: 80%; padding-top:10px; max-width: 420px;}
 #loginContents{position: static; width: 85%; height: auto; border:0px solid red;}
 #loginContents div.loginTitle{width: 100%; height: auto; margin-top:15px;}
 #loginContents div.loginTitle h1 span{position: static; display: inline-block; font-size: 20px; padding-bottom: 15px;}
 #loginContents h1 img{position: static; display: inline-block; margin: 0 auto; float: right; max-width: 70%;}
 #loginContents div.loginArea, #loginContents div.inputArea{width: 100%; height: auto;}
 #loginContents div.inputArea ul li, #loginContents div.inputArea ul li div.input{width: 100%;}
 #loginContents div.inputArea input.inputType{width: calc(96% - 60px); font-size: 16px;}
 #loginContents div.inputArea input.btn_login{width: 100%; height: 50px; font-size: 18px; margin-top: 30px;}
 #loginContents div.loginArea div.guest_login{width: 100%; text-align: right; padding-top: 20px; font-size: 14px;}
 #loginContents div.loginArea div.login_etcbtn{width: 100%; text-align: right; padding-top: 20px; font-size: 14px;}
 div.loginCopy{width: 100%; top:120px; text-align: center; font-size: 11px; border:0px solid red;}
 #loginContents div.inputArea div.verification {width:100%; margin-top:0px;}
 #loginContents div.inputArea div.verification label{padding-top:5px; float:left; font-size:14px;}
#loginContents div.inputArea div.verification input.inputType {margin:10px 0; width:94%; height: 35px; font-size:16px; padding-left:14px; background:#fff; color:#525252; border:1px solid #dcdcdc; border-radius:5px;}
#loginContents div.inputArea div.verification input.btn_verification{margin:10px 0; width:100%; height:40px; background:#ceedf2; border:1px solid #1f6b79; font-size:16px; border-radius:5px; color:#1f6b79; cursor:pointer;}
#loginContents div.inputArea div.verification input.btn_verification:hover{border-color: #1f6b79; background-color: #36a0b4; color: #fff;}	
}

@media (max-width: 480px) {
 #loginContents_wrap{margin: 20px auto; padding: 15px;}
 #loginContents div.loginTitle h1 span{font-size: 18px;}
 #loginContents div.inputArea input.inputType{font-size: 14px;}
 #loginContents div.inputArea input.btn_login{font-size: 16px;}
 #loginContents div.loginCopy{font-size: 11px;}
}