@charset "utf-8";

#t_Banner {width:0; height:0;}
#mpl_topbanner {position:relative; width:100%; height:100px; z-index:98; margin:0 auto;}
#mpl_topbanner .mpl_topbanner_inner { height:100px; overflow:hidden;}
#mpl_topbanner .mpl_topbanner_inner ul li a { display:block; }

#mpl_topbanner .t_Bacont { width:100%; height:100px; margin:0 auto;}
#mpl_topbanner .t_Bacont ul { position:relative; }
#mpl_topbanner .t_Bacont ul li { position:relative; width:100%; height:100px; }
#mpl_topbanner .t_Bacont ul li a { display:block; width:100%; height:100px; text-align:center;}
#mpl_topbanner .t_Bacont ul li img {display:none;}

#mpl_topbanner .toggle_btn { position:relative; max-width:1200px; margin:0 auto; z-index:1;}
#mpl_topbanner .toggle_btn ul li { position:absolute; top:30px; right:-80px; width:30px; height:30px; line-height:30px; text-align:center; color:#000; cursor:pointer; }
#mpl_topbanner .toggle_btn .toggle_btn_up { top:28px; background:url(/images/btn/roll_top.png) no-repeat; }
#mpl_topbanner .toggle_btn .toggle_btn_down { top:50px; background:url(/images/btn/roll_bot.png) no-repeat;}

#mpl_topbanner .t_Babtn {position:absolute; width:55px; height:28px; right:1%;  bottom:-40px; cursor:pointer;}
#mpl_topbanner .t_Babtn#mpl_topBanner_btn_open{display:none;}

/*#header { position:fixed; width:100%; height:80px; margin:0 auto; background: rgba(255, 255, 255, 1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#92ffffff,endColorstr=#92ffffff); border-bottom:1px solid #dcdcdc;}
#header:after {clear:both; display:block; content:"";}
#header .inner { position:relative; clear:both; max-width:1200px; margin:0 auto; top:0; height:80px; z-index:2; font-size:0;}
*/
@media screen and (max-width:1300px){
	#header .inner {padding:0 20px;}
}
#header .inner .logotop {float:left; width:265px; height:80px; line-height:80px; margin-left:10px;}
#header .inner .logotop a {color:#000; font-size:40px; font-weight:bold;}
#header .inner .logotop a img {margin-top:8px; max-height:70px;}

#wrap {clear:both; width:100%; margin:0 auto; height: 100%; min-height:630px; }
#wrap .quickArea {position:relative; max-width:1200px; margin:0 auto; z-index:101;}
#wrap .quickArea .quick {position:absolute; right:-125px; top:50px;}
#wrap .quickArea .quick ul li {clear:both; margin-bottom:5px;}

#winTopbtn {position:fixed; bottom:10px; right:10px; z-index:100001; cursor:pointer;}
#winTopbtn img {max-width:60px;}

@media screen and (max-width:800px){
	#winTopbtn img {max-width:50px;}
}
@media screen and (max-width:560px){
	#winTopbtn img {max-width:40px;}
}
/* 추가 작업 css */
.headerSpace { width: 100%; height: 1px;}

#header { position: relative; width: 100%; height: auto; background: none; border: 0; }
#header .inner { max-width: 1220px; height: 100%; margin: 0 auto; font-size:0;}
#header .inner:after { content:""; display:block; clear:both; }

#header .headerTop { position: relative; z-index:3; width: 100%; height: 40px; text-align: right; }
#header .headerTop .left_inner {float:left; width:100%; text-align:left; margin-top:10px; }
#header .headerTop .left_inner>a, 
#header .headerTop .left_inner>.btn_familySite {
	/* border-right: 1px solid #dbdbdd; */
    padding-left: 10px;
    font-size: 14px;
    display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
#header .headerTop .left_inner>a:hover {color: #0097b1;}
#header .headerTop .left_inner>a:after {
	content: '';
    display: inline-block;
    width: 1px;
    height: 13px;
    background-color: #dbdbdd;
    margin-left: 10px;
    vertical-align: middle;
}
#header .headerTop .left_inner>a:first-of-type {padding-left: 0;}
#header .headerTop .left_inner>.familySite:after {content: none;}

