@charset "utf-8";

body {
	/* font-size: 16px; */
	/* color: #222222; */
}

#container {
	/* position: absolute; */
	/* min-width: 1500px; */
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	float: none;
	left: 0;
	right: 0;
}

#wrap {
	position: relative;
	width: 100%;
	/* min-width: 1500px; */
	height: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	float: none;
}

.inner_wrap {
	position: relative;
	width: 73%;
	max-width: 1200px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.inner_wrap:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

.inner_wrap.dp_flex:after {
	content: none;
	display: inherit;
	height: auto;
	clear: none;
	float: none;
}

.inner_wrap2 {
	position: relative;
	width: 90%;
	max-width: 1180px;
	padding: 0;
	margin: auto;
	box-sizing: border-box;
}

.inner_wrap2:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

.has_float:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

.mobile_view {
	display: none;
}

.inner_wrap.absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	margin: 0 auto;
	padding: 0;
}

.spinner_wrap {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	opacity: 0.1;
	transition: all 0.5s;
}
.spinner_wrap.on {
	display:block;
	opacity: 1;
}

.bg_fix {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 20;
	opacity: 0.7;
	/* ie 8 */
	-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=70)";
	/* ie 7 and olders */
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
	/* netscape */
	-moz-opacity: 70;
	/* safari 1.x */
	-khtml-opacity: 70;
}

.bg_fix2 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 550;
	opacity: 0.75;
	/* ie 8 */
	-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=75)";
	/* ie 7 and olders */
	filter: progid:dximagetransform.microsoft.alpha(opacity=75);
	/* netscape */
	-moz-opacity: 75;
	/* safari 1.x */
	-khtml-opacity: 75;
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	transform: translate(-50%, -50%);
	Z-INDEX: 21;
	margin: auto;
	overflow-y: auto;
	overflow-x: hidden;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	-moz-appearance: menuimage;
	-webkut-appearance: menuimage;
	appearance: menuimage;
	padding-right: 43px;
}

.popup::-webkit-scrollbar {
	display: none;
	width: 0 !important;
}

/* common popup */
.popup_wrap {
	display: none;
	position: fixed;
	left: 50%;
	top: 100px;
	transform: translate(-50%, 0);
	width: 400px;
	z-index: 99;
	background: #fff;
	overflow: hidden;
}

.popup_wrap.trans,
.popup_wrap.youtube {
	background: none;
	width: 1200px;
}

.popup_close {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 99;
	color: #000;
}

.popup_close button {
	position:relative;
	margin: 0;
	height: 82px;
	line-height: 82px;
	padding: 0;
}

.popup_close button i {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	z-index: 99;
}

.popup_title {
	position: relative;
	width: 100%;
	padding: 0 2rem;
	font-size: 1.5rem;
	line-height: 82px;
	height: 82px;
	box-sizing: border-box;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
}

.popup_detail {
	padding: 60px 30px;
	/* height: 731px;
*/
	box-sizing: border-box;
	width: 100%;
}

.popup_detail_inner {
	height: 500px;
	overflow-y: auto;
}

.popup_spec {
	margin-top: 20px;
}

.popup_img {
	width: 430px;
	height: 320px;
	margin: 0 auto 45px auto;
	box-sizing: border-box;
	border: 1px solid #ddd;
	overflow: hidden;
}

.popup_img img {
	max-width: 100%;
	height: 100%;
}

.popup_box {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background: #fafafa;
	border: 1px solid #ededed;
	border-radius: 8px;
}

.popup_table {
	border-top: 2px solid #47507b;
}

.popup_table tbody th {
	background: #fafafa;
	color: #474747;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #dddddd;
	padding: 10px 15px;
}

.popup_table tbody td {
	color: #828282;
	font-size: 15px;
	border-bottom: 1px solid #dddddd;
	padding: 10px 15px;
	background: #fff;
}

.popup_tab {
	display: none;
	background: #9f1028;
	width: 100%;
	padding: 0 50px;
	height: 60px;
	white-space: nowrap;
	overflow: hidden;
}

