/*아이폰5s이하*/
@media screen and (max-width: 320px){
	

	
}


/*모바일*/
@media screen and (max-width: 428px){
	
	
	
	/*상세 댓글쓰기*/
	.comment_txt textarea {min-height: 80px; font-size: .875rem;}
    #view_photo_wrap .no_image .news_media_body {margin-top: 0}	

	/*게시판*/
	.notice_table th > em {display: none}
	.notice_table th {padding: 1rem 0 !important; display: table-cell;}
	.notice_table th:nth-child(5) {display: none !important}
	.notice_table td:nth-child(5) {display: none !important}
	.notice_table td:nth-child(3) {width:20%}

	/*포토뉴스*/
	.gallery_tit {font-size:1.625rem !important}

	/*게시판상세화면*/
	.notice_detial_frame dt {display:table-caption !important; width:100% !important; padding: 0.5rem .9375rem !important; font-size: .75rem;}
	.reply_tab > span {display:block !important}
}


/*모바일*/
@media screen and (max-width: 767px){
	
	/*기사상세이미지*/
	.article_view .class_div_main img {width:100%}
	
	/*섹션메인포토형*/
	#view_photo_wrap .news_box:nth-child(n){width: 46%; margin-left: 8%; margin-top:4%}
	#view_photo_wrap .news_box:nth-child(2n+1) {margin-left: 0}
	#view_photo_wrap .news_box:nth-child(-n+2) {margin-top: 0}
	
	/*게시판*/
	.search_box form {}
	.search_box select {display: block; width:100%}
	.search_box div {display: block; margin-top:5px; width:100%}
	.search_box input {width: 100% }
	.search_box .btn {right:40px }
	
	.notice_table th:nth-child(even) {display: none}
	.notice_table td:nth-child(even) {display: none}
	.notice_table th:nth-child(2) {display: block !important}
	.notice_table td:nth-child(2) {display: block !important}
	
	.pasgination_nav {text-align: center}
	
	
	/*포토뉴스*/
	.gallery_slide_box .slide_btn {position:absolute; top:32px; padding:0;  width:35px !important; height:80px !important; background-size:13px}
	.gallery_tit {font-size:1.625rem !important}
	

	/*동영상메인*/
	.movie_list .movie_box {width:48% !important;}
	.movie_list .movie_box:nth-child(odd) {margin-left:0}
	.movie_list .movie_box:nth-child(even) {margin-left:2.5% !important}
	.btn_list {width: 100% !important; text-align: center !important}
	
	
	/*섹션메인 요약형*/
	#view_summary_wrap li {border-bottom:1px solid rgba(0,0,0,.05)}
	#view_summary_wrap li::after {content: ''; display: table; clear: both}
	#view_summary_wrap li:last-child {border-bottom: none}
	#view_summary_wrap .section_thumnail {overflow: hidden; float: left; position: relative; padding-bottom:0; width: 162px; height: 108px; text-align: center ; }
	
	#view_summary_wrap .news_media_body { float: left; width: calc(100% - 162px); padding-left: 1.25rem; border-bottom:none}
	#view_summary_wrap .news_media_body > span {max-height:40px; font-size:13px; line-height:inherit; white-space: normal; -webkit-line-clamp: 2}
	#view_summary_wrap .news_media_body .news_info {margin-top:15px !important;  font-size:12px; opacity:.8 }

	
	#view_summary_wrap .news_media_body { float: left; width: calc(100% - 162px); padding-left: 1.25rem; border-bottom:none}
	#view_summary_wrap .news_media_body > span {max-height:40px; font-size:13px; line-height:inherit; white-space: normal; -webkit-line-clamp: 2}
	#view_summary_wrap .news_media_body .news_info {margin-top:15px !important;  font-size:12px; opacity:.8 }

	
	
		
}

