@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 } 
.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 } 

/* 회원가입 약관동의 */
#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 } 

@media screen and (max-width: 992px){
 #sub_wrapper .container { width: 100%; max-width: 100%; min-width: 100%; padding: 15px; } 
 }

 @media screen and (max-width: 768px){
 #footer.footer.sub_footer .footer_wrap_01 { display: none; } 
 #footer.footer.sub_footer .footer_wrap_02 { display: block; } 
 }

 @media screen and (max-width: 576px){
 .join_btn_container .join_btn_area { display: flex; justify-content: center } 
 }


 /* 가입완료 */
 .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 } 

 @media screen and (max-width: 768px){
 .scrap_container p.welcome_title { font-size: 28px; } 
 }


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

 @media screen and (max-width: 576px){
 .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%; } 
 }
 
 
 /* 회원탈퇴 */
 .form-group .form_txt_txtarea { width: 500px; resize: none; min-height: 80px; font-size: 14px; } 

 @media screen and (max-width: 576px){
 .form-group .form_txt_txtarea { width: 100%; } 
 }


 /* 구독신청.문의 */
.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; } 

@media screen and (max-width: 576px){
 .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%; } 
 }


 /* 회원약관 */
 .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; } 

 @media screen and (max-width: 576px){
 .pre_table { width: auto; height: auto; margin: auto; } 
 }


/* 고충처리인 */
.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; } 

@media screen and (max-width: 576px){
 .pre_table02 { width: auto; height: auto; margin: auto; } 
 }


/* 윤리강령 및 기자준칙 */
#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 .container { 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: #be1e2d; } 
.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_btn05 { 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 } 

.search_flex_box { display: flex; flex-wrap: wrap } 
.flex_layout_unit { display: flex } 
.flex_layout_unit select { height: 48px; margin-right: 7px; background-color: #f7f7f7 } 
.flex_layout_unit input { background-color: #f7f7f7; height: 48px } 
.flex_layout_unit input:nth-child(2) { margin-right: 7px } 
.flex_layout_unit input.user_info_input { margin-right: 7px } 
.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 } 
.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 }



@media screen and (max-width: 992px){
 #sub_wrapper .container { width: 100%; max-width: 100%; min-width: 100%; padding: 15px; } 
 }
 
 @media screen and (max-width: 576px){
  .login_container .search_input {width: 100%;}
  .login_container .login_input, .login_container .sumit_btn05, .search_user { width: 100%; } 
  p.login_copyright {margin-bottom: 40px;}
 }