@import url("/style/base.css");
@import url("/style/font.css");

#wrap { width:auto; }
#header, #footer div.footerWrap { width:1000px; margin:0px auto; }
#container { width:999px; margin:0px auto; }

/* tnb */
#header div.tnb { margin-top:10px; }
#header div.tnb ul { float:right; }
#header div.tnb ul li { float:left; }
#header div.tnb ul li a { display:block; height:7px; padding:0 11px; overflow:hidden; text-indent:-1000px; border-left:1px solid #717171; }
#header div.tnb ul li a.home { width:25px; background:url('/images/common/tnbHome.png') no-repeat center top; border-left:none; }
#header div.tnb ul li a.login { width:25px; background:url('/images/common/tnbLogin.png') no-repeat center top; }
#header div.tnb ul li a.join { width:21px; background:url('/images/common/tnbJoin.png') no-repeat center top; }
#header div.tnb ul li a.sitemap { width:37px; background:url('/images/common/tnbSitemap.png') no-repeat center top; }

/* 검색 및 로고 */
#header div.headerContents { position:relative; }
#header div.headerContents div.logo { margin-top:19px; }
#header div.headerContents div.logo h1 { float:left; margin-left:6px; }
#header div.headerContents div.logo ul.certify li { float:left; margin-left:12px; }
#header div.headerContents div.logo ul.certify li.front { margin-left:16px; }
#header div.headerContents div.banner{  position:absolute; left:406px; top:-24px } 
#header div.headerContents div.banner a{ width:188px; height:77px; display:block;  float:left; background:url('/images/common/SIMTOS2016.gif') no-repeat; overflow:hidden; text-indent:-1000px;} 
#header div.headerContents div.search { float:right; width:260px; height:31px; background:url('/images/common/searchBg.png') no-repeat; }
#header div.headerContents div.search input.search { width:193px; margin:8px 0 0 12px; padding:0 8px; border:none; background:#eee; color:#515151; font-family:"NanumGothic"; }
#header div.headerContents div.search button { width:18px; height:18px; background:url('/images/common/searchBtn.png') no-repeat; }
#header div.headerContents div.search button span { display:none; }

/* gnb */
#header div.gnb { margin-top:21px; height:36px; }
#header div.gnb ul li { float:left; position:relative;  z-index:2000; }
#header div.gnb ul li a { display:block; width:165px; height:28px; padding-top:8px; text-align:center; background:url('/images/common/gnbBg.png') repeat-x left top; font-family:"NanumGothic"; font-size:14px; color:#e3e3e3; border-left:1px solid #303030; border-right:1px solid #000; }
#header div.gnb ul li a:hover { background:url('/images/common/gnbOnBg.png') repeat-x; }
#header div.gnb ul li.on a { background:url('/images/common/gnbOnBg.png') repeat-x; }
#header div.gnb ul li ul { position:absolute; left:1px; top:36px; display:none; z-index:1000; }
#header div.gnb ul li.on ul { display:block; }
#header div.gnb ul li:hover ul { display:block; }
#header div.gnb ul li.front a { border-left:none; }
#header div.gnb ul li.last a { border-right:none; }
#header div.gnb ul li ul li { float:none; }
#header div.gnb ul li ul li a { width:150px; height:20px; padding:4px 0 0 15px; color:#e4e4e4; background:#797979; text-align:left; font-size:12px;  border-bottom:1px solid #5f5f5f; border-right:none; border-left:none; }
#header div.gnb ul li ul li a:hover { background:#3a3a3a; }
#header div.gnb ul li ul li.on a { background:#3a3a3a; }
#header div.gnb ul li ul li.front a { border-top:1px solid #fff; }

/* footer */
#footer { background:url('/images/common/footerBg.png') repeat-x; }
#footer div.footerWrap div.fnb { height:15px; border-top:1px solid #c5c5c5; padding:8px 0; background:#f2f2f2; }
#footer div.footerWrap div.fnb ul { float:right; }
#footer div.footerWrap div.fnb ul li { float:left; }
#footer div.footerWrap div.fnb ul li a { color:#000; font-family:"NanumGothic"; padding:0 11px; background:url('/images/common/fnbPartition.png') no-repeat left 3px; }
#footer div.footerWrap div.fnb ul li.front a { background:none; }
#footer div.footerWrap div.siteInfo { border-top:1px solid #898989; background:#c0c0c0; height:131px; }
#footer div.footerWrap div.siteInfo div.copyLogo { float:left; margin:32px 24px 0 6px; padding:6px 85px 10px 0; border-right:1px solid #b3b3b3; }
#footer div.footerWrap div.siteInfo div.corpInfo { margin-top:31px; }
#footer div.footerWrap div.siteInfo div.corpInfo ul li { padding-top:2px; color:#3e3e3e; }
#footer div.footerWrap div.siteInfo div.corpInfo ul li a { color:#3e3e3e; }
#footer div.footerWrap div.siteInfo div.copyright { padding-top:2px; font-size:11px; color:#484848; }