.search {
	display: block;
    width: 270px;
	height: 100%;
	float: right;
	background-color: #f5f5f5;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}
.search input {
    width: calc(100% - 40px);
    border: 0 none;
    box-sizing: border-box;
    font-weight: 300;
	font-size: 15px;
	background-color: transparent;
	line-height: 40px;
	padding: 0 15px;
}
.search input::placeholder {
	font-weight: 400;
	color: #333333;
}
.search button {
	width: 30px;
	height: 40px;
    margin-right: 5px;
    border: 0 none;
    font-size: 0;
    vertical-align: middle;
    background: url(/images/common/ico_search.png) no-repeat center center;
}


@media screen and (max-width:1200px){
	#header .headerTop .right_inner > a {padding:0 5px}
}
@media screen and (max-width:1200px){
	#header .headerTop .left_inner{width:50%;}
	#header .headerTop .right_inner {width:50%;}
	#header .headerTop .right_inner > a {display:none;}
	#header .headerTop .right_inner .familySite {display:block;}
	#header .headerTop .left_inner a {font-size:13px;}

	#container {min-height:auto;}
}
@media screen and (max-width:1100px){
	#header .headerTop{display: none;}
}
@media screen and (max-width:880px){
	#header .headerTop .left_inner{width:60%;}
	#header .headerTop .right_inner {width:40%;}
	.logout {display:none;}
	.mobileViewLi {display:none;}
}
@media screen and (max-width:800px){
	colgroup col {width:auto !important;}
}
@media screen and (max-width:560px){
	/*#header .headerTop .left_inner > a i {display:none;}*/
	#header .headerTop .left_inner {width:100%;}
	#header .headerTop .right_inner .familySite {display:none;}
}
@media screen and (max-width:400px){
	#header .headerTop .left_inner a .btn {font-size:11px;}
}
#header .headerLogo {
	position: absolute;
	width: 100%; 
	z-index:2;
	background-color: rgba(0, 0, 0, 0.10);
}

/*서브 헤더*/
.subPage #header .headerLogo{position: inherit; border-top:1px solid #ececec; background-color: #fff;}
.subPage #header .headerLogo .gnb a{color: #343434;}
.subPage #header .headerLogo .gnb a:hover {color: #0097b1;}

.subPage .cl-effect-3 a:after{background-color: #0097b1;}

.subConVenPage #header .headerLogo{ border-bottom:1px solid #ececec; background-color: #fff; /*background:url('/images/convention/hysystem_top.jpg') no-repeat; background-position:center 0;*/}
#header .headerLogo.nowFixed,
.subPage #header .headerLogo.nowFixed{position: fixed;  top:0; background: rgba(255, 255, 255, 1); border-bottom:1px solid #ececec; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 5px;}

#header .headerLogo .logo { float: left; padding:10px 0 0; }
#header .headerLogo.nowFixed .logo {padding-top:5px;}

#header .headerLogo .logo .fixed {display:none;}
#header .headerLogo .inner {}
#header .headerLogo .gnb { float: right; /*padding: 23px 0 23px;*/}
#header .headerLogo .gnb a { display: inline-block; margin: 0 20px 0 35px; padding:35px 0; font-size: 20px; font-weight:600; text-align: center; color: #fff; -khtml-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
#header .headerLogo .gnb a:hover { color: #fff;}
#header .headerLogo .gnb .nav>li {position: relative;}
#header .headerLogo .gnb .nav>li.allmenu>a img {vertical-align: middle;margin-left: 10px;}
#header .headerLogo .gnb .nav>li.allmenu>a:before {
    content: '';
	position: absolute;
	top: 43px;
	right: 0;
	width: 19px;
	height: 15px;
	background-image: url(/images/common/ico_all_list2_w.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#header .headerLogo.nowFixed .nav>li.allmenu>a:before{top:40px; background-image: url(/images/common/ico_all_list2.png);}
.subPage #header .headerLogo .gnb .nav>li.allmenu>a:before{ background-image: url(/images/common/ico_all_list2.png);}

#header .headerLogo .gnb .nav>li.allmenu>a {padding-right: 29px !important;}
#header .headerLogo .gnb .depth2 {
	display: none;
	position: absolute;
	top: 99px;
	left: 20px;
	width: 120%;
	min-width: 180px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
}
#header .headerLogo .gnb .depth2.on {display: block;}
#header .headerLogo .gnb .depth2>li{display: block; border-bottom: 1px solid #ededed;}
#header .headerLogo .gnb .depth2>li>a{
	color: #333333;
    font-size: 17px;
    font-weight: 500;
    display: block;
    margin: 0;
    padding: 10px 30px;
    text-align: left;
}
#header .headerLogo .gnb .depth2>li>a::after {content: none;}
#header .headerLogo .gnb .depth2>li>a:hover {background-color: #0097b1; color: #fff;}

