/*
    - Author : kdi61@cocen.com
    - Description : Admin Login
*/

#contentWrap { width: 880px; margin-top: 100px; margin-left: auto; margin-right: auto; }

#adminLogin h3.tit-login { padding-top: 80px; margin-bottom: 18px; }
#adminLogin #loginWrap { padding: 32px 38px; border: 2px solid #dde4ea; }
#adminLogin #loginWrap #loginTab { *width: 100%; }
#adminLogin #loginWrap #loginTab ul:after { display: block; content: ""; clear: both; }
#adminLogin #loginWrap #loginTab ul { *height: 55px; margin-bottom:14px; }
#adminLogin #loginWrap #loginTab ul li { float: left; display: inline-block; width: 221px; height: 53px; line-height: 53px; border:1px solid #e1e1e1; text-align: center; }
#adminLogin #loginWrap #loginTab ul li a { display: block; font-size: 16px; font-weight: bold; color:#606060; }
#adminLogin #loginWrap #loginTab ul li.now { width:222px; height:55px; border:0; background: #0884e6; }
#adminLogin #loginWrap #loginTab ul li.now a { color:#fff; line-height:55px; }

#adminLogin #loginWrap .login-cont { height: 336px; padding-left: 375px; background:#d8eeff url("../login/images/bg_adminlogin.gif") no-repeat 0 0; border:1px solid #dde4ea; }

/* 로그인 폼 */
#loginFrm { position: relative; padding: 21px 0 0 23px; }
#loginFrm ul li label { position: absolute; height: 39px; line-height: 39px; padding-left: 10px; font-size: 16px; color: #a5abaf; }
#loginFrm input.input-txt { width: 267px; height: 39px; padding-left: 10px; border: 0 none; no-repeat 0 0; }

#loginFrm h3.tit { position: absolute; top: 58px; height: 19px; cursor: pointer; }
#loginFrm h3.tit span { padding-left: 23px; display: inline-block; font-size: 14px; font-weight: bold; line-height: 19px; no-repeat 0 0; }
#loginFrm h3.now span { color: #333; background-image: url(../login/images/ico_radio_on.gif); }
#loginFrm .frm { position: relative; width: 276px; }
#loginFrm .frm fieldset { height:92px; }
#loginFrm .frm .btn { position: absolute; }
#loginFrm .frm .btn { border: 0 none; overflow: hidden; display: block; width: 101px; height: 92px; text-indent: -9999px; background: url(../login/images/btn_login_w101_h92.gif) no-repeat 0 0; }
#loginFrm .frm .d-chk { width:400px; font-size:14px; padding-top:5px; }
#loginFrm .frm .d-chk ul { margin-top:13px; }
#loginFrm .frm .d-chk ul li { float:left; height: 19px; font-size: 13px; letter-spacing: -1px; font-weight: bold; line-height: 19px; color: #414141; white-space: nowrap; }
#loginFrm .frm .d-chk ul li.security { cursor:pointer; height:19px; line-height:19px; padding-left:23px; background: url(../login/images/ico_check_on.png) no-repeat 0 0; }
#loginFrm .frm .d-chk ul li.networks { cursor:pointer; height:19px; line-height:19px; padding-left:23px; margin-left:5px; background: url(../login/images/ico_check_on.png) no-repeat 0 0; }
#loginFrm .frm .d-chk ul li.findid { padding-left:5px; margin-left:5px;font-weight:normal; border-left:1px solid #bcc1c5; }
#loginFrm .frm .d-chk ul li.find { padding:0 5px; margin:0 5px; font-weight:normal; border-left:1px solid #bcc1c5; border-right:1px solid #bcc1c5; }
#loginFrm .frm .d-chk ul li.b-shield { padding-left:21px; background:url(../login/images/ico_black_shield.png) no-repeat 0 0; color:#0884e6; cursor:pointer; }
#loginFrm .frm .d-chk ul li.b-shield a {color:#0884e6; }
#loginFrm .input-w { position: relative; display: block; width: 267px; height: 43px; margin-top: 6px; background: url(../login/images/bg_input_w267.gif) no-repeat 0 0; }
#loginFrm .input-w label,
#loginFrm .input-w .txt-input { position: absolute; }
#loginFrm .input-w label { left: 16px; top: 2px; height: 39px; line-height: 39px; font-size: 16px; color: #a5abaf; font-weight:bold; letter-spacing: -1px; }
#loginFrm .input-w .txt-input { left: 6px; top: 2px; width: 245px; height: 39px; padding-left: 10px; line-height: 39px; font-size: 16px; font-weight: bold; border: 0; opacity: 0; filter: alpha(opacity=0); }
#loginFrm .input-first { margin-top: 0; }
			
