@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:auto; margin:0 auto; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0; z-index: 1000; }
#header:hover { background: #fff; }
#header:after {clear:both; display:block; content:"";}
#header .inner { position:relative; clear:both; max-width:1240px; margin:0 auto; top:0; height:auto; z-index:2;}
#header .inner:after { content:""; display:block; clear:both; }
.headerSpace { width: 100%; height: 1px; background: #000;}

@media screen and (max-width:1200px){
	#header .inner {padding:0 10px;}
}
#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; min-height:630px; height: 100%; }
#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;}

.winTopbtnContainer {position:fixed; top:45%; right:15px; z-index:1001; text-align: center; }
@media screen and (max-width:1100px){
	.winTopbtnContainer {top:auto;bottom:20px;}
	.subPage .winTopbtnContainer {/*top:auto;bottom:130px;*/}
}
#winTopbtn { cursor:pointer;}
#winTopbtn img {max-width:64px;}

#winTopbtn2 { margin-bottom: 12px; cursor:pointer;}
#winTopbtn2 img {max-width:102px;}

@media screen and (max-width:800px){
	#winTopbtn img {max-width:50px;}
    #winTopbtn2 img {max-width:80px;}
}
@media screen and (max-width:560px){
	#winTopbtn img {max-width:40px;}
	#winTopbtn2 {margin-bottom:5px;}
    #winTopbtn2 img {max-width:65px; }
}


/* 추가 작업 css */

#header .headerTop { position: relative; z-index:3; width: 100%; height: 52px; background: #2570eb url("/images/top_navi_line.png") no-repeat bottom center; text-align: right; }
#header .headerTop .left_inner {float:left; width:25%; text-align:left; margin-top:10px; }
#header .headerTop .left_inner a {width:150px; height: 30px; line-height:30px; color: #fff;  }
#header .headerTop .right_inner {float:right; width:75%; margin-top:14px;}
#header .headerTop .right_inner > a { padding: 0 9px; color: #fff; font-size: 12px; border-left: 1px solid #fff; }
#header .headerTop .right_inner > a:hover { text-decoration: underline; }
#header .headerTop .right_inner > a:first-child { border: 0;}
#header .headerTop .right_inner .familySite {display:none;}
@media screen and (max-width:1180px){
	#header .headerTop .right_inner > a {padding:0 7px}
}
@media screen and (max-width:1180px){
	#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:880px){
	#header .headerTop .left_inner{width:60%;}
	#header .headerTop .right_inner {width:40%;}
	.logout {display:none;}
	.mobileViewLi {display:none;}
}
@media screen and (max-width:580px){
	#header .headerTop .left_inner > a i {display:none;}
}
@media screen and (max-width:400px){
	#header .headerTop .left_inner a .btn {font-size:11px;}
}
#header .headerLogo { clear:both; width: 100%; 
	-webkit-transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:2;
}

#header .headerLogo.nowFixed{position: fixed;  top:0; background: #fff; border-bottom:1px solid #ececec; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 5px;}
#header .headerLogo .logo { float: left; padding-top: 15px; }

#header .headerLogo .logo .fixed {display:none;}
#header .headerLogo .contactLink { float: right; padding-top: 16px; }
#header .headerLogo .contactLink a { display: inline-block; width: 143px; height: 35px; line-height: 35px; border: 2px solid #fff; border-radius:50px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; }
#header .headerLogo.nowFixed .contactLink a,
#header .headerLogo:hover .contactLink a { border: 2px solid #000; color: #000;}
#header .headerLogo .contactLink img { vertical-align: middle; padding: 0 5px 2px 0;}
#header .headerLogo .inner {}
#header .headerLogo .gnb { float: right; width: calc( 100% - 248px ); text-align: center; }
#header .headerLogo .gnb > ul > li > a { display: inline-block; margin: 0 18px; height: 71px; line-height: 71px; font-size: 18px; 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:hover .gnb a:hover { color: #B8322F;}
#header .headerLogo .gnb .receiptLink { }
#header .headerLogo .logo img {max-height:80px;}

#header .headerLogo img.displayNormal { display: inline; }
#header .headerLogo img.displayOver { display: none;}

#header .headerLogo.nowFixed img.displayNormal,
#header .headerLogo:hover img.displayNormal { display: none;}
#header .headerLogo.nowFixed img.displayOver,
#header .headerLogo:hover img.displayOver { display: inline;}

#header .headerLogo.nowFixed .logo img {}

#header.subPage2 .headerLogo .gnb a,
#header .headerLogo:hover .gnb a,
#header .headerLogo.nowFixed .gnb a{ color: #000; }

#header .inner .gnb ul { }
#header .inner .gnb > ul > li { display: inline-block; position:relative;}

