@charset "utf-8";

/*login*/
.loginVisual {width: 1080px;height: 127px;padding: 58px 0 0 69px;border:#e1e1e1 1px solid;border-bottom:#c90101 4px solid;background:#fbfbfb url(../images/member/img_visual_login.gif) right 33px no-repeat;}
.loginVisual b {display:block; font-size:42px; color:#333; margin-top:10px;}
.loginForm {width: 833px;height:191px;padding:61px 0 0 267px;position: relative;}
.loginForm .inputList {width: 468px}
.loginForm .inputList li:first-child {margin-bottom: 9px}
.loginForm .inputList li input {height: 40px;padding-left: 16px;line-height: 40px}
.loginForm .loginBtn {position: absolute;top: 61px;right: 230px}
.loginForm .loginBtn .btnPack.login {width: 120px;height: 97px;font-size: 18px;padding:0;}
.loginForm .checkArea {position: relative;padding-top: 20px;width: 470px}
.loginForm .checkArea label {float: left;color: #828282;font-size: 13px}
.loginForm .checkArea a {float: right;text-decoration: underline;color: #828282;font-size: 13px}
.loginForm.type2 {margin-top:40px;height:380px;padding-top:44px; padding-left:315px; width:785px; border-top: #e9e9e9 1px solid;border-bottom:#e9e9e9 1px solid;background:#fbfbfb; position:relative;}
.loginForm.type2 .inputList {margin-bottom: 20px}
.loginForm.type2 .btnArea {left:50%; margin-left:-162px; position:absolute;}
.loginForm.type2 .btnArea + ul.ulList {margin-top:100px;}
.joinArea {height:150px;padding:40px 0 0 270px;position: relative;border-top: #e9e9e9 1px solid;border-bottom:#e9e9e9 1px solid;background:#fbfbfb url(../images/member/img_bottom_login.gif) 60px 40px no-repeat;}
.joinArea .txt {font-size: 24px;font-weight: bold;color: #e50426}
.joinArea .dlList dt {font-size: 14px;margin: 18px 0 5px}
.joinArea .joinBtn {position: absolute;top: 95px;right: 65px}
.joinArea .joinBtn a {width: 190px}
.bannerArea {margin-top: 30px;width: 1098px;border: #e9e9e9 1px solid}
.selectRadio {margin: 20px 0 25px}
.selectRadio label + label {margin-left: 7px}
.orderArea .infoTxt {font-size: 14px;font-weight: bold;color: #202020}
.orderArea .agreeArea {margin: 17px 0 20px}
.orderArea .agreeArea .agreeInner {height: 102px;border: #e9e9e9 1px solid;overflow-y:auto;line-height:22px; padding:15px;}
.orderArea .agreeArea .agreeInner strong{ font-size:13px; color:#222}
.orderArea .agreeArea .agreeInner p {margin-top: 10px;text-align: right;width: 100%; }
.section + .section {margin-top:30px}
.section + .btnArea {margin-top:40px}
.infoLabel {margin-top:5px;color: #202020}
.btnArea .btnPack {width: 140px;margin-left: 5px}
.btnArea .btnPack:first-child {margin-left: 0}
.pop .btnArea .btnPack {width: auto}
.orderArea .joinInfo {position: relative;margin-top: 60px;padding: 30px 0 0 60px;width: 1040px;height:90px;border-top: #e9e9e9 1px solid;border-bottom:#e9e9e9 1px solid;background:#fbfbfb}
.orderArea .joinInfo p {font-size: 18px;font-weight: bold;color: #808080}
.orderArea .joinInfo p em {color: #202020;display: block;line-height: 1.8em}
.orderArea .joinInfo p strong {color: #004296}
.orderArea .joinInfo a {width: 170px;position: absolute;top: 34px;right: 58px}
.orderArea .infoTxt2 {font-size: 14px;color: #808080;line-height: 24px}
.orderArea .infoTxt2 strong {color: #202020}
.orderArea .infoTxt2 em {color: #e50426;font-weight: bold}
.orderArea h3 {font-size:17px; color:#202020; font-weight:bold; margin:20px 0;}

/* join */
.btnJoin {display: inline-block; min-width:250px; height:50px; padding-top:20px; color:#fff; font-size:15px; font-weight:bold; line-height:30px;}
.btnJoin.red {background-image:url(../images/common/bg_btn_06.gif)}
.btnJoin.blue {background-image:url(../images/common/bg_btn_07.gif)}
.joinVisual {width:1003px; height:212px; padding:64px 0 0 95px; border:#e1e1e1 1px solid; border-bottom:#c90101 4px solid; background:#fbfbfb  url(../images/member/img_visual_join.gif) 656px 27px no-repeat;}
.joinVisual dl.joinText {margin-top:35px;}
.joinVisual dl.joinText dt {font-size:16px; color:#202020; margin-bottom:23px;}
.joinVisual dl.joinText dd {font-size:12px; color:#808080; margin-bottom:10px; padding-left:6px; background:url(../images/member/bg_ddli.gif) 0 5px no-repeat;}
.joinSelArea .tabCom {height:2px; background:#f5f5f5;}
.joinSelArea h4 {font-size:16px; color:#202020; font-weight:bold; text-align:center; padding:57px 0 5px;}
.joinSelArea p.subTit {color:#202020; font-size:14px;}
.joinSelArea p.subTxt {line-height:18px;}
.joinSelArea .joinSelBtn {text-align:center;}
.joinSelArea .joinSelBtn span {cursor:pointer;}
.joinSelArea .joinSelBtn span.jTitle {font-size:16px; font-weight:bold; display:block; margin-bottom:5px;}
.joinSelArea .joinSelBtn span.jSub {font-size:12px; font-weight:normal; display:block;}
.joinTxtArea {margin-top:35px; padding-left:277px;}
.joinTxtArea ul li {padding-left:6px; background:url(../images/member/bg_ddli.gif) 0 3px no-repeat; margin-bottom:13px;}
.joinSelBtn .btnJoin {margin:0 19px;}

/* join_step1 */
.confSelArea {margin-top:60px; border:1px solid #e9e9e9; padding:50px 0; text-align:center;}
.confSelArea h4 {font-size:16px; color:#202020; font-weight:bold; text-align:center;}
.confSelArea .btnArea {margin-top:35px;}
.confSelArea .btnArea .btnPack {height:50px; line-height:50px; margin:0 20px; width:206px; font-size:17px;}
.confTxtArea {margin-top:35px;}
.confTxtArea ul li {padding-left:6px; background:url(../images/member/bg_ddli.gif) 0 3px no-repeat; margin-bottom:13px;}

/* join_step1_1 */
.topChild {margin-top:45px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:52px 0 0 120px; width:980px; height:107px; background:#fbfbfb url(../images/member/img_visual_child.gif) 650px 0 no-repeat;}
.topChild h3 {font-size:26px; font-weight:bold; color:#202020;}
.topChild p {font-size:16px; color:#202020; margin-top:20px;}
.topChild + .confSelArea {margin-top:0; border-top:none; border-right:none; border-left:none;}

/* join_step1_2 */
.membS {margin-top:40px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fbfbfb; padding:55px 0; text-align:center;}
.membS h4 {font-size:16px; color:#202020; font-weight:bold;}
.membS p.memberId {font-size:20px; font-weight:bold; color:#202020; margin-top:25px;}
.membS + .btnArea {margin-top:30px;}
.membS + .btnArea .btnPack {margin:0 8px;}

/* join_step2 */
.agreeAll {margin:30px 0; background:#fbfbfb; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:20px 0; text-align:center;}
.agreeAll label {font-size:14px; color:#202020; font-weight:bold;}
.agreeTxt .agreeArea {margin-top:10px;}
.agreeTxt .agreeArea .infoTxt {font-size: 16px;font-weight: bold;color: #202020; margin-bottom:10px;}
.agreeTxt .agreeArea .agreeInner {height: 180px;border: #e9e9e9 1px solid;overflow-y:auto; padding:15px; line-height:22px;}
.agreeTxt .agreeArea .agreeInner.type2{overflow-y:inherit; height:auto}
.agreeTxt .agreeArea .agreeInner strong{ color:#222; font-size:13px;}
.agreeTxt .agreeArea p.lableP {margin-top: 10px;text-align: right;width: 100%}

/* join_step3_1 */
span.h3Ex {line-height:18px;}

/* join step_4 */
.compTxt {margin-top:45px; background:#fbfbfb; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:57px 0; text-align:center;}
.compAd .logoAd {display:block; width:100%; height:50px; text-align:center; background:url(../images/common/logo.jpg) 130px 0 no-repeat; margin:50px 0;}
.compAd .logoAd p {font-size:15px; color:#808080; padding:25px 0 0 230px;}
.compAd .imgAd {display:block; width:100%; height:168px; background:url(../images/member/bg_compad.gif) no-repeat; padding-bottom:35px; border-bottom:1px solid #e9e9e9;}
.compAd .imgAd .imgAdBox {float:left; width:260px; text-align:center;}
.compAd .imgAd .imgAdBox.bigBox {width:290px;}
.compAd .imgAd .imgAdBox dl {margin-top:10px;}
.compAd .imgAd .imgAdBox dl dt {font-size:16px; color:#202020; font-weight:bold;}
.compAd .imgAd .imgAdBox dl dd {font-size:13px; color:#808080; margin-top:110px;}
.compPageBtn {margin-top:40px;}

/* find1김미경 */
.tabPop.page>ul {width:100%; height:41px;}
.tabPop.page>ul>li {float: left;height: 40px}
.tabPop.page>ul>li>a {display: block;color: #202020;font-weight: bold;font-size: 13px;line-height: 40px;text-align: center;background: #f6f6f6;border: #d3d3d3 1px solid;border-bottom:#202020 2px solid}
.tabPop.page>ul>li.ui-tabs-active a {height:41px;background: #fff;border: #202020 2px solid;border-bottom:0 none}

.findArea .tabInner h4 {font-size:16px; font-weight:bold; margin-top:45px; color:#202020;}
.findArea .tabInner p {color:#888888; margin-top:13px;}
.findArea .tabInner p.inputP {margin-bottom:9px; margin-top:0;}
.findArea .tabInner p.inputP input {height: 40px;padding-left: 16px;line-height: 40px}
.findArea .tabInner p.inTxtp {line-height:25px;}
.findArea .tabInner .btnArea.findAreaBtn {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fbfbfb; margin-top:30px; padding:40px 0 25px;}
.findArea .tabInner .btnArea.findAreaBtn .btnPack {font-size:15px; height:50px; line-height:50px; margin:0 15px; width:206px;}
.findArea .tabInner .findResultArea {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fbfbfb; margin-top:35px; padding:40px 0 50px; text-align:center;}
.findArea .tabInner .findResultArea p {font-size:15px; color:#202020; font-weight:bold;}
.findArea .tabInner .btnArea.resultBtn {margin-top:30px;}
.findArea .tabInner .btnArea.resultBtn .btnPack {height:50px; line-height:50px; font-size:15px; }
.findArea .tabInner .findResultArea.pass {padding:20px 0; text-align:left; height:170px;}
.findArea .tabInner .findResultArea.pass .receive {width:427px; height:168px; float:left; padding-left:123px;}
.findArea .tabInner .findResultArea.pass .receive dl dt {font-size:15px; color:#202020; font-weight:bold; margin-top:25px;}
.findArea .tabInner .findResultArea.pass .receive dl dd {font-size:14px; color:#e50426; font-weight:bold; margin-top:15px;}
.findArea .tabInner .findResultArea.pass .receive dl dd.btnDd {margin-top:30px;}
.findArea .tabInner .findResultArea.pass .receive.toEmail {background:url(../images/member/bg_email.gif) 330px 45px no-repeat; border-right:1px dashed #dbdbdb; width:426px;}
.findArea .tabInner .findResultArea.pass .receive.toPhone {background:url(../images/member/bg_phone.gif) 308px 25px no-repeat;}

.lastOrder{margin:10px 0 25px; display:inline-block}
.lastOrder img{ vertical-align:middle}
.lastOrder .txt{ vertical-align:middle; color:#e50426; display:inline-block; margin-left:15px; }
.lastOrder a{ vertical-align:middle}

/*버튼*/
.btnPack.big {min-width: 107px;padding:0 10px;height: 50px;font-size: 16px;line-height: 50px}
.btnPack.gray {border:1px solid #b2945d;color:#b2945d;background:#fff;}
.btnPack {display: inline-block;min-width: 70px;padding:0 22px;height: 40px;font-size: 14px;color: #fff;font-weight: bold;text-align: center;line-height: 39px;background: #485861;}
.btnArea{text-align:center; margin-top:30px;}


@media (max-width: 1024px) {
    .findArea .tabInner p.inputP{width:100%; padding:0 20px;}
    .findArea .tabInner p.inputP input{width:100%;}
}