@charset "utf-8";

button {cursor:pointer;}

/* 로그인 : Start *******************************************************************************************************************************************************************************************************/
/* 로그인 : 회원로그인 / SNS로그인 / 휴대전화 본인확인 / 나이스 아이핀(I-PIN)인증 공통 */
.mber_login_box {position:relative; padding:0.5rem; overflow:hidden;}
.mber_login_box .mber_login_OR {display:block; position:absolute; left:50%; top:3.75rem; width:2.5rem; height:20.9rem; margin-left:-1.25rem;}
.mber_login_box .mber_login_OR:before {content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; border-left:1px dashed #bec3cc;}
.mber_login_box .mber_login_OR:after {content:"OR"; display:block; position:absolute; left:50%; top:50%; width:2.5rem; height:2.5rem; margin:-1.25rem 0 0 -1.25rem; padding-right:0.35rem; line-height:2.5rem; font-size:1.1rem; font-style:italic; text-align:center; color:#fff; background:#7995b8; border-radius:1.25rem;}

.mber_login_box h3.login_tit {margin-top:0.5rem; line-height:2rem; color:#111; font-size:1.5rem; font-weight:400;}
.mber_login_box h3.login_tit span {color:#044ca4;}
.mber_login_box p.login_info {padding-bottom:0.7rem; font-size:0.7rem; color:#666; word-break:keep-all; border-bottom:1px dashed #c4c4c4;}

/* reset */
*{font-family:"NotoSans"; }
* { margin:0; padding:0;}
ol, ul {list-style:none;}
hr {display:none;}
a {color:inherit;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
/* label{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);} */

/*알림창*/
/* .alert{left:85% !important;top:85% !important;position:relative; width:270px; height:140px; background:rgba(255, 255, 255, 0.9); border-radius:5px;} */
.alert{left:85% !important;top:85% !important;position:relative; width:300px; height:500px; background:rgba(255, 255, 255, 0.9); border-radius:5px;}
.alert .top_bar{position:relative; background-color:#2b55a2;  border-radius:5px 5px 0 0;}
.alert .top_bar h3{padding-left:20px; line-height:36px; font-size:15px; color:#fff;  font-family:'NanumBold';}
.alert .top_bar p{position:absolute; top:7px; right:20px; }
.login {position:relative;}
.login .user_img{width:57px; height:57px; padding:20px 0 0 20px;}
.login .user_img img{width:100%; height:100%;}
.login .user_txt{position:absolute; top:29px; left:90px; font-size:14px; letter-spacing:-1px; font-family:'Nanum';}
.login .user_txt span{font-size:16px; }
.alert .btn_more{position:absolute; right: 20px; bottom:15px; width:40px; line-height:20px; text-align:center; color:#000; background-color:#ddd; font-size:13px; font-family:'Nanum';}

.alert2{background:rgba(255, 255, 255, 0.9); border-radius:5px;}
.alert2 .top_bar{position:relative; background-color:#2b55a2;  border-radius:5px 5px 0 0;}
.alert2 .top_bar h3{padding-left:20px; line-height:36px; font-size:15px; color:#fff;  font-family:'NanumBold';}
.alert2 .top_bar p{position:absolute; top:7px; right:20px; }
.alert2 .btn_more{position:absolute; right: 20px; bottom:15px; width:40px; line-height:20px; text-align:center; color:#000; background-color:#ddd; font-size:13px; font-family:'Nanum';}

/* 통합로그인 */
.total_login{position:relative;width:100%;height:auto; min-height:100vh;padding:3.5rem 0 2rem;}
.total_login:before{position:absolute;top:50%;left:50%;width:100vw;height:100%;-webkit-transform:translate(-50%, -50%) scale(1.5);transform:translate(-50%, -50%) scale(1.5);background:url('/images/co/lo/total_login_bg.png') no-repeat center/cover;content:"";z-index:-1;-webkit-transition:transform 3s;transition:transform 3s;}
.shOn .total_login:before{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
.total_login_wrap{opacity:0;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem);-webkit-transition:opacity .5s, transform .5s;transition:opacity .5s, transform .5s;}
.shOn .total_login_wrap{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
/*h1{display:block;text-align:center;font-weight:500;font-size:1.75rem;color:#fff;text-align:center;}*/
/*2023.05.16 웹와치 검수조치 통합로그인 쪽 h1태그 display:none처리*/
h1{display:none;}
.login_tab_wrap{position:relative;width:45rem;height:25.5rem;margin:2rem auto 0;background:#fff;border-radius:2.5rem;overflow:hidden;}
.login_tab_wrap h2[class^="login_tab"]{height:4rem;background:#f3f4f4;color:#555;font-size:1rem;font-weight:500;word-break:keep-all;text-align:center;float:left;width:33.333%;}
.login_tab_wrap h2[class^="login_tab"]:not(.on) +  .login_con + h2[class^="login_tab"]:not(.on){border-left:1px dotted #bfc1c6;}
.login_tab_wrap h2.on{background:#fff;}
.login_tab_wrap h2 > a{display:table;table-layout:fixed;width:100%;height:100%;padding:0 .5rem;}
.login_tab_wrap h2 > a > span{display:table-cell;width:100%;vertical-align:middle;}
.login_con{position:absolute;top:4rem;left:0;width:100%;height:calc(100% - 4rem);display:none;}
.login_con.on{display:block;}
.login_box{position:relative;height:100%;padding:3.5rem 3rem 0 26rem;}
.login_box:before{position:absolute;left:0;bottom:0;width:20.95rem;height:19.1rem;background:url('/images/co/lo/total_login_deco.png') no-repeat center/cover;content:"";}
.login_box .box h3{display:block;font-size:1.75rem;font-weight:700;color:#28304a;text-align:center;line-height:1;}
.login_box .login_frm{margin-top:1.75rem;}
.login_box .login_frm > li{position:relative;padding:.25rem 0;}
.login_box .login_frm > li input{position:relative;display:block;width:100%;height:2.5rem;padding:0 .5rem 0 2.5rem;background:#f5f7f8;color:#555;font-size:.7rem;border-radius:.5rem;overflow:hidden;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0;}
.login_box .login_frm > li input::-ms-expand{display:none;}
.login_box .login_frm > li:before{position:absolute;z-index:1;top:50%;left:.75rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background-image:url(/images/co/lo/login_frm_ico.png);background-size:40px 20px;background-position:0 0;background-repeat:no-repeat;content:"";}
.login_box .login_frm > li.login_pw:before{background-position:-20px 0;}
.login_box .login_frm2{margin:1.75rem auto;text-align:center;}
.login_box .login_frm2 > li > a{display:inline-block; }
.login_box .login_frm2 > li > a > img{display:block; max-width:100%; }
.login_box .btn_login{position:relative;display:block;width:100%;height:2.5rem;margin-top:.25rem;background:#465cbd;color:#fff;font-size:.7rem;line-height:2.5rem;text-align:center;border-radius:.5rem;overflow:hidden;}
.login_box .btn_login:before{position:absolute;top:0;left:110%;width:150%;height:100%;background:#2d3654;-webkit-transform:skewX(-0.06turn);transform:skewX(-0.06turn);-webkit-transition:left .3s;transition:left .3s;content:"";}
.login_box .btn_login > span{position:relative;z-index:1;}
.login_box .login_until{margin-top:1rem;text-align:center;}
.login_box .login_until > li{position:relative;display:inline-block;padding:0 1rem;color:#333;font-size:.7rem;}
.login_box .login_until > li + li:before{position:absolute;top:50%;left:0;width:1px;height:.85rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-left:1px dotted #c9c9c9;content:"";}
.login_box .login_until > li > a{display:block;}
.copy{display:block;margin-top:1.5rem;color:#fff;font-size:.7rem;text-align:center;}

/* id pw 찾기 */
.total_login_wrap.find_login_wrap .login_box{padding:2rem 3rem 0 3rem; }
.total_login_wrap.find_login_wrap .login_box:before{display:none; }
.total_login_wrap.find_login_wrap .login_tab_wrap{max-width:90%; height:37.5rem; }
.total_login_wrap.find_login_wrap .login_tab_wrap h2[class^="find_tab"]{height:4rem;background:#f3f4f4;color:#555;font-size:1rem;font-weight:500;word-break:keep-all;text-align:center;float:left;width:50%;}
.total_login_wrap.find_login_wrap .login_tab_wrap h2[class^="find_tab"]:not(.on) +  .login_con + h2[class^="login_tab"]:not(.on){border-left:1px dotted #bfc1c6;}
.total_login_wrap.find_login_wrap .login_tab_wrap h2.on{background:#fff;}
.total_login_wrap.find_login_wrap .login_tab_wrap h2 > a{display:table;table-layout:fixed;width:100%;height:100%;padding:0 .5rem;}
.total_login_wrap.find_login_wrap .login_tab_wrap h2 > a > span{display:table-cell;width:100%;vertical-align:middle;}
.total_login_wrap.find_login_wrap .find_con{position:absolute;top:4rem;left:0;width:100%;height:calc(100% - 4rem);display:none;}
.total_login_wrap.find_login_wrap .find_con.on{display:block;}
.total_login_wrap.find_login_wrap .login_box .notice{margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px dashed #ddd; }
.total_login_wrap.find_login_wrap .login_box table{text-align:left; }
.total_login_wrap.find_login_wrap .login_box .box h3{margin-bottom:1rem; font-size:1rem; text-align:left; }
.total_login_wrap.find_login_wrap .login_box .blue{display:inline-block; padding:.5rem 1rem; background:#1f41b5; color:#fff; border-radius:.5rem; overflow:hidden; }
.total_login_wrap.find_login_wrap .login_box .grey{display:inline-block; padding:0 1rem; background:#4e4e4e; line-height:38px; color:#fff; border-radius:.25rem; overflow:hidden; vertical-align:middle; }

/* 회원가입 */
.total_join_wrap .login_tab_wrap{padding:2rem; height:auto !important; }
.total_join_wrap [class^="btn_style"]{color:#fff; }
.total_join_wrap .sbscrbStep{padding:0;}
.total_join_wrap .TypeBox{float:none; }
.total_join_wrap .sbscrbStep .crtfcBtn a{padding:.5rem; }

/* 회원로그인 */
.mber_login_box .mber_login {position:relative; width:40%; height:20.9rem; margin:3.25rem auto 0; padding:3.25rem 2.5rem 1.75rem; border:1px solid #c9c9c9; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.mber_login_box .mber_login:before {content:""; display:block; position:absolute; left:50%; top:-3.25rem; width:6.5rem; height:6.5rem; margin-left:-3.25rem; background:#eee url('/images/web/apple/member/ico_login.png') no-repeat; background-size: contain; border-radius:3.25rem;}

.mber_login_box .mber_login ul li {position:relative; height:2.25rem; margin:0.25rem 0; padding-left:2.5rem; border-bottom:1px solid #000; overflow: hidden;}
.mber_login_box .mber_login ul li label {position:absolute; left:0; top:0; display:block; width:2.25rem; height:2.25rem; text-indent:-10000em;}
.mber_login_box .mber_login ul li.mber_id label {background:url('/images/web/apple/member/ico_login_id.png') no-repeat center;}
.mber_login_box .mber_login ul li.mber_pw label {background:url('/images/web/apple/member/ico_login_pw.png') no-repeat center;}
/* .mber_login_box .mber_login ul li input {width:100%; height:2.25rem; font-size:0.7rem; line-height:2.25rem; color:#444; vertical-align:middle; border:none;} */
.mber_login_box .mber_login ul li input {width:100%;height:2.25rem;font-size:0.7rem;line-height:2.25rem;color:#444;vertical-align:middle;border:none;font-family: auto;} /* 210910수정 */
.mber_login_box .mber_login .btnLogin {position:relative; width:100%; height:2.25rem; margin:1.25rem 0 0.75rem; line-height:2.25rem; color:#fff; font-size:0.8rem; font-weight:400; text-align:center; border:1px solid #00377b; background:#044ca4; overflow:hidden;}
.mber_login_box .mber_login .btnLogin span {position:relative; display:block; z-index:2;}
.mber_login_box .mber_login .btnLogin:before{content:''; position:absolute; bottom:-1.5rem; right:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:rgba(0,0,0,0.5); z-index:1;} /* 첫번째 색상 */
.mber_login_box .mber_login .btnLogin:after {content:''; position:absolute; bottom:-1.5rem; left:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:#044ca4;  z-index:1;} /* 두번째 색상 */
.mber_login_box .mber_login .btnLogin:hover:before {transform:scale(30); transition:all 0.4s;}
.mber_login_box .mber_login .btnLogin:hover:after{transform:scale(30); transition:all 0.4s; transition-delay:0.3s;}

.mber_login_box .mber_login .mber_btnEtc a {position:relative; display:inline-block; padding:0 0.5rem; color:#666; font-size:0.7rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.mber_login_box .mber_login .mber_btnEtc a:before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:0.45rem; margin-top:-0.25rem; border-left:1px dotted #9a9a9a;}
.mber_login_box .mber_login .mber_btnEtc a:first-child {padding-left:0;}
.mber_login_box .mber_login .mber_btnEtc a:first-child:before {display:none;}
.mber_login_box .mber_login .mber_btnEtc a:hover {color:#044ca4; font-weight:400;}
.mber_login_box .mber_login .mber_btnEtc a span {position:relative; display:block;}
.mber_login_box .mber_login .mber_btnEtc a span:before{content:''; position:absolute; bottom:0; left:50%; width:0; height:1px; background:#044ca4; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.mber_login_box .mber_login .mber_btnEtc a:hover span:before {content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; margin-left:-50%;}

/* SNS로그인 */
.mber_login_box .mber_snsL {position:relative; width:40%; height:20.9rem; margin:3.25rem auto 0; padding:3.25rem 2.5rem 1.75rem; border:1px solid #c9c9c9; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.mber_login_box .mber_snsL:before {content:""; display:block; position:absolute; left:50%; top:-3.25rem; width:6.5rem; height:6.5rem; margin-left:-3.25rem; background:#eee url('/images/web/apple/member/ico_sns_login.png') no-repeat; background-size: contain; border-radius:3.25rem;}
.mber_login_box .mber_snsL .sns_login {margin-top:2rem;}
.mber_login_box .mber_snsL .sns_login li {height:2.25rem; margin-bottom:0.15rem; line-height:2.25rem; font-size:0.8rem; overflow:hidden;}
.mber_login_box .mber_snsL .sns_login li a {position:relative; display:block; color:#fff; font-weight:400;}
.mber_login_box .mber_snsL .sns_login li a:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:120%; height:110%;  transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.mber_login_box .mber_snsL .sns_login li a:hover:before,
.mber_login_box .mber_snsL .sns_login li a:focus:before{transform:translateX(-10%) skew(-15deg) perspective(500px);}
.mber_login_box .mber_snsL .sns_login li.login_sns_na a {background:#03a806;}
.mber_login_box .mber_snsL .sns_login li.login_sns_na a:hover:before, .mber_login_box .mber_snsL .sns_login li.login_sns_na a:focus:before {background:#008c03;}
.mber_login_box .mber_snsL .sns_login li.login_sns_ka a { color:#222; background:#ffd538;}
.mber_login_box .mber_snsL .sns_login li.login_sns_ka a:hover:before, .mber_login_box .mber_snsL .sns_login li.login_sns_ka a:focus:before {background:#f1c51f;}
.mber_login_box .mber_snsL .sns_login li.login_sns_fa a {background:#3b59dd;}
.mber_login_box .mber_snsL .sns_login li.login_sns_fa a:hover:before, .mber_login_box .mber_snsL .sns_login li.login_sns_fa a:focus:before {background:#1d3ab7;}

.mber_login_box .mber_snsL .sns_login li a span {position:relative; position:relative; display:block; padding-left:2.25rem; text-align:center; z-index:2;}
.mber_login_box .mber_snsL .sns_login li.login_sns_na a span {background:url('/images/web/apple/member/btn_logo_naver.png') no-repeat left top;}
.mber_login_box .mber_snsL .sns_login li.login_sns_ka a span { color:#222; background:url('/images/web/apple/member/btn_logo_kakao.png') no-repeat left top;}
.mber_login_box .mber_snsL .sns_login li.login_sns_fa a span {background:url('/images/web/apple/member/btn_logo_face.png') no-repeat left top;}
.mber_login_box .mber_snsL .sns_login_txt {margin-top:0.75rem; font-size:0.7rem; letter-spacing:-1px;}

/* 비회원 로그인 */
.nmbr_txtBox {padding-bottom:2rem; font-size:0.7rem; text-align:center;}
.nmbr_txtBox dt {line-height:2rem; color:#111; font-size:1.7rem; font-weight:400;}
.nmbr_txtBox dt span {color:#044ca4;}
.nmbr_txtBox dd {margin-top:1rem;}
.nmbr_txtBox dd.nmbr_txtBox_atte {margin-top:2rem; padding-top:2rem; border-top:1px dashed #bec3cc; }
.nmbr_txtBox dd.nmbr_txtBox_atte span {display:inline-block; padding-left:1rem; background:url('/images/web/apple/member/bu_atte2.png') no-repeat left 4px;}

/* 휴대전화 본인확인 & 나이스 아이핀(I-PIN)인증 공통 : 회원가입 3단계에도 같이 쓰임 */
.mber_login_box .btn_nmbr_crtfc {position:relative; display:block; height:2.25rem; margin:1.25rem 0 0; line-height:2.25rem; color:#fff; font-size:0.8rem; font-weight:400; text-align:center; border:1px solid #00377b; background:#044ca4; overflow:hidden;}
.mber_login_box .btn_nmbr_crtfc span {position:relative; display:block; background:url('/images/web/apple/member/login_btn_linkW.png') no-repeat 95% center; z-index:2;}
.mber_login_box .btn_nmbr_crtfc:before{content:''; position:absolute; bottom:-1.5rem; right:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:rgba(0,0,0,0.5); z-index:1;} /* 첫번째 색상 */
.mber_login_box .btn_nmbr_crtfc:after {content:''; position:absolute; bottom:-1.5rem; left:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:#044ca4;  z-index:1;} /* 두번째 색상 */
.mber_login_box .btn_nmbr_crtfc:hover:before {transform:scale(30); transition:all 0.4s;}
.mber_login_box .btn_nmbr_crtfc:hover:after{transform:scale(30); transition:all 0.4s; transition-delay:0.3s;}

.mber_login_box .btn_nmbr_crtfcW {position:relative; display:block; height:2.25rem; margin:1rem 0 0; line-height:2.25rem; color:#044ca4; font-size:0.8rem; font-weight:400; text-align:center; border:1px solid #d1d1d1; background:#fff; overflow:hidden;}
.mber_login_box .btn_nmbr_crtfcW span {position:relative; display:block; background:url('/images/web/apple/member/login_btn_linkB.png') no-repeat 95% center; z-index:2;}
.mber_login_box .btn_nmbr_crtfcW:before{content:''; position:absolute; bottom:-1.5rem; right:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:#e7f2ff; z-index:1;} /* 첫번째 색상 */
.mber_login_box .btn_nmbr_crtfcW:after {content:''; position:absolute; bottom:-1.5rem; left:-1.5rem; width:1.5rem; height:1.5rem; border-radius:50%; background:#fff;  z-index:1;} /* 두번째 색상 */
.mber_login_box .btn_nmbr_crtfcW:hover:before {transform:scale(30); transition:all 0.4s;}
.mber_login_box .btn_nmbr_crtfcW:hover:after{transform:scale(30); transition:all 0.4s; transition-delay:0.3s;}

.mber_login_box .nmbr_Tbu {position:relative; margin-top:1rem; padding-left:0.5rem; font-size:0.75rem; line-height:1.2rem; word-break:keep-all;}
.mber_login_box .nmbr_Tbu:before {content:""; display:block; position:absolute; left:0; top:0.45rem; width:0.15rem; height:0.15rem; background:#0096ff; border-radius:0.1rem;}

/* 휴대전화 본인확인 */
.mber_login_box .nmbr_phone {position:relative; width:40%; height:20.9rem; margin:3.25rem auto 0; padding:3.25rem 2.5rem 1.75rem; border:1px solid #c9c9c9; background:#fcfcfc; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.mber_login_box .nmbr_phone:before {content:""; display:block; position:absolute; left:50%; top:-3.25rem; width:6.4rem; height:6.4rem; margin-left:-3.25rem; border:1px solid #c9c9c9; background:#fff url('/images/web/apple/member/ico_login_phone.png') no-repeat; background-size: contain; border-radius:3.25rem;}

/* 나이스 아이핀(I-PIN)인증 */
.mber_login_box .nmbr_ipin {position:relative; width:40%; height:20.9rem; margin:3.25rem auto 0; padding:3.25rem 2.5rem 1.75rem; border:1px solid #c9c9c9; background:#fcfcfc; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.mber_login_box .nmbr_ipin:before {content:""; display:block; position:absolute; left:50%; top:-3.25rem; width:6.4rem; height:6.4rem; margin-left:-3.25rem; border:1px solid #c9c9c9; background:#fff url('/images/web/apple/member/ico_login_ipin.png') no-repeat; background-size: contain; border-radius:3.25rem;}
/* 로그인 : End *******************************************************************************************************************************************************************************************************/


/* 회원가입 210929수정 : Start *******************************************************************************************************************************************************************************************************/
/* 회원가입 step */
.sbscrbStep{width:100%; margin-top:10px; padding:10px 0; box-sizing:border-box;}
.sbscrbStep > ul.stepList {width: 99.8%;float:left;background: #f5f6f7;padding: 1.5rem 0;border: 1px solid #b2b7c7;margin-bottom: 1.5rem;}
.sbscrbStep > ul.stepList li {width:25%;float:left;background:url("/00_common/images/member/arr_joinG.png") no-repeat right 50%;}
.sbscrbStep > ul.stepList li:last-child {background:none;}
.sbscrbStep > ul.stepList li img {display:block;margin:0px auto;padding:20px;background:#fff;border: 1px solid #b2b7c7;border-radius:100px;}
.sbscrbStep > ul.stepList li img.stepOn {background:#fff;border: 1px solid #5074cf;}
.sbscrbStep > ul.stepList li p {text-align:center;font-size: 0.7rem;font-weight:500;color:#5d5e65;padding-top: 0.5rem;}
.sbscrbStep > ul.stepList li p.stepOn {font-weight:600;}
.sbscrbStep > ul.stepList li p span {display:inline-block;width:100%;font-size:0.85rem;color: #254458;padding-top: 0.25rem;}
.sbscrbStep > ul.stepList li p.stepOn span {color: #5074cf;}

.sbscrbStep p {color:#555; font-size:0.77rem;}
.sbscrbStep p.sbscrbNaming {float:left;width:100%;padding: 1rem 0;font-size: 1rem;letter-spacing: -0.5px;font-weight:600;box-sizing: border-box;border-top: 3px solid #254458;color: #254458;}
.sbscrbStep p.sbscrbNaming > span {font-size: 0.75rem;width:100%;display:block;margin-top: 0.5rem;font-weight:400;color: #555;}

.sbscrbStep .stplatBox h3.stplatTit {font-size:1rem;font-weight: 600;color: #254458;}
.sbscrbStep .stplatBox h3.stplatTit span {font-size:0.8rem;font-weight: 500;color: #e13535;margin-left: 0.2rem;}


/* 1.이용약관동의 */
.stplatBox {margin-top:15px;}
.stplatBox .box_agree {padding:15px;background:#f5f6f7;margin-top:0.5rem;border: 1px solid #b2b7c7;}
.stplatBox .box_agree .agrScroll {height:15rem; margin-bottom:0.5rem; padding:0.75rem 1rem; border:1px solid #b2b7c7; background:#fff; overflow-y:auto;  font-size:12px; font-family:'NotoSans';}
.stplatBox .box_agree .agrScroll .ruleTit{color:#000;letter-spacing:-1px;line-height:1rem;font-size: 0.75rem;font-weight:bold;font-family:'NotoSans';}
.stplatBox .box_agree .agrScroll ul {width:100%; padding:0 0 1rem; color:#333; letter-spacing:-1px; line-height:1rem;}
.stplatBox .box_agree .agrScroll ul li {padding-top:10px;font-weight:600;font-size: 0.7rem;line-height: 1.6;}
.stplatBox .box_agree .agrScroll ul li span{display:block;font-weight:normal;padding-top:3px;margin-left:0.65rem;font-size: 0.65rem;}
.stplatBox .box_agree .agrScroll ul li span strong{font-weight:bold;}
.stplatBox .box_agree .agrScroll ul li ol li,
.stplatBox .box_agree .agrScroll ul li ul li {font-weight:normal;padding-top:0;padding-bottom:0;margin-left:0.65rem;font-size: 0.65rem;}
.stplatBox + .stplatBox .box_agree .agrScroll ul li span {margin-left:0;}
.stplatBox + .stplatBox .box_agree .agrScroll ul li ol li,
.stplatBox + .stplatBox .box_agree .agrScroll ul li ul li {margin-left:0;}
.stplatBox .box_agree .agrScroll ul.fw_normal li { padding-top:5px; font-weight:normal; }
.stplatBox .box_agree .agrInput{ position:relative; padding-left:1.1rem; }
.stplatBox .box_agree .agrInput label{color:#666; font-size:12px; font-family:'NotoSans';}

.agrScroll  table{ width:100%; font-size:0.6rem;}
.agrScroll  table th, .agrScroll  table td{border:1px solid #e0e0e0; padding:2px; line-height:150%; text-align:center;}
.agrScroll  table th{font-weight:bold;}
.agrScroll  table td{ color:#666}
.agrScroll  table .lt{text-align:left;}


/* 2.회원유형 */
.TypeBox {width:100%; box-sizing:border-box;float:left;}
.TypeBox ul.customersType {margin: -.45rem;text-align: center;}
.TypeBox ul.customersType > li {display:inline-block;width: 47%;text-align: center;padding: .45rem;}
.TypeBox ul.customersType > li a {display: block;width: 100%;border: 1px solid #ddd;padding:30px 5px;transition: background 0.5s;transition: background 0.5s;box-sizing:border-box;}
.TypeBox ul.customersType > li span {width:100%;display:block;color: #254458;padding: 0.5rem 0;font-size: 1.1rem;font-weight: 600;}
.TypeBox ul.customersType > li a:hover {background: #f9f9f9;}
.TypeBox ul.customersType > li a p {font-size:0.75rem; line-height:1.4;}
.TypeBox ul.customersType > li a div {width: 60%;height: 50px;border-radius: 2rem;margin-top:25px;font-weight:600;background: #5074cf;color:#fff;margin: 1rem auto 0.5rem;line-height: 50px;font-size: 17px;font-weight: 400;}
.TypeBox ul.customersType > li a:hover div {background:#3858a9;}
.mber_login_OR {display:block; position:absolute; left:50%;top: 400px;width:50px;height: 216px; margin-left:-25px;}
.mber_login_OR:before {content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:100%;/* border-left:1px dashed #bec3cc; */}
.mber_login_OR:after {content:"OR"; display:block; position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; padding-right:7px; line-height:50px; font-size:22px; font-style:italic; text-align:center; color:#fff; background:#7995b8; border-radius:25px;}


/* 3.사용자 인증 */
.sbscrbStep .crtfcBtn {margin-top:1.5rem;}
.sbscrbStep .crtfcBtn a {width: 49%;padding: 1.2rem 1rem;text-align: center;}

/* 4.회원정보 작성 */
.sbscrbStep .tbl_st_row table {border-top:2px solid #254458;}
.sbscrbStep p.sbscrTit {float:left;width:100%; padding:1rem 0 0.5rem; font-size:1rem; letter-spacing:-0.5px; font-weight:600; box-sizing:border-box; color:#254458;}
.sbscrbStep .tbl_st_row table td {line-height:2;}
.sbscrbStep .tbl_st_row table td span.passwordTxt {font-size:0.7rem;display: block;line-height: 1.4;margin-top: 0.3rem;}
.sbscrbStep .tbl_st_row table td .inp_st {height:1.6rem;}
.sbscrbStep .tbl_st_row table td .btn_line_style2 {padding: 0 0.5rem;border: 1px solid #c6c6c6;margin-left: 0.2rem;color: #444;}
.sbscrbStep .tbl_st_row table td .btn_line_style2:hover {background:#444; border:1px solid #444; color:#fff;}

/* 5.회원가입 완료 */
.succesBox {float:left;width:100%;padding: 1rem 0;font-size: 1rem;letter-spacing: -0.5px;font-weight:600;box-sizing: border-box;border-top: 3px solid #254458;color: #254458;background: #f5f6f7;}
.succesBox p {text-align:center;font-size:1.2rem;margin-top: 1rem;color: #254458;}
.succesBox img {margin-top: 1.5rem;position:relative;left:50%;transform: translateX(-50%);}
.succesBox .succesTxt > p {font-size: 0.8rem;color: #555;margin-bottom: 1rem;}
/* 회원가입 : //210929 End *******************************************************************************************************************************************************************************************************/


.btn_style1{display:inline-block;padding:.5rem 1rem;background:#1161bc;color:#fff;font-size:.8rem;font-weight:500;}
.btn_style1:hover,
.btn_style1:focus { background:#113ba5; }
.btn_style2{ display:inline-block; padding:.5rem 1rem; background:#444; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style2:hover,
.btn_style2:focus { background:#111; }
.btn_style3{ display:inline-block; padding:.5rem 1rem; background:#c00426; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style3:hover,
.btn_style3:focus { background:#8f001a; }
.btn_style4{ display:inline-block; padding:.5rem 1rem; background:#5074cf; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style4:hover,
.btn_style4:focus { background:#2d5cd1; }
.btn_style5{ display:inline-block; padding:.5rem 1rem; background:#f16c24; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style5:hover,
.btn_style5:focus { background:#e95100; }
.btn_style6{ display:inline-block; padding:.5rem 1rem; background:#008f5b; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style6:hover,
.btn_style6:focus { background:#006d45; }
.btn_style7{ display:inline-block; padding:.5rem 1rem; background:#fbca1a; color:#333; font-size:.8rem; font-weight:500; }
.btn_style7:hover,
.btn_style7:focus { background:#ffb107; }

.btn_gr {padding:15px 50px !important}
.btn_bl {padding:15px 50px !important}
.btn_ye {padding:15px 50px !important}
.btn_re {padding:15px 50px !important}
.btn_ge {padding:15px 50px !important}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}

@media screen and (max-width:1440px){
	#all-scroll .page{white-space:normal !important; overflow-x: hidden !important;}
}

/* 210929수정 */
@media screen and (max-width:1200px){
	.mber_login_OR {top: 388px;}

	/* 로그인 : Start *******************************************************************************************************************************************************************************************************/
	/* 로그인 */
	.mber_login_box .mber_login_OR {position:relative; left:auto; top:auto; width:100%; height:4.5rem; margin:0;}
	.mber_login_box .mber_login_OR:before {left:0; top:50%; width:100%; height:1px; border-top:1px dashed #bec3cc; border-left:none;}

	.mber_login_box h3.login_tit, .mber_login_box p.login_info {text-align:center;}


	/* 일반 로그인 */
	.mber_login_box .mber_login.fl, .mber_login_box .mber_snsL.fr {float:none !important;}
	.mber_login_box .mber_login,  .mber_login_box .mber_snsL {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.mber_login_box .mber_login {width:90%; height:auto; margin:3.25rem auto 0; padding:3.25rem 1.5rem 1.75rem; }

	/* SNS 로그인 */
	.mber_login_box .mber_snsL {width:90%; height:auto; margin:3.25rem auto 0; padding:3.25rem 1.5rem 1.75rem; }

	/* 비회원 로그인 */
	/* 휴대전화 본인확인 */
	.mber_login_box .nmbr_phone.fl, .mber_login_box .nmbr_ipin.fr {float:none !important;}
	.mber_login_box .nmbr_phone, .mber_login_box .nmbr_ipin {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.mber_login_box .nmbr_phone {width:90%; height:auto; margin:3.25rem auto 0; padding:3.25rem 1.5rem 1.75rem; }

	/* 나이스 아이핀(I-PIN)인증 */
	.mber_login_box .nmbr_ipin {width:90%; height:auto; margin:3.25rem auto 0; padding:3.25rem 1.5rem 1.75rem; }

	/* 로그인 : End *******************************************************************************************************************************************************************************************************/

		/* 통합로그인 */
	.login_tab_wrap{width:96%;}
	.login_box{padding-left:20rem;}
	.login_box:before{width:16.5rem;height:15rem;}

	/* id pw 찾기 */
	.total_login_wrap.find_login_wrap .login_tab_wrap{width:90%; }



}

@media screen and (max-width:1000px){



}


@media screen and (max-width:800px){

	.mber_login_OR {display:none;}


	/* 회원가입 210929수정 : Start *******************************************************************************************************************************************************************************************************/

	.sbscrbStep > ul.stepList li {width: 32.33%;  margin:1rem 0;}

	/* 회원가입 : End *******************************************************************************************************************************************************************************************************/
		.sbscrbStep > ul.stepList li {width: 25%;}
	.sbscrbStep > ul.stepList li p {font-size:0.7rem}
	.sbscrbStep > ul.stepList li p span {font-size:0.7rem}
	.sbscrbStep > ul.stepList li img {display:none;}
	.sbscrbStep > ul.stepList li {background:url("/00_common/images/member/arr_joinG.png") no-repeat right 50%;  background-size:8%;}
	.sbscrbStep > ul.stepList {padding: 0.5rem 0;}
}

@media(min-width:769px){
	/* 통합로그인 */
	.login_box .btn_login:hover:before,
	.login_box .btn_login:focus:before{left:-10%;}
	.login_box .login_until > li > a:hover,
	.login_box .login_until > li > a:focus{color:#465cbd;}
}
@media(max-width:768px){
	/* 통합로그인 */
	.total_login{padding:2rem 0; }
	h1{font-size:1.5rem;}
	.login_tab_wrap{height:24rem;border-radius:1.5rem;}
	.login_tab_wrap h2[class^="login_tab"]{font-size:.8rem;}
	.login_box{padding:2.5rem 2rem 0;}
	.login_box:before{display:none;}
	.login_box .box h3{font-size:1.4rem;}

	/* id pw 찾기 */
	.total_login_wrap.find_login_wrap .login_box{padding:1.5rem 1rem; }
	.total_login_wrap.find_login_wrap .tbl_st table th,
	.total_login_wrap.find_login_wrap .tbl_st table td{padding:.25rem; }
	.total_login_wrap.find_login_wrap .tbl_st table td select,
	.total_login_wrap.find_login_wrap .tbl_st table td input{height:30px; }
	.total_login_wrap.find_login_wrap .login_box .grey{line-height:30px;}

	/* 회원가입 */
	.login_tab_wrap{padding:1.5rem 1rem; }
	.total_join_wrap .sbscrbStep > ul.stepList{padding:.5rem; }
	.total_join_wrap .sbscrbStep > ul.stepList li{width:33.333%; background-size:10%; }
	.total_join_wrap .sbscrbStep > ul.stepList li img{width:50px; padding:10px; }
	.total_join_wrap .sbscrbStep > ul.stepList li p span{font-size:.75rem; }
	.total_join_wrap .TypeBox ul.customersType > li a{padding:.75rem .5rem; }
	.total_join_wrap .TypeBox ul.customersType > li span{font-size:.9rem; }
	.total_join_wrap .TypeBox ul.customersType > li img{display:none; }
	.total_join_wrap .TypeBox ul.customersType > li a div{height:30px; line-height:30px; font-size:.75rem; }
	.total_join_wrap .tbl_st_row colgroup{display:none; }
	.total_join_wrap .tbl_st_row table,
	.total_join_wrap .tbl_st_row table tbody,
	.total_join_wrap .tbl_st_row table tr,
	.total_join_wrap .tbl_st_row table th,
	.total_join_wrap .tbl_st_row table td{display:block; }
	.total_join_wrap .succesBox img{width:5rem; }
}

@media screen and (max-width:600px){
	.btns button {width:100% !important;}
}

@media screen and (max-width:560px){

	/* 회원가입 210929추가 */
	/* 3. 사용자인증 */
	.sbscrbStep .crtfcBtn a {width:100%;}

	}


@media screen and (max-width:500px){

	/* 로그인 : Start *******************************************************************************************************************************************************************************************************/
	/* 로그인 */
	.mber_login_box h3.login_tit { font-size:1.2rem;}

	/* 일반 로그인 */
	.mber_login_box .mber_login {width:100%; margin:2rem auto 0; padding:2rem 1rem 1.5rem; }
	.mber_login_box .mber_login:before {left:50%; top:-2rem; width:4rem; height:4rem; margin-left:-2rem;}

	.mber_login_box .mber_login .mber_btnEtc a {padding:0 0.25rem;}

	/* SNS 로그인 */
	.mber_login_box .mber_snsL {width:100%; margin:2rem auto 0; padding:2rem 1rem 1.5rem; }
	.mber_login_box .mber_snsL:before {left:50%; top:-2rem; width:4rem; height:4rem; margin-left:-2rem;}
	.mber_login_box .mber_snsL .sns_login {margin-top:1rem;}

	/* 비회원 로그인 */
	.nmbr_txtBox {padding-bottom:1rem;}
	.nmbr_txtBox dt {line-height:1.7rem; font-size:1.4rem;}
	.nmbr_txtBox dd {margin-top:0.5rem;}
	.nmbr_txtBox dd.nmbr_txtBox_atte {margin-top:1rem; padding-top:1rem;}

	/* 휴대전화 본인확인 */
	.mber_login_box .nmbr_phone {width:100%; margin:2rem auto 0; padding:2rem 1rem 1.5rem; }
	.mber_login_box .nmbr_phone:before {left:50%; top:-2rem; width:3.9rem; height:3.9rem; margin-left:-2rem;}

	/* 나이스 아이핀(I-PIN)인증 */
	.mber_login_box .nmbr_ipin {width:100%; margin:2rem auto 0; padding:2rem 1rem 1.5rem; }
	.mber_login_box .nmbr_ipin:before {left:50%; top:-2rem; width:3.9rem; height:3.9rem; margin-left:-2rem;}

	/* 로그인 : End *******************************************************************************************************************************************************************************************************/


    /* 회원가입 210929추가 */



	/* 2.회원유형 선택 */
	.TypeBox ul.customersType > li {width:100%; margin-left:0;}

}

@media(max-width:480px){
	/* 통합로그인 */
	.login_tab_wrap{height:22.5rem;}
	.login_box{padding:2rem 1rem 0;}
	.login_box .login_frm{margin-top:1.5rem;}
	.login_box .login_until > li{font-size:.65rem;}

	/* 회원가입 */
	.total_join_wrap .sbscrbStep > ul.stepList li{width:50%; margin:.5rem 0; background-size:7%; }
	.total_join_wrap .tbl_st_row table select, table input{width:100%; }
	.total_join_wrap .tbl_st_row table input + select,
	.total_join_wrap .tbl_st_row table select + select{margin-top:.25rem; }
	.total_join_wrap .sbscrbStep .tbl_st_row table td .btn_line_style2{width:100%; text-align:center; }
}

@media screen and (max-width:428px){

	/* 회원가입 210929추가 */
	.tbl_st_row table tbody .password th {line-height:1.4;}
	.tbl_st_row table tbody .password td {line-height:2.5;}

	}

@media screen and (max-width:380px){




}

@media screen and (max-width:358px){

	/* 회원가입 210929추가 */
	.sbscrbStep .tbl_st_row table td .btn_line_style2 {margin-left:0; margin-top:0.2rem;}

}

@media screen and (max-width:320px){

	/* 회원가입 210929추가 */
	.tbl_st_row table tbody .password td {line-height:4;}
	.sbscrbStep .tbl_st_row table td select {margin-bottom:0.4rem;


}
 /* //210929수정 */