#boardBlockTop {display:none; position:absolute; left:50%; top:70px; z-index:100; width:140px; margin-left: -60px; border:1px solid #eaeaea; background: rgba(255, 255, 255, 0.92); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#92ffffff,endColorstr=#92ffffff);}
#boardBlockTop ul {padding:8px 0 8px 10px;}
#boardBlockTop ul li {clear:both; display:block; height:26px; line-height:26px; text-align:left; cursor:pointer;}
#boardBlockTop ul li a {color:#777; font-size:14px;}
#boardBlockTop ul li:hover { color:#369bc7;  }

#boardlistTop {display:none; position:absolute; left:50%; top:70px; z-index:100; width:140px; margin-left: -60px; border:1px solid #eaeaea; background: rgba(255, 255, 255, 0.92); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#92ffffff,endColorstr=#92ffffff);}
#boardlistTop ul {padding:8px 0 8px 10px;}
#boardlistTop ul li {clear:both; display:block; height:26px; line-height:26px; text-align:left;  cursor:pointer;}
#boardlistTop ul li a {color:#777; font-size:14px;}
#boardlistTop ul li:hover { color:#369bc7;  }

#boardReceiptTop,#boardBlockTop,#boardlistTop
{
	z-index:100;
	position: relative;
	height: auto;
	padding: 10px 10px 10px 10px;
	background: #FFFFFF;
	border-radius: 5px;
	border: #eaeaea solid 1px;
	position: absolute;
	font-size: 16px;
	text-align: left;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px;
}
	
#boardReceiptTop:after,#boardBlockTop:after,#boardlistTop:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 16px 17.5px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -14.5px; 
	left: 49px; 
}
	
#boardReceiptTop:before,#boardBlockTop:before,#boardlistTop:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 16px 16px 17.5px;
	border-color: #eaeaea transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -16px;
	left: 49px;
}

#header .inner .headerCategoryAll {display:none; position: relative; z-index: 100; float: right; height: 65px; margin-left: 25px;  }
#header .inner .headerCategoryAll .asideBtn {display: block;  width: 33px; height: 30px; line-height: 30px; margin-top: 17px;
	font-size: 0; letter-spacing: 0.06em; font-weight: 600; color: #000; vertical-align: middle; cursor:pointer; background: url("/images/layout/ico_all_b.png") no-repeat center;
}

#header .headerLogo.nowFixed .headerCategoryAll {}

#header.subPage2 { background: #fff;}
#header.subPage2 .headerLogo img.displayNormal { display: none;}
#header.subPage2 .headerLogo img.displayOver { display: inline;}
#header.subPage2 .headerLogo .contactLink { padding-top: 13px; }
#header.subPage2 .headerLogo .contactLink a { border: 2px solid #000; color: #000;}

@media screen and (max-width:1100px){
    .subPage #header { background: #fff;}
    .subPage #header .headerLogo img.displayNormal { display: none;}
    .subPage #header .headerLogo img.displayOver { display: inline;}
	#header .headerLogo .contactLink {}
	#header .headerLogo .contactLink a {width:120px; height:30px; line-height:30px;}
    .subPage #header .headerLogo .contactLink a { border: 2px solid #000; color: #000;}

	.subPage #header .headerLogo.nowFixed .inner {height:auto;}
	#header .inner .gnb {display:none;}
	#header .inner .headerCategoryAll {display:block;}
}
@media screen and (max-width:560px){
	#header .inner .headerCategoryAll {margin-left: 15px;  }
}

#header .headerLogo .allCategoryContent { display: none; position: absolute; z-index:2; width: 100%; border-top:1px solid #eaeaea; background: rgba(255,255,255,1);/* opacity: 0; visibility: hidden; transition:0.2s;*/}
#header .headerLogo .allCategoryContent.nowShow { opacity: 1; visibility: visible;}
#header .headerLogo .allCategoryContent .categoryDepth1 { display: table-cell; height: 100%; min-width:150px; padding: 40px 25px 20px 25px; border-left: 1px solid #ddd; vertical-align: top; }
#header .headerLogo .allCategoryContent .categoryDepth1:first-child { border: 0; padding-left: 580px;}
@media screen and (max-width:1200px){
	#header .headerLogo .allCategoryContent .categoryDepth1:first-child{ padding-left: 520px;}
}
#header .headerLogo .allCategoryContent .categoryDepth1 h1.title { width: 100%; margin-bottom: 25px; font-size:16px; color:#333; cursor: default; }
#header .headerLogo .allCategoryContent .categoryDepth1 h1.title:hover { color:#0167B9; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul { margin-bottom: 30px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li { margin-bottom: 7px;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.title {font-size:15px; color:#333; font-weight: bold; cursor: default; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.title:hover { color:#0167B9; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li.stitle  {font-size:14px; color:#333; font-weight: bold; cursor: default;}
#header .headerLogo .allCategoryContent .categoryDepth1 ul li a { font-size:15px; color:#555; }
#header .headerLogo .allCategoryContent .categoryDepth1 ul li a:hover { color:#0167B9; }