.popup_tab ul {
	overflow-x: auto;
}

.popup_tab ul li {
	display: inline-block;
	margin-left: 40px;
	/* white-space: nowrap; */
}

.popup_tab ul li:first-child {
	margin-left: 0;
}

.popup_tab ul li a {
	color: #ffcccc;
	line-height: 60px;
	height: 60px;
	/* white-space: nowrap; */
	font-size: 18px;
}

.popup_tab ul li a:hover,
.popup_tab ul li a.active {
	color: #fff;
	font-weight: 700;
}

.popup_contents_wrap {
	display: none;
	box-sizing: border-box;
	padding: 3rem 2rem;
}

.popup_contents_wrap.active {
	display: block;
}

.popup_contents_title {
	text-align: center;
	margin-bottom: 2.5rem;
}

.popup_contents {
}

.popup_contents img {
	max-width: 100%;
}

.popup_contents .login_form li {
	margin-top: 1rem;
}
.popup_contents .login_form li input {
	width:100%;
}

.popup_contents .login_form li .btn {
	height:4.5rem;
	line-height:4.5rem;
	padding: 0;
	font-size: 1.25rem;
}

/* head_area */
#head_wrap {
	position: relative;
	clear: both;
	width: 100%;
	margin: 0 auto;
	z-index: 98;
}

.head_top {
	width: 100%;
	text-align: center;
	margin: 0;
	/* padding: 34px 0; */
	box-sizing: border-box;
	border-bottom: 1px solid #c5c5c5;
}

.head_menu {
	position: relative;
	width: 100%;
	height: 48px;
	text-align: center;
	/* padding: 22px 0; */
	border-bottom: 1px solid #c5c5c5;
}

.head_top ul {
	float: right;
	display: table;
	box-sizing: border-box;
}

.head_top li {
	display: inline-block;
	height: inherit;
	box-sizing: border-box;
	padding: 0 6px;
}

.head_top li:before {
	content: "|";
	vertical-align: middle;
	padding-right: 10px;
	color: #b7b7b7;
}

.head_top li:first-child:before {
	content: "";
	padding: 0;
}

.head_top li.regi {
	background-color: #008AA5;
}

.head_top li.regi:before {
	content: "";
	padding: 0;
}

.top_sns {
	position: absolute;
	top: 10px;
	right: 0;
}

.top_sns .blog a {
	background: url('../../img/layout/sns_blog.png') no-repeat left center;
	padding-left: 30px;
	height: 20px;
	display: block;
	color: #69a814;
	font-weight: 700;
}

.top_sns .fb a {
	background: url('../../img/layout/sns_fb.png') no-repeat left center;
	padding-left: 24px;
	font-weight: 700;
	color: #014eab;
}


#header {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#main_wrap,
#sub_wrap {
	min-height: calc(100vh - 318px);
}

#main_wrap #header {
	position: absolute;
	top: 43px;
	z-index: 999;
	height: auto;
}

#main_wrap #header .inner_wrap {
	background-color: #fff;
	padding: 0 82px;
	width: 1264px;
}

#header_sub {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url('../../img/layout/sub_bg.jpg') no-repeat;
	/* background-size: cover; */
	/* overflow: hidden; */
}

#header_sub.sub01 {
	background-image: url('../../img/layout/sub_bg01.jpg');
}

#header_sub.sub02 {
	background-image: url('../../img/layout/sub_bg02.jpg');
}

#header_sub.sub03 {
	background-image: url('../../img/layout/sub_bg03.jpg');
}

#header_sub.sub04 {
	background-image: url('../../img/layout/sub_bg04.jpg');
}

#header_sub.sub05 {
	background-image: url('../../img/layout/sub_bg05.jpg');
}

#header_sub.sub06 {
	background-image: url('../../img/layout/sub_bg06.jpg');
}

#header_sub.sub07 {
	background-image: url('../../img/layout/sub_bg07.jpg');
}