#header .headerLogo.nowFixed .gnb .depth2{top:91px;}

#header .headerLogo .gnb .depth3>li{display: block; border-bottom: 1px solid #fff; background-color: #e3f2f7;}
#header .headerLogo .gnb .depth3>li:last-of-type{border-bottom: 0 none;}
#header .headerLogo .gnb .depth3>li>a{display: block; margin: 0; padding: 10px 30px 10px 40px; color: #5b5959; font-size: 16px; text-align: left;}
#header .headerLogo .gnb .depth3>li>a::after {content: none;}
#header .headerLogo .gnb .depth3>li>a:hover {background-color: #0097b1; color: #fff;}




.receiptPage #header .headerLogo .gnb a:hover { color: #f2f2f2;}

.receiptPage #header .headerLogo.nowFixed .gnb a:hover {color: #fff;}
#header .headerLogo .logo img {max-height:100px;}
#header .headerLogo.nowFixed .logo img {margin-top:5px; max-height:70px;}
/* #header .headerLogo.nowFixed .gnb,
.subPage #header .headerLogo.nowFixed .gnb {padding: 20px 0 15px;} */

#header .headerLogo.nowFixed .logo .nonefixed {display:none;}
#header .headerLogo.nowFixed .logo .fixed {display:block;}

.subPage #header .headerLogo .logo .fixed {display: block;}
.subPage #header .headerLogo .logo .nonefixed {display: none;}


.receiptPage #header .headerLogo .gnb a{color: #fff;}
.receiptPage #header .headerLogo .logo .nonefixed {display:none;}
.receiptPage #header .headerLogo .logo .fixed {display:block;}

.receiptPage #header .headerLogo.nowFixed .logo .nonefixed {display:block;}
.receiptPage #header .headerLogo.nowFixed .logo .fixed {display:none;}

#header .headerLogo.nowFixed .gnb > .nav > li > a,
.subPage #header .headerLogo.nowFixed .gnb > .nav > li > a{padding:32px 0 29px; /*font-size:18px;*/ color: #333;}


#header .inner .gnb ul li { display: inline-block; box-sizing: border-box;}

#header .inner .headerCategoryAll {display:none; position: relative; z-index: 100; float: right;}
#header .inner .headerCategoryAll .asideBtn {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 26px; 
	font-size: 0; letter-spacing: 0.06em; font-weight: 600; color: #000; vertical-align: middle; 
	background: url("/images/common/ico_all_list.png") no-repeat center center;
	background-size: 30px;
	/* background-size: contain; */
	cursor:pointer;
}
/* #header .inner .headerCategoryAll .asideBtn:hover { color: #000; background-color:#eaeaea; border:3px solid #ccc; } */

#header .headerLogo.nowFixed .headerCategoryAll {padding: 25px 10px 25px 0;}

@media screen and (max-width:1100px){
	#header {
		z-index: 9999;
		position: sticky;
		top: 0;
		left: 0;
		height: 61px;
		border-bottom: 1px solid #e7e7e7;
		box-sizing: border-box;
		background: #fff;
	}
	#header .inner .gnb {display:none;}
	
	#header .headerLogo {background: #fff;}
	#header .headerLogo .logo {padding-top:7px;}
	#header .headerLogo .logo .fixed {display: block;}
	#header .headerLogo .logo .nonefixed {display: none;}
	#header .headerLogo .logo img {height: 45px;}
	#header .headerLogo .inner {height: auto;}
	
	#header .inner .headerCategoryAll {display:block;}

	#header .headerLogo.nowFixed .inner {height:auto;}
	
	.subPage #header .headerLogo{border-top:0 none;}
	

}