#header .headerLogo .allCategoryContent .allCategoryBottom { background: #3E7CE1; }
#header .headerLogo .allCategoryContent .allCategoryBottom .inner { position: relative; }
#header .headerLogo .allCategoryContent .allCategoryBottom .allCategoryBottomLink {float:right; display: block; font-size:18px; width: 370px; line-height: 55px; background: #014D87 url("/images/navi_linkbtn.png") no-repeat 290px center; text-indent: 20px; color:#fff;}

#aside { position: fixed; top: 0; right: -280px; width: 280px; height: 100%; z-index: 1002; background: #fff; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
#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; width: 100%; height: 100%; padding: 0 20px 50px; box-sizing:border-box;  }
#aside .asideClose { width: 45px; height: 45px; background: url("/images/aside/q_close.png") no-repeat left center;}
#aside.nowShow .asideClose { display: block; float:right; padding:10px 0 0 0; }
#aside .asideLogo { padding: 15px 10px;}

#aside .asideLogin { width: 100%; margin-top: 20px; padding-bottom:20px; border-bottom:1px solid #ddd; }
#aside .asideLogin ul {  }
#aside .asideLogin ul:after { content:""; display:block; clear:both; }
#aside .asideLogin ul li { float: left; margin-right:3px;}
#aside .asideLogin ul li a { display: block; line-height: 32px; text-align: center; font-size: 12px; padding:0 10px; border:1px solid #eaeaea; color:#000;}

#aside .asideCategory { width: 100%; margin-top: 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: 10px 41px 10px 4px; outline: none; font-size:18px; color:#000; font-weight: bold; }
#aside .asideCategory .gnbMenuBox .menuCategory > li > .categoryMore { position: absolute; top: 0; right: 0; width: 41px; height: 53px; background: url("/images/aside/btn_navi_open.png") no-repeat center;}
#aside .asideCategory .gnbMenuBox .menuCategory > li.nowShow > .categoryMore { background: url("/images/aside/btn_navi_close.png") no-repeat center;}

#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; height:25px; line-height:25px; font-size:14px; 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/btn_navi_open.png") no-repeat center;}
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li.hasChild.nowShow > .categoryMore { background: url("/images/aside/btn_navi_close.png") no-repeat center;}

#aside .asideCategory .gnbMenuBox .menuCategory .depth1 { padding-bottom: 15px; padding-top:0;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth1 > ul > li > a { padding:2px 38px 2px 15px; font-size:15px; color: #999;}
#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; }
#aside .asdieBanner { width: 100%; margin-top: 50px; text-align: center; }
#aside .asdieBanner img { max-width: 100%;}

