@charset "UTF-8";

.symbol_color {color:#006ebc;}

.popup_dialog p, .popup_dialog li {line-height: 1.8em;}
.popup_dialog li li {text-indent: 15px;}
.popup_dialog ul {padding: 10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin: 10px 0;}
.popup_dialog ol {padding: 0 15px;}
.popup_dialog ol ol, .popup_dialog ol ul, .popup_dialog ul ul, .popup_dialog table ul {border: none; padding: 0; margin: 0;}
.popup_dialog ol ol {margin-bottom: 10px;}
.popup_dialog p.tit{ font-size:16px; margin-bottom: 20px;}
.popup_dialog.ui-dialog-content { padding: 40px; }
.popup_dialog .anno {font-size: 12px; color:#999;}

#privacy_dialog.popup_dialog .anno {padding: 20px 0; }
.popup_dialog .proto_wrap { padding: 40px 0; border-top: 1px solid #e3e3e3;}
.popup_dialog .proto_wrap p {margin-bottom: 8px;}

.respect_LawDialog p.tit {
	margin-bottom: 5px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
}

.mbTop_20 {margin-top: 20px;}

/* 이용약관 */
.inner {overflow-y:scroll; border:1px solid #ccc; margin:0 auto; padding:20px; }
#privacy_dialog .inner { width:880px; height:527px; line-height:20px;  }
.respect_LawDialog .inner { height: 92%; }

.popup_dialog li .tblCont {
	margin: 10px;
}

.tblCont {
	border-bottom: 1px solid #899eb2;
    border-top: 1px solid #899eb2;
    margin: 10px 0;
}

.tblCont thead th {
	border-left: 1px solid #dce3e8;
    border-bottom: 1px solid #dce3e8;
    background: #f2f6fa;
    color: #0552a9;
    font-weight: normal;
    padding: 13px 15px 14px 15px;
    text-align: center;
}

.tblCont thead > tr > th:first-child {
    border-left: 0;
}

.tblCont tbody td {
	border-left: 1px solid #dce3e8;
    border-top: 1px solid #dce3e8;
    text-align: center;
    padding: 13px 15px 14px 15px;
    line-height: 20px;
}

.tblCont tbody > tr > td:first-child {
    border-left: 0;
}

.policy .tblCont.middle_td td {
    padding: 10px 30px;
    text-align: left;
}

/* 회사소개 */
.companyDialog .company{ margin:30px auto; width:760px; }
.companyDialog .company .companyTab{ width:760px; height:34px; }
.companyDialog .company .companyTab li{ float:left; width:152px; }
.companyDialog .company > div{ margin-top:30px; border:1px solid #ccc; }
.companyDialog .company > div iframe{ width:758px; height:500px; border:0; }


/* 아이디 찾기 */
ul.idFindTab{ margin:30px 0 30px 20px; width:410px; height:34px; }
ul.idFindTab li{ float:left; cursor:pointer; }

/* 회원 정보로 찾기 */
.idFind01 table{ margin:0 auto; width:330px; border-top:2px solid #333; border-bottom:2px solid #333; }
.idFind01 table td{ padding-left:35px; height:40px; border-top:1px solid #e9ecf2; }
.idFind01 table tr:first-child td{ border-top:0; }
.idFind01 table td input{ padding:5px 5px 4px 5px; width:248px; border:1px solid #ccc; }
.userInfoBtn{ text-align:center; }
.userInfoBtn a{ display:inline-block; margin-top:30px; width:74px; height:33px; line-height:33px; color:#fff; text-align:center; background-color:#666; }

/* 휴대폰 본인 인증 */
.idFind02 .phoneBtn{ margin:54px 0 50px 60px; width:329px; text-align:center; }
.idFind02 .txt{ margin-left:22px; font-size:11px; line-height:16px; }

.hpInfoBtn{ text-align:center; vertical-align:middle; }
.hpInfoBtn a{ padding:10px; margin-top:30px; width:74px; height:33px; line-height:33px; color:#fff; text-align:center; background-color:#666; vertical-align:middle; }
.hpInfo_find_id td { height:50px;}
.btn_find_id_in_hpinfo { margin-top:20px; margin-bottom:-10px; }
.btn_find_id_in_hpinfo a{ padding:10px 25px 10px 25px; }

.btn_find_pw_in_hpinfo { margin-top:20px; margin-bottom:-10px; }
.btn_find_pw_in_hpinfo a{ padding:10px 25px 10px 25px; }

/* 비밀번호 찾기 */
.pwFind01{ margin:30px auto; width:380px; }
.pwFind01 .tit{ margin-bottom:10px; padding-left:97px; height:77px; font-size:14px; font-weight:bold; line-height:77px; background:url("../images/01_main/ic_pw_find.jpg") no-repeat; }
.pwFind01 table td{ height:40px; }
/*.pwFind01 table td input{ padding:6px 5px; width:368px; border:1px solid #ccc; }*/
/*.pwFind01 table td .phoneChkBtn{ display:block; width:100%; height:33px; line-height:33px; text-align:center; color:#fff; background-color:#666; }*/
.pwFind01 p.txt{ margin-top:15px; padding:15px; font-size:11px; line-height:16px; background-color:#f8f8f8; }

/* 비밀번호 찾기2 */
.pwFind02{ margin:0 auto; width:573px; }
.pwFind02 div.top{ margin:30px 0 10px; padding-left:87px; height:77px; font-weight:bold; background:url("../images/01_main/ic_pw_find.jpg") no-repeat; }
.pwFind02 div.top .tit{ padding-top:20px; font-size:14px; font-weight:bold; line-height:20px; }
.pwFind02 div.top .txt{ font-weight:normal; letter-spacing:-0.05em; }
.pwFind02 table{ margin:25px 0 30px; border-top:2px solid #333; }
.pwFind02 table th, .pwFind02 table td{ height:40px; border-bottom:1px solid #e9ecf2; }
.pwFind02 table th{ border-right:1px solid #e9ecf2; background:url("../images/02_sub/bg_th.jpg"); }
.pwFind02 table td{ padding-left:10px; }
.pwFind02 table td input{ margin-right:15px; padding:5px; width:193px; border:1px solid #ccc; }
.pwFind02 table td > span{ color:#d72b2b; }
.pwFind02 .pwFindTip{ margin-bottom:30px; padding:15px 0 15px 10px; width:563px; background-color:#f2f2f2; *zoom:1; }
.pwFind02 .pwFindTip:after{ display:block; content:""; clear:both; }
.pwFind02 .pwFindTip p.pwFindTipTit{ margin-right:10px; width:31px; height:13px; line-height:15px; font-weight:bold; text-align:center; color:#fff; background-color:#d94848; vertical-align:top; }

/*.pwFind02 .pwFindTip p{ float:left; width:500px; font-size:11px; letter-spacing:-0.05em; } 2018-08-14 화 주석처리*/

/* 2018-08-14 화 추가 */
.pwFind02 .pwFindTip p{ width:500px; letter-spacing:-0.05em; }
.pwFind02 .pwFindTip .precautions li{ margin-top:5px; }
/* 2018-08-14 화 추가 */

.pwFind02 .pwFindTip p span{ margin-top:5px; color:#777; }
.pwFind02 .pwFindBtn a{ margin-top:0 !important; }



/* 컴온버스 정책 */
ul.policyTab{ margin:30px 0 30px 20px; width:960px; height:34px; }
ul.policyTab li{ float:left; cursor:pointer; }

/* 이용약관 */
#agreement_dialog .agreement, #privacy_dialog .privacy{ margin:0 auto; padding:20px; width:920px; height:447px; line-height:20px; overflow-y:scroll; border:1px solid #ccc; }
#agreement_dialog .agreement p.tit, #privacy_dialog .privacy p.tit{ margin:20px 0 10px; font-size:14px; }
#agreement_dialog .agreement p.txt, #agreement_dialog .agreement > div, #privacy_dialog .privacy p.txt, #privacy_dialog .privacy > div{ margin-bottom:15px; }
#agreement_dialog .agreement > div ol ol,  #agreement_dialog .agreement > div ol ul,
#privacy_dialog .privacy > div ol ol, #privacy_dialog .privacy > div ol ul{ margin-left:15px; }