@charset "euc-kr";

@import url("base.css");
@import url("layout.css");
@import url("global.css");
@import url("bbs.css");

/* 공통 */
.loginTit {margin-bottom:12px;}
.loginLeft {float:left; width:316px; padding:23px 0 0 25px;}
.loginRight {float:left; width:318px; padding:23px 0 0 26px;}

.loginForm {overflow:hidden; margin-top:14px; padding-bottom:2px;}
.loginForm > ul {float:left;}
.loginForm > ul > li {margin-top:6px;}
.loginForm > ul > li:first-child {margin-top:0;}
.loginForm > ul > li * {vertical-align:middle;}
.loginForm > ul > li > label {display:inline-block; width:65px;}
.loginForm > .btnLogin {float:left; margin-left:5px;}

/* 로그??*/
.loginWrap {padding-top:28px; border-top:1px solid #ededed;}
.loginWrap .txt01 {margin-bottom:15px;}
.loginWrap .txt02 {margin-bottom:25px; color:#333;}

.loginWrap .boxWrap {overflow:hidden; margin-bottom:27px;}
.loginWrap .boxWrap .loginBox {float:left; width:687px;}
.loginWrap .boxWrap .banner {float:right; width:290px; height:80px; border:1px solid #eceeed;}

.loginWrap .boxWrap .loginBox .top .inner {overflow:hidden; height:199px; padding:0;}
.loginWrap .boxWrap .loginBox .top .loginLeft .idSave {margin:9px 0 0 61px; color:#666;}
.loginWrap .boxWrap .loginBox .top .loginLeft .idSave * {vertical-align:middle;}
.loginWrap .boxWrap .loginBox .top .loginLeft .idSave label {margin-right:7px;}
.loginWrap .boxWrap .loginBox .top .loginRight .ipinTxt {margin-bottom:22px;}

.loginWrap .boxWrap .loginBox .bottom {margin-top:5px;}
.loginWrap .boxWrap .loginBox .bottom .inner {overflow:hidden; height:166px; padding:0;}
.loginWrap .boxWrap .loginBox .bottom .loginLeft .certificate {overflow:hidden;}
.loginWrap .boxWrap .loginBox .bottom .loginLeft .certificate p {float:left; margin-top:4px;}
.loginWrap .boxWrap .loginBox .bottom .loginLeft .certificate a {float:left; margin-left:7px;}
.loginWrap .boxWrap .loginBox .bottom .loginLeft .loginForm > ul {margin-top:5px;}
.loginWrap .boxWrap .loginBox .bottom .loginRight .loginForm {margin-top:15px;}

.loginWrap .joinTxt {position:relative;}
.loginWrap .joinTxt h4 {margin-bottom:11px;}
.loginWrap .joinTxt a {position:absolute; top:16px; left:540px;}

.sub_tabmenu{width:977px;padding:0 0 0 0;border-bottom:2px solid #3076d6;height:37px;margin:0px;border-collapse:collapse;border-left:1px solid #c9d5e4;}
.sub_tabmenu li{float:left;display:block;padding:10px 20px;height:16px;border-top:1px solid #c9d5e4;border-right:1px solid #c9d5e4;text-align:center;font-size:14px; font-family:nanumgothic,; border-collapse:collapse;color:#000;}
.sub_tabmenu .on{background-color:#fff;border-right:2px solid #3076d6;border-left:2px solid #3076d6;border-top:2px solid #3076d6;border-bottom:2px solid #fff;font-weight:bold;font-size:14px;height:15px;}
.sub_tabmenu .on a{color:#000}
.sub_tabmenu .on a:hover{color:#fff}
.sub_tabmenu .bo_left{border-left:1px solid #c9d5e4;border-right:none;}
.sub_tabmenu li a:hover{color:#3076d6;}


/* ?�이??찾기, 비�?번호 찾기 */
.findWrap {margin-top:30px !important; padding:35px 39px 21px 40px;border:1px solid #e1e1e1;}
.findWrap.pwdChange {padding-bottom:120px;}
.findWrap .txtfind01 {margin-bottom:13px;}
.findWrap .txtfind02 {margin-bottom:27px; color:#333;}

.findWrap .boxType02.find {}
.findWrap .boxType02.find .inner {overflow:hidden; padding:0;}
.findWrap .boxType02.find .loginLeft {width:388px; padding:30px 0 0 60px;}
.findWrap .boxType02.find .loginRight {height:170px; padding:30px 0 0 61px; background:url(../../img/member/bg_login_bar01.gif) no-repeat 0 10px;}
.findWrap .boxType02.find .loginRight .ipinTxt {margin-bottom:22px;}
.findWrap .boxType02.find .loginTit {margin-bottom:13px;}
.findWrap .boxType02.find .loginForm {margin-top:22px;}
.findWrap .boxType02.find .loginForm > ul > li > label {display:inline-block; width:82px;}

.findWrap .findList {}
.findWrap .findList li {position:relative; padding:30px 62px 29px; border-top:1px solid #ededed;}
.findWrap .findList li:first-child {border-top:0;}
.findWrap .findList li h4 {margin-bottom:11px;}
.findWrap .findList li a {position:absolute; top:29px; right:60px;}

.findWrap .idResult {}
.findWrap .idResult .inner {padding:10px;}
.findWrap .idResult .result {padding:31px 0 24px; color:#004799; font-size:16px; font-weight:bold; text-align:center; border-bottom:1px solid #ededed;}
.findWrap .idResult .result * {vertical-align:-2px;}
.findWrap .idResult .btn {padding:23px 0 17px; text-align:center; border-top:1px solid #ffffff;}

.findWrap .allId {margin-top:18px;}
.findWrap .allId .inner {overflow:hidden; padding:0;}
.findWrap .allId .loginLeft {width:367px; padding:40px 0 0 79px;}
.findWrap .allId .loginLeft .loginForm >ul {margin-top:5px;}
.findWrap .allId .loginRight {width:378px; height:135px; padding:40px 0 0 71px; background:url(../../img/member/bg_login_bar03.gif) no-repeat 0 10px;}
.findWrap .allId .loginRight .authTxt {margin-bottom:14px;}
.findWrap .allId .loginTit {margin-bottom:9px;}
.findWrap .allId .loginForm {margin-top:22px;}
.findWrap .allId .loginForm > ul > li > label {display:inline-block; width:82px;}

.findWrap .pwdInfo {margin-top:9px; color:#888;}
.findWrap .pwdInfo li {margin-top:2px;}
.findWrap .pwdInfo li:first-child {margin-top:0;}

.findWrap .certiList {overflow:hidden; margin-top:9px;}
.findWrap .certiList li {float:left;}

.findWrap .btnIssue {float:right; margin-top:-4px;}

/* ?�원가??*/
.joinStep {overflow:hidden; margin:-8px 0 -12px;}
.joinStep li {float:left;}
.allAgree {margin:20px 0; padding:20px 20px 15px; color:#333333; background:#f7f7f7;}

.nameCheck {}
.nameCheck .inner {overflow:hidden; padding:0;}
.nameCheck .left {float:left; width:328px; padding:20px;}
.nameCheck .right {float:left; width:329px; padding:20px 20px 15px 21px; background:url(../../img/member/bg_join_bar.gif) no-repeat 0 10px;}
.nameCheck .right p {margin-top:5px;}
.nameCheck .joinTit {margin-bottom:10px; color:#111111;}
.nameCheck .loginForm {margin-top:0;}
.nameCheck .loginForm > ul > li {}
.nameCheck .loginForm > ul > li > label {width:83px;}

.receiveOption {margin-bottom:5px;}
.receiveOption li {margin-top:11px;}
.receiveOption li * {vertical-align:middle;}
.receiveOption li:first-child {margin-top:0;}
.receiveOption li strong {display:inline-block; width:73px;}
.receiveOption li input {margin-left:16px;}

.joinComp {margin-top:30px; border-bottom:2px solid #f2f2f2;}
.joinComp .inner {padding:60px 0 40px; color:#333333; text-align:center; border-top:3px solid #8ca6cb; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.joinComp .inner .txt {height:188px; color:#ff6905; font-size:20px; font-weight:bold; line-height:20px; background:url(../../img/member/bg_join_comp.gif) no-repeat center 56px;}
.joinComp .inner .txt * {vertical-align:-4px;}
.joinComp .inner p .id {color:#0766e8; line-height:26px;}

.serviceInfo {overflow:hidden; margin-top:75px;}
.serviceInfo > div {float:left; width: 364px; margin:8px 0 0 11px; border-bottom:2px solid #f2f2f2; background:url(../../img/member/bg_join_service.gif) no-repeat 1px 1px;}
.serviceInfo > div dl {height:108px; padding:27px 32px; color:#333333; border:1px solid #e2e2e2;}
.serviceInfo > div dl dt {margin-bottom:8px; font-weight:bold;}
.serviceInfo > div dl dd {position:relative; height:84px;}
.serviceInfo > div dl dd a {position:absolute; bottom:0; left:0;}
.serviceInfo > div.bg01 dl {background:url(../../img/member/bg_service01.gif) no-repeat 259px 36px;}
.serviceInfo > div.bg02 dl {background:url(../../img/member/bg_service02.gif) no-repeat 258px 34px;}
.serviceInfo > div.bg03 dl {background:url(../../img/member/bg_service03.gif) no-repeat 259px 42px;}
.serviceInfo > div.bg04 dl {background:url(../../img/member/bg_service04.gif) no-repeat 244px 42px;}

/* ?�프?�인 ?�원가??*/
.offPost {overflow:hidden; height:256px; margin:2px 0 19px; padding-top:8px; color:#333333; background:url(../../img/member/bg_offline_post.gif) no-repeat 0 0;}
.offPost > li {float:left; width:143px; padding:31px 21px 0;}
.offPost > li > p {height:53px; *height:51px; margin-top:9px;}
.offPost > li > dl {margin-top:10px; font-size:11px; word-spacing:-1px;}
.offPost > li > dl > dt {margin-bottom:9px; *margin-bottom:6px;}
.offPost > li > dl.txtType02 {}
.offPost > li > dl.txtType02 dd {padding-left:10px; background:url(../../img/common/bu_txt_type02.gif) no-repeat 0 3px;}

.offInquire {margin-top:5px; border-bottom:2px solid #f2f2f2;}
.offInquire ul {overflow:hidden; border:1px solid #e2e2e2; background:url(../../img/member/bg_inquire_bar.gif) no-repeat 252px 13px;}
.offInquire ul li {float:left; height:76px; padding-top:20px;}
.offInquire ul li.tel {width:166px; padding-left:86px; background:url(../../img/member/bg_inquire_tel01.gif) no-repeat 25px 28px;}
.offInquire ul li.fax {width:204px; padding-left:98px; background:url(../../img/member/bg_inquire_fax01.gif) no-repeat 27px 23px;}
.offInquire ul li.time {padding-left:22px;}

.transport {margin-top:5px; border-bottom:2px solid #f2f2f2;}
.transport dl {padding:0 0 22px 111px; border:1px solid #e2e2e2;}
.transport dl dt {margin-top:19px; color:#333333; font-weight:bold;}
.transport dl dt:first-child {margin-top:24px;}
.transport dl dt.subway span {color:#78511f;}
.transport dl dt.bus {color:#188632;}
.transport dl dt.car span {color:#3586e3;}
.transport dl dt * {vertical-align:middle;}
.transport dl dt img {padding-bottom:3px;}
.transport dl dd {margin-top:3px; padding-left:21px;}
.transport.bg01 {background:url(../../img/member/bg_transport01.gif) no-repeat 38px 20px;}
.transport.bg02 {background:url(../../img/member/bg_transport02.gif) no-repeat 38px 25px;}

.branch {overflow:hidden; margin-top:5px; border-top:2px solid #8ca6cb;}
.branch li {float:left; width:246px; padding:10px 0 5px; text-align:center; border-left:1px solid #e6e5e5; border-bottom:1px solid #e6e5e5;}
.branch li.first {border-left:0;}

/*20141028 MyOYP ���̵�ã�� �߰�*/
.inner_myotp{width:980; background:#fafafa; overflow:hidden;}
.loginLeft_myotp{width:275px; float:left; padding:30px 12px;}
.inner_myotp .mgb36{margin-bottom:36px;}
.loginLeft_myotp2{width:259px; float:left; padding:30px 20px; background:url(../../img/member/bg_login_bar01.gif) no-repeat 0 10px;"}