.quickContent .quickCs {clear:both; margin-top: 25px;  padding-top:30px; border-top:1px solid #ddd; }
.quickContent .quickCs:after{clear:both; display:block; content:"";}
.quickContent .quickCs li {color: #999; font-size: 14px;}
.quickContent .quickCs li.contents {line-height:22px;}
.quickContent .quickCs .title { color: #000; font-size:16px; margin-bottom:10px; font-weight: 700;}
.quickContent .quickCs .num { font-size: 26px; font-weight: 700; margin:5px 0;}
.quickContent .quickCs .num a {color: #000;}
.quickContent .quickCs .quickbtn {clear:both; margin:8px 0 10px;}
.quickContent .quickCs .quickbtn a span {vertical-align:middle; display:inline-block; padding:0 15px; height:30px; line-height:30px; font-size:13px; color:#fff; border:1px solid #65BDD7; border-radius:15px; background:#65BDD7;}
.quickContent .quickCs .quickbtn a img {max-width:30px; vertical-align:top;}


#footer_group { width:100%; border-top:1px solid #dcdcdc; }
.subPage #footer_group {margin-top:50px;/* padding-bottom:120px;*/}
.subPage.ContentbgGrey #footer_group {margin-top:0;}
#footer_group .footer { position: relative; max-width: 1200px; padding: 50px 0 0; margin:0 auto;}
#footer_group .footer:after {clear:both; display:block; content:"";}
#footer_group .footer .topArea { margin-bottom: 50px;}
#footer_group .footer .topArea .linkButton { float:left; width:30%;}
#footer_group .footer .topArea .linkButton a { display: inline-block; width: 215px; height: 35px; line-height: 35px; border: 2px solid #B83030; color: #B83030; font-size: 20px; border-radius:20px; text-align: center; font-weight: bold;}
#footer_group .footer .topArea .linkButton a img { padding:0 0 4px 18px; vertical-align: middle; }
#footer_group .footer .topArea .footerLink {clear:both; width: 100%; text-align:center; }
#footer_group .footer .topArea .footerLink a { display: inline-block; padding:0 10px; border-left: 1px solid #ddd;  color:#000; font-size:15px;}
#footer_group .footer .topArea .footerLink a strong {font-weight:700;}
#footer_group .footer .topArea .footerLink a:first-child {  border: 0;}
#footer_group .footer .topArea .textContents { clear:both; padding-top: 25px; line-height: 160%; font-size: 15px; text-align:center;}
#footer_group .footer .bottomArea { display: none; position: relative; width: 100%; padding: 25px 50px 20px; background: #DA3738; box-sizing:border-box; border-radius:20px 20px 0 0; color: #fff;}
.subPage #footer_group .footer .bottomArea {/*position:fixed;*/ display: block; bottom:0; max-width: 1240px;}
#footer_group .footer .bottomArea .textContents { margin-top: 10px; font-size: 16px;}
#footer_group .footer .bottomArea .textContents span { color:#fff; font-size: 21px; font-weight: bold;}
#footer_group .footer .bottomArea .linkButton { position: absolute; right: 50px; top: 20px; }
#footer_group .footer .bottomArea .linkButton a { display: inline-block; width: 166px; height: 35px; line-height: 35px; border: 2px solid #fff; color: #fff; font-size: 15px; border-radius:20px; text-align: center; }
#footer_group .footer .bottomArea .linkButton a img { padding:0 0 4px 12px; vertical-align: middle; }

@media screen and (max-width:1200px){
	#footer_group .footer { width:96%; padding:50px 2% 0; }	
	#footer_group .footer .bottomArea {/*width: 96%;*/ padding: 15px 2%;}
}

@media screen and (max-width:1100px){
	.subPage #footer_group {margin-top:30px;}
}
@media screen and (max-width:900px){
    #footer_group .footer .bottomArea .textContents { font-size: 16px;}
    #footer_group .footer .bottomArea .textContents span { font-size: 19px; }
}
@media screen and (max-width:768px){
    #footer_group .footer .topArea .textContents {  font-size: 12px;}
    #footer_group .footer .bottomArea { /*padding: 15px 35px;*/}
    #footer_group .footer .bottomArea .linkButton {right: 35px; }
    #footer_group .footer .bottomArea .textContents { font-size: 14px;}
    #footer_group .footer .bottomArea .textContents span { font-size: 17px; }
}
@media screen and (max-width:660px){
	#footer_group .footer { padding:30px 2% 0; }	
	#footer_group .footer .topArea {margin-bottom: 30px;}
    #footer_group .footer .topArea .textContents {  font-size: 12px;}
	#footer_group .footer .topArea .textContents span {display:inline-block;}
    #footer_group .footer .bottomArea {/* padding: 15px 20px;*/}
    #footer_group .footer .bottomArea .linkButton {right: 20px; top:15px; }
    #footer_group .footer .bottomArea .textContents { font-size: 13px; margin-top:15px;}
    #footer_group .footer .bottomArea .textContents span { font-size: 16px; }
	#footer_group .footer .topArea .linkButton {float:none; clear:both; width:100%;}
	#footer_group .footer .topArea .footerLink {float:none; clear:both; width:100%; text-align:center; margin-top:15px;}
	#footer_group .footer .topArea .footerLink a {font-size:13px; }
	#footer_group .footer .bottomArea .linkButton a {height:32px; line-height:32px; margin-top:-3px; }
	#footer_group .footer .bottomArea .imageContents img {max-height:30px; margin-left:3px;}
}
@media screen and (max-width:380px){
	#footer_group .footer .topArea .footerLink a { padding:0 3px;}
}

.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;}
.PageNavi .paging_num { color:#000; border:1px solid #ddd; -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:#000; color:#fff; border:1px solid #000; }

.familySite {
    display: inline-block;
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
	top:-3px;
	
}
.btn_familySite {
    display: block;
    position: relative;
    font-size: 13px;
    height: 30px;
	width: 155px;
    line-height: 1em;
    margin: 0;
    padding: 0px 7px 0px 13px;
    text-align: left;
    border: solid #fff 1px;
	color:#fff;
	background: transparent;
    font-family:"Roboto","Noto Sans KR",Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif !important;
	outline:none;
}

.btn_familySite button {font-family:"Roboto","Noto Sans KR",Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif !important;}
.familySite .familySite_layer {	
    display: none;
    position: absolute;
    top: 30px;
    width: 153px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    z-index: 100;
}
.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;
	}
}