@charset "utf-8";

/*************************
		COMMON
*************************/
/*WRAP*/
.wrap {position:relative; width:94%; max-width:1200px; margin:0 auto}
.full_wrap {position:relative; width:100%; max-width:1200px; margin:0 auto}

/*HEADER*/
#header {z-index:5; position:absolute; width:100%; border-bottom:1px solid #e2e2e2; background:#fff}
#header .wrap {height:80px}
#header .logo {position:absolute; left:0; top:15px}
#header .logo img {transition:.3s}
#header .logo img.logo_white {display:none}
#header .menu {position:absolute; right:-34px; top:10px}
#header .menu > li {position:relative; float:left; }
#header .menu > li > a {position:relative; display:block; height:70px; line-height:70px; padding:0 25px; transition:.3s}
#header .menu > li > a:after {position:absolute; left:50%; bottom:-2.5px; width:0px; height:4px; margin-left:0px; background:#731725; content:''; transition:.3s}
#header .menu > li > a span {font-size:20px; color:#454545; transition:.3s}
#header .menu > li > a:hover:after {width:40px; margin-left:-20px} 
#header .menu > li > a:hover span {color:#731725}
#header .menu > li.active > a:after {width:40px; margin-left:-20px} 
#header .menu > li.active > a span {color:#731725}
#header .sub_menu_bg {position:absolute; left:0; top:81px; width:100%; height:0px; background:#fff; transition:.3s}
#header .sub_menu {position:absolute; left:0; top:100%; width:100%; height:0px; padding-top:1px; border-left:1px solid #e2e2e2; overflow:hidden; transition:.3s}
#header .menu > li:first-child .sub_menu {border-left:0}
#header .sub_menu > li:first-child {margin-top:10px}
#header .sub_menu > li > a {display:block; padding:8px 5px; line-height:1.125; text-align:center;}
#header .sub_menu > li > a span {font-size:16px; color:#454545}
#header .sub_menu > li > a:hover span {color:#863743}
#header.sub_header {position:relative}
#header.sub_menu_open .sub_menu_bg {height:420px}
#header.sub_menu_open .sub_menu {height:420px}