#header .headerLogo .allCategoryContent { display: none; position: absolute; width: 100%; border-top:1px solid #eaeaea; background: rgba(255,255,255,1);/* opacity: 0; visibility: hidden; transition:0.2s;*/}
#header .headerLogo .allCategoryContent .inner {padding-left:450px;}
#header .headerLogo .allCategoryContent.nowShow { opacity: 1; visibility: visible;}
#header .headerLogo .allCategoryContent .categoryDepth1 { display: table-cell; height: 100%; padding: 30px 20px 10px 20px; min-width:200px; border-left: 1px solid #ddd; vertical-align: top; }
#header .headerLogo .allCategoryContent .categoryDepth1:nth-child(1) {padding: 30px 0 10px 30px;}
#header .headerLogo .allCategoryContent .categoryDepth1:nth-child(2) {padding: 30px 20px 10px 30px;}
#header .headerLogo .allCategoryContent .categoryDepth1:nth-child(4) {padding: 30px 0 10px 30px;}
#header .headerLogo .allCategoryContent .categoryDepth1.onHover {background-color:#f9f9f9;}
.receiptPage #header .headerLogo .allCategoryContent .categoryDepth1.onHover {background-color:#f2f2f2;}
#header .headerLogo .allCategoryContent .categoryDepth1:first-child { border: 0;}
@media screen and (max-width:1480px){
	#header .headerLogo .allCategoryContent .inner { padding-left:350px;}
}
@media screen and (max-width:1400px){
	#header .headerLogo .allCategoryContent .inner { padding-left:300px;}
}
@media screen and (max-width:1280px){
	#header .headerLogo .allCategoryContent .inner { padding-left:240px;}
}
@media screen and (max-width:1230px){
	#header .headerLogo .allCategoryContent .inner { padding-left:200px;}
}
@media screen and (max-width:1200px){
	#header .headerLogo .allCategoryContent .inner { padding-left:160px;}
}
@media screen and (max-width:1160px){
	#header .headerLogo .allCategoryContent .inner { padding-left:120px;}
}
#header .headerLogo .allCategoryContent .categoryDepth1 .glyphicon {opacity:0; visibility: hidden;}
#header .headerLogo .allCategoryContent .categoryDepth1 h1.title { width: 100%; margin:0 0 20px 21px; font-size:16px; color:#000; cursor: default; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul { margin-bottom: 30px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li { margin:0 0 8px 0; font-size:15px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li:after{clear:both; display:block; content:"";}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.title {margin:0 0 8px 0; font-size:15px; color:#000; font-weight: 700; cursor: default; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.stitle  {margin:8px 0 8px 22px; color:#0097b1; font-weight: 700; cursor: default;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.innerMenu {margin:0 0 8px 12px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.innerMenu a {font-size:14px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li a { font-size:15px; color:#555; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li a:hover { color:#0097b1; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li a:hover .glyphicon {opacity:1; visibility: visible;}

#header .headerLogo .allCategoryContent .allCategoryBottom { background: #f9f9f9; border:1px solid #ddd; border-width:1px 0;}
#header .headerLogo .allCategoryContent .allCategoryBottom .inner { position: relative; padding-left:50px; }
#header .headerLogo .allCategoryContent .allCategoryBottom .allCategoryBottomLink {float:right; display: block; font-size:18px; width: 370px; line-height: 55px; background: #F8931D url("/images/navi_linkbtn.png") no-repeat 290px center; text-indent: 20px; color:#fff;}

