@charset "utf-8";
/* CSS Document */

/* login */
.loginWrap{position:relative;width:100%;height:100%;
  background-image:-moz-linear-gradient( -90deg, rgb(62,75,91) 0%, rgb(31,38,49) 100%);
  background-image:-webkit-linear-gradient( -90deg, rgb(62,75,91) 0%, rgb(31,38,49) 100%);
  background-image:-ms-linear-gradient( -90deg, rgb(62,75,91) 0%, rgb(31,38,49) 100%);
}

.loginBoxWrap{position:absolute;top:50%;left:50%;width:1060px;height:636px;margin:-318px 0 0 -530px;;border-radius:3px;background:#fff url("../images/members/bg_login.png") 0 0 no-repeat;}

.loginBoxWrap h2.logo{width:241px;height:37px;margin:89px 0 0 71px;background:url("../images/members/bg_logo.png");text-indent:-9999px;}
.loginBox{position:relative;float:right;width:640px;height:100%;padding:70px;}
.loginBox h2.ttl{width:100%;padding-bottom:7px;margin-bottom:25px;border-bottom:1px solid #e6e6e6;color:#000;font-size:40px;font-weight:700;}

.login{height:216px;}
.login li{position:relative;padding-left:105px;margin-bottom:10px;}
.login span{position:absolute;left:0;top:15px;color:#333;font-size:20px;}
.login li input{height:51px;width:100%;padding:7px;border:1px solid #ccc;color:#333;font-size:20px;}
.login li input{height:51px;width:100%;padding:7px;border:1px solid #ccc;color:#333;font-size:20px;}
.login p{margin-top:-3px;color:#3386c7;}
.hlp{display:inline-block;width:14px;height:17px;margin-left:7px;margin-top:0px;background:url(../images/common/icon_guide.png) 0px 3px no-repeat;text-indent:-9999px;}
.login .btnDefault{background-color:#14619d;padding:4px 10px;font-size:12px;font-weight:400;line-height:100%;}


.loginUtil{text-align:center;}
.loginUtil a{display:inline-block;padding:0 10px;border-left:1px solid #d1d1d1;line-height:100%;color:#808080;}
.loginUtil a:hover{color:#d8265d;}
.loginUtil a.btnLogin + a{border-left:none;}
.loginUtil a.btnLogin{display:inline-block;width:100%;padding:26px 0 24px;margin-bottom:13px;height:72px;border-radius:3px;border:none;background:#3386c7;color:#fff;font-size:22px;font-weight:700;text-align:center;}
.loginUtil a.btnLogin:hover{background-color:#1f5f87;}
.loginUtil .sdInfo{text-align: left;}
.loginUtil .sdInfo span{    display: block; position: relative;margin-top: 17px;color: #d8265d;line-height: 18px;}

/* .loginFooter{position:absolute;bottom:0;right:0;width:640px;height:110px;padding:26px 0 0 70px;border-top:1px solid #e0e0e0;border-bottom-right-radius:3px;background:#f5f5f5;color:#666;} */
.loginFooter{position:absolute;bottom:0;right:0;width:640px;height:110px;padding:20px 0 0 20px;border-top:1px solid #e0e0e0;border-bottom-right-radius:3px;background:#f5f5f5;color:#666;}
.loginFooter h3{display:block;line-height:100%;}
.loginFooter span{display:block;margin-top:13px;font-size:14px;line-height:130%;}
.loginFooter .logo{float:left;display:inline-block;width:61px;height:65px;background:url("../images/members/logo_footer.png")0 0 no-repeat;text-indent:-9999px;}
.loginFooter .addr{float:left;display:inline-block;float:left;margin:13px 0px 0px 20px;font-size:12px;line-height:150%;}

.gpkiLoginUtil{text-align:center; vertical-align: middle;}
.gpkiLoginUtil a{display:inline-block;padding:0 10px;border-left:1px solid #d1d1d1;line-height:100%;color:#808080;}
.gpkiLoginUtil a:hover{color:#d8265d;}
.gpkiLoginUtil a.btnLogin + a{border-left:none;}
.gpkiLoginUtil a.btnLogin{display:inline-block;width:100%;padding:26px 0 24px;margin-bottom:13px;height:85px;border-radius:3px;border:none;background:#3386c7;color:#fff;font-size:30px;font-weight:700;margin-top: 45px;}
.gpkiLoginUtil a.btnLogin:hover{background-color:#1f5f87;}
.gpkiLoginFooter{position:absolute;bottom:0;right:0;width:640px;height:110px;padding:26px 0 0 70px;border-top:1px solid #e0e0e0;border-bottom-right-radius:3px;background:#f5f5f5;color:#666;}
.gpkiLoginFooter h3{display:block;line-height:100%;}
.gpkiLoginFooter span{display:block;margin-top:13px;font-size:14px;line-height:130%;}
.gpkiLoginUtil ul{margin-top: 30px;}
.gpkiLoginUtil li{margin-top: 10px;}

.gpkiLoginUtil p{margin-top:-3px;color:#3386c7;font-size: 17px;}




/* 회원가입신청 */
.termsWrap{margin-top:25px;}
.termsTxt{position:relative;overflow:auto;height:86px;margin-top:8px;padding:20px;border:1px solid #dadada;background:#fff;}
.article + .article{margin-top:35px;}
.articleTitle{color:#318dc7;font-size:15px;font-weight:700;}
.articleTitle2{margin-top:25px;color:#333;font-size:15px;font-weight:700;}
.articleText{margin-top:8px;color:#555;}
.articleSet{padding-left:10px;margin-top:10px;}
.articleTextTitle{margin-top:15px;color:#000;font-size:13px;font-weight:700;}
.articleTextTitle + .articleTextList,.articleTextList + .articleTextList{margin-top:5px}
.articleTextList{position:relative;padding-left:20px;color:#808080;}
.articleTextList::before{content:'';display:block;position:absolute;top:7px;left:8px;width:2px;height:2px;background:#8e8e8e}
  
 
 

/* 도움말 팝업 */
/*
.box{width:40%;margin:0 auto;background:rgba(255,255,255,0.2);padding:35px;border:2px solid #fff;border-radius:20px/50px;background-clip:padding-box;text-align:center;}
.overlay{  position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;z-index:9;}
.overlay:target{  visibility:visible;opacity:1;}
.popupLogin{background:#fff;border-radius:0 5px 5px 0;width:100%;height:100%;position:relative;transition:all .8s ease-in-out;}
.popHead{width:100%;height:40px;background:#5b6877;}
.popHead h2{padding-left:25px;margin-top:0;color:#fff;font-weight:700;line-height:40px;}
.popHead .close{  position:absolute;top:0;right:0;width:40px;height:40px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;background:url(../images/layout/btn_win_close.png)50% 50% no-repeat;text-indent:-9999px;}
.popHead .close:hover{background:url(../images/layout/btn_win_close_hover.png);}
.popup .content{;padding:30px 28px;overflow:auto;}
*/


/* sdf */
.modal.popupLogin{top:0 !important;left:0 !important;margin:0 !important;height:100%;}
.modal.popupLogin .popHead{background-color:#5b6877;}
.modal.popupLogin .popHead .clsBtn{background-color:#5b6877;}
.modal.popupLogin .content{padding:28px 30px;}


/* 2차인증 */
.regInfo .tabWrap{height:484px;}
.regInfo .docBttmAcc{padding-top:30px;margin-top:0;text-align:center;}
.docBttmAcc a[class^="btn"], .docBttm button[class^="btn"]{min-width:96px;padding:10px 20px;font-size:16px;}
.docBttmAcc .btnDefault{background:#757575;}
.docBttmAcc .btnDefault:hover,
.docBttmAcc .btnDefault:active,
.docBttmAcc .btnDefault:focus{background:#4d4d4d;}
.docBttmAcc .btnPoint{background:#c44d5d;}
.docBttmAcc .btnPoint:hover,
.docBttmAcc .btnPoint:active,
.docBttmAcc .btnPoint:focus{background:#86303b;}
.bttnSchAcc{padding-right:140px;}
.bttnSchAcc .bttnBox{position:absolute;right:0;top:0;}
.bttnSchAcc a[class^="btn"], .bttnSchAcc button[class^="btn"]{min-width:96px;padding:15px 20px;font-size:16px;}
.bttnSchAcc .btnKey{background:#c44d5d;display:inline-block;height:51px;text-align:center;}
.bttnSchAcc .btnKey:hover,
.bttnSchAcc .btnKey:active,
.bttnSchAcc .btnKey:focus{background-color:#86303b;}

.regMobile{padding-top:25px;}
.regMobile dl{height:128px;padding-left:150px;background:url(../images/members/icon_mobile.png)0 0 no-repeat;}
.regMobile dt{font-size:26px;font-weight:700;margin-bottom:19px;}
.regMobile dd{max-width:90%;line-height:20px;}
.regMobile .termsTxt{height:150px;}

.regMobile textarea{margin-top:25px;border:1px solid #d1d1d1;}

.joinTel{position:relative;display:inline-block;width:100%;margin-top:18px;padding-left:102px;}
.joinTel label{position:absolute;left:0;top:0;padding:8px 0 6px 10px;background:url(../images/common/bul_th.png)0 50% no-repeat;}


.regMobile__title{margin-top:15px;color:#333;font-size:16px;font-weight:700;text-align:center;}
/* tab - 스토어별 안내*/
.tabWrap.mobileStore{width:100% !important;height:380px;background:none;margin-top:0px;}
.tabWrap.mobileStore > ul{background:none !important;height:34px;padding:0 !important;clear:both;border-bottom:1px solid #dadada;}
.tabWrap.mobileStore .tabsMenu li.ui-state-default{width:49.999%;height:34px;margin:0 !important;line-height:34px;float:left;margin-right:-1px !important;background-color:#fff;border:none;border-bottom:1px solid #dadada;}
.tabWrap.mobileStore .tabsMenu li.ui-state-default a{display:inline-block;width:100%;padding:0 10px !important;color:#333;text-align:center;font-size:13px;font-weight:700;}

.tabWrap.mobileStore .ui-tabs-nav li.ui-tabs-active,
.tabWrap.mobileStore .ui-tabs-nav li.ui-tabs-selected{position:relative;border-bottom:3px solid #ff0000;z-index:5;}
.tabWrap.mobileStore .ui-tabs-nav li.ui-tabs-active a,
.tabWrap.mobileStore .ui-tabs-nav li.ui-tabs-selected a{}

.tabWrap.mobileStore .tab{background-color:#fff;margin-bottom:20px;width:100%;}
.tabWrap.mobileStore .tab .tabContent{width:100%;height:365px;padding:15px 0px !important;display:none;overflow-y:auto;}
.tabWrap.mobileStore .tab .tabContent:first-child{display:block;}
.tabWrap.mobileStore .tab .ui-widget-content{text-align:left;}
.tabWrap.mobileStore .tabsMenu.col3  li{width:33.33%;}