/*FOOTER*/
.footer_menu {position:relative; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf}
.footer_menu ul {padding:13px 0; line-height:1; overflow:hidden;}
.footer_menu ul li {display:block; float:left}
.footer_menu ul li.line_break {display:none}
.footer_menu ul li a {display:block; float:left; padding:0 10px; height:16px; line-height:16px; border-left:1px solid #8c8c8c} 
.footer_menu ul li a.empty {display:none}
.footer_menu ul li:first-child a:first-child {border:0; padding-left:0}
.footer_menu ul li a span {font-size:15px; color:#515151}
.footer_bottom {padding:19px 0}
.footer_info h1 {margin-bottom:20px}
.footer_info p {font-size:13px; color:#414142}
.footer_info p.copyright {color:#9b9b9b}
.footer_counsel {position:absolute; right:0; bottom:0; text-align:center}
.footer_counsel h1 {line-height:1; font-size:27px; color:#161616}
.footer_counsel h1 b {font-size:1em; font-weight:500}
.footer_counsel h2 {padding:0 10px; margin:13px 0; border-radius:20px; background:#544945}
.footer_counsel h2 > * {display:inline-block; vertical-align:baseline}
.footer_counsel h2 a {line-height:35px; padding:0 5px; font-size:18px; color:#fff}
.footer_counsel h2 em {width:1px; height:13px; background:#fff; vertical-align:middle}
.footer_counsel p {font-size:15px; color:#191919}
.footer_counsel p strong {font-size:1em; color:#ba2323}
.go_top {position:absolute; right:50%; top:0; height:100%; width:43px; margin-right:-600px; border-right:1px solid #bfbfbf; border-left:1px solid #bfbfbf; cursor:pointer}
.go_top span {position:absolute; top:50%; left:0; width:100%; height:1em; line-height:1em; margin-top:-.5em; font-size:15px; color:#515151; text-align:center}
.bot_top {display:none}

/*QUICK MENU*/
.quick_menu {position:fixed; z-index:5; right:3%; top:50%; width:78px; margin-top:-225px; border:1px solid #cccccc; border-radius:40px; background:#f4f4f4}
.quick_menu ul {padding:0 10px}
.quick_menu ul li {text-align:center}
.quick_menu ul li + li {border-top:1px solid #d1d1d1}
.quick_menu ul li a {display:block; padding:20px 0}
.quick_menu ul li div {line-height:1; margin-top:5px; font-size:14px; color:#5a3232}

@media screen and (max-width:1280px){
	/*HEADER*/
	#header .menu > li > a {padding:0 22px}
	#header .sub_menu > li > a span {font-size:15px}
}
@media screen and (max-width:1220px){
	/*FOOTER*/
	.go_top {right:0; margin-right:0; width:3em; border-right:0}
}
@media screen and (max-width:1200px){
	/*HEADER*/
	#header .logo img {width:200px}
	#header .menu {right:-22px}
	#header .menu > li > a {padding:0 20px}
	#header .menu > li > a span {font-size:18px}
	#header .sub_menu > li > a span {font-size:14px}
	#header.sub_menu_open .sub_menu {height:390px}
	#header.sub_menu_open .sub_menu_bg {height:390px}
}
@media screen and (max-width:1100px){
	/*HEADER*/
	#header .logo {top:20px}
	#header .logo img {width:160px}
	#header .menu > li > a {padding:0 19px}
	#header .menu > li > a span {font-size:17px}
}
@media screen and (min-width:1025px){
	.m_menu_btn {display:none !important}	
	.m_menuContainer {display:none !important}
}

@media screen and (max-width:1024px){
	br, dfn {line-height:0}
	/*WRAP*/
	.wrap {width:90%}

	/*HEADER*/
	#header {border-bottom:1px solid #ad9e9d; background:none}
	#header .wrap {height:3.1em}
	#header .logo {top:.875em}
	#header .logo img {width:6.6em}
	#header .logo img.logo_white {display:block}
	#header .logo img.logo_basic {display:none}
	#header .menu {display:none}
	.m_menu_btn {display:block; position:absolute; right:0; top:1.17em; width:1.375em; height:1em}
	.m_menu_btn span {position:absolute; left:0; width:100%; height:.1em; background:#fff}
	.m_menu_btn span.bar1 {top:0}
	.m_menu_btn span.bar2 {top:50%; margin-top:-.05em}
	.m_menu_btn span.bar3 {top:100%; margin-top:-.1em}
	#header.sub_header {background:#fff}
	#header.sub_header .logo img.logo_white {display:none}
	#header.sub_header .logo img.logo_basic {display:block}
	#header.sub_header .m_menu_btn span {background:#7c2532}
	
	/*M-MENU*/
	.m_menuContainer {display:none; position:fixed; top:0; left:0; width:100%; height:100%}
	.m_menu_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#2f2325; opacity:0}
	.m_menuBox {position:absolute; box-sizing:border-box; right:-75%; width:75%; height:100%; padding:0 5% 0 9%; background:#fff; overflow-y:scroll}
	.m_menuBox .close_tab {padding:1em 0 2em; text-align:right}
	.m_menuBox .close_btn {display:inline-block}
	.m_menuBox .close_btn > span {font-size:.75em; color:#101010; vertical-align:middle}
	.m_menuBox .close_btn > .icon_x {display:inline-block; width:1.3em; height:1.3em; margin-left:.5em; background:url('/img/x_btn.png'); background-size:100% 100%; vertical-align:middle}
	.m_menu_wrap > li {border-bottom:0.02em solid #959595}
	.m_menu_wrap > li > a {position:relative; display:block; padding:.75em .3em}
	.m_menu_wrap > li > a > span {font-size:1.375em; color:#464646}
	.m_menu_wrap > li > a > em {position:absolute; top:50%; right:.25em; width:1em; height:.1em; margin-top:-.05em; background:#464646; transition:.3s}
	.m_menu_wrap > li > a > em:after {position:absolute; top:0; left:0; width:100%; height:100%; background:#464646; content:''; transition:.3s}
	.m_menu_wrap > li.active > a > span {color:#843440}
	.m_menu_wrap > li.active > a > em {transform:rotate(90deg); background:#843440}
	.m_menu_wrap > li.active > a > em:after {transform:rotate(90deg); background:#843440}
	.m_sub_menu {display:none; padding-bottom:1.37em}
	.m_sub_menu > li + li {margin-top:.5em}
	.m_sub_menu > li > a {display:block; padding:0 .6em}
	.m_sub_menu > li > a:before {display:inline-block; width:.15em; height:.15em; margin-right:.25em; background:#464646; vertical-align:middle; content:''}
	.m_sub_menu > li > a > span {font-size:1em}

	/*FOOTER*/
	.footer_menu ul {padding:.7em 0}
	.footer_menu ul li a {padding:0 .7em; height:1em; line-height:1em} 
	.footer_menu ul li a span {font-size:.9em}
	.footer_info h1 {margin-bottom:.5em}
	.footer_info h1 img {width:9em}
	.footer_info p {font-size:.7em}
	.footer_info p.copyright {margin-top:.5em}
	.footer_counsel h1 {font-size:1em}
	.footer_counsel h2 {margin:.6em 0 .5em}
	.footer_counsel h2 a {line-height:2em; padding:0 .5em; font-size:.9em}
	.footer_counsel h2 em {height:.6em}
	.footer_counsel p {font-size:.8em}
	
	/*QUICK MENU*/
	.quick_menu {top:auto; bottom:0; left: 0; right: 0; width:100%; margin-top:0; border-radius:0; background-color: rgba(0, 0, 0, 0.7); border: none;}
	.quick_menu ul {display:flex; padding:.4em; justify-content: space-between; align-items: center;}
	.quick_menu ul li{display: flex; justify-content: center; align-items: center; width: 100%; max-width:100%; min-height: 65px;}
	.quick_menu ul li + li{border-top:0; border-left:1px solid #ddd;}
	.quick_menu ul li a {padding:.5em .5em; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.quick_menu ul li a img {width:1.7em}
	.quick_menu ul li a.q_sms img {filter: brightness(9);}
	.quick_menu ul li div {margin-top:10px; font-size:.7em; letter-spacing:-1px; color: #fff;}
}
@media screen and (max-width:768px){
	/*FOOTER*/
	.footer_bottom {padding:0}
	.footer_bottom .wrap {width:100%}
	.footer_menu {background:#fbfbfb}
	.footer_menu ul li a {float:none; padding:.2em 1em; border:0}
	.footer_menu ul li a.empty {display:block; cursor:default}
	.footer_menu ul li + li {border:0}
	.footer_menu ul li:first-child a {padding-left:0}
	.footer_menu ul li:last-child a {padding-right:0}
	.footer_menu ul li.line_break {display:block; float:none; clear:both; height:0; width:0}
	.footer_menu ul li.line_break + li {border:0}
	.footer_menu ul li.line_break + li a {padding-left:0}
	.footer_info {position:relative; padding:3em 0 2em; text-align:center; background:#f9f5f3}
	.footer_info h1 {margin-bottom:1em}
	.footer_counsel {position:relative; padding:2em 0 3em}
	.footer_counsel h2 {display:inline-block}
	.go_top {display:none}
	.bot_top {display:block; position:absolute; top:0%; left:50%; width:3.16em; margin:-1.58em 0 0 -1.58em}
	
	/*QUICK MENU*/
	.quick_menu ul li a {padding: .5em 0.4em;}
}
@media screen and (max-width:400px){
	.footer_menu ul li a {padding:.2em .7em}
}