#header_sub.sub08 {
	background-image: url('../../img/layout/sub_bg08.jpg');
}

#header_sub.sub09 {
	background-image: url('../../img/layout/sub_bg08.jpg');
}


#header_sub .depth1 {
	color: #004fab;
	text-align: right;
	border-right: 1px solid #fff;
	padding-right: 40px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 19;
}

#header_sub .depth1 .title {
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	min-width: 240px;
	word-break: keep-all;
	display: none;
}

#header_sub .depth1 .eng {
	font-size: 24px;
	line-height: 1;
	font-weight: 100;
	margin-top: 0.5em;
}

#main_form {
	width: 857px;
	margin: 0 auto;
}

#body_foot {
	float: none;
	width: 100%;
	clear: both;
}

#web_menu {
	border-top: 8px solid #0061c2;
	padding: 35px 0 27px 0;
	height: 60px;
	line-height: 60px;
}

.top_logo {
	float: left;
	line-height: 99px;
}

.top_logo a {
	display: block;
}

.top_global {
	display: none;
	position: absolute;
	top: 18px;
	right: 0;
}

.top_global a {
	float: left;
	text-align: center;
	padding: 0 9px;
	font-size: 12px;
	font-weight: 700;
	color: #232323;
}

#m_mobile_menu {
	display: none;
}

#m_mobile_menu .go_top {
	position: fixed;
	top: 83%;
	right: 0;
	width: 50px;
}

#m_mobile_menu .go_top img {
	max-width: 100%;
}

#header_sub .inner_wrap {
	/* padding: 40px 0 0 0; */
	height: 100%;
}

#header_sub .open_label {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 90;
	display: block;
}

#body_wrap {
	position: relative;
	width: 100%;
	/* max-width: 1180px; */
	clear: both;
	padding: 0;
	margin: 0 auto;
}

#body_wrap img {
	/* max-width:100%; */
}

.inner_wrap.inner img {}

#top_bg {
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: auto;
	text-align: center;
	background: url('../../img/layout/top_bg.png') no-repeat center;
	height: 139px;
}

.body_present {
	height: 38px;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 54px;
}

.body_present:after {
	display: block;
	height: 0;
	content: "";
	float: none;
	clear: both;
}

#location {
	line-height: 50px;
	word-spacing: 3px;
	color: #232323;
	box-sizing: border-box;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}


.location_link strong+a {
	padding: 0 10px;
}

.location_link {
	float: left;
}

.location_controls {
	float: right;
}

.location_controls li {
	float: left;
	border-left: 1px solid #ddd;
}

.location_controls a.location_prev {
	background: url('../../img/layout/location_controls.png') no-repeat 0 center;
}

.location_controls a.location_next {
	background: url('../../img/layout/location_controls.png') no-repeat -43px center;
}

.location_controls a {
	text-indent: -9999px;
	width: 43px;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

#location .home_icon {
	width: 50px;
	height: inherit;
	text-align: center;
	box-sizing: border-box;
	float: left;
}

#location span.on {
	color: #777;
}

.location_link strong {
	float: left;
	border-left: 1px solid #d8d8d8;
	padding-left: 23px;
	color: #232323;
	width: 190px;
	box-sizing: border-box;
}

.location_link strong a {
	display: block;
}

.location_link strong.italic a {
	font-style: italic;
}

