/* 메인 기본 테두리 css */ #Wrap { margin: 0 auto; width: 910px; } /* 메인 네비&탑 css */ #topArea { margin: 0px; margin-top: 10px; padding: 0px; width: 910px; height: 135px; overflow: hidden; } #topArea .logo { padding: 0px; width: 910px; text-align: center; } #topArea .logo h1 { float: left; margin: 15px 0px 0px 350px; _margin-left: 180px; padding: 0px; width: 184px; } #topArea .logo a.massBt { float: right; margin: 7px 0px 0px 0px; padding: 0px;} #topArea .navi { margin-top: 6px; width: 910px; height: 43px; } /* 메인 중간영역 css */ #middleArea { clear: both; margin: 5px 0px 0px 0px; padding: 0px; width: 910px; _width: 913px; height: 100%; } /* 메인 중간 왼쪽 영역 css */ #middleArea .leftArea { float: left; margin: 0px; padding: 0px; width: 190px; height: 100%; overflow: hidden; } #middleArea .leftArea .ezBanner { margin-top: 10px; } /* 서브메뉴 css */ #middleArea .leftArea .subMenu { margin-top: 10px; width: 190px; height: 100%; } /* 고객센터 영역 css */ #middleArea .leftArea .customer { margin-top: 10px; width: 190px; height: 135px; overflow: hidden; } /* 배너1 영역 css */ #middleArea .leftArea .bannerArea1 { margin-top: 6px; _margin-top: 8px; padding: 0px; width: 190px; height: 100%; } #middleArea .leftArea .bannerArea1 h2 { margin: 0px; padding: 0px; width: 190px; height: 35px; } #middleArea .leftArea .bannerArea1 ul { margin: 0px; padding: 0px 6px 0px 6px; width: 176px; height: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; list-style: none; overflow: hidden; } #middleArea .leftArea .bannerArea1 ul li { margin-top: 5px; } #middleArea .leftArea .bannerArea1 .bottom { margin: 0px; padding: 0px; width: 190px; height: 5px; background: url('/app/views/common/imgs/common/banner_bg_bottom.gif') no-repeat; overflow: hidden; } /* 배너2 영역 css */ #middleArea .leftArea .bannerArea2 { margin-top: 6px; _margin-top: 8px; padding: 0px; width: 190px; height: 100%; } #middleArea .leftArea .bannerArea2 h2 { margin: 0px; padding: 0px; width: 190px; height: 35px; } #middleArea .leftArea .bannerArea2 ul { margin: 0px; padding: 0px 6px 0px 6px; width: 176px; height: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; list-style: none; overflow: hidden; } #middleArea .leftArea .bannerArea2 ul li { margin-top: 5px; } #middleArea .leftArea .bannerArea2 .bottom { margin: 0px; padding: 0px; width: 190px; height: 5px; background: url('/app/views/common/imgs/common/banner_bg_bottom.gif') no-repeat; overflow: hidden; } /* 메인버튼 영역 css */ #middleArea .leftArea .linkBt { margin-top: 0px; width: 190px; height: 62px; overflow: hidden; } #middleArea .leftArea .linkBt .btTop { height: 29px; } #middleArea .leftArea .linkBt .btTop a.application { float: left; } #middleArea .leftArea .linkBt .btTop a.guide { float: right; } #middleArea .leftArea .linkBt .btBottom { margin-top: 4px; height: 29px; } #middleArea .leftArea .linkBt .btBottom a.premiumBt { float: left; } #middleArea .leftArea .linkBt .btBottom a.pic { float: right; } /* 학적증명서 영역 css */ #middleArea .leftArea .warrant { margin-top: 10px; width: 190px; height: 69px; overflow: hidden; } /* 메인 중간 오른쪽 영역 css */ #middleArea .rightArea { float: left; margin: 0px 0px 0px 10px; padding: 0px; width: 710px; height: 100%; overflow: hidden; } /* 메인 중간 상단 플래시 영역 css */ #middleArea .rightArea .contentsTop { width: 710px; height: 166px; overflow: hidden; } /* 메인 중간 머리말 영역 css */ #middleArea .rightArea .subHead { margin-top: 10px; margin-bottom: 10px; width: 710px; height: 34px; background: url('/app/views/common/imgs/sub/head_bg.gif') left top no-repeat; overflow: hidden; } #middleArea .rightArea .subHead h2 { float: left; margin: 8px 0px 0px 0px; padding-left: 8px; } #middleArea .rightArea .subHead .location { float: right; margin: 12px 0px 0px 0px; padding-right: 10px; font: 9pt dotum; color: #afafaf; text-align: right; } #middleArea .rightArea .subHead .location img { vertical-align: middle; } /* 메인 중간 컨텐츠 영역 css */ #middleArea .rightArea .contentsArea { clear: both; margin-top: 10px; width: 710px; height: 100%; overflow: hidden; } /* 메인 하단영역 css */ #bottomArea { clear: both; margin: 0 auto; width: 910px; height: 100px; padding-top: 10px; margin-bottom: 10px; } /* 카피라이트 css */ #bottomArea .copyrightArea { margin: 0px; padding: 0px; height: 100px; border: 1px solid #dcdcdc; background-color: #f8f8f8; } #bottomArea .copyrightArea .logo { float: left; margin: 18px 0px 0px 0px; padding: 0px; width: 200px; height: 57px; background: url('/app/views/common/imgs/common/copy_logo.gif') 20px top no-repeat; font-size: 0pt; } #bottomArea .copyrightArea .copyright { float: left; padding-top: 10px; width: 700px; text-align: center; font: 8.5pt dotum; color: #888; line-height: 150%; } #bottomArea .copyrightArea .copyright .menu { margin-bottom: 10px; font: 9pt dotum; color: #888; } #bottomArea .copyrightArea .copyright .menu span { margin: 0px 5px 0px 5px; } #bottomArea .copyrightArea .copyright .menu a { font: 900 9pt dotum; color: #6a6a6a; text-decoration: none; } #bottomArea .copyrightArea .copyright .menu a:hover { color: #ff8022; } #bottomArea .copyrightArea .copyright .copyInfo { font: 9pt dotum; color: #888; line-height: 150%; } #bottomArea .copyrightArea .copyright .copyInfo strong { font: 9pt dotum; color: #00908b; } #bottomArea .copyrightArea .copyright .copyrights {display: block; margin-top: 10px; font: 8.5pt dotum; color: #888; } #bottomArea .copyrightArea .copyright .copyrights .copyname { font: 900 8.5pt dotum; color: #888; } #quickmenu { position: absolute; z-index: 1500; margin-left: 920px; width: 70px; height: 360px; } *html #quickmenu { clear: both; top: 106px; height: 350px; } *+html #quickmenu { margin-left: 10px; height: 350px; } #quickmenu .top { width: 70px; height: 24px; background: url('/app/views/common/imgs/common/quick_bg_top.gif') no-repeat; } #quickmenu ul.middle { margin: 0px; padding: 0px 0px 0px 5px; height: 100%; list-style: none; background: url('/app/views/common/imgs/common/quick_bg_middle.gif') repeat-y; } #quickmenu ul.middle li { margin: 0px; padding: 0px; background: url('/app/views/common/imgs/common/quick_line.gif') left bottom no-repeat; } #quickmenu ul.middle li.lineNone { background: none; } #quickmenu .bottom { width: 70px; height: 24px; background: url('/app/views/common/imgs/common/quick_bg_bottom.gif') no-repeat; }