/*@font-face {font-family: ³ª´®°íµñ; src:url(NanumGothic.eot);}*/ /******************************** Basic Structure ********************************/ html { font-size: 100%; height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears */ } body { background: transparent url('img/base_new.jpg') center top no-repeat; color: #555; font-size: 12px; } /******************************** Elements styling ********************************/ h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #a8a8a8; font-weight: bold; } h1 { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; } h2 { font-size: 26px; padding: 0 0 10px 0; } h3 { font-size: 17px; padding: 0 0 10px 0; } h4 { font-size: 16px; padding: 0 0 5px 0; } h5 { font-size: 14px; padding: 0 0 5px 0; } h6 { font-size: 12px; padding: 0 0 5px 0; } a { color: #000; text-decoration: none; } a:hover { color: red; } a:active { color: #777; } a:focus { outline: 1px; } strong { font-weight: bold; color: #333; } small { font-size: 0.85em; } pre { font-family: monospace; } p { /*padding: 5px 0 10px 0;*/ line-height: 1.6em; } /******************************** General Classes ********************************/ .clear { clear: both; } .align-left { float: left; } .align-right { float: right; } /******************************** Topmenu ********************************/ #topmenu { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 11px; color: #000; display:block; position:relative; padding-top:5px; } #topmenu #topmenu-family { margin-left: 20px; text-align:left; height: 19px; } #topmenu-family-site { position:absolute; display:block; left:35px; top: 19px; width:118px; border:1px solid #cccccc; background-color:#F5F5F5; z-index:1; } #topmenu-family-site a { background: url('img/family-site-icon.png') left center no-repeat; padding: 8px 8px 8px 18px; display:block; text-align:left; border-bottom:1px solid #DDD; border-top:1px solid white; color:#777; margin: 0 5px 0 5px; } #topmenu-family-site a:hover { background-color:#FFF; color: #E06603; } #topmenu #topmenu-logo { text-align:left; height:53px; position:absolute; margin-top:-22px; left:20px; } #topmenu #topmenu-shortcut { text-align:right; padding-right: 5px; padding-bottom: 10px; /*margin-top:-15px;*/ } #topmenu #topmenu-icon-bg { margin:0; padding-top:21px; height:103px; text-align:center; margin-left:138px; } #topmenu #topmenu-icon { /*background: transparent url('img/main-navi-00.png') center top no-repeat;*/ margin:0; text-align:center; font-size:0; } #topmenu #topmenu-icon a.topmenu-icon1, a.topmenu-icon2, a.topmenu-icon3, a.topmenu-icon4, a.topmenu-icon5, a.topmenu-icon6 { padding: 0px 0px 0px 111px; cursor: pointer; text-decoration: none; height:50px; display: inline-block; } #topmenu #topmenu-icon a.topmenu-icon1 { background: transparent url('img/1menu1-1.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon2 { background: transparent url('img/1menu2-1.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon3 { background: transparent url('img/1menu3-1.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon4 { background: transparent url('img/1menu4-1.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon5 { background: transparent url('img/1menu5-1.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon0 { padding: 0px 0px 0px 64px; cursor: pointer; text-decoration: none; height:50px; display: inline-block; } #topmenu #topmenu-icon a.topmenu-icon7 { padding: 0px 0px 0px 164px; cursor: pointer; text-decoration: none; height:50px; display: inline-block; background: transparent url('img/AdmissionLink.gif') right center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon8 { /*88 x 73*/ padding: 0px 0px 0px 164px; cursor: pointer; text-decoration: none; height:73px; margin-top:-23px; display: inline-block; background: transparent url('img/AdmissionLink.gif') right center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon9 { /*88 x 73*/ padding: 0px 0px 0px 100px; cursor: pointer; text-decoration: none; height:73px; margin-top:-23px; display: inline-block; background: transparent url('img/NoTestLink.gif') right center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon1 { background: transparent url('img/1menu1-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon2 { background: transparent url('img/1menu2-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon3 { background: transparent url('img/1menu3-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon4 { background: transparent url('img/1menu4-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon5 { background: transparent url('img/1menu5-2.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon1.current { background: transparent url('img/1menu1-2.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon2.current { background: transparent url('img/1menu2-2.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon3.current { background: transparent url('img/1menu3-2.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon4.current { background: transparent url('img/1menu4-2.png') center center no-repeat; } #topmenu #topmenu-icon a.topmenu-icon5.current { background: transparent url('img/1menu5-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon1.current { background: transparent url('img/1menu1-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon2.current { background: transparent url('img/1menu2-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon3.current { background: transparent url('img/1menu3-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon4.current { background: transparent url('img/1menu4-2.png') center center no-repeat; } #topmenu #topmenu-icon a:hover.topmenu-icon5.current { background: transparent url('img/1menu5-2.png') center center no-repeat; } /****************** topmenu-bar ******************/ #topmenu-bar { } #topmenu-bar #topmenu-01 { position: absolute; padding:10px 0 0 0; left: 300px; } #topmenu-bar #topmenu-02 { position: absolute; padding:10px 0 0 0; left: 300px; } #topmenu-bar #topmenu-03 { position: absolute; padding:10px 0 0 0; left: 492px; } #topmenu-bar #topmenu-04 { position: absolute; padding:10px 0 0 0; left: 632px; } #topmenu-bar #topmenu-05 { position: absolute; padding:10px 0 0 0; left: 450px; } /************ CommonButton ************/ .CommonButton { background: url('img/ent-btn_base.jpg') center center no-repeat; padding: 15px 0px 0px 0px; cursor: pointer; text-decoration: none; width:103px; height:28px; display: inline-block; font-weight:bold; color:#000000; } .CommonButton:hover { background: url('img/ent-btn_base2.jpg') center center no-repeat; color:#FFFFFF; } /************ Button ************/ .button { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #459300 url('../images/bg-button-green.gif') top left repeat-x; border: 1px solid #459300; padding: 4px 7px 4px 7px; color: #fff; font-size: 11px; cursor: pointer; } .button:hover { text-decoration: underline; } .button:active { padding: 5px 7px 3px 7px; } a.remove-link { color: #bb0000; } a.remove-link:hover { color: #000; } /************ Layout ************/ #main-content { margin: 0 0 0 0; padding: 0 0 0 0; width:989px; margin:0 auto; text-align:left; padding-left:27px; padding-right:28px; } /************ mainfooter-wrapper ************/ #mainfooter-wrapper { /*border-top: 1px solid #ccc;*/ background:url(img/sub_base_under1.jpg) top no-repeat; width:100%; background-color:#ffffff; } #mainfooter-contents { font-size:0; margin: 0 0 0 0; padding: 0 0 0 0; width:989px; margin:0 auto; text-align:left; padding-left:27px; padding-top:30px; } #mainfooter { padding-left:5px; } #mainfooter a.mainfooterlink1, a.mainfooterlink2, a.mainfooterlink3, a.mainfooterlink4, a.mainfooterlink5, a.mainfooterlink6, a.mainfooterlink7 { cursor: pointer; text-decoration: none; height:52px; display: inline-block; } #mainfooter a.mainfooterlink1 { padding: 0px 0px 0px 125px; margin-right:13px; background: transparent url('img/main-con1-1.png') left center no-repeat; } #mainfooter a.mainfooterlink2 { padding: 0px 0px 0px 125px; margin-right:13px; background: transparent url('img/main-con2-1.png') left center no-repeat; } #mainfooter a.mainfooterlink3 { padding: 0px 0px 0px 125px; margin-right:13px; background: transparent url('img/main-con3-1.png') left center no-repeat; } #mainfooter a.mainfooterlink4 { padding: 0px 0px 0px 125px; margin-right:12px; background: transparent url('img/main-con4-1.png') left center no-repeat; } #mainfooter a.mainfooterlink5 { padding: 0px 0px 0px 125px; margin-right:12px; background: transparent url('img/main-con5-1.png') left center no-repeat; } #mainfooter a.mainfooterlink6 { padding: 0px 0px 0px 125px; margin-right:12px; background: transparent url('img/main-con6-1.png') left center no-repeat; } #mainfooter a.mainfooterlink7 { padding: 0px 0px 0px 125px; background: transparent url('img/main-con7-1.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink1 { background: transparent url('img/main-con1-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink2 { background: transparent url('img/main-con2-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink3 { background: transparent url('img/main-con3-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink4 { background: transparent url('img/main-con4-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink5 { background: transparent url('img/main-con5-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink6 { background: transparent url('img/main-con6-2.png') left center no-repeat; } #mainfooter a:hover.mainfooterlink7 { background: transparent url('img/main-con7-2.png') left center no-repeat; } /************ footer ************/ #footer-wrapper { /*border-top: 1px solid #ccc;*/ background:url(img/sub_base_under2.jpg) top no-repeat; width:100%; background-color:#ffffff; padding-top:42px; } #footer { margin: 0 0 0 0; padding: 13px 15px 13px 28px; font-size: 12px; width:989px; margin:0 auto; } #footerunder { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 11px; color: #000; display:block; position:relative; } #footerunder #footer-family { padding-left: 20px; text-align:left; } #footer-family-site { position:absolute; display:block; left:20px; top: -89px; width:118px; border:1px solid #cccccc; background-color:#F5F5F5; } #footer-family-site a { background: url('img/family-site-icon.png') left center no-repeat; padding: 8px 8px 8px 18px; display:block; text-align:left; border-bottom:1px solid #DDD; border-top:1px solid white; color:#777; margin: 0 5px 0 5px; } #footer-family-site a:hover { background-color:#FFF; color: #E06603; } #footer-family-site ul { list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /*************** Forms ***************/ form label { display: block; padding: 0 0 10px; font-weight: bold; } form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; } form p small { font-size: 0.75em; color: #777; } form input.text-input, form textarea, form .wysiwyg { padding: 6px; font-size: 13px; border: 1px solid #5d5d5d; color: #333; } form .small-input { width: 25%; } form .medium-input { width: 50%; } form .large-input { width: 97.5%; font-size: 16px; padding: 8px; } form textarea { width: 97.5%; font-family: Arial, Helvetica, sans-serif; } form select { padding: 1px; background: #fff; font-size: 12px; border: 1px solid #5d5d5d; color: #333; } form input[type="radio"] { padding: 0; background: none; border: 0; } /****************** MainLogin ***************************/ .log { width:90%; height:14px; background-image:url(img/input_bg.jpg); background-repeat:repeat-x; border:1px solid #ccc; color:#333333; padding-left:5px; padding-top:2px; } .logE { background-image:url(images/input_bg.jpg); background-repeat:repeat-x; border:1px solid #ccc; color:#333333; font:normal 14px Arial, Helvetica, sans-serif; margin-right:4px; padding:3px; margin-top: 3px; margin-bottom: 5px; } a.btnlogin { padding: 0px 0px 0 114px; cursor: pointer; height:45px; text-decoration: none; display: inline-block; background: transparent url('img/main-login01.jpg') right center no-repeat; } a:hover.btnlogin { background: transparent url('img/main-login02.jpg') right center no-repeat; } a.btnStudent { padding: 0px 0px 0px 60px; cursor: pointer; text-decoration: none; height:22px; display: inline-block; background: transparent url('img/loginStudent1.jpg') left center no-repeat; } a:hover.btnStudent { background: transparent url('img/loginStudent2.jpg') left center no-repeat; } a.btnParent { padding: 0px 0px 0px 60px; cursor: pointer; text-decoration: none; height:22px; display: inline-block; background: transparent url('img/loginParent1.jpg') left center no-repeat; } a:hover.btnParent { background: transparent url('img/loginParent2.jpg') left center no-repeat; } a.btnStudent.current { background: transparent url('img/loginStudent2.jpg') left center no-repeat; } a:hover.btnStudent.current { background: transparent url('img/loginStudent2.jpg') left center no-repeat; } a.btnParent.current { background: transparent url('img/loginParent2.jpg') left center no-repeat; } a:hover.btnParent.current { background: transparent url('img/loginParent2.jpg') left center no-repeat; } a.lblIDPW { margin: 7px 0px 6px 0px; text-decoration: none; height:9px; display: inline-block; vertical-align:top; font-size: 9px; text-align:left; color:#555; } a.btnIDPW { padding: 0px 0px 0px 80px; cursor: pointer; text-decoration: none; height:22px; display: inline-block; background: transparent url('img/loginIDPW.jpg') left center no-repeat; } a.btnMember { padding: 0px 0px 0px 59px; cursor: pointer; text-decoration: none; height:22px; display: inline-block; background: transparent url('img/loginMember.jpg') center center no-repeat; } #IDSave, #IDSaveP { text-decoration: none; height:22px; display: inline-block; text-decoration: none; vertical-align:top; width:50px; background: transparent url('img/loginIDSave.jpg') right center no-repeat; } a.btnAmdin { padding: 0px 0px 0 117px; cursor: pointer; height:22px; text-decoration: none; display: inline-block; background: transparent url('img/loginAdmin.jpg') left top no-repeat; } a.btnMember2 { padding: 0px 0px 0 117px; cursor: pointer; height:22px; text-decoration: none; display: inline-block; background: transparent url('img/loginMember2.jpg') left top no-repeat; } a.btnlogout { padding: 0px 0px 0 79px; cursor: pointer; height:45px; text-decoration: none; display: inline-block; background: transparent url('img/main-logout.jpg') right top no-repeat; } a.btnLogoutUnder { padding: 0px 0px 0 203px; height:22px; text-decoration: none; display: inline-block; background: transparent url('img/logout-under-main.jpg') right top no-repeat; } /****************** UserLogin ***************************/ .Userlog { width:90%; height:14px; background-image:url(img/input_bg.jpg); background-repeat:repeat-x; border:1px solid #ccc; color:#333333; padding-left:5px; padding-top:2px; } a.btnUserlogin { padding: 0px 0px 0px 98px; cursor: pointer; text-decoration: none; height:43px; display: inline-block; background: transparent url('img/ent_login-btn1.jpg') right center no-repeat; } a:hover.btnUserlogin { background: transparent url('img/ent_login-btn2.jpg') right center no-repeat; } a.btnUserStudent { padding: 0px 0px 0px 86px; cursor: pointer; text-decoration: none; height:23px; display: inline-block; background: transparent url('img/login-1.jpg') left bottom no-repeat; } a:hover.btnUserStudent { background: transparent url('img/login-1-1.jpg') left bottom no-repeat; } a.btnUserParent { padding: 0px 0px 0px 86px; cursor: pointer; text-decoration: none; height:23px; display: inline-block; background: transparent url('img/login-2.jpg') left bottom no-repeat; } a:hover.btnUserParent { background: transparent url('img/login-2-1.jpg') left bottom no-repeat; } a.btnUserStudent.current { background: transparent url('img/login-1-1.jpg') left bottom no-repeat; } a:hover.btnUserStudent.current { background: transparent url('img/login-1-1.jpg') left bottom no-repeat; } a.btnUserParent.current { background: transparent url('img/login-2-1.jpg') left bottom no-repeat; } a:hover.btnUserParent.current { background: transparent url('img/login-2-1.jpg') left bottom no-repeat; } a.btnUserIDPW { padding: 0px 0px 5px 80px; cursor: pointer; text-decoration: none; height:25px; display: inline-block; background: transparent url('img/loginIDPW.jpg') left top no-repeat; } a.btnUserMember { padding: 0px 0px 5px 59px; cursor: pointer; text-decoration: none; height:25px; display: inline-block; background: transparent url('img/loginMember.jpg') right top no-repeat; } #UserIDSave, #UserIDSaveP { text-decoration: none; height:22px; display: inline-block; text-decoration: none; vertical-align:top; width:50px; background: transparent url('img/loginIDSave.jpg') right center no-repeat; } /******************************** Login Page ********************************/ body#login { color: #fff; background: #222 url('../images/bg-login.gif'); } #login-wrapper { background: url('../images/bg-login-top.png') top left repeat-x; } #login-wrapper #login-top { width: 100%; padding: 140px 0 50px 0; text-align: center; } #login-wrapper #login-content { text-align: left; width: 300px; margin: 0 auto; } #login-wrapper #login-content label { color: #fff; font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif; float: left; width: 70px; padding: 0; } #login-wrapper #login-content input { width: 200px; float: right; margin: 0 0 20px 0; border: 0; background: #fff; } #login-wrapper #login-content p { padding: 0; } #login-wrapper #login-content p#remember-password { float: right; } #login-wrapper #login-content p#remember-password input { float: none; width: auto; border: 0; background: none; margin: 0 10px 0 0; } #login-wrapper #login-content p .button { width: auto; margin-top: 20px; } /********************** MainNav-wrapper ************************/ #MainNav-wrapper { position:relative; margin: 0px 0px 0px -60px; } #MainNav-wrapper #MainNav { width: 678px; height:382px; } #MainNav-wrapper #MainNav #MainNavLeft { position: absolute; left : 10px; top : 161px; width: 20px; height: 60px; background: url('img/ent_pic_btn_left.png') left center no-repeat; cursor:pointer; } #MainNav-wrapper #MainNav #MainNavRight { position: absolute; left : 649px; top : 161px; width: 20px; height: 60px; background: url('img/ent_pic_btn_right.png') right center no-repeat; cursor:pointer; } #MainNav-wrapper #MainNav #MainNavPlayer.play { position: absolute; left : 632px; top : 347px; width: 22px; height: 22px; background: url('img/play_btn.png') right center no-repeat; cursor:pointer; } #MainNav-wrapper #MainNav #MainNavPlayer.pause { position: absolute; left : 632px; top : 347px; width: 22px; height: 22px; background: url('img/pause_btn.png') right center no-repeat; cursor:pointer; } #MainNav-wrapper #MainNav #MainNavNo { position: absolute; left : 24px; top : 347px; } #MainNav-wrapper #MainNav #MainNavNo a { padding: 0px 0px 0px 25px; cursor: pointer; text-decoration: none; height:20px; display: inline-block; vertical-align:middle; } #MainNavNo a.MainNavNo1{ background: transparent url('img/ent_ipic_btn_1a.png') center center no-repeat; } #MainNavNo a.MainNavNo2{ background: transparent url('img/ent_ipic_btn_2a.png') center center no-repeat; } #MainNavNo a.MainNavNo3{ background: transparent url('img/ent_ipic_btn_3a.png') center center no-repeat; } #MainNavNo a.MainNavNo4{ background: transparent url('img/ent_ipic_btn_4a.png') center center no-repeat; } #MainNavNo a.MainNavNo5{ background: transparent url('img/ent_ipic_btn_5a.png') center center no-repeat; } #MainNavNo a.MainNavNo6{ background: transparent url('img/ent_ipic_btn_6a.png') center center no-repeat; } #MainNavNo a.MainNavNo7{ background: transparent url('img/ent_ipic_btn_7a.png') center center no-repeat; } #MainNavNo a.MainNavNo8{ background: transparent url('img/ent_ipic_btn_8a.png') center center no-repeat; } #MainNavNo a.MainNavNo9{ background: transparent url('img/ent_ipic_btn_9a.png') center center no-repeat; } #MainNavNo a.MainNavNo10{ background: transparent url('img/ent_ipic_btn_10a.png') center center no-repeat; } #MainNavNo a.MainNavNo11{ background: transparent url('img/ent_ipic_btn_11a.png') center center no-repeat; } #MainNavNo a.MainNavNo12{ background: transparent url('img/ent_ipic_btn_12a.png') center center no-repeat; } #MainNavNo a.MainNavNo13{ background: transparent url('img/ent_ipic_btn_13a.png') center center no-repeat; } #MainNavNo a.MainNavNo14{ background: transparent url('img/ent_ipic_btn_14a.png') center center no-repeat; } #MainNavNo a.MainNavNo15{ background: transparent url('img/ent_ipic_btn_15a.png') center center no-repeat; } #MainNavNo a.MainNavNo16{ background: transparent url('img/ent_ipic_btn_16a.png') center center no-repeat; } #MainNavNo a.MainNavNo17{ background: transparent url('img/ent_ipic_btn_17a.png') center center no-repeat; } #MainNavNo a.MainNavNo18{ background: transparent url('img/ent_ipic_btn_18a.png') center center no-repeat; } #MainNavNo a.MainNavNo19{ background: transparent url('img/ent_ipic_btn_19a.png') center center no-repeat; } #MainNavNo a.MainNavNo20{ background: transparent url('img/ent_ipic_btn_20a.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo1, #MainNavNo a.MainNavNo1.current { background: transparent url('img/ent_ipic_btn_1b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo2, #MainNavNo a.MainNavNo2.current{ background: transparent url('img/ent_ipic_btn_2b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo3, #MainNavNo a.MainNavNo3.current{ background: transparent url('img/ent_ipic_btn_3b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo4, #MainNavNo a.MainNavNo4.current{ background: transparent url('img/ent_ipic_btn_4b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo5, #MainNavNo a.MainNavNo5.current{ background: transparent url('img/ent_ipic_btn_5b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo6, #MainNavNo a.MainNavNo6.current{ background: transparent url('img/ent_ipic_btn_6b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo7, #MainNavNo a.MainNavNo7.current{ background: transparent url('img/ent_ipic_btn_7b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo8, #MainNavNo a.MainNavNo8.current{ background: transparent url('img/ent_ipic_btn_8b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo9, #MainNavNo a.MainNavNo9.current{ background: transparent url('img/ent_ipic_btn_9b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo10, #MainNavNo a.MainNavNo10.current{ background: transparent url('img/ent_ipic_btn_10b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo11, #MainNavNo a.MainNavNo11.current{ background: transparent url('img/ent_ipic_btn_11b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo12, #MainNavNo a.MainNavNo12.current{ background: transparent url('img/ent_ipic_btn_12b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo13, #MainNavNo a.MainNavNo13.current{ background: transparent url('img/ent_ipic_btn_13b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo14, #MainNavNo a.MainNavNo14.current{ background: transparent url('img/ent_ipic_btn_14b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo15, #MainNavNo a.MainNavNo15.current{ background: transparent url('img/ent_ipic_btn_15b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo16, #MainNavNo a.MainNavNo16.current{ background: transparent url('img/ent_ipic_btn_16b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo17, #MainNavNo a.MainNavNo17.current{ background: transparent url('img/ent_ipic_btn_17b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo18, #MainNavNo a.MainNavNo18.current{ background: transparent url('img/ent_ipic_btn_18b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo19, #MainNavNo a.MainNavNo19.current{ background: transparent url('img/ent_ipic_btn_19b.png') center center no-repeat; } #MainNavNo a:hover.MainNavNo20, #MainNavNo a.MainNavNo20.current{ background: transparent url('img/ent_ipic_btn_20b.png') center center no-repeat; } #SubNav { position:relative; width:678px; height:65px; overflow:hidden; } #SubNav #SubNavList { position: absolute; left : 20px; top : 230px; } #SubNav #SubNavLeft { position: absolute; left : 8px; top : 24px; width: 8px; height: 16px; background: url('img/left-arw.png') left center no-repeat; cursor:pointer; } #SubNav #SubNavRight { position: absolute; left : 662px; top : 24px; width: 8px; height: 16px; background: url('img/right-arw.png') right center no-repeat; cursor:pointer; } #SubNav #SubGallery li { padding: 0; cursor: pointer; text-decoration: none; display: inline-block; vertical-align:middle; float:left; width:80px; height:40px; margin-left:4px; margin-right:3px; padding-top:-13px; margin-top:13px; font-size:13px; color:#888888; border:2px solid #fff; } #SubNav #SubGallery li:hover, #SubNav #SubGallery li.current, #SubNav #SubGallery li.scroll { font-weight:bold; color:black; border:2px solid red;} #SubNav #SubGallery li.blank {background: transparent url('img/main_blankbox.jpg') center center no-repeat; cursor:default} #SubNav #SubGallery li.currentNav { border:0px solid #fff; width:106px; height:53px; margin-left:1px; margin-right:0px; padding-top:-2px; margin-top:2px; } #SubNav #SubGallery li.nearNav { width:90px; height:45px; margin-left:1px; margin-right:0px; padding-top:-9px; margin-top:9px; } #SubNav #SubGallery li.farNav { margin-left:1px; margin-right:0px; padding-top:-13px; margin-top:13px; } #SubNav #SubGallery li.currentNav2 { border:0px solid #fff; } #SubNav #SubGallery li.currentNav3 { width:106px; height:53px; margin-left:1px; margin-right:0px; padding-top:0px; margin-top:0px; border:2px solid #888; } #SubNav #SubGallery li.nearNav2 { padding-top:-5px; } /**************************** EntSubNav ****************************/ #EntSubNav { position:relative; width:226px; margin-top: 0px; height:188px; overflow:hidden; } #EntSubNav #EntSubNavLeft { position: absolute; left : 10px; top : 70px; width: 12px; height: 40px; background: url('img/ent_pic_btn_left-sm.png') left center no-repeat; cursor:pointer; } #EntSubNav #EntSubNavRight { position: absolute; left : 204px; top : 70px; width: 12px; height: 40px; background: url('img/ent_pic_btn_right-sm.png') right center no-repeat; cursor:pointer; } #EntSubNav #EntSubNavNo { position: absolute; left : 20px; top : 170px; } #EntSubNav #EntSubNavNo a { padding: 0px 0px 0px 15px; cursor: pointer; text-decoration: none; height:20px; display: inline-block; vertical-align:middle; } #EntSubNavNo a.EntSubNavNo1{ background: transparent url('img/ent_ipic_btn_small-1a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo2{ background: transparent url('img/ent_ipic_btn_small-2a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo3{ background: transparent url('img/ent_ipic_btn_small-3a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo4{ background: transparent url('img/ent_ipic_btn_small-4a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo5{ background: transparent url('img/ent_ipic_btn_small-5a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo6{ background: transparent url('img/ent_ipic_btn_small-6a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo7{ background: transparent url('img/ent_ipic_btn_small-7a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo8{ background: transparent url('img/ent_ipic_btn_small-8a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo9{ background: transparent url('img/ent_ipic_btn_small-9a.png') center center no-repeat; } #EntSubNavNo a.EntSubNavNo10{ background: transparent url('img/ent_ipic_btn_small-10a.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo1, #EntSubNavNo a.EntSubNavNo1.current { background: transparent url('img/ent_ipic_btn_small-1b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo2, #EntSubNavNo a.EntSubNavNo2.current { background: transparent url('img/ent_ipic_btn_small-2b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo3, #EntSubNavNo a.EntSubNavNo3.current { background: transparent url('img/ent_ipic_btn_small-3b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo4, #EntSubNavNo a.EntSubNavNo4.current { background: transparent url('img/ent_ipic_btn_small-4b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo5, #EntSubNavNo a.EntSubNavNo5.current { background: transparent url('img/ent_ipic_btn_small-5b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo6, #EntSubNavNo a.EntSubNavNo6.current { background: transparent url('img/ent_ipic_btn_small-6b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo7, #EntSubNavNo a.EntSubNavNo7.current { background: transparent url('img/ent_ipic_btn_small-7b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo8, #EntSubNavNo a.EntSubNavNo8.current { background: transparent url('img/ent_ipic_btn_small-8b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo9, #EntSubNavNo a.EntSubNavNo9.current { background: transparent url('img/ent_ipic_btn_small-9b.png') center center no-repeat; } #EntSubNavNo a:hover.EntSubNavNo10, #EntSubNavNo a.EntSubNavNo10.current { background: transparent url('img/ent_ipic_btn_small-10b.png') center center no-repeat; } /**************************** FamilyLink ****************************/ #FamilyLink { font-size: 0%; } #FamilyLink a.FamilyLink1, a.FamilyLink2 { padding: 0px 0px 0px 109px; cursor: pointer; text-decoration: none; height:76px; display: inline-block; } #FamilyLink a.FamilyLink3 { padding: 0px 0px 0px 102px; cursor: pointer; text-decoration: none; height:76px; display: inline-block; } #FamilyLink a.FamilyLink1 { background: transparent url('img/icon-center01.jpg') left bottom no-repeat; } #FamilyLink a:hover.FamilyLink1 { background: transparent url('img/icon-center01-1.jpg') left bottom no-repeat; } #FamilyLink a.FamilyLink2 { background: transparent url('img/icon-center02.jpg') left bottom no-repeat; } #FamilyLink a:hover.FamilyLink2 { background: transparent url('img/icon-center02-1.jpg') left bottom no-repeat; } #FamilyLink a.FamilyLink3 { background: transparent url('img/icon-iedu.jpg') right bottom no-repeat; } #FamilyLink a:hover.FamilyLink3 { background: transparent url('img/icon-iedu-1.jpg') right bottom no-repeat; } /**************************** NewMainTel ****************************/ #NewMainTel { font-size: 0%; } #NewMainTel a.NewMainTel1 { margin-top:4px; padding: 0px 0px 0px 262px; cursor: pointer; text-decoration: none; height:44px; display: inline-block; background: transparent url('img/ph-no-1.png') left center no-repeat; } #NewMainTel a:hover.NewMainTel1 { background: transparent url('img/ph-no-1-1.png') left center no-repeat; } #NewMainTel a.NewMainTel2 { margin-top:2px; padding: 0px 0px 0px 262px; cursor: pointer; text-decoration: none; height:44px; display: inline-block; background: transparent url('img/ph-no-2.png') left center no-repeat; } #NewMainTel a:hover.NewMainTel2 { background: transparent url('img/ph-no-2-1.png') left center no-repeat; } #NewMainTel a.NewMainMap1{ margin-top:4px; padding: 0px 0px 0px 46px; cursor: pointer; text-decoration: none; height:44px; display: inline-block; background: transparent url('img/ph-no-map1.png') left center no-repeat; } #NewMainTel a.NewMainMap2{ margin-top:2px; padding: 0px 0px 0px 46px; cursor: pointer; text-decoration: none; height:44px; display: inline-block; background: transparent url('img/ph-no-map2.png') left center no-repeat; } /**************************** NewMainLoginLink ****************************/ #NewMainLoginLink { font-size: 0%; } a.NewMainLoginLink1 { padding: 0px 0px 0px 129px; cursor: pointer; text-decoration: none; height:46px; display: inline-block; background: transparent url('img/m-login1-1.png') left top no-repeat; } a.NewMainLoginLink2 { padding: 0px 0px 0px 94px; cursor: pointer; text-decoration: none; height:46px; display: inline-block; background: transparent url('img/m-login2-1.png') right top no-repeat; } a:hover.NewMainLoginLink1 { background: transparent url('img/m-login1-2.png') left center no-repeat; } a:hover.NewMainLoginLink2 { background: transparent url('img/m-login2-2.png') left center no-repeat; } /**************************** NewMainHome ****************************/ #NewMainHome { font-size: 0%; } #NewMainHome a.NewMainHome1, a.NewMainHome2, a.NewMainHome3 { padding: 0px 0px 0px 125px; cursor: pointer; text-decoration: none; height:46px; display: inline-block; } #NewMainHome a.NewMainHome1 { background: transparent url('img/main-home1-1.png') left center no-repeat; } #NewMainHome a.NewMainHome2 { background: transparent url('img/main-home2-1.png') left center no-repeat; } #NewMainHome a.NewMainHome3 { background: transparent url('img/main-home3-1.png') left center no-repeat; } #NewMainHome a:hover.NewMainHome1 { background: transparent url('img/main-home1-2.png') left center no-repeat; } #NewMainHome a:hover.NewMainHome2 { background: transparent url('img/main-home2-2.png') left center no-repeat; } #NewMainHome a:hover.NewMainHome3 { background: transparent url('img/main-home3-2.png') left center no-repeat; } #NewMainHome a.NewMainHome1.current { background: transparent url('img/main-home1-2.png') left center no-repeat; } #NewMainHome a.NewMainHome2.current { background: transparent url('img/main-home2-2.png') left center no-repeat; } #NewMainHome a.NewMainHome3.current { background: transparent url('img/main-home3-2.png') left center no-repeat; } /**************************** NewEntLink ****************************/ a.NewEntLink1, a.NewEntLink2, a.NewEntLink3, a.NewEntLink4, a.NewEntLink5, a.NewEntLink6, a.NewEntLink7, a.NewEntLink8, a.NewEntLink9, a.NewEntLink10, a.NewEntLink11, a.NewEntLink12 { padding: 5px 0px 0px 75px; cursor: pointer; text-decoration: none; height:92px; display: inline-block; } a.NewEntLink1 { background: transparent url('img/qk-btn1-1.png') left center no-repeat; } a.NewEntLink2 { background: transparent url('img/qk-btn2-1.png') left center no-repeat; } a.NewEntLink3 { background: transparent url('img/qk-btn3-1.png') left center no-repeat; } a.NewEntLink4 { background: transparent url('img/qk-btn4-1.png') left center no-repeat; } a.NewEntLink5 { background: transparent url('img/qk-btn5-1.png') left center no-repeat; } a.NewEntLink6 { background: transparent url('img/qk-btn6-1.png') left center no-repeat; } a.NewEntLink7 { background: transparent url('img/qk-btn7-1.png') left center no-repeat; } a.NewEntLink11 { background: transparent url('img/qk-btn11-1.png') left center no-repeat; } a.NewEntLink9 { background: transparent url('img/qk-btn9-1.png') left center no-repeat; } a.NewEntLink8 { background: transparent url('img/qk-btn8-1.png') left center no-repeat; } a.NewEntLink10 { background: transparent url('img/qk-btn10-1.png') left center no-repeat; } a.NewEntLink12 { background: transparent url('img/qk-btn12-1.png') left center no-repeat; } a:hover.NewEntLink1 { background: transparent url('img/qk-btn1-2.png') left center no-repeat; } a:hover.NewEntLink2 { background: transparent url('img/qk-btn2-2.png') left center no-repeat; } a:hover.NewEntLink3 { background: transparent url('img/qk-btn3-2.png') left center no-repeat; } a:hover.NewEntLink4 { background: transparent url('img/qk-btn4-2.png') left center no-repeat; } a:hover.NewEntLink5 { background: transparent url('img/qk-btn5-2.png') left center no-repeat; } a:hover.NewEntLink6 { background: transparent url('img/qk-btn6-2.png') left center no-repeat; } a:hover.NewEntLink7 { background: transparent url('img/qk-btn7-2.png') left center no-repeat; } a:hover.NewEntLink11 { background: transparent url('img/qk-btn11-2.png') left center no-repeat; } a:hover.NewEntLink9 { background: transparent url('img/qk-btn9-2.png') left center no-repeat; } a:hover.NewEntLink8 { background: transparent url('img/qk-btn8-2.png') left center no-repeat; } a:hover.NewEntLink10 { background: transparent url('img/qk-btn10-2.png') left center no-repeat; } a:hover.NewEntLink12 { background: transparent url('img/qk-btn12-2.png') left center no-repeat; } /********************** contents-wrapper **************************/ #contents-wrapper { /*background: transparent url('img/sub_base_grad_line.png') left top repeat-y;*/ width:989px; padding-left:27px; padding-right:28px; margin-left:-28px; margin-top:-37px; padding-top:37px; } #contents-wrapper-table { margin: 10px 0 0 0; width:989px; } /***************** submenu ******************/ #submenu { width: 161px; height: 100%; left: 0; top: 0; color: #000; font-size: 11px; font-weight: bold; padding-bottom:200px; vertical-align:top; padding-right:10px; /*background: transparent url('img/sub_base_grad_line_right.jpg') right bottom repeat-y;*/ } #submenu #submenu-wrapper { margin: -1px 0 0 0; } #submenu #submenu-title { padding: 0 0 0 0; margin: 0; /*margin-right:-10px;*/ } #submenu #submenu-bottom { padding: 0 0 0 0; margin: 0; } #submenu #submenu-list { list-style: none; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #submenu #submenu-list li a.submenu-item { text-align:left; padding: 10px 20px; color: #767676; font-size: 11px; cursor: pointer; display: block; text-decoration: none; font-weight: bold; background: transparent url('img/submenu-bg-0.jpg') left center no-repeat; } #submenu #submenu-list li a:hover.submenu-item { background: transparent url('img/submenu-bg-1.jpg') left center no-repeat; padding: 10px 20px; color: #fff; font-size: 11px; cursor: pointer; display: block; text-decoration: none; font-weight: bold; } #submenu #submenu-list li a.current { background: transparent url('img/submenu-bg-2.jpg') left center no-repeat; color: #fff; font-weight: bold; } #submenu #submenu-list li a.current:hover { background: transparent url('img/submenu-bg-2.jpg') left center no-repeat; color: #fff; } /********************** subContents *************************/ #subContents { margin: 0 0 0 191px; padding: 0 0 20px 12px; top : 0; width:796px; vertical-align:top; } #subContents-wrapper { overflow:hidden; position:relative; } #subContents-wrapper #subContentsData1 { position:absolute; } #subContents-wrapper #subContentsData { position:relative; } #subContents #EntIcon a.EntIcon1, a.EntIcon2, a.EntIcon3 { padding: 0px 0px 0px 103px; cursor: pointer; text-decoration: none; height:49px; display: inline-block; } #subContents #EntIcon a.EntIcon1 { background: transparent url('img/icon-pic-dh1.jpg') center center no-repeat; } #subContents #EntIcon a.EntIcon2 { background: transparent url('img/icon-pic-dh2.jpg') center center no-repeat; } #subContents #EntIcon a.EntIcon3 { background: transparent url('img/icon-pic-ap1.jpg') center center no-repeat; } #subContents #EntIcon a:hover.EntIcon1 { background: transparent url('img/icon-pic-dh1-1.jpg') center center no-repeat; } #subContents #EntIcon a:hover.EntIcon2 { background: transparent url('img/icon-pic-dh2-1.jpg') center center no-repeat; } #subContents #EntIcon a:hover.EntIcon3 { background: transparent url('img/icon-pic-ap1-1.jpg') center center no-repeat; } #subContents #EntIcon a.EntIcon1.current { background: transparent url('img/icon-pic-dh1-1.jpg') center center no-repeat; } #subContents #EntIcon a.EntIcon2.current { background: transparent url('img/icon-pic-dh2-1.jpg') center center no-repeat; } #subContents #EntIcon a.EntIcon3.current { background: transparent url('img/icon-pic-ap1-1.jpg') center center no-repeat; } #subContents #EnterIcon a.EnterIcon1, a.EnterIcon2 { padding: 0px 0px 0px 118px; cursor: pointer; text-decoration: none; height:49px; display: inline-block; } #subContents #EnterIcon a.EnterIcon1 { background: transparent url('img/icon-enter-01.jpg') center center no-repeat; } #subContents #EnterIcon a.EnterIcon2 { background: transparent url('img/icon-enter-02.jpg') center center no-repeat; } #subContents #EnterIcon a:hover.EnterIcon1 { background: transparent url('img/icon-enter-01-1.jpg') center center no-repeat; } #subContents #EnterIcon a:hover.EnterIcon2 { background: transparent url('img/icon-enter-02-1.jpg') center center no-repeat; } #subContents #EnterIcon a.EnterIcon1.current { background: transparent url('img/icon-enter-01-1.jpg') center center no-repeat; } #subContents #EnterIcon a.EnterIcon2.current { background: transparent url('img/icon-enter-02-1.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon1, a.RecruitIcon2, a.RecruitIcon3 { padding: 0px 0px 0px 256px; cursor: pointer; text-decoration: none; height:49px; display: inline-block; } #subContents #RecruitIcon a.RecruitIcon1 { background: transparent url('img/icon-recruit-eng.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon2 { background: transparent url('img/icon-recruit-kor.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon3 { background: transparent url('img/icon-recruit-staff.jpg') center center no-repeat; } #subContents #RecruitIcon a:hover.RecruitIcon1 { background: transparent url('img/icon-recruit-eng-1.jpg') center center no-repeat; } #subContents #RecruitIcon a:hover.RecruitIcon2 { background: transparent url('img/icon-recruit-kor-1.jpg') center center no-repeat; } #subContents #RecruitIcon a:hover.RecruitIcon3 { background: transparent url('img/icon-recruit-staff-1.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon1.current { background: transparent url('img/icon-recruit-eng-1.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon2.current { background: transparent url('img/icon-recruit-kor-1.jpg') center center no-repeat; } #subContents #RecruitIcon a.RecruitIcon3.current { background: transparent url('img/icon-recruit-staff-1.jpg') center center no-repeat; } #subContents #EduIcon a.EduIcon1, a.EduIcon2 { padding: 0px 0px 0px 118px; cursor: pointer; text-decoration: none; height:49px; display: inline-block; } #subContents #EduIcon a.EduIcon1 { background: transparent url('img/icon-edu-01.jpg') top center no-repeat; } #subContents #EduIcon a.EduIcon2 { background: transparent url('img/icon-edu-02.jpg') center center no-repeat; } #subContents #EduIcon a:hover.EduIcon1, #subContents #EduIcon a.EduIcon1.current { background: transparent url('img/icon-edu-01-1.jpg') center center no-repeat; } #subContents #EduIcon a:hover.EduIcon2, #subContents #EduIcon a.EduIcon2.current { background: transparent url('img/icon-edu-02-1.jpg') center center no-repeat; } #subContents #BoardTitle { vertical-align:middle; padding: 10px; border: 1px solid #DCDCDC; font-weight:bold; background-color: #FCFCFC; } #subContents #BoardTable { width: 100%; } #subContents #BoardTable thead tr th { background-image:url(img/BoardTableHead-bg.jpg); background-repeat:repeat-x; } #subContents #BoardTable th { vertical-align:middle; padding-top:10px; padding-bottom:10px; border-top: 3px solid #DCDCDC; border-bottom: 1px solid #CFCFCF; text-align: center; font-weight: bold; color: #666666; } #subContents #BoardTable th.HeadNo { width:5%; } #subContents #BoardTable th.HeadTitle { width:67%; } #subContents #BoardTable th.HeadDate { width:20%; } #subContents #BoardTable th.HeadCount { width:8%; } #subContents #BoardTable tbody td { vertical-align:middle; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #F0F0F0; text-align: center; color: #666666; } #subContents #BoardTable td.BodyNo { } #subContents #BoardTable td.BodyTitle {text-align: left; padding-left: 10px; } #subContents #BoardTable td.BodyDate {} #subContents #BoardTable td.BodyCount {} /*************** Pagination ***************/ #subContents #BoardTable .pagination { text-align: center; padding: 20px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .pagination a.number { margin: 0 5px 0 0; padding: 3px 6px; border: 1px solid #ddd; color: #555; } .pagination a.current { border-color: #CFCFCF; color: #555; background-color: #DCDCDC; } .pagination a.current:hover { text-decoration: none; } /******************* TitleBar ****************************/ #subContents #TitleBar { text-indent:20px; height:30px; padding-top:16px; color:#aaaaaa;font-size:13px; background:url(img/main-bar-base.gif) left center no-repeat; width:796px; font-weight:bold; vertical-align:top; margin-bottom:10px; } /******************* EntTitle ****************************/ #subContents #EntTitleTable { width:100%;margin-top:10px;font-size:0;margin-bottom:15px;margin-left:10px; } #subContents #EntTitleTable .EntTitle { padding-left:30px; padding-top:22px; height:26px; color:#828284;font-size:14px; background:url(img/ent-title-base.jpg) left center no-repeat; width:239px; font-weight:bold; vertical-align:top; } /******************* BoxTable ****************************/ #subContents #BoxTitle, #subContents #BoxTitleTop { width:100%;border:1px solid #CFCFCF; margin-top:10px; } #subContents #BoxTitleTop { margin-top:15px; } #subContents #BoxTitle td, #subContents #BoxTitleTop td { padding:10px;background-image:url(img/BoardTableHead-bg.jpg);border:1px solid #CFCFCF;font-weight:bold; } #subContents #BoxBody { width:100%;border:1px solid #F0F0F0;margin-top:5px; } /******************* Member-wrapper ****************************/ #subContents #Member-wrapper { margin-left:20px; } #subContents #Member-wrapper .LabelTD { width:25%; padding:10px 0px 6px 10px; text-indent:60px; background-color: #F2F2F2; border-bottom:1px solid #cfcfcf; } #subContents #Member-wrapper .InputTD { width:75%; padding:10px 0px 6px 40px; border-bottom:1px solid #cfcfcf; }