@charset "utf-8"; /*───────────────────────────────────────────────────────────

양재 로그인/회사소개 기본 폼 

───────────────────────────────────────────────────────────*/

/* 공통 */
.lineB2 { border-bottom: 2px #d7d7d7 solid; } 
.sumit_btn01 { width: 140px; padding: 7px 10px; background-color:#2A68D3; color: #fff; } 
.sumit_btn01:hover { background-color: #204fa1; color: #fff } 
.sumit_btn02 { width: 140px; padding: 7px 10px; background-color:#2abfd3; color: #fff } 
.sumit_btn02:hover { background-color: #229dad; color: #fff } 
.cancel_btn01 { width: 140px; padding: 7px 10px; background-color:#9c9c9c; color: #fff } 
.cancel_btn01:hover { background-color: #757575; color: #fff } 
.cancel_btn02 { width: auto; padding: 7px 10px; background-color:#9c9c9c; color: #fff } 
.cancel_btn02:hover { background-color: #757575; color: #fff } 
.cancel_btn03 { width: 140px; padding: 7px 10px; background-color:#b1b1b1; color: #fff } 
.cancel_btn03:hover { background-color: #757575; color: #fff } 
.sumit_btn03 { width: 200px; padding: 7px 10px; background-color:#2A68D3; color: #fff; } 
.sumit_btn03:hover { background-color: #204fa1; color: #fff } 
.sumit_btn04 { width: auto; padding: 7px 10px; background-color:#2abfd3; color: #fff } 
.sumit_btn04:hover { background-color: #229dad; color: #fff } 
.sumit_btn05 { width: 200px; padding: 7px 10px; background-color:#be1e2d; color: #fff; } 
.sumit_btn05:hover { background-color: #811620; color: #fff } 
.sumit_btn06 { width: 200px; padding: 7px 10px; background-color:#28598F; color: #fff; } 
.sumit_btn06:hover { background-color: #1b3b5e; color: #fff } 
.btn-type-gray02 { width: auto; padding: 9px 10px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray02:hover { background-color: #c4c4c4 !important } 
.btn-type-gray03 { width: auto; padding: 6px 30px !important; background-color: #ebebeb !important; color: #363636 !important; font-size: 0.8125rem !important; font-weight: 500 } 
.btn-type-gray03:hover { background-color: #c4c4c4 !important } 
.btn_navy { background: #fff; border-radius: 20px; padding: 3px 14px; font-size: 14px; margin-right: 6px; cursor: pointer; margin-bottom: 5px !important } 
.btn_navy:hover { color: #fff; background-color: #d3b4b4; border-color: #d3b4b4; } 
.btn_navy.focus, .btn_navy:focus { box-shadow: 0 0 0 .2rem rgba(255, 102, 0, 0.25) } 
.btn_navy.disabled, .btn_navy:disabled { color: #fff; background-color: #660000; border-color: #660000; } 
.btn_navy:not(:disabled):not(.disabled).active, .btn-btn_navy:not(:disabled):not(.disabled):active, .show > .btn_navy.dropdown-toggle { color: #fff; background-color: #660000; border-color: #660000; transition: all .3s ease-in-out } 
.btn_navy:not(:disabled):not(.disabled).active:focus, .btn_navy:not(:disabled):not(.disabled):active:focus, .show > .btn_navy.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 102, 0, 0.25) } 
.btn_navy_02 { padding: 10px; background-color: #747a8c; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px; color: #fff } 
.btn_navy_02:hover { background-color: #505461; color: #fff } 


 /* 회원가입 약관동의 */
#sub_wrapper .container { max-width: 990px; min-width: 990px; display: block; margin: auto; } 
#sub_wrapper .main_wrap .sign_container { width: 100%; margin-top: 30px; min-height: 600px; } 
#sub_wrapper .main_wrap .sign_container .top_title span { font-size: 1.625rem; color: #28a0ee; font-weight: 400; padding: 15px; border-bottom: 1px #d7d7d7 solid; letter-spacing: -1.8px; padding-left: 0; display: block; padding-top: 0 } 
#sub_wrapper .main_wrap .sign_container .scrap_container { width: 100%; margin-top: 25px; border-top: 1px #d7d7d7 solid; padding-top: 30px; } 
#sub_wrapper .main_wrap .sign_container .scrap_container .privacy_title_style { font-size: 16px !important; margin-bottom: 20px; display: inline-block; color: #363636 !important; font-weight: 400 } 
#sub_wrapper .main_wrap .sign_container .scrap_container .privacy_rule_box { width: 100%; height: 300px; overflow: hidden; overflow-y: scroll; border: 1px #d7d7d7 solid; background-color: #f7f7f7; padding: 15px; font-size: 14px; letter-spacing: -0.8px } 
#sub_wrapper .main_wrap .sign_container .scrap_container .privacy_rule_box pre { font-family: 'pretendard'; line-height: 2 !important; font-size: 0.875rem; font-weight: 300; white-space: break-spaces; } 
#sub_wrapper .main_wrap .sign_container .agree_container { width: 100%; margin: 35px 0 15px 0 } 
#sub_wrapper .main_wrap .sign_container .agree_container .check_label_style01 { font-size: 0.8125rem } 
#sub_wrapper .main_wrap .sign_container .sub_top_object p { font-size: 26px; font-weight: 600; color: #363636; } 
.agreement_unit { margin: 12px 0 20px; } 
.agreement_unit .form-check-inline label { font-size: 15px; color: #2A68D3 } 
.privacy_title { font-size: 22px; font-weight: 600; margin-bottom: 7px !important; color: #2A68D3; padding-top: 20px; margin-top: 30px; } 

#sub_wrapper #header .header_wrap { border-bottom: 1px #d7d7d7 solid; } 
.footer.sub_footer { width: 100%; padding: 40px 20px; background-color: #f7f7f7; border-top: 1px #363636 solid !important; } 
#footer.footer.sub_footer .footer_wrap_01 { display: block; width: 100%; } 
#footer.footer.sub_footer .footer_wrap_01 .sub_footer_logo { display: block; margin-bottom: 30px; } 
#footer.footer.sub_footer .footer_wrap_01 .sub_footer_logo img { width: auto; } 
#footer.footer.sub_footer .footer_wrap_01 .footer_address p { font-size: 13px; font-weight: 300; color: #000 !important; opacity: 1; letter-spacing: -0.8px; } 

#footer.footer.sub_footer .footer_wrap_02 { display: none; } 
#footer.footer.sub_footer .footer_wrap_02 .sub_footer_logo { display: block; margin-bottom: 30px; } 
#footer.footer.sub_footer .footer_wrap_02 .sub_footer_logo img { width: 152px; display: block; margin: auto; } 
#footer.footer.sub_footer .footer_wrap_02 .footer_address p { font-size: 13px; font-weight: 300; color: #000 !important; opacity: 1; letter-spacing: -0.5px; text-align: center; } 

.join_btn_container { width: 100%; margin-top: 50px } 
.join_btn_container .join_btn_area { display: block; text-align: center } 


/* 가입양식 */
#sub_wrapper .main_wrap .sign_container .scrap_container span.privacy_title_style { font-weight: 600; } 
#sub_wrapper .main_wrap .sign_container .scrap_container p.join_guide_txt { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; line-height: 1.5; } 
#sub_wrapper .main_wrap .sign_container .scrap_container p.join_guide_txt a { color: #2A68D3; } 
#sub_wrapper .main_wrap .sign_container .scrap_container p.join_guide_txt a:hover { text-decoration: underline; } 
.signup_form_container { clear: both; margin-bottom: 70px; padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; } 
.signup_form_container .form_label { font-size: 0.875rem; display: block !important; width: 100%; margin-bottom: 10px !important; cursor: auto; } 
.signup_form_container .sign_form_input { width: 300px; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 36px } /*20201214 수정*/
.signup_form_container .form_container_set { display: flex; width: 300px; } 
.signup_form_container .form_container_set .sign_form_input02 { border-radius: 0; margin-right: 10px; width: 100% !important; margin-right: 10px; font-size: 0.875rem; font-weight: 300; height: 38px } 
.signup_form_container .form_container_set .sign_form_input02:last-child { margin-right: 10px } 
.signup_form_container .sub_title_guide { display: block; margin-top: 5px; font-size: 0.8125rem; font-weight: 300; color: #898989 } 
.necessary_ico { color: #ff0000 } 
.form_container_set select { border-radius: 0; margin-right: 10px; font-size: 0.875rem; height: 38px } 
.form_flex { display: flex; align-items: center; } 
.form_flex .btn { flex-shrink: 0 } 
.join_info_input .join_table tbody tr td input { border-radius: 5px; } 




 /* 가입완료 */
 .welcome_container { min-height: 600px; } 
.scrap_container p.welcome_title { text-align: center; font-size: 32px; color: #f06f1c; margin-top: 30px; margin-bottom: 30px; letter-spacing: -1.2px; } 
.scrap_container p.welcome_subTxt { text-align: center; margin-bottom: 12px; font-size: 16px; line-height: 1.5; } 
.join_welcome_user { display: flex; justify-content: center; align-items: center } 
.join_welcome_user span.user_icon { background: url(../images/ico/user.png) no-repeat; width: 20px; height: 22px; margin-right: 6px; } 
.join_welcome_user span:nth-child(2) { color: #2abfd3; font-size: 16px } 


 /* 회원수정 */
 .justify_under_unit { display: flex; justify-content: space-between; } 


 
 
 /* 회원탈퇴 */
 .form-group .form_txt_txtarea { width: 500px; resize: none; min-height: 80px; font-size: 14px; } 



 /* 구독신청.문의 */
.txt_sub_unit { color: #ff0000; } 
.scrap_container .form-group .formbox_flex_02 { display: flex; flex-wrap: wrap; align-items: center; } 
.scrap_container .form-group .formbox_flex_02 input { width: 303px; } 
.scrap_container .form-group .formbox_flex_02 button { margin-left: 7px; } 
.scrap_container .form-group input.adress_sub_input { width: 400px; } 




 /* 회원약관 */
 .scrap_container pre { white-space: pre-line; line-height: 1.7; } 
 .scrap_container pre strong { display: block; font-size: 16px; margin-top: 20px; color: #2A68D3; } 
 .scrap_container p.last_point { margin-top: 20px; font-weight: 600; } 


 /* 청소년 보호정책 */
 .pre_table { display: flex; width: 600px; height: 160px; border: 1px #d7d7d7 solid; } 
 .pre_table div.pre_left { flex: 1; border-right: 1px #d7d7d7 solid; padding: 12px; text-align: center; } 
 .pre_table div.pre_right { flex: 1; padding: 12px; text-align: center; } 
 .scrap_container pre a { color: #28a0ee; } 


/* 고충처리인 */
.pre_table02 { display: flex; width: 600px; height: 200px; border: 1px #d7d7d7 solid; } 
.pre_table02 div.pre_left { position: relative; flex: 1; border-right: 1px #d7d7d7 solid; text-align: center; } 
.pre_table02 div.pre_left .left_top { position: absolute; display: flex; align-items: center; width: 100%; height: 52px; top: 0; border-bottom: 1px #d7d7d7 solid; justify-content: center; } 
.pre_table02 div.pre_left .left_bottom { width: 100%; height: 150px; } 
.pre_table02 div.pre_right { position: relative; flex: 1; text-align: center; } 
.pre_table02 div.pre_right .right_top { position: absolute; display: flex; align-items: center; width: 100%; height: 52px; top: 0; border-bottom: 1px #d7d7d7 solid; justify-content: center; } 
.pre_table02 div.pre_right .right_bottom { width: 100%; height: 150px; } 
p.form_down { font-weight: 500; color: #28a0ee; text-decoration: underline; } 



/* 윤리강령 및 기자준칙 */
#sub_wrapper .container .sign_container .scrap_container p.privacy_title_style { font-size: 15px !important; font-weight: 600; margin-bottom: 0; line-height: 2; } 




/* 로그인 */
#sub_wrapper .sub_wrapper.container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 990px; min-width: 990px; display: block; margin: auto; } 
#sub_wrapper .container .login_header { width: 100%; padding: 46px 0; } 
#sub_wrapper .container .login_header a img { display: block; width: 209px; margin: auto; } 

.login_container { display: block; margin: auto; line-height: 1.8; } 
.login_container p { text-align: center } 
.login_container p:nth-child(1) { font-size: 18px } 
.login_container p:nth-child(1) strong { color: #28598F; } 
.login_container p:nth-child(2) { font-size: 14px; font-weight: 300; padding-bottom: 30px; border-bottom: 1px #d7d7d7 solid; } 

.login_container .login_input { width: 370px; display: block; margin: auto; margin-top: 50px; } 
.login_container .login_input input::placeholder { font-size: 14px } 
.login_container .login_input > input:nth-child(1),.login_container .login_input > input:nth-child(2) { width: 100%; height: 48px; background-color: #f7f7f7; margin-bottom: 12px } 
.login_container .sumit_btn06 { display: block; width: 370px; margin: auto; margin-top: 30px; padding: 10px } 
.login_container .login_input .form-check-inline label { font-size: 13px } 

.search_user { width: 370px; display: block; margin: auto; text-align: center; margin-top: 12px; } 
.search_user a { display: inline-block; } 
.search_user a:first-child::after { content: 'ㅣ'; margin-right: 5px; margin-left: 5px; color: #7f7f7f; } 
.search_user a:nth-child(2):after { content: 'ㅣ'; margin-right: 5px; margin-left: 5px; color: #7f7f7f; } 
.search_user a:nth-child(3) span { font-weight: 600; color: #28a0ee } 
.search_user a span { font-size: 13px; color: #7f7f7f; } 
p.login_copyright { text-align: center; margin-top: 50px; color: #7f7f7f; font-size: 14px; margin-bottom: 30px; } 

.search_flex_box { display: flex; flex-wrap: wrap } 
.search_flex_box .search_input input { font-size: 14px; padding: 10px; font-weight: 300; border: 1px #d7d7d7 solid !important; } 
.search_flex_box .search_input input::placeholder { font-weight: 300; } 
.search_flex_box .search_input .flex_layout_unit { display: flex } 
.search_flex_box .search_input .flex_layout_unit select { height: 48px; margin-right: 7px; background-color: #f7f7f7 } 
.search_flex_box .search_input .flex_layout_unit input { background-color: #f7f7f7; height: 48px !important; padding: 0.375rem 0.75rem; border: 1px #d7d7d7 solid !important; } 
.search_flex_box .search_input .flex_layout_unit input:nth-child(2) { margin-right: 7px } 
.search_flex_box .search_input .flex_layout_unit input.user_info_input { margin-right: 7px } 
.search_flex_box .search_input .flex_layout_unit input.user_info_input02 { margin-right: 0 } 

.login_container .search_input { width: 370px; display: block; margin: auto; margin-top: 50px; } 
.login_container .search_input input::placeholder { font-size: 14px } 
.login_container .search_input > p.search_title { font-size: 20px; font-weight: 600; margin-bottom: 12px; } 
.login_container .search_input > p.search_title_guide { font-size: 14px; font-weight: 400; border: 0; padding-bottom: 0; margin-bottom: 12px } 
.login_container .search_input input.name_search { width: 100%; height: 48px; background-color: #f7f7f7; margin-bottom: 12px; border: 1px #d7d7d7 solid !important; padding-left: 10px; } 
.login_container .search_input input.phone_search { width: 100%; height: 48px; background-color: #f7f7f7; margin-bottom: 12px } 
.login_container .search_input input.mail_search { width: 100%; height: 48px; background-color: #f7f7f7; margin-top: 12px } 

.join_welcome_user { display: flex; justify-content: center; align-items: center } 
.join_welcome_user span:nth-child(2) { color: #2abfd3; font-size: 16px } 

/*헤더 로고 높이 조정 */
#sub_wrapper #header .header_wrap .logo img { height: 40px } 



 /***********************
 회원가입
***********************/
 /* 성인여부 확인 */
.login_container p.member_title_01 { font-size: 22px; font-weight: 700; } 
.login_container .member_choice_container { margin-top: 50px !important; width: 400px; display: block; margin: auto; } 
.login_container .member_choice_container p { font-size: 14px; letter-spacing: -0.8px; width: 100%; text-align: center; margin-bottom: 12px; } 
.member_btn { width: 100%; background-color: #e4e7ee; font-size: 15px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px } 
.member_btn:hover { background-color: #b9bcc4 } 
.login_copyright { margin-top: 30px; width: 100%; text-align: center } 
.login_copyright p { font-size: 13px; letter-spacing: -0.8px; margin-bottom: 50px !important } 


/* 약관동의 */
.terms_container { width: 100%; padding: 60px; border: 1px #d7d7d7 solid; } 
.login_container .terms_title { display: block; font-size: 27px; font-weight: 600; letter-spacing: -0.8px; } 
.login_container.terms_container p:nth-child(2) { font-size: 16px; letter-spacing: -0.8px; color: #111; text-align: left !important; width: 100%; margin-top: 10px; } 
.login_container.terms_container .terms_title+p {font-size: 16px; letter-spacing: -0.8px; color: #111; text-align: left !important; width: 100%; margin-top: 10px;}
.terms_content_container { margin-top: 50px } 
.terms_content_container .check_unit_terms label { font-size: 13px; transform: skew(-0.03deg); display: inline-block; font-weight: 600 } 
.terms_content_container .terms_agree_txt { font-size: 13px !important; letter-spacing: -0.8px; width: 100%; padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid } 
.terms_content_container .terms_agree_01 { margin-top: 28px; margin-bottom: 12px; } 
.terms_content_container .terms_agree_01 p {border-bottom: 0;}
.terms_content_container .terms_agree_01 label span { font-size: 12px; font-weight: 400; display: inline-block } 
.terms_content_container .terms_agree_01 .terms_list { margin-top: 10px; width: 100%; overflow-y: scroll; height: 244px; border: 1px #d7d7d7 solid; border-radius: 5px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt { padding: 15px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-top: 25px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit:last-child { border-bottom: 0 } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit h1 { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 15px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit p { font-size: 13px; letter-spacing: -0.8px; color: #7f7f7f } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol { display: inline-block; padding: 10px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol li { font-size: 13px; letter-spacing: -0.8px; color: #7f7f7f; transform: skew(-0.03deg); padding-bottom: 15px; padding-left: 5px } 
.terms_content_container .terms_agree_01 .terms_list .terms_txt .t_unit ol li span { display: block; line-height: 1.8 } 

.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table { margin-top: 15px; width: 100%; margin-bottom: 40px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table h1 { font-size: 16px; font-weight: 600 } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info { width: 100%; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr { border-bottom: 1px #d7d7d7 solid } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr th { font-size: 13px; text-align: center; border-right: 1px #d7d7d7 solid; font-weight: 600; padding: 16px; letter-spacing: -0.8px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td { padding: 15px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td p { margin-bottom: 0; font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td ul li { list-style: disc; font-size: 13px; color: #7f7f7f; margin-left: 13px; margin-bottom: 6px; letter-spacing: -0.8px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td .table_numList li { font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a { display: inline-block } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td span { color: #7f7f7f; display: inline-block; letter-spacing: -0.8px; font-size: 13px } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a span { color: #363636; } 
.terms_agree_01 .terms_list .terms_txt .t_unit .agreement_table .table_info tr td a span:hover { text-decoration: underline } 
.login_btn02 { width: 300px; padding: 15px; background-color: #28598f; margin-top: 20px; color: #fff; font-size: 18px !important; border-radius: 5px; } 
.login_btn02:hover { background-color: #1f456d; color: #fff } 
.login_container.terms_container .login_btn02 { display: block; text-align: center; margin: auto; margin-top: 40px; } 


/* 가입양식 */
.login_container .member_status { display: block; width: 100%; padding: 12px; background-color: #e1faea; } 
.login_container .member_status .msg_dismiss { display: flex; justify-content: flex-end; } 
.login_container .member_status .msg_dismiss > a { font-size: 23px; margin-bottom: 0; } 

.top_txt01 { font-size: 15px; letter-spacing: -0.8px; font-weight: 600; transform: skew(-0.03deg); margin-bottom: 15px; display: inline-block } 
.top_txt01 span { color: #696969 } 
.join_input_container { margin-top: 50px } 
.join_input_container p { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; padding-bottom: 10px; border-bottom: 1px #363636 solid; text-align: left; } 
.join_input_container .join_table { margin-top: 20px; width: auto; } 
.join_input_container .join_table tbody tr th { font-size: 14px } 
.join_input_container .join_table tbody tr td { padding: 10px } 
.join_input_container .join_table tbody tr td input { border-radius: 5px } 
.join_input_container .join_table col { width: auto !important; } 
.join_info_input .join_table tbody tr td .input-group .btn_input { width: 50%; } 

.member_btn02 { width: 100%; background-color: #747a8c; font-size: 15px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px; color: #fff; border-radius: 5px } 
.member_btn02:hover { background-color: #4e525f; color: #fff } 

.join_info_input { width: 100%; margin-top: 80px; } 
.join_info_input p { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; padding-bottom: 10px; border-bottom: 1px #363636 solid; text-align: left; } 
.join_info_input .join_table { width: auto; margin-top: 20px; padding-bottom: 15px; display: block; border-bottom: 1px #d7d7d7 solid } 
.join_info_input .join_table input::placeholder { font-size: 14px; color: #ccc; } 
.join_info_input .join_table input { font-size: 14px; } 
.join_info_input .join_table tbody tr { width: 100% } 
.join_info_input .join_table tbody tr th { font-size: 14px } 
.join_info_input .join_table tbody tr td { padding: 10px } 
.join_info_input .join_table tbody tr td img { width: auto; } 
.join_info_input .join_table tbody tr td input { border-radius: 5px } 
.join_info_input .join_table tbody tr td .profile_thumb_box { display: flex; align-items: center; } 
.join_info_input .join_table tbody tr td .profile_thumb_box .profile_thumb { width: 45px; height: 45px; border-radius: 50%; } 

.member_btn03 { width: 100%; background-color: #747a8c; color: #fff; border-radius: 5px; font-size: 13px !important } 
.member_btn03:hover { background-color: #4e525f; color: #fff } 

.psword_guide { font-size: 12px; letter-spacing: -0.8px; line-height: 0.8; } 
.alarm { font-size: 12px; letter-spacing: -0.8px; display: block; margin-bottom: 5px; } 
.down_btn01 { background-color: #747a8c; font-size: 14px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px; color: #fff; border-radius: 5px; font-weight: 500; letter-spacing: -0.8px } 
.down_btn01:hover { background-color: #4e525f; color: #fff } 
.agree_down { display: block; margin: auto } 
.down_btn01 span { display: inline-block; vertical-align: middle } 

.login_container .cele_title { display: block; font-size: 27px; font-weight: 600; letter-spacing: -0.8px; text-align: center } 
.cele_input_container { margin-top: 50px } 
.cele_input_container .cele_para_title { font-size: 13px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 20px } 
.cele_input_container .cele_para_txt { color: #7f7f7f; font-size: 13px; letter-spacing: -0.8px } 
.num_guide { padding: 10px; background-color: #f7f7f7; border: 1px #d7d7d7 solid; margin-top: 30px } 
.num_guide .num_notice_box { text-align: center } 
.num_guide .num_notice_box div { display: inline-block } 
.num_guide .num_notice_box div span { font-size: 12px; display: inline-block } 
.carousel .carousel-inner .carousel-item { cursor: pointer } 
.carousel .carousel-inner.article_card_inner { max-width: 640px; display: block; margin: auto } 
.carousel .drt_arrow { padding: 15px; background-color: rgba(130,130,130,.5); } 
.modify_under { margin-top: 20px; display: flex; justify-content: flex-end; border-bottom: 1px #d7d7d7 solid; padding-bottom: 17px } 
.modify_under button { display: inline-block } 
.btn_negative_02 { padding: 10px 15px; background-color: #fff; border: 1px #d7d7d7 solid; font-weight: 600; display: flex; align-items: center; border-radius: 5px } 
.btn_negative_02 span { font-size: 15px; padding-right: 7px; vertical-align: middle } 
.btn_negative_02:hover { background-color: #e0e0e0 } 

.input-group .btn { font-size: 14px; } 
.btn-check:checked+.btn.btn_navy { color: #fff; background-color: #28598f; border-color: #28598f !important; } 
.join_table .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } 
.join_table .btn-group > .btn:nth-child(n+3) { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } 

.modify_under .btn { font-size: 14px; } 


/* 가입축하 */
.infoSearch_wrap { width: 580px; display: block; margin: auto; } 
.infoSearch_wrap a { display: block; text-align: center; margin-bottom: 50px } 
.infoSearch_wrap a > img { width: auto; } 
.infoSearch_wrap .login_input_container { margin-top: 50px; width: 100%; height: auto; border: 1px #d7d7d7 solid; border-radius: 5px; padding: 60px } 
.login_input_container .join_title { font-size: 27px; font-weight: 600; letter-spacing: -0.8px; width: 100%; text-align: center } 
.login_input_container > p:nth-child(2) { font-size: 16px; letter-spacing: -0.8px; width: 100%; text-align: center; margin-top: 10px; color: #7f7f7f } 
.login_input_container .member_choice_container { margin-top: 50px } 
.login_input_container .member_choice_container p { font-size: 14px; letter-spacing: -0.8px; width: 100%; text-align: center; margin-bottom: 12px; } 
.member_btn { width: 100%; background-color: #e4e7ee; font-size: 15px !important; transform: skew(-0.03deg); display: inline-block; padding: 10px } 
.member_btn:hover { background-color: #b9bcc4 } 
.login_copyright { margin-top: 30px; width: 100%; text-align: center } 
.login_copyright p { font-size: 13px; letter-spacing: -0.8px; margin-bottom: 50px !important } 
.cele_input_container { margin-top: 50px } 
.cele_input_container .cele_para_title { font-size: 13px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 20px } 
.cele_input_container .cele_para_txt { color: #7f7f7f; font-size: 13px; letter-spacing: -0.8px } 
.infoSearch_wrap .login_btn02 { display: block; margin: auto; margin-top: 26px; } 
 

/* 회원정보수정 */
.btn-white { background-color: #fff; color: #7f7f7f; border: 1px #d7d7d7 solid; font-size: 14px; padding: 10px 15px; border-radius: 5px; font-weight: 600; display: inline-block; } 
.btn-white:hover { background-color: #f7f7f7; color: #7f7f7f; } 
.btn-white span.material-icons-outlined { font-size: 14px; vertical-align: middle; margin-right: 5px; } 
#updated_pop .modal-body span { display: block; text-align: center; font-size: 78px; color: #28598f; } 
#updated_pop .modal-body p { text-align: center; margin-top: 20px; font-size: 18px; } 


/***************************************
회원탈퇴
***************************************/
/* 탈퇴완료 팝업 */
#unsubscribe_pop .modal-body span { display: block; text-align: center; font-size: 78px; color: #28598f; } 
#unsubscribe_pop .modal-body p { text-align: center; margin-top: 20px; font-size: 18px; } 

/* 탈퇴확인 팝업 */
#unsubscribe_confirm_pop .re_confirm { width: 100%; padding-bottom: 12px; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px; } 
#unsubscribe_confirm_pop .re_confirm > span { display: block; text-align: center; font-size: 85px; color: #28598f; } 
#unsubscribe_confirm_pop .re_confirm > p { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700; color: #28598f; } 

#unsubscribe_confirm_pop .modal-body > p { font-size: 15px; text-align: center; } 


/***************************************
비밀번호 변경
***************************************/
.infoSearch_wrap .login_container .top_sub_txt { font-size: 16px; color: #a7a7a7; margin: 0 0 20px 0; } 
.infoSearch_wrap .login_container .login_input_box .ps_block { padding-bottom: 20px; border-bottom: 1px #d7d7d7 solid; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr th::after { content: '*'; font-size: 13px; color: #E51616; margin-left: 5px; } 
.infoSearch_wrap .login_container .idSearch_table { width: 100%; padding-top: 20px; display: table; margin-top: 12px; } 
.infoSearch_wrap .login_container .idSearch_table tbody tr td { padding: 6px } 
.infoSearch_wrap .login_container .idSearch_table tbody tr td input { border-radius: 5px } 
.infoSearch_wrap .login_container .idSearch_table tbody tr th { font-size: 14px; } 
.infoSearch_wrap .login_container .login_input_box .txt_tr.ps_block .idSearch_table tr th { vertical-align: top; padding-top: 17px; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr { margin-bottom: 20px; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr td .ps_guideTxt { margin-top: 5px; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr td .ps_guideTxt p { font-size: 13px; color: #7f7f7f; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr td .ps_guideTxt p:first-child { margin-bottom: 20px; } 
.infoSearch_wrap .login_container .login_input_box .ps_block .idSearch_table tr td .ps_guideTxt span { font-size: 13px; color: #28598f; font-weight: 700; } 
.infoSearch_wrap .login_container.terms_container .idSearch_table tbody tr td p { text-align: left; } 
.infoSearch_wrap .login_container.terms_container .idSearch_table tbody tr td input::placeholder { font-size: 14px; } 
.join_guideTxt { margin-top: 30px; font-size: 14px; letter-spacing: -0.8px; display: inline-block; width: 100%; text-align: center; } 
.join_guideTxt a { display: inline-block; } 
.join_guideTxt a span { font-weight: 600; color: #28598f; text-decoration: underline; } 


/* 미디어쿼리 */
@media screen and (max-width: 992px){
 #sub_wrapper .container { width: 100%; max-width: 100%; min-width: 100%; padding: 15px; } 
 #sub_wrapper .sub_wrapper.container { width: 100%; max-width: 100%; min-width: 100%; padding: 15px; } 
 .header.fix .header_inner .header_top {padding: 0 20px;}
 }
 
 @media screen and (max-width: 768px){
 #footer.footer.sub_footer .footer_wrap_01 { display: none; } 
 #footer.footer.sub_footer .footer_wrap_02 { display: block; } 
 .scrap_container p.welcome_title { font-size: 28px; } 
 }
 

 @media screen and (max-width: 576px){
 .infoSearch_wrap {width: 100% !important;}
 .justify_under_unit { display: block !important; width: 100%; } 
 .justify_under_unit .join_btn_area { display: block; } 
 .justify_under_unit .join_btn_area button { display: block; width: 100%; margin-bottom: 12px; } 
 .justify_under_unit .right_btn button.cancel_btn01 { display: block; width: 100%; } 

 .join_btn_container .join_btn_area { display: flex; justify-content: center } 
 .form-group .form_txt_txtarea { width: 100%; } 

 .scrap_container .form-group .formbox_flex_02 { flex-wrap: nowrap; } 
 .scrap_container .form-group .formbox_flex_02 input { width: 100%; } 
 .scrap_container .form-group .formbox_flex_02 button { flex-shrink: 0; } 
 .scrap_container .form-group input.adress_sub_input { width: 100%; } 

 .pre_table { width: auto; height: auto; margin: auto; } 
 .pre_table02 { width: auto; height: auto; margin: auto; } 

 .login_container .search_input { width: 100%; } 
 .login_container .login_input, .login_container .sumit_btn05, .search_user { width: 100%; } 
 p.login_copyright { margin-bottom: 40px; } 

 .login_container .search_input { width: 100%; } 
 .login_container .login_input, .login_container .sumit_btn06, .search_user { width: 100%; } 
 p.login_copyright { margin-bottom: 40px; } 
 .login_container .member_choice_container { width: 100% !important; } 
 .terms_container { width: 100% !important; padding: 20px; } 
 .join_info_input .join_table tbody tr { display: block; } 
 .join_info_input .join_table tbody tr th { display: block; } 
 .join_info_input .join_table tbody tr td { display: block; padding: 10px 0 !important; } 
 .join_info_input .join_table tbody tr td input { width: 100% !important; margin-bottom: 5px; } 
 .join_input_container .join_table tbody tr { display: block; margin-bottom: 12px; } 
 .join_input_container .join_table tbody tr th { display: block; } 
 .join_input_container .join_table tbody tr td { display: block; padding: 10px 0 !important; } 
 .join_input_container .join_table tbody tr td input { width: 100% !important; margin-bottom: 12px; } 
 .join_input_container .join_table colgroup col { width: auto !important; } 
 .join_input_container .join_table { width: 100% !important; } 
 .terms_container .alert { width: 100% !important; } 
 .join_info_input .join_table tbody tr td .input-group .btn_input { width: 50% !important; margin-bottom: 0; } 
 .join_info_input .join_table col { width: auto !important; } 
 .infoSearch_wrap .login_input_container {padding: 20px;}
 }