/*****************************
���� : ���������п� �����ȳ� CSS

�ۼ��� : 2012.04.03
*****************************/


@import url("/jrjump/common/css/sub/popup.css"); .member_wrap { padding:30px; margin:35px 0 70px 0; margin-bottom:30px } 

.member_wrap .alignL { text-align:left; } 
.member_wrap .alignC { text-align:center; } 
.member_wrap .alignR { text-align:right; } 

.member_wrap .mgt30 { margin-top:30px; } 

.member_wrap .mgb5 { margin-bottom:5px; } 
.member_wrap .mgb10 { margin-bottom:10px; } 
.member_wrap .mgb15 { margin-bottom:15px; } 
.member_wrap .mgb20 { margin-bottom:20px; } 
.member_wrap .mgb30 { margin-bottom:30px; } 
.member_wrap .mgb40 { margin-bottom:40px; } 

.member_wrap .mgb60 { margin-bottom:60px; } 

.member_wrap .script { font-size:11px; } 

.member_wrap .checkbox { vertical-align:-2px; margin-right:5px; _margin:-2px 0 -2px -4px; } 
*:first-child+html .member_wrap .checkbox { margin:-2px 0 -2px -4px; } 

.member_wrap .clear { clear:both; } 

.member_wrap .join_step { background:#f2f2f2; margin:0 0 44px 0; height:72px; overflow:hidden; } 
.member_wrap .join_step li { background:url('https://cdn.hackersut.com/www/images/member/bg_join_step.gif') right center no-repeat; display:inline-block; zoom:1; *display:inline; padding:0 15px 0 0; } 
.member_wrap .join_step li.end { background:none; } 
.member_wrap .join_banner { padding-bottom:15px; } 

/* ȸ������ ������ */
.member_wrap.renew2 { padding:0px; } 
.member_wrap.renew2 .join_wrap { border:5px #f3f3f3 solid; } 
.member_wrap.renew2 .inner { padding:30px; text-align:center; } 
.member_wrap.renew2 .inner.pd0 { padding:0; } 
.member_wrap .tit_benefit { border-top:1px solid #ccc; padding:30px 0 20px; margin-top:48px; text-align:center; } 
.member_wrap .btn_join_wrap { margin-top:30px; text-align:center; } 

/* ȸ���������� */
.join_choice { width:100%; overflow:hidden; } 
.join_choice dl { position:relative; float:left; width:300px; height:69px; padding:20px; border:1px solid #ccc; } 
.join_choice dl:first-child { margin-right:23px; } 
.join_choice dl:first-child dt { margin-top:15px; } 
.join_choice dt { margin-bottom:5px; font-size:14px; color:#cc0000; } 
.join_choice dt,.join_choice dd { text-align:left; } 
.join_choice .btn_choice { position:absolute; top:20px; right:20px; text-align:right; } 

/*�������?*/
.member_wrap h3.agree_tit { margin:0 0 60px 0; } 
.member_wrap h4.agree_tit { margin:0 0 8px 0; } 

.member_wrap .agree_box { border:1px #aaa solid; height:78px; overflow-y:scroll; overflow-x:hidden; font-size:11px; color:#000; padding:2px; margin:0 0 9px 0; } 
.member_wrap .agree_box h5 { margin:0 0 10px 0; color:#000; } 
.member_wrap .agree_box ol { margin:0 0 30px 1.5em; } 
.member_wrap .agree_box ol li { margin:0 0 10px 0; } 
.member_wrap .agree_box ol li ol { margin:5px 0 0; } 
.member_wrap .agree_box ol li ol li { margin:0 0 7px 10px; } 
.member_wrap .agree_box ol li ol li ul li { margin:5px 0 0 1em; font-size:11px; } 

.member_wrap .agree_box ol.etc { margin:0 0 0 1.5em; } 
.member_wrap .agree_box ol.etc li { margin:0 0 5px 0; } 
.member_wrap .agree_box ol.person_index { margin:5px 0 0; } 
.member_wrap .agree_box ol.person_index li { margin:0 0 5px; } 
.member_wrap .agree_box ol.list_end { margin:0 0 0 1.5em; } 

.member_wrap .agree_box .cpu_info { width:640px; } 
.member_wrap .agree_box .cpu_info th { border:1px #ededed solid; background:#f7f7f7; padding:6px 0 4px; } 
.member_wrap .agree_box .cpu_info tbody th { font-weight:normal; text-align:left; padding: 3px; font-size:11px; background:#f9f9f9; } 
.member_wrap .agree_box .cpu_info tbody td { border:1px #ededed solid; font-size:11px; padding:3px; } 

.member_wrap label.agree { color:#494949; } 



/*�Ǹ�Ȯ��*/
.member_wrap .real_name { border:7px #f2f2f2 solid; margin:0 0 25px 0; padding:15px 30px; } 
.member_wrap .real_name label { color:#494949; margin:0 5px 0 0; } 
.member_wrap .real_name label span { color:#a4a4a4; } 
.member_wrap .real_name input.name { border:1px #ccc solid; width:124px; height:18px; margin:0 25px 0 0; } 
.member_wrap .real_name input.idnum { border:1px #ccc solid; width:65px; height:18px; } 
.member_wrap .real_name a.btn { vertical-align:-8px; } 
.member_wrap .real_name .check_type { border-bottom:1px #f2f2f2 solid; padding:0 0 8px 0; margin:0 0 20px 0; } 
.member_wrap .real_name .check_type label { margin:0 50px 0 0; } 
.member_wrap .real_name .check_type input { vertical-align:0px; margin-right:3px; } 
.member_wrap span.warning { background:url('https://cdn.hackersut.com/www/images/member/icon_warning.gif') left top no-repeat; padding:0 0 0 18px; color:#767676; letter-spacing:-1px; } 

/*�⺻�����Է�*/
.member_wrap .top_script { text-align:right; } 
.member_wrap .top_script span { background:url('https://cdn.hackersut.com/www/images/member/icon_redStar.gif') left 2px no-repeat; padding:0 0 0 10px; font-size:11px; color:#666; } 
.member_wrap .top_script span.ico_none { background:none; } 

.member_wrap table.basicInfo { border-top:1px #e9e9e9 solid; width:100%; } 
.member_wrap table.basicInfo th { border-bottom:1px #e9e9e9 solid; background:#f9f9f9; text-align:left; padding:10px 0 10px 20px; color:#666; } 
.member_wrap table.basicInfo th.vtop { vertical-align:top; } 
.member_wrap table.basicInfo th span { background:url('https://cdn.hackersut.com/www/images/member/icon_redStar.gif') left 2px no-repeat; padding:0 0 0 10px; } 
.member_wrap table.basicInfo th span.pl10 { padding-left:10px; background:none; } 
.member_wrap table.basicInfo td { border-bottom:1px #e9e9e9 solid; color:#494949; min-height:30px; height:auto!important; _height:30px; vertical-align:center; padding:5px 10px 5px 15px; } 
*:first-child+html .member_wrap table.basicInfo td { padding:5px 10px; } 
*html .member_wrap table.basicInfo td { padding:5px 10px; } 
.member_wrap table.basicInfo span.grayDot { display:block; background:url('https://cdn.hackersut.com/www/images/member/blit_grayDot.gif') 2px 4px no-repeat; padding:0 0 0 10px; font-size:11px; color:#636363; margin:4px 0 0 0; } 
.member_wrap table.basicInfo span.check { display:block; background:url('https://cdn.hackersut.com/www/images/member/icon_check.gif') no-repeat; padding:0 0 0 12px; font-size:11px; color:#636363; margin:1px 0 0 0; } 
.member_wrap table.basicInfo input { color:#494949; } 
.member_wrap table.basicInfo input.text { width:106px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 
.member_wrap table.basicInfo input.phone { width:76px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 
.member_wrap table.basicInfo input.zipcode { width:53px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 
.member_wrap table.basicInfo input.textlong { width:269px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 
.member_wrap table.basicInfo input.class { width:114px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 
.member_wrap table.basicInfo input.class_name { width:76px; height:18px; border:1px #ccc solid; padding:0 5px; line-height:20px; } 

.member_wrap table.basicInfo a.btn { vertical-align:-6px; margin-left:5px; } 

.member_wrap table.basicInfo select.phone { width:73px; color:#000; } 
.member_wrap table.basicInfo select.mail { width:118px; } 
.member_wrap table.basicInfo select.class { width:124px; } 
.member_wrap table.basicInfo select.major { width:124px; margin:0 0 0 20px; _margin:0 0 0 54px; } 

.member_wrap table.basicInfo input.checkbox { vertical-align:-2px; margin:0 2px 0 10px; } 
.member_wrap table.basicInfo input.radiobox { vertical-align:-4px; } 
.member_wrap table.basicInfo input.radiobox { _vertical-align:-2px; _margin:-2px 0 -2px -2px; } 
*:first-child+html .member_wrap table.basicInfo input.checkbox { vertical-align:-2px; margin:-2px 0 -2px 10px; } 

.member_wrap table.basicInfo label { color:#636363; } 
.member_wrap table.basicInfo label.mgr15 { margin:0 15px 0 3px; color:#666; _margin:0 10px 0 0; } 
.member_wrap table.basicInfo label.mgr30 { margin:0 30px 0 3px; color:#666; _margin:0 20px 0 0; } 
.member_wrap table.basicInfo label.wish { color:#494949; vertical-align:-2px; margin:0 10px 0 0; } 

*:first-child+html .member_wrap table.basicInfo label.mgr15 { margin:0 10px 0 0; color:#666; vertical-align:-3px; } 
*:first-child+html .member_wrap table.basicInfo label.mgr30 { margin:0 25px 0 0; color:#666; vertical-align:-3px; } 
*:first-child+html .member_wrap table.basicInfo select.major { width:124px; margin:0 0 0 44px; } 

.member_wrap table.basicInfo span.alike { vertical-align:-2px; margin:0 15px 0 0; color:#666; } 

/*���ԿϷ�*/
.member_wrap .join_end { border:5px #f2f2f2 solid; padding:60px 0; text-align:center; } 
.member_wrap.welcome_join { position:relative; padding:0 !important; border:none !important; } 
.member_wrap.welcome_join .movie_play { position:absolute; top:637px; left:64px; width:652px; height:411px; z-index:99; } 


/*���̵����й�ȣã��*/

.member_wrap .find_box { border:7px #f2f2f2 solid; padding:20px 30px; } 
.member_wrap .find_box .bg_gray { padding:18px 12px; background:#f5f5f5; color:#909090; margin:0 0 15px 0; } 
.member_wrap .find_box .bg_gray p { clear:both; } 
.member_wrap .find_box .bg_gray label { float:left; font-weight:bold; color:#494949; width:70px; height:20px; line-height:20px; } 
.member_wrap .find_box .bg_gray input.text { width:76px; _width:70px; height:18px; color:#494949; padding:0 5px; border:1px #ccc solid; } 
.member_wrap .find_box .bg_gray input.ipin { width:106px; height:18px; color:#494949; padding:0 5px; border:1px #ccc solid; } 

.member_wrap .find_box h5 { margin-bottom:4px; } 
.member_wrap .find_box .left_box { float:left; padding-right:30px; border-right:1px #eaeaea solid; width:285px; } 
.member_wrap .find_box .right_box { float:left; padding-left:30px; } 
.member_wrap .find_box .right_box label { width:87px; margin-right:12px; text-align:right; color:#696969; } 
.member_wrap .find_box .right_box strong.ipin { color:#696969; text-align:center; display:block; line-height:180%; padding:4px 0; _padding:6px 0; } 
*:first-child+html .member_wrap .find_box .right_box strong.ipin { padding:6px 0; } 


.member_wrap .find_box .bg_mail { background:#f5f5f5 url('https://cdn.hackersut.com/www/images/member/bg_mail.gif') center no-repeat; padding:20px 15px 20px 124px; margin:0 0 15px 0; } 
.member_wrap .find_box .bg_mail strong { display:block; letter-spacing:-1px; margin:0 0 26px 0; line-height:180%; } 
.member_wrap .find_box .bg_mail span.mail { color:#000; font-weight:bold; } 

.member_wrap .find_box .bg_phone { background:#f5f5f5 url('https://cdn.hackersut.com/www/images/member/bg_phone.gif') center no-repeat; padding:20px 15px 20px 124px; margin:0 0 15px 0; } 
.member_wrap .find_box .bg_phone strong { display:block; letter-spacing:-1px; margin:0 0 26px 0; line-height:180%; text-align:left; } 
.member_wrap .find_box .bg_phone span.phone { color:#000; font-weight:bold; } 

.member_wrap .search_id_box { border:4px #f2f2f2 solid; padding:15px 30px 12px; text-align:right; } 
.member_wrap .search_id_box a { margin-left:2px; } 
.member_wrap .search_id_box span.result { float:left; margin:7px 0 0 0; } 

.member_wrap .search_pw_box { border:7px #f2f2f2 solid; padding:30px; } 
.member_wrap .search_pw_box strong { display:block; background:#f5f5f5; padding:30px 0 27px; text-align:center; letter-spacing:-1px; } 
.member_wrap .redtext { color:#cc0000; } 
.member_wrap .browntext { color:#6c5d4a; } 

.member_wrap .callCS { letter-spacing:-0.5px; } 
*:first-child+html .member_wrap .callCS { letter-spacing:-1px; } 


/*ȸ��Ż��*/
.member_wrap .out_script { background:#f9f9f9; padding:20px; line-height:180%; } 
.member_wrap .out_script strong { color:#cc0000; } 

.member_wrap .no_member { width:100%; border-top:1px #8992b9 solid; } 
.member_wrap .no_member th { border-right:1px #d5d8e3 solid; border-bottom:1px #d5d8e3 solid; color:#363636; background:#fef7f6; } 
.member_wrap .no_member th.info { background:#f0f1f5; } 
.member_wrap .no_member td { padding:7px 20px; border-bottom:1px #d5d8e3 solid; color:#363636; } 
.member_wrap .no_member td input { color:#363636; padding:0 3px; width:136px; height:20px; line-height:22px; border:1px #dedede solid; } 

.member_wrap .out_reason { border-top:1px #848db8 solid; border-bottom:1px #dcdfe8 solid; padding:20px 35px 0; } 
.member_wrap .out_reason li { display:inline-block; *zoom:-1; *display:inline; margin:0 0 20px -4px; width:160px; } 
.member_wrap .out_reason li label { color:#363636 } 

.member_wrap .out_opinion { border-bottom:1px #dcdfe8 solid; padding:0 0 10px 0; } 
.member_wrap .out_opinion strong { float:left; width:144px; height:63px; text-align:center; color:#363636; padding:55px 0 0 0; } 
.member_wrap .out_opinion textarea { width:540px; height:112px; border:1px #dedede solid; color:#363636; padding:2px; } 


/*--------------���������------------*/

.login_page { width:796px; margin:0 auto 70px; } 
.login_page .login_visual { float:left; width:575px; } 
.login_page .login_left { float:left; width:196px; margin-right:15px; _margin-right:14px; } 

.login_page h1 { margin:30px 0 18px; } 
.login_page .clear { clear:both; } 

/* full login */
.full_login { background-color:#2f2f2f; } 
.full_login > .login_page { background-color:#fff; padding:20px; position:absolute; left:50%; top:50%; margin-top:-197px; margin-left:-418px; } 
.full_login > .login_page h1 { margin:10px 0 20px; position:relative; } 
.halpBtn { position:absolute; top:0; right:0; } 

.full_login > .login_page .btn_close { position:absolute; right:10px; top:10px; } 
.full_login .main_visual#new_1404 { right:20px; } 

/*���*/
.login_left .login { height:105px; overflow:hidden; padding:19px 10px; border:1px #d0d0d0 solid; margin:0 0 9px 0; } 
.login_left .login .input_id { color:#868585; border:none; background:url(https://cdn.hackersut.com/www/images/main/bg_id.gif) no-repeat; width:108px; height:20px; line-height:20px; padding:0 5px; margin:0 0 6px 0; _margin:0 0 3px 0; } 
.login_left .login .input_pw { color:#868585; border:none; background:url(https://cdn.hackersut.com/www/images/main/bg_pw.gif) no-repeat; width:108px; height:20px; line-height:20px; padding:0 5px; margin:0 0 9px 0; } 
.login_left .login .input_idnot { color:#868585; border:none; background:url(https://cdn.hackersut.com/www/images/main/bg_input_not.gif) no-repeat; width:108px; height:20px; line-height:20px; padding:0 5px; margin:0 0 6px 0; _margin:0 0 3px 0; } 
.login_left .login .input_pwnot { color:#868585; border:none; background:url(https://cdn.hackersut.com/www/images/main/bg_input_not.gif) no-repeat; width:108px; height:20px; line-height:20px; padding:0 5px; margin:0 0 9px 0; } 
*:first-child+html .login_left .login .input_id { margin:0 0 3px 0; } 
*:first-child+html .login_left .login .input_idnot { margin:0 0 3px 0; } 
.login_left .login .btn_login { float:right; } 
.login_left .login .save_id { } 
.login_left .login .save_id label { font-size:11px; color:#818181; } 
.login_left .login .save_id input { vertical-align:-2px; margin-right:5px; } 
.login_left .login .save_id input { _vertical-align:-2px; _margin:-3px 2px -3px -3px; } 
*:first-child+html .login_left .login .save_id input { vertical-align:-4px; margin:-3px 2px -3px -3px; } 
.login_left .login .btn { padding:8px 0 0 0; margin:8px 0 0 0; border-top:1px #f0f0f0 solid; } 
.login_left .login .welcome { text-align:center; padding:6px 0 0 0; } 
.login_left .login .goClass { display:block; border:1px #d0d0d0 solid; font-size:11px; color:#b3b3b3; padding:1px 20px 1px 7px; margin:7px 0 25px 0; background:url(https://cdn.hackersut.com/www/images/main/bg_selcete.gif) 152px 1px no-repeat; height:19px; line-height:19px; } 
.login_left .login .listClass { display:none; position:absolute; z-index:4; width:161px; border:1px #d0d0d0 solid; border-top:none; padding:5px 4px 0 7px; margin:-25px 0 0 0; background:#fff; } 
.login_left .login .listClass li a { display:block; font-size:11px; color:#b3b3b3; margin-bottom:5px; } 

/*������*/
.login_left .cs_box { border:1px #d0d0d0 solid; background:url('https://cdn.hackersut.com/www/images/member/bg_login_cs.gif') 10px center no-repeat; height:66px; } 
.login_left .cs_box a { position:relative; top:24px; left:124px; } 

/*�̺�Ʈ - ����*/
.login_visual { border:1px #cc0000 solid; height:220px; overflow:hidden; width:573px!important; } 
.login_visual .visual_img { height:183px; _margin-bottom:-4px; } 
.login_visual .visual_img img { display:block; width:573px; height:183px; } 
.login_visual .visual_tab { height:37px; overflow:hidden; } 
.login_visual .visual_tab li { float:left; height:37px; } 
*:first-child+html .login_visual .visual_tab { margin-top:0px; } 

.login_visual .visual_tab a { display:block; height:37px; } 
.login_visual .visual_tab a span { display:none; } 
.login_visual .visual_tab a.tab01 { background:url(https://cdn.hackersut.com/www/images/main/tab_visual01.gif) no-repeat; width:144px; } 
.login_visual .visual_tab a.tab02 { background:url(https://cdn.hackersut.com/www/images/main/tab_visual02.gif) no-repeat; width:143px; } 
.login_visual .visual_tab a.tab03 { background:url(https://cdn.hackersut.com/www/images/main/tab_visual03.gif) no-repeat; width:143px; } 
.login_visual .visual_tab a.tab04 { background:url(https://cdn.hackersut.com/www/images/main/tab_visual04.gif) no-repeat; width:143px; } 

.login_visual .visual_tab li.on a { background-position:bottom; } 
.login_visual .visual_tab a:hover { background-position:bottom; } 


/*�̺�Ʈ������ - ������ �ָ��� �߰� 2012.04.20*/
/* event_banner */
#event_banner { float:left; } 
#event_banner dt a { float:left; width:573px; border-bottom:1px #d0d0d0 solid; height:183px\9; } 
#event_banner dd.menu { float:left; display:inline; overflow:hidden; } 
#event_banner dd.menu a { float:left; width:142px; height:37px; border-left:1px #d0d0d0 solid; _margin-left:-2px; } 
#event_banner dd.menu a.first { border-left:none; width:143px; } 


/*ȸ������ �̿��� ����*/
.member_wrap h5.gray_tit { padding:20px 11px 14px; background:#f7f7f7; } 
.member_wrap h5.gray_tit .script { font-weight:normal; } 
.member_wrap p span.red { color:#cc0000; } 




/****************** ���̷�_�߰�_120413 ******************/
/* ����������޹��? */
.policy_box { } 

.policy_box .b { font-weight:bold } 
.policy_box .cc0000 { color:#cc0000 } 
.policy_box h3.title { width:100%; margin:0; padding-bottom:20px; border-bottom:1px solid #e0e0e0; } 
.policy_box .sorting { margin:30px 0 40px; padding:15px 20px; background-color:#f8f8f8; height:130px; } 
.policy_box .sorting ul { float:left; width:280px; _width:300px; } 
.policy_box .sorting ul.right { width:380px; } 
.policy_box .sorting ul li { line-height:22px; cursor:pointer; color:#8b8b8b; } 
.policy_box .sorting ul li a { color:#8b8b8b; } 
.policy_box .sorting ul li:hover { /*color:#cc0000*/; } 
.policy_box .policy_top { margin:0 0 35px 0; } 


.policy_box .policy_content { line-height:18px; } 
.policy_box .policy_content h4 { font-size:15px; margin:0 0 10px; } 
.policy_box .policy_content h5 { margin-left:15px; margin-bottom:5px; } 
.policy_box .policy_content h6 { margin-left:20px; margin-bottom:5px; } 
.policy_box .policy_content .h4_text { margin-left:20px; margin-bottom:10px; } 
.policy_box .policy_content .h5_text { margin-left:34px; margin-bottom:10px; } 

.policy_box .policy_content .dep1 li { margin:5px 0 8px 30px; } 
.policy_box .policy_content .dep1 li span.first_letter { margin: 0 5px 0 -20px; } 
.policy_box .policy_content .dep1_1 { margin:10px 0 15px -10px; letter-spacing:-1px; } 
.policy_box .policy_content .dep1_1 li span.first_letter { font-weight:bold; } 

.policy_box .policy_content .deps { margin-left:22px; margin-bottom:20px; } 
.policy_box .policy_content .deps li { line-height:18px; } 
.policy_box .policy_content .dep0 li { margin-left:10px; } 
.policy_box .policy_content .dep4 li { margin:5px 0 8px 75px; } 
.policy_box .policy_content .dep4 li span.first_letter { margin: 0 5px 0 -65px; } 
.policy_box .policy_content .dep6 li { margin:5px 0 8px 98px; } 
.policy_box .policy_content .dep6 li span.first_letter { margin: 0 5px 0 -88px; } */


/*������ �߰� 2012.04.13*/
.policy_box .policy_content .policy_list { margin:0 0 35px 1.5em; } 
.policy_box .policy_content .policy_list li { margin:0 0 20px; } 
.policy_box .policy_content .policy_list li em.red { color:#cc0000; } 
.policy_box .policy_content .policy_list li .indent1 { display:block; margin-left:1.5em; } 
.policy_box .policy_content .policy_list li .indent1_1 { display:block; margin-left:1.0em; } 
.policy_box .policy_content .policy_list li .indent2 { display:block; margin-left:1.8em; } 
.policy_box .policy_content .policy_list li ul li { margin:10px 0 0; } 
.policy_box .policy_content .policy_list li ol { } 
.policy_box .policy_content .policy_list li ol li { margin:10px 0 0 } 
.policy_box .policy_content .policy_list li ol li em.left { float:left; height:30px; margin-right:3px; } 
.policy_box .policy_content .policy_list li ol li ul li { margin:0; } 
.policy_box .policy_content .policy_list li em.before { display:inline; background:url('https://cdn.hackersut.com/www/images/member/blit_redArrow.gif') no-repeat; padding:0 0 0 10px; color:#cc0000; margin:0; } 

.policy_box .policy_content .notify { margin:10px 0 0 20px; width:670px; border-top:1px #9d9d9d solid; } 
.policy_box .policy_content .notify th { border-bottom:1px #dedede solid; border-right:1px #dedede solid; text-align:left; padding:6px 18px 3px; } 
.policy_box .policy_content .notify td { border-bottom:1px #dedede solid; border-right:1px #dedede solid; text-align:center; } 
.policy_box .policy_content .notify td.noRight { text-align:left; padding:0 18px; border-right:none; } 
.policy_box .policy_content .notify tr.end th, .policy_box .policy_content .notify tr.end td { border-bottom:1px #9d9d9d solid; } 

.policy_box .policy_content .policy_admin { width:650px; display:inline-block; background:#f8f8f8; padding:15px 20px; margin:10px 0 0 20px; } 
.policy_box .policy_content .policy_admin h5 { margin:0 0 10px 0; } 
.policy_box .policy_content .policy_admin .box_line { /*border-right:1px #dedede solid; */ float:left; width:300px; padding-right:15px; } 
.policy_box .policy_content .policy_admin .box_right { float:left; width:295px; padding-left:15px; } 
.policy_box .policy_content .policy_admin p { display:inline-block; zoom:1; *display:inline; } 
.policy_box .policy_content .policy_admin p.name { width:120px; } 


/************************�̿��� : ������ �߰� 2012.04.13***********************/
.tab_memberTerm { margin:0 0 20px; height:37px; } 
.tab_memberTerm li { float:left; height:37px; } 
.tab_memberTerm li a { display:block; height:37px; } 
.tab_memberTerm li a span { display:none; } 
.tab_memberTerm li a.menu01 { background:url('https://cdn.hackersut.com/www/images/member/bg_tab_term01.gif') no-repeat; width:390px; } 
.tab_memberTerm li a.menu02 { background:url('https://cdn.hackersut.com/www/images/member/bg_tab_term02.gif') no-repeat; width:389px; } 
.tab_memberTerm li.on a, .tab_memberTerm li a:hover { background-position:bottom; } 

.member_wrap .term_anchor { background:#f8f8f8; padding:20px 20px 0px; margin:0 0 40px; } 
.member_wrap .term_anchor ol { float:left; } 
.member_wrap .term_anchor ol.left { margin:0 40px 0 0; _margin:0 10px 0 0; } 
.member_wrap .term_anchor ol li { margin:0 0 20px 0; } 
.member_wrap .term_anchor ol li.etc { padding:0 0 0 3.6em; } 
.member_wrap .term_anchor ol li ol { float:none; margin:10px 0 0; } 
.member_wrap .term_anchor ol li ol li { margin:0 0 10px; } 
.member_wrap .term_anchor ol li a { color:#666; } 
.member_wrap .term_anchor ol li ol li a { color:#8b8b8b; } 
.member_wrap h3.term { padding-bottom:10px; margin:0 0 20px; border-bottom:1px solid #e0e0e0; } 
.member_wrap h4.term_red { color:#cc0000; font-size:14px; margin:0 0 12px; } 

.member_wrap .term_list li { margin:0 0 40px; } 
.member_wrap .term_list li p { margin:10px 0 0; } 
.member_wrap .term_list li span { display:block; margin-left:1.35em; } 
.member_wrap .term_list li ol { padding:0; margin:10px 0 0; } 
.member_wrap .term_list li ol li { margin:0 0 20px; } 
.member_wrap .term_list li ol li ol { padding:0 0 0 20px; margin:10px 0 0; } 
.member_wrap .term_list li ol li ol li { margin:0 0 10px; list-style:outside decimal; margin-left: 1.4em; } 
.member_wrap .term_list li ol.etc_list li { margin:0 0 7px 0; } 
.member_wrap .term_list li ol.etc_list li span.red { display:inline; background:url('https://cdn.hackersut.com/www/images/member/blit_redArrow.gif') no-repeat; padding:0 0 0 10px; color:#cc0000; margin:0; } 

.member_wrap .term_end { margin:0; } 


/*****************************���շα��� �ȳ� : ������ | 2012.04.19 ******************************/
.integrate_top { margin:0 0 -35px; background:url('https://cdn.hackersut.com/www/images/member/bg_integrate_top.gif') repeat-x; } 
.integrate_top span.welcome { display:block; background:url('https://cdn.hackersut.com/www/images/member/bg_integrate_id.gif') 116px 26px no-repeat; color:#2b2b2b; font-weight:bold; font-size:14px; padding:32px 0 0 244px; height:66px; line-height:180%; } 
.integrate_top span.subtext { display:block; font-size:11px; color:#707070; line-height:160%; padding:0 70px 25px; } 

.member_wrap .memberID_intro { border:3px #eaeeef solid; padding:20px 27px; } 
.member_wrap .memberID_list { width:100%; border-top:1px #9d9d9d solid } 
.member_wrap .memberID_list th { color:#363636; background:#f9f9f9; border-right:1px #dedede solid; border-bottom:1px #dedede solid; padding:16px 0 13px; } 
.member_wrap .memberID_list td { border-right:1px #dedede solid; border-bottom:1px #dedede solid; text-align:center; padding:16px 0 13px; } 
.member_wrap .memberID_list .last { border-right:none; } 
.member_wrap .memberID_list tr.bg_pink td { background:#fff9f9; } 
.member_wrap .memberID_intro strong.blue { color:#588da6; } 

.member_wrap .join_endBox { border:7px #f2f2f2 solid; padding:40px 0; } 
.member_wrap .join_endBox .totalMember { padding:20px 0 60px 105px; color:#2b2b2b; line-height:180%; } 
.member_wrap .join_endBox .btnC { text-align:center; } 
.member_wrap .join_endBox .btnC a { margin:0 6px; } 
.member_wrap .join_endBox .safe_text { color:#909090; text-align:center; } 

.join_group .birth2 select { margin: 0 0 10px; } 




/*****************************�ֹε��? ��ü���� : �ڼ��� | 2012.08.08******************************/


/*����Ȯ��*/
.join_group { overflow: hidden; padding: 0 0 45px; position: relative; } 
.join_group h3 { clear: both; margin: 0 0 9px; } 

.join_group .section_01 { width:651px; margin-bottom:30px; position:relative; border:7px solid #f2f2f2; padding:20px 20px 20px 25px; overflow:hidden; } 
.join_group .section_01 fieldset { float: left; width: 326px; } 
.join_group .section_01 fieldset input.w45 { width:43px } 
.join_group .section_01 fieldset .fields { color: #404040; background-color:#f4f4f4; padding: 10px; width:290px } 
.join_group .section_01 fieldset .fields dt { width: 64px; letter-spacing:-0.5px; font-size:12px; float:left; height:21px; padding-top:3px } 
.join_group .section_01 fieldset .fields dd { height:24px; } 
.join_group .section_01 fieldset .fields dd.script { height:15px; } 
.join_group .section_01 fieldset .fields .input_text { border: 1px solid #c1c1c1; color: #3d3d3d; height: 13px; padding: 2px; } 
.join_group .section_01 fieldset .fields select { height:19px; padding:1px; font-size:11px; } 
.join_group .section_01 .btn_area { display: block; text-align: center; width: 326px; margin-top:15px } 

.mem_notice { height:120px; margin-top:10px; } 
.mem_notice ul { background-color:#f4f4f4; width: 286px; padding:15px 12px; float:left; height:86px } 
.mem_notice ul li { padding-left:7px; font-size:11px !important; line-height:17px; letter-spacing:-0.1em !important; background:url('https://cdn.hackersut.com/www/images/member/bul_dot.gif') no-repeat 0 7px; } 
@-moz-document url-prefix(){
 .mem_notice ul { width: 298px; padding:15px 6px } 
 }
@-moz-document url-prefix(){
 .mem_notice ul li { letter-spacing:-0.7em; font-size:11px } 
 }
.mem_notice ul li span { font-size:11px !important; color:#4d5684 } 


.join_group .section_02 { height: 250px; margin-bottom: 30px; position: relative; border:7px solid #f2f2f2; padding:20px 42px } 
.join_group .section_02 fieldset { position:relative; width: 306px; height:250px; float: left; display:inline-block } 
.join_group .section_02 .auth { display:block } 
.join_group .section_02 .auth p { padding-right:20px; float:left } 
.auth_tab { display:block } 
.auth_tab li { float:left; padding-left:20px; .padding-left:14px; } 
.nnumk { clear: both; margin: 5px 0 0 2px; } 
.nnumk input { height: 14px; vertical-align: top; width: 14px; } 
.join_group .section_02 fieldset .fields { color: #404040; background-color:#f4f4f4; padding: 10px; width:248px; margin-top:5px; display:inline-block; } 
.join_group .section_02 fieldset .fields dt { width: 90px; letter-spacing:-0.5px; font-size:12px; float:left; height:21px; padding-top:3px } 
.join_group .section_02 fieldset .fields dd { height:24px; } 
.join_group .section_02 fieldset .btn_area { display: block; text-align: center; width: 306px; position:absolute; bottom:0 } 
.join_group .section_02 fieldset p { font-size:11px; line-height:16px; color:#919191 } 
.join_group .section_02 fieldset p.field_desc { color:#cc0000; padding:14px 0 } 

.ipin_wrap { float:left; width:278px; height:316px; position:relative; margin-left:12px; border-left:1px solid #d7d7d7; padding-left:28px; display:inline-block } 
.ipin_wrap p.ipin_box { background-color:#f4f4f4; width: 246px; padding:24px 16px; float:left; height:32px; text-align:center; font-size:11px; letter-spacing:-0.1em; margin:5px 0 0px } 
@-moz-document url-prefix() { p.ipin_box { letter-spacing:-0.1em !important } 
 }
.join_group .section_01 .ipin_wrap .btn_area { display: block; text-align: center; width:278px; float:left; margin-top:20px; padding-left:0 !important; margin-left:0 !important } 



/*ȸ�������Է�*/
.member_wrap table.basicInfo span.fcred { color:#cc0000; display:block; padding-top:5px; font-size:11px } 
.member_wrap table.basicInfo span.ad_tit { display:block; margin:10px 0 5px 0; } 


/*���̵� ��й��? ã��*/
.mb30 { margin-bottom:30px !important; } 
.mb12 { margin-bottom:12px !important; } 
.pd0 { padding:0 !important } 



.member_wrap .find_box { border:7px #f2f2f2 solid; padding:20px 30px; } 
.auth_tab.v2 { display: flex; } 
.auth_tab.v2 li { float:unset; } 
.auth_tab.v2 li:nth-of-type(1) { padding-left: 0; } 
.member_wrap .find_box .find_id_pw_bg_gray.v2 input.text { width: 346px; } 
.member_wrap .find_box .find_id_pw_bg_gray.v2 select { width: 104px; } 
.member_wrap .find_box .find_id_pw_bg_gray { width:268px; height:98px; padding:10px; background:#f5f5f5; color:#909090; margin:0 0 15px 0; } 
.member_wrap .find_box .find_id_pw_bg_gray.v2 { width: 100%; height: unset; padding: 20px 10px; box-sizing: border-box;} 
*:first-child+html .member_wrap .find_box .auth_tab { border:1px solid #fff; margin-top:-6px } 
.member_wrap .find_box .find_id_pw_bg_gray p { clear:both; } 
.member_wrap .find_box .find_id_pw_bg_gray label { float:left; color:#494949; width:70px; height:20px; line-height:20px; } 
.member_wrap .find_box .find_id_pw_bg_gray input.text { width:76px; _width:70px; height:18px; color:#494949; padding:0 5px; border:1px #ccc solid; } 
.member_wrap .find_box .find_id_pw_bg_gray input.ipin { width:106px; height:18px; color:#494949; padding:0 5px; border:1px #ccc solid; } 
.member_wrap .find_box .find_id_pw_bg_gray select { line-height:14px; font-size:11px; } 

.member_wrap .find_box h5 { margin-bottom:4px; } 
.member_wrap .find_box .left_box { float:left; padding-right:30px; border-right:1px #eaeaea solid; width:285px; } 
.member_wrap .find_box .right_box { float:left; padding-left:30px; } 
.member_wrap .find_box .right_box label { width:87px; margin-right:12px; text-align:right; color:#696969; } 
.member_wrap .find_box .right_box p.ipin { color:#696969; text-align:center; display:block; line-height:140%; padding:4px 0; _padding:6px 0; margin-bottom:15px; font-size:11px; letter-spacing:-0.5px; margin-top:10px } 
*:first-child+html .member_wrap .find_box .right_box strong.ipin { padding:6px 0; } 

.pdl8 { padding-left:12px } 
.mgt10 { margin-top:10px } 

.member_wrap .find_box .left_box .input_text { border: 1px solid #c1c1c1; color: #3d3d3d; height: 13px; padding: 2px; } 
.member_wrap .find_box .left_box select { height:19px; padding:1px; } 
.member_wrap .find_box .left_box input.w45 { width:43px } 


.bottom_box { margin-top:240px } 
.member_wrap .find_box .bg_cs { background:#f5f5f5 url('https://cdn.hackersut.com/www/images/member/bg_cs.gif') center no-repeat; padding:20px 15px 20px 124px; margin:15px 0; } 
.member_wrap .find_box .bg_cs dt { font-weight:bold; display:inline } 
.member_wrap .find_box .bg_cs dd { display:inline } 

.ag_wrap { width:780px; overflow:hidden; } 
.ag_wrap h4.agree_tit { font-size:15px; padding:20px 11px 14px; background:#f7f7f7; color:#000; } 
.ag_wrap .mgb40 { margin-bottom:40px; } 
.agree_cont { margin:10px } 
.agree_box2 { border:1px #aaa solid; height:78px; overflow-y:scroll; overflow-x:hidden; font-size:11px; color:#000; padding:2px; margin:0 0 9px 0; } 
.agree_box2 h5 { margin:0 0 10px 0; } 
.agree_box2 ol { margin:0 0 20px 1.5em; } 
.agree_box2 ol li { margin:0 0 10px 0; } 
.agree_box2 ol li ol, .agree_box2 ol li ul { margin:5px 0 0; } 
.agree_box2 ol li ol li { margin:0 0 7px 10px; } 
.agree_box2 ol li ol li ul li { margin:5px 0 0 1em; font-size:11px; } 
p.a_txt { padding:0 0 20px 17px } 
span.i_txt { display:inline-block; padding:0 0 10px 17px } 
.policy_box .policy_top2 { margin:0 0 15px 0; } 

.dormancy { } 
.dormancy strong { font-size:23px; color:#000; display:block; margin-bottom:15px; } 
.dormancy strong span { color:#d12032; } 
.dormancy .mt20 { margin-top:20px } 


/* ������ 2017-08-01 ������ */
.f_red { color:#cf2525; } 

.join_step_new { overflow:hidden; width:588px; margin:40px auto; } 
.join_step_new li { float:left; margin-left:30px; padding-left:33px; background:url("https://cdn.hackersut.com/www/images/member/renew/join_step_bul.gif") no-repeat 0 50%; } 
.join_step_new li:first-child { padding:0; margin:0; } 
.join_step_new li span { background:url("https://cdn.hackersut.com/www/images/member/renew/join_step_bg.png") no-repeat 0 0; display:block; width:154px; height:154px; font-size:0; } 
.join_step_new li.on span { background-position:0 -154px; } 
.join_step_new li.step2 span { background-position:-217px 0; } 
.join_step_new li.step2.on span { background-position:-217px -154px; } 
.join_step_new li.step3 span { background-position:-434px 0; } 
.join_step_new li.step3.on span { background-position:-434px -154px; } 

.input_chk { position: relative; display: block; height: 24px } 

.input_chk input { position: absolute; z-index: 11; top: 50%; left: 0; width: 22px; height: 22px; margin-top: -11px; opacity: 0; outline: 0; -webkit-appearance: none } 

.input_chk label { padding-left:30px; font-size: 14px; font-weight: 700; line-height: 24px; position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 24px; cursor: pointer; color: #333; background: url(https://cdn.hackersut.com/www/images/member/renew/ico_check.gif) 0 0 no-repeat; } 

.input_chk input:checked+label { background-position:0 -24px; } 
.input_chk input:checked+label.on { background-position:0 -24px; } 

.input_chk input:radio+label { background-position:0 -24px; } 
.input_chk input:radio+label.on { background-position:0 -24px; } 

.input_radio input[type="radio"] { width: 18px; height: 18px; accent-color: firebrick; } 


.jender { position:relative; display:block; width: 90px; height: 30px; float:left; } 
.jender input { position:absolute; z-index: 11; left:0; top:0; width: 90px; height: 30px; opacity: 0; outline: 0; -webkit-appearance: none } 
.jender label { text-align:center; position:absolute; z-index: 10; left:0; top:0; width: 90px; height: 30px; line-height: 30px; border:1px solid #d4d4d4; background:#fff; } 
.jender label.on { z-index: 100; color: #fff; border: solid 1px #cc0000; background:#cc0000; } 

.jender input:checked+label { z-index: 100; color: #fff; border: solid 1px #cc0000; background:#cc0000; } 


.join_area { border:3px solid #f3f3f3; padding:32px; } 
.join_area.pd0 { padding:0; } 

.privacy_agree { border-top:1px solid #d4d4d4; margin-top:16px; padding-top:16px; } 
.privacy_agree li { margin-top:30px; } 
.privacy_agree li:first-child { margin-top:0; } 
.agree_box { margin:20px 0 0 0; line-height:1.5; border:1px solid #d4d4d4; padding:10px 15px; height:70px; overflow:hidden; } 
.agree_box.on { height:auto; } 
.agree_box * { font-size:13px; } 
.all_btn { font-size:13px; height:45px; line-height:45px; background:#f4f4f4; border:1px solid #d5d5d5; border-top:0; display:block; text-align:center; } 
.ico_btn { margin-left:5px; display:inline-block; width:13px; height:8px; background:url("https://cdn.hackersut.com/www/images/member/renew/all_btn.png") no-repeat 0 0; } 

.agree_box table,
.member_wrap table { border:1px solid #ccc; } 
.agree_box table tr,
.member_wrap table tr { text-align:center; border-top:1px solid #ccc; } 
.agree_box table tr td,
.member_wrap table tr td { border-right:1px solid #ccc; } 
.agree_box table tr td.font_big,
.member_wrap table tr td.font_big { font-weight:bold; font-size:16px; text-decoration:underline; } 


.member_wrap table.renew-2025 { border: none; width: 350px; } 
.member_wrap table.renew-2025 tr { text-align:center; border-top:none } 
.member_wrap table.renew-2025 tr th { text-align: left; padding: 10px 0; } 
.member_wrap table.renew-2025 tr td { border-right:none; text-align: left; } 
.member_wrap table.renew-2025 tr td input { margin-left: 5px; } 
.member_wrap table.renew-2025 tr td input:disabled { border: none; background: unset; color: #cc0000; font-weight: bold; } 
.member_wrap table.renew-2025 tr td input[type=password] { width: 100%; width: 100%; box-sizing: border-box; padding: 3px; border-radius: 3px; border: 1px solid #ccc; } 

.btn_box { text-align:center; margin-top:30px; } 
[class|="btn"] { display:inline-block; /*border:1px solid #999999; 170831 ����*/color:#666; } 
[class|="btn-xxl"] { min-width:265px; padding:0 10px; font-size:13px; height:45px; line-height:45px; display:inline-block; *display:inline; *zoom:1; text-align:center; border-radius:4px; } 
[class|="btn-l"] { min-width:90px; border:1px solid #d4d4d4; font-size:16px; height:48px; line-height:48px; padding:0 30px; } /* 170904 ���� border �߰�*/
[class^='btn-m'] { min-width:109px; padding:0 10px; font-size:13px; height:45px; line-height:45px; display:inline-block; *display:inline; *zoom:1; text-align:center; border-radius:4px; } 
[class|="btn-sm"] { padding:0 10px; font-size:16px; min-width:95px; height:45px; line-height:45px; display:inline-block; *display:inline; *zoom:1; text-align:center; border-radius:4px; } 
[class|="btn-s"] { color:#555; border:1px solid #d4d4d4; font-size:13px; height:28px; line-height:28px; padding:0 10px; } /* 170904 ���� border �߰�*/
[class|="btn-xs"] { display:inline-block; text-align:center; font-size:13px; border-radius:5px; padding:0 10px; min-width:60px; height:27px; line-height:27px; } 
.btn-xs-red { background:#bf1e2e; color:#fff !important; } 
.btn-xs-gray { background:#adadad; color:#fff !important; } 
.btn-xs-dark { background:#333; color:#fff; } 
.btn-xs-red-line { border:1px solid #bf1e2e; background:#fff; color:#bf1e2e !important; } 
.btn-xs-dark-line { border:1px solid #333; background:#fff; color:#333; } 
.btn-s-red { color:#cc0000; border-color:#cc0000; } 
.btn-s-gray { color:#fff; border-color:#adadad; } 
.btn-sm-red { background:#bf1e2e; color:#fff } 
.btn-sm-gray-line { border:1px solid #d4d4d4; color:#666; } 
.btn-m-red { background:#bf1e2e; } 
.btn-m-gray { background:#adadad; color:#fff; } 
.btn-m-dark { background:#333; } 
.btn-l-red { background:#cc0000; color:#fff; border-color:#cc0000; } 
.btn-xxl-red { background:#cc0000; color:#fff; } 

[class|="join-tb"] { margin:0 auto 10px; background:#f9f9f9; padding:15px 30px; } 
.join_tit { color:#363636; font-size:14px; margin-bottom:10px; } 
.join_s_txt { font-weight:normal; font-size:11px; color:#a9a9a9; } 
p.join_s_txt { text-align:right; margin-bottom:10px; } 
[class|="join-tb"] table { width:100%; } 
[class|="join-tb"] th,
[class|="join-tb"] td { font-size:13px; padding:12px 0; } 
[class|="join-tb"] th { text-align:left; } 
[class|="join-tb"] th em { display:block; font-weight:normal; } 
[class|="join-tb"] td span.f_red { font-size:11px; } 
[class|="join-tb"] td * { vertical-align:middle; } 
[class|="join-tb"] input[type="text"],
[class|="join-tb"] input[type="password"] { margin-right:5px; border:1px solid #d4d4d4; height:28px; line-height:28px; padding:0 5px; } 
[class|="join-tb"] select { background:#fff; height:30px; line-height:30px; border:1px solid #d4d4d4; } 
[class|="join-tb"] .tel { width:10%; } 

.join_benefit { margin:30px 0 50px; } 

.join-tb-v2 { background:#fff; padding:0; } 
.join-tb-v2 table { border-bottom:1px solid #e7e7e7; } 
.join-tb-v2 th,
.join-tb-v2 td { border-top:1px solid #e7e7e7; } 
.join-tb-v2 th { padding-left:15px; background:#f9f9f9; color:#555; } 
.join-tb-v2 td { padding-left:10px; } 

.join_tab { overflow:hidden; margin:0 auto 10px; } 
.join_tab li { float:left; width:50%; } 
.join_tab li a { font-size:16px; font-weight:bold; background:#f9f9f9; color:#a4a4a4; height:42px; line-height:42px; display:block; text-align:center; } 
.join_tab li.on a { background:#f0f0f0; color:#393333; } 

.join_area .join_inner { margin:0 auto; width:90%; } 
.join_area .join_txt { text-align:right; margin-bottom:5px; } 

.js-tab-type1-con { display:none; } 
.js-tab-type1-con.on { display:block; } 

.join_tit_box { overflow:hidden; margin:0 auto 15px; } 
.join_tit_box h3 { font-size:16px; float:left; } 
.join_tit_box p { float:right; } 

/* 14�� �̸� �˾� _ ������ 2017.08.31 ����*/
.bnr_n { width:360px; height:420px; position:absolute; top:340px; background:#ffffff; left:258px; z-index:100; display:none; } 
.bnr_n .section_01 { border: none; background: #ffffff; margin-bottom: 0px; margin-top: -9px; width: 315px; padding: 30px 20px 20px 25px; } 
.bnr_n h3 { background:#cc0000; padding:0px; } 
.bnr_n .section_01 fieldset .fields { margin-top: 15px; } 
.bnr_n .ipin_wrap p.ipin_box { margin-top: 15px; } 
.bnr_n .btn_close_pop { position:relative; float:right; margin-top:-44px; margin-right:30px; } 
.f_red.r_blue { color:#0000ff; } 

/* ������ȣ�Է� �߰� */
.couponBox { padding:10px 30px; overflow:hidden; font-size:13px; font-weight:bold; } 
.couponBox input[type="text"] { vertical-align:middle; margin-left:10px; width:77%; height:28px; line-height:28px; padding-left:10px; } 


/* �޸����� ������ */
.t_c { text-align: center; } 
.dormancy strong span.point { color: #ce0058; } 
span.point { color: #ce0058; } 
.dormancy .main_tit { font-size: 33px; } 
.dormancy .user_name_wrap { color: #000; font-size: 30px; font-weight: bold; } 
.dormancy .user_name_wrap .user_name { position: relative; } 
.dormancy .user_name_wrap .user_name::after { content: ''; display: inline-block; width: 110%; height: 1px; position: absolute; left: -4px; bottom: 0; background: #000; } 
.dormancy .text_wrap { font-size: 20px; color: #666666; } 
.member_wrap .input_wrap { width: 90%; margin:50px auto 0; } 
.member_wrap .input_wrap .col01 { border: 1px solid #fc4d98; background: #fff6fa; border-radius: 5px; padding: 40px 20px; box-sizing: border-box; } 
.member_wrap .input_wrap .col01 .d_f { display: flex; justify-content: space-between; } 
.member_wrap .input_wrap .col01 .d_f .flex_left { width: 80%; color: #111; font-size: 20px; font-weight: bold; } 
.member_wrap .input_wrap .col01 .d_f .flex_right { width: 10%; } 
.member_wrap .input_wrap .col01 .d_f .flex_right input { display: none; } 
.member_wrap .input_wrap .col01 .d_f .flex_right input + label { width: 50px; height: 50px; display: block; background: url('https://cdn.hackersut.com/www/images/member/sleeper_member/human_icon02.png')0 0/100% no-repeat; margin: 0 auto; cursor: pointer; } 
.member_wrap .input_wrap .col01 .d_f .flex_right input:checked + label { background-position-y: 100%; } 
.member_wrap .input_wrap .col .top { border: 1px solid #d7d7d7; background: #f7f7f7; padding: 20px; } 
.member_wrap .input_wrap .col .top .d_f { display: flex; justify-content: space-between; align-items: center; } 
.member_wrap .input_wrap .col .top .d_f .flex_left { width: 80%; color: #000; font-size: 20px; } 
.member_wrap .input_wrap .col .top .d_f .flex_right { width: 10%; } 
.member_wrap .input_wrap .col .top .d_f .flex_right input { display: none; } 
.member_wrap .input_wrap .col .top .d_f .flex_right input + label { width: 50px; height: 50px; display: block; background: url('https://cdn.hackersut.com/www/images/member/sleeper_member/human_icon02.png')0 0/100% no-repeat; margin: 0 auto; cursor: pointer; } 
.member_wrap .input_wrap .col .top .d_f .flex_right input:checked + label { background-position-y: 100%; } 
.member_wrap .input_wrap .col .bottom { border: 1px solid #d7d7d7; border-top: none; } 
.member_wrap .input_wrap .col .bottom .agree_box { height: 120px; border: none; } 
#sleeper_member_wrap .footer_wrap .desc { font-size: 20px; color: #111; margin-top: 30px; } 
#sleeper_member_wrap .footer_wrap .btn_wrap { font-size: 20px; display: flex; align-items: center; justify-content: center; } 
#sleeper_member_wrap .footer_wrap .btn_wrap a { color: #888888; } 
#sleeper_member_wrap .footer_wrap .btn_wrap span { width: 1px; height: 18px; background: #dddddd; margin: 0 20px; } 
#sleeper_member_wrap .footer_wrap .btn_wrap a.withdrawal { color: #000; position: relative; } 
#sleeper_member_wrap .footer_wrap .btn_wrap a.withdrawal::after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0; background: #000; } 
#sleeper_member_wrap .footer_wrap .agree_btn { display: block; width: 80%; margin: 0 auto; color: #fff; background: #ce0058; padding: 20px 0; text-align: center; border-radius: 50px; font-size: 20px; } 
#sleeper_member_wrap p.point { color: #ce0058; } 
#sleeper_member_wrap .top p.point { font-size: 13px; }