.sub_menus {
	float: left;
	min-width: 190px;
	box-sizing: border-box;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.sub_menus a {
	padding: 0 50px 0 26px;
	line-height: 50px;
	display: block;
	white-space: nowrap;
}

.sub_menus a:hover,
.sub_menus a.on {
	font-weight: 700;
}

.sub_menus>ul {
	position: relative;
	width: 100%;
}

.sub_menus>ul.active {
	background-color: #3f53a0;
}


.sub_menus>ul>li>span {
	position: absolute;
	right: 10%;
	top: 50%;
	width: 11px;
	height: 6px;
	background: url('../../img/layout/menu_arrow.png') no-repeat 0 -6px;
}

.sub_menus>ul.active>li>span {
	background-position: 0 0;
}

.sub_menus>ul>li>a {
	font-weight: 700;
	color: #3f53a0;
}

.sub_menus>ul>ul {
	display: none;
	position: absolute;
	width: 100%;
	top: 50px;
	z-index: 10;
}

.sub_menus>ul.active>ul {
	display: block;
	background-color: #3f53a0;
}

.sub_menus>ul.active a {
	color: #fff;
}

.sub_menus>ul>ul>li>a:hover {
	text-decoration: underline;
}

.common_menus {
	float: right;
}

.common_menus li {
	float: left;
	margin-left: 30px;
}

.common_menus a {
	padding-left: 22px;
	display: block;
}

.common_menus .load a {
	background: url('../../img/layout/icon_loca.png') no-repeat left center;
}

.common_menus .regi a {
	background: url('../../img/layout/icon_regi.png') no-repeat left center;
}


#body_inner_wrap {}

#body_inner_wrap:after {
	display: block;
	height: 0;
	content: "";
	float: none;
	clear: both;
}

#body_head {
	text-align: center;
}

.body_title {
	font-size: 44px;
	font-weight: bold;
	color: #232323;
	text-align: center;
	display: inline-block;
	background: url('../../img/layout/sub_title_bg.png') no-repeat center bottom;
	padding-bottom: 40px;
	padding-top: 94px;
	line-height: 1;
}


#body_content {
	width: 100%;
	box-sizing: border-box;
	min-height: 350px;
}

#body_content .contents {
	position: relative;
	width: 1100px;
	padding: 36px 0 60px 0;
	margin: 0 auto;
	box-sizing: border-box;
}

#body_content .contents p {
	font-size: 18px;
	color: #232323;
}

#body_content .request {
	width: 100%;
	text-align: center;
	padding: 32px 0;
	color: #fff;
	background: #194a84;
}

#body_content .consult {
	width: 100%;
	text-align: center;
	padding: 32px 0;
	color: #fff;
	background: #3f53a0;
}

#body_content .consult:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

#body_content .consult .bg {
	float: left;
	width: 550px;
	text-align: right;
}

#body_content .consult .bg .title {
	display: inline-block;
	background: url('../../img/contents/consult_bg.png') no-repeat left top;
	padding-left: 85px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -1px;
	padding-right: 24px;
	min-height: 51px;
}

#body_content .consult .desc {
	float: right;
	width: 550px;
	text-align: left;
}

#body_content .consult .desc:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

#body_content .consult .desc .name {
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	border-left: 1px solid #9fa9d0;
	font-size: 18px;
	font-weight: 700;
}

#body_content .consult .desc .contact {
	float: left;
}


.sub_tab {}

.sub_tab li {
	float: left;
	width: 220px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #3f53a0;
	margin-left: 4px;
	box-sizing: border-box;
	margin-bottom: 4px;
	color: #3f53a0;
}

.sub_tab li:hover,
.sub_tab li.active {
	background-color: #3f53a0;
	color: #fff;
}

.sub_tab li a {
	display: block;
	text-align: center;
}

.sub_tab li:nth-child(4n+1) {
	clear: both;
	margin-left: 0 !important;
}

.sub_tab.depth3 li {
	width: 175px;
}

.sub_tab.depth3 li:nth-child(4n+1) {
	clear: none;
	margin-left: 4px !important;
}

.sub_tab.depth3 li:nth-child(5n+1) {
	clear: both;
	margin-left: 0 !important;
}

.contents {
	clear: both;
	float: none;
}

.sub_pager {
	position: absolute;
	right: 7px;
	bottom: 10px;
}

.sub_pager li {
	float: left;
	margin-left: 7px;
}

.sub_pager li:nth-child(4n+1) {
	clear: both;
}

.sub_pager li:nth-child(5) {
	margin-left: 148px
}

.tabmenu {
	position: relative;
	width: 100%;
	margin-top: 25px;
}

.tabmenu:after {
	display: block;
	height: 0;
	clear: both;
	float: none;
	content: "";
}

