@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.member_container{padding:60px 0 130px; min-height:960px;} 


/*login.asp*/
.member_login_box_wrap{padding:40px 50px; border:1px solid #dad3d0; border-radius:15px; max-width:600px; width:100%; margin:0 auto;}
.member_login_box_wrap h1{width:191px; margin:0 auto;}
.member_login_box_wrap h1>a{display:block;}
.member_login_box_wrap h1>a img{width:100%;}
.member_login_box{margin-top:40px;}
.member_login_input dl+dl{margin-top:20px;}
.member_login_input dt{color:#29282c; font-size:17px; font-weight:600;}
.member_login_input dd{margin-top:5px;}
.member_login_input dd input{border-radius:50px;}
/*login_checkbox*/
.login_checkbox_wrap{margin-top:8px;}
.login_checkbox{display:none !important;}
.login_checkbox+label{font-size:14px; color:#69686f; cursor:pointer; display:inline-block; height:22px; padding-left:28px; font-weight:500;
		background:url("/images/common/check_box.png")no-repeat 0 0; background-size:22px auto;}
.login_checkbox:checked+label{background:url("/images/common/check_box_on.png")no-repeat 0 0; background-size:22px auto;}
/*btn_login_wrap*/
.btn_login_wrap{margin-top:50px;}
.btn_login_wrap button{display:block; width:100%;}
.btn_login_wrap button+button{margin-top:15px;}
.member_info_find{margin-top:20px; font-size:0; text-align:center;}
.member_info_find>li{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; position:relative;}
.member_info_find>li+li{margin-left:15px; padding-left:15px;}
.member_info_find>li+li:before{content:''; display:block; background-color:#999999; width:1px; height:10px; position:absolute; left:0; top:7px;}
.member_info_find>li>a{display:block; color:#29282c;}
.member_info_find>li>a:hover{color:#6868a7;}
.another_login_wrap{margin-top:50px;}
.another_login_wrap h5{font-size:16px; color:#6868a7; font-weight:500; text-align:center; position:relative;}
.another_login_wrap h5:before{content:''; width:100%; height:1px; display:block; background-color:#6868a7; position:absolute; left:0; top:50%; z-index:-1;}
.another_login_wrap h5>span{background-color:#ffffff; padding:0 10px;}
.another_login_list{margin-top:20px; font-size:0; text-align:center; }
.another_login_list>li{display:inline-block; vertical-align:top; font-size:14px; width:40px;} 
.another_login_list>li+li{margin-left:15px;}
.another_login_list>li>a{display:block; width:100%; border-radius:50%; overflow:hidden;}

/*join01.asp*/
.member_join_box_wrap{padding:40px 50px; border:1px solid #dad3d0; border-radius:15px; max-width:600px; width:100%; margin:0 auto;}
.member_join_box_wrap h1{width:191px; margin:0 auto;}
.member_join_box_wrap h1 img{width:100%;}
.member_join_accreditation{margin-top:40px; font-size:0; text-align:center; }
.member_join_accreditation>*{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; position:relative; width:50%;} 
.member_join_accreditation h5{font-size:20px; color:#000000; font-weight:700;}
.accreditation+div{border-left:1px solid #eeeeee;}
.accreditation>div{margin-top:15px;}
.accreditation>div>span{display:block; width:100px; margin:0 auto; border-radius:50%; border:1px solid #69686f;}
.accreditation>div>span>img{width:100%;}
.accreditation .btn_accreditation{font-size:15px; line-height:1.0; padding:8px 5px; border:1px solid #8383db; border-radius:5px; font-weight:600;
		letter-spacing:-1px; background-color:#8383db; color:#ffffff; min-width:134px; margin-top:20px;}
.another_join_wrap{margin-top:50px;}
.another_join_wrap h5{font-size:16px; color:#6868a7; font-weight:500; text-align:center; position:relative;}
.another_join_wrap h5:before{content:''; width:100%; height:1px; display:block; background-color:#6868a7; position:absolute; left:0; top:50%; z-index:-1;}
.another_join_wrap h5>span{background-color:#ffffff; padding:0 10px;}
.another_join_list{margin-top:20px; font-size:0; text-align:center; }
.another_join_list>li{display:inline-block; vertical-align:top; font-size:14px; width:40px;} 
.another_join_list>li+li{margin-left:15px;}
.another_join_list>li>a{display:block; width:100%; border-radius:50%; overflow:hidden;}

/*join02.asp*/
.member_join_second_box_wrap{padding:25px 30px; border:1px solid #dad3d0; border-radius:10px; max-width:600px; width:100%; margin:0 auto;}
.member_join_second_box_wrap h3{font-size:24px; color:#000000; font-weight:700; text-align:center;}
.member_join_second_box{margin-top:20px;}
.member_join_second_box .use_agreement{border-radius:5px; border:1px solid #dedede;margin-bottom:15px;}
.member_join_second_box .use_agreement>li+li{border-top:1px solid #dedede;}
.member_join_second_box .use_agreement>li>a{padding:10px 15px; display:block; color:#69686f; font-weight:500; font-size:15px; position:relative;}
.member_join_second_box .use_agreement>li>a:before{ content:''; height:9px; width:9px; display:block; border:1px solid #666666;  border-left-width:0;
    border-top-width:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); position:absolute; top:19px; right:15px;}
.member_join_second_box .use_agreement>li>a:hover{color:#6868a7;}
.member_join_second_box dl{margin-bottom:15px;}
.member_join_second_box dt{font-size:16px; font-weight:600; color:#29282c;}
.member_join_second_box dd{margin-top:5px;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_etc{width:calc(100%); float:left;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_id{width:calc(100% - 150px); float:left;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_nickname{width:calc(100% - 150px); float:left;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_phone{width:calc(25%); float:initial;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_email01{width:calc(40%); float:left;}
.member_join_second_box dd.confirm_repetition_wrap>input.input_email02{width:calc(40%); float:right;}
.member_join_second_box dd.confirm_repetition_wrap>button{float:right; width:85px; text-align:center; font-size:15px; border:1px solid #dad3d0;
		border-radius:3px; background-color:#f0ede9; color:#28211f; padding:10px 0;}
.member_join_second_box dd p{font-size:13px; color:#8e8d93; margin-top:2px;}

.userId_true_message{display:none;}
.userId_false_message{display:none;}
.confirm_message{display:none; width:calc(100% - 30px); max-width:560px; position:fixed; top:50%; left:50%; z-index:230; 
		-o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
		-ms-transform:translate(-50%,-50%); background-color:#ffffff; border:1px solid #6868a7; border-radius:10px; padding:20px; text-align:center;}
.confirm_message>div{display:table; width:100%; min-height:80px;}
.confirm_message>div>p{width:100%; height:100%; vertical-align:middle; font-size:16px; color:#29282c; font-weight:600;
		line-height:1.4;}
/*
.confirm_message>div>p{display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:16px; color:#29282c; font-weight:600;
		line-height:1.4;}
*/		
.confirm_message .btn_message_confirm{background-color:#8383db; color:#ffffff; font-size:15px; line-height:1.0; padding:8px 5px; border-radius:50px;
		min-width:80px; margin-top:10px;}
/*직업선택*/
.job_area_select_wrap h5{font-size:18px; font-weight:600; color:#29282c;}
.job_area_select{margin-top:5px;}
.job_area_select h6{font-size:18px; font-weight:600; color:#6868a7; margin-bottom:5px;}
.job_area_list_wrap{padding:10px 12px; border:1px solid #f0ede9; border-radius:5px; background-color:#fdfcfa;}
.job_area_check_list{background-color:#ffffff; border-radius:3px; padding:10px 15px;  border:1px solid #f6f3ef;}
.job_area_check_list+div{margin-top:20px;}
.job_area_check_list>strong{display:block; color:#29282c; font-size:17px;}
.job_area_check_list>ul{margin-top:5px; padding-top:8px; border-top:1px solid #e6e6e6; font-size:0;}
.job_area_check_list>ul>li{padding:2px; width:50%; font-size:15px; display:inline-block; vertical-align:top;}
.job_check{display:none !important;}
.job_check+label{font-size:15px; color:#69686f; cursor:pointer; display:inline-block; vertical-align:top; padding-left:24px; font-weight:500;
		background:url("/images/common/check_box.png")no-repeat 0 2px; background-size:16px auto; line-height:1.3;}
.job_check:checked+label{background:url("/images/common/check_box_on.png")no-repeat 0 2px; background-size:16px auto;}
/*제작도구*/
.tool_list_wrap{padding:10px 12px; border:1px solid #f0ede9; border-radius:5px; background-color:#fdfcfa; margin-top:40px;}
.tool_list_wrap .tool_list{background-color:#ffffff; border-radius:5px; padding:10px 15px; border:1px solid #f6f3ef; font-size:0;}
.tool_list_wrap .tool_list>li{padding:2px; width:50%; font-size:15px; display:inline-block; vertical-align:top;}

/*회원가입 공통 btn*/
.btn_join_wrap{margin-top:40px;}
.btn_join{font-size:14px; line-height:1.0; padding:8px 15px; border-radius:5px;} 
.btn_join_prev{float:left; color:#29282c; border:1px solid #e6e6e6; background-color:#eeeeee;}
.btn_join_next{float:right; color:#29282c; border:1px solid #e6e6e6; background-color:#eeeeee;}
.btn_join_next.on{border:1px solid #8383db; background-color:#8383db; color:#ffffff;}

/*join03.asp*/
.member_join_end_wrap{padding:40px 50px; border:1px solid #dad3d0; border-radius:10px; max-width:600px; width:100%; margin:0 auto;}
.member_join_end_wrap h1{width:191px; margin: 0 auto;}
.member_join_end{margin-top:40px; text-align:center; line-height:1.4;}
.member_join_end>p:nth-child(2){font-weight:600; font-size:20px; color:#29282c;margin-top:20px;}
.member_join_end>p:last-child{font-weight:500; font-size:16px; color:#69686f; margin-top:5px;}

/*id_find.asp, pw_find.asp common*/
.find_wrap{padding:25px 30px; border:1px solid #dad3d0; border-radius:10px; max-width:600px; width:100%; margin:0 auto;}
.find_wrap h3{font-size:24px; color:#000000; font-weight:700; text-align:center;}
/*id_find.asp*/
.id_find_wrap{margin-top:15px;}
.id_find_wrap>div+div{margin-top:40px;}
.id_find_wrap h4{ font-size:17px; font-weight:600; color:#29282c; padding-left:12px; position:relative;}
.id_find_wrap h4:before{content:''; width:8px; height:8px; display:block; background-color:#6868a7; position:absolute; left:0; top:10px; border-radius:50%;}
.id_find_wrap dl{margin-top:10px;}
.id_find_wrap dt{ font-size:15px; font-weight:500; color:#29282c;}
.id_find_wrap dd{margin-top:2px;}
.id_find_wrap .find_phone_input dd select{width:100%; border:1px solid #e6e6e6;  background-color:#ffffff; padding:10px 15px; border-radius:3px;}
.id_find_wrap .find_phone_input dd p{margin-top:5px;}
.id_find_wrap .find_phone_input dd p .input_phone{width:calc(100% - 115px); float:left;}
.id_find_wrap .find_phone_input dd p .btn_authentication_request{float:right; width:110px; text-align:center; font-size:15px; border:1px solid #dad3d0;
		border-radius:3px; background-color:#f0ede9; color:#28211f; padding:10px 0;} 
.id_find_wrap .verification_code_wrap{margin-top:10px; position:relative;}
.id_find_wrap .verification_code_wrap .time_limit{display:block; position:absolute; right:12px; top:10px; font-size:14px; color:#e13f3f;}
.id_find_wrap .verification_code_wrap ul{margin-top:10px; font-size:13px;}
.id_find_wrap .verification_code_wrap ul>li{position:relative; padding-left:6px;}
.id_find_wrap .verification_code_wrap ul>li:before{content:''; width:2px; height:2px; display:block; background-color:#69686f; border-radius:50%; 
		position:absolute; left:0px; top:10px;}
/*btn_find_wrap*/
.btn_find_wrap{margin-top:40px;}
.btn_find_wrap button{display:block; width:100%; font-size:16px; font-weight:500; text-align:center; border-radius:50px; padding:10px 5px;}
.btn_find_wrap button+button{margin-top:15px;}
.btn_request_repeat{background-color:#eeeeee; border:1px solid #e6e6e6; color:#29282c;}
.btn_find{ background-color:#6868a7; border:1px solid #6868a7; color:#ffffff;}

/*id_find02.asp*/
.id_find_wrap.id_find02_wrap{margin-top:50px;}
.id_find02_wrap>p{font-size:16px; text-align:center; min-height:50px;}
.id_find02_wrap>p strong{color:#000000;}

/*pw_find.asp*/
.pw_find_wrap{margin-top:15px;}
.pw_find_wrap>div+div{margin-top:40px;}
.pw_find_wrap h4{ font-size:17px; font-weight:600; color:#29282c; padding-left:12px; position:relative;}
.pw_find_wrap h4:before{content:''; width:8px; height:8px; display:block; background-color:#6868a7; position:absolute; left:0; top:10px; border-radius:50%;}
.pw_find_wrap dl{margin-top:10px;}
.pw_find_wrap dt{ font-size:15px; font-weight:500; color:#29282c;}
.pw_find_wrap dd{margin-top:2px;}
.pw_find_wrap .find_phone_input dd select{width:100%; border:1px solid #e6e6e6;  background-color:#ffffff; padding:10px 15px; border-radius:3px;}
.pw_find_wrap .find_phone_input dd p{margin-top:5px;}
.pw_find_wrap .find_phone_input dd p .input_phone{width:calc(100% - 115px); float:left;}
.pw_find_wrap .find_phone_input dd p .btn_authentication_request{float:right; width:110px; text-align:center; font-size:15px; border:1px solid #dad3d0;
		border-radius:3px; background-color:#f0ede9; color:#28211f; padding:10px 0;} 
.pw_find_wrap .verification_code_wrap{margin-top:10px; position:relative;}
.pw_find_wrap .verification_code_wrap .time_limit{display:block; position:absolute; right:12px; top:10px; font-size:14px; color:#e13f3f;}
.pw_find_wrap .verification_code_wrap ul{margin-top:10px; font-size:13px;}
.pw_find_wrap .verification_code_wrap ul>li{position:relative; padding-left:6px;}
.pw_find_wrap .verification_code_wrap ul>li:before{content:''; width:2px; height:2px; display:block; background-color:#69686f; border-radius:50%; 
		position:absolute; left:0px; top:10px;}

/*pw_find02.asp*/
.pw_find_wrap.pw_find02_wrap{margin-top:50px;}
.pw_find02_wrap>p{font-size:16px; text-align:center; min-height:50px;}
.pw_find02_wrap>p strong{color:#000000;}

/*modify.asp*/
.modify_wrap{padding:25px 30px; border:1px solid #dad3d0; border-radius:10px; max-width:600px; width:100%; margin:0 auto;}
.modify_wrap h3{font-size:24px; color:#000000; font-weight:700; text-align:center;}
.member_modify_box{margin-top:20px;}
.member_modify_box dl{margin-bottom:15px;}
.member_modify_box dt{font-size:16px; font-weight:600; color:#29282c;}
.member_modify_box dd{margin-top:5px;} 
.member_modify_box dd.confirm_repetition_wrap>input{width:calc(100% - 90px); float:left;}
.member_modify_box dd.confirm_repetition_wrap>button{float:right; width:85px; text-align:center; font-size:15px; border:1px solid #dad3d0;
		border-radius:3px; background-color:#f0ede9; color:#28211f; padding:10px 0;}
.member_modify_box dd p{font-size:13px; color:#8e8d93; margin-top:2px;}
/*btn_login_wrap*/
.btn_modify_wrap{margin-top:50px;}
.btn_modify_wrap button{display:block; width:100%;}
.btn_modify_wrap button+button{margin-top:15px;}

/*set_up.asp*/
.set_up_list_wrap{padding:25px 30px; border:1px solid #dad3d0;  border-radius:10px; max-width:600px; width:100%; margin:0 auto;}
.set_up_list h5{font-size:18px; font-weight:600; color:#29282c;}
.set_up_list h5 span{color:#6868a7;}
.profile_img_set_up{font-size:0; margin-top:10px;}
.profile_img_set_up>*{display:inline-block; vertical-align:middle;}
.profile_img_set_up .profile_upload_img{width:90px; height:90px; border-radius:50%; 
		background:#f5f5f5 url("/images/member/member_img08.jpg")no-repeat center center; background-size:cover;}
.profile_upload_img_info{width:calc(100% - 110px); padding-left:20px;}
.profile_upload_img_info input[type=file]{display:none !important;}
.profile_upload_img_info input[type=file]+label{font-size:14px; font-weight:600; padding:6px 15px 6px 35px; border:1px solid #6868a7; border-radius:50px;
		color:#6868a7; cursor:pointer; background:#ffffff url("/images/common/img_upload_icon.png")no-repeat 13px center; background-size:15px auto;}
.profile_upload_img_info p{font-size:14px; line-height:1.4; }
.profile_upload_img_info p+p{ margin-top:15px;}
.set_up+div{margin-top:30px;}
.set_up dl{margin-top:15px; position:relative;}
.set_up dt{font-size:16px; font-weight:600; color:#29282c; }
.set_up dd{margin-top:5px;}
.set_up .input_profile dd{position:relative;}
.set_up .input_profile input[type=text]{padding:10px 35px 10px 15px;}
.set_up .input_profile span{position:absolute; right:8px; top:10px;}
.set_up .btn_job_area{position:absolute; right:0; top:5px; color:#6868a7; font-weight:500;}
.job_area_set_up_wrap .page_cover08{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:700; min-height:999999px;} 
.job_area_set_up_wrap .job_area_set_up{display:none; width:calc(100% - 30px); height:100%; max-width:600px; max-height:660px; position:fixed; top:50%; left:50%; 
		z-index:750; -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding-bottom:20px;
		-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-color:#ffffff; overflow-y:scroll; 
		-ms-overflow-style: none; scrollbar-width: none;}
.job_area_set_up_wrap .job_area_set_up::-webkit-scrollbar{display: none;}
.btn_job_area_set_up{margin-top:30px; font-size:0; text-align:center;}
.btn_job_area_set_up button{width:49%; max-width:100px;  border:1px solid #8e8d93; color:#8e8d93; font-weight:500; border-radius:30px;
		font-size:15px; padding:9px 2px; }
.btn_job_area_set_up button+button{ background-color:#8383db; color: #ffffff; border-color:#8383db; margin-left:2%;}
.btn_job_area_set_up button.btn_job_area_check_close{font-size:0; position:absolute; right:20px; top:10px; width:30px; height:30px; text-indent:-999999px; 
		overflow:hidden; background-color:transparent; border:none;  margin-left:0;}
.btn_job_area_set_up button.btn_job_area_check_close:before,.btn_job_area_set_up button.btn_job_area_check_close:after{content:''; height:1px; width:20px; 
		display:block; background-color:#69686f;  position:absolute; top:14px; left:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.btn_job_area_set_up button.btn_job_area_check_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*.skill_set_up*/
.skill_set_up .btn_skill_area{position:absolute; right:0; top:5px; color:#6868a7; font-weight:500;}
.skill_set_up_wrap .page_cover09{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:700; 
		min-height:999999px;} 
.skill_set_up_wrap .skill_set_up{display:none; width:calc(100% - 30px); height:100%; max-width:600px; max-height:400px; position:fixed; top:50%; left:50%; 
		z-index:750; -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:10px 15px 20px;
		-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-color:#ffffff; overflow-y:scroll; 
		-ms-overflow-style: none; scrollbar-width: none;}
.skill_set_up_wrap .skill_set_up::-webkit-scrollbar{display: none;}
.skill_set_up h6{font-size:17px; font-weight:600; color:#29282c;}
.skill_set_up .tool_list{font-size:0;  margin-top:5px; border-top:1px solid #e6e6e6; padding-top:5px;}
.skill_set_up .tool_list>li{padding:2px; width:50%; font-size:15px; display:inline-block; vertical-align:top;}
.btn_skill_set_up{margin-top:30px; font-size:0; text-align:center;}
.btn_skill_set_up button{width:49%; max-width:100px;  border:1px solid #8e8d93; color:#8e8d93; font-weight:500; border-radius:30px;
		font-size:15px; padding:9px 2px; }
.btn_skill_set_up button+button{ background-color:#8383db; color: #ffffff; border-color:#8383db; margin-left:2%;}
.btn_skill_set_up button.btn_skill_set_up_check_close{font-size:0; position:absolute; right:20px; top:10px; width:30px; height:30px; text-indent:-999999px; 
		overflow:hidden; background-color:transparent; border:none;  margin-left:0;}
.btn_skill_set_up button.btn_skill_set_up_check_close:before,.btn_skill_set_up button.btn_skill_set_up_check_close:after{content:''; height:1px; width:20px; 
		display:block; background-color:#69686f;  position:absolute; top:14px; left:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.btn_skill_set_up button.btn_skill_set_up_check_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*.btn_social_media*/
.btn_social_media{position:absolute; right:0; top:5px; color:#6868a7; font-weight:500;}
.social_media_list_wrap .page_cover10{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:700; 
		min-height:999999px;} 
.social_media_list_wrap .social_media_list{display:none; width:calc(100% - 30px); height:100%; max-width:600px; max-height:660px; position:fixed; top:50%; 
		left:50%; z-index:750; -o-transform:translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); 
		padding:10px 15px 20px; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-color:#ffffff; overflow-y:scroll; 
		-ms-overflow-style: none; scrollbar-width: none;}
.social_media_list_wrap .social_media_list::-webkit-scrollbar{display: none;}
.social_media_list h6{font-size:17px; font-weight:600; color:#29282c;}
.social_media_list{margin-top:15px;}
.social_media_list dt>*{display:inline-block; vertical-align:middle; font-size:16px;}
.social_media_list dt>img{width:30px;}
.btn_social_media_list{margin-top:30px; font-size:0; text-align:center;}
.btn_social_media_list button{width:49%; max-width:100px;  border:1px solid #8e8d93; color:#8e8d93; font-weight:500; border-radius:30px;
		font-size:15px; padding:9px 2px; }
.btn_social_media_list button+button{ background-color:#8383db; color: #ffffff; border-color:#8383db; margin-left:2%;}
.btn_social_media_list .btn_social_media_list_close{font-size:0; position:absolute; right:20px; top:10px; width:30px; height:30px; text-indent:-999999px; 
		overflow:hidden; background-color:transparent; border:none;  margin-left:0;}
.btn_social_media_list .btn_social_media_list_close:before,.btn_social_media_list .btn_social_media_list_close:after{content:''; height:1px; width:20px; 
		display:block; background-color:#69686f;  position:absolute; top:14px; left:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.btn_social_media_list .btn_social_media_list_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*이메일 알림*/
.set_up .btn_email_push{margin-top:20px; width:100%; color:#000000; text-align:left; padding:5px 0 2px; font-size:15px;
		background:url("/images/common/push_icon.png")no-repeat 100% center; background-size:37px auto; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.set_up .btn_email_push.active{background-image:url("/images/common/push_icon_on.png");}
/*btn_set_up_wrap*/
.btn_set_up_wrap{margin-top:30px; font-size:0; text-align:center;}
.btn_set_up_wrap button{width:49%; max-width:100px;  border:1px solid #8e8d93; color:#8e8d93; font-weight:500; border-radius:30px;
		font-size:15px; padding:9px 2px; }
.btn_set_up_wrap button+button{ background-color:#8383db; color: #ffffff; border-color:#8383db; margin-left:2%;}

/*개인정보취급방침 personal_information_manager.asp*/
.personal_information_manager_wrap{border:1px solid #dad3d0; border-radius:5px; padding:20px 20px;}
.personal_information_manager_wrap>p{font-size:15px; font-weight:500; line-height:1.6; }
.personal_information_manager_list{margin-top:25px; list-style-type:decimal; list-style-position:outside; padding-left:13px; line-height:1.6; }
.personal_information_manager_list>li{font-size:15px; font-weight:600; color:#29282c;}
.personal_information_manager_list>li+li{margin-top:10px;}
.personal_information_manager_list>li>p{font-size:14px; color:#444444; font-weight:400; margin-top:6px;}
.personal_information_manager_list .list_sryle02{margin-top:6px;}
.personal_information_manager_list .list_sryle02>li{padding-left:16px; position:relative; font-size:14px; color:#444444; font-weight:400;}
.personal_information_manager_list .list_sryle02>li+li{margin-top:5px;}
.personal_information_manager_list .list_sryle02>li:before{display:block; position:absolute; left:0; top:0;}
.personal_information_manager_list .list_sryle02>li:nth-child(1):before{content:'가.';}
.personal_information_manager_list .list_sryle02>li:nth-child(2):before{content:'나.';}
.personal_information_manager_list .list_sryle02>li:nth-child(3):before{content:'다.';}
.personal_information_manager_list .list_sryle02>li:nth-child(4):before{content:'라.';}
.personal_information_manager_list .list_sryle02>li:nth-child(5):before{content:'마.';}
.personal_information_manager_list .list_sryle02>li:nth-child(6):before{content:'바.';}
.personal_information_manager_list .list_sryle02>li:nth-child(7):before{content:'사.';}
.personal_information_manager_list .list_sryle02>li:nth-child(8):before{content:'아.';}
.personal_information_manager_list .list_sryle02>li:nth-child(9):before{content:'자.';}
.personal_information_manager_list .list_sryle02>li:nth-child(10):before{content:'차.';}

.personal_information_manager_list .list_sryle03{margin-top:6px;}
.personal_information_manager_list .list_sryle03>li{padding-left:10px; position:relative; font-size:13px; color:#69686f; font-weight:400;}
.personal_information_manager_list .list_sryle03>li+li{margin-top:3px;}
.personal_information_manager_list .list_sryle03>li:before{content:'-'; display:block; position:absolute; left:0; top:0;}








/*1780이하 */
@media screen and (max-width:1780px){


}/*1780이하 끝*/

/*1400이하 */
@media screen and (max-width:1400px){




}/*1400이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){


}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.member_container{min-height:600px;}

/*login.asp*/
.member_login_box_wrap{padding:25px 20px;}
.member_login_box_wrap h1{width:140px;}
.member_login_box{margin-top:30px;}
.member_login_input dl+dl{margin-top:15px;}
.member_login_input dt{font-size:15px;}
/*login_checkbox*/
.login_checkbox_wrap{margin-top:10px;}
.login_checkbox+label{font-size:13px;}
/*btn_login_wrap*/
.btn_login_wrap{margin-top:40px;}
.btn_login_wrap button+button{margin-top:12px;}
.member_info_find{margin-top:15px;}
.member_info_find>li+li{margin-left:8px; padding-left:8px;}
.another_login_wrap{margin-top:40px;}
.another_login_wrap h5{font-size:15px;}
.another_login_list{margin-top:15px;}

/*join01.asp*/
.member_join_box_wrap{padding:25px 20px;}
.member_join_box_wrap h1{width:140px;}
.member_join_accreditation{margin-top:30px;}
.member_join_accreditation h5{font-size:18px;}
.accreditation>div>span{width:90px;}
.another_join_wrap{margin-top:40px;}
.another_join_wrap h5{font-size:15px;}
.another_join_list{margin-top:15px;}
.accreditation .btn_accreditation{font-size:14px; min-width:118px; margin-top:15px;}

/*join02.asp*/
.member_join_second_box_wrap{padding:20px 15px;}
.member_join_second_box_wrap h3{font-size:22px;}
.member_join_second_box{margin-top:15px;}
.member_join_second_box dl{margin-bottom:12px;}
.member_join_second_box dt{font-size:15px;}
.member_join_second_box dd{margin-top:3px;}
.member_join_second_box dd.confirm_repetition_wrap>input{width:calc(100% - 80px);}
.member_join_second_box dd.confirm_repetition_wrap>button{font-size:14px; width:75px;}
.confirm_message>div>p{font-size:15px;}
.confirm_message .btn_message_confirm{font-size:14px;}
/*직업선택*/
.job_area_list_wrap{padding:10px;}
.job_area_select_wrap h5{font-size:16px;} 
.job_area_select h6{font-size:16px;}
.job_area_check_list{padding:10px;}
.job_area_check_list+div{margin-top:15px;}
.job_area_check_list>strong{font-size:15px;}
.job_area_check_list>ul>li{font-size:14px;}
.job_check+label{font-size:14px; padding-left:21px; letter-spacing:-1px;}
/*제작도구*/
.tool_list_wrap{padding:10px; margin-top:30px;}
.tool_list_wrap .tool_list{padding:10px;}
.tool_list_wrap .tool_list>li{font-size:14px;}

/*회원가입 공통 btn*/
.btn_join_wrap{margin-top:30px;}

/*join03.asp*/
.member_join_end_wrap{padding:25px 20px;}
.member_join_end_wrap h1{width:140px;}
.member_join_end{margin-top:30px;}
.member_join_end>p:nth-child(2){font-size:17px;}
.member_join_end>p:last-child{font-size:15px;}

/*id_find.asp, pw_find.asp common*/
.find_wrap{padding:20px 15px;}
.find_wrap h3{font-size:22px;}
/*id_find.asp*/
.id_find_wrap h4{font-size:16px;}
.id_find_wrap .find_phone_input dd p .input_phone{width:calc(100% - 100px);}
.id_find_wrap .find_phone_input dd p .btn_authentication_request{font-size:14px; width:95px;}

/*btn_find_wrap*/
.btn_find_wrap{margin-top:30px;}
.btn_find_wrap button{font-size:15px;}
.btn_find_wrap button+button{margin-top:12px;}

/*id_find02.asp*/
.id_find_wrap.id_find02_wrap{margin-top:40px;}
.id_find02_wrap>p{font-size:15px;}

/*pw_find.asp*/
.pw_find_wrap>div+div{margin-top:30px;}
.pw_find_wrap h4{ font-size:16px;}
.pw_find_wrap .find_phone_input dd p .input_phone{width:calc(100% - 100px);}
.pw_find_wrap .find_phone_input dd p .btn_authentication_request{font-size:14px; width:95px;}

/*pw_find02.asp*/
.pw_find_wrap.pw_find02_wrap{margin-top:40px;}
.pw_find02_wrap>p{font-size:15px;}

/*modify.asp*/
.modify_wrap{padding:20px 15px;}
.modify_wrap h3{font-size:22px;}
.member_modify_box{margin-top:15px;}
.member_modify_box dl{margin-bottom:12px;}
.member_modify_box dt{font-size:15px;}
.member_modify_box dd{margin-top:3px;}
.member_modify_box dd.confirm_repetition_wrap>input{width:calc(100% - 80px);}
.member_modify_box dd.confirm_repetition_wrap>button{font-size:14px; width:75px;}
/*btn_login_wrap*/
.btn_modify_wrap{margin-top:40px;}
.btn_modify_wrap button+button{margin-top:12px;}

/*set_up.asp*/
.set_up_list_wrap{padding:20px 15px;}
.set_up_list h5{font-size:15px;}
.profile_upload_img_info input[type=file]+label{padding:6px 10px 6px 30px; background-position:10px center;}
.skill_set_up h6{font-size:15px;}
.set_up dt{font-size:15px;}
.social_media_list h6{font-size:16px;}

/*개인정보취급방침 personal_information_manager.asp*/
.personal_information_manager_wrap{padding:10px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*common*/
.member_container{padding:50px 0 100px;}

/*join01.asp*/
.member_join_box_wrap{padding:25px 8px;}
.accreditation>div>span{width:80px;}

/*join02.asp*/
/*직업선택*/
.job_area_check_list>ul>li{font-size:13px;}
.job_check+label{font-size:13px; background-position:0 0;}
/*제작도구*/
.tool_list_wrap .tool_list>li{font-size:13px;}

/*join03.asp*/
.member_join_end_wrap{padding:25px 10px;}
.member_join_end>img{width:30px;}

/*id_find.asp*/
.id_find_wrap .find_phone_input dd select{padding:10px 12px;}

/*set_up.asp*/
.profile_img_set_up>*{display:block;}
.profile_img_set_up .profile_upload_img{margin:0 auto;}
.profile_upload_img_info{width:100%; padding-left:0; margin-top:30px; text-align:center;}
.profile_upload_img_info input[type=file]+label{font-size:13px;}




}/*420이하 끝*/

/*340이하 */
@media screen and (max-width:340px){

/*login.asp*/
.member_login_box_wrap{padding:20px 15px;}

/*join02.asp*/
.member_join_second_box_wrap{padding:15px 10px;}

}/*340이하 끝*/