/*===================================================================================================
 - 로그인
 - 2018. 12. 28 조은호
===================================================================================================*/

/* join, login */
html, body { height: 100%; }

.login-block {
	background: #ffffff;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #CFD8DC, #ffffff);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #CFD8DC, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	float: left; width: 100%; height: 100%; padding: 0; display: table;
}
.container { background: #fff; border-radius: 10px; box-shadow: 15px 20px 0px rgba(0,0,0,0.1); overflow: hidden; padding: 0; }
.login-sec { padding: 30px 30px; position: relative; }
.login-sec a { color: #039BE5; }
.login-sec h2 { margin-bottom: 30px; font-weight: 800; font-size: 30px; color: #555; }
.login-sec h2:after { content: " "; width: 350px; height: 5px; background: #80DEEA; display: block; margin-top: 20px; border-radius: 3px; margin-left: auto; margin-right: auto; }
.btn-login { background: #03A9F4; color: #fff; font-weight: 600; }
.btn-login:hover { background: #039BE5; color: #fff; }
.login_tail_div { display: table; height: 50px; width: 100%; }
.login_tail_p { display: table-cell; color: #474747; font-size: 16px; vertical-align: middle; }

.banner-sec { border-radius: 0 10px 10px 0; padding: 0; }
.banner-text { z-index: 999; width: 70%; position: absolute; bottom: 40px; padding-left: 20px; }
.banner-text h1 { color: #fff; font-weight: 800; }
.banner-text h1:after { content: " "; width: 300px; height: 5px; background: #FFF; display: block; margin-top: 20px; border-radius: 3px; }
.banner-text p { padding: 20px 0; color: #fff; font-size: 20px; }

.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -mox-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 101%; position: relative; }
.cycle-slideshow img { position: absolute; top: 0; left: 0; width: 100%; display: block; padding: 0; }
.cycle-slideshow img:first-child { position: static; z-index: 100; }
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; top: 2px; overflow: hidden; }
.cycle-pager span { font-size: 40px; width: 20px; height: 20px; display: inline-block; color: #ddd; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #80DEEA; }
.cycle-pager > * { cursor: pointer; }

/*===================================================================================================
 - 로그인, 회원가입
 - 2018.04.05, kimjaeyeol 
===================================================================================================*/

/* join, login */

/*
.join_pre_box{height:120px; padding:10px 15px; line-height:20px; color:#575757; font-family:'Nanum Gothic',"Roboto","Arial","dotum";}
.join_agree_txt{float:left; font-weight:700; color:#333; line-height:35px;}
.join_ptit{font-size:15px; font-weight:700; color:#006bb0;}
.login_tit{margin-top:100px; font-size:40px; font-weight:lighter; color:#474747; line-height:50px; text-align:center; letter-spacing:-0.3px; font-family:'Nanum Gothic';}
.login_area{width: 100%; max-width:500px; margin:50px auto;}
.input-lg{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;margin-top: 5px;}
.login_area .inp_chk{float:none; width:100%;}
.login_area .inp_chk input[type="checkbox"] + label{padding:0;font-size:18px !important; font-weight:normal; letter-spacing:-0.5px; font-family:'Nanum Gothic';}
.login_area .input-lg{height:60px; border:2px solid #dedede;}
.login_tail_div{display:table; height:50px; width:100%;}
.login_tail_p{display:table-cell; font-size:30px; text-align:left; vertical-align:bottom; font-family:'Nanum Gothic',"Roboto","Arial","dotum";}
.login_pw_tail_div{display:table; height:30px; width:100%;float: left;}
.login_pw_tail_p{display:table-cell; font-size:15px; text-align:left; vertical-align:bottom; font-family:'Nanum Gothic',"Roboto","Arial","dotum";}
.login_area .input-lg:focus{border-color:#5097c5;}
.login_btn a{padding:20px 0; margin-top:30px; font-size:18px; color:#fff; background:#006bb0;}
.login_btn a:hover{color:#fff;}
.login_btn.st2 {text-align:center;}
.login_btn.st2 a{width:49.5%; display:inline-block; margin:0 auto; background:#6c9fbf;}
.join_btn{margin-top:25px; text-align:center; color:#666;}
.join_btn a{display:inline-block; font-size:16px; color:#ea5e00; font-weight:700; border-bottom:1px solid #ee9960; cursor:pointer;}
.join_btn a:hover{text-decoration:none;}

.mypage_wrap{padding:20px;}
.mypage_wrap .form-group label{padding-left:15px;}

.help-block{margin-top:0; margin-bottom:5px; font-size:13px;}
.help-block.st2{margin-bottom:0;}

.form-group .t1{font-size:18px;}
.form-group .t1 strong{color:#006bb0;}
.form-group .t2{font-size:16px; color:#575757; margin:5px 0;}
*/