@charset "utf-8";
/*@import url("swiper.css");*/

#wrap{position:relative;overflow:hidden}
#topAd {background-color:#bd66ab;position:relative;}
#topAd.hidden{display:none;height:0}
#topAd .banner {text-align:center;}
#topAd .close {position:absolute;right:50%;top:10px;margin-right:-550px;transform:rotate(45deg);width:13px;height:13px;opacity:0.3;}
#topAd .close button {width:13px;height:13px;text-indent:-999em;}
#topAd .close:before {content:'';display:block;position:absolute;left:6px;top:0;width:1px;height:13px;background-color:#fff;}
#topAd .close:after {content:'';display:block;position:absolute;left:0;top:6px;width:13px;height:1px;background-color:#fff;}
#header {width:100%;}
#container{width:1100px;margin:0 auto;text-align:left;min-height:510px;}
#container:after{content:"";display:block;clear:both}
#contentsWide {width:100%;text-align:left;margin-bottom:100px;}
#contents{float:right;width:900px;text-align:left;margin-bottom:100px;}
#lnb {float:left;width:160px;text-align:left;margin-bottom:100px;}
#lnb h2 {height:37px;line-height:30px;}
#lnb .navigation {border-top:solid 3px #000;padding:10px 0;}
#lnb .navigation li {font-size:13px;}
#lnb .navigation > li div {padding:6px 0;font-size:16px;font-weight:500;color:#000}
#lnb .navigation > li div a {font-size:16px;font-weight:500;color:#000}
#lnb .navigation > li ul {padding:2px 0 9px;}
#lnb .navigation > li li {padding:1px 0;}
#lnb .navigation li.active div a {color:#ef2a23;}
#lnb .navigation li ul li.active a {color:#ef2a23;} 
#lnb .customer {border-top:solid 3px #000;padding-top:13px;}
#lnb .customer .center {font-size:22px;font-weight:500;color:#000;}
#lnb .customer .tel {font-size:26px;color:#000;margin-top:-3px;}
#lnb .customer .tel.small {font-size:24px;}
#lnb .customer li {padding-left:9px;position:relative;}
#lnb .customer li:before {content:'';width:3px;height:3px;border-radius:100%;background-color:#999;position:absolute;left:0;top:9px;}
#footer {width:100%;}
#wing_left {}
#wing_right {}

/*---------- 표준형 (포인트 컬러 #ef2a23) ----------*/
.header_standard {width:100%;border-bottom:1px solid #bfc1c6;}
.header_standard .inner {position:relative;width:1100px;margin:0 auto;}
.header_standard .utillbox {overflow:hidden;height:40px; background:#f3f4f6;}
.header_standard .utillbox ul {float:right;margin:8px 0 0;}
.header_standard .utillbox ul li {float:left;margin:0 0 0 30px;font-size:14px;font-weight:500;color:#757575;}
.header_standard .utillbox ul li a {display:block;font-size:14px;font-weight:500;color:#757575;}
.header_standard .utillbox ul li a span {font-family:'Roboto';font-weight:500;color:#ef2a23;}
.header_standard .logobox {height:70px;padding:30px 0 0;border-bottom:1px solid #dee1e7;}
.header_standard .logobox h1 {position:absolute;left:0;top:5px;height:40px;}
.header_standard .logobox h1 a,
.header_standard .logobox h1 img {max-height:40px;}
.header_standard .logobox .banners {position:absolute;right:0;top:-15px;}
.header_standard .logobox .searchform {position:relative;width:400px;height:40px;margin:0 auto;border:2px solid #bfc1c6;border-radius:40px;box-sizing:border-box;}
.header_standard .logobox .searchform input[type="text"] {position:relative;width:322px;height:36px;padding:0 0 0 18px;border:0 none;border-radius:40px 0 0 40px;z-index:2;}
.header_standard .logobox .searchform > button {position:absolute;right:0;top:0;width:55px;height:36px;font-size:0;text-indent:-9999em;background:url(../imgs/testimg/topper_searchicon.png) no-repeat center center;}
.header_standard .logobox .searchform .searchlayer {display:none;position:absolute;left:-2px;top:36px;width:100%;border:2px solid #bfc1c6;border-top:1px solid #e5e5e5;background:#fff;border-radius:0 0 20px 20px;z-index:2;}
.header_standard .logobox .searchform .searchlayer:before {content:'';position:absolute;left:-2px;top:-16px;width:15px;height:15px;border-left:2px solid #bfc1c6;background:#fff;}
.header_standard .logobox .searchform .searchlayer:after {content:'';position:absolute;right:-2px;top:-16px;width:15px;height:15px;border-right:2px solid #bfc1c6;background:#fff;}
.header_standard .logobox .searchform .searchlayer .list {position:relative;padding:13px 0 11px 122px;border-bottom:1px solid #e5e5e5;}
.header_standard .logobox .searchform .searchlayer .list .title {position:absolute;left:19px;top:20px;width:80px;height:26px;font-size:14px;font-weight:500;line-height:26px;text-align:center;color:#fff;background:#ef2a23;border-radius:26px;}
.header_standard .logobox .searchform .searchlayer .list ul li a {font-size:15px;line-height:31px;color:#757575;}
.header_standard .logobox .searchform .searchlayer .list ul li a:hover {color:#ef2a23;}
.header_standard .logobox .searchform .searchlayer .close {overflow:hidden;height:31px;}
.header_standard .logobox .searchform .searchlayer .close button {float:right;height:31px;padding:0 16px 0 0;font-size:15px;color:#757575;}
.header_standard .logobox .searchform .searchlayer .close button:before {content:'';display:inline-block;width:10px;height:10px;margin:0 5px 0 0;background:url(../imgs/type/standard/header_searchclose.png) no-repeat left top;}
.header_standard .gnbbox {min-height:60px;}
.header_standard .gnbbox:after {content:'';display:block;clear:both;}
.header_standard .gnbbox .catebtn {position:relative;float:left;}
.header_standard .gnbbox .catebtn a {display:block;}
.header_standard .gnbbox .catebtn .btnwrap span {display:none;position:absolute;left:0;top:0;}
.header_standard .gnbbox .catebtn .btnwrap.active span {display:block;}
.header_standard .gnbbox .catebtn .catemenu {display:none;position:absolute;left:0;top:61px;background:#f3f4f6;z-index:99;}
.header_standard .gnbbox .catebtn .catemenu > ul {width:148px;padding:4px 0 15px;border:1px solid #e9e9e9;border-top:0 none;}
.header_standard .gnbbox .catebtn .catemenu > ul:after {content:'';position:absolute;left:0;top:-1px;width:150px;height:1px;background:#ef2a23;}
.header_standard .gnbbox .catebtn .catemenu > ul:before {content:'';position:absolute;left:0;top:0;width:150px;height:4px;background:#e60012;z-index:2;}
.header_standard .gnbbox .catebtn .catemenu > ul > li {position:relative;width:100%;height:50px;}
.header_standard .gnbbox .catebtn .catemenu > ul > li > a {position:relative;display:block;padding:0 0 0 16px;font-size:15px;font-weight:500;line-height:50px;color:#999;}
.header_standard .gnbbox .catebtn .catemenu > ul > li > a span {overflow:hidden;display:inline-block;height:50px;padding:0 6px 0 0;text-align:left;vertical-align:top;}
.header_standard .gnbbox .catebtn .catemenu > ul > li > a span img {margin:-50px 0 0;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul {position:absolute;display:none;min-width:150px;margin:-50px 0 0 149px;background:#fff;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li {height:41px;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li:first-child {margin:9px 0 0;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li:last-child {padding:0 0 9px;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li a {display:inline-block;padding:0 20px;font-size:15px;line-height:41px;white-space:nowrap;color:#000;}
.header_standard .gnbbox .catebtn .catemenu > ul > li:hover > a:after {content:'';position:absolute;right:-1px;top:0;width:1px;height:100%;background:#fff;}
.header_standard .gnbbox .catebtn .catemenu > ul > li:hover a {color:#000;background:#fff;}
.header_standard .gnbbox .catebtn .catemenu > ul > li:hover a span img {margin:0;}
.header_standard .gnbbox .catebtn .catemenu > ul > li:hover ul {display:block;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li a:hover {color:#ef2a23;}
.header_standard .gnbbox .catebtn .catemenu > ul > li ul li a:hover:after {content:'';display:block;height:1px;margin:-9px 0 0;background:#f7aaa9;}
.header_standard .gnbbox .catebtn.active span {display:none;}
.header_standard .gnbbox > ul {float:right;max-width:950px;}
.header_standard .gnbbox > ul > li {float:left;padding:0 30px;font-size:18px;font-weight:500;line-height:60px;letter-spacing:-0.025em;text-align:center;color:#000;}
.header_standard .gnbbox > ul > li a {display:block;font-size:18px;font-weight:500;line-height:60px;letter-spacing:-0.025em;text-align:center;color:#000;}
.header_standard .gnbbox > ul > li a img {margin:0 -30px;}
/* 물품신청형 헤더 */
.header_standard .logobox .apply_status {position:absolute;right:0;top:-15px;width:414px;height:50px;padding:10px 0;background:#f4f5f8;border-radius:8px;z-index:2;}
.header_standard .logobox .apply_status.chilsung{width:265px !important;}
.header_standard .logobox .apply_status dt {float:left;padding:0 0 0 20px;font-size:14px;line-height:50px;color:#222;}
.header_standard .logobox .apply_status dd {float:left;width:283px;height:50px;margin:0 0 0 22px;background:#fff;border-radius:8px;}
.header_standard .logobox .apply_status.chilsung dd {float:left;width:141px;height:50px;margin:0 0 0 22px;background:#fff;border-radius:8px;}
.header_standard .logobox .apply_status dd ul li {float:left;width:141px;line-height:50px;text-align:center;color:#000;}
.header_standard .logobox .apply_status dd ul li:first-child {border-right:1px solid #e5e5e5;}
.header_standard .logobox .apply_status.chilsung dd ul li:first-child {border-right:0px solid #e5e5e5;}
.header_standard .logobox .apply_status dd ul li strong {margin:0 0 0 22px;font-size:15px;font-weight:700;vertical-align:top;color:#4185ed;}

.footer_standard {background:#f3f4f6;}
.footer_standard .inner {width:1100px;margin:0 auto;}
.footer_standard .menubox {border-top:1px solid #dee1e7;border-bottom:1px solid #dee1e7;background:#edeff2;}
.footer_standard .menubox ul {overflow:hidden;}
.footer_standard .menubox ul li {float:left;margin:0 47px 0 0;line-height:45px;}
.footer_standard .menubox ul li a {font-size:14px;font-weight:400;color:#222;}
.footer_standard .companybox {position:relative;padding:40px 0 0;}
.footer_standard .companybox:after {content:'';display:block;clear:both;}
.footer_standard .companybox .logo {position:absolute;left:0;top:40px;}
.footer_standard .companybox .company_info {float:left;padding:0 0 0 235px;font-size:14px;line-height:20px;letter-spacing:-0.025em;color:#777;}
.footer_standard .companybox .company_info h6 {margin:8px 0 0;font-size:14px;}
.footer_standard .companybox .company_info .info_text {width:470px;}
.footer_standard .companybox .company_info .info_text address {display:inline-block;}
.footer_standard .companybox .company_info .info_text dl {overflow:hidden;}
.footer_standard .companybox .company_info .info_text dl dt,
.footer_standard .companybox .company_info .info_text dl dd {float:left;}
.footer_standard .companybox .company_info .info_text strong {display:block;font-weight:500;color:#222;}
.footer_standard .companybox .company_info .info_text strong a {color:#222;}
.footer_standard .companybox .company_info .info_text .value {margin:10px 0 0;font-weight:500;color:#03a892;}
.footer_standard .companybox .company_info.kumho {float:none;margin:-8px 0 0;padding-bottom:37px;border-bottom:1px solid #dadbdd;}
.footer_standard .companybox .company_info.kumho .info_text {width:530px;}
.footer_standard .companybox .law_info {float:right;margin:8px 0 0;font-size:14px;line-height:20px;letter-spacing:-0.025em;color:#777;}
.footer_standard .companybox .law_info .online_law {margin:0 0 10px;}
.footer_standard .companybox .law_info .online_law .detail_view {position:relative;display:inline-block;}
.footer_standard .companybox .law_info .online_law .detail_view span {cursor:pointer;}
.footer_standard .companybox .law_info .online_law .detail_view .footer_textlayer {display:none;position:absolute;right:80px;top:0;width:652px;height:308px;font-size:0;text-indent:-9999em;background:url(../imgs/global/footer_textlayerimg.png) no-repeat left top;}
.footer_standard .companybox .law_info .online_law .detail_view:hover span {color:#000;border-bottom:1px solid #666;}
.footer_standard .companybox .law_info .online_law .detail_view:hover .footer_textlayer {display:block;}
.footer_standard .markbox {overflow:hidden;padding:39px 0 51px;}
.footer_standard .markbox li {float:left;margin:0 0 0 39px;}
.footer_standard .markbox li:first-child {margin:0;}

/* 금호아시아나 사이드 배너 */
.khside_banner {position:absolute;right:50%;top:330px;min-width:65px;margin:0 -735px 0 0;z-index:2;}
.khside_banner.on {position:fixed;top:110px;}
.khside_banner a {display:block;}

/*---------- 제작A형 (포인트 컬러 #de0713) ----------*/
.header_makingA {width:100%;border-bottom:solid 1px #bebebe;}
.header_makingA .inner {width:1100px;margin:0 auto;}
.header_makingA .inner:after {content:'';clear:both;display:block;}
.header_makingA .utillbox {height:41px;}
.header_makingA .utillbox ul {float:right;padding-top:26px;height:15px;}
.header_makingA .utillbox ul:after {content:'';clear:both;display:block;}
.header_makingA .utillbox ul li {float:left;margin-right:11px;padding-right:13px;position:relative;}
.header_makingA .utillbox ul li:after {content:'';width:1px;height:11px;position:absolute;right:0;top:2px;background-color:#626262;}
.header_makingA .utillbox ul li a {display:block;font-size:11px;line-height:15px;color:#261b08;}
.header_makingA .utillbox ul li.lounge {margin-right:0;padding-right:0;}
.header_makingA .utillbox ul li.lounge:after {display:none;}
.header_makingA .utillbox ul li.lounge a {color:#de0713;padding-left:18px;background: url(../imgs/type/makingA/lounge_util_bg_icon.png) left center no-repeat;}
.header_makingA .utillbox ul li.last {margin:0;padding:0;}
.header_makingA .utillbox ul li.last:after {display:none;}
.header_makingA .logobox {overflow:hidden;padding:24px 0 30px;}
.header_makingA .logobox h1 {float:left;width:322px;padding-top:6px;}
.header_makingA .logobox h1 img {max-height:37px;}
.header_makingA .logobox .searchform {float:left;width:361px;height:30px;border:solid 2px #e70012;border-radius:45px;padding:8px 70px 8px 25px;position:relative;}
.header_makingA .logobox .searchform input {display:block;width:100%;height:30px;border:none 0;}
.header_makingA .logobox .searchform button {position:absolute;right:-1px;top:-1px;width:71px;height:46px;background:url(../imgs/type/makingA/header_search_icon.png) center center no-repeat;text-indent:-999em;}
.header_makingA .logobox .banners {float:right;}
.header_makingA .gnbbox {border-top:solid 2px #e70012;}
.header_makingA .gnbbox .innermin {min-width:1100px;margin:0 auto;text-align:center;white-space:nowrap;}
.header_makingA .gnbbox .innermin > ul > li {float:left;position:relative;text-align:center;}
.header_makingA .gnbbox .innermin > ul > li > a {display:inline-block;vertical-align:top;;height:48px;text-align:center;font-size:16px;font-weight:700;color:#333;line-height:48px;letter-spacing:-1px;}
.header_makingA .gnbbox .innermin > ul > li > .layer {display:none;width:156px;border:solid 2px #e70012;position:absolute;right:50%;margin-right:-80px;top:48px;z-index:7;}
.header_makingA .gnbbox .innermin > ul > li > .layer:before {content:'';width:8px;height:8px;background-color:#e70012;transform:rotate(45deg);position:absolute;top:-4px;left:50%;margin-left:-4px;z-index:8}
.header_makingA .gnbbox .innermin > ul > li > .layer ul {position:relative;background-color:#fff;z-index:9;padding:5px 0;text-align:left;}
.header_makingA .gnbbox .innermin > ul > li > .layer ul li a {display:block;color:#000;line-height:13px;padding:12px 0 12px 32px}
.header_makingA .gnbbox .innermin > ul > li > .layer ul li a:hover {color:#fff;background-color:#e70012}
.header_makingA .gnbbox .innermin .category {display:inline-block;vertical-align:top;}
.header_makingA .gnbbox .innermin .category > li {float:left;padding:0 30px}
.header_makingA .gnbbox .innermin .etc {display:inline-block;vertical-align:top;}
.header_makingA .gnbbox .innermin .etc > li {/*width:160px;*/ padding-left:30px;} /*20200519 수정*/
.header_makingA .gnbbox .innermin .etc > li:first-child {padding-left:0;} /*20200519 추가 */
.header_makingA .gnbbox .innermin .etc > li > a {color:#de0713;}
.header_makingA .gnbbox .innermin > ul > li.anniversary > a {padding-left:28px;background:url(../imgs/type/makingA/anniversary_menu_bg_icon.png) left center no-repeat;}
.header_makingA .gnbbox .innermin > ul > li.mart > a {padding-left:28px;background:url(../imgs/type/makingA/mart_menu_bg_icon.png) left center no-repeat;}
.header_makingA .gnbbox .innermin > ul > li.spec > a {padding-left:30px;background:url(../imgs/type/makingA/spec_menu_bg_icon.png) left center no-repeat;}
.header_makingA .gnbbox .innermin > ul > li.spec > .layer {width:308px;}
.header_makingA .gnbbox .innermin > ul > li.spec > .layer:after {content:'';clear:both;display:block;}
.header_makingA .gnbbox .innermin > ul > li.spec > .layer:before {left:auto;right:76px;margin-left:0;}
.header_makingA .gnbbox .innermin > ul > li.spec > .layer ul {width:50%;float:left;}
.header_makingA .gnbbox .innermin > ul > li.mro > a {padding-left:28px;background:url(../imgs/type/makingA/mro_menu_bg_icon.jpg) left center no-repeat;}

/* 금호아시아나 */
.header_makingA.khasiana .gnbbox .innermin > ul > li > a.etc {color:#2e008b}
.header_makingA.khasiana .gnbbox,
.header_makingA.khasiana .logobox .searchform {border-color:#4a5055;}
.header_makingA.khasiana .logobox .searchform button {background-image:url(../imgs/type/makingA/header_search_icon_kh.png);}


.footer_makingA {border-top:solid 1px #d4d4d4;font-size:11px;}
.footer_makingA .inner {width:1100px;margin:0 auto;overflow:hidden;}
.footer_makingA .menubox {border-top:solid 1px #cbd4d9;border-bottom:solid 1px #cbd4d9;}
.footer_makingA .menubox ul {overflow:hidden;height:57px;}
.footer_makingA .menubox li {float:left;padding-top:20px;;margin-right:27px;}
.footer_makingA .menubox li a {font-size:12px;color:#666;height:15px;line-height:10px;}
.footer_makingA .companybox {height:210px;overflow:hidden;}
.footer_makingA .companybox .logo {float:left;width:156px;margin:20px 0;}
.footer_makingA .companybox .company_info {float:left;width:410px;position:relative;margin:32px 0 0 28px;color:#666;}
.footer_makingA .companybox .company_info h6 {font-size:13px;font-weight:bold;color:#333;height:15px;line-height:10px;margin-bottom:6px;}
.footer_makingA .companybox .company_info .info_text > p,
.footer_makingA .companybox .company_info .info_text  > div {margin-bottom:3px;line-height:15px;}
.footer_makingA .companybox .company_info address {display:inline-block;vertical-align:top;}
.footer_makingA .companybox .company_info dl {overflow:hidden;margin-bottom:3px;height:15px;line-height:15px;}
.footer_makingA .companybox .company_info dt {float:left;}
.footer_makingA .companybox .company_info dd {float:left;}
.footer_makingA .companybox .law_info {float:left;width:370px;position:relative;margin:31px 0 0 26px;color:#666;}
.footer_makingA .companybox .law_info .law {margin-bottom:14px;}
.footer_makingA .companybox .law_info .online_law {line-height:10px;height:15px;margin-bottom:3px;}
.footer_makingA .companybox .law_info .online_law a {color:#4d4d4d;}
.footer_makingA .companybox .law_info .law #showDetail {position:absolute;top:18px;left:-9999px;z-index:99;width:552px;height:142px;text-indent:-9999px;margin-left:48px;height: 158px;background: url(../imgs/type/makingA/footer_text_set03.gif) 0 0 no-repeat;}
.footer_makingA .companybox .law_info .law #showDetail.active {left:-230px;}
.footer_makingA .companybox .law_info .shinhan_safe {line-height:16px;}
.footer_makingA .markbox {height:88px;}
.footer_makingA .markbox ul {overflow:hidden;margin-left:-10px;}
.footer_makingA .markbox ul li {float:left;margin-left:10px;}
.footer_makingA .markbox ul li.mar15 {margin-left:15px;}

/*---------- 제작B형 (포인트 컬러) ----------*/
.header_makingB {width:100%;padding:40px 0 10px;position:relative;}
.header_makingB:before {content:'';width:50%;height:10px;background-color:#6cc068;position:absolute;left:0;bottom:0;}
.header_makingB:after {content:'';width:50%;height:10px;background-color:#0071a9;position:absolute;right:0;bottom:0;}
.header_makingB .inner {width:920px;margin:0 auto;}
.header_makingB .inner:after {content:'';clear:both;display:block;}
.header_makingB .gnbbox {padding:16px 0;position:relative;}
.header_makingB .gnbbox:before {content:'';position:absolute;bottom:-10px;left:173px;width:143px;height:10px;background-color:#005b87;border-left:solid 96px #1eaa47;border-right:solid 48px #128db7;}
.header_makingB .gnbbox:after {content:'';clear:both;display:block;}
.header_makingB .gnbbox h1 {float:left;width:136px;}
.header_makingB .gnbbox .gnb {float:left;overflow:hidden;}
.header_makingB .gnbbox .gnb li {float:left;}
.header_makingB .gnbbox .price {float:right;}
.header_makingB .gnbbox .price .naviPrice {display:none;position:absolute;right:-21px;top:16px;z-index:7;width:120px;}
.header_makingB .gnbbox .price ul li {background-color:#fff;clear:both;width:113px;padding:0 0 0 5px;background:#fff;border:solid 1px #8fa4bb;border-top:none;border-bottom:none;}
.header_makingB .gnbbox .price ul li a {color:#666;font-size:12px;line-height:24px;letter-spacing:-0.05em;}
.header_makingB .gnbbox .price ul li a:hover {text-decoration:underline;}
.header_makingB .gnbbox .price .bottomImg {width:120px;height:21px;background: url(../imgs/type/makingB/bg_depth2_bottom.png) no-repeat;}
.header_makingB .utillbox {position:absolute;left:0;top:0;width:100%;background-color:#383838;padding:10px 0 12px;line-height:18px;height:18px;}
.header_makingB .utillbox ul {}
.header_makingB .utillbox ul:after {content:'';display:block;claer:both;}
.header_makingB .utillbox li {float:left;height:18px;line-height:18px;}
.header_makingB .utillbox li img {vertical-align:top;}
.header_makingB .utillbox li.point {margin:0 0 0 67px;padding-left:20px;background:url(../imgs/type/makingB/img_point.gif) left center no-repeat;color:#fff;}
.header_makingB .utillbox li.point .green {color:#39d232;}
.header_makingB .utillbox li.login {margin:-3px 0 0 25px;}
.header_makingB .utillbox li.info {margin:0 0 0 15px;font-size:12px;letter-spacing:0;color:#fff;}

.footer_makingB {border-top:solid 1px #ccc;}
.footer_makingB .licenceAlert {width:764px;height:42px;padding:20px 0 20px 156px;margin:0 auto;background:url(../imgs/type/makingB/logo_gray.gif) 0px 50px no-repeat;}
.footer_makingB .bottomArea {position:relative;z-index:2;bottom:0;clear:both;width:100%;height:143px;margin-top:20px;border-top:1px solid #303030;background:#3c3c3c}
.footer_makingB .mainBottomArea {position:relative;z-index:2;bottom:0;clear:both;width:100%;height:143px;margin-top:0px;border-top:1px solid #303030;background:#3c3c3c}
.footer_makingB .bottomArea .bottomWrap {position:relative;z-index:3;width:764px;height:111px;padding:22px 0 0 156px;margin:0 auto;background:url(../imgs/type/makingB/bg_bottom.gif) 0px 50px no-repeat;}
.footer_makingB .bottomArea .bottomWrap .familyWrap {position:absolute;z-index:2;top:25px;right:0;}
.footer_makingB .bottomArea .bottomWrap .familyWrap ul {display:none;position:absolute;right:0;z-index:3;width:157px;padding:10px 0;border:1px solid #2c2c2c;border-bottom:none;border-right:none;background:#444444;}
.footer_makingB .bottomArea .bottomWrap .familyWrap ul li {width:145px;padding:0 0 0 10px;line-height:20px;}
.footer_makingB .bottomArea .bottomWrap .familyWrap ul li a {color:#ffffff;font-size:11px;letter-spacing:-0.1em}
.footer_makingB .clear_fix {zoom: 1;}
.footer_makingB .clear_fix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.footer_makingB #fnb a{float:left;display:block;height:17px;}
.footer_makingB .bottomArea address {margin:16px 0 0 0;}
.footer_makingB .bottomAddArea {width:920px;margin:0 auto;text-align:left;overflow:hidden;padding:18px 0;}
.footer_makingB .bottomAddArea .logo {float:left;width:156px;padding-top:2px;}
.footer_makingB .bottomAddArea .text {float:left;width:764px;font-size:11px;color:#888;line-height:15px;}

/* quick menu */
.quick_makingB {position:absolute;z-index:6;left:50%;margin-left:580px;width:88px;}
.quick_makingB .top {display:block;}
.quick_makingB .banner li {margin-top:10px;text-align:center;}
.quick_makingB .todayGoods {width:68px;padding:10px 0 14px 0;border:1px solid #90b493;border-bottom:none;background:#ffffff;}
.quick_makingB .todayGoods h2{margin-bottom:27px;font-size:11px;line-height:13px;color:#109817;text-align:center;font-weight:bold;}
.quick_makingB .todays_slide{display:none;position:relative;width:68px;}
.quick_makingB .todays_slide .todays_container{position:relative;width:100%}
.quick_makingB .todays_slide .todays_container ul{position:absolute;top:0;left:9px;width:50px;}
.quick_makingB .todays_slide .todays_container li{width:50px;height:55px;}
.quick_makingB .todays_slide .todays_container li img{display:block;width:48px;height:48px;border:1px solid #e8e8e8;}
.quick_makingB .todays_slide .todays_pagination{}
.quick_makingB .todays_slide .todays_pagination a{display:block;position:absolute;height:17px;left:9px;}
.quick_makingB .todays_slide .todays_pagination a.prev{top:-17px;}
.quick_makingB .todays_slide .todays_pagination a.next{bottom:-17px;}
.quick_makingB .todays_slide .todays_pagination strong{display:none;vertical-align:top;color:#f2740d}
.quick_makingB .todays_slide .todays_pagination .pageDisabled{opacity:1;filter:alpha(opacity=100)}