/*
+----------------------------------------------------------------------+
| Copyright (c) 2010-2018 STUDYMAX. co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-04-04
| 파일설명 : 회원가입 페이지 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
| 20191216 회원정보 수정 네이버 연동 추가 by 김승미 
+----------------------------------------------------------------------+ 
*/

.contsTit{padding-top:30px;font-size:20px;color:#333333;letter-spacing:-2px;word-spacing:-2px;margin-top:-3px;line-height:1.2em;font-family:malgun-gothic,'맑은고딕','나눔고딕',NanumGothic}
.contsTit.letterSpacing{letter-spacing:0px;}
.contsTit:first-child{padding-top:0px;}
.contsTit img{vertical-align:baseline;margin-right:3px;position:relative;top:5px}
.contsTit .subTxt{display:inline-block;height:12px;line-height:12px;padding-bottom:3px;position:relative;margin-left:6px;color:#888888;font-size:12px;word-spacing:-1px;letter-spacing:-1px;font-weight:normal;}
*:first-child + HTML .contsTit .subTxt{position:relative;top:3px}
*:first-child + HTML .contsTit .subTxt.img{top:0}
.contsTit .subTxt.img{top:-1px;}
.contsTit .subTxt img{vertical-align:middle;top:-1px;vertical-align:middle;}
.contsTit.dotline{padding-top:15px;margin-top:25px;background:url('/images/front/layout/ico_dotline.png') repeat-x 0 0;}
.contsTit.dotline img{position:relative;top:3px;}


.basicInfo .dataType2{margin-top:9px;}

.siteRuleAgree{padding-bottom:12px;letter-spacing:-1px;}
.siteRuleAgree .agree{margin-top:10px;padding:20px 20px 18px 20px;border:1px solid #dfdfdf;background:#f8f8f8;}
.siteRuleAgree .agree li{position:relative;height:26px;margin-top:14px;font-size:14px;}
.siteRuleAgree .agree li:first-child{margin-top:0;}
.siteRuleAgree .agree li img{vertical-align:top;}
.siteRuleAgree .agree li .checkbox{position:absolute;top:0;left:0;cursor:pointer;margin-right:3px;}
.siteRuleAgree .agree li span{display:inline-block;height:26px;line-height:22px;padding-left:32px;cursor:pointer;vertical-align:middle;background:url('/images/front/member/checkbox_off.png') no-repeat 0 0;}
.siteRuleAgree .agree li.on span{background:url('/images/front/member/checkbox_on.png') no-repeat 0 0;}
.siteRuleAgree .agree li .btn{margin-left:8px;vertical-align:middle;}
.siteRuleAgree .agree .txt{margin-top:18px;padding:18px 0 2px 40px;color:#888888;border-top:1px solid #cfcfcf;background:url('/images/front/mypage/ico_warning.png') no-repeat 0 20px;}

.siteRuleAgree .agree_memberModify{padding:0 20px 18px 20px;border:1px solid #dfdfdf;background:#f8f8f8;}
.siteRuleAgree .agree_memberModify ul{}
.siteRuleAgree .agree_memberModify li{position:relative;height:26px;margin-top:14px;font-size:14px;}
.siteRuleAgree .agree_memberModify li:first-child{margin-top:0;}
.siteRuleAgree .agree_memberModify li img{vertical-align:top;}
.siteRuleAgree .agree_memberModify li .checkbox{position:absolute;top:0;left:0;cursor:pointer;margin-right:3px;}
.siteRuleAgree .agree_memberModify li span{display:inline-block;height:26px;line-height:22px;padding-left:32px;cursor:pointer;vertical-align:middle;background:url('/images/front/member/checkbox_off.png') no-repeat 0 0;}
.siteRuleAgree .agree_memberModify li.on span{background:url('/images/front/member/checkbox_on.png') no-repeat 0 0;}
.siteRuleAgree .agree_memberModify li .btn{margin-left:8px;vertical-align:middle;}
.siteRuleAgree .agree_memberModify .txt_memberModify{padding:18px 0 2px 40px;color:#888888;background:url('/images/front/mypage/ico_warning.png') no-repeat 0 20px;}


.profilePhoto{padding: 0 10px;}
.profilePhoto .text{padding-top:3px;padding-bottom:15px;color:#888888;font-size:12px;}
.profilePhoto .photoRegist{overflow:hidden;float:left;width: 96px;text-align:center;}
.profilePhoto .exPhotoList{float:right;width:440px;text-align:center;}
.profilePhoto .exPhotoList li{float:left;width:90px;height:130px;margin-left:20px;}
.profilePhoto .exPhotoList li label{position:relative;display:block;cursor:pointer}
.profilePhoto .photo{display:block;width: 94px;height: 94px;border:1px solid #cccccc;background:url('/images/front/member/thumb_photo_bg.jpg') no-repeat 0 0;overflow: hidden;}
.profilePhoto .btn{width:90px;height:30px;margin-top:10px;cursor:pointer;}
.profilePhoto .btn .file_input_div{display:block;width: 96px;height:30px;cursor:pointer;background:url('/images/front/member/btn_registModify.png') no-repeat 0 0;}
.profilePhoto .btn .file_inputButton{display:block;margin-left:0px;width: 96px;cursor:pointer;background: url('/images/front/member/btn_registModify_1.png') no-repeat 0 0;}
.profilePhoto .btn .file_input_hidden{width:95px;cursor:pointer;font-size:0px;}
.profilePhoto .size{color:#888888;margin-top:7px;font-size:12px;}
.profilePhoto .check{display:block;margin-top:7px;}
.profilePhoto .check input{cursor:pointer}

/* memberModify Naver----------------------------------------------------------------- */
.naverArea{display: inline-block; position: relative; margin-left: 80px;}
.naverArea::before{content: ''; position: absolute; left: 0; top: -2px; width: 23px; height: 23px; border-radius: 2px; background-image: url('/images/front/naverLogin/login_NaverLogo.png'); background-repeat: no-repeat; background-size: 11px; background-position: center; background-color: #1ec800;}

.naverArea .date{margin-left: 28px; color: #999999; font-size: 12px;}