/*
 +----------------------------------------------------------------------+
 | Copyright (c) STUDYMAX.  co. Ltd
 +----------------------------------------------------------------------+
 | 작업일 : 2017-09-01
 | 파일설명 : 로그인팝업 컨텐츠 CSS
 +----------------------------------------------------------------------+
 | 퍼블리셔 : 박소율	 
 +----------------------------------------------------------------------+
 | 수정사항
 | 20180306 무료퍼널 가입창 추가 by 박소율
 | 20190729 이미지 변경 및 기수 타이머 추가 by 권용찬 
 | 20191202 무료퍼널 동의 체크 디자인 수정 by 김승미  
 | 20191209 네이버 아이디 로그인 버튼 추가 by 김승미   
 +----------------------------------------------------------------------+
*/
 
/* 로그인 레이어 팝업 */
.layerPopV2{position:relative;margin: 0 auto;border:10px solid #000000;border-top:none;background:#fff;} /* width값 스크립트 제어 */
.layerPopV2 .popClose{position:absolute;top:15px;right:2px;width:20px;height:20px;background:url('/images/front/layout/btn_popClose.png') repeat 0 0;}
.layerPopV2 .layerTit{height:50px;line-height:50px;padding-left:7px;color:#fff;font-weight:bold;font-size:20px;background:#000000;}
.layerPopV2 .layerTit img{position:relative;top:16px}
.memberLogin dl{background:#fff;}
.memberLogin dl dt{padding-top:37px;text-align:center;}
.memberLogin dl dd.login{position:relative;width:410px;margin: 0 auto;padding:36px 0 40px 0;}
.memberLogin dl dd.login ul li{margin-top:8px;}
.memberLogin dl dd.login ul li input{height:37px;line-height:37px;padding:0 15px;width:240px;border:1px solid #cccccc;font-size:16px;color:#666666;}
.memberLogin dl dd.login .btn{position:absolute;top:43px;right:0;}
.memberLogin dl .menu{margin-top:17px;}
.memberLogin dl .menu label{cursor:pointer;}
.memberLogin dl .menu label .checkbox{position:relative;top:-2px;width:24px;height:24px;vertical-align:top;background:url('/images/front/layout/checkbox_off.png') no-repeat 0 0;}
.memberLogin dl .menu label.on .checkbox{background:url('/images/front/layout/checkbox_on.png') no-repeat 0 0;}
.memberLogin dl .menu a{display:inline-block;}
.memberLogin dl .btnNaverLogin{display:inline-block; margin-top: 10px;}
.memberLogin .banner{border-top:5px solid #000000;}
.idPassFindImg{position:absolute;top:146px;left:136px;}


/* 20180306  로그인 레이어 팝업 - 퍼널 회원가입 팝업 추가 by 박소율 */
.memberJoin dl{background:#fff;}
.memberJoin dl dt{padding:32px 0 28px;text-align:center;}
.memberJoin .joinForm {background:#fff; width: 411px; margin: 0 auto 30px;}
.memberJoin .joinForm li {border:1px solid #c7c7c7;border-top:none;}
.memberJoin .joinForm li:first-child{border-top:1px solid #c7c7c7;}
.memberJoin .joinForm li.on {position:relative;margin-top:-1px;border:1px solid #ff0000;z-index:1;}
.memberJoin .joinForm li.on .error{display:block;}
.memberJoin .joinForm li .input{padding:5px 28px;}
.memberJoin .joinForm li .input input{height:29px; width: 100%;}
.memberJoin .joinForm li .input.on {background: url('/images/front/layout/check-icon.png') no-repeat 7px 13px;}
.memberJoin .joinForm li .input.star {background: url('/images/front/layout/small_star-icon.png') no-repeat 9px 16px;}
.memberJoin .joinForm li .ableTxt{color:red;}
.memberJoin .joinForm li input {height:100%;;padding:0 0;border:none;font-size:14px;}
.memberJoin .joinForm .joinAgree{margin-top: 6px; text-align: right; color: #838383; font-size: 13px;}
.memberJoin .joinForm .joinAgree a{color: #838383; text-decoration: underline;}
.memberJoin .joinForm .inputCheck .inputIcon{display: inline-block;position: relative;width: 17px;height: 17px;vertical-align: middle;}
.memberJoin .joinForm .inputCheck input{opacity: 0; position: absolute; left: 0; top: 0;}
.memberJoin .joinForm .inputCheck .ico{background: url('/images/front/layout/input_check.png') no-repeat 0 0; width: 17px; height: 17px;display: inline-block}
.memberJoin .joinForm .inputCheck input:checked + .ico{background-position: 0 bottom;}
.memberJoin .joinForm .joinFormBtn{ text-align: center; margin-top: 28px;}


/* 20170729  타이머 추가*/
 .banner{position: relative;}
 .banner:after{content: ""; display: block; clear: both;}
 .banner .flip-clock-label{display: none;}
 .banner .recommendAreaNum{font-weight: bold; font-size: 45px; color: #333333; letter-spacing: -3px; position: absolute; line-height: 45px; left: 13%;}
 .banner .setApplyListCountF{position: absolute; width: 155px; bottom: -5px; right: 160px; background: #333333; padding: 0px 2px;}
/* 20170729  타이머 추가 by  권용찬*/