@charset "euc-kr"; /* ---------------------------------------------------- * 파일 이름 : layout.css * 작성일 : 2010.01.15 * 설명 : 후이즈데스크 레이아웃 width:960px ---------------------------------------------------- */ @import "re_default"; /* 서브레이아웃900px */ #wrap { width:960px; height:100%; position:relative; margin:0 auto; padding:0; } #wrap #header{ width:100%; height:122px; margin:0; padding:0; position:relative; z-index:12; } #topmeun {position:relative; width:960px;} #GNB {position:relative; width:960px; height:34px; overflow:hidden; display:block;} #GNB ul{list-style:none; margin:0; padding:0; float:left;} #GNB li{float:left; display:block; margin:0; padding:0;} #wrap #container{ width:100%; margin:10px 0 0 0; padding:0; position:relative; float:left; z-index:11; } /* desk and gw main */ #wrap #container #gnb{ width:100%; height:27px; padding-bottom:8px; } #wrap #container #gnb .img {float:left; width:255px;} #wrap #container #gnb #gnbtxt {width:625px; font-family:돋움; font-size:11px; color:#999999; margin-top:10px; letter-spacing:-1px; float:right} #wrap #container #gnb #gnbtxt ul {margin:0; padding:0} #wrap #container #gnb #gnbtxt ul li {display:inline} #wrap #container #gnb #gnbtxt a {font-family:돋움; font-size:11px; color:#999999; letter-spacing:-1px; text-decoration:none} #wrap #container #gnb #gnbtxt a:hover {font-family:돋움; font-size:11px; color:#006DD2; letter-spacing:-1px; text-decoration:none} #wrap #container #gnb .bar {margin:0 4px; color:#999999; padding-top:2px} #wrap #container #gnb #gnbtxt .all {font-family:돋움; font-size:11px; color:#006DD2; margin-left:20px; text-decoration:none} /* #gnb 2010-01-18 추가*/ #wrap #container #contents { width:640px; margin:0; padding:0; position:relative; float:left; display:inline; } #wrap #container #contents #co1 { width:350px; margin:0 0px 0 0; padding:0; position:relative; float:left; } #wrap #container #contents #co2 { width:280px; margin:0; padding:0; position:relative; float:right; display:inline; } #wrap #container #contents #column { clear:both; width:100%; height: 0px; margin:0; padding:0; position:relative; } #wrap #container #side { width:300px; margin:0 0 0 0px; padding:0; position:relative; float:right; display:inline; } /* sub */ #wrap #container #menu { position:relative; width:180px; margin:10px 0 0 0; padding:0; float:left; display:inline; z-index:10; } #wrap #container #page { position:relative; width:730px; margin:10px 20px 0 0; padding:0; float:right; display:inline; } #wrap #footer{ width:960px; height:125px; padding:20px 0 0 0; margin:0 auto; position:relative; clear:both; z-index:9; } /* side-menu */ #sidemenu li a {text-indent: -5000px;} #sidemenu ul {background:#FFFFFF url('/images/renew1001/nav/side_menu_bg.gif') repeat-y 0 0; width:180px; margin:0; padding:0; float:left} #sidemenu ul li {margin:0; position:relative; display:block; padding:0 0 0 11px;} #sidemenu img {float:left} #sidemenu #end {position:relative; background:url('/images/renew1001/nav/side_menu_btm.gif') no-repeat 0 0; width:180px; height:15px; display:block; clear:both;} #sidemenu #end {position:relative; background:url('/images/renew1001/nav/side_menu_btm.gif') no-repeat 0 0; width:180px; height:15px; display:block; clear:both;} #sidemenu #desk01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk01.gif') no-repeat 0 -28px;} #sidemenu #desk01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk01.gif') no-repeat 0 -28px;} #sidemenu #desk02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk02.gif') no-repeat 0 -28px;} #sidemenu #desk02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk02.gif') no-repeat 0 -28px;} #sidemenu #desk03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk03.gif') no-repeat 0 -28px;} #sidemenu #desk03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk03.gif') no-repeat 0 -28px;} #sidemenu #desk04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk04.gif') no-repeat 0 -28px;} #sidemenu #desk04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk04.gif') no-repeat 0 -28px;} #sidemenu #desk05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk05.gif') no-repeat 0 -28px;} #sidemenu #desk05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_desk05.gif') no-repeat 0 -28px;} #sidemenu #gw01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 -28px;} #sidemenu #gw01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 -28px;} #sidemenu #gw02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw02.gif') no-repeat 0 -28px;} #sidemenu #gw02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw02.gif') no-repeat 0 -28px;} #sidemenu #gw03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 -28px;} #sidemenu #gw03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 -28px;} #sidemenu #gw04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 -28px;} #sidemenu #gw04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 -28px;} #sidemenu #gw05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 -28px;} #sidemenu #gw05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 -28px;} #sidemenu #gw06 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw06 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 -28px;} #sidemenu #gw06 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 -28px;} #sidemenu #mas01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas01.gif') no-repeat 0 -28px;} #sidemenu #mas01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas01.gif') no-repeat 0 -28px;} #sidemenu #mas02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas02.gif') no-repeat 0 -28px;} #sidemenu #mas02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas02.gif') no-repeat 0 -28px;} #sidemenu #mas03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas03.gif') no-repeat 0 -28px;} #sidemenu #mas03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas03.gif') no-repeat 0 -28px;} #sidemenu #mas04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas04.gif') no-repeat 0 -28px;} #sidemenu #mas04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas04.gif') no-repeat 0 -28px;} #sidemenu #mas05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas05.gif') no-repeat 0 -28px;} #sidemenu #mas05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas05.gif') no-repeat 0 -28px;} #sidemenu #mas06 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas06.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mas06 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas06.gif') no-repeat 0 -28px;} #sidemenu #mas06 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mas06.gif') no-repeat 0 -28px;} #sidemenu #adds00 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds00.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds00 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds00.gif') no-repeat 0 -28px;} #sidemenu #adds00 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds00.gif') no-repeat 0 -28px;} #sidemenu #adds01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds01.gif') no-repeat 0 -28px;} #sidemenu #adds01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds01.gif') no-repeat 0 -28px;} #sidemenu #adds02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds02.gif') no-repeat 0 -28px;} #sidemenu #adds02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds02.gif') no-repeat 0 -28px;} #sidemenu #adds03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds03.gif') no-repeat 0 -28px;} #sidemenu #adds03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds03.gif') no-repeat 0 -28px;} #sidemenu #adds04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds04.gif') no-repeat 0 -28px;} #sidemenu #adds04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds04.gif') no-repeat 0 -28px;} #sidemenu #adds05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds05.gif') no-repeat 0 -28px;} #sidemenu #adds05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds05.gif') no-repeat 0 -28px;} #sidemenu #adds06 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds06.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds06 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds06.gif') no-repeat 0 -28px;} #sidemenu #adds06 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds06.gif') no-repeat 0 -28px;} #sidemenu #adds07 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds07.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds07 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds07.gif') no-repeat 0 -28px;} #sidemenu #adds07 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds07.gif') no-repeat 0 -28px;} #sidemenu #adds08 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds08.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds08 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds08.gif') no-repeat 0 -28px;} #sidemenu #adds08 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds08.gif') no-repeat 0 -28px;} #sidemenu #adds09 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds09.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds09 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds09.gif') no-repeat 0 -28px;} #sidemenu #adds09 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds09.gif') no-repeat 0 -28px;} #sidemenu #adds10 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds10.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds10 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds10.gif') no-repeat 0 -28px;} #sidemenu #adds10 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds10.gif') no-repeat 0 -28px;} #sidemenu #adds11 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds11 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 -28px;} #sidemenu #adds11 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 -28px;} #sidemenu #biz01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #biz01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz01.gif') no-repeat 0 -28px;} #sidemenu #biz01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz01.gif') no-repeat 0 -28px;} #sidemenu #biz02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #biz02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz02.gif') no-repeat 0 -28px;} #sidemenu #biz02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_biz02.gif') no-repeat 0 -28px;} #sidemenu #mydesk01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mydesk01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk01.gif') no-repeat 0 -28px;} #sidemenu #mydesk01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk01.gif') no-repeat 0 -28px;} #sidemenu #mydesk02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mydesk02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk02.gif') no-repeat 0 -28px;} #sidemenu #mydesk02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk02.gif') no-repeat 0 -28px;} #sidemenu #mydesk03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mydesk03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk03.gif') no-repeat 0 -28px;} #sidemenu #mydesk03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk03.gif') no-repeat 0 -28px;} #sidemenu #mydesk04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mydesk04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk04.gif') no-repeat 0 -28px;} #sidemenu #mydesk04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk04.gif') no-repeat 0 -28px;} #sidemenu #mydesk05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #mydesk05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk05.gif') no-repeat 0 -28px;} #sidemenu #mydesk05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_mydesk05.gif') no-repeat 0 -28px;} #sidemenu #demo01 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo01 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo01.gif') no-repeat 0 -28px;} #sidemenu #demo01 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo01.gif') no-repeat 0 -28px;} #sidemenu #demo02 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo02.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo02 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo02.gif') no-repeat 0 -28px;} #sidemenu #demo02 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo02.gif') no-repeat 0 -28px;} #sidemenu #demo03 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo03 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo03.gif') no-repeat 0 -28px;} #sidemenu #demo03 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo03.gif') no-repeat 0 -28px;} #sidemenu #demo04 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo04 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo04.gif') no-repeat 0 -28px;} #sidemenu #demo04 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo04.gif') no-repeat 0 -28px;} #sidemenu #demo05 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo05 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo05.gif') no-repeat 0 -28px;} #sidemenu #demo05 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo05.gif') no-repeat 0 -28px;} #sidemenu #demo06 a {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo06.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #demo06 a:hover {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo06.gif') no-repeat 0 -28px;} #sidemenu #demo06 .blue {background:#FFFFFF url('/images/renew1001/nav/side_menu_demo06.gif') no-repeat 0 -28px;} #sidemenu2 h2 {position:relative; clear:both; width:100%; font-family:Gulim, "굴림"; font-size:12px; color:#444444; margin:15px 3px 10px 0; float:left; display:inline;} #sidemenu2 h3 {width:100%; font-family:Gulim, "굴림"; font-size:12px; color:#444444; border-bottom:1px solid #E9E9E9; padding:15px 0 7px 0; margin-bottom:10px;} #sidemenu2 h4 {float:left; background:#FFFFFF url('/images/renew1001/gw/bullet_arr_bk.gif') no-repeat 0 3px; position:relative; font-family:Gulim, "굴림"; font-size:12px; color:#444444; margin:15px 0 10px 0; padding:0 0 0 10px;} .main_flash {position:relative; width:640px; height:220px; margin:0; padding:0; float:left; display:inline;} .addser01 {position:relative; width:140px; height:439px; margin:0; padding:0; float:left; display:inline;} .addser01 li, .addser02 li {display:inline; float:left;} .addser02 {position:relative; width:140px; height:439px; margin:0; padding:0; float:left; display:inline;} .login { background:#F8F8F8 url('/images/renew1001/main/loginbg.gif') repeat-x 0 0; position:relative; width:320px; height:90px; margin:0; padding:0; float:left; display:inline; } .login .idsave {position:absolute; top:50px; left:5px;} .login .btn_login {position:absolute; top:50px; left:120px;} .login .menu {position:absolute; top:13px; left:220px;} .login fieldset {position:relative; top:11px; left:12px; display:block; width:180px; height:70px; border:0; text-align:left;} .login label {display:block; width:180px; height:18px; padding:3px;} .loginbn {position:relative; width:320px; height:130px; margin:0; padding:0; float:left; display:inline;} .logout { background:#F8F8F8; position:relative; width:320px; height:90px; margin:0; padding:0; float:left; display:inline; } .flash_gw { clear:both;} .form_list {width:330px; height:137px; clear:both; background:#F8F8F8; padding:10px; text-align:center;} .form_free01 {position:relative; width:140px; height:157px; margin:0; padding:0; float:left; display:inline;} .form_free02 {position:relative; width:140px; height:157px; margin:0; padding:0; float:left; display:inline;} .form_free01 li, .form_free02 li{display:inline;float:left;} .join_btn li {display:inline; float:left; padding-top:10px;} .notice {border-top:px; width:100%; height:80px;} .notice ul {margin:0; padding:0;} .notice li { float:left; position:relative; padding:10px 0; } .co li {display:inline; width:100%; text-align:center;} .ulimg li {float:left; display:inline; margin:0; padding:0;} .built-in {position:relative; width:315px; height:278px; float:left; display:inline; margin:0; padding:0;} .built-in .builtbox {background:#DDDDDD url('/images/renew1001/gw/builtin_boxbg.gif') no-repeat 0 0; display:block; width:315px; height:240px; clear:both;} .built-in .builtbox .img {position:relative;float:left; display:inline; padding:10px 0 9px 9px;} .built-in .builtbox .txt {position:relative;float:right; display:inline; padding:10px 8px 9px 0;} .reason7 {position:relative; width:315px; height:134px; float:left; display:inline; margin:0; padding:0;} .crm {position:relative; background: url('/images/renew1001/main/crm_bg.gif') no-repeat 0 0; width:300px; height:113px;} .crm .chat {position:absolute; top:56px; left:200px;} .crm .question {position:absolute; top:80px; left:200px;} /* gw2_subpage */ .bluebox {position:relative; width:166px; border:2px solid #becae0; padding:5px; clear:both;} .function_box {position:relative; border:1px solid #d9d9d9; float:left; display:inline;} .function_box .tab {position:relative; float:left; width:359px; vertical-align:top;} .function_box .view {position:relative; float:left; width:365px; height:620px; vertical-align:top; border-left:1px solid #d9d9d9;} .bdr_top_gry {border-top:1px solid #d9d9d9;} .mxtab {position:relative; float:left; width:730px; height:45px; border-bottom:2px solid #7e83bd; margin-bottom:30px;} .mxtab li {float:left; vertical-align:bottom;} .grybox {position:relative; border:1px solid #ededed; width:688px; background:#f9f9f9; padding:20px; } .funcbox {background:url('/images/renew1001/gw/gws_join_boxbg.gif') no-repeat 0 0; padding:10px; width:360px; height:183px; display:block; vertical-align:top;} .imgmd {vertical-align:middle} .demobox {position:relative; border:1px solid #ECECEC; padding:20px; width:690px; float:left; display:inline; margin-bottom:25px;} .demobox .box01 {position:relative; float:left; display:inline; width:280px;} .demobox .box02 {position:relative; float:right; display:inline;width:380px;} .demobox2 {position:relative; border:1px solid #ECECEC; padding:20px; width:315px; float:left;} /* table */ .table02 thead th {padding:5px 0; color:#3BA5B8; font-weight:bold; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; text-align:left; line-height:160%;} .table02 thead td {padding:5px 0; color:#3BA5B8; font-weight:bold; border-bottom:1px solid #dddddd; text-align:left; background:#F8F8F8;line-height:160%;} .table02 tbody th {padding:5px 0; color:#3BA5B8; border-bottom:1px solid #dddddd; text-align:left;line-height:160%;} .table02 tbody td {padding:5px 0; color:#888888; border-bottom:1px solid #dddddd; text-align:left; background:#F8F8F8;line-height:160%;} .table03 thead th {background:#EEF2F7; padding:5px; color:#4a7db6; font-weight:bold; border-bottom:1px solid #CCD6E2; border-top:2px solid #CCD6E2; text-align:center; line-height:160%;} .table03 thead td {background:#FFFFFF; padding:5px; color:#888888; font-weight:normal; border-bottom:1px solid #CCD6E2; border-top:2px solid #CCD6E2; text-align:left; line-height:160%;} .table03 tbody th {background:#EEF2F7; padding:5px; color:#4a7db6; border-bottom:1px solid #CCD6E2; text-align:left; line-height:160%;} .table03 tbody td {background:#FFFFFF; padding:5px; color:#888888; border-bottom:1px solid #CCD6E2; text-align:left; line-height:160%;} .table03 .color01 {background:#FDF9E4;} .table03 .color02 {background:#EBF7ED;} .table03 .color03 {background:#E5EEFF;} .table03 .txt_ce {text-align:center} .table03 .txt_ri {text-align:right;} .table03 .txt_le {text-align:left;} .table03 .bdr-right {border-right:1px solid #CCD6E2} .table03 .bdr-left {border-left:1px solid #CCD6E2}/* 20100219추가 */ .table03 .pad0 {padding:0;} .table03 .bg_green {background:#E8FAE2;} .table04 thead th {padding:5px 0; color:#555555; font-weight:bold; border-bottom:1px solid #575757; border-right:1px solid #575757; border-top:3px solid #575757; text-align:center; line-height:160%; background:#F4F4F4;} .table04 thead td {padding:5px 5px 5px 10px; color:#777777; font-weight:normal; border-bottom:1px solid #575757; border-top:3px solid #575757; border-right:1px solid #575757; text-align:left; line-height:160%;} .table04 tbody th {padding:5px 0; color:#555555; border-bottom:1px solid #575757; text-align:center; line-height:160%; background:#F4F4F4; border-right:1px solid #575757;} .table04 tbody td {padding:5px 5px 5px 10px; color:#777777; border-bottom:1px solid #575757; text-align:left; line-height:160%; border-right:1px solid #575757;} .table04 .list_none {padding:0 0 0 0;} .table04 .bdr_left {border-left:3px solid #575757;} .table04 .bdr_right {border-right:3px solid #575757;} .table04 .bdr_btm {border-bottom:3px solid #575757;} .table04 .txt_ri {text-align:right;} .table04 .txt_ce {text-align:center;} .table04 .add_list {width:401px;} .table04 .add_price {padding:5px 5px 5px 10px;width:164px;border-left:1px solid #575757;} /*201005 가격수정*/ .table05 thead, .table05 tbody {color:#777777} .table05 thead th.bg1 {font-family: Dotum,"돋움"; width:106px; height:31px; background:url('/images/renew1001/gw/table_price_th01.gif') no-repeat left top; color:#676767;} .table05 thead th.bg2 {font-family: Dotum,"돋움"; width:104px; height:31px; background:url('/images/renew1001/gw/table_price_th02.gif') no-repeat left top; color:#FFFFFF;} .table05 thead th.bg3 {font-family: Dotum,"돋움"; width:104px; height:31px; background:url('/images/renew1001/gw/table_price_th03.gif') no-repeat left top; color:#FFFFFF;} .table05 thead td {} .table05 tbody th {font-family: Dotum,"돋움"; background:#F2F2F2; padding:7px 0; color:#676767; border-bottom:1px solid #D7D7D7;} .table05 tbody td {font-family: Dotum,"돋움"; padding:7px 0; border-bottom:1px solid #CCD6E2; border-right:1px solid #CCD6E2;} /* popup */ .popup {border:3px solid #8F8F8F;} /* all-menu */ .all-menu { position:relative; background:url('/images/renew1001/main/img_all_menu.png') repeat-x 0 0; width:960px; height:400px; line-height:150%; margin:0; padding:0; } .all-menu .w115 {width:115px;} .all-menu .w125 {width:125px;} .all-menu .w90 {width:90px;} .all-menu ul {float:left; display:inline; text-align:left; margin:0; padding:0;} .all-menu ul li {float:left; display:inline; margin:0; padding:0; text-align:left; clear:both; width:100%;} .all-menu li a {text-align:left; margin:0; padding:0;} .all-menu li a:hover {text-decoration:underline;} .all-menu .close {position:absolute; top:48px; left:945px;} .all-menu .m1 {position:absolute; top:60px; left:210px;} .all-menu .m2 {position:absolute; top:60px; left:340px;} .all-menu .m3 {position:absolute; top:60px; left:470px;} .all-menu .m4 {position:absolute; top:60px; left:610px;} .all-menu .m5 {position:absolute; top:60px; left:750px;} .all-menu .m6 {position:absolute; top:60px; left:855px;} /* 20100219 */ .upgrade {padding-left:30px; padding-right:30px; padding-top:20px; border:1px solid #D7DBDE;border-top:none;} .upgrade table td .bluetxt {color:#4F78AC;} .upgrade .gbox {border:1px solid #C5CFDB; padding:15px;} /* 20100302 */ .eventtab {position:relative; width:100%; height:37px; background:url('/images/renew1001/sub/event_tab_bg.gif') repeat-x left bottom; display:block; float:left;} /* footer */ #footer #copy {position:relative; width:960px; height:102px; clear:both;} #footer #copy .bg {background:url('/images/renew1001/main/footer_bg.gif') repeat-x 0 0; height:7px; width:100%; margin-top:15px; margin-bottom:10px} #footer #copy .logo {position:relative; display:block; width:220px; float:left; left:36px; top:20px} #footer #copy .bdr {position:relative; display:block; width:12px; height:70px; border-left:1px solid #E3E3E3; float:left; margin-top:2px} #footer #copy .bar {color:#CCCCCC; padding:0 5px 0 5px} #footer #copy .txt ul {position:relative; margin:0; padding:0;} #footer #copy .txt ul li {display:inline; margin:4px 0; padding:0; font-size:11px; letter-spacing:-1px;} #footer #copy .txt p {margin:5px 0; font-size:11px; color:#a0a0a0; font-family:돋움, verdana; letter-spacing:-1px;} #footer #copy .txt .select {color:#0C5095; font-size:11px; font-family:돋움, verdana; height:18px; line-height:0px; width:116px; margin-left:15px} #footer #copy a {color: #666666; font-size:11px; font-family:돋움; letter-spacing:-1px; text-decoration:none;} #footer #copy a:hover {color: #006DD2; font-size:11px; font-family:돋움; letter-spacing:-1px; text-decoration:none;} /* 서브페이지 내부 컨텐츠 */ .sub {position:relative; width:725px; padding-bottom:20px; clear:both;} .sub .line {position:relative; width:100%; margin-bottom:20px;padding-bottom:5px; border-bottom:1px solid #D0D0D0;} .sub h3 .img {padding-left:15px;} .subpay {width:684px; margin:0 auto; padding:0;} .subcon {width:652px; margin:0 auto; padding:20px 0;} .subcon .vctab {position:relative; float:left; width:100%;}/* 탭메뉴 */ .subcon .vctab li {display:inline} .subcon .vctab img {float:left;} /* 내그룹웨어 관리 091221 */ .subpay .use_domain {background:url('/images/extend20/mygw_title_img.gif') no-repeat left top; width:685px; height:120px; position:relative; padding-bottom:10px} .subpay .use_domain span {position:absolute;} .subpay .use_domain .selected {position:absolute; top:22px; left:235px;} .subpay .use_domain .txt_use {top:25px; left:120px;} .subpay .use_domain .txt_end {top:62px; left:120px;} .subpay .use_domain .txt_date1 {top:60px; left:235px; font-size:18px; font-weight:bold; color:#FF6600; font-family:arial, verdana;} .subpay .use_domain .txt_date2 {top:60px; left:415px; font-size:18px; font-weight:bold; color:#FF6600; font-family:arial, verdana;} .subpay .use_domain .txt_endday {top:62px; left:335px;} .subpay .use_domain .txt_remain {top:62px; left:450px;} .subpay .use_domain .txt_oldmanage {top:56px; left:542px;} /* 내 부가서비스 관리 */ #page .subpay .table_title {background:#FFFFFF url('/images/addition/bull_pink.gif') no-repeat 0 0px; padding-left:20px; margin:20px 0 5px 0; font-weight:bold; color:#444444} #page .subpay .table_title1 {background:#FFFFFF url('../화상회의/images/bull_pink.gif') no-repeat 0 0px; padding-left:20px; margin:0 0 5px 0; font-weight:bold; color:#444444}/* 091012 캡스 부가서비스 결제페이지 신청타이틀*/ #page .subpay .table_title2 {float:left; position:relative; display:inline; width:120px; background:#FFFFFF url('/images/addition/bull_pink.gif') no-repeat 0 0px; padding-left:20px; margin-top:30px; font-weight:bold; color:#444444} #page .subpay .state {background:#FFFFFF url('/images/addition/state_bg.gif') no-repeat 0 0; width:685px; height:120px;} #page .subpay .state ul {padding:15px 0 15px 20px;} #page .subpay .state li {padding:4px 0;} #page .subpay .state select {width:300px; font-size:12px; color:#676767} #page .subpay .state .num {font-family:verdana; font-size:14px; font-weight:bold; color:#FF0000;} #page .pinktop {padding-bottom:2px;} #page .service_info {position:relative; float:right; display:inline; background:#FFFFFF url('/images/addition/state_dott.gif') no-repeat right bottom; width:430px; height:30px; margin:15px 0 5px 0;} .subpay .admin {background:url("/images/extend20/mygw_admin_info.gif") no-repeat left top; width:240px; height:141px; margin-bottom:10px;} .subpay .admin .admin_title {color:#216CD2; padding:13px 0 0 37px; margin:0; float:left; clear:both; } .subpay .admin .btn {padding:8px 7px 0 0;} .subpay .admin ul {padding:8px 0 0 15px; margin:0;} .subpay .admin ul li {margin:0; padding:2px 0 2px 10px; background:url('/images/extend20/bullet_list.gif') no-repeat left 6px;} .mygw_title {background:url("/images/extend20/bullet_title.gif") no-repeat left top; padding-left:20px; margin:20px 0 5px 0; font-weight:bold; color:#333333; line-height:140%; float:left;} .mygw thead th {border-top:3px solid #C8CFDF; border-bottom:1px solid #C8CFDF; background-color:#F1F1F1; color:#536BD3; padding:5px; line-height:130%; text-align:center;font-weight:bold;} .mygw thead td {border-top:3px solid #C8CFDF; border-bottom:1px solid #C8CFDF; background-color:#FFFFFF; color:#777777; padding:5px; line-height:130%; text-align:center;} .mygw tbody th {border-bottom:1px solid #C8CFDF; background-color:#F1F1F1; color:#536BD3; text-align:center; padding:5px; line-height:130%; font-weight:bold;} .mygw tbody td {border-bottom:1px solid #C8CFDF; background-color:#FFFFFF; color:#777777; text-align:center; padding:5px; line-height:130%;} .mygw thead .bdr_right, .mygw tbody .bdr_right {border-right:1px solid #C8CFDF;} .gwqt thead th {border-top:1px solid #C8CFDF; border-bottom:1px solid #C8CFDF;border-right:1px solid #C8CFDF; background-color:#F1F1F1; color:#536BD3; padding:5px; line-height:130%; text-align:center;font-weight:bold;} .gwqt thead td {border-top:1px solid #C8CFDF; border-bottom:1px solid #C8CFDF; background-color:#FFFFFF; color:#777777; padding:5px; line-height:130%; } .gwqt tbody th {border-bottom:1px solid #C8CFDF; background-color:#F1F1F1; color:#536BD3; text-align:center; padding:5px; line-height:130%; font-weight:bold;} .gwqt tbody td {border-bottom:1px solid #C8CFDF; background-color:#FFFFFF; color:#777777; padding:5px; line-height:130%;} .gwqt thead .bdr_right, .gwqt tbody .bdr_right {border-right:1px solid #C8CFDF;} /* 테이블 */ .ta01 thead th {border-top:3px solid #6699CB; background-color:#EDF2F5; border-bottom:1px solid #CCDEE2; color:#4B88B8; font-weight:bold; text-align:center; padding:5px; line-height:18px;} .ta01 thead td {border-top:3px solid #6699CB; background-color:#FFFFFF; color:#6C6C6C; border-bottom:1px solid #CCDEE2; line-height:18px; padding:5px; text-align:center} .ta01 thead td.topbdr {border-top:none;} .ta01 tbody th {background-color:#EDF2F5; border-bottom:1px solid #CCDEE2; color:#4B88B8; font-weight:bold; text-align:center; padding:5px; line-height:18px;} .ta01 tbody td {background-color:#FFFFFF; color:#6C6C6C; border-bottom:1px solid #CCDEE2; line-height:18px; padding:5px; text-align:center} .ta03 th {border-top:3px solid #6699CB; background-color:#EDF2F5; border-bottom:1px solid #CCDEE2; color:#4B88B8; font-weight:bold; text-align:center; padding:5px; line-height:17px;} .ta03 td {border-top:3px solid #6699CB; background-color:#FFFFFF; color:#6C6C6C; border-bottom:1px solid #CCDEE2; line-height:17px; padding:5px; text-align:center} .ta02 thead th {border-top:3px solid #6699CB; background-color:#EDF2F5; border-bottom:1px solid #CCDEE2; color:#4B88B8; font-weight:bold; text-align:center; padding:5px; line-height:18px;} .ta02 thead td {border-top:3px solid #6699CB; background-color:#FFFFFF; color:#6C6C6C; border-bottom:1px solid #CCDEE2; line-height:18px; padding:5px 5px 5px 15px; text-align:left;} .ta02 tbody th {background-color:#EDF2F5; border-bottom:1px solid #CCDEE2; color:#4B88B8; font-weight:bold; text-align:center; padding:5px; line-height:18px;} .ta02 tbody td {background-color:#FFFFFF; color:#6C6C6C; border-bottom:1px solid #CCDEE2; line-height:18px; padding:5px 5px 5px 15px; text-align:left;} .ta04 {width:290px; padding:10px; display:inline; float:left;}/* 그레이 테이블 */ .ta04 table {width:100%; border:1px solid #B3B3B3;} .ta04 th {border-bottom:1px solid #DEDEDE; padding:8px 0 5px 0; text-align:center;} .ta04 td {padding:5px; background-color:#FFFFFF; text-align:center;} .tablecap {background:#FFFFFF url('../화상회의/images/bull_arr.gif') no-repeat 0 1px; padding-left:10px; margin:10px 0;} .bdr_ri { border-right:1px solid #CCDEE2;} .w50 {width:50px;} .w60 {width:60px;} .w70 {width:70px;} .w80 {width:80px;} .w100 {width:100px;} .w150 {width:150px;} .w200 {width:200px;} .w100p {width:100%;} /* 그룹웨어 이용권 2010-03-30 */ .gwcp_bg {width:672px; height:89px; background: url("/images/event/10/gwcp_img_bg.gif") repeat-x left top; border:1px solid #E3E3E3; border-bottom:none;} .gwcp_box {border:1px solid #E3E3E3; padding:10px; width:100%} .gwcp_box li {padding:2px 0;} .subpay .table_title {background:#FFFFFF url('/images/addition/bull_pink.gif') no-repeat 0 0px; padding-left:20px; margin:20px 0 5px 0; font-weight:bold; color:#444444} .subpay .table_title2 {float:left; position:relative; display:inline; width:120px; background:#FFFFFF url('/images/addition/bull_pink.gif') no-repeat 0 0px; padding-left:20px; margin-top:30px; margin-bottom:5px; font-weight:bold; color:#444444} /* UC포인트 정보 타이틀 부분 */