.est {color: #ff0000; margin-right:5px;}
.pd10{padding:0px 20px;}

/* 로그인 */
.login {position: relative; padding: 50px 0px 0px 0px;text-align: center;border-top: 2px solid #484848; background-color:#fff;}
.login p{margin-bottom:30px; color:#222;}
.login p strong{font-weight:500;}
.loginInput { position: relative; width: 430px;margin: 0 auto 41px; }
.login dt,
.login dd {display: inline-block;}
.login dt {margin-right: 11px;}
.login dt label img {width: 14px;}
.login dd { background-color: #fff;}
.login input[type="text"],
.login input[type="password"] { width: 184px;  height: 35px;  padding: 0 0 0 5px; font-size: 0.85em;color: #585858; vertical-align: middle;  border: 1px solid #c5c5c5;-webkit-border-radius:1px; }
.login input[type="text"]:focus,
.login input[type="password"]:focus { border: 1px solid #0f117a;}
.login input[type="password"] { margin-top:5px;}
.login input.btnLogin {padding: 0; margin: 10px 0 17px 0;width:215px; height:35px; color: #fff; font-size:13px;border: none;border-radius: 3px;background-color: #0f117a;-webkit-border-radius:3px;}
.loginBtn {  position: relative;font-size: 0;}
.loginBtn a { display: inline-block;  width: 105px;height: 29px; line-height:29px; margin-top:0px;font-size: 13px;  text-align: center;  color: #fff;border-radius: 3px;background-color: #9f9f9f;-webkit-border-radius:3px;}
.loginBtn a:first-child {margin-right: 5px;}
.loginFail{position: relative; clear:both; }
.loginFail input{ height: 28px; border: 1px solid #b4b4b4;}
.loginFail p{margin-top:5px;}
.error{color: #ff0000; padding-top:5px; background: #f5f6f8;}
.autolog{text-align:left; font-size:0.85em; margin-top:15px; margin-bottom:10px; margin-left:25%;}

.autochks {display:inline-block;position:relative; font-weight:normal;}
.autochks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.autochks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;line-height:20px;position:relative;padding-left:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.autochks input[type="checkbox"] + label:before {content:'';position:absolute;left:1px;top:0px;margin:0;width:20px;height:20px;text-align:center;background: url('/images/mobile/check.png') no-repeat 0 0; background-size:20px 20px; box-sizing:border-box;}
.autochks input[type="checkbox"] + label:active:before,
.autochks input[type="checkbox"]:checked + label:active:before {}
.autochks input[type="checkbox"]:checked + label:before {background: url('/images/mobile/check_on.png') no-repeat 0 0; background-size:20px 20px;}

/* 회원가입, 회원가입완료 */
.signup03 {margin: 0 auto;text-align: center; }
.signup03 .t_big {display: block;line-height:1.3; margin-bottom: 36px;padding-top: 28px; color: #575757;}
.signup03  h3{margin-bottom:15px; font-size:1.6rem; color: #333; font-weight:500;}
.signup03  h3 strong{color:#393E90;font-weight: 600;}
.signup03  strong {font-weight: 500;color: #333;}
.signup03 .btn_confirm {display: inline-block;width: 105px;margin-right: 0; padding: 0; background:#666;}

.kid_info li{overflow:hidden; }
.kid_info li span{width:70px; display:block; float:left;}
.kid_info li input{margin-top:5px;}

/* 멤버 Step */
ul.step {width: 100%;margin: 0 auto; border:1px solid #dfdfdf; overflow:hidden;}
ul.step li{float:left; width:33.333%; height: 34px;text-align:center;line-height:34px; font-size: 0.9em; position:relative; z-index:0; border-left:1px solid #dfdfdf;}
ul.step li:nth-child(1){border-left:none;}
ul.step li:nth-child(1).on{background-color: #50519E; color: #fff; z-index:3;}
ul.step li:nth-child(1).on:after{content:'';display : block; position : absolute; right :-30px; top:0; border-top:17px solid transparent;  border-left:15px solid #50519E;  border-right: 15px solid transparent;  border-bottom: 17px solid  transparent;z-index:3;}
ul.step li.ona{background-color: #50519E; color: #fff; z-index:3;}
ul.step li.ona:after{content:'';display : block; position : absolute; right :-30px; top:0; border-top:17px solid transparent;  border-left:15px solid #50519E;  border-right: 15px solid transparent;  border-bottom: 17px solid  transparent;z-index:3;}
ul.step li:nth-child(2).on{background-color: #242686; color: #fff; z-index:2;}
ul.step li:nth-child(2).on:after{content:'';display : block; position : absolute; right :-30px; top:0; border-top:17px solid transparent;  border-left:15px solid #242686;  border-right: 15px solid transparent;  border-bottom: 17px solid  transparent;z-index:2; }
ul.step li.last{background-color: #0E106F; color: #fff; z-index:1;}
ul.step li.last b{color:#fff;}


.user_agree,
.member_form {padding: 0 15px;margin: 0 auto; word-break:keep-all;}
.user_agree input{vertical-align:middle;}
.user_agree h3 {font-size: 1.0em;font-weight: bold;margin: 0; color:#0f117a; letter-spacing:-0.08em;}
.btnChkUnique{display:inline-block; font-size: 10px;  padding: 0px 5px; width:50px; height:35px; line-height:35px; background-color: #454545; color: #fff;border-radius: 1px;}
.btnAdd{display:inline-block; font-size: 10px;  padding: 0px 5px; width:50px; height:35px; line-height:35px;  background-color: #ff3eff; color: #fff;border-radius: 1px;}
.btnDel{display:inline-block; font-size: 10px;  padding: 0px 5px; width:50px; height:35px; line-height:35px;  background-color: #666; color: #fff;border-radius: 1px;}

.user_agree legend {display: none;}
.user_agree dl dt{margin-bottom:10px; font-size:1.15rem; font-weight:500; margin-top:30px; color:#000;}

.user_agree dl dd{overflow:hidden;}
.user_agree .chks{float:right; margin-top:20px;}
.user_agree textarea{font-size:0.85em; color:#777; height:150px; overflow-y:scroll;}

.example{font-size: 11px; color: #898989; margin-top: 3px;line-height: 1.2; margin-top:5px;}

.btn_confirm,
.btn_cancel {display: inline-block;padding: 0; font-family:'GmarketSans', 'sans-serif';}
.btn_confirm {width: 130px;height: 40px;line-height: 40px;margin-right: 3px;font-size: 0.9em;color: #fff;border: none;cursor: pointer;background-color: #FF3D00;border:1px solid #FF3D00; box-sizing:border-box;}
.btn_cancel {width: 130px;height: 40px;line-height: 40px;font-size: 0.9em;color: #888;border: none;cursor: pointer;background-color: #fff; border:1px solid #ddd; box-sizing:border-box;}


.member_form .ar{margin-bottom:10px; font-size:0.8rem; color:#999; text-align:right; margin-top:20px;}
.member_form em{color:#ff0000;}
.member_form th em{margin-left:5px;}
.member_form legend {display:none;}
.sign-complite {padding: 0 10px;}
.sign-complite .on {background: url('/images/default/member/arrow_off2.png') no-repeat 0 0; height:34px;background-size: 12px auto; }

/* 아이디 비번찾기 */
.searchWrap{overflow: hidden;width: 100%;margin: 0 auto;}
.IdSearch, .PwSearch{padding:20px; background:#f4f4f4;}
.IdSearch {margin-bottom: 25px;}
.IdSearch h3, .PwSearch h3{font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.PwSearch h3{}
.IdSearch h3 span, .PwSearch h3 span{}
.PwSearch h3 span{}
.IdSearch legend,
.PwSearch legend {display: none;}
.tbl-membership p{margin-bottom:10px; font-weight:500; color:#333; }
.sbm{margin-top:20px;}



.searchWrap div table {margin-bottom: 20px;}
.searchWrap table td.no_br{padding-top: 10px;}
.IdSearch div.btnAction,
.PwSearch div.btnAction{text-align: center;}
.IdSearch div.btnAction input, .PwSearch div.btnAction input {background-color: #555;width: 100%;height: 40px;line-height: 40px;padding: 0;color: #fff;border: none;box-sizing:border-box;cursor:pointer;}
.PwSearch div.btnAction input {color: #fff;}
.find-account {padding: 0 10px;margin: 0 auto;}
.find-account h3 {margin-bottom: 10px;font-size: 14px;font-weight: normal;}
.find-account form .sbm,
.find-account .cmd {text-align: center;font-size: 0;}
.find-account .cmd a {display: inline-block;width: 148px;height: 29px;line-height: 29px;color: #fff;font-size: 13px;border: none;box-sizing:border-box;cursor:pointer;-webkit-border-radius:3px;border-radius: 3px;}
.find-account .cmd a.btn-login {margin-right: 3px;background-color: #0f117a;}
.find-account .cmd a.btn-find-pw {background-color: #6b6b6b;}
.find-account form .sbm a,
.find-account form .sbm input[type="submit"] {display: inline-block;width: 148px;height: 29px;line-height: 29px;color: #fff;font-size: 13px;border: none;box-sizing:border-box;cursor:pointer;-webkit-border-radius:3px;border-radius: 3px;}
.find-account form .sbm input[type="submit"] {border: none;padding: 0;vertical-align: top;font-family: 'Noto Sans Korean', sans-serif;}
.find-account form .sbm a:hover {text-decoration: none;}
.find-account form .sbm .submit {background-color: #0f117a;}
.find-account form .sbm a.cancel {margin-left: 3px;background-color: #6b6b6b;}
.find-account-result {padding: 25px 0;margin-bottom: 30px;text-align: center;border-top: 2px solid #0f117a;border-bottom: 1px solid #efefef;}
.find-account-result p {font-size: 15px;line-height: 20px;}
.find-account-result p strong {font-weight: 500;color: #a700b8;}

.padd{padding:0 1rem;}
.padd h4{font-size:1.3rem; font-weight:500; color:#222;}

.dsc{margin-top:1rem; border:2px dashed #ccc; padding:1rem; font-size:.9rem; line-height:1.4;}
.findIdpw{margin-top:2rem;}
.findIdpw .hd{color:#393E90; font-weight:600;}
.findIdpw dl{margin-top:1rem;}
.findIdpw dl dt{margin-bottom:10px;}
.findIdpw .btn{margin-top:1rem; text-align:center;}
.findIdpw .btn a{display:block; height:40px; line-height:40px; color:#393E90;background:#fff; font-weight:600;  border:2px solid #393E90; }

/* 회원탈퇴 */
p.memout{position:absolute; top:-50px; right:10px;}
p.memout a{background-color:#0cbdd8; color:#fff; padding:3px 10px; font-size:0.85em;}
.withdraw{width: 100%;margin: 0 auto; text-align:center; line-height:1.6; font-size:1.2em; border-bottom:1px solid #eee; padding:0px 15px; padding-bottom:30px;}
.withdraw p{margin-bottom:30px; background:#F3FCFF; padding:20px 0px;}
.withdrawBtn{margin-top:30px; text-align:center; }
.withdrawBtn input{background-color:#8C8C93; color:#fff; padding:8px 50px; font-size:1.0em;}


/* 온라인문의 */
caption{display:none;}
.require{text-align:right; font-size:.8rem; margin-bottom:10px;}
.require em{color: #E91010; }
table.online_tb col.title{width:30%;}
table.online_tb col.conts{width:70%;}
table.online_tb th span{}
table.online_tb {width:100%;  margin:0 auto; border-top:1px solid #f0f3f3; table-layout:fixed;}
table.online_tb label{margin-right:10px;}
table.online_tb th{background-color:#f9f9f9; color:#333; font-weight:500; line-height:1.3; vertical-align:middle; font-size:0.8rem; border:1px solid #ececec; border-left:none; padding:10px 5px; font-weight:normal; position:relative;}
table.online_tb td{overflow:hidden; vertical-align:middle; font-size:0.9em; border:1px solid #ececec; border-right:none; padding:10px; font-weight:normal; position:relative;}
table.online_tb img{vertical-align:middle;}
table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:100%; opacity:0;}
table.online_tb .file input[type="text"] {width:100px;}
table.online_tb .file a {margin-left:10px; vertical-align:middle;}
table.online_tb .file span {margin-left:20px; font-size:15px; color:#767676}
.fileBtn {display:inline-block; width:70px; height:35px; line-height:35px; background:#7d7d7d; font-size:0.85em; font-weight:normal; color:#fff; text-align:center;margin-left:0px !important;}
.btn_wrap{text-align:center; margin-top:30px; }
table.online_tb td.email input:first-child{width:20%;}
table.online_tb td.email input{width:35%;}
table.online_tb td.email select{min-width:auto; width:30%;}
table.online_tb td.tell input{width:calc((100% / 3) - 10px);}
table.online_tb td.birthday input{width:calc((100% / 3) - 20px);}
.online_tb th em {margin-left: 5px; color: #E91010;}

table.online_tb td.captcha{overflow:hidden;}
table.online_tb td.captcha img{}
table.online_tb td.captcha input{width:calc(100% - 120px); float:right;}
table.online_tb td .btnr{overflow:hidden;}
table.online_tb td .btnr a{float:right;}
table.online_tb td .btnr input{width:calc(100% - 55px);}
table.online_tb td .phone input{width:30%;}
table.online_tb td.education input{width:70% !important; margin-bottom:10px;}
table.online_tb td.playingTime input{width:30% !important; margin:5px 0;}
table.online_tb td.nobr{border-left:none; padding:1rem 0;}
input.datepicker{background:url("/images/default/content/cal.png") no-repeat 98% 50%; background-size: 15px auto;}

.btn_addr{font-size:0.75rem; letter-spacing:0.02em; background:#444; color:#fff; height: 35px; line-height: 35px; padding:0 5px; border:none; outline:none;}

.radio{display:block; margin:5px 0px; }
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:30px; margin-left:0px;color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 0.9em;}
.radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 20px; height: 20px; line-height: 20px; background:url("/images/default/content/radio.png") no-repeat 0 50%; background-size:20px auto;}
.radio input[type="radio"].disabled + label:before {background:url("/images/default/content/radio.png") no-repeat 0 50%; background-size:20px auto;}
.radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%; background-size:20px auto;}
.yradio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on01.png") no-repeat 0 50%; background-size:20px auto;}

.cf_box{font-family:'GmarketSans'; width: 100%; margin: 2rem auto 0; padding: 1rem 0; background: #f1fcf9;border: 2px solid #47DAAE; border-radius: 15px; font-size: 1rem; font-weight: 600; color: #25b88c; text-align: center; }
.cf_box span{}
.cf_box i{font-size: 1.2rem;}


.ast{margin-top:10px; font-family:'GmarketSans';}
.ast span{padding-left:20px; position:relative; font-size:.85rem; line-height:1.3; display:inline-block; color: #FF3D00;}
.ast span:before{content:'※'; display : block; position : absolute; left :0; top:0; }




/* 입력 스타일 */
caption{display:none;}
input, textarea {-webkit-appearance:none;-webkit-border-radius:0;}
input[type="checkbox"] {-webkit-appearance:checkbox;vertical-align:middle}
input[type="radio"] {-webkit-appearance:radio;-webkit-border-radius:50px;width:13px;height:13px;margin:0 0 3px;padding:0;vertical-align:middle}
input[type="password"],
input[type="text"] {width:100%; background:#fff;  border:1px solid #d8d8d8; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 35px; line-height: 35px; text-align:left;}
select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
select{ -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;padding:0px 5px; height: 35px; line-height: 35px;border:1px solid #d8d8d8; background:#fff url("/images/default/content/sel_icon.png") no-repeat 92% 50%; min-width:31.33%;}
textarea{padding:10px; width:100%; box-sizing:border-box; vertical-align:middle; background:#fff; border:1px solid #b2b2b2; color:#555; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0; }

.chk_box h3{margin-top:2rem;}
.chks {display:inline-block;position:relative; font-weight:normal;}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;line-height:20px;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; font-size:0.9em;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:1px;top:0px;margin:0;width:20px;height:20px;text-align:center;background: url('/images/mobile/check.png') no-repeat 0 0; background-size:20px 20px; box-sizing:border-box;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background: url('/images/mobile/check_on.png') no-repeat 0 0; background-size:20px 20px;}

/* 개인정보처리방침 이용약관 */
.agree-conts{line-height:1.5; word-break:break-word; padding:2rem 15px 0 !important; font-size:0.9em;}
.agree-conts h3{font-size:1.3em;color:#000;font-weight:700;margin-top:50px;margin-bottom:15px;}
.agree-conts h4{font-size:1.2em; margin-top:40px;color:#333;}
.agree-conts h3:nth-of-type(1),
.agree-conts h4:nth-of-type(1){margin-top:0;}
.agree-conts h5{font-size:1.1em; margin-bottom:5px; margin-top:20px;color:#333;}
.agree-conts p {margin-bottom:2rem; color:#333;}
.agree-conts ul li.list2{padding:15px 0 15px 0;   line-height:1.5; }
.agree-conts ul li{margin-top:10px;}
.agree-conts ul li:first-child{margin-top:0; line-height:1.5; }

/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:110px 10px 10px 10px;
background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat top center; margin-top:0px;box-sizing:border-box;font-size:0.9em;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:10px;font-weight:bold;}
div.emailPolicy li.list2 {font-size:13px;padding-left:10px;margin-top:10px;}
div.emailPolicy p {margin-bottom:10px;}
div.emailPolicy p span.point {font-weight:bold;color:#1546ac;}




/*아코디언 메뉴*/
.agreeform_wrap h4{margin-top: 1rem; margin-bottom:.5rem;}
.list{border:1px solid #ddd;}
.list + .list{border-top:0}
.list .item{position:relative;border-top:1px solid #e1e1e1;}
.list li:nth-child(1) .item{border-top:0}
.list .item label{ color:#444}
.list .item label strong{color:#007d6b}
.list .item label .strongType2{color:#e60000}
.list .item label:before{top:4px;}
.list .item a{overflow:hidden;display:block; position:relative; padding:2rem 1.5rem 4rem; color:#444; font-size: 0;}
.list .item a:before{content:"더보기";  position:absolute; right:1.5rem; bottom:1rem; color:#47DAAE; font-size:.8rem; line-height:1.2; text-decoration:underline;}

.list .item .chks{position: absolute; top:1.3rem;left: 1rem; }


.list .item.type a {color:#666}
.list .view{display:none;padding:2rem 1.5rem; border-top:1px solid #e1e1e1; background:#f8f8f8}
.list .view .textarea{color:#444; line-height:1.3;}
.list .active{position:relative;}
.list .active + li .item{border-top:0}
.list .active .item{ border-top:1px solid #afafaf;}
.list .active a:before{content:"닫기";}
.list li.active:nth-child(1) .item{border-top:0;}
.list .active .view{display:block; font-size:0.8rem; line-height:1.6; position:relative;margin-bottom:-1px;border-bottom:1px solid #e1e1e1; height:15rem; overflow-y:auto; overflow-x:hidden;}
.list .active .view h6{font-size:0.8rem;}
.list .active .view .textarea{font-size:0.8rem; line-height:1.6;}