#loginFrm .btn { left: 278px; top: 0; }
#loginFrm .save { left: 0px; top: 80px; }
#loginFrm #frmMaster { display: block; }
#loginFrm #subMaster { display: none; }

#adminLogin #loginWrap .info-area { margin-top: 10px; }
#adminLogin #loginWrap .info-area span { color: #ff0000; }

/* 로그인 폼 하단 배너 */
#bneArea { margin: 44px 20px 0 24px; }
#bneArea img { border: 1px solid #d8d8d8; }


/* 디자인 - 디폴트 */
#contentWrap #loginFrm .frm .d-chk ul li.findid { padding-left:5px; margin-left:5px; }
#contentWrap #loginFrm .frm .d-chk ul li.find { padding:0 5px; margin:0 5px; }

/* 디자인 - 브론즈 */
#contentWrap2 { width: 879px; margin:308px auto 0 auto; }
#contentWrap2 #loginFrm { width:395px; height:237px; padding:0; margin:0 auto; }
#contentWrap2 h3.tit-login { width:395px; height:28px;padding:80px 0 0 0; margin:0 auto; }
#contentWrap2 #fc-submanager { border: 1px solid #E6FFFF; background-color:rgb(242, 251, 253);margin-top:7px; margin-right:25px; margin-left:136px; width:125px; height:90px;  }
#contentWrap2 #fc-submanager p { margin-left:16px; padding-bottom:8px; padding-top:12px; font-weight:bold; font-size:15px; }
#contentWrap2 #loginFrm .frm .input-w { position: relative; display: block; width: 284px; height: 43px; margin-top: 6px; background: url(../login/images/bg_input_w284.png) no-repeat 0 0; }
#contentWrap2 #loginFrm .frm .d-chk ul { margin-top:20px; }
#contentWrap2 #loginFrm .btn { left: 293px; top: 6px; }
#contentWrap2 #loginFrm .frm .d-chk ul li.find { padding:0 5px; margin:0 5px; }


/* 디자인 - 실버 */
#contentWrap3 { width: 879px; margin:171px auto 0 auto; }
#contentWrap3 h3.tit-login { width:800px; height:338px; margin: 0 auto 21px auto; }
#contentWrap3 #fc-submanager { border: 1px solid #E6FFFF; background-color:rgb(242, 251, 253);margin-top:7px; margin-right:25px; margin-left:136px; width:125px; height:90px;  }
#contentWrap3 #fc-submanager p { margin-left:16px; padding-bottom:8px; padding-top:12px; font-weight:bold; font-size:15px; }
#contentWrap3 #loginFrm { width:395px; height:182px; padding:0; margin:0 auto; }
#contentWrap3 #loginFrm .frm .input-w { position: relative; display: block; width: 284px; height: 43px; margin-top: 6px; background: url(../login/images/bg_input_w284.png) no-repeat 0 0; }
#contentWrap3 #loginFrm .frm .d-chk ul { margin-top:20px; }
#contentWrap3 #loginFrm .frm .d-chk ul li.find { padding:0 5px; margin:0 5px; }
#contentWrap3 #loginFrm .btn { left: 293px; top: 6px; }


/* 디자인 - 골드 */
#contentWrap4 { position:relative; width: 879px; margin:171px auto 0 auto; }
#contentWrap4 h3.tit-login { width:800px; height:338px; margin: 0 auto 21px auto; }
#contentWrap4 #fc-submanager { font-weight:bold; font-size:15px; }
#contentWrap4 #fc-submanager #rdo_admin { padding-left:35px; padding-right:75px; }
#contentWrap4 #loginFrm { width:395px; height:182px; padding:0; margin:0 0 0 39px; }
#contentWrap4 #loginFrm .frm .input-w { position: relative; display: block; width: 253px; margin-top: 6px; background: url(../login/images/bg_input_w253.png) no-repeat 0 0; }
#contentWrap4 #loginFrm .frm .input-w,
#contentWrap4 #loginFrm .frm .input-w label { height: 55px; line-height:55px; }
#contentWrap4 #loginFrm .frm .txt-input { width:229px; height:50px; line-height:50px; }
#contentWrap4 #loginFrm .frm .d-chk ul { margin-top:22px; }
#contentWrap4 #loginFrm .frm .d-chk ul li.find { padding:0 5px; margin:0 5px; }
#contentWrap4 #loginFrm .btn { left: 267px; top: 6px; width:135px; height:116px; }
#contentWrap4 #bneArea2 { overflow:hidden; position:absolute; top:357px; right:39px; margin:0; width:376px; }
#contentWrap4 #bneArea2 .slides_container { display:none; width:376px; }
#contentWrap4 #bneArea2 .slides_container div { display:block; width:376px; height:163px; }
#contentWrap4 #bneArea2 .slides_container div img { width:374px; height:161px; border: 1px solid #d8d8d8; }