/* 전체메뉴 */
div.allmenu{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 30px 35px;
    width: 80%;
    max-width: 1220px;
    border-radius: 15px;
    box-sizing: border-box;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 10000;
}
div.allmenu.on{display: block;}
div.allmenu .menuTop {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #a9a9a9;}
div.allmenu .menuTop .title {font-size: 20px; font-weight: 800;}
div.allmenu .menuTop .btn_close{float: right; width:17px; height: 17px; font-size: 0; background:url(/images/common/ico_close.png)no-repeat transparent center center; transition: all 0.5s;}
div.allmenu .menuTop .btn_close:hover {transform: rotate(90deg);}
div.allmenu .nav {display: flex; width: 100%; font-size:16px;}
div.allmenu .nav a:before {content: '·'; margin-right: 5px;}
div.allmenu .nav > li {flex: 1; margin: 0 10px;}
div.allmenu .nav > li > span {display: block; padding: 10px; font-weight: 800; text-align: center; box-sizing: border-box; background-color: #f5f5f5;}
div.allmenu .nav .depth2 {margin-top: 15px;}
div.allmenu .nav .depth2 li {line-height: 2.5;}
div.allmenu .nav .depth3 {padding-left: 16px; font-size: 15px;}
div.allmenu .nav .depth3 li {line-height: 2;}


/* .subPage #container, */
/* .subConVenPage #container {padding-top:142px;} */
.mTop162 {padding-top:142px;}

@media screen and (max-width:1240px){
	/* .subPage #container,
	.subConVenPage #container {padding-top:130px;} */
	.subPage #container{padding-top: 0 !important;}
	.subConVenPage #container {padding-top:130px;}
	.mTop162 {padding-top:130px;}
}
@media screen and (max-width:1100px){
	.subPage #container{padding-top: 0 !important;}
}

#aside { position: fixed; top: 0; right: -100%; padding: 0 20px; width: 100%; height: 100%; z-index: 10000; background: #fff; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; box-sizing: border-box;}
#asideDim { display: none;}
#aside.nowShow { display: block; right: 0; }
#aside.nowShow + #asideDim { display: block; position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; z-index: 1001; cursor:pointer; }

#aside .inner { position: relative; display: flex; flex-direction: column; width: 100%; height: calc(100% - 60px); box-sizing:border-box;}
#aside .asideClose { position: absolute; top: 0; right: 20px; width: 60px; height: 60px; background: url("/images/btn/btn_close.png") no-repeat center center;}
#aside.nowShow .asideClose { display: block; }
#aside .asideTop{padding:15px 0; height: 60px; box-sizing: border-box;}
#aside .asideTop .title{font-size:20px; font-weight: 500;}
#aside .asideLogo { padding: 15px 10px;}

#aside .asideLogin { width: 100%; padding: 20px 0; border-bottom:1px solid #ddd; }
#aside .asideLogin ul{display: flex; flex-wrap: wrap; margin-left: -2%;}
#aside .asideLogin ul:after { content:""; display:block; clear:both; }
#aside .asideLogin ul li { flex:auto; margin-left:2%; margin-bottom: 2%; /*max-width: 50%;*/}
#aside .asideLogin ul li a { display: block; padding:10px 20px; min-height:40px; line-height: 1.3; text-align: center; border:1px solid #eaeaea; border-radius: 5px; color:#000; box-sizing: border-box;}

#aside .asideCategory { width: 100%; padding:20px 0; box-sizing:border-box; }
#aside .asideCategory .title { padding: 0 0 10px 0; font-size: 18px; font-weight: 900; color:#000;}
#aside .asideCategory .gnbMenuBox .menuCategory { width: 100%; }
#aside .asideCategory .gnbMenuBox .menuCategory > li { position: relative; }
#aside .asideCategory .gnbMenuBox .menuCategory > li > a { display: block; padding: 12px 41px 12px 4px; outline: none; font-size:14px; color:#000;}
/* #aside .asideCategory .gnbMenuBox .menuCategory > li > .categoryMore { position: absolute; top: 0; right: 0; width: 41px; height: 42px; background: url("/images/aside/all_pluse_b.png") no-repeat center;}
#aside .asideCategory .gnbMenuBox .menuCategory > li.nowShow > .categoryMore { background: url("/images/aside/all_mus_b.png") no-repeat center;} */

#aside .asideCategory .gnbMenuBox .menuCategory > li > .categoryMore{
	width:100%;
	padding: 0 20px;
	height: 50px;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	background-image: url(/images/btn/topbtn_open_b.png);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-color: transparent;
	box-sizing: border-box;
}
#aside .asideCategory .gnbMenuBox .menuCategory > li.nowShow > .categoryMore{background-image: url(/images/btn/topbtn_close_b.png);}

#aside .asideCategory .gnbMenuBox .menuCategory .subCategory { display: none; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul { }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li { position:relative; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li a { display:block; padding: 10px 20px; color:#000; text-align: left; white-space: nowrap; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li.hasChild > .categoryMore { position: absolute; top: 0; right: 3px; width: 35px; height: 35px; background: url("/images/aside/all_pluse_s.png") no-repeat center;}
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li.hasChild.nowShow > .categoryMore { background: url("/images/aside/all_mus.png") no-repeat center;}

#aside .asideCategory .gnbMenuBox .menuCategory .depth2{padding:0 20px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth3{padding:0 20px; background-color: #ecf6f8;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth3 a{font-size: 15px;}
/* #aside .asideCategory .gnbMenuBox .menuCategory .depth1 { padding-bottom: 15px; padding-top:10px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth1 > ul > li > a { padding:2px 38px 2px 15px; font-size:13px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth2 > ul > li > a { padding:2px 38px 2px 30px; font-size:13px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth3 > ul > li > a { padding:2px 38px 2px 45px; font-size:13px; color: #aaa; } */



#footer_group { width:100%; border-top: 1px solid #e5e5e5;}
.subPage #footer_group {margin-top:50px;}
#footer_group .footer { position: relative; max-width: 1200px; padding: 30px 0 40px; margin:0 auto; }
#footer_group .footer:after {clear:both; display:block; content:"";}
#footer_group .footer .footerInfo { font-size:15px; color: #878787; line-height:150%; }
#footer_group .footer .footerBanner {float:right; margin-top: 0; text-align:right;}
/* #footer_group .footer .footerBanner {display: flex; flex-wrap: wrap; width: 500px; align-items: center; text-align: center;} */
/* #footer_group .footer .footerBanner > div {width: 33.333%;} */
#footer_group .footer .footerBanner p {display:block; margin-top:15px; }
#footer_group .footer .footerBanner img { margin-left: 15px; max-height:40px; vertical-align: middle;}
#footer_group .footer .footerBanner > a:first-child {}
#footer_group .footer .footerLogo { float:left;}
#footer_group .footer .footerLogo:after {clear:both; display:block; content:"";}
#footer_group .footer .footerLogo > a{float:left;}
#footer_group .footer .footerLogo > .bottomArea {float:left; margin:0 0 0 20px;}
#footer_group .footer .footerLogo > .bottomArea ul {clear:both;}
#footer_group .footer .footerLogo > .bottomArea ul li {float:left; padding-bottom:10px; line-height:22px; font-size:14px;}
#footer_group .footer .footerLogo > .bottomArea ul li a {font-size:14px; font-weight:700; margin-right:10px; color:#000;}
#footer_group .footer .footerLogo > .bottomArea ul li a.point {color:#0097b1;}

@media screen and (max-width:1300px){
	#footer_group .footer { width:95%; }	
}

@media screen and (max-width:1100px){
	.subPage #footer_group {margin-top:30px;}
	#footer_group .footer{padding: 30px 20px 40px 20px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#footer_group .footer .footerBanner {float:none; text-align:left;}
	#footer_group .footer .footerBanner span {display:inline-block; margin:0;}
	#footer_group .footer .footerLogo {float:none; clear:both; text-align:left; margin-top:0;}
	#footer_group .footer .footerLogo > .bottomArea{margin:0;}
}
@media screen and (max-width:760px){
	#footer_group .footer .footerLogo > a {display:block; float:none;}
	#footer_group .footer .footerLogo > .bottomArea {display:block; float:none; margin:20px 10px 0;}
}
@media screen and (max-width:660px){
	/* .subPage #footer_group {margin-top:0;} */
	#footer_group .footer .footerBanner img{ max-height:25px; margin-bottom:10px;} 
	#footer_group .footer .footerLogo img { max-height:60px;}
}

@media screen and (max-width:460px){
	/* .subPage #footer_group {margin-top:0;} */
	#footer_group .footer{padding: 30px 10px 40px 10px; }
	#footer_group .footer .footerLogo img { max-height:50px;}
}

.PageNavi { clear:both; width:100%; text-align:center; }
.PageNavi img {margin:0 1px; vertical-align:middle; margin-bottom:2px;}
.PageNavi a { display:inline-block; width:36px; height:36px; line-height:36px; margin:0 2px; zoom:1; *display:inline; border-radius: 100%;}
.PageNavi .paging_num { color:#000; border:1px solid #ddd; background-color: #e6e6ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.PageNavi .paging_num:hover { background:#ddd;}
.PageNavi .now_page,
.PageNavi .now_page:hover{ background:#0097b1; color:#fff; border:1px solid #0097b1; }

.filebox {width:100%; margin:4px auto;}
.filebox::after {content:''; display:block; clear:both;}
.filebox .fileupload {position:relative; float:left; width:100%; padding:15px 0;}
.filebox .fileupload .fileswrap {height:50px; overflow-y:auto; padding:20px 40px; border-radius:3px; border:1px solid #000; background-color:#f9f9f9;  font-size:14px; color:#000;}
.filebox .fileupload .fileswrap a {color:#000; text-decoration:none;}
.filebox .fileupload .input_wrap {clear:both; padding-top:20px; }
.filebox .fileupload .input_wrap > span {float:left; margin-right:5px;}
.filebox .fileupload .input_wrap > span input {padding:0;}
.filebox .fileupload .fileswrap > div {margin-bottom:5px;}
.filesinput_area{position:relative; top:0; left:0; width:0px; height:0px; z-index:10; overflow: hidden;}
.fileupload_area{position:relative; cursor:pointer; width:210px; height:57px; border:0; outline:0; opacity:0;}
.filebox .totaldata {position:absolute; bottom:80px; right:30px; font-weight:bold; color:#000;  text-align: right;}

.filebox input[type="file"] {
	position: absolute;
	width: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.filebox input[type="file"].on{
	position: static;
	width:auto;
	display: inline-block;
	margin: 6px 0;
	color: #999;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	font-size:13px;
}
.filebox label {
	display: inline-block;
	padding: 6px 20px;
	color: #999;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	font-size:13px;
}

.filebox .upload-name {
	display: inline-block;
	height: 30px;
	font-size:13px; 
	padding: 0 10px;
	width:75%;
	color: #999;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-radius: 5px;
}
@media screen and (max-width:800px){
	.filebox .upload-name { width:50%;}
}
.filebox .tit {margin:5px 0; }
.filebox .confirm_icon {display: inline-block; margin-left:10px; }
.filebox .confirm_icon img {height:20px; vertical-align:middle;}

.familySite {
    display: inline-block;
    position: relative;
    margin: 0;
    padding-left: 10px;
	vertical-align: middle;
}
.familySite .btn_familySite {
    display: block;
    position: relative;
	width: 90px;
    height: 20px;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    text-align: left;
	background: url(/images/arrow_bottom2.png) transparent no-repeat 90% center;
	outline:none;
}
.familySite .btn_familySite:hover{color:#0097b1;}

.familySite .familySite_layer {	
    display: none;
    position: absolute;
    top: 35px;
    width: 185px;
	right:0;
    border: 1px solid #fff;
	border-width:1px 1px 0 0;
    background-color: #fff;
	border-radius:10px;
    z-index: 100;
}
.familySite .familySite_layer li {	margin-bottom: 10px;}
.familySite .familySite_layer :last-child{margin-bottom: 0px;}
.familySite .familySite_layer li a {
    display: block !important;
    font-size: 13px !important;
    padding: 5px 20px !important;
}

@media screen and (max-width:400px){
	.btn_familySite {font-size: 11px; width: 135px;}
	.familySite .familySite_layer {width: 135px;}
	.familySite .familySite_layer li a {
		font-size: 11px !important;
	}
}


.privacy {clear:both; width:100%;}
.privacy ul li {clear:both; display:block; border-bottom:1px solid #dcdcdc; padding:12px 0;}
.privacy ul li.linkContent {padding-left:10px; cursor:pointer;}
.privacy ul li.linkContent:hover, 
.privacy ul li.linkContent.active{background-color:#f1f1f1;}
.privacy ul li b{color:#000; font-size:14px;}
.privacy ul li span {margin-right:20px;}
.privacy ul li.display {display:none;}
.privacy ul li.contentTxt {padding-bottom:50px;}