.tabmenu ul li {
	float: left;
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background-color: #3657a4;
	padding: 12px 0;
}

.tabmenu ul li.tab01 {}

.tabmenu ul li.tab02 {
	background-color: #40a6a6;
}

.tabmenu ul li a {
	display: block;
}


header {
	position: relative;
	width: 100%;
	/* height: 100px; */
	z-index: 19;
	background: #e11837;
	position: relative;
}

header.main {
	position: absolute;
	background: transparent;
}


.header_menu li {
	/* margin: 0 1rem; */
}

.header_menu a {
	color: #fff;
	font-size: 1.3rem;
	padding: 0 3rem;
}

.header_menu {
	display: flex;
}

.right_menu {
	display:flex;
}

.right_menu .menu_guest a {
	display: flex;
	align-items: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 0.3rem 1rem;
	cursor: pointer;
}

.right_menu .menu_guest a span  {
	margin:0  0.2rem;
}
.right_menu button {
	height: auto!important;
	min-width: auto!important;
	padding: 1rem!important;
}

.menu_member > a,
.menu_member > button{
	color: #fff;
	padding: 0rem;
}

.global_menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.global_menu li {
	margin-left: 1.5rem;
}

div.hd_login_btn {
	background: #e11837;
	color: #fff;
	border-radius: 20px;
	padding: 0.3rem 1.5rem;
	display: block;
}

div.hd_lang_btn {
	display: flex;
	align-items: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 0.3rem 1rem;
	cursor: pointer;
}

div.hd_lang_btn span {
	margin-right: 5px;
}

.member_pop {
	display: none;
	position: absolute;
	top: 100px;
	width: 250px;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 9;
}

.member_pop.on {
	display: block;
}

.member_pop ul li a {
	display: block;
	height: 4.5rem;
	padding: 0 1.7rem;
	line-height: 4.5rem;
	background: #edf1f3;
	font-size: 0.8rem;
	font-weight: 500;
	font-size: 1.1rem;
	border-bottom: 1px solid #dfdfdf;
}

.member_pop ul li:last-child a {
	border:0; 
}

.member_pop ul li.member_myid a,
.member_pop ul li.member_logout a {
	background: #fff;
}

.member_pop ul li a i {
	width: 30px;
	font-size: 1.3rem;
	vertical-align: middle;
}


.footer_link {
	background: #202228;
	padding: 1.5rem 0;
}

.footer_link a {
	color: #fff;
}

.footer_link a:before {
	content: "|";
	padding: 0 1rem;
}

.footer_link a:first-child:before {
	padding: 0;
	content: '';
}

footer {
	padding: 2.5rem 0;
	background: #31343d;
}

.footer_info {
	color: #fff;
	float: left;
}

.footer_logo {
	float: right;
}

.footer_info address > * {
	display:inline-block;
	margin-left: 1rem;
}

.footer_info address > *:first-child {
	margin-left:0;
}

#sub_wrap {
	padding: 3rem 0;
	background: #fff;
}

.go_top {
	position: absolute;
	bottom: 0;
	right: -42px;
	display: block;
	z-index: 99;
}

#body_content .go_top {
	bottom: auto;
	right: 0;
}

.sub_bg {
	position: relative;
	width: 100%;
	height: 170px;
	line-height: 170px;
	background: url('../../img/layout/sub_bg.jpg') no-repeat;
	text-align: center;
}

.sub_bg span {
	position: relative;
	/* top: 50%; */
	/* transform: translate(0, -50%); */
	z-index: 11;
	font-size: 2.5rem;
	font-weight: 800;
	/* line-height: 1; */
}

.sub_bg span:after {
	content: 'ㆍ';
	color: #f00;
	font-size: 3.2rem;
	margin-left: -0.6rem;
	position: absolute;
	top: -1rem;
	line-height: 1;
	display: inline-block;
	z-index: 12;
}

.sub_menu_wrap {
	width: 100%;
	margin-bottom: 1rem;
}

