/*로그인*/
.loginWrap{ align-items: center; justify-content: center; padding:6rem 0; position:relative;  background:#4AC2E7 url('/images/web/content/login_bg.jpg')no-repeat right bottom; background-size:100%; animation:none;}
.lcon{width:25rem; margin:0 auto; }
.lcon h3{color:#fff; text-align:center; margin-bottom:2.5rem; font-size:2.1rem; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
.lcon ul.loginform li{margin-top:.5rem;}
.lcon ul.loginform li input{border-radius:.3rem; height:2.7rem; line-height:2.7rem; padding-left:2.4rem;}
.lcon ul.loginform li input.user_id{background:#fff url('/images/web/content/login-id.png')no-repeat .5rem 50%;}
.lcon ul.loginform li input.user_pw{background:#fff url('/images/web/content/login-pw.png')no-repeat .5rem 50%;}
.lcon .login-mid{margin:1rem 0 1.5rem; overflow:hidden;}
.lcon .login-mid #auto_login_check{float:left;}
.lcon .login-mid #auto_login_check input[type="checkbox"] {display: none;}
.lcon .login-mid #auto_login_check input[type="checkbox"] + label {position:relative; display: inline-block; width:1.2rem; height: 1.2rem; background: #fff; border-radius:50%; cursor: pointer; ;}
.lcon .login-mid #auto_login_check input[type="checkbox"] + label span{position: absolute; left:1.5rem; display: block; width:5rem; color:#0F3F76; font-weight:500;}
.lcon .login-mid #auto_login_check:after {display:block; clear:both; content:"";}
.lcon .login-mid #auto_login_check input[type="checkbox"]:checked + label {background:url(/images/web/content/chks-on.png) no-repeat center;background-size:1.2rem;}
.lcon .login-mid .lostId{float:right;}
.lcon .login-mid .lostId a{color:#0F3F76; font-weight:500; }
.lcon .login-mid .lostId a:last-child{margin-left:1rem; position:relative; }
.lcon .login-mid .lostId a:last-child:before{content:'';display : block; position : absolute; left :-0.5rem; top:50%; margin-top : -5px; width :1px; height : 10px; background : #3EA5CF; }
.lcon .btnWrap input{background:#0F3F76; height:3.5rem; line-height:3.5rem; border-radius:2rem; text-align:center; font-size:1.2rem; border:none; color:#fff;}
.snsWrap{margin-top:2rem; border-top:1px solid #3CA9CD; padding-top:2rem; }
.snsWrap h5{color:#fff; text-align:center; font-size:1.3rem; margin-bottom:2rem; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
.snsWrap ul{display:flex; align-items: center; justify-content: space-between;}
.snsWrap ul li {flex-basis:28%;}
.snsWrap ul li a{display:block; height:2.5rem; line-height:2.5rem; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4); border-radius:.3rem; color:#fff; padding-left:3rem; text-align:left;}
.snsWrap ul li a.sns_n{background:#00CD00 url('/images/web/content/sns-n.png')no-repeat 1rem 50%;}
.snsWrap ul li a.sns_f{background:#007FF4 url('/images/web/content/sns-f.png')no-repeat 1rem 50%;}
.snsWrap ul li a.sns_k{background:#FFE900 url('/images/web/content/sns-k.png')no-repeat 1rem 50%; color:#191500;}
.snsWrap p{text-align:center; color:#fff; margin-top:1.5rem;}

.lcon .fullbtn,
.scon .fullbtn{background:#0F3F76; border-color:#0F3F76; color:#fff; cursor:pointer}

/*회원구분*/
.selectWrap{display:flex; align-items: center; justify-content: space-between;}
.selectWrap > div{flex-basis:48%; border-radius:.3rem; border:2px solid #f7f7f7; background:#fff url('/images/web/content/joinBtn_off.png')no-repeat 50% 90%; background-size:2rem; text-align:center; }
.selectWrap > div a{display:block; padding:2rem 1rem 5rem;}
.selectWrap > div h4{margin:1rem 0 .5rem; font-size:1.2rem;}
.selectWrap > div p{color:#0F3F76;}
.selectWrap > div.selected,
.selectWrap > div:focus{border:2px solid #ffec6e; background:#FFDD02 url('/images/web/content/joinBtn_overb.png')no-repeat 50% 90%; background-size:2rem; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4); }

.chks {display:inline-block;position:relative; font-weight:normal; word-break:break-all;}
.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; font-size:1rem; vertical-align:middle;position:relative;padding-left:1.8rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:1px;top:-2px;margin:0;width:1.2rem;height:1.2rem;background: #F6F6F6; border:1px solid #ddd; border-radius:50%;}
.chks input[type="checkbox"] + label:after{content:'\eb75'; position:absolute;left:5px;top:0px; font-family: "remixicon"; color:#ddd; font-size:1rem;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background: #0F3F76;  border-color:#0F3F76;}
.chks input[type="checkbox"]:checked + label:after {color:#fff;}
.chks input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px;}

/*회원가입*/
.scon{width:50rem; margin:0 auto;}
.signTit{text-align:center; margin-bottom:2rem;}
.signTit h3{color:#fff; text-align:center; margin-bottom:1.5rem; font-size:2.1rem; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
.signTit p{color:#fff; line-height:1.5;}

.sign-con{background:#fff; border-radius:.3rem; padding:2rem;}
.sign-con h5{color:#0F3F76; font-weight:500; font-size:1.2rem; margin-bottom:1rem;}

.sign_step {position:relative; margin-bottom:2rem; z-index:0;}
.sign_step ul{text-align:center;}
.sign_step ul li{display:inline-block; padding:0 1rem; position:relative; }
.sign_step ul li:not(:first-child):before{ content : ""; display : block; position : absolute; left :-0.5rem; top:50%; margin-top:-2px; width : 19px; height : 4px;  background: url("/images/web/content/stap_dot.png") no-repeat left top;}
.sign_step ul li span{display:inline-block; width:2rem; height:2rem; line-height:1.8rem; border-radius:1rem; border:1px solid #0F3F76; color:#0F3F76; text-align:center;}
.sign_step ul li.on span{background:#0F3F76; color:#fff;}

.user_agree legend {display: none;}
.user_agree .agree_ul{}
.user_agree .agree_ul > div{border:1px solid #a4a4a4; margin-top:0.75rem}
.user_agree .agree_ul > div:first-child{margin-top:1rem;}
.user_agree .agree_ul > div a {position:absolute; right:0; top:7px; cursor:pointer}
.user_agree .agree_ul > div a span{font-size:0; }
.user_agree .agree_ul > div a i{font-size:1.3rem; color:#787878; padding:0 10px; line-height:40px;}
.user_agree .agree_ul .terms{height:7.5rem; overflow-y:auto; overflow-x:hidden; width:100%; background:#f7f8f9; border-top:1px solid #ddd; border-top:none;  padding:1rem 1rem; font-size:.7rem; line-height:1.5; padding-right:0;}


/* 이용약관 */
.terms{text-align:left; font-size:.65rem; padding:1.5rem 1rem; word-break:break-all; color:#666;}
.terms h2{line-height:1.4; margin-bottom:10px; font-size:0.9rem; font-weight:500; color:#333;}
.link_ul{margin-top:15px; margin-bottom:2rem;}

.terms h3{font-size:.8rem; margin-top:1.5rem; margin-bottom:5px;}
.terms h3:first-child{margin-top:0;}
.terms h4{font-size:.7rem; margin-top:1rem; margin-bottom:5px;}
.terms ul.term_ol li{position:relative; padding-left:20px;}
.terms ul.term_ol li span{position:absolute; left:0; top:0;}
.terms ul.term_ol li ul{margin:10px 0 15px; color:#666; }
.terms ul.term_ol li ul li{padding:0;}
.terms ul.term_ol li ul li p:not(:first-child){margin-top:10px;}
.terms b{display:block;margin-top:1rem;font-size:.7rem; font-weight:400; color:#4792FC;}
.terms .bar li:before{top:10px;}
.terms .bar li{padding-left:13px;}


.user_agree .chks{display:block; margin:.75rem 0; padding:0 1rem;}
.user_agree .chks input[type="checkbox"] + label{font-size:.95rem; color:#333;}
.user_agree .allchk{text-align:left; padding:0;}
.user_agree .allchk input[type="checkbox"] + label{font-weight:500;}


.user_agree_txt{margin-bottom:1rem;border:1px solid #ddd;padding:0.5rem;}
.bar li {padding-left:0 !important;}
.bar li:first-child{margin-top:0 !important;}
.user_agree .agree_ul .hideDiv b {display: block; margin:1rem 0 0.5rem 0;  color: #3A8BFC;}

.user_agree_txt2{line-height:1.4; margin-bottom:2rem;}
.user_agree_txt2 h4{position:relative; font-size:1.1rem; font-weight:500; color:#3A8BFC; padding-bottom:10px; margin-bottom:10px; padding-left:1rem;}
.user_agree_txt2 h4:after{content : ""; display : block; position : absolute; left : 0; top:0.4em;  width :0.5rem; height : 0.5rem; background : #3A8BFC; border-radius:50%;}
.user_agree_txt2 h4:before{content : ""; display : block; position : absolute; left : 0; bottom:0;  width :100%; height : 1px; background : #EAEAEA;}
.user_agree_txt2 ul{color:#666; font-size:0.8rem; margin-top:15px; display:flex;}
.user_agree_txt2 ul li{position:relative; flex:1; padding-left:15px;}
.user_agree_txt2 ul li:before{content : ""; display : block; position : absolute; left : 0; top:0.7em;  width :6px; height : 1px; background : #999;}
.user_agree_txt2 ul li b{font-weight:500; color:#333; display:block;}

@media (max-width:767px){
	.user_agree_txt2 ul{display:block;}
	.user_agree_txt2 ul li b{display:inline-block;}
}

.signWrap .scon{width:50rem; margin:0 auto; display: flex; align-items: center; justify-content: center; position:relative; padding-top:2rem;}

.joinTxt{border:1px solid #ddd; border-radius:.5rem; background:#fff;}
.joinTxt h4{padding:.6rem .5rem; border-radius:.3rem; background:#0F3F76; color:#fff; font-size:1.2rem;  }
.joinTxt h4 i{vertical-align:middle;}
.joinTxt .infoCon{padding:1rem; font-size:.9rem; line-height:1.3;}
.joinTxt p{background:#f7f7f7; border-top:1px solid #ddd; padding:.5rem; color:#ea6b00; font-weight:600; border-radius:0 0 .3rem .3rem;}
.joinTxt p span{color:#444; font-weight:400; font-size:.9rem;}
.joinTxt p i{vertical-align: middle;}

/*아이디찾기*/
.lost-con .squ_tab ul li{float:left; width:48%; margin:0 1%; height:3rem; line-height:3rem; background:#fff; border: 2px solid #f7f7f7; border-radius:1.5rem; text-align:center; font-size:1.1rem; }
.lost-con .squ_tab ul li a{color:#888;}
.lost-con .squ_tab ul li.on{background:#ffdd02; border-color:#ffec6e; }
.lost-con .squ_tab ul li.on a{ color:#111;}
.lost-con .pcon{margin-top:1rem; background:#fff; border-radius: .3rem; padding:2rem; min-height:20rem;}
.lost-con .pcon .chks{margin-bottom:.5rem;}
.lost-con  .fullbtn{height:3rem; line-height:2.4rem;}
.lost-con .txt_bottom{text-align:center; color:#fff; margin-top:1rem;}
.lost-con .find-account{}
.lost-con .find-account .find-account-result{text-align:center; background:#ddf7ff; border-radius:.3rem; padding:3rem 0; margin:1rem 0; color:#0F3F76; font-size:1.5rem;}
.lost-con .cmd{text-align:right;}
.lost-con .cmd a{ color:#0f3f76;}
.lost-con .find-account .findP{text-align:center; background:#ddf7ff; border-radius:.3rem; padding:.5rem; margin-bottom:1rem ; color:#0F3F76; font-size:.8rem; line-height:1.3;}

/* 인증선택 */
.indentity .join_sel_box{display:flex; justify-content: space-between; align-items: flex-start;}
.indentity .join_sel{flex-basis:49%;}
.indentity .join_sel a{ background:#fff; display:flex; width:100%; align-items: center; padding:1rem; border:3px solid #F3F1EF; border-radius:.5rem; height:100%; }
.indentity .join_sel.selected a{border-color:#ffec6e; background:#FFDD02;}
.indentity .join_sel h4{font-size:1rem; margin-bottom:5px;}
.indentity .join_sel p{flex-basis:20%; color:#999; line-height:1.3;}
.indentity .join_sel div{flex-basis:80%; padding-left:1rem; font-size:.7rem;}
.indentity .chks input[type="checkbox"] + label{line-height:1.3;}
.indentity .sfont{padding:1.3rem; line-height:1.5; font-size:.65rem; display:none; position:absolute; left:0; top:2rem; background:#42A5F5; color:#fff;  box-shadow:0 3px 10px rgba(0,0,0,0.20), 0 20px 20px rgba(0,0,0,0.25);}
.indentity .chks#child_check{margin-top:1rem;}
.childBox{position:relative; background:#0F3F76; padding:1rem; margin-bottom:1rem; border-radius:1rem; color:#fff; padding-left:6.5rem; }
.childBox h4{color:#FFE900; margin-bottom:.5rem;}
.childBox .ico{position:absolute; left:1rem; top:1rem; background:#fff; border-radius:.5rem; padding:.5rem; height:3rem;}
.childBox .ico img{height:2rem;}
.childBox h6{margin-top:.5rem; padding-top:.5rem; border-top:1px dotted #195396; font-size:1.1rem; font-weight:500; color:#3ccfff; }
.childBox h6 span{font-size:.8rem; color:#fff; }

/*회원가입*/
.sign_form{margin-bottom:1.5rem;}
.sign_form tr{vertical-align: top;}
.sign_form td {padding-left:.5rem; }
.sign_form td:first-child{padding-left:0rem; }
.sign_form td p{margin:.5rem 0;}
.sign_form td p em{color:#007FF4;}
.sign_form td p .sfont{color:#888; font-size:.7rem;}
.sign_form td select{width:100%;}
.sign_form td .pdr{position:relative;}
.sign_form td .pdr p button{position:absolute; right:.5rem; top:.25rem; padding:.3rem; background:#fff; border-radius:.2rem; border:1px solid #ddd;}
.sign_form td .phone{display: flex;  justify-content: space-between; align-items: center;}
.sign_form td .phone input{width:32%;}
.sign_form input{background:#f7f7f7; border-color:#eee;}

/*팝업*/
.innerPop{background:rgba(0, 0, 0, .85); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.innerPop .popin{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:20px;}
.innerPop .popin h3{color:#1E2128;  font-size:1rem; font-weight:500; height:45px; line-height:45px; border-bottom:1px solid #ccc;}
.innerPop .popin .txt{padding:1.5rem;font-size:0.8rem; line-height:1.5;}
.innerPop .popin .txt strong{font-size:1.05rem;}
.innerPop .popin .txt input{margin:1rem 0;}
.innerPop .popin .pop_button{overflow:hidden; width:100%;}
.innerPop .popin .pop_button li{width:50%; float:left;}
.innerPop .popin .pop_button li input{width:100%; height:45px; line-height:45px; outline:none; border:none; background:#f4f4f4; font-size:1rem;}
.innerPop .popin .pop_button li input.confirm{background:#2C6FFF; color:#fff; border-bottom-right-radius:12px;}
.innerPop .popin .pop_button li input.cancel{border-bottom-left-radius:12px;}
.innerPop .popin .pop_button li.w100{width:100%;}
.innerPop .popin .pop_button li.w100 input.confirm{border-bottom-left-radius:12px;}
.innerPop .popin .close{position: absolute; right:.5rem; top:.6rem;}
.innerPop .popin .close i{color:#212121;}

.ribbonBg:after{ content : ""; display : block; position : absolute; left:0; top:0;  width :100%; height :50%;  background:url('../images/content/ribbon.png') 0 0 no-repeat; background-size:100% auto; z-index:-1;}
.innerPop .now_pop{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; background:url('../images/content/fire_bg.png') 0 0 no-repeat; background-size:60% auto;}
.innerPop .now_pop .ani{position:relative;}
.innerPop .now_pop h3{width:280px; margin:0 auto; margin-bottom:15px;}
.innerPop .now_pop .cha_now{position:relative; display:inline-block;}
.innerPop .now_pop .cha_now .now{width:5rem; animation-duration: 5s; animation-iteration-count:infinite;}
.innerPop .now_pop .fire{position:absolute; right:-38%; top:56%; animation-duration: 5s; animation-iteration-count:infinite;}
.close{position:absolute; right:2rem; top:-2rem;}
.close i{color:#fff; font-size:1.5rem; font-weight:normal;}
.spoint{font-size:1.3rem;font-family: 'Do Hyeon', sans-serif;  text-shadow: 0px 10px 10px #023616; }
.spoint em{color:#ffdd00;}


.innerPop .popin .txt h4{font-family: 'Stylish', sans-serif; color:#004EA2; letter-spacing:-0.05em; font-size:1.3rem; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.innerPop .popin .txt .howmany{position:relative; text-align:left; margin:10px 0;}
.innerPop .popin .txt .howmany input{width:100px; background:#eee; display:inline-block; vertical-align:middle; margin:0; margin-right:5px;}
.innerPop .popin .txt .howmany li{display:flex; margin:5px 0; align-items: center; position:relative; padding-left:10px;}
.innerPop .popin .txt .howmany li:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-1.5px; width : 3px; height : 3px; background : #666; border-radius:50%; }
.innerPop .popin .txt .howmany li span{flex-basis:50%;}
.innerPop .popin .txt .howmany li:nth-child(2) input{width:100%;}

.chks.fsmall input[type="checkbox"] + label{font-size:.7rem;}

.innerPop .popin2{width:30rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; border-radius:20px;}
.innerPop .popin2 .roundbox{background:#fff; padding:2rem 1rem 1rem; border-radius:20px; color:#222; text-align:left; line-height:1.5; font-size:.8rem;}
.innerPop .popin2 .roundbox .act_tit{margin-top:-60px; padding:0 1rem;}
.innerPop .popin2 .roundbox b{display:block; font-size:.85rem; margin-top:1rem;}

.innerPop .popin2 .roundbox ol{margin-left:25px; margin-top:1rem; padding-bottom:2rem;}
.innerPop .popin2 .roundbox ol li{list-style:decimal;}

.innerPop .popin2 .close{right:.5rem; top:0;}
.innerPop .popin2 .close i{color:#fff; font-weight:400;}
.popin2 .swiper-slide{} 
.popin2 .swiper-pagination{width:100%; position:relative; text-align:center; bottom:1rem;}
.popin2 .swiper-pagination .swiper-pagination-bullet{margin:0 0.25rem; background:rgba(0, 0, 0, 0.8); opacity:1; width:0.5rem; height:0.5rem;}
.popin2 .swiper-pagination .swiper-pagination-bullet-active{background:#FF9F00;}

.innerPop form{height:100%;}

/* 학교검색 */
.findScho{font-size:1rem;  padding:0 0.8rem 1rem;}
.findScho p.btxt{font-size:1rem; padding:.8rem 0 0;}
.findScho p.btxt b{display:block; color:#005baa;}
.findScho .search_area{overflow:hidden; padding:0.8rem 0;  font-size:.8rem;}
.findScho .search_area select{width:28%; float:left; box-sizing:border-box; min-width:auto; border-radius:8px;}
.findScho .search_area .search_input_wrap{width:70%; float:right; position:relative; padding-right:2rem;}
.findScho .search_area .search_input_wrap input{border-top-left-radius:8px; border-bottom-left-radius:8px;}
.findScho .search_area .search_input_wrap a{display:block; position:absolute; right:0; top:0; width:2rem; height:40px; line-height:40px; border-top-right-radius:8px; border-bottom-right-radius:8px; background:#424242; color:#fff;}
.findScho .search_area .search_input_wrap a span{display:none;}
.findScho .sch_list{text-align:left; border-bottom:1px solid #E6E6E6; padding:.75rem 0; display: flex; align-items: center; word-break:break-all; }
.findScho .sch_list p{font-size:.8rem; width:80%;}
.findScho .sch_list p b{font-size:1rem; display:block;}
.findScho .sch_list .btn{width:20%; text-align:center;} 
.findScho .sch_list .btn a{ display:inline-block; background:#005baa; color:#fff; padding:.3rem .6rem; border-radius:20px; cursor:pointer}

.boardPageNav{margin:20px 0px;}
.boardPageNav ul{text-align:center; font-size:.6rem;}
.boardPageNav ul li {display: inline-block;  margin: 0 1px; vertical-align:middle;}
.boardPageNav ul li span{display:none;}
.boardPageNav ul li a {background: #fff none repeat scroll 0 0;  border: 1px solid #f2f2f2;  color: #3d3d3d;  display: block;  font-weight: 700; height: 25px; line-height:25px; text-align:center; transition: all 500ms ease 0s; width:25px; border-radius: 0px;box-sizing:border-box; }
.boardPageNav ul li.active a,
.boardPageNav ul li a.on,
.boardPageNav ul li:hover a {background: #005baa;  color: #fff;  border: 1px solid #005baa;}
.boardPageNav ul li.next a{background: url("/../images/content/pager_next.gif") no-repeat center center; background-size:6px auto;}
.boardPageNav ul li.prev a{background: url("/../images/content/pager_prev.gif") no-repeat center center; background-size:6px auto;}
.boardPageNav ul li.first a{background: url("/../images/content/pager_first.gif") no-repeat center center; background-size:10px auto;}
.boardPageNav ul li.last a{background: url("/../images/content/pager_last.gif") no-repeat center center; background-size:10px auto;}

/*회원가입 완료*/
.overview{text-align:center; font-size:1rem; line-height:1.5;}
.overview img{width:60%; display:block; margin:0 auto 1rem;}

/*회원정보수정*/
.member_form{margin-bottom:1.5rem;}
.member_form tr{vertical-align: top;}
.member_form td {padding-left:.5rem; }
.member_form td:first-child{padding-left:0rem; }
.member_form td p{margin:.5rem 0;}
.member_form td p em{color:#007FF4;}
.member_form td p .sfont{color:#888; font-size:.7rem;}
.member_form td select{width:100%;}
.member_form td .pdr{position:relative;}
.member_form td .pdr p > *{position:absolute; right:.5rem; top:.2rem; padding:.3rem; background:#fff; border-radius:.2rem; border:1px solid #ddd;}
.member_form td .phone{display: flex;  justify-content: space-between; align-items: center;}
.member_form td .phone input{width:32%;}
.member_form input{background:#f7f7f7; border-color:#eee; border-radius:.3rem;}
.member_form table td select{width:50%; border-radius:.3rem;}
.member_form table td .half{overflow:hidden;}
.member_form table td .half li{width:50%; float:left; padding-left:5px;}
.member_form table td .half li:first-child{border-left:none; padding:0;}
.member_form table td .half li select{width:100%;}
.member_form .fullbtn{ background: #0F3F76;  border-color: #0F3F76;  color: #fff;  cursor: pointer; border-radius: 2rem;}


.radio3{display:block; margin:.5rem .15rem; }
.radio3 input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio3 input[type="radio"] + label {display:inline-block; position: relative; text-align:center;color:#000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index:0; padding:.5rem 1rem; }
.radio3 input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 100%; height: 100%; line-height: 2.1rem; z-index:-1; border-radius:1rem; border:1px solid #ddd;}
.radio3 input[type="radio"].disabled + label:before {background:#eee;}
.radio3 input[type="radio"]:checked + label:before{background:#FFDD00;border-color:#FFDD00; font-weight:500;}
.radio3{display:inline-block;}

/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1300px){
	.loginWrap:before{width:11.55rem; height:9.2rem;}
}

/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	.scon{width:100%;  padding:0 2rem;}
	
	
	
}

@media (max-width:787px){
	.lcon{width:100%; padding:0 1rem;}
	.scon{padding:0 1rem;}
	.snsWrap ul li{flex-basis: 31%;}
	
	.indentity .join_sel_box{flex-direction: column;}
	.indentity .join_sel{flex-basis: 100%; width: 100%;}
	.indentity .join_sel + .join_sel{margin-top:1rem;}
	
	..sign-con{padding:2rem 1rem;}
	.sign_step ul li em{display:none;}
	
	.innerPop .popin,
	.innerPop .now_pop,
	.innerPop .popin2{width:95%;}
	
}

@media (max-width:485px){
	.sign_step ul li{padding:0 .5rem;}
	.sign_step ul li:not(:first-child):before{width:10px; left: -0.35rem;}
}