/* side bar */
#container { padding-left:1px; padding-bottom:50px; background:url('/images/common/containerRepeat.png') repeat-y left top; }
#container div.sideBar { float:left; width:201px; padding:0px 9px; }
#container div.sideBar div.pageTitle { height:192px; padding:0 5px; border-bottom:1px solid #e0e0e0; }
#container div.sideBar div.pageTitle h2 { padding-top:72px; }
#container div.sideBar div.pageTitle h2 span.title { font-family:"NanumGothicBold"; font-size:30px; color:#233f85; display:block; text-align:center; letter-spacing:-0.1em; }
#container div.sideBar div.pageTitle h2 span.subTitle { display:block; color:#5f5f5f; font-family:"NanumGothicBold"; text-align:right; }
#container div.sideBar ul.snb li { }
#container div.sideBar ul.snb li a { display:block; height:24px; padding:9px 12px 0 16px; border-bottom:1px solid #e0e0e0; font-family:"NanumGothicBold"; color:#233f85; }
#container div.sideBar ul.snb li a:hover { height:25px; border-bottom:none; background:url('/images/common/snbBullet.png') no-repeat 183px 12px #233f85; color:#fff; }
#container div.sideBar ul.snb li.on a { height:25px; border-bottom:none; background:url('/images/common/snbBullet.png') no-repeat 183px 12px #233f85; color:#fff; }
#container div.sideBar ul.snb li ul { border-bottom:1px solid #e0e0e0; }
#container div.sideBar ul.snb li ul li { margin-left:10px; }
#container div.sideBar ul.snb li ul li a { height:20px; background:none; color:#555; border:none; padding:8px 0 3px 10px; }
#container div.sideBar ul.snb li ul li.front a { padding-top:16px; }
#container div.sideBar ul.snb li.on ul li a { height:20px; background:none; color:#555; border:none; }
#container div.sideBar ul.snb li ul li.on a { height:20px; background:none; color:#000; border:none; }
#container div.sideBar ul.snb li ul li a:hover { height:20px; background:none; color:#000; }
#container div.sideBar div.contact ul.request { margin-top:12px; }
#container div.sideBar div.contact ul.request li { float:left; margin-left:8px; }
#container div.sideBar div.contact ul.request li.front { margin-left:0px; }
#container div.sideBar div.contact ul.request li a { display:block; border:1px solid #e7e7e7; padding-bottom:1px; }
#container div.sideBar div.contact ul.request li a span { display:block; margin:0 1px; padding-top:5px; font-size:11px; text-align:center; background:#f2f2f2; }
div.customerContact { margin-top:14px; }
div.customerContact span { display:block; }
div.customerContact span.title { padding:5px 0; background:#233f85; font-family:"NanumGothic"; color:#fff; text-align:center; }
div.customerContact span.numbers { height:74px; border:1px solid #e6e6e6; border-top:none; background:url('/images/common/contactIcon.png') no-repeat 10px 19px; }
div.customerContact span.numbers span { font-family:"NanumGothicBold"; font-size:15px; margin-left:50px; }
div.customerContact span.numbers span.tel { padding-top:19px; }
div.customerContact span.numbers span.fax { padding-top:5px; }
div.customerContact span.numbers span span { display:inline; font-size:15px; font-family:"NanumGothicBold"; color:#233f84; margin-left:0px; }

/* contents 상단 */
#container div.contents { float:left; padding-bottom:60px; }
#container div.contents { margin-left:1px; width:779px; }
#container div.contents div.contentHeader div.contentImage { font-size:0px; line-height:0px; }
#container div.contents div.contentHeader div.contentImage img { width:779px; height:192px; }
#container div.contents div.contentHeader div.location { padding-left:20px; height:31px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f1f1f1; }
#container div.contents div.contentHeader div.location div.thisTitle { float:left; margin-top:5px; padding-left:15px; background:url('/images/common/thisTitleBullet.png') no-repeat left; font-size:18px; font-family:"NanumGothicBold"; color:#000; }
#container div.contents div.contentHeader div.location ul { float:right; margin-top:11px; }
#container div.contents div.contentHeader div.location ul li { float:left; padding-left:12px; background:url('/images/common/locationBullet.png') no-repeat left 1px; }
#container div.contents div.contentHeader div.location ul li.home { background:none; padding-left:0px; }
#container div.contents div.contentHeader div.location ul li a { margin-right:6px; }
#container div.contents div.contentHeader div.location ul li.home a { padding-left:0px; background:none; }
#container div.contents div.contentHeader div.location ul li.on a { color:#233f85; font-weight:bold; }