.sub_menu_wrap ul {
	display: flex;
	background:#edf1f3;
	margin-top: 2rem;
}

.sub_menu_wrap ul li {
	flex-grow: 1;
	text-align: center;
	display: block;
	font-size: 1.2rem;
	line-height: 1.4rem;
	padding: 1.3rem 2rem;
	font-weight: 500;
	border-top:3px solid #edf1f3!important;
	border-left:1px solid #fff!important;
}

.sub_menu_wrap ul li.on {
	font-weight: 700;
	color: #e11837;
	background: #fff;
	border-top:3px solid #e11837!important;
}


.sub_menu_wrap ul li > button {
	width: 100%;
	height: 100%;
	padding: 0;
}
.sub_menu_wrap ul li > button span {
	vertical-align: baseline;
}


.pagination   {
	margin: 1.5rem 0;
}

.sub_menu_text {
	color: #555;
}

@media (max-width:1000px) {
	.inner_wrap {
		width: 90%;
	}
	.header_menu a {
		padding: 0 1rem !important;
	}

	.intro_warp .sub_main {
		margin:5rem 3rem !important;
	}
	.sub_menu_wrap ul {

	}
}

@media (max-width:840px) {
	.footer_info span:first-child {
		display: block;
	}

	



}

@media (max-width:768px) {
	a.hd_lang_btn {
		color: #777;
		border-color: #d7d7d7;
	}

	.nav_m_head {
		display: flex;
		justify-content: space-between;
		padding: 1rem 1.5rem;

		align-items: center;
	}

	.nav_m_head  .m_global_menu  {
		border: 1px solid #dc3545;
    background: #fff;
    color: #000;
    border-radius: 0;
    text-align: center;
    padding: 0.5rem 0.8rem;
    font-weight: 700;
    font-size: 0.8rem;
    border-radius: 20px;
	}

	.nav_m_head  .m_global_menu img  {
		margin-left: 0.25rem !important;
	}

	.m_user_menu {
		padding: 1rem 1.5rem;
		background: #eee;
	}
	.nav_m_logo  a img  {
		height: 28px;
	}

	.m_member_info {
		font-size: 1rem;
	}

	.m_member_info i {
		background: #ccc;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border-radius: 100%;
		color: #fff;
		margin-right: 1rem;
	}

	.m_member_btns {
		display: flex;
		justify-content: space-between;
	}

	.m_member_btns a {
		border: 1px solid #d7d7d7;
		background: #fff;
		color: #000;
		border-radius: 0;
		width: 49%;
		text-align: center;
		padding: 0.5rem 0.8rem;
		font-weight: 700;
		font-size: 0.8rem;
		border-radius:20px;
	}

	.footer_link .inner_wrap {
		text-align: center;
		font-size: 0.8rem;
	}

	.footer_info {
		text-align: center;
		float: none;
		clear: both;

	}

	.footer_logo {
		float: none;
		display: none;
	}

	footer {
		padding: 1.5rem 0;
	}

	.sub_bg {
		display: none;
	}

	#sub_wrap {
		padding: 1rem 0;
	}

	.sub_menu_wrap ul {
		justify-content: space-between;
		white-space: nowrap;
		overflow-x: scroll;
    overflow-y: hidden;
    height: 50px;
	}

	.sub_menu_wrap ul li a {
		font-size: 1rem;
	}
}

@media (max-width:576px) {
	.sub_menu_wrap ul li a {
		padding: 0.5rem;
	}

	.inner_wrap {
		width: 95%;
	}

	.sub_menu_wrap ul li  {
		width: 100%;
		height: 100%;
		padding: 0.5rem 1rem;;
		max-width: 100% !important;
	}

	.sub_menu_wrap ul li > button {
		max-width: 100%!important;
		min-width: auto!important;
		min-height: auto!important;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: 0;
		text-align: center;
	}
	.sub_menu_wrap ul li span {
		font-size: 0.9rem;
		padding: 1rem 0.5rem ;
		padding: 0;;
	}

}