/*태블릿*/
@media screen and (min-width: 768px){
	
	/*메인*/
/*	.headnews_thumb nail {padding-bottom:55% !important}	*/
	.m-side-menu { max-width: 375px;}
	.girin419 .girin_box {width:50% !important }
	
	
	/*기사상세*/
	.article_social {margin-top:0; float: left; width: 36px; height: 252px}
	.article_box {float:left; width: calc(100% - 36px); padding-left: 40px}
	.popular_list .news_box .popular_thumnail {padding-bottom:10% !important}
	.comment_write .comment_logout form {float: right}
	
	
	/*상세 기자메일주소*/
	.reporter_box .reporter_name .reporter_mail {display: inline-block; margin-left:10px}
	
	
	/*섹션메인*/
	.section_tit .veiw_type a span {display: inline-block!important} 
	
	
	/*섹션메인 제목형*/
	#view_title_wrap li::after {content: ''; display: table; clear: both}
	#view_title_wrap .news_media_body p {float:left}
	#view_title_wrap .news_media_body span {float:left }
	#view_title_wrap .news_media_body span:first-child {margin-left:10px}
	
	
	/*섹션메인 요약형*/
	#view_summary_wrap li {border-bottom:1px solid rgba(0,0,0,.05)}
	#view_summary_wrap li::after {content: ''; display: table; clear: both}
	#view_summary_wrap li:last-child {border-bottom: none}
	#view_summary_wrap .section_thumnail {overflow: hidden; float: left; position: relative; padding-bottom:0; width: 162px; height: 108px; text-align: center ; }
	
	#view_summary_wrap .news_media_body { float: left; width: calc(100% - 162px); padding-left: 1.25rem; border-bottom:none}
	#view_summary_wrap .news_media_body > span {max-height:40px; font-size:13px; line-height:inherit; white-space: normal; -webkit-line-clamp: 2}
	#view_summary_wrap .news_media_body .news_info {margin-top:15px !important;  font-size:12px; opacity:.8 }

	
	
	
	
	
}


/*아이패드프로*/
@media screen and (min-width: 992px){

	/*메인*/
	#content_wrap {margin:0 auto; width:100%; max-width:728px }
	
	
	/*상세 댓글쓰기로그인*/
	.comment_login form {display:inline-block; float:right; margin-top:0 !important}
	
	
	/*섹션메인포토형*/
	#view_photo_wrap .news_box:nth-child(n){width: 22.75%; min-height: 1px; margin-left: 3%; margin-top:0 }
	#view_photo_wrap .news_box:nth-child(4n+1) {margin-left: 0 }
	#view_photo_wrap .news_box .section_thumnail {padding-bottom:66%}
	#view_photo_wrap .no_image .news_media_body {margin-top: 2rem}
	
	
}


/*pc 최소*/
@media screen and (max-width: 1020px){
	
	
	/*동영상메인*/
	.top_movie_box {border:0}
	.main_movie {width:100% }
	.main_movie .movie_tit {padding:20px 0; }
	.main_movie .movie_tit > div:last-child {display:none}
	
	.new_movie {width:100%; padding:20px 0; }
	.new_movie_list .movie_box .movie_thumnail {height:73px; padding-bottom:0}
	
	.movie_list .movie_box {width:31.3333%;}
	.movie_list .movie_box:nth-child(3n+1) {margin-left:0}
	
	
	/*게시판상세화면*/
	.notice_detial_frame > div {width:100% !important}
	
	
	
	
}

/*pc 이상*/
@media screen and (min-width: 1020px){
	
	
.movie_list .movie_box:nth-child(5n+1) {margin-left:0}
	
	
	
}







/**************************************
<-----PC 버전 반응형 
**************************************/

