@charset "utf-8";

/*************************
		COMMON
*************************/
/*INNER*/
.inner {width:94%; max-width:1320px; margin:0 auto}

/*HEADER*/
#header {position:absolute; width:100%; z-index:3; transition:background .3s}
#header .line_left {position:absolute; box-sizing:border-box; top:0; right:0; height:46px; width:50%; border-bottom:2px solid #e2e2e2; background:#fff}
#header .line_right {position:absolute; box-sizing:border-box; top:0; right:50%; height:100%; width:50%; margin-right:600px; border-bottom:2px solid #e2e2e2; background:#fff}
#header .hd_inner {position:relative; height:106px; background:url('/img/header_line_bg.png') no-repeat}
#header .logo {z-index:1; position:absolute; top:25px; left:0}
#header .mb_util {position:absolute; top:15px; right:-8px}
#header .mb_util li {float:left; position:relative}
#header .mb_util li a {padding:0 8px; font-size:14px; color:#2f2f2f}
#header .mb_util li + li:after {position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-6.5px; background:#9e9e9e; content:''}
#header .menu_container {position:absolute; top:100%; left:0; width:100%; height:0; padding-top:50px; margin-top:-50px; overflow:hidden}
#header .menu_container:before {position:absolute; top:50px; left:0; right:0; bottom:0; background:#fff; content:''}
#header .menu_container .inner {position:relative; background:url('/img/menu_bg_logo.jpg') no-repeat; background-position:right 140px}
#header .menu_container .btn_wrap {padding:25px 0; clear:both; text-align:center}
#header .menu_container .btn_more {display:inline-block; line-height:32px; padding:0 30px; border:1px solid #008ae2; border-radius:10px; font-size:0; -webkit-transition:.3s; transition:.3s}
#header .menu_container .btn_more span {display:inline-block; font-size:15px; color:#008ae2; vertical-align:middle; -webkit-transition:.3s; transition:.3s}
#header .menu_container .btn_more em {position:relative; display:inline-block; width:10px; height:2px; margin-left:8px; background:#008ae2; vertical-align:middle; -webkit-transition:.3s; transition:.3s}
#header .menu_container .btn_more em:after {position:absolute; left:0; top:0; width:100%; height:100%; background:#008ae2; transform:rotate(90deg); content:''; -webkit-transition:.3s; transition:.3s}
#header .menu_container .btn_more:hover {background:#008ae2}
#header .menu_container .btn_more:hover span {color:#fff}
#header .menu_container .btn_more:hover em {background:#fff}
#header .menu_container .btn_more:hover em:after {background:#fff}
#header .menu > li {float:left; position:relative; padding-top:16px}
#header .menu > li > a {position:absolute; bottom:100%; left:0; width:100%; height:50px; line-height:50px; text-align:center}
#header .menu > li > a > span {font-size:20px; color:#2f2f2f; font-weight:500}
#header dl.sub_menu {overflow:hidden; padding:0 27px; text-align:left}
#header .menu > li:first-child .sub_menu {padding-left:0}
#header .sub_menu dt {margin-bottom:3px; font-size:19px; color:#1d1d1d}
#header .sub_menu dd {line-height:24px}
#header .sub_menu dd > a {display:block; font-size:15px; color:#696969}
#header .sub_menu dd > a:hover {color:#008ae2}
#header .menu-type2 {min-height:139px; border-left:1px solid #dfdfdf}
#header .menu-type2 dd {line-height:30px}
#header .menu-item02 .sub_menu {padding:0 40px}
	.hd_sch_wr {z-index:1; position:absolute; right:0; bottom:5px; width:248px; border:1px solid #cecece; border-radius:5px; box-shadow:5px 5px 5px #f2f2f2; background:#fff}
	.hd_sch_wr #sch_stx {box-sizing:border-box; width:100%; height:40px; padding:10px 45px 10px 20px; border:0; font-size:15px; color:#828282; background:transparent}
	.hd_sch_wr #sch_submit {position:absolute; right:0; top:0; width:40px; height:100%; border:0; background:transparent}

/*M-MENU*/
.m_menubtn {display:none}
.m_menu_container {display:none}

/*FOOTER*/
#footer {background:#f8f8f8}
#footer .inner {position:relative}
	.footer_top {position:relative}
	.footer_menu {padding:12px 0}
	.footer_menu li {display:inline-block}
	.footer_menu li a {position:relative; padding:0 13px; font-size:13px; color:#474747; -webkit-transition:.3s; transition:.3s}
	.footer_menu li a:after {position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#b4b4b4; content:''}
	.footer_menu li:first-child a {padding-left:0}
	.footer_menu li:first-child a:after {display:none}
	.footer_menu li a:hover {color:#006899}
	.footer_info {position:relative; padding:15px 0 30px 255px; border-top:1px solid #cbcbcb}
	.footer_info .logo {position:absolute; left:0; top:12px}
	.footer_info p {line-height:22px; font-size:13px; color:#3c3c3c}
	.footer_info p.copyright {color:#b0b0b0}
	.footer_info p > em {font-size:1em; color:#3c3c3c}
	.footer_family_site {z-index:1; position:absolute; right:0; top:0; bottom:-1px; width:160px; border:1px solid transparent; cursor:pointer; -webkit-transition:.3s; transition:.3s}
	.footer_family_site .sel_tit {padding:12px 15px; background:#f8f8f8}
	.footer_family_site .sel_tit span {font-size:13px; color:#7c7d7d}
	.footer_family_site .sel_tit var {position:absolute; right:15px; top:50%; width:12px; height:2px; margin-top:-1px; background:#2497cb}
	.footer_family_site .sel_tit var:after {position:absolute; left:0; top:0; width:100%; height:100%; background:#2497cb; content:''; -webkit-transition:.3s; transition:.3s}
	.footer_family_site .sel_list {position:absolute; bottom:100%; left:-1px; right:-1px; height:0; border:1px solid #cbcbcb; border-bottom:0; background:#f8f8f8; opacity:0; overflow:hidden; transition:opacity .3s}
	.footer_family_site .sel_list a {display:block; padding:6px 15px}
	.footer_family_site .sel_list a.last {padding-bottom:10px}
	.footer_family_site .sel_list a span {font-size:13px; color:#7c7d7d}
	.footer_family_site.open {border:1px solid #cbcbcb;}
	.footer_family_site.open .sel_list {height:auto; opacity:1}
	.footer_family_site.open .sel_tit var:after {transform:rotate(90deg)}

/*QUICK*/
#sideQuick {position:fixed; z-index:5; bottom:30%; right:3%}
#sideQuick a {display:block; width:95px; height:90px; padding-top:20px; text-align:center; border-radius:7px; background:#ddecff; box-shadow:5px 5px 5px 0px rgba(0,0,0,.1)}
#sideQuick a img {width:28px}
#sideQuick a em {display:block; margin:5px 0 0; font-size:14px; color:#134c8d}
#sideQuick a span {display:block; line-height:1.1; font-size:16px; color:#134c8d}


@media screen and (max-width:1420px){ 
	/*HEADER*/
	#header .mb_util {right:260px}
	#header .line_right {margin-right:40%; }
	#header .menu_container .inner {text-align:right}
	#header .menu {display:inline-block}
	.hd_sch_wr {right:0; top:3px; bottom:auto; border:0; border-radius:0; box-shadow:none}
	.hd_sch_wr:after {position:absolute; top:50%; width:1px; height:13px; margin-top:-6.5px; background:#9e9e9e; content:''}
}

@media screen and (max-width:1200px){
	#header dl.sub_menu {padding:0 20px}
}

@media screen and (max-width:1145px){
	/*HEADER*/
	#header dl.sub_menu {padding:0 10px}
	#header .menu-item01-4 .sub_menu {padding-right:25px}
	#header .menu-item02 .sub_menu {padding:0 25px}
}

@media screen and (min-width:1025px){
	/*M-MENU*/
	.m_menu_container {display:none !important;}
}

@media screen and (max-width:1024px){ 
	/*HEADER*/
	#header.menuopen {position:fixed}
	#header .line_left {top:0; right:0; width:100%; height:.87em; background:url('/img/m/header_line_bg3.png'); background-size:auto 100%; border:0}
	#header .line_right {top:0; width:10%; height:100%; background:url('/img/m/header_line_bg2.png'); background-size:auto 100%; border:0 }
	#header .hd_inner {width:90%; height:3.625em; background:url('/img/m/header_line_bg.png') no-repeat; background-size:auto 100% }
	#header .logo {top:.8em}
	#header .logo img {width:8.1em}
	#header .mb_util {display:none}
	#header .menu_container {display:none}
	.hd_sch_wr {display:none}

	/*M-MENU*/
	.m_menubtn {display:block; position:absolute; top:1.6em; right:0; width:1.83em; height:1.23em}
	.m_menubtn > span {position:absolute; width:100%; height:.1em; background:#fff; transition:.3s}
	.m_menubtn > span.line1 {top:0}
	.m_menubtn > span.line2 {top:50%; margin-top:-0.05em}
	.m_menubtn > span.line3 {top:100%; margin-top:-0.1em}
	.m_menubtn.btn_x > span {background:#272727}
	.m_menubtn.btn_x > span.line1 {top:50%; margin-top:-0.05em; transform:rotate(45deg)}
	.m_menubtn.btn_x > span.line2 {width:0}
	.m_menubtn.btn_x > span.line3 {top:50%; margin-top:-0.05em; transform:rotate(-45deg)}
	.m_menu_container {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff}
	.m_menu_inner {padding:6.25em 5% 0}
	.m_mb_util {display:table; width:100%}
	.m_mb_util li {display:table-cell; width:50%; border:1px solid #080808; text-align:center}
	.m_mb_util li a {display:block; padding:1.2em 0; font-size:.83em; color:#313131; font-weight:bold}
	.m_menu > li {border-bottom:1px dashed #b5b5b5}
	.m_menu > li > a {position:relative; display:block; padding:1.15em 0}
	.m_menu > li > a > span {font-size:1.13em; color:#2f2f2f; font-weight:bold}
	.m_menu > li > a:after {position:absolute; right:0; top:50%; width:.82em; height:.82em; margin-top:-.75em; border:.15em solid #2f2f2f; border-top:0; border-left:0; transform:rotate(45deg); content:''; transition:.3s}
	.m_menu > li.active > a:after {margin-top:-.25em; border-color:#c63121; transform:rotate(225deg)}
	.m_sub_menu {display:none}
	.m_sub_menu.depth1 {padding-bottom:1em}
	.m_sub_menu.depth1 > li {margin-top:.3em}
	.m_sub_menu.depth1 > li:first-child {margin-top:0}
	.m_sub_menu.depth1 > li > a {position:relative; display:block}
	.m_sub_menu.depth1 > li > a:before {display:inline-block; width:.3em; height:.3em; margin:0 .5em; background:#c63121; vertical-align:middle; content:''}
	.m_sub_menu.depth1 > li > a > span {font-size:.88em; color:#2f2f2f; font-weight:bold; vertical-align:middle}
	.m_sub_menu.depth1 > li > a > var {position:absolute; right:0; top:50%; width:.92em; height:.1em; margin-top:-.05em; background:#2f2f2f}
	.m_sub_menu.depth1 > li > a > var:after {position:absolute; right:0; top:0; width:100%; height:100%; background:#2f2f2f; content:''; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s; transition:.3s}
	.m_sub_menu.depth1 > li.active > a > var {background:#c63121}
	.m_sub_menu.depth1 > li.active > a > var:after {background:#c63121; -webkit-transform:rotate(0deg); transform:rotate(0deg)}
	.m_sub_menu.depth1 > li.more > a:before {background:#008ae2}
	.m_sub_menu.depth1 > li.more > a > span {color:#008ae2}
	.m_sub_menu.depth1 > li.active > a:before {background:#c63121}
	.m_sub_menu.depth1 > li.active > a > span {color:#c63121}
	.m_sub_menu.depth2 {margin:0 0 .5em}
	.m_sub_menu.depth1 .m_sub_menu.depth2 {margin-top:.3em}
	.m_sub_menu.depth2 > li > a {display:block; line-height:1.8; padding-left:2.2em; font-size:.88em; color:#878787; font-weight:bold}

	/*FOOTER*/
	#footer .inner {width:100%}
	.footer_menu {padding:1em 0; text-align:center}
	.footer_menu li a {padding:0 .7em; font-size:.83em}
	.footer_menu li a:after {height:1em; margin-top:-.5em}
	.footer_info {padding:2.73em 0 1.4em 0; text-align:center}
	.footer_info .logo {position:relative; left:0; top:0; width:12.3em}
	.footer_info p {line-height:1.5; margin-top:1.5em; font-size:.7em}
	.footer_info p > em {display:block; height:0; overflow:hidden}
	.footer_info p.copyright {margin-top:1em}
	.footer_family_site {position:relative; height:2.5em; width:11.3em; margin:0 auto -1.25em; border:1px solid #cbcbcb}
	.footer_family_site .sel_tit {padding:.4em 1em; text-align:center}
	.footer_family_site .sel_tit span {font-size:.88em; color:#404040}
	.footer_family_site .sel_tit var {display:inline-block; position:relative; right:0; top:-1px; width:.6em; height:.1em; margin-top:0; margin-left:.7em; vertical-align:middle}
	.footer_family_site .sel_list a {padding:.2em 1em}
	.footer_family_site .sel_list a.last {padding-bottom:.5em}
	.footer_family_site .sel_list a span {font-size:.85em}

	
}