@charset "euc-kr";
@import "http://test01.benepia.co.kr/style/css/default.css";
/*@import url("default.css"); */
/**************************************************
ÇÁ·Î±×·¥ ID : login.css
ÇÁ·Î±×·¥ ¸í : Login Cascading Style Sheets
ÀÛ   ¼º   ÀÚ : ÀÌÇöÁÖ(aransnow@gmail.com)
ÃÖÃÊ ÀÛ¼ºÀÏ : 2010/02/22
ÃÖÁ¾ ÀÛ¼ºÀÏ : 
Âü°í »çÇ× : ·Î±×ÀÎ ¹× ȸ¿ø°¡ÀÔ CSS.
**************************************************** */

/* °øÅë
------------------------------------------------------------------------------- */
.decRight {font-size:11px; text-align:right; margin-top:-16px;}

/* Table
------------------------------------------------------------------------------- */
.table {border-top:2px solid #d8cdba;}

table {width:100%; table-layout:fixed;}
table.center th, table,center td {text-align:center;}
table.loginTb td {text-align:left;}
caption {display:none;}
table img {vertical-align:middle;}
table th {background:#f9f7f5; border-bottom:1px solid #ebe5df; padding:8px 15px 4px 15px; color:#666; font-size:11px; text-align:left;}
table th .ch {margin-right:11px;}
table th .sp {padding-left:19px;}
table th.wSt01 {width:107px;}
table td {border-bottom:1px solid #ebe5df; padding:4px 15px;}
table td .item01 {margin-bottom:4px;}
table td .point {font-size:11px; color:#999;}

/* Login
------------------------------------------------------------------------------- */
.skmncLogo {margin:54px 0 14px 65px;}

.loginBox {position:relative; width:684px; height:273px; background:url(../../images/common/bg/loginFormBg.gif) no-repeat; position:relative; margin-left:65px;}
.loginBox.skEn {background:url(../../images/common/bg/loginFormBg2.gif) no-repeat;}
.loginBox .item01 {padding:11px 0 0 19px;}
.loginBox .item02 {padding:4px 0 0 36px; float:left; margin-right:81px; _margin-right:78px;}
.loginBox .item03 {position:absolute; top:68px; _top:70px; right:92px; _right:88px;}
.loginBox .item03.exc {top:58px; _top:25px;}
.loginBox .loginForm {margin-top:45px;}
.loginBox .loginForm.exc {margin-top:35px;}
.loginBox .loginForm.exc .item02 {padding-top:14px;}
.loginBox .loginForm dl {height:100%; overflow:hidden;}
.loginBox .loginForm dt {clear:both; width:50px; height:17px; background:url(../../images/common/bl/bl001.gif) no-repeat 0 8px; padding:5px 0 0 10px; float:left; margin-bottom:3px; _margin-bottom:2px;}
.loginBox .loginForm dd {height:22px;margin-bottom:3px; _margin-bottom:2px;}
.loginBox .loginForm dd input {border:2px solid #d6ceb4; width:150px;}
.loginBox .loginForm .keepId {font-size:11px; height:100%; overflow:hidden; padding:14px 0 0 57px; float:left;}
.loginBox .loginForm .keepId input {margin-top:-3px;}
.loginBox .loginForm .idBtn {height:100%; overflow:hidden; padding-top:8px; text-align:right; margin-right:92px;}
.loginBox .loginForm .txt {font-size:11px; color:#000; margin:5px 0 0 292px; line-height:14px;}
.loginBox .info {position:absolute; top:202px; padding-left:29px;}
.loginBox .info li {}
.loginBox .info p {float:left; padding-top:5px;}
.loginBox .info p.idBtn1 {margin-left:21px;}
.loginBox .info p.idBtn2 {margin-left:7px;}
.loginBox .info p.idBtn1 img, .loginBox .info p.idBtn2 img {margin-top:-5px;}

.publicConfirm {background:url(../../images/common/bg/publicConfirmBox.gif) no-repeat; width:680px; height:160px; margin-top:8px;  margin-left:65px;}
.publicConfirm .tit {padding:32px 0 0 23px; float:left; margin-right:39px; _margin-right:36px;}
.publicConfirm ul {padding-top:26px;}
.publicConfirm li {float:left; padding:0 10px;}
.publicConfirm dl {padding:14px 0 0 187px; height:100%; overflow:hidden;}
.publicConfirm dt {margin-bottom:5px;}
.publicConfirm dd {padding-left:3px;}

/* memberjoin STEP
------------------------------------------------------------------------------- */
.memJoinTxt {margin-left:118px; padding:25px 0 19px 0;}

.memJoinStep {background:url(../../images/common/bg/memJoinStepBg.gif) no-repeat; width:787px; height:120px; padding:21px 0 0 13px; _margin-bottom:39px;}
.memJoinStep dl {border-bottom:1px solid #efede4; width:775px; padding-bottom:13px;}
.memJoinStep dt {float:left; background:url(../../images/common/bl/bar001.gif) no-repeat right; padding-right:11px; margin-right:-3px;}
.memJoinStep dd {height:100%; overflow:hidden; padding-left:9px;}
.memJoinStep .txt li {background:url(../../images/common/bl/bl001.gif) no-repeat 0 3px; padding-left:10px; height:17px;}
.memJoinStep .step {padding-top:11px;}
.memJoinStep .step li {float:left; background:url(../../images/common/bl/bl002.gif) no-repeat left; padding:0 13px 0 18px;}
.memJoinStep .step li.first {background:none; padding:0 13px 0 0;}

.agreement {margin-bottom:23px;}
.agreementBox {border:1px solid #d8cdba; overflow-y:auto; overflow-x:hidden; padding:17px; width:764px; height:118px;}
.agreementBox .p01 {font-weight:bold; color:#333;}
.check {padding-top:10px; text-align:right;}
.check input {vertical-align:middle; margin-top:-2px;}

.privateConfirm {border:2px solid #d8cdba;}
.privateConfirm .privateArea {width:700px; height:53px; background:#f5f2e6; padding:30px 0 0 96px; }
.privateConfirm .privateArea dl {float:left; margin-left:25px; display:inline;}
.privateConfirm .privateArea dt {background:url(../../images/common/bl/bl004.gif) no-repeat 0 10px; padding:5px 0 0 9px; float:left; margin-right:15px;}
.privateConfirm .privateArea input {border:2px solid #a08a46; background:#FFF;}
.privateConfirm .privateArea .bt img {margin:-5px 0 0 10px; _margin:-3px 0 0 8px;}
.privateConfirm .descArea {padding:25px 0 20px 24px;}
.privateConfirm .descArea li {background:url(../../images/common/bl/bl001.gif) no-repeat 0 3px; padding-left:10px; font-size:0; line-height:0; margin-bottom:5px;}

.memJoinFin {background:url(../../images/common/bg/loginFinBg.gif) no-repeat; width:800px; height:177px; text-align:center; padding-top:37px;}
.memJoinFin .item01 {margin-bottom:18px;}
.memJoinFin .item02 {margin-bottom:24px;}

.serviceFin {width:360px; margin-top:15px;}
.serviceFin dt {width:100% !important; margin-bottom:10px !important; background:url(../../imags/common/bl/bl001.gif) no-repeat 0 5px; padding-left:9px; font-weight:bold; color:#333;}
.serviceFin dd {clear:both;}
.serviceFin dd span {font-weight:bold; color:#f47108; padding-left:10px;}

.selRightBox {width:684px; text-align:right; margin:-30px 0 10px 62px;}
.selRightBox img {vertical-align:middle;}

/* ·Î±×ÀÎ ¿¹¿Ü */
.skEn .txt01 {position:relative; top:-15px; left:130px; margin-bottom:25px;}
.skEn .txt02 {float:left; margin:0 69px 0 30px; _margin-right:66px; _display:inline;}
.skEn .txt03 {color:#000; font-size:11px; padding-top:12px;}
.skEn .item03 {top:105px; _top:107px; }