@media screen and (max-width: 1247px){
	.sub_main_container .left_sub_container { display: none } 
	.right_sub_container { width: 100%; padding-left: 0; border-left: 0; float: none; margin-left: 0; } 
	.sub_left_menu { display: none } 
	.footer_container { display: none } 
	.company_header_container .m_sub_left_menu { display: inline-block } 
	.m_footer_container { display: block } 
	#side-menu-02.m-sub-menu { display: block; max-width: 100% }
	}
 
 
	@media (max-width: 1200px) { } 
 
 
	@media screen and (max-width: 1020px){

	.sub_content_unit.h_type_01 {width: auto}
	}
 
 
 @media screen and (max-width: 768px){
	 	 
	.com_unit img { width: 100% } 
	.sub_content_unit iframe { width: 100% } 
	.org_top_container img { width: 100% } 
	.sub_content_unit .com_unit .root_daum_roughmap { width: 100% !important } 
	 
	}
 
 
 @media screen and (max-width: 576px){
	.login_wrap { width: 100% } 
	.login_wrap .login_input_container { padding: 15px } 
	.infoSearch_wrap { width: 100% } 
	.infoSearch_wrap .login_input_container { padding: 15px } 
	.infoSearch_wrap .login_input_container .idSearch_table tbody tr td { display: block; padding-left: 0; width: 100% } 
	.infoSearch_wrap .login_input_container .idSearch_table tbody tr td input { width: 100% !important } 
	.infoSearch_wrap .login_input_container .idSearch_table colgroup col:first-child { width: 20% !important } 
	.infoSearch_wrap a img { width: auto } 
	.join_input_container .join_table { width: 100% } 
	.join_input_container .join_table tbody tr { margin-bottom: 10px; display: block } 
	.join_input_container .join_table tbody tr th { display: block } 
	.join_input_container .join_table tbody tr td { display: block; padding-left: 0 } 
	.join_input_container .join_table tbody tr td input { width: 100% !important } 
	.join_input_container .join_table colgroup col { width: auto !important } 
	.join_info_input .join_table tbody tr { margin-bottom: 10px; display: block } 
	.join_info_input .join_table tbody tr th { display: block } 
	.join_info_input .join_table tbody tr td { display: block; padding-left: 0 } 
	.join_info_input .join_table tbody tr td input { width: 100% !important; margin-bottom: 5px } 
	.join_info_input .join_table tbody tr td .btn_input { width: 50% !important; margin-bottom: 0 } 
	.join_info_input .join_table colgroup col { width: auto !important } 
	.num_guide .num_notice_box div { display: block } 
	.article_print_container .article_txt_container .article_sub_titleWrap { width: 100% } 
	.article_print_container .article_txt_container figure img { width: 100% } 
 
	.right_sub_container .sub_contents_area .sub_content_unit .top_con { display: block } 
	.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_left_thumb { margin-bottom: 23px } 
	.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt { line-height: 1.8 } 
	.right_sub_container .sub_contents_area .sub_content_unit .top_con .top_right_txt .top_intro_txt { width: auto } 
	.under_info_wrap { display: block } 
	.under_info_wrap span { margin-top: 15px; display: block } 
	.user_qa_form .form-group { display: block } 
	.sub_content_unit .contents_question_form .user_qa_form .sign_form_input { width: 100% !important } 
	.sub_content_unit .contents_question_form .user_qa_form .fileInput_round { width: 100% } 
	.sub_content_unit .contents_question_form .user_qa_form .user_txtarea { width: 100% } 
	.sub_content_unit .contents_question_form .user_qa_form .input_guide { padding-left: 0 } 
	.privacy_check .form-check-inline { text-align: left } 
	.privacy_check .form-check-inline .form-check-input { margin-right: 10px } 
	.sub_content_unit .h_group { padding-left: 38px; padding-right: 0 } 
	.sub_content_unit.h_type_01::before { left: 18px } 
	.sub_content_unit .h_group .h_year { text-align: left; font-family: inherit; font-size: 43px; color: #660000 } 
	.sub_content_unit .h_group::before { left: 17px; top: 10px } 
	.sub_content_unit .h_group:nth-child(even) { padding-left: 38px } 
	.sub_content_unit .h_group .h_year::before { display: none } 
	.sub_content_unit .h_group .h_content .days { float: none; width: auto } 
	.sub_content_unit .h_group .h_content .sums { float: none; width: auto; margin-bottom: 10px } 
	.sub_content_unit .about-group { text-align: center; margin-bottom: 30px } 
	.sub_content_unit .about-group .info-img { float: none; margin-bottom: 15px } 
	.sub_content_unit .about-group .info-title { color: #7f7f7f } 
	.under_logo_unit .btn_down_set { margin-left: 0 !important; margin-top: 20px } 
	.sub_content_unit .com_unit .location_under_unit { display: block } 
	.sub_content_unit .com_unit .location_under_unit .left_txt { padding: 30px 0 15px; border-right: 0; border-bottom: 1px #d7d7d7 solid; width: 100%; } 
	.sub_content_unit .com_unit .location_under_unit .right_adress { padding: 20px 0; } 
	.sub_content_unit .com_unit .location_under_unit .right_adress dt { float: none } 
	.sub_content_unit .com_unit .location_under_unit .right_adress dd { width: 100% } 
	 
	 
	 /* 본인확인 220107 */
	 .content_middle {width: 100%}
	 
	}
 
	@media screen and (max-width: 320px){
	.login_wrap .login_input_container .login_under_unit { display: block } 
	.infoSearch_wrap a img { width: 100% } 
	.side_menu_layout_01 .m_menu_listWrap .menu_layout_box ul li { font-size: 13px } 
	.terms_title_list .title_flex { display: block } 
	.terms_title_list .title_flex ul { margin-bottom: 14px } 
	}

	 @media screen and (max-width: 375px){
	/* 본인확인  220107*/
	 .content_middle .left_unit p:nth-child(1),.content_middle .right_unit p:nth-child(1) {font-size: 15px}
	 .content_middle .left_unit p:nth-child(2),.content_middle .right_unit p:nth-child(2) {font-size: 13px}
	 .content_middle .left_unit,.content_middle .right_unit {padding: 15px; height: 160px}
	 }











/**************************************
PC 버전 반응형 차장님--->
**************************************/



/* 약관동의 new */
.privacy_rule_box .terms_txt { padding: 15px } 
.privacy_rule_box .terms_txt .t_unit { padding-bottom: 15px; border-bottom: 1px #d7d7d7 solid; margin-top: 25px } 
.privacy_rule_box .terms_txt .t_unit:last-child { border-bottom: 0 } 
.privacy_rule_box .terms_txt .t_unit h1 { font-size: 15px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 15px } 
.privacy_rule_box .terms_txt .t_unit p { font-size: 12px; letter-spacing: -0.8px; color: #7f7f7f } 
.privacy_rule_box .terms_txt .t_unit ol { display: inline-block; padding: 10px } 
.privacy_rule_box .terms_txt .t_unit ol li { font-size: 12px; letter-spacing: -0.8px; color: #7f7f7f; transform: skew(-0.03deg); padding-bottom: 15px; padding-left: 5px } 
.privacy_rule_box .terms_txt .t_unit ol li span { display: block; line-height: 1.8 } 

.privacy_rule_box .terms_txt .t_unit .agreement_table { margin-top: 15px; width: 100%; margin-bottom: 40px } 
.privacy_rule_box .terms_txt .t_unit .agreement_table h1 { font-size: 16px; font-weight: 600 } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info { width: 100%; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr { border-bottom: 1px #d7d7d7 solid } 
.privacy_rule_box .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 } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td { padding: 15px } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td p { margin-bottom: 0; font-size: 13px } 
.privacy_rule_box .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 } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td .table_numList li { font-size: 13px } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td a { display: inline-block } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td span { color: #7f7f7f; display: inline-block; letter-spacing: -0.8px; font-size: 13px } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td a span { color: #363636; } 
.privacy_rule_box .terms_txt .t_unit .agreement_table .table_info tr td a span:hover { text-decoration: underline } 


/* 회원가입양식 new */
.main_wrap { margin: 0 auto; } 
#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; } 

.join_btn_container { width: 100%; margin-top: 50px } 
.join_btn_container .join_btn_area { display: block; text-align: center } 
.form_flex {display: flex; width: 100%; align-items: center;}
.form_flex .btn {flex-shrink: 0;}


/* sub footer */
.sub_footer_container { width: 100%; margin-top: 30px; border-top: 1px #363636 solid; background-color: #f7f7f7; } 
.sub_footer_container .footer_info { width: 990px; margin: auto; display: block; padding: 20px 0; } 
.sub_footer_container .footer_info .under_logo { width: 200px; margin-right: 20px; margin-bottom: 20px; } 
.sub_footer_container .footer_info .under_logo img {width: 160px;}
.sub_footer_container .footer_info .under_infoTxt { width: 990px; } 
.sub_footer_container .footer_info .under_infoTxt ul { margin-bottom: 0; } 
.sub_footer_container .footer_info .under_infoTxt ul li { font-size: 13px; color: #7f7f7f; letter-spacing: -0.8px; display: inline-block; } 
.sub_footer_container .footer_info .under_infoTxt p { font-size: 13px; display: block; margin-top: 20px; letter-spacing: -0.8px; } 


/* 로그인 new */
@media screen and (max-width: 992px){
 #sub_wrapper .container { width: 100%; max-width: 100% !important; min-width: 100% !important; padding: 15px; } 
 .sign_container .member_name { padding-left: 0 !important; } 
 .sign_container .member_name .input_style_01 { width: 100%; margin-bottom: 10px } 
 .sign_container .member_name .input_style_01:nth-child(2) { margin-left: 0 !important } 
 .sign_container .member_name .btn-type-blue02 { display: block; margin-left: 0 !important } 
 .footer_container .footer_info .under_logo { width: 100%; margin-bottom: 20px; } 
 .footer_container .footer_info .under_infoTxt { width: 100%; } 
 .form_flex input {width: 100% !important;}
 .signup_form_container .sub_title_guide {margin-left: 0 !important; margin-top: 7px;}
 #sub_wrapper .main_wrap .sign_container .scrap_container p {font-size: 14px; line-height: 23px;}
 .sub_footer_container .footer_info {width: 100% !important;}
 .sub_footer_container .footer_info .under_infoTxt {width: 100% !important;}
 .sub_header a img {width: 200px;}
 }
 
 @media screen and (max-width: 576px){
 .login_container .search_input { width: 100% !important; } 
 .login_container .login_input, .login_container .sumit_btn05, .search_user { width: 100% !important; } 
 p.login_copyright { margin-bottom: 40px; } 
 }


#sub_wrapper { background-color: #fff; } 
#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: #631004; } 
.login_container p:nth-child(2) { font-size: 14px; font-weight: 400; 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; background-color: #631004; color: #fff; } 
.login_container .sumit_btn05:hover { display: block; width: 370px; margin: auto; margin-top: 30px; padding: 10px; background-color: #410b02; color: #fff; } 
.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 } 
.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 } 
.form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }