@charset 'utf-8';

/* °ψΕλ */
#wrap { width: 100%; overflow:hidden; }
img{max-width: 100%;}
/* header */
header { width: 100%; height: 61px; border-bottom: 1px solid #d7d7d7;}
header h1 { margin: 17px 0 0 15px; float:left;}
header > a { background: url(/mobile/eng/img/common/mobileHeaderMain.gif) no-repeat 0 center; width: 27px; height: 16px; font-size: 0px; float:right; display:block; margin: 21px 15px 0 0 ;} 


/* footer */
footer { width: 100%; overflow:hidden; background: #1a4385; border-top: 1px solid #d7d7d7;}
footer ul { width: 100%; overflow: hidden; background: #fff;}
footer ul li { width:50%; height: 47px; float:left; font-size: 13px; line-height: 18px; color: #666; }
footer ul li a { display:block; width: 100%; height: 100%; line-height: 47px; text-align: center; }
footer ul li:first-child { background: url(/mobile/eng/img/common/mobileFooterStick.gif) no-repeat  right center;}
footer img { vertical-align:middle; margin: 0 7px 0 0;}
footer p { font-family: 'Nanum Gothic'; font-size: 12px; line-height: 50px; color: #b0c6e9;text-align: center;height: 50px;}


/* mobileCategory*/
.ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.7); display: none; z-index: 9995;}
.mobileNav { height: 100%; width:241px; overflow: hidden; right:0; top: 0; z-index: 9999; position: fixed; background:#1c4381 ; overflow-y: auto; overflow-x: visible; transform: translate(240px,0);}
/*.ssm-close { position:absolute; z-index: 9999; left:0; width:54px; height:54px; line-height:50px; text-align:center; background:#000; color:#fff; font-size:30px; }*/
.mobileNav > div { height:118px; width:100%; overflow:hidden;	background: #1c4381; }
.mobileNav > div ul { float:right; margin:19px 18px 0  19px; width: 204px; overflow:hidden; height: 21px}
.mobileNav > div li { position:relative; width:21px; float: left; }
.mobileNav > div li:first-child { background: url(/mobile/eng/img/common/navHome.gif) no-repeat; margin-top: 4px;}
.mobileNav > div a { display:block; width:12px; height:12px; }
.mobileNav > div li+li { float: right;}
.mobileNav > div p { position:absolute; width:42px; height:42px; overflow:hidden; z-index:1; background: url(/mobile/eng/img/common/navClose.gif) no-repeat ;}
.mobileNav > div p i { color:#fff; font-size:22px; display:block; margin-top:9px; }

.m_cate { width:100%; overflow:hidden; }
.m_cate dt { height:45px; line-height:45px; border-bottom:1px solid #8ea1c0; color:#fff; font-size:16px; padding-left:18px; background: url(/mobile/eng/img/common/mobileNavArrow.png) no-repeat 218px 17px;}
.m_cate dt a { display:block; width:100%; height:45px; line-height:45px; color:#fff; background:#1c4381; border-bottom: 1px solid #8ea1c0;}
.m_cate dd { background:#fff; padding:10px 20px; overflow:hidden; }
.m_cate dd a { display:block; width:100%; line-height:200%; color:#2f55a1; font-size:13px; }

.menuBtn { margin:27px 30px 0 38px;; width:calc(100% - 68px); overflow:hidden; text-align:center; border: 1px solid #8ea1c0; background: #fff;}
.menuBtn li { float:left; border-right: 1px solid #8ea1c0; background: #fff;}
.menuBtn li:last-child { border-right: 0px;}
.menuBtn li a { display:block; overflow:hidden; width:57px; height:27px; overflow:hidden; }
.menuBtn li a span { display:block; color: #1a4385; font-size: 12px; line-height: 27px; font-weight: bold; }

.mobileNav > p.copyright { font-size: 11px; line-height: 18px; color: #fff; margin: 23px 0 0 18px;}