@charset "euc-kr"; /* //LG1_라운지_EVENT02 */ /* CSS Document */ /************************** basic style ******************************/ html {width:100%; height:100%; overflow:hidden;} body { scrollbar-face-color:#580c12; scrollbar-shadow-color:#300609; scrollbar-highlight-color:#300609; scrollbar-3dlight-color:#300609; scrollbar-darkshadow-color:#300609; scrollbar-track-color:#300609; scrollbar-arrow-color:#280002; color:#644b4e; width:100%; height:100%; background-color:#000; } * {margin:0px; padding:0px; list-style:none; word-break:break-all;font-size:11px;font-family:"돋움";} frame {border:none;} img {border:none;vertical-align:top;selector-dummy:expression(this.hidefocus=true);} th, td {word-break:break-all;} a {selector-dummy:expression(this.hideFocus=true);outline:none;outline-style:none; text-decoration:none; color:#644b4e;} a:hover, a.selected {color:#555555;} ul, li, dl, dt, dd {margin:0 ; padding:0 ;list-style:none; } .fl{float:left; !important} .fr{float:right; !important} .cb{clear:both; !important} /************************** form style ******************************/ input {} input.line {border:1px solid #d0d0d0;line-height:14px;margin-top:-1px;} input.line.num {width:52px;} input.line.full {width:634px;} input.file {height:18px; border:1px solid #d0d0d0;font-size:12px;} input.check {width:14px; height:14px; margin:2px 3px 0 0;} input.radio {width:14px; height:14px; margin:2px 3px 0 0;} label {position:relative;margin-top:2px;margin-right:5px;} /*select {behavior:url("/js/selType_zinizine.htc");text-align:left;}*/ /*select {height:18px; color:#787878;}*/ select {font-size:11px;font-family:dotum;} textarea { scrollbar-face-color:#f3f3f3; scrollbar-shadow-color:#dedede; scrollbar-highlight-color:#f4f4f4; scrollbar-3dlight-color:#fefefe; scrollbar-darkshadow-color:#f3f3f3; scrollbar-track-color:#f8f8f8; scrollbar-arrow-color:#3f3f3f; background-color:#ffffff; border:1px solid #dcdcdc; padding:5px 2px; width:100%;} input, select, textarea { font-size:11px; font-family:"dotum"; color:#666666;} .input_text {border:solid 1px #cccccc;height:16px;padding:2px 0 0 2px;font-size:12px;color:#555555;} .input_file {border:solid 1px #cccccc;height:22px;font-size:12px;color:#555555;} /*0212추가*/ *html .input_file {border:solid 1px #cccccc;height:20px;font-size:12px;color:#555555;} *:first-child+html .input_file {border:solid 1px #cccccc;height:20px;font-size:12px;color:#555555;} .ico {margin:2px 0 0 2px;cursor:pointer;} *html.png24 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.atzine.com/images/fr/ma/common/mydesk_png24.png',sizingMethod="scale");} /* End form style */ /* layout */ /* flash */ #swfContainer {position:absolute;z-index:1500;height:150px;} #wrapper {width:960px;height:630px;margin:auto;position:absolute;top:50%;left:50%;margin-left:-480px;margin-top:-315px;z-index:10;} #bgzinizine {width:960px;height:630px;background:url("http://www.atzine.com/images/fr/ma/common/bg_zinizine.jpg") 0 top no-repeat;} #bgzinizine01 {width:960px;height:630px;background:url("http://www.atzine.com/images/fr/ma/common/bg_zinizine01.jpg") 0 top no-repeat;} #bgzinizine .bg01 {background:url("http://www.atzine.com/images/fr/ma/common/bg_zinizine.jpg") 0 top no-repeat;} #bgzinizine .bg02 {background:url("http://www.atzine.com/images/fr/ma/common/bg_zinizine01.jpg") 0 top no-repeat;} #header {width:960px;height:39px;} #contents {margin-left:11px;} #ziniLeft, #ziniRight {float:left;position:absolute;} #ziniLeft {z-index:2;} #ziniLeft .bg_mydesk {} #ziniRight {margin-top:6px;z-index:1;padding-left:394px;} #ziniRight .tab {position:absolute;margin-left:36px;margin-top:14px;width:467px;} #ziniRight .tab .left {float:left;} #ziniRight .tab .left img {margin-top:5px;margin-right:14px;} #ziniRight .tab .right {float:right;} #ziniRight .tab .right select {behavior:url("/js/selType_zinizine.htc");text-align:left;height:15px;font-size:10px;font-family:arial;} /* 왼쪽 프레임바뀔때스타일 - 0513 */ #leftFrmbg {width:394px;height:529px;} div.bgFrm01 {width:394px;height:529px;background:url("http://www.atzine.com/images/fr/ma/common/main_L.jpg") 0 0 no-repeat;} /*메인왼쪽*/ div.bgFrm01 .btnCloseLeft {position:absolute;top:407px;left:348px;} div.bgFrm02 {width:394px;height:529px;background:url("http://www.atzine.com/images/fr/ma/common/main_R.jpg") 0 0 no-repeat;} /*메인오른쪽*/ div.bgFrm02 .btnCloseLeft {position:absolute;top:407px;left:348px;} div.bgFrm03 {width:394px;height:529px;background:url("http://www.atzine.com/images/fr/ma/common/bg_rightOpen.jpg") 0 0 no-repeat;padding-left:2px;} /*오른쪽메뉴열렸을때*/ div.bgFrm03 .btnCloseLeft {position:absolute;top:407px;left:350px;} #frmLayout {width:814px;height:529px;padding-left:1px;background:url("http://www.atzine.com/images/fr/ma/common/main_bg.jpg") 0 0 no-repeat;} #rightFrmbg {width:546px;height:515px;padding-left:36px;background:url("http://www.atzine.com/images/fr/ma/common/bg_right01.jpg") 0 0 no-repeat;} #footer {position:absolute;top:577px;} #footer .navi {float:left; padding-left:351px;} /*#footer div.search {position:absolute; left:694px; top:; width:200px; height:21px; padding:0 0 0 90px; }*/ #footer div.search {position:absolute; left:659px; top:; width:200px; height:21px; padding:0 0 0 90px; } /*누르면 나오는 흰박스*/ #footer div.search td.w_box {display:none; position:absolute; left:; top:-51px; padding:3px; width:94px; height:45px; background-color:#fff; z-index:; border:none; color:#a39e9c;font-size:9px; font-family:arial;} /*//누르면 나오는 흰박스*/ *html #footer .btnsearch {margin-top:1px;} *:first-child+html #footer .btnsearch {margin-top:1px;} #footer div.search td.bsearch ul{ width:115px; height:22px; } #footer div.search td.bsearch ul li{ display:inline; float:left;} #footer div.search td.bsearch li.w_bor {display:inline; padding-top:2px; padding-left:2px; width:80px; height:14px;background-color:transparent; border-right:none; border-left:2px solid #9d9793; border-top:2px solid #9d9793; border-bottom:2px solid #9d9793; font-size:9px; color:#a39e9c; font-family:arial;} #footer div.search td.btn01 {padding-top:2px; width:42px; height:10px;} #footer div.search td.btn02 {padding-top:2px; width:38px; height:10px;} #footer div.search02 {position:absolute; left:694px; top:; width:200px; height:21px; padding:0 0 0 90px; } /*누르면 나오는 흰박스*/ #footer div.search02 td.w_box {display:none; position:absolute; left:; top:-51px; padding:3px; width:94px; height:45px; background-color:#fff; z-index:; border:none; color:#a39e9c;font-size:9px; font-family:arial;} /*//누르면 나오는 흰박스*/ *html #footer .btnsearch {margin-top:1px;} *:first-child+html #footer .btnsearch {margin-top:1px;} #footer div.search02 td.bsearch ul{ width:115px; height:22px; } #footer div.search02 td.bsearch ul li{ display:inline; float:left;} #footer div.search02 td.bsearch li.w_bor {display:inline; padding-top:2px; padding-left:2px; width:80px; height:14px;background-color:transparent; border-right:none; border-left:2px solid #9d9793; border-top:2px solid #9d9793; border-bottom:2px solid #9d9793; font-size:9px; color:#a39e9c; font-family:arial;} #footer div.search02 td.btn01 {padding-top:2px; width:42px; height:10px;} #footer div.search02 td.btn02 {padding-top:2px; width:38px; height:10px;} /* End layout */ /*mydesk 왼쪽썸네일*/ .mydeskLeft_01 {position:absolute;top:73px;left:173px;} .mydeskLeft_02 {position:absolute;top:201px;left:233px;} .mydeskLeft_03 {position:absolute;top:322px;left:233px;} .mydeskLeft_04 {position:absolute;top:376px;left:107px;} div.bgFrm01 .mydeskLeft_01,div.bgFrm02 .mydeskLeft_01 {position:absolute;top:73px;left:171px;} div.bgFrm01 .mydeskLeft_02,div.bgFrm02 .mydeskLeft_02 {position:absolute;top:201px;left:231px;} div.bgFrm01 .mydeskLeft_03,div.bgFrm02 .mydeskLeft_03 {position:absolute;top:322px;left:231px;} div.bgFrm01 .mydeskLeft_04,div.bgFrm02 .mydeskLeft_04 {position:absolute;top:376px;left:105px;} /*오른쪽열렸을때*/ #rightFrmbg .top {margin-top:14px;margin-right:44px;height:26px;} #rightFrmbg .top .tab img {margin-top:5px;margin-right:14px;} #rightFrmbg .top .tab, #rightFrmbg .top .search {float:left;} #rightFrmbg .top .search select {behavior:url("/js/selType_zinizine.htc");text-align:left;height:15px;font-size:10px;font-family:arial;} #rightFrmbg .top .tab {width:294px;} #rightFrmbg .top .search {width:171px;} #rightFrmbg .top .search01 {margin-left:389px;} /*0510*/ #rightFrmbg .top .search01 select {behavior:url("/js/selType_zinizine.htc");text-align:left;height:15px;font-size:10px;font-family:arial;} #rightFrmbg .top .addCopy {width:467px;margin-top:3px;text-align:right;color:#95464b;} /*0507*/ #rightFrmbg .top .addCopy img {margin-left:5px;} .mydeskStyle .left, .mydeskStyle .right {float:left;} .mydeskStyle .left {width:195px; color:#c57373;} .mydeskStyle .left img {display:inline;} .mydeskStyle .tit_15 {margin-bottom:5px;color:#FFFFFF;font-size:15px;font-weight:bold;} .mydeskStyle .tit_13 {margin-bottom:5px;color:#FFFFFF;font-size:12px;font-weight:bold;} .mydeskStyle .right {width:275px;} .mydeskStyle .dot {height:1px;font-size:0px;line-height:0px;margin:0px;padding:0px;background:url("http://www.atzine.com/images/fr/ma/common/dot_line.jpg") 0 bottom repeat-x;} *html .mydeskStyle .dot {height:0px;line-height:0px;} .table .tb table td.txt {padding-right:5px;height:12px;line-height:11px;color:#c57373;font-size:11px;} .table .tb table td.txt_img {height:12px;padding-right:0px;line-height:10px;color:#c57373;font-size:11px;} .mydeskStyle .tb .txt {padding-right:5px;height:12px;line-height:11px;color:#c57373;font-size:11px;} .mydeskStyle .tb .txt_img {height:12px;padding-right:0px;line-height:10px;color:#c57373;font-size:11px;} p.key {width:135px;color:#c57373;padding-top:1px;padding-bottom:8px;line-height:12px;} p.key img {height:10px;width:27px;padding-right:0px;line-height:12px;} *html p.key {line-height:10px;} *html p.key img {line-height:10px;} p.key a {color:#c57373;} p.key a:hover, a.selected {color:#950f18;} .mydeskStyle .list {height:100px;} .mydeskStyle .img, .mydeskStyle .table {float:left;} .mydeskStyle .table {width:135px;} .mydeskStyle .img {width:123px;height:90px;vertical-align:top;} .mydeskStyle .chkbox {position:absolute;filter:alpha(opacity=60);-moz-opacity:.7;margin:1px 0 0 1px;} .mydeskStyle .chkbox01 {position:absolute;filter:alpha(opacity=60);-moz-opacity:.7;margin:11px 0 0 1px;} .paging span {padding:2px 3px 0 3px;font-size:11px; border:1px solid blue;} .paging a {font-size:11px;font-family:arial;} .paging .off {font-family:arial;color:#5a181c;cursor:pointer;} .paging .on {font-family:arial;color:#983530;} .paging_zini span {font-size:12px;} .paging_zini a {font-size:12px;font-family:arial;} .paging_zini .off {font-size:12px;font-family:arial;color:#5a181c;cursor:pointer;} .paging_zini .on {font-size:12px;font-family:arial;color:#983530;} /*myinfo*/ div.minfo {margin-top:30px;} div.minfo th {vertical-align:top;text-align:left;padding-top:7px;} div.minfo td {font-size:11px;color:#c57373;} div.minfo .box {height:28px; color:#c57373;} div.minfo .box .line {height:16px;background-color:#5d2328;border:0px;padding-left:5px;padding-top:2px;color:#c57373;font-size:11px;} div.minfo .box .btn {margin:5px 0 0 15px;} div.minfo .box .tm {margin-top:2px;} div.minfo .box .check{ background-color:#7a3d41; border:none;} div.minfo .box select {behavior:url("/js/selType_myinfo.htc");text-align:left;font-size:10px;font-family:dotum; color:#c57373;} div.minfo .box textarea {background-color:#5d2328;border:0px;padding:4px 8px 4px 8px;height:35px;color:#c57373;overflow:auto;font-size:11px;} div.minfo .alignBtn {width:467px;margin-top:50px;text-align:right;} div.minfo .alignBtn01 {width:467px;margin-top:127px;text-align:right;} div.minfo .alignBtn02 {width:467px;margin-top:137px;text-align:right;} .myinfoLeft_01 {position:absolute;top:75px;left:69px;} .myinfoLeft_02 {position:absolute;top:75px;left:199px;} .myinfoLeft_03 {position:absolute;top:161px;left:69px;} .myinfoLeft_04 {position:absolute;top:161px;left:199px;} .myinfoLeft_05 {position:absolute;top:260px;left:59px;} .myinfoLeft_06 {position:absolute;top:260px;left:199px;} /* 필수정보수정/부가정보수정*/ /*myinfo(나의결제내역)*/ table tr.center td{text-align:center;} table tr td.center{ text-align:center;} table tr td.right {text-align:right;} .table01 { margin-bottom:20px;} .table01 table tr td {color:#95464b; padding-bottom:10px;} .table02 { width:467px;} .table02 table tr.bor td { border-bottom:1px dotted #611c21;width:455px;} .table02 table tr td { padding:5px; color:#95464b; width:400px;} .table02 table tr td.dd { width:680px; text-align:center;} .mic_list { position: absolute; left:230px; top:330px; width:280px;} .mic_list ul.list_5{float:left; display:inline; width:90px; height:9px; text-align:center;} .mic_list ul.list_5 img{ vertical-align:1px;} .mic_list ul li{float:left; display:inline; margin-right:7px;} .mic_list ul li a{color:#6f2025} .mic_list ul li a:hover{color:#ca4a42;} .mic_list ul.list_btn { text-align:right;} .mic2_list {position: absolute; left:210px; top:330px; width:280px;} .mic2_list ul.list_5{float:left; display:inline; width:90px; height:9px; text-align:center;} .mic2_list ul.list_5 img{ vertical-align:1px;} .mic2_list ul li{float:left; display:inline; margin-right:7px;} .mic2_list ul li a{color:#6f2025} .mic2_list ul li a:hover{color:#ca4a42;} .mic2_list ul.list_btn { text-align:right;} /*//myinfo(나의결제내역)*/ /*guestbook*/ div.guestB {} div.guestB .cnt {position:absolute;top:74px;left:359px;width:50px;text-align:right;color:#b96e73;font-weight:bold;} div.guestB .bxinput {width:467px;height:108px;background:url("http://www.atzine.com/images/fr/ma/guestbook/bx_01.jpg") 0 0 no-repeat;} div.guestB .bxinput li {float:left;margin-top:10px;} div.guestB .photo {margin-left:10px;} div.guestB .bxinput textarea {width:362px;height:70px;padding:5px 0 0 10px;background-color:transparent;border:0px;overflow:hidden;color:#8b5f60;} div.guestB .bxinput .btn {clear:both;margin-top:5px;margin-right:10px;text-align:right;} div.guestB .list {margin-top:10px;overflow-y:scroll;width:490px;height:250px;} div.guestB .list li {float:left;} div.guestB .list .no {width:60px;height:30px;padding-top:30px;background:url("http://www.atzine.com/images/fr/ma/guestbook/bg_guestNo.jpg") 0 0 no-repeat;color:#8b5f60;font-weight:bold;} div.guestB .list .photo {margin-right:5px;margin-left:0px;} div.guestB .list .id {padding-right:5px;color:#95464b;} div.guestB .list .date {color:#95464b; _margin-top:; .margin-top:-20px;} div.guestB .list .text div {width:330px;padding-top:5px;color:#8b5f60;} div.guestB .list .btn {text-align:right;width:467px;} div.guestB .list .btnimg {height:7px;line-height:5px;margin-top:5px;margin-bottom:5px;font-size:7px;} div.guestB .reply {margin-left:60px;width:407px;padding-top:5px;} div.guestB .reply .sphoto {margin-right:5px;} div.guestB .reply .text div {padding-top:0px;} div.guestB .reply .text {margin-bottom:0px;} div.guestB ul {clear:both;} div.guestB .reply .btn99 {width:9px;height:9px;font-size:9px;line-height:9px;vertical-align:top;} /*div.guestB .reply .inputbox {clear:both;padding-top:3px;padding-bottom:3px;margin-bottom:15px;background:url("http://www.atzine.com/images/fr/ma/guestbook/dot_02.gif") 0 bottom repeat-x;width:407px;text-align:left;} div.guestB .reply .inputbox .btn {margin:5px 0 0 5px;font-size:9px;height:9px;width:31px;line-height:9px;vertical-align:top;} div.guestB .reply .inputbox .line {padding-left:8px;padding-top:2px;height:16px;background-color:#4d2025;border:0px;color:#8b5f60;}*/ div.guestB .inputbox {margin-left:60px;padding-top:3px;padding-bottom:3px;text-align:left;} div.guestB .inputbox .btn {margin:5px 0 0 5px;font-size:9px;height:9px;width:31px;line-height:9px;vertical-align:top;} div.guestB .inputbox .line {padding-left:8px;padding-top:2px;height:16px;background-color:#4d2025;border:0px;color:#8b5f60;} div.guestB h4 {margin-left:60px;background:url("http://www.atzine.com/images/fr/ma/guestbook/dot_01.gif") 0 top repeat-x;width:407px;margin-top:3px;font-size:1px;line-height:1px;} div.guestB h5 {margin-left:60px;background:url("http://www.atzine.com/images/fr/ma/guestbook/dot_02.gif") 0 top repeat-x;width:407px;margin-top:3px;} /*guestbook 왼쪽썸네일*/ .guestLeft_01 {position:absolute;top:95px;left:257px;} .guestLeft_02 {position:absolute;top:155px;left:198px;} .guestLeft_03 {position:absolute;top:155px;left:319px;} .guestLeft_04 {position:absolute;top:215px;left:259px;} .guestLeft_05 {position:absolute;top:275px;left:198px;} .guestLeft_06 {position:absolute;top:275px;left:319px;} .guestLeft_07 {position:absolute;top:335px;left:259px;} /*회원탈퇴팝업*/ div.popleave {width:493px;height:538px;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_leave.gif") 0 0 no-repeat;} div.popleave .layout {padding:258px 0 0 87px;} div.popleave .layout .line {height:16px;background-color:#1a1a1a;border:solid 1px #151515;color:#a9a9a9;} div.popleave .layout td {height:25px;} div.popleave .layout .rdo {height:15px;text-align:left;} div.popleave .layout textarea {width:380px;height:40px;padding:5px 0 0 10px;background-color:#1a1a1a;border:solid 1px #151515;color:#a9a9a9; scrollbar-face-color:#1a1a1a; scrollbar-shadow-color:#1a1a1a; scrollbar-highlight-color:#1a1a1a; scrollbar-3dlight-color:#1a1a1a; scrollbar-darkshadow-color:#1a1a1a; scrollbar-track-color:#1a1a1a; scrollbar-arrow-color:#850009; } /*비밀번호변경*/ div.poppwd {width:353px;height:228px;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_pwd.gif") 0 0 no-repeat;} div.poppwd .layout {padding:66px 0 0 110px;} div.poppwd .layout .line {height:16px;background-color:#1a1a1a;border:solid 1px #151515;color:#a9a9a9;} div.poppwd .layout td {height:24px;} /* Search - 0504 */ div.searchL {} div.searchL .srchbox {position:absolute;top:296px;left:213px;width:142px;z-index:100;} div.searchL .srchbox input {height:16px;padding-top:2px;border:0px;background-color:#5e2328;color:#8b5f60;} div.searchL .srchbox img {margin:6px 0 0 6px;} div.searchL .contentsSrch {position:absolute;z-index:90;top:329px;left:40px;width:310px;color:#b96e73;font-weight:bold;} ul.srchResult {position:absolute;z-index:80;top:374px;left:44px;width:280px;} ul.srchResult li {float:left;width:123px;} ul.srchResult .snap {margin-right:30px;} ul.srchResult .snap p {padding-left:65px;color:#b96e73;font-weight:bold;} ul.srchResult .magazine p {padding-left:87px;color:#b96e73;font-weight:bold;} ul.srchResult img {margin-top:5px;} /*widget - 0504*/ .widgetText {width:460px;height:85px;background-color:transparent;border:solid 1px #723a3f;color:#644b4e;} .widgetBtn {width:467px;margin-top:35px;} /*qna - 0504*/ div.qnalayout {} div.qnalayout .cnt {margin-bottom:25px;} div.qnalayout .cnt span {height:14px;font-size:12px;color:#b96e73;font-weight:bold;vertical-align:middle;} div.qnalayout .list {overflow-y:auto;width:487px;height:310px;margin-bottom:50px;} div.qnalayout .list table {width:467px;} div.qnalayout .list td {text-align:center;height:26px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#644b4e;} div.qnalayout .list .last {background-image:none;} div.qnalayout .list .tit {text-align:left;} div.qnalayout .list tbody tr:hover {color:#95464b;cursor:pointer;} div.qnalayout .list input {filter:alpha(opacity=60);-moz-opacity:.7;} div.qnalayout .list .tdreply {height:0px;text-align:left;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_reply.png") 0 0 repeat-y; _background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_reply.jpg") 0 0 repeat-y;} div.qnalayout .list .bottom {background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;} div.qnalayout .list .tdreply .bx {padding:10px 20px 10px 20px;background-color:#550b11;color:#644b4e;text-align:left;} div.qnalayout .list .tdreply table {width:405px;} div.qnalayout .list .tdreply td {background-image:none;} div.qnalayout .list .tdreply .png11 {font-size:11px;height:11px;line-height:11px;} div.qnalayout .list .tdreply .contents {padding:10px 0 10px 0;} div.qnalayout .list .tdreply .answer {padding:0 0 10px 10px;} /* 카테고리관리 - 0508*/ div.cateList {margin-top:40px;} div.cateList .scroll {overflow-y:scroll;width:206px;height:193px;padding:10px 0 10px 13px;border:solid 1px #723a3f;} div.cateList .rm30 {padding-right:29px;} div.cateList .scroll p {height:20px;color:#644b4e;} div.cateList .scroll input {width:179px;height:14px;padding-top:4px;padding-left:5px;background-color:#67252a;color:#8b5f60;border:0px;} div.cateList .line {width:90px;height:14px;padding-top:4px;padding-left:5px;background-color:#67252a;color:#8b5f60;border:0px;} div.cateList .scroll .btn {padding-top:7px;} div.cateList .btn {margin-top:100px;width:467px;text-align:right;} div.cateList .png06 {margin-right:3px;height:7px;font-size:7px;line-height:7px;margin-top:3px;} div.cateList .png {height:7px;font-size:7px;line-height:7px;margin-top:3px;} div.cateList .multiSel {width:219px;height:200px; background-color:#590b12;}/*select box color변경*/ /* 배경음악 - 0506 */ div.musicList {margin-top:30px;overflow-y:auto;width:487px;height:298px;} div.musicList table {width:467px;} div.musicList td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#8b5f60;} div.musicList td input {filter:alpha(opacity=60);-moz-opacity:.7;} div.musicList td label {margin-left:5px;} div.musicList td .png {height:12px;font-size:12px;line-height:12px;} div.musicListBtn {margin-top:71px;width:467px;text-align:right;} /* mysubscriber - 0506 */ div.subscriberSrch {margin-top:20px;} div.subscriberSrch .line {;height:14px;padding-top:4px;padding-left:5px;background-color:#67252a;color:#8b5f60;border:0px;} div.subscriberSrch img {margin-right:10px;} div.subscriber {margin-top:22px;height:270px;margin-bottom:50px;} div.subscriber table {width:467px;} div.subscriber tr:hover {color:#95464b;} div.subscriber td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#644b4e;text-align:center;} div.subscriber .date {padding-left:40px;} div.subscriber .type {padding-left:53px;} div.subscriber .nm {padding-left:51px;} /*이미지등록-0506*/ div.popimg {width:353px;height:171px;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_img.jpg") 0 0 no-repeat;} div.popimg .layout {margin:35px 0 0 21px;} div.popimg .layout input {height:16px;padding:2px 0 0 5px;width:246px;border:solid 1px #151515;background-color:#1a1a1a;color:#b2b2b2;} div.popimg .layout .text {margin-top:20px;line-height:12px;color:#a9a9a9;} /* level - 0506 */ div.level {width:467px;} div.level .txtB01 {padding-top:1px;color:#b96e73; font-weight:bold;} div.level .txtB02 {padding-top:10px;color:#b96e73; font-weight:bold;} div.level .levelList {height:269px;width:487px;margin-bottom:70px;} div.level .levelList table {width:467px;} div.level .levelList td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#c57373;} div.level .levelList tr:hover {color:#fff;} div.level .levelList .type {padding-left:12px;} /* main - 0510 */ div.maininfo {margin-bottom:30px;} div.maininfo li {float:left;} div.maininfo .photo {width:90px;} div.maininfo .text {width:367px;height:80px;padding:10px 0 0 10px;background:url("http://www.atzine.com/images/fr/ma/main/bx_01.jpg") 0 0 no-repeat;color:#8b5f60;} div.mainlevel {} div.mainlevel .level, div.mainlevel .grapth {float:left;} div.mainlevel .level {width:253px;margin-top:16px;} div.mainlevel .graph {width:214px;margin-top:2px;} div.mainlevel .graph .txt, div.mainlevel .graph .grp {float:left;} div.mainlevel .graph .txt {width:39px;margin-top:3px;} div.mainlevel .graph .grp {width:175px;} div.mainlevel .graph .grp .arrtd {height:5px;} div.mainlevel .graph .grp .arr {height:3px;width:5px;vertical-align:bottom;margin-left:3px;text-align:right;} div.mainlevel .graph .grp .bar {height:10px;background-color:#381619;} div.mainlevel .graph .grp .bar01 {height:10px;background-color:#642329;} div.mainlevel .graph .grp table {width:100%;vertical-align:top;} div.mainlevel .ask {position:absolute;margin-left:108px;margin-top:5px;} div.mainlevel .ask img {font-size:14px;line-height:14px;} div.mainicon {margin-top:23px;} div.mainicon .iconList {margin-top:3px;} div.mainicon .iconList .list img {margin-right:16px;} div.mainicon .ask {position:absolute;margin-left:108px;margin-top:5px;} div.mainicon .ask img {font-size:14px;line-height:14px;} div.mainData {margin-top:30px;} div.mainData .data, div.mainData .subscriber, div.mainData .keyword {float:left;} div.mainData .data {width:140px;margin-right:5px;} div.mainData .data .more {position:absolute;margin-left:112px;margin-top:9px;} div.mainData .subscriber {width:177px;margin-right:5px;} div.mainData .subscriber .cnt {width:88px;height:15px;padding-left:132px;padding-top:7px;margin-bottom:14px;color:#8b5f60;background:url("http://www.atzine.com/images/fr/ma/main/title_04.jpg") 0 0 no-repeat;} div.mainData .subscriber .more {position:absolute;margin-left:153px;margin-top:9px;} div.mainData .list {margin-top:15px;} div.mainData .list li {height:13px;padding-left:9px;padding-top:3px;background:url("http://www.atzine.com/images/fr/ma/common/dot_03.gif") 0 bottom repeat-x;color:#654b4e;} div.mainData .keyword {width:139px;} div.mainData .keyword .more {position:absolute;margin-left:112px;margin-top:9px;} /* keyword */ div.mkeylayout {margin-left:5px;width:139px;height:100px;color:#E1E1E1;letter-spacing:5px;overflow:hidden;} div.mkeylayout a {padding:0 10px 0 0;font-size:11px;line-height:26px;letter-spacing:0 ;color:#b68485 ;white-space:nowrap ;vertical-align:middle ;} div.mkeylayout a.key01 {color:#c35f65;font-size:16px;font-weight:bold;} div.mkeylayout a.key02 {color:#c35f65;font-size:15px;} div.mkeylayout a.key03 {color:#c35f65;font-size:14px;font-weight:bold;} div.mkeylayout a.key04 {color:#c35f65;font-size:13px;} div.mkeylayout a.key05 {color:#c35f65;font-size:11px;font-weight:bold;} div.mkeylayout a.key06 {color:#c35f65;font-size:11px;} div.mkeylayout a.key01_line {color:#c35f65;font-size:16px;font-weight:bold;text-decoration:underline;} div.mkeylayout a.key02_line {color:#c35f65;font-size:15px;text-decoration:underline;} div.mkeylayout a.key03_line {color:#c35f65;font-size:14px;font-weight:bold;text-decoration:underline;} div.mkeylayout a.key04_line {color:#c35f65;font-size:13px;text-decoration:underline;} div.mkeylayout a.key05_line {color:#c35f65;font-size:11px;font-weight:bold;text-decoration:underline;} div.mkeylayout a.key06_line {color:#c35f65;font-size:11px;text-decoration:underline;} /* 즐겨찾는브랜드 - 0510 */ div.favlayout .cnt {margin-bottom:25px;} div.favlayout .cnt span {height:14px;font-size:12px;color:#b96e73;font-weight:bold;vertical-align:middle;} div.favlayout .header {width:451px;height:22px;padding-left:16px;background:url("http://www.atzine.com/images/fr/ma/myinfo/fav_header.jpg") 0 0 no-repeat;} div.favlayout .list {height:297px;} div.favlayout .list td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#644b4e;text-align:center;} div.favlayout .list tr:hover {color:#95464b;} div.favlayout .list .cate {padding-left:20px;text-align:left;} div.favlayout .list .brand {padding-right:52px;text-align:left;} div.favlayout .icon {width:467px;margin-top:22px;margin-bottom:32px;text-align:right;} /* 정기구독 - 0510 */ div.subscriberlayout .left, div.subscriberlayout .right {float:left;} div.subscriberlayout .left {width:119px;height:455px;padding:20px 10px 0 36px;margin-right:23px;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_subscriberLeft.jpg") 0 0 no-repeat;} div.subscriberlayout .left .header {width:119px;} div.subscriberlayout .left .header img {margin-top:5px;} div.subscriberlayout .left .list {height:410px;} div.subscriberlayout .left .list td {height:25px;vertical-align:top;} div.subscriberlayout .left .list .text {padding-top:2px;} div.subscriberlayout .left .list tr:hover {color:#95464b;} div.subscriberlayout .right {padding-top:74px;} /*div.subscriberlayout .right .title {margin-bottom:15px;margin-left:6px;color:#b96e73;font-weight:bold;} div.subscriberlayout .right .list .scroll {overflow-y:scroll;width:335px;height:239px;} div.subscriberlayout .right .list td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;text-align:center;} div.subscriberlayout .right .list tr:hover {color:#95464b;} div.subscriberlayout .right .list .tit {padding-left:10px;text-align:left;} div.subscriberlayout .right .list .header01 {width:310px;height:22px;padding-left:5px;background:url("http://www.atzine.com/images/fr/ma/myinfo/subscriber_header_01.jpg") 0 0 no-repeat;} div.subscriberlayout .right .list .header02 {width:310px;height:22px;padding-left:5px;background:url("http://www.atzine.com/images/fr/ma/myinfo/subscriber_header_02.jpg") 0 0 no-repeat;}*/ div.subsc_right {width:335px;height:315px;background:url("http://www.atzine.com/images/fr/ma/subscriber/bg_right.jpg") 0 0 no-repeat;} div.subsc_right .title {margin-bottom:15px;margin-left:6px;color:#b96e73;font-weight:bold;} div.subsc_right .list .scroll {overflow-y:auto;width:335px;height:239px;} div.subsc_right .list td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;text-align:center;} div.subsc_right .list tr:hover {color:#95464b;} div.subsc_right .list .tit {padding-left:10px;text-align:left;} div.subsc_right .list .header01 {width:310px;height:22px;padding-left:5px;background:url("http://www.atzine.com/images/fr/ma/myinfo/subscriber_header_01.jpg") 0 0 no-repeat;} div.subsc_right .list .header02 {width:310px;height:22px;padding-left:5px;background:url("http://www.atzine.com/images/fr/ma/myinfo/subscriber_header_02.jpg") 0 0 no-repeat;} /* 그래드 - 0510 */ div.graphlayout .graph .left, div.graphlayout .graph .right {float:left;} div.graphlayout .graph .left {width:384px;} div.graphlayout .graph .left .date {height:22px;width:379px;padding:0 5px 0 0;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_grp_01.png") 0 0 no-repeat;vertical-align:top;} div.graphlayout .graph .left .date .fl img {margin-right:8px;padding-top:7px;margin-left:5px;margin-bottom:8px;} div.graphlayout .graph .left .date .fr img {} div.graphlayout .graph .left .date .fr {margin-top:3px;} div.graphlayout .graph .right {width:84px;height:195px;background:url("http://www.atzine.com/images/fr/ma/myinfo/grp_right.jpg") 0 0 no-repeat;} div.graphlayout .graph .right p {padding-left:25px;color:#95464b;font-weight:bold;} div.graphlayout .graph .right .t01 {padding-top:140px;} div.graphlayout .graph .right .t02 {padding-top:20px;} div.graphlayout .graph .input_text {border:0px;height:15px;font-size:11px;color:#8b5f60;background-color:#570c12;font-weight:bold;} div.graphlayout .list {overflow-y:scroll;width:487px;height:160px;} div.graphlayout .list td {height:27px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;text-align:center;} div.graphlayout .list tr:hover {color:#95464b;} div.graphlayout .list .visit {text-align:left;padding-left:60px;} div.graphlayout .list .type {text-align:left;padding-left:18px;} div.graphlayout .list .tit {text-align:left;padding-left:10px;} div.graphlayout .list .put {text-align:left;padding-left:10px;} div.graphlayout .list .l35 {text-align:left;padding-left:35px;} div.graphlayout .list .l55 {text-align:left;padding-left:55px;} .page01 {margin-top:12px;width:467px;text-align:center;} .page01 img {margin-right:16px;} /* myfile 0511 */ /*myfile 왼쪽썸네일*/ .myfileLeft_01 {position:absolute;top:87px;left:218px;} .myfileLeft_02 {position:absolute;top:150px;left:49px;} .myfileLeft_03 {position:absolute;top:226px;left:49px;} .myfileLeft_04 {position:absolute;top:365px;left:98px;} .myfileLeft_05 {position:absolute;top:437px;left:56px;} .myfileLeftC_01 {position:absolute;top:176px;left:210px;} .myfileLeftC_02 {position:absolute;top:378px;left:220px;} div.myfilelayout .photobox {width:108px;height:108px;border:solid 1px #723a3f;} div.myfilelayout .photobox img {margin:8px;} div.myfilelayout .photobox input {position:absolute;padding-left:-10px;} div.myfilelayout .photobox02 {width:108px;height:91px;border:solid 1px #723a3f;} div.myfilelayout .photobox02 img {margin:8px;} div.myfilelayout .photobox02 input {position:absolute;padding-left:-10px;} div.myfilelayout .brand {padding-top:5px;padding-bottom:2px;color:#fff;font-weight:bold;} div.myfilelayout .brand a{color:#fff; font-weight:bold;} div.myfilelayout .brand a:hover{ color:#fff;} div.myfilelayout .key {width:110px;height:20px;margin-bottom:8px; color:#c57373;} /*myfile 오른쪽그래프*/ div ul.topMenu { width:470px;} div ul.topMenu li.title01 { float:left; width:132px; display:inline;} div ul.topMenu li.scarp{ float:right; background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_bg.jpg) no-repeat left top; width:125px; height:25px; display:inline; margin-top:30px;} div ul.topMenu li.scarp span{ color:#904247; background-color:#45090e;} div ul.topMenu li.scarp ul.scarp_bg { margin:5px 0 0 2px; background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_bg.jpg) no-repeat left top; width:101px; height:11px; } div ul.topMenu li.scarp ul.scarp_bg li{ display:inline; float:left;} div ul.topMenu li.scarp ul.scarp_bg li.center_IMG { background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_centerIMG02.jpg) repeat-x left top; width:20px;} /**/ div ul.topMenu li.scarp2{float:right; background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_bg.jpg) no-repeat left top; width:125px; height:11px; display:inline; margin-top:30px;} div ul.topMenu li.scarp2 span{ color:#904247; background-color:#45090e;} div ul.topMenu li.scarp2 ul.scarp_bg_2 { margin:5px 0 0 2px; background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_bg.jpg) no-repeat left top; width:101px; height:11px;} div ul.topMenu li.scarp2 ul.scarp_bg_2 li{ display:inline; float:left;} div ul.topMenu li.scarp2 ul.scarp_bg_2 li.center_IMG_2 { background:url(http://www.atzine.com/images/fr/ma/myfile/c_scrap_centerIMG.jpg) repeat-x left top;} /* keyword */ div.keylayout {position:absolute;top:325px;left:48px;clear:both;width:302px;height:150px;color:#E1E1E1;letter-spacing:5px;} div.keylayout a {padding:0 10px 0 0;font-size:11px;line-height:26px;letter-spacing:0 ;color:#b68485 ;white-space:nowrap ;vertical-align:middle ;} div.keylayout a.key01 {color:#c35f65;font-size:16px;font-weight:bold;} div.keylayout a.key02 {color:#c35f65;font-size:15px;} div.keylayout a.key03 {color:#c35f65;font-size:14px;font-weight:bold;} div.keylayout a.key04 {color:#c35f65;font-size:13px;} div.keylayout a.key05 {color:#c35f65;font-size:11px;font-weight:bold;} div.keylayout a.key06 {color:#c35f65;font-size:11px;} div.keylayout a.key01_line {color:#c35f65;font-size:16px;font-weight:bold;text-decoration:underline;} div.keylayout a.key02_line {color:#c35f65;font-size:15px;text-decoration:underline;} div.keylayout a.key03_line {color:#c35f65;font-size:14px;font-weight:bold;text-decoration:underline;} div.keylayout a.key04_line {color:#c35f65;font-size:13px;text-decoration:underline;} div.keylayout a.key05_line {color:#c35f65;font-size:11px;font-weight:bold;text-decoration:underline;} div.keylayout a.key06_line {color:#c35f65;font-size:11px;text-decoration:underline;} div.keypaging {position:absolute;top:490px;left:48px;width:302px;text-align:center;} /*전체레이아웃 -0513 */ .mainlayout .arrL {position:absolute;top:289px;left:25px;z-index:1;} .mainlayout .frmMain {position:absolute;top:39px;left:72px;z-index:1;} .mainlayout .arrR {position:absolute;top:289px;left:886px;z-index:1;} #frmLayout .ziniL {position:absolute;top:0;left:1px;} #frmLayout .ziniR {position:absolute;top:0;left:420px;} .contents {margin-left:11px;} .ziniLeft, .ziniRight {position:absolute;} .ziniLeft {z-index:2;} .ziniRight {margin-top:6px;z-index:1;padding-left:15px;} /*하단FamilySite*/ div.popFSite {background-color:#000;padding:4px;} div.popFSite img {margin-bottom:8px;} /*betaLogin*/ #bgbeta {width:960px;height:630px;background:url("http://www.atzine.com/images/fr/ma/temp/beta_bg.jpg") 0 top no-repeat;} #bgbeta .line {border:solid 1px #a2a09f;background-color:#c7c6c5;height:18px;} div.ziniPop {border:solid 1px #4e0b04;background-color:#000;} div.ellip {overflow:hidden;text-overflow:ellipsis;} /* 정렬,폰트등 공통항목 */ .rm0 {margin-right:0px;} .rm10 {margin-right:10px;} .rm30 {margin-right:30px;} .lm2 {margin-left:2px;} .lm10 {margin-left:10px;} .lm15 {margin-left:15px;} .lm40 {margin-left:40px;} /*0510*/ .bm5 {margin-bottom:5px;} .bm10 {margin-bottom:10px;} .bm15 {margin-bottom:15px;} .bm20 {margin-bottom:20px;} .bm30 {margin-bottom:30px;} .bm40 {margin-bottom:40px;} .bm45 {margin-bottom:45px;} .bm50 {margin-bottom:50px;} .bm60 {margin-bottom:60px;} .tm0 {margin-top:0px;} .tm2 {margin-top:2px;} .tm3 {margin-top:3px;} /*0508*/ .tm5 {margin-top:5px;} .tm10 {margin-top:10px;} .tm15 {margin-top:15px;} .tm20 {margin-top:20px;} .tm25 {margin-top:25px;} /*0506*/ .tm28 {margin-top:28px;} /*0511*/ .tm30 {margin-top:30px;} .tm35 {margin-top:35px;} .tm40 {margin-top:40px;} .tm50 {margin-top:50px;} .tm150 {margin-top:150px;} .tp4 {padding-top:4px;} .tp5 {padding-top:5px;} .tp8 {padding-top:8px;} .tp10 {padding-top:10px;} .tp15 {padding-top:15px;} .tp25 {padding-top:25px;} .tp30 {padding-top:30px;} .tp35 {padding-top:35px;} .tp40 {padding-top:40px;} .lp15 {padding-left:15px;} .lp36 {padding-left:36px;} .rp4 {padding-right:4px;} .rp15 {padding-right:15px;} .rp30 {padding-right:30px;} .bp4 {padding-bottom:4px;} .bp5 {padding-bottom:5px;} .bp7 {padding-bottom:7px;} .bp8 {padding-bottom:8px;} .bp10 {padding-bottom:10px;} .bp15 {padding-bottom:15px;} .bp20 {padding-bottom:20px;} .bp25 {padding-bottom:25px;} .bp28 {padding-bottom:28px;} .bp30 {padding-bottom:30px;} .bp40 {padding-bottom:40px;} .bp50 {padding-bottom:50px;} .bp100 {padding-bottom:100px;} .alignL {text-align:left;} .alignC {text-align:center;} .alignR {text-align:right;} .valignT {vertical-align:top;} .valignM {vertical-align:middle;} .valignB {vertical-align:bottom;} .f11 {font-size:11px;} .f7 {font-size:7px;line-height:7px;} .red01 {color:#c57373;} .red02 {color:#950f18} .red03 {color:#9e1100;} .red04 {color:#b52427;} .gray01 {color:#959595;} .ziniTxtB {color:#b96e73;font-weight:bold;} .b {font-weight:bold;} span.r {font-weight:bold; color:#9e1100;} .lineH14 {line-height:14px;} /*0507*/ .lineH18 {line-height:18px;} .alpha60 {filter:alpha(opacity=60);-moz-opacity:.7;} /*0510*/ /*회원가입신청*/ dl.photo .frm, dl.photo .file {float:left;} dl.photo .frm {border:solid 0px #d1d1d1;width:82px;height:88px;margin-right:5px;background-color:#ffffff;} /* 강경아 작업 */ .fL { float:left;} .fR { float:right;} .clear { clear:both;} .mgr5 {MARGIN-right: 5px;} .mgr150 {MARGIN-right: 150px;} .mgt3 {MARGIN-TOP: 3px;} .mgt4 {MARGIN-TOP: 4px;} .mgt5 {MARGIN-TOP: 5px;} .mgt8 {MARGIN-TOP: 8px;} .mgt10 {MARGIN-TOP: 10px;} .mgt13 {MARGIN-TOP: 13px;} .mgt15 {MARGIN-TOP: 15px;} .mgt20 {MARGIN-TOP: 20px;} .mgt18 {MARGIN-TOP: 18px;} .mgt26 {MARGIN-TOP: 26px;} .mgt30 {MARGIN-TOP: 30px;} .mgt37 {MARGIN-TOP: 37px;} .mgt50 {MARGIN-TOP: 50px;} .mgt55 {MARGIN-TOP: 55px;} .mgt90 {MARGIN-TOP: 90px;} .mgp18 {PADDING-TOP: 18px;} .mgb3 {MARGIN-BOTTOM: 3px;} .mgb4 {MARGIN-BOTTOM: 4px;} .mgb5 {MARGIN-BOTTOM: 5px;} .mgb7 {MARGIN-BOTTOM: 7px;} .mgb10 {MARGIN-BOTTOM: 10px;} .mgb13 {MARGIN-BOTTOM: 13px;} .mgb16 {MARGIN-BOTTOM: 16px;} .mgb17 {MARGIN-BOTTOM: 17px;} .mgb18 {MARGIN-BOTTOM: 18px;} .mgb20 {MARGIN-BOTTOM: 20px;} .mgb25 {MARGIN-BOTTOM: 25px;} .mgb26 {MARGIN-BOTTOM: 26px;} .mgb30 {MARGIN-BOTTOM: 33px;} .mgb37 {MARGIN-BOTTOM: 37px;} .mgl01 {MARGIN-RIGHT: 1px;} .mgr01 {MARGIN-RIGHT: 1px;} .mgr10 {MARGIN-RIGHT: 10px;} .mgr15 {MARGIN-RIGHT: 15px;} .mgr20 {MARGIN-RIGHT: 20px;} .mgr25 {MARGIN-RIGHT: 25px;} .mgr30 {MARGIN-LEFT: 30px;} .mgr45 {MARGIN-LEFT: 45px;} .mgr50 {MARGIN-LEFT: 50px;} .mgl1 {MARGIN-LEFT: 1px;} .mgl5 {MARGIN-LEFT: 5px;} .mgl8 {MARGIN-LEFT: 8px;} .mgl7 {MARGIN-LEFT: 7px;} .mgl10 {MARGIN-LEFT: 10px;} .mgl15 {MARGIN-LEFT: 15px;} .mgl20 {MARGIN-LEFT: 20px;} .mgl25 {MARGIN-LEFT: 25px;} .mgl30 {MARGIN-LEFT: 30px;} .mgl28 {MARGIN-LEFT: 28px;} .mgl50 {MARGIN-LEFT: 50px;} .mgl58 {MARGIN-LEFT: 58px;} /* layout */ #wrapper_at { position: absolute; width:960px; height:630px; left:50%; top:50%; margin-left:-480px; margin-top:-315px;} #header_at {} #contents_at { position:relative; height:523px; background:url(http://www.atzine.com/images/fr/lg2/event_bg.jpg) no-repeat left top;} #footer_at {position:relative; background:url(http://www.atzine.com/images/fr/lg2/footer_bg.jpg) no-repeat left top; width:960px; height:68px; margin-top:-1px;} /*SNB 라운지 작업*/ #footer_at ul.list_at{position:absolute; left:327px; top:15px; width:301px; height:38px; } #footer_at ul.list_at li{position:absolute; display:inline; float:left;} #footer_at ul.list_at li.img1 {position:absolute; left:0px; top:;} #footer_at ul.list_at li.img2 {position:absolute; left:37px; top:;} #footer_at ul.list_at li.img3{position:absolute; left:70px; top:; z-index:500;} #footer_at ul.list_at li.img5 {position:absolute; left:133px; top:;} #footer_at ul.list_at li.img4{position:absolute; left:176px; top:;} #footer_at ul.list_at li.img6 {position:absolute; left:222px; top:;} #footer_at ul.list_at li.img7 {position:absolute; left:265px; top:;} /**/ /*img rollover시*/ #footer_at ul.list_at a.rollover img {border:0 none; display:inline; } #footer_at ul.list_at a.rollover img.over {display:none;z-index:300;} #footer_at ul.list_at a.rollover:hover {border:0 none;} #footer_at ul.list_at a.rollover:hover img {display:none;} #footer_at ul.list_at a.rollover:hover img.over {display:inline;} /**/ #footer_at ul.about_list{position:absolute; left:8px; top:58px;} #footer_at ul.about_list li{ display:inline; float:left;} /*about menu rollover시*/ #footer_at ul.about_list li{ list-style:none;} #footer_at ul.about_list a.rollover img.aa {border:0 none; display:inline; } #footer_at ul.about_list a.rollover img.over {border:0 none; display:none; } #footer_at ul.about_list a.rollover:hover img.aa{border:0 none;} #footer_at ul.about_list a.rollover:hover img.aa{display:none;} #footer_at ul.about_list a.rollover:hover img.over {display:inline;} #footer_at ul.about_list a.rollover img.noneover {border:0 none; display:inline; } #footer_at ul.about_list a.rollover div.over {display:none;} #footer_at ul.about_list a.rollover:hover {border:0 none;} #footer_at ul.about_list a.rollover:hover img.noneover{display:none;} #footer_at ul.about_list a.rollover:hover div.over {display:inline;} #footer_at ul.about_list a.rollover:hover div.over .black_box{display:inline; position:absolute; left:410px; top:-58px; width:59px; height:56px; background-color:#000;} /* 오버될 시 나오는 블랙박스 */ /*copyright부분*/ #footer_at ul.copy{ position:absolute; left:580px; top:53px; width:380px;} #footer_at ul.copy li{ display:inline; float:left; font-size:9px; color:#877f7a; word-spacing:3px;} /* //layout */ /* LG1_라운지메인_ */ #contents1 { position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/LG1_main_03.jpg) no-repeat left top;} #contents1 con2 { } #contents1 .botMenu { position:relative;} #contents1 .botMenu dl { display:inline; float:left;} #contents1 .botMenu dl.leftMenu { position:absolute; left:30px; top:0; width:200px; height:160px; } #contents1 .botMenu dl.leftMenu dt { position:absolute; left:0; top:-10px;} #contents1 .botMenu dl.leftMenu dd.text_left { width:97px; height:50px; color:#a19a92; font-size:11px; padding:50px 0 15px 0; } #contents1 .botMenu dl.leftMenu dd.img_left { position:absolute; margin-left:100px; margin-top:-137px; } #contents1 .botMenu dl.centerMenu {position:absolute; left:273px; top:0; width:190px; height:140px;} #contents1 .botMenu dl.centerMenu dt { border-bottom:1px solid #d5d1cd; margin-bottom:5px;} #contents1 .botMenu dl.centerMenu dt img.more_main01 { margin:5px 0 0 55px;} #contents1 .botMenu dl.centerMenu dd.photo { width:190px; height:63px; margin:8px 0 10px 0; } #contents1 .botMenu dl.centerMenu dd.photo ul li { display:inline; float: left;} #contents1 .botMenu dl.centerMenu dd.photo ul li.text00 { width:108px; padding:5px; color:#656565;} #contents1 .botMenu dl.centerMenu dd.in00 ul li { display:inline; float:left;} #contents1 .botMenu dl.centerMenu dd input.main_input {background-color:#c2beb9; border:none; margin-top:0; width:93px; padding:3px 7px 3px 7px; font-size:11px;} #contents1 .botMenu dl.centerMenu dd ul li img.icon_main { _margin-top:1px; .margin-top:1px; } /**/ #contents1 .botMenu .RightMenu { position:absolute; left:500px; top:0; width:180px;} #contents1 .botMenu .RightMenu p img.more_main{ margin:5px 0 0 55px;} #contents1 .botMenu .RightMenu h2.borderLine { border-top:1px solid #d7d3cf; padding:5px 0 8px 0;} /*tab menu*/ #contents1 .botMenu .RightMenu .box1 { width:181px; height:18px; background-color:#9d948d; } #contents1 .botMenu .RightMenu .box1 ul li{ display:inline; float:left; padding:2px 3px 0 3px;} #contents1 .botMenu .RightMenu .box1 img { vertical-align:middle;} #contents1 .botMenu .RightMenu .box2 { width:181px; height:18px; background-color:#9d948d; display:none;} #contents1 .botMenu .RightMenu .box2 ul li{ display:inline; float:left; padding:2px 3px 0 3px;} #contents1 .botMenu .RightMenu .box3 img { vertical-align:middle;} #contents1 .botMenu .RightMenu .box3 { width:181px; height:18px; background-color:#9d948d; display:none;} #contents1 .botMenu .RightMenu .box3 ul li{ display:inline; float:left; padding:2px 3px 0 3px;} #contents1 .botMenu .RightMenu .box3 img { vertical-align:middle;} #contents1 .botMenu .RightMenu .box4 { width:181px; height:18px; background-color:#9d948d; display:none;} #contents1 .botMenu .RightMenu .box4 ul li{ display:inline; float:left; padding:2px 3px 0 3px;} #contents1 .botMenu .RightMenu .box4 img { vertical-align:middle;} /* //tab menu*/ #contents1 .botMenu .RightMenu .icon { background:url(http://www.atzine.com/images/fr/lg2/LG1_main_RightrMenu_icon.gif) no-repeat left 3px; padding:0 0 5px 5px; margin-left:5px; word-spacing:-2px;} #contents1 .botMenu .RightMenu .icon a:link { color:#454545;} #contents1 .botMenu .RightMenu .icon a:hover { color:#973d43;} #contents1 .botMenu .RightMenu .icon a:visited { } /*오른쪽 이벤트 플래시*/ #contents1 .botMenu .RightFlash{ float:right; left:; margin-top:-75px;} /* //LG1_라운지메인_ */ /* LG1_라운지_EVENT01 */ #contents2 { position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/event_bg02.jpg) no-repeat left top;} #contents2 #topTab { position:absolute; margin-top:53px; right:0; width:370px; height:22; background: url(http://www.atzine.com/images/fr/lg2/event_Line.gif) repeat-x left 21px;} #contents2 #topTab ul li { position:inline; float:left;} #contents2 #con2 {position:absolute; left:30px; top:118px; width:620px; padding-left:10px;} #contents2 #con2 .side {width:620px; height:144px;} #contents2 #con2 .side ul li { display:inline; float:left; padding:27px 7px 0 0;} #contents2 #con2 .list2 { text-align:right; margin-right:12px;} #contents2 #con2 .list2 a { margin-left:2px; color:#fff;} #contents2 #con2 .list2 a:hover{ color:#950f18;} #contents2 #con2 .list2 a img { vertical-align:0px;} #contents2 #con2 .content {left:0; margin-top:73px; width:620px; height:115px;} #contents2 #con2 .content ul li { display:inline; float:left; padding:13px 7px 0 0;} #contents2 #event_area {position:absolute; top:114px; right:30px; width:235px; height:345px;} #contents2 #event_area {position:absolute; top:114px; right:30px; width:235px; height:345px;} #contents2 #event_area1 {position:absolute; top:114px; right:30px; width:235px; height:345px;} #contents2 .event_list {position:absolute; bottom:232px; width:680px; text-align:center;} #contents2 .event_list a { margin-left:5px; color:#fff;} #contents2 .event_list a:hover { color:#950f18;} #contents2 .event_list2 {position:absolute; bottom:28px; width:680px; text-align:center;} #contents2 .event_list2 a { margin-left:5px; color:#fff;} #contents2 .event_list2 a:hover { color:#950f18;} /* //LG1_라운지_EVENT01 */ /* LG1_라운지_EVENT01_02 */ #contents2_1 { position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/event_bg02_02.jpg) no-repeat left top;} #contents2_1 #topTab { position:absolute; margin-top:53px; right:0; width:370px; height:22; background: url(http://www.atzine.com/images/fr/lg2/event_Line.gif) repeat-x left 21px;} #contents2_1 #topTab ul li { position:inline; float:left;} #contents2_1 #con2 {position:absolute; left:30px; top:118px; width:620px; padding-left:10px;} #contents2_1 #con2 .side {width:760px; height:144px;} #contents2_1 #con2 .side ul li { display:inline; float:left; padding:13px 7px 0 0;} #contents2_1 #con2 .list2 { text-align:right; margin-right:12px;} #contents2_1 #con2 .list2 a { margin-left:2px; color:#fff;} #contents2_1 #con2 .list2 a:hover{ color:#950f18;} #contents2_1 #con2 .list2 a img { vertical-align:0px;} #contents2_1 #con2 .content {left:0; margin-top:60px; width:760px; height:115px;} #contents2_1 #con2 .content ul li { display:inline; float:left; padding:13px 7px 0 0;} #contents2_1 #event_area {position:absolute; top:114px; right:30px; width:235px; height:345px;} #contents2_1 #event_area {position:absolute; top:114px; right:30px; width:235px; height:345px;} #contents2_1 #event_area1 {position:absolute; top:114px; right:30px; width:235px; height:345px;} /* LG1_라운지_EVENT01_02 */ /* LG1_라운지_EVENT02 */ #contents_at #topTab { position:absolute; margin-top:53px; right:0; width:370px; height:22; background: url(http://www.atzine.com/images/fr/lg2/event_Line.gif) repeat-x left 21px;} #contents_at #topTab ul li { position:inline; float:left;} #contents_at #con {position:absolute; left:250px; top:95px; width:680px; height:380px;} #contents_at #con ul { display:inline; float:left; width:308px; height:78px; padding:17px 0 0 30px;} #contents_at #con ul li { color:#fff; text-align:center;} #contents_at #con ul li img { vertical-align:middle;} #contents_at #con ul li strong { } #contents_at #con ul li.text01 { color:#454545; margin-left:58px;} #contents_at .event_list {position:absolute; left:250px; bottom:28px; width:680px; text-align:center;} #contents_at .event_list a { margin-left:5px; color:#fff;} #contents_at .event_list a:hover { color:#950f18;} #contents_at a.eventLink {color:#fff;} #contents_at a.eventLink:hover { color:#950f18;} /* //LG1_라운지_EVENT02 */ /* LG1_AC01 */ #contents3 { position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/Lg1_Ac01_bg.jpg) no-repeat left top;} #contents3 h1{padding:5px 0 0 10px;} #contents3 h2{padding:5px 0 0 30px;} #contents3 #con2 { position:absolute; left:31px; top:149px; width:588px;} #contents3 #conRight {position:absolute; right:30px; top:85px; width:305px; } #contents3 #conRight .botBox { width:320px; height:213px;} #contents3 #conRight ul.botBox { margin:38px 0 0 45px; width:260px; height:175px;} #contents3 #conRight ul.botBox table { width:100%; border-spacing:0; border-collapse:collapse; font-family:"돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif; } #contents3 #conRight ul.botBox table td { color:#fff; font-size:11px; line-height:14px;} #contents3 #conRight ul.botBox table td.bor01{border-bottom:1px solid #fff; padding-bottom:5px;} #contents3 #conRight ul.botBox table td.bor01 strong { font-size:12px;} #contents3 #conRight ul.botBox table td.bor01 { padding-bottom:5px;} #contents3 #conRight ul.botBox table td.bor02 { border-bottom:1px dotted #837b75;} #contents3 #conRight ul.botBox table td.bor02 {padding:7px 0 7px 0;} #contents3 #conRight ul.botBox table td.bor03 { margin:10px 0 0 209px;} #contents3 #conRight ul.botBox table td.bor02 strong { color:#454545;} #contents3 #conRight .event_list{position:absolute; width:360px; bottom:-10px; text-align:center;} #contents3 #conRight .event_list img { vertical-align:0px;} #contents3 #conRight .event_list a { margin-left:2px; color:#fff;} #contents3 .topTab ul{ margin:2px 0 0 30px; width:365px; height:22; background: url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_tabLine.jpg) no-repeat left bottom; margin-bottom:7px;} #contents3 .topTab ul li{float:left; display:inline; width:122px; margin-left:-1px;} /* //LG1_AC01 */ /* LG1_AC02 */ #contents4 { position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/Lg1_Ac02_bg.jpg) no-repeat left top;} #contents4 h1{ padding:5px 0 0 10px;} #contents4 h2{ padding:30px 0 0 30px;} #contents4 #con2 { position:absolute; left:31px; top:149px;} #contents4 #con2 ul { padding:12px 0 20px 0; width:488px; height:37px;} #contents4 #con2 ul li { display:inline;} #contents4 #con2 ul li.co01 { color:#c57373;} #contents4 #con2 ul li.co02 ul.co02_2 { width:453px; float:right; color:#959595;.margin-top:-15px;} #contents4 #con2 ul li.co02 ul.co02_2 li.date{ display:inline; color:#959595; float:right; } #contents4 #conRight { position:absolute; right:30px; top:64px; width:365px;} #contents4 #conRight dl.dlx_list { position:absolute; width:357px; margin-top:10px;} #contents4 #conRight dl.dlx_list dt { position:absolute; display:inline; float:left; padding:10px 5px 0 0;} #contents4 #conRight dl.dlx_list dd.box_1{ height:100px; background:url(http://www.atzine.com/images/fr/lg2/box_1.jpg) no-repeat left top; width:366px; _margin-top:-70px; .margin-top:-70px;} #contents4 #conRight dl.dlx_list dd.box_1 ul li.tit { margin-bottom:12px; font-weight:bold; padding:2px 5px 0 0; margin-left:115px; font-size:12px;} #contents4 #conRight dl.dlx_list dd.box_2{ height:100px; background:url(http://www.atzine.com/images/fr/lg2/box_2.jpg) no-repeat left top; width:366px; _margin-top:-70px; .margin-top:-85px;} #contents4 #conRight dl.dlx_list dd.box_2 ul li.tit { margin-bottom:12px; font-weight:bold ;padding:7px 0 2px 0; margin-left:115px; font-size:12px;} #contents4 #conRight dl.dlx_list dd.box_3{ height:100px; background:url(http://www.atzine.com/images/fr/lg2/box_3.jpg) no-repeat left top; width:366px; _margin-top:-70px; .margin-top:-85px;} #contents4 #conRight dl.dlx_list dd.box_3 ul li.tit { margin-bottom:12px; font-weight:bold; padding:7px 0 2px 0; margin-left:115px; font-size:12px;} #contents4 #conRight dl.dlx_list dd.box_4{ height:100px; background:url(http://www.atzine.com/images/fr/lg2/box_4.jpg) no-repeat left top; width:366px; _margin-top:-70px; .margin-top:-85px;} #contents4 #conRight dl.dlx_list dd.box_4 ul li.tit { margin-bottom:12px; font-weight:bold; padding:7px 0 2px 0; margin-left:115px; font-size:12px;} #contents4 #conRight dl.dlx_list dd ul { width:350px; color:#fff; font-size:11px; padding:9px 0 5px 0; letter-spacing:-1px;} #contents4 #conRight dl.dlx_list dd ul li.no { float:right; color:#c57373; margin-top:-25px; padding-right:0px; margin-left:115px;} #contents4 #conRight dl.dlx_list dd ul li.date { color:#343434; margin-top:2px; margin-left:115px; font-size:11px;} #contents4 #conRight dl.dlx_list dd ul li.tex { margin-top:10px; margin-left:115px;} #contents4 .event_list{position:absolute; left:0; top:415px;width:360px; text-align:center; } #contents4 .event_list img { vertical-align:0px;} #contents4 .event_list a { margin-left:2px; color:#fff;} #contents4 .event_list a:hover {color:#950f18;} /* //LG1_AC02 */ /* LG1_Find Zini01 */ #contents5{ position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/LG1_Find-Zini01_bg.jpg) no-repeat left top;} #contents5 h1 { position:absolute; left:30px; top:95px; } #contents5 #con2{position:absolute; left:50px; top:223px; width:200px; height:160px; color:#cfc8c4;} #contents5 #con2 ul li{ margin-bottom:10px;} #contents5 #con2 ul li select.serch01{ width:164px; margin-left:5px; border:none; background-color:#cfc8c4; padding:3px;} #contents5 #con2 ul li select.serch02{ width:71px; border:none; background-color:#cfc8c4; padding:3px; } #contents5 #con2 ul li.serch04{ padding-top:10px; width:96px;} #contents5 #con2 ul li.serch04 select{ width:96px; background-color:#cfc8c4; border:none; padding:3px;} #contents5 #con2 ul li input{ color:#fff; width:150px; hegiht:25px; padding:12px 0 10px 6px; border-right:none; border-top:4px solid #fff; border-left:4px solid #fff; border-bottom:4px solid #fff; background-color:#950f18; } #contents5 #con2 ul li img.icon_s {height:43px; width:28px; padding:0px 0px 0px 0px; border-left:none; background-color:#950f18;} #contents5 #conRight{position:absolute; right:0; top:75px; width:650px;} #contents5 #conRight ul{ display:inline; float:left;} #contents5 #conRight ul.contentBox{width:280px; height:180px;} #contents5 #conRight ul.mg_r{ margin-right:55px; _margin-right:35px;} #contents5 #conRight ul.contentBox li ul.g_box{ width:180px; padding-left:6px; color:#fff; .margin-left:-15px; font-weight:bold;} #contents5 #conRight ul.contentBox li ul.g_box_2{ padding-left:0px; color:#fff;} #contents5 #conRight ul.contentBox li ul.g_box_2 li {margin-left:-9px; width:180px;} #contents5 #conRight ul.contentBox li ul.g_box_3{ padding-left:6px; color:#fff; border:none;} #contents5 #conRight ul.contentBox li ul.g_box_4{ width:285px;} /*img rollover시*/ .contentBox a.rollover img {border:0 none; display:inline;} .contentBox a.rollover img.over {display:none;} .contentBox a.rollover:hover {border:0 none;} .contentBox a.rollover:hover img {display:none;} .contentBox a.rollover:hover img.over {display:inline;} #contents5 #conRight .event_list{padding-top:20px; width:620px; text-align:center;} #contents5 #conRight .event_list a{ margin-left:2px; color:#fff;} #contents5 #conRight .event_list a:hover{color:#950f18;} #contents5 #conRight .event_list img{ vertical-align:0;} /* //LG1_Find Zini02 */ #contents5 #conRight_2 {position:absolute; right:0; top:0; width:650px;} #contents5 #conRight_2 p.text_fr { position:absolute; right:30px; top:30px; color:#fff;} #contents5 #conRight_2 p.text_fr strong { color:#950f18;} #contents5 #conRight_2 img.con_flash { position:absolute; right:0px; top:40px; margin:30px 30px 0 0;} #contents5 #conRight_2 p.event_list {padding-top:480px; text-align:center;} #contents5 #conRight_2 p.event_list a { margin-left:2px; color:#fff;} #contents5 #conRight_2 p.event_list a:hover {color:#950f18;} #contents5 #conRight_2 p.event_list img { vertical-align:0;} /* //LG1_Find Zini02 */ /* LG1_라운지 NaverMiss01 */ #contents6 #con3 { position:relative; padding-top:95px; width:260px; height:230px;} #contents6 #con3 ul.date{position:absolute; left:30px; top:90px; width:200px; height:15px;} #contents6 #con3 ul.date li{ display:inline; float:left;} #contents6 #con3 h3{position:absolute; left:30px; top:120px; } #contents6 #con3 .con3_img {position:absolute; left:; top:183px;} #contents6 .list_img_02 { position:relative; left:0; top:90px; height:70px;} #contents6 .event_lis { position:absolute; left:0; top:0; width:620px; text-align:left;} #contents6 .event_list a { margin-left:2px; color:#fff;} #contents6 .event_list a:hover{ color:#950f18;} #contents6 .event_list img { vertical-align:0;} #contents6 .event_list ul.zini_list { position:absolute; left:5px; .margin-top:10px; _margin-top:10px;} #contents6 .event_list ul.zini_list li { display:inline; float:left;} #contents6 .event_list ul.zini_list a.rollover{margin-left:9px;} #contents6 .serch{ width:107px; height:15px; margin:0 0 0 30px;} #contents6 .serch select { width:105px; } #contents6 .serch .serch_tab{ position: relative; width:90px; height:150px; background-color:#27201b; z-index:100; padding:10px 100px 0 10px; overflow:auto; font-size:12px; color:#fff; margin-top:5px;} /*img rollover시*/ .zini_list a.rollover img {border:0 none; display:inline;} .zini_list a.rollover img.over {display:none;} .zini_list a.rollover:hover {border:0 none;} .zini_list a.rollover:hover img {display:none;} .zini_list a.rollover:hover img.over {display:inline;} /* //LG1_라운지 NaverMiss01 */ /* LG1_라운지 NaverMiss02 */ #contents6{ position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/NeverMiss02_bg.jpg) no-repeat left top;} #contents6 #con2{position:absolute; left:0; top:95px; width:190px; height:407px; padding:18px 0 0 30px;background:url(http://www.atzine.com/images/fr/lg2/NeverMiss02_subimg.gif) no-repeat left top;} #contents6 #con2 dl.topbox{ width:185px; height:160px;} #contents6 #con2 dl.topbox dt { color:#cfc8c4; font-size:12px; margin-bottom:15px;} #contents6 #con2 dl.topbox dt strong{ color:#fff; font-size:14px;} #contents6 #con2 dl.topbox dd strong{ color:#fff;} #contents6 #con2 dl.topbox dd { color:#c57373;} #contents6 #con2 dl.topbox dd.scroll01{ width:12px; height:80px; overflow:auto; margin-top:10px; padding-right:50px; color:#fff; font-size:12px;} #contents6 #con2 dl.topbox dd.scroll02{ width:130px; height:80px; overflow:auto; margin-top:10px; padding-right:50px; color:#ffffff; font-size:12px;} #contents6 #con2 dl.topbox dd.scroll02 a{color:#ffffff; font-size:12px;} #contents6 #con2 dl.topbox dd textarea.textarea1{ width:180px; height:80px; background-color:#950f18; border:none; margin-top:13px; scrollbar-face-color:#fff;} #contents6 #con2 dl.botbox{ width:200px; height:100px; padding-top:15px;} #contents6 #con2 dl.botbox dd textarea.textarea1{ width:180px; height:48px; background-color:#27201b; border:none; margin-top:13px;} #contents6 #con2 dl.botbox dt { color:#950f18;} #contents6 #con2 dl.botbox_2{ width:230px; height:120px; color:#a19a92;} #contents6 #con2 dl.botbox_2 dt{ color:#fff; border-bottom:1px solid #756963; padding-bottom:5px; margin-bottom:10px; width:192px; font-weight:bold;} #contents6 #con2 dl.botbox_2 dd { margin-bottom:5px; font-size:12px;} #contents6 #con2 dl.botbox_2 dd a:hover{ color:#fff; font-size:12px; font-weight:bold;} #contents6 #con2 dl.botbox_2 dd a{ color:#a19a92;} #contents6 #con2 dl.botbox dd.scroll02{ width:155px; height:60px; overflow:auto; margin-top:10px; padding-right:30px; color:#fff; font-size:12px;} /**/ #contents6 #conRight{position:absolute; right:0; top:28px; width:680px;} #contents6 #conRight ul.in_fr{ float:right; width:240px;} #contents6 #conRight ul.in_fr li{ display:inline; float:left;} #contents6 #conRight ul.in_fr{ float:right; padding-right:30px; top:;} #contents6 #conRight ul.in_fr select.select06{ width:75px; background-color:#9d948d; border:1px solid #d5d5d5; height:18px;} #contents6 #conRight ul.in_fr input.in06{margin-left:2px; height:14px; width:140px; padding:2px 0 0 2px; border:1px solid #d5d5d5; background-color:#9d948d; border-right:none;} #contents6 #conRight ul.in_fr img.icon6{height:16px; border:1px solid #d5d5d5; border-left:none; margin-top:1px;} #contents6 #conRight div{ position:relative; right:0; top:0; width:680px;} #contents6 #conRight div dl.con6_left{ float:left; margin-top:65px; _margin-top:45px; .margin-top:45px; width:410px; } #contents6 #conRight div dl.con6_right{ float:right; margin-right:20px; margin-top:50px; width:240px; border:1px solid ;} #contents6 #conRight div dl.con6_right dt{ width:240px; padding-bottom:10px;} #contents6 #conRight div dl.con6_right dt.title_icon{ background:url(http://www.atzine.com/images/fr/lg2/NeverMiss01_title_img.jpg) no-repeat left 2px; padding-left:14px; font-size:16px; color:#fff; font-weight:bold;} #contents6 #conRight div dl.con6_right ul{ padding:10px 0 0px 0; border-top:1px dotted #a9a19b; width:239px;} #contents6 #conRight div dl.con6_right ul li{ display:inline; float:left; color:#fff; } #contents6 #conRight div dl.con6_right ul li.tag{ width:160px; margin-right:10px;} #contents6 #conRight div dl.con6_right ul li.by{margin-right:0; .margin-right:-10px; _margin-right:-10px; width:62px; margin-bottom:30px;} #contents6 #conRight div dl.con6_right ul li.by a{ color:#fff; padding:5px 0 0 10px;} #contents6 #conRight .botBox{ margin:153px 0 0 0; width:320px;} #contents6 #conRight ul.bot_table{ float:left; margin:0 0 0 5px; width:250px; height:210px;} #contents6 #conRight ul.bot_table table { width:100%; border-spacing:0; border-collapse:collapse; font-family:"돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif; } #contents6 #conRight ul.bot_table table td{ color:#fff; font-size:11px; line-height:14px;} #contents6 #conRight ul.bot_table table td.bor01{border-bottom:1px solid #fff; padding-bottom:5px;} #contents6 #conRight ul.bot_table table td.bor01 strong{ font-size:12px;} #contents6 #conRight ul.bot_table table td.bor01 { padding-bottom:5px;} #contents6 #conRight ul.bot_table table td.bor02 { border-bottom:1px dotted #837b75;} #contents6 #conRight ul.bot_table table td.bor02 {padding:7px 0 7px 0;} #contents6 #conRight ul.bot_table table td.bor03{ margin:10px 0 0 209px;} #contents6 #conRight ul.bot_table table td.bor02 strong{ color:#454545;} #contents6 #conRight .list_img { position:absolute; left:3px; top:428px; width:660px; height:80px; } #contents6 #conRight .list_img li{ display:inline; float:left; left:0; margin-right:10px; margin-top:-50px;} /*img rollover시*/ .list_img a.rollover img {border:0 none; display:inline;} .list_img a.rollover img.over {display:none;} .list_img a.rollover:hover {border:0 none;} .list_img a.rollover:hover img {display:none;} .list_img a.rollover:hover img.over {display:inline;} #contents6 #conRight .list_img ul.event_list{ width:200px; left:0; margin-top:15px;} #contents6 #conRight .list_img ul.event_list a{ margin-left:2px; color:#fff;} #contents6 #conRight .list_img ul.event_list a:hover{ color:#950f18;} /* //LG1_라운지 NaverMiss02 */ /* LG1_라운지_zinis_Talk04 */ #contents_list{ position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_bg.jpg) no-repeat left top;} #contents_list .leftBox{ position:absolute; left:30px; top:183px; width:162px; height:100px; color:#e1dfdd; font-size:11px; letter-spacing:-1px; line-height:18px; } #contents_list p.left_img { position:absolute; left:0; top:286px;}/*왼쪽하단 이미지 변경*/ #contents_list .rightBox{ position:absolute; left:256px; top:53px; width:705px; height:470px;} #contents_list .rightBox .topTab ul{ position:absolute; top:0; right:0; width:512px; height:22; background: url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_tabLine.jpg) no-repeat left bottom;} #contents_list .rightBox .topTab ul li{ display:inline; float:left;} #contents_list .rightBox .issue_Box{ width:674px; height:48px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_TopRedbar.jpg) no-repeat left top; margin-top:40px;} #contents_list .rightBox .issue_Box ul{ width:565px; height:40px; float:right; right-margin:; padding:10px 0 0 0px;} #contents_list .rightBox .issue_Box ul li.icon{ background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_icon.jpg) no-repeat left 6px; padding-left:5px;} #contents_list .rightBox .issue_Box ul li{ display:inline; float:left; letter-spacing:-1px; color:#959595; font-size:11px; line-height:17px;} #contents_list .rightBox .issue_Box ul li.ri_box{ width:235px; height:26px;} #contents_list .rightBox .issue_Box ul li.ri_box a{ color:#fff;} /* a태그 color */ #contents_list .rightBox .issue_Box ul li.ri_box a:hover{ color:;} #contents_list .rightBox .issue_Box ul li.left_box{ width:275px; height:26px;} #contents_list .rightBox .issue_Box ul li.left_box a{ color:#fff;} #contents_list .rightBox .issue_Box ul li.left_box a:hover{ color:;} #contents_list .rightBox .issue_Box ul li strong{ color:#fff;} #contents_list .rightBox .ge_Box{ background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_Redbar.jpg) no-repeat left top; height:48px; width:674px; margin-top:20px;} #contents_list .rightBox .ge_Box input.in00{ width:560px; height:11px; padding:10px; background-color:#fff; border:none; margin-top:4px; float:right;} #contents_list .rightBox .redBG_02{ width:674px; height:240px; } #contents_list .rightBox .redBG_02 .textarea1{width:614px; height:240px; padding:25px 40px 0 18px;background-color:#fff; } #contents_list .rightBox ul.btn_list_2{ position:relative; width:674px;} #contents_list .rightBox ul.btn_list_2 li{ display:inline;} /* //LG1_라운지_zinis_Talk04 */ /* LG1_라운지_zinis_Talk02 */ #contents_list .rightBox .ge_list02 { margin-top:20px; width:674px; height:23px; border-bottom:4px solid #950f18;} #contents_list .rightBox .ge_list02 ul li.fl{color:#fff;} #contents_list .rightBox .ge_list02 ul li.text00{position:absolute; left:240px; top:132px; margin:-20px 260px 0 15px; float:right;} #contents_list .rightBox .ge_list02 ul li strong{ display:inline; color:#454545; z-index:400; font-weight:normal;} #contents_list .rightBox .ge_list02 ul li.text{ margin-top:10px;} #contents_list .rightBox .ge_list02 ul li strong { color:#950f18;} #contents_list .rightBox .ge_list02 ul li .se00{height:17px; position:absolute; left:425px; top:122px; width:72px; margin:-14px 2px 0 10px; border:1px solid #d5d5d5; background-color:#9d948d;} #contents_list .rightBox .ge_list02 ul li img.Zinis_icon {height:14px; float:right; background-color:#9d948d; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-left:none; margin-top:1px;} #contents_list .rightBox .ge_list02 ul li img.ma { margin:-2px 0 0 5px; } #contents_list .rightBox .ge_list02 ul li .in00{height:14px; width:147px; margin-top:1px; border:1px solid #d5d5d5; background-color: #9d948d; border-right:none;} /* 리스트 텍스트 컬러 수정 */ #contents_list .rightBox .ge_list_4{ width:674px;} #contents_list .rightBox .ge_list_4 dl{ width:674px; height:52px; border-bottom:1px solid #9c958f; padding:10px 0 9px 0; line-height:20px; letter-spacing:-1px; color:#fff;} #contents_list .rightBox .ge_list_4 dl dt a{ color:#454545; font-size:12px; font-weight:bold;} #contents_list .rightBox .ge_list_4 dl.ripple ul.ripple_list { margin-left:-20px;} #contents_list .rightBox .ge_list_4 dl ul { color:#454545; font-weight:bold;} #contents_list .rightBox .ge_list_4 dl ul img{ vertical-align:middle;} /* 본글 */ #contents_list .rightBox .ge_list_4 ul.img_list ul.sica {position:relative; width:670px; height:11px; } #contents_list .rightBox .ge_list_4 ul.img_list ul.sica img{ vertical-align:-2px; margin-right:2px;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li{ display:inline; margin-top:-20px; color:#FFF;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li span{ color:#c57373;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li.wid1{ width:100px; position:absolute; left:430px; top:20px;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li.wid2{ width:60px; position:absolute; left:535px; top:20px;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li.wid3{ width:90px; position:absolute; left:580px; top:20px;} #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li a{ color:#fff;} /* //본글 */ #contents_list .rightBox .ge_list_4 ul.img_list ul.sica li.wid span{ color:#c57373;} /* 댓글 */ #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list {} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li.wid{ display:inline; margin:-20px 5px 0 0; float:right; } #contents_list .rightBox .ge_list_4 ul.img_list {color:#fff;} #contents_list .rightBox .ge_list_4 ul.img_list li a{color:#fff;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li{ text-align:center;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li span{ color:#c57373;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li.list { margin-left:-20px;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li.wid11{ width:120px; position:absolute; left:400px; margin-top:;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li.wid22{ width:60px; position:absolute; left:505px; margin-top:;} #contents_list .rightBox .ge_list_4 ul.img_list ul.ripple_list li.wid33{ width:100px; position:absolute; left:550px; top:;} /* //댓글 */ /*list*/ #contents_list .event_list ul.list{ padding-bottom:10px; float:left; width:660px;} #contents_list .event_list ul.list li{ display:inline;} #contents_list .event_list a { margin-left:5px; color:#fff;} #contents_list .event_list a:hover {color:#950f18;} #contents_list .event_list a img{ vertical-align:0;} #contents_list .bot_btn {position:absolute; left:620px; top:0;} #contents_list .bot_btn2 { position:relative; left:0; top:0; width:235px; height:8px; float:right; margin-right:30px; border:1px solid blue;} #contents_list .bot_btn2 a.bt01 { position:absolute; left:0; top:0; } #contents_list .bot_btn2 a.bt02 { position:absolute; left:61px; top:0; } #contents_list .bot_btn2 a.bt03 { position:absolute; left:120px; top:0; } #contents_list .bot_btn2 a.bt04 { position:absolute; left:206px; top:0; } /* //LG1_라운지_zinis_Talk02 */ /* LG1_라운지_zinis_Talk03 */ #contents_list h1{ position:absolute; left:31px; top:96px;} #contents_list .rightBox .ge_list02_2 { margin-top:0; width:674px; height:23px; border-bottom:4px solid #950f18;} #contents_list .rightBox ul.fa{ width:674px; border-bottom:1px solid #9c958f; height:10px; padding:10px 0;} #contents_list .rightBox ul.fa li {} #contents_list .rightBox ul.fa li.fl{ color:#454545 ; font-size:12px; font-weight:bold; } #contents_list .rightBox ul.fa li.fr{ color:#fff;} /**/ #contents_list .rightBox ul.fa_2{ width:674px; border-bottom:1px solid #9c958f; height:10px; padding:10px 0;} #contents_list .rightBox ul.fa_2 li.fl{ color:#d7d3cf ; font-size:12px; font-weight:bold;} #contents_list .rightBox ul.fa_2 li.fl span{ color:#fff;} #contents_list .rightBox ul.fa_2 li.fl span a{ color:#fff;} #contents_list .rightBox ul.fa_2 li.fr{ color:#d7d3cf;} #contents_list .rightBox ul.fa_2 li.fr span{ color:#c57373;} #contents_list .rightBox .redBG_02_2{ width:650px; height:180px; color:#fff; font-size:12px; overflow:auto; border-bottom:1px solid #888078; padding:19px 15px 10px 10px;} #contents_list .rightBox .redBG_02_2 .textarea1{ width:654px; height:165px; padding:25px 0 25px 18px; border-bottom:1px solid #42342b; background-color:#81766e; color:#fff;} #contents_list .rightBox ul.btn_list{ position:absolute; left:0; margin-top:267px; width:674px;} * html #contents_list .rightBox ul.btn_list{ position:absolute; left:0; margin-top:0px; width:674px;} #contents_list .rightBox ul.btn_list li{ display:inline;} /*4개의버튼*/ #contents_list .rightBox ul.bot_btnimg_list{position:absolute; left:430px; top:400px; width:250px; hight:30px;} #contents_list .rightBox ul.bot_btnimg_list li{display:inline; float:left; ;} #contents_list .rightBox ul.bot_btnimg_list li img.bot_list01{position:absolute; left:5px; top:0;} #contents_list .rightBox ul.bot_btnimg_list li img.bot_list02{position:absolute; left:65px; top:0;} #contents_list .rightBox ul.bot_btnimg_list li img.bot_list03{position:absolute; left:125px; top:0;} #contents_list .rightBox ul.bot_btnimg_list li img.bot_list04{position:absolute; left:210px; top:0;} #contents_list .rightBox ul.bot_bg {display:inline; position:absolute; left:0; bottom:15px; padding:5px 0 0 10px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk03_botMenu.jpg) no-repeat left top; height:22px; width:660px;} #contents_list .rightBox ul.bot_bg li{ display:inline;} #contents_list .rightBox ul.bot_bg li.text{float:left; font-size:11px; color:#fff; } #contents_list .rightBox ul.bot_bg li img.btn_right{ float:right; margin-right:10px; top:0;} #contents_list .rightBox ul.bot_bg li.text strong{color:#950f18;} /* //LG1_라운지_zinis_Talk03 */ /* LG1_라운지_zinis_Talk03_1 */ #contents_list .rightBox .menu{ position:absolute; left:; bottom:30px;} #contents_list .rightBox .menu ul.bot_bg_1 {left:0; bottom:0; padding:5px 0 0 10px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk03_botMenu.jpg) no-repeat left top; height:22px; width:674px;} #contents_list .rightBox .menu ul.bot_bg_1 li{ display:inline;} #contents_list .rightBox .menu ul.bot_bg_1 li.text{ font-size:11px; color:#fff; } #contents_list .rightBox .menu ul.bot_bg_1 li.text strong{color:#950f18;} #contents_list .rightBox .menu ul.bot_bg_1 li img{ margin-top:-10px;} #contents_list .rightBox .menu ul.bot_box { margin-top:-5px; width:674px; height:170px; background-color:black;} #contents_list .rightBox .menu ul.bot_box dl { width:674px; height:30px; } #contents_list .rightBox .menu ul.bot_box dl dd .textarea2{ width:599px; height:40px; overflow:hidden; background-color:#27201b; border:none; margin:10px 0 0 9px;} #contents_list .rightBox .menu ul.bot_box dl dd { display:inline; float:left;} #contents_list .rightBox .menu dl.bot_box_2 {position:absolute; left:10px; top:90px; height:30px; border-bottom:1px dotted #131313; padding:5px; line-height:17px;} #contents_list .rightBox .menu dl.bot_box_2 dt{ color:#454545;} #contents_list .rightBox .menu dl.bot_box_2 dd{ color:#fff;} #contents_list .rightBox .menu dl.bot_box_3 {position:absolute; left:10px; top:125px; height:30px; padding:5px; line-height:17px;} #contents_list .rightBox .menu dl.bot_box_3 dt{ color:#454545;} #contents_list .rightBox .menu dl.bot_box_3 dd{ color:#fff;} #contents_list .event_list {position:absolute; bottom:8px; width:680px; text-align:center; margin:0 auto;} #contents_list .event_list a { margin-left:1px; color:#fff;} #contents_list .event_list a:hover{ color:#950f18;} /* //LG1_라운지_zinis_Talk03_1 */ /* LG1_라운지_zinis_Talk01 */ #contents_m00{ position:relative; width:100%; height:523px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk01_bg.jpg) no-repeat left top;} #contents_m00 .con{ position:absolute; left:170px; top:156px; width:760px; height:370px; font-size:11px; letter-spacing:-1px; line-height:18px;} #contents_m00 .con dl{ width:300px; height:120px; float:left; margin-top:-5px;} #contents_m00 .con dt{ float:right; margin-bottom:;} #contents_m00 .con dd{ clear:both; padding-left:5px; } #contents_m00 .con dd a{ color:#fff; float:left;} #contents_m00 .con dd a.icon{ background:url(http://www.atzine.com/images/fr/lg2/Zinis_Talk01_icon02.jpg) no-repeat left 7px; padding-left:5px;} #contents_m00 .con dd a:hover{ color:#950f18;} #contents_m00 .con dd a.right_list{ float:right; color:#d7d3cf; } #contents_m00 .con dl.mar { margin:0 155px 80px 0;} /* //LG1_라운지_zinis_Talk01 */ /* MD1.10_My Friend */ #contents_diary{position:relative; width:960px; height:630px; background-color:#black;} #contents_diary .con3 {position:absolute; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_con_bg.jpg) no-repeat left top; width:585px; height:512px;} #contents_diary .con3 h1 { margin:57px 0 10px 20px; width:300px; } #contents_diary .con3 h1 span.text_bo {font-size:14px; color:#b2413a; font-weight:bold; padding-left:5px; padding-top:2px;} #contents_diary .con3 p.top_se{ float:right; margin-right:80px; top:0; _margin-right:60px;} #contents_diary .con3 p.top_se img{ vertical-align:-1px;} #contents_diary .con3 p.top_se input{ width:105px; height:15px; background-color:#5e2328; border:none; vertical-align:middle; padding:3px;} #contents_diary .con3 .L_menu a{ margin-bottom:10px; color:#c57373; margin-top:5px;} #contents_diary .con3 .L_menu a:hover{ color:#fff;} #contents_diary .con3 .L_menu p{ margin-bottom:12px; _margin-top:-10px; .margin-top:-10px;} #contents_diary .con3 .L_menu p img{ vertical-align:middle; margin-left:0px;} #contents_diary .con3 .L_menu p input{ vertical-align:middle; margin-right:5px;} #contents_diary .con3 .L_menu {position:absolute; left:10px; top:110px; width:130px; height:365px; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_left_bg.jpg) no-repeat left top;padding:20px 0 0 35px;} #contents_diary .con3 .L_menu ul { margin:60px 0 0 30px; width:90px; height:9px;} #contents_diary .con3 .L_menu ul li { display:inline; float:left; margin-right:7px;} #contents_diary .con3 .L_menu ul img { margin-top:2px;} #contents_diary .con3 .L_menu ul li a{ color:#6f2025;} #contents_diary .con3 .L_menu ul li a:hover{color:#ca4a42;} /* list작업 */ #contents_diary .con3 .L_menu ul.list_bb{ position:absolute; left:30px; top:310px;} #contents_diary .con3 .L_menu ul.list_bb li img { vertical-align:0;} #contents_diary .con3 .R_menu {position:absolute; left:200px; top:125px; width:350px; height:340px; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_con_bg.jpg) no-repeat left top:;} #contents_diary .con3 .R_menu h2 { color:#fff; font-size:12px; margin-bottom:10px;} #contents_diary .con3 .R_menu ul.top_bg { width:315px; height:19px; background: url(http://www.atzine.com/images/fr/lg2/My-Friend_right_bg.jpg) no-repeat left top;} #contents_diary .con3 .R_menu ul.top_bg li{ display:inline; float:left; padding:3px 0 0 0; margin-left:75px;} #contents_diary .con3 .R_menu ul.top_bg li.fl { float:left;} #contents_diary .con3 .R_menu ul.top_bg li.fr { float:right; margin-right:65px;} #contents_diary .con3 .R_menu .list_m{position:relative; left:; top:; overflow:auto; width:315px; height:240px;} #contents_diary .con3 .R_menu .list_m table td{border-bottom:1px dotted #691d23; width:315px; height:5px;} #contents_diary .con3 .R_menu .list_m table td a{ color:#c57373; font-size:11px;} #contents_diary .con3 .R_menu .list_m table td a:hover{ color:#fff;} #contents_diary .con3 .R_menu .list_m table td img { margin-left:7px;} #contents_diary .con3 .R_menu .list_m table td.kk { display:inline; width:280px; height:30px;} #contents_diary .con3 .R_menu .list_m table td.kk a.date_L { left:; top:; width:180px;} #contents_diary .con3 .R_menu .list_m table td.kk a.date_R {position:absolute; right:0px; top:; width:; width:70px;} #contents_diary .con3 .R_menu ul.bot_btn { width:140px; float:right; margin:20px 40px 0 0; _margin-right:20px;} #contents_diary .con3 .R_menu ul.bot_btn li { display:inline; float:left;} #contents_diary a.left_btn { position:absolute; left:-253px; top:260px;} /**/ #contents_diary .con3 .R_menu {position:absolute; left:200px; top:125px; width:350px; height:340px; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_con_bg.jpg) no-repeat left top:;} #contents_diary .con3 .R_menu h2 { color:#fff; font-size:12px; margin-bottom:10px;} #contents_diary .con3 .R_menu ul.top_bg { width:315px; height:19px; background: url(http://www.atzine.com/images/fr/lg2/My-Friend_right_bg.jpg) no-repeat left top;} #contents_diary .con3 .R_menu ul.top_bg li{ display:inline; float:left; padding:3px 0 0 0; margin-left:75px;} #contents_diary .con3 .R_menu ul.top_bg li.fl { float:left;} #contents_diary .con3 .R_menu ul.top_bg li.fr { float:right; margin-right:65px;} #contents_diary .con3 .R_menu .list_m_2{position:relative; left:; top:; overflow:auto; width:315px; height:240px;} #contents_diary .con3 .R_menu .list_m_2 table td{border-bottom:1px dotted #691d23; width:315px; height:5px; color:#c57373;} #contents_diary .con3 .R_menu .list_m_2 table td a{ color:#c57373; font-size:11px;} #contents_diary .con3 .R_menu .list_m_2 table td a:hover{ color:#fff;} #contents_diary .con3 .R_menu .list_m_2 table td img { margin-left:7px;} #contents_diary .con3 .R_menu .list_m_2 table td.kk { display:inline; width:280px; height:30px;} #contents_diary .con3 .R_menu .list_m_2 table td.kk a.date_L { left:; top:; width:180px;} #contents_diary .con3 .R_menu .list_m_2 table td.kk a.date_R {position:absolute; right:0px; top:; width:; width:100px;} #contents_diary .con3 .R_menu ul.bot_btn { width:140px; float:right; margin:20px 40px 0 0; _margin-right:20px;} #contents_diary .con3 .R_menu ul.bot_btn li { display:inline; float:left;} /* //MD1.10_My Friend /* MD1.10_ 다이어리보기 */ #contents_diary .con3_1 p.top{ margin:15px 0 0 32px;} #contents_diary .con3_1 p.top img { vertical-align:middle;} #contents_diary .con3_1 p.top a{ padding:15px 0 0 10px;} #contents_diary .con3_1 h1 { margin:30px 0 10px 40px;} #contents_diary .con3_1 {position:absolute; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_con_bg.jpg) no-repeat left top; width:585px; height:512px;} /*달력*/ #contents_diary .con3_1 .date_1 { float:left; position:relative; left:0; top:; width:65px; margin:15px 0 0 0px; background: url(http://www.atzine.com/images/fr/lg2/my_date_bg.jpg) no-repeat left top;} #contents_diary .con3_1 .date_1 ul { width:65px; height:40px; padding:7px 0 0 4px;} #contents_diary .con3_1 .date_1 ul li{display:inline; float:left; color:#c57373; font-weight:bold;} #contents_diary .con3_1 .date_1 ul li.fa{ width:30px; font-size:9px; font-weight:bold; font-famliy:dotum; font-weight:bold; margin-bottom:2px;} #contents_diary .con3_1 .date_1 ul li.fa02{ width:27px; font-size:18px; font-famliy:dotum;} #contents_diary .con3_1 .date_1 ul li.fa03 { width:1px; margin:5px 2px 0 0;} /*//달력*/ #contents_diary .con3_1 .date_1 a.date_le { margin:0 0 0 20px; width:20px;} #contents_diary .con3_1 .r_menu { position:absolute; left:150px; top:95px; overflow:auto; width:420px; height:379px;} #contents_diary .con3_1 .r_menu p.icon { background:url(http://www.atzine.com/images/fr/lg2/my_text_icon.jpg) no-repeat left 5px; padding-left:5px; color:#c57373; margin-bottom:6px;} #contents_diary .con3_1 .r_menu p.icon a{ border-bottom:1px solid #c57373; color:#c57373;} #contents_diary .con3_1 .r_menu p.icon .aa{ border:none; margin-left:10px; padding-top:1px;} #contents_diary .con3_1 .r_menu .box dt{ background:url(http://www.atzine.com/images/fr/lg2/my_bg.jpg) no-repeat left top; margin-top:25px; height:17px;} #contents_diary .con3_1 .r_menu .box dt a{ color:#fff; font-size:11px; margin-left:8px;} #contents_diary .con3_1 .r_menu .box dd { padding:10px; color:#b2413a;} #contents_diary .con3_1 .r_menu .box_2 dt{ background:url(http://www.atzine.com/images/fr/lg2/my_bg02.jpg) no-repeat left top; margin-top:25px; } #contents_diary .con3_1 .r_menu .box_2 dt a{ color:#fff; font-size:11px; margin-left:8px;} #contents_diary .con3_1 .r_menu .box_2 dd { padding:10px; color:#b2413a;} #contents_diary .con3_1 .r_menu .tab { border-top:1px solid #67242a; width:389px; margin-bottom:18px;} #contents_diary .con3_1 .r_menu .tab .fr {margin:-1px 10px 0 0;} #contents_diary .con3_1 .r_menu p.icon_2 { background:url(http://www.atzine.com/images/fr/lg2/my_text_icon.jpg) no-repeat left 5px; padding-left:5px; color:#c57373; margin:0 0 6px 0;} #contents_diary .con3_1 .r_menu p.icon_2 a{ border-bottom:1px solid #c57373; color:#c57373;} #contents_diary .con3_1 .r_menu p.icon_2 .aa{ border:none; margin-left:10px; padding-top:1px;} #contents_diary .con3_1 .right_menu2 {color:#c57373; position:absolute; left:80px; width:390px;} #contents_diary .con3_1 .right_menu3 {color:#c57373; position:absolute; left:80px; top:20px; width:390px;} #contents_diary .con3_1 .input_diray { width:340px; background-color:#411e21; border:none; margin-left:10px; padding:2px; color:#95464b;} #contents_diary .con3_1 a .in{ vertical-align:middle; margin-left:5px;} #contents_diary .con3_1 .list { width:360px; height:50px; margin:15px 0 0 10px;} #contents_diary .con3_1 .list li { color:#b2413a;} #contents_diary .con3_1 .list li span{ color:#c57373;} #contents_diary .con3_1 .list li a.fa{ color:#95464b; margin-left:10px;} #contents_diary .con3_1 .list li.icon2{ background:url(http://www.atzine.com/images/fr/lg2/my_icon03.jpg) no-repeat left top; padding-left:10px;} #contents_diary .con3_1 a.left_btn { position:absolute; left:-253px; top:260px;} /* //MD1.10_ 다이어리보기 */ /* MD1.10_ 다이어리쓰기 */ #contents_diary .con3_1 .bot { position:absolute; left:35px; top:95px; overflow:auto; width:497px; height:379px;} #contents_diary .con3_1 .bot .ok_btn { margin:60px 0 0 260px;} #contents_diary .con3_1 .bot p.icon { background:url(http://www.atzine.com/images/fr/lg2/my_text_icon.jpg) no-repeat left 5px; padding-left:5px; color:#c57373; margin-bottom:6px;} #contents_diary .con3_1 .bot p.icon a{ border-bottom:1px solid #c57373; color:#c57373;} #contents_diary .con3_1 .bot p.icon .aa{ border:none; margin-left:10px; padding-top:1px;} #contents_diary .con3_1 .date { position:absolute; width:65px; margin:-17px 0 0 0; background: url(http://www.atzine.com/images/fr/lg2/my_date_bg.jpg) no-repeat left top;} /*#contents_diary .con3_1 .date ul { width:56px; height:40px; padding:7px 0 0 5px;} #contents_diary .con3_1 .date ul li{ width:27px; display:inline; float:left; font-size:10px; color:#c57373; font-weight:bold; } #contents_diary .con3_1 .date ul li.fa{ margin-bottom:3px;} #contents_diary .con3_1 .date ul li.fa02{ width:27px; font-size:18px; font-famliy:dotum;} #contents_diary .con3_1 .date ul li.fa03 { width:1px; margin:5px 2px 0 0;}*/ #contents_diary .con3_1 .date ul { width:65px; height:40px; padding:7px 0 0 4px;} #contents_diary .con3_1 .date ul li{display:inline; float:left; color:#c57373; font-weight:bold;} #contents_diary .con3_1 .date ul li.fa{ width:30px; font-size:9px; font-weight:bold; font-famliy:dotum; font-weight:bold; margin-bottom:2px;} #contents_diary .con3_1 .date ul li.fa02{ width:27px; font-size:18px; font-famliy:dotum;} #contents_diary .con3_1 .date ul li.fa03 { width:1px; margin:5px 2px 0 0;} #contents_diary .con3_1 .date ul li.bo { font-size:17px; color:#c57373;} #contents_diary .con3_1 .date a.date_le { margin:0 0 0 20px; width:20px;} #contents_diary .con3_1 .top_box{ position:absplute; background:url(http://www.atzine.com/images/fr/lg2/my_topBG.jpg) no-repeat left top; height:75px; width:440px; margin-bottom:20px; padding:15px; color:#95464b;} #contents_diary .con3_1 .right_menu {position:absolute; left:80px; top:110px; width:390px;} #contents_diary .con3_1 .bot .box dt{ background:url(http://www.atzine.com/images/fr/lg2/my_bg.jpg) no-repeat left top; margin-top:25px; } #contents_diary .con3_1 .bot .box dt a{ color:#fff; font-size:11px; margin-left:8px;} #contents_diary .con3_1 .bot .box dd { padding:10px; color:#b2413a;} #contents_diary .con3_1 .bot .box_2 img.ff{ float:right; margin-top:3px;} #contents_diary .con3_1 .bot .box_2 dt{ background:url(http://www.atzine.com/images/fr/lg2/my_bg02.jpg) no-repeat left top; margin-top:25px; height:17px;} #contents_diary .con3_1 .bot .box_2 dt a{ color:#fff; font-size:11px; margin:3px 0 0 8px;} #contents_diary .con3_1 .bot .box_2 dd { padding:10px; color:#b2413a;} #contents_diary .con3_1 .bot .tab { border-top:1px solid #67242a; width:389px; margin-bottom:18px;} #contents_diary .con3_1 .bot .tab .fr {margin:-1px 10px 0 0;} #contents_diary .con3_1 .bot p.icon_2 { background:url(http://www.atzine.com/images/fr/lg2/my_text_icon.jpg) no-repeat left 5px; padding-left:5px; color:#c57373; margin:0 0 6px 0;} #contents_diary .con3_1 .bot p.icon_2 a{ border-bottom:1px solid #c57373; color:#c57373;} #contents_diary .con3_1 .bot p.icon_2 .aa{ border:none; margin-left:10px; padding-top:1px;} /* //MD1.10_ 다이어리쓰기 */ /* zini zine */ #contents_sica { position:relative; width:960px; height:630px;} #contents_sica .con_bg { position:absolute; background:url(http://www.atzine.com/images/fr/lg2/My-Friend_con_bg.jpg) no-repeat left top; width:585px; height:512px;} #contents_sica .con_bg ul.top_list {padding:13px 0 0 20px; width:467px; height:15px;} #contents_sica .con_bg ul.top_list li{ display:inline; float:left; } #contents_sica .con_bg ul.top_list li.text{ float:left; font-size:16px; color:#fff; font-weight:bold;} #contents_sica .con_bg ul.top_list li.text2{ position:absolute; color:#c57373; right:80px} #contents_sica .con_bg ul.top_list li.text2 img{ margin-right:5px; } /*왼쪽박스*/ #contents_sica ul.con { position:absolute; left:20px; margin-top:30px; width:305px; height:92px; background:url(http://www.atzine.com/images/fr/ma/temp/sica_top_bg.jpg) no-repeat left top;} #contents_sica ul.con li { display:inline; float:left; } #contents_sica ul.con li.photo{ width:90px; float:left;} #contents_sica ul.con img.fr{ .margin-top:-30px;} #contents_sica ul.con li.text_top { width:190px; height:18px; padding:10px; color:#c57373; font-size:11px;} #contents_sica ul.con li.img_bottom { width:195px; height:35px; margin:10px 0 0 15px; .margin-top:5px; _margin-top:0;} /*오른쪽박스*/ #contents_sica ul.r_box{ position:absolute; left:320px; top:65px; width:156px; height:91px; padding-left:5px;} #contents_sica ul.r_box li.bor{ border-bottom:1px dotted #703a3e; width:170px; height:13px; color:#c57373;} /*graph*/ #contents_sica .big_box {position: absolute; left:330px; top:120px; width:170px; height:22px;} #contents_sica .graph_box { position: absolute; left0:; top:0; border-bottom:none; width:170px;} #contents_sica .graph_box ul.gr01 li{ display:inline; float:left;} #contents_sica .graph_box ul.gr01 li.graph1 { border-bottom:none;} #contents_sica .graph_box ul.gr01 li.img01 { background:url(http://www.atzine.com/images/fr/ma/temp/sica_graph_bg.jpg) no-repeat left top; width:120px; height:7px; margin-left:15px;} #contents_sica .graph_box ul.gr01 li.img01 ul.graph_bg li.ttt{ background:url(http://www.atzine.com/images/fr/ma/temp/sica_graph01_botReft_centerimg.jpg) repeat-x left top; } #contents_sica .graph_box2 {position: absolute; left:; top:15px; border-bottom:none;} #contents_sica .graph_box2 ul.gr02 li{ display:inline; float:left;} #contents_sica .graph_box2 ul.gr02 li.graph2 { border-bottom:none; } #contents_sica .graph_box2 ul.gr02 li.img02 {background:url(http://www.atzine.com/images/fr/ma/temp/sica_graph_bg.jpg) no-repeat left top; width:120px; height:7px; margin-left:27px;} #contents_sica .graph_box2 ul.gr02 li.img02 ul.graph_bg02 li.ttt2 { background:url(http://www.atzine.com/images/fr/ma/temp/sica_graph_botReft_centerimg.jpg) repeat-x left top;} /*//graph*/ /*1*/ #contents_sica .con2 ul.l_box{position: absolute; left:20px; top:170px; width:150px; height:114px; background:url(http://www.atzine.com/images/fr/ma/temp/sica_myfrlend_bg.jpg) no-repeat left top; padding-bottom:10px;} #contents_sica .con2 ul.l_box li{ display:inline; float:left; padding:2px 0 -3px 0;} #contents_sica .con2 ul.l_box li.text01 { padding: 5px 0 0 3px;} #contents_sica .con2 ul.l_box a.more { padding:5px 0 0px 45px;} /*2*/ #contents_sica .con2 ul.bor04 li{ height:12px; border-bottom:1px dotted #681d23; width:145px; color:#c57373; _margin-left:-20px; .margin-left:-20px; margin:9px 0 -10px 0; padding:5px 0 0 5px;} #contents_sica .con2 ul.bor04 li a{ height:12px; border-bottom:1px dotted #681d23; width:145px; color:#c57373; _margin-left:-40px; .margin-left:-40px; margin:9px 0 -10px 0; padding:5px 0 0 5px;} #contents_sica .con2 ul.bor05 li{border-bottom:1px dotted #681d23; width:145px; color:#c57373; _margin-left:-40px; .margin-left:-40px; margin:9px 0 -10px 0; padding:5px 0 0 5px;} #contents_sica .con2 ul.bor05 li a{border-bottom:1px dotted #681d23; width:145px; color:#c57373; _margin-left:-40px; .margin-left:-40px; margin:9px 0 -10px 0; padding:5px 0 0 5px;} /**/ #contents_sica .con2 ul.l_box02 { display:inline; float:left; } #contents_sica .con2 ul.l_box02{color:#c57373; position: absolute; left:190px; top:170px; width:140px; height:114px; background:url(http://www.atzine.com/images/fr/ma/temp/sica_myfrlend_bg.jpg) no-repeat left top;} #contents_sica .con2 ul.l_box02 li{ display:inline; float:left;} #contents_sica .con2 ul.l_box02 li.text01 { padding: 5px 0 0 3px;} #contents_sica .con2 ul.l_box02 a.more2 { padding:5px 0 0px 10px;}/*키워드 more이미지*/ #contents_sica .con2 div.center_box{margin-left:5px;width:139px;height:100px;color:#E1E1E1;letter-spacing:5px;overflow:hidden; margin-top:30px;.margin-top:8px; _margin-top:8px;} #contents_sica .con2 div.center_box a{ display:inline; float:left; width:30px; padding:4px 10px 4px 0;font-size:11px;;letter-spacing:0 ;color:#b68485 ;white-space:nowrap ;vertical-align:middle ; } div.center_box a.key01 {color:#b2413a;font-size:16px;font-weight:bold;} div.center_box a.key02 {color:#b2413a;font-size:15px;} div.center_box a.key03 {color:#b2413a;font-size:20px;font-weight:bold;} div.center_box a.key04 {color:#b2413a;font-size:13px;font-weight:bold;} div.center_box a.key05 {color:#b2413a;font-size:16px;;} div.center_box a.key06 {color:#b2413a;font-size:11px;} div.mkeylayout a.key07 {color:#b2413a;font-size:16px;font-weight:bold;} div.mkeylayout a.key08 {color:#b2413a;font-size:11px;} div.mkeylayout a.key09 {color:#b2413a;font-size:16px;font-weight:bold;} div.mkeylayout a.key10 {color:#b2413a;font-size:16px;} div.mkeylayout a.key11 {color:#b2413a;font-size:16px;font-weight:bold;} /*3*/ #contents_sica .con2 ul.l_box03 { display:inline; float:left;} #contents_sica .con2 ul.l_box03{position: absolute; left:350px; top:170px; width:170px; height:114px; background:url(http://www.atzine.com/images/fr/ma/temp/sica_mydiary_bg.jpg) no-repeat left top;} #contents_sica .con2 ul.l_box03 li{ display:inline; float:left;} #contents_sica .con2 ul.l_box03 li.text01 { padding: 5px 0 0 3px;} #contents_sica .con2 ul.l_box03 a.more3 { padding:10px 0 0 45px;} /* 지니진 메인 페이지 작업*/ #contents_sica div.mm {padding:5px 0 0 3px; position:absolute; left:25px; top:320px; width:488px; height:60px; background:url(http://www.atzine.com/images/fr/ma/temp/sica_divBox_bg.jpg) no-repeat left top;} #contents_sica div.mm input.sica_in { background-color:#522126; width:430px; padding:2px; border:none; color:#95464b; } #contents_sica div.mm img.ok_img { vertical-align:middle; margin-left:5px;} #contents_sica .bot_list {overflow:auto; position:relative; left:20px; top:340px; width:488px; height:120px; padding:5px 0 0 5px; } /*마지막 리스트*/ #contents_sica .bot_list ul.div_list { margin-top:20px;} #contents_sica .bot_list ul.div_list li{ border-bottom:1px dotted #531a1e; height:13px; width:428px; padding-top:3px; color:#c57373; padding-left:5px;} #contents_sica ul.viwe_list{ position:absolute; right:200px; bottom:20px; width:120px; height:9px;} #contents_sica ul.viwe_list img { margin-top:2px;} #contents_sica ul.viwe_list li{ display:inline; float:left; color:#6e2025; margin-left:10px;} #contents_sica ul.viwe_list li a{ color:#6e2025;} #contents_sica ul.viwe_list li a:hover{ color:#ca4a42;} /* //zini zine */ /*지니진SNB 라운지 작업 #footer_zini {position:absolute; left:0; top:560px; width:959px; height:64px; } #footer_zini ul.list_at{position:relative; left:351px; top:18px; width:255px; height:38px;} #footer_zini ul.list_at li{position:absolute; display:inline; float:left;} #footer_zini ul.list_at li.img1 {position:absolute; left:0; top:;} #footer_zini ul.list_at li.img2 {position:absolute; left:45px; top:;} #footer_zini ul.list_at li.img3{position:absolute; left:90px; top:;} #footer_zini ul.list_at li.img4{position:absolute; left:134px; top:;} #footer_zini ul.list_at li.img5 {position:absolute; left:177px; top:;} #footer_zini ul.list_at li.img6 {position:absolute; left:227px; top:;} */ /**/ #footer_zini ul.friend_serch { position:absolute; left:706px; top:25px; width:213px; height:19px;} #footer_zini ul.friend_serch li{ display:inline; float:left;} #footer_zini ul.friend_serch li.serch02 input{ width:79px; height:11px; border-left:2px solid #ada8a3; border-top:2px solid #ada8a3; border-bottom:2px solid #ada8a3; background-color:#4c423a; padding: 4px 2px 0 3px; border-right:none; font-size:8px; color:#aaa49f;} #footer_zini ul.friend_serch li img.icon_my { border:2px solid #ada8a3;padding: 2px 3px 0 0; background-color:#4c423a; border-left:none;} #footer_zini ul.friend_serch a.serch_btn img{ padding-top:6px;} /*img rollover시*/ #footer_zini ul.list_at a.rollover img {border:0 none; display:inline; } #footer_zini ul.list_at a.rollover img.over {display:none;z-index:300;} #footer_zini ul.list_at a.rollover:hover {border:0 none;} #footer_zini ul.list_at a.rollover:hover img {display:none;} #footer_zini ul.list_at a.rollover:hover img.over {display:inline;} /**/ #footer_zini ul.about_list{position:absolute; left:8px; top:58px;} #footer_zini ul.about_list li{ display:inline; float:left;} /*about menu rollover시*/ #footer_zini ul.about_list li{ list-style:none;} #footer_zini ul.about_list a.rollover img.aa {border:0 none; display:inline; } #footer_zini ul.about_list a.rollover img.over {border:0 none; display:none; } #footer_zini ul.about_list a.rollover:hover img.aa{border:0 none;} #footer_zini ul.about_list a.rollover:hover img.aa{display:none;} #footer_zini ul.about_list a.rollover:hover img.over {display:inline;} #footer_zini ul.about_list a.rollover img.noneover {border:0 none; display:inline; } #footer_zini ul.about_list a.rollover div.over {display:none;} #footer_zini ul.about_list a.rollover:hover {border:0 none;} #footer_zini ul.about_list a.rollover:hover img.noneover{display:none;} #footer_zini ul.about_list a.rollover:hover div.over {display:inline;} #footer_zini ul.about_list a.rollover:hover div.over .black_box{display:inline; position:absolute; left:410px; top:-58px; width:59px; height:56px; background-color:#000;} /*copyright부분*/ #footer_zini ul.copy{ position:absolute; left:600px; top:53px; width:355px;} #footer_zini ul.copy li{ display:inline; float:left; font-size:9px; color:#877f7a; word-spacing:3px;} /* //layout */ /* ZiniCafeM00 */ #wrapper_at #con_cafe { position:relative; width:960px; height:523px; background:url(http://www.atzine.com/images/fr/lg2/Zinis_cafe_BG.jpg) no-repeat left top;} #con_cafe .contents { width:900px; height:400px; position: relative; left:30px; top:107px;} #con_cafe .contents a.left_btn { position: absolute; left:0px; top:160px;} #con_cafe .contents a.R_btn2 { position: absolute; right:20px; top:160px;} /*box1*********************/ #con_cafe .contents .box1 {width:800px; height:400px; position:relative; left:70px; top:0px; display:inline; float:left; z-index:500} /**/ .box1 ul.ul01 {margin-top:-10px; width:235px; height:338px; float:left; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat;} .box1 ul.ul01 li.li_01 { margin-top:65px;} .box1 ul.ul01 li.li_02 { position:absolute; left:0px; top:293px; width:240px; height:19px;} /**/ .box1 ul.ul02 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box1 ul.ul02 li.li_03 { margin-top:65px;} .box1 ul.ul02 li.li_04 { position:absolute; left:258px; top:293px; width:240px; height:19px;} /**/ .box1 ul.ul03 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box1 ul.ul03 li.li_05 { margin-top:65px;} .box1 ul.ul03 li.li_06 { position:absolute; left:516px; top:293px; width:240px; height:19px;} /*box2*********************/ #con_cafe .contents .box2 { width:800px; height:400px; position:relative; left:70px; top:0; display:inline; float:left; z-index:500} /**/ .box2 ul.ul01 {margin-top:-10px; width:235px; height:338px; float:left; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box2 ul.ul01 li.li_07 { margin-top:65px;} .box2 ul.ul01 li.li_08 { position:absolute; left:0px; top:293px; width:240px; height:19px;} /**/ .box2 ul.ul02 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box2 ul.ul02 li.li_09 { margin-top:65px;} .box2 ul.ul02 li.li_10 { position:absolute; left:258px; top:293px; width:240px; height:19px;} /**/ .box2 ul.ul03 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box2 ul.ul03 li.li_11 { margin-top:65px;} .box2 ul.ul03 li.li_12 { position:absolute; left:516px; top:293px; width:240px; height:19px;} /*box3*********************/ #con_cafe .contents .box3 { width:800px; height:400px; position:relative; left:70px; top:0; display:inline; float:left; z-index:500} /**/ .box3 ul.ul01 {margin-top:-10px; width:235px; height:338px; float:left; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box3 ul.ul01 li.li_13 { margin-top:65px;} .box3 ul.ul01 li.li_14 { position:absolute; left:0px; top:293px; width:240px; height:19px;} /**/ .box3 ul.ul02 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box3 ul.ul02 li.li_15 { margin-top:65px;} .box3 ul.ul02 li.li_16 { position:absolute; left:258px; top:293px; width:240px; height:19px;} /**/ .box3 ul.ul03 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box3 ul.ul03 li.li_17 { margin-top:65px;} .box3 ul.ul03 li.li_18 { position:absolute; left:516px; top:293px; width:240px; height:19px;} /*box5*********************/ #con_cafe .contents .box4 { width:800px; height:400px; position:relative; left:70px; top:0; display:inline; float:left; z-index:500} /**/ .box4 ul.ul01 {margin-top:-10px; width:235px; height:338px; float:left; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box4 ul.ul01 li.li_19 { margin-top:65px;} .box4 ul.ul01 li.li_20 { position:absolute; left:0px; top:293px; width:240px; height:19px;} /**/ .box4 ul.ul02 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box4 ul.ul02 li.li_21 { margin-top:65px;} .box4 ul.ul02 li.li_22 { position:absolute; left:258px; top:293px; width:240px; height:19px;} /**/ .box4 ul.ul03 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box4 ul.ul03 li.li_23 { margin-top:65px;} .box4 ul.ul03 li.li_24 { position:absolute; left:516px; top:293px; width:240px; height:19px;} /*box5*********************/ #con_cafe .contents .box5 { width:800px; height:400px; position:relative; left:70px; top:0; display:inline; float:left; z-index:500} /**/ .box5 ul.ul01 {margin-top:-10px; width:235px; height:338px; float:left; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box5 ul.ul01 li.li_25 { margin-top:65px;} .box5 ul.ul01 li.li_26 { position:absolute; left:0px; top:293px; width:240px; height:19px;} /**/ .box5 ul.ul02 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box5 ul.ul02 li.li_27 { margin-top:65px;} .box5 ul.ul02 li.li_28 { position:absolute; left:258px; top:293px; width:240px; height:19px;} /**/ .box5 ul.ul03 {margin-top:-10px; width:235px; height:338px; float:left; margin-left:23px; background:url(http://www.atzine.com/images/fr/lg2/cafe_black_bg.jpg) no-repeat left top;} .box5 ul.ul03 li.li_29 { margin-top:65px;} .box5 ul.ul03 li.li_30 { position:absolute; left:516px; top:293px; width:240px; height:19px;} /*box5*********************/ /* 분쟁조정센터(ISC_1._권리침해요청)*/ #wrapper_cc { background: url(http://www.atzine.com/images/fr/cc2/ISC_1._dd.jpg) no-repeat left top; width:790px; height:680px;} #content_cc {position:relative; } #content_cc ul.top_tab { position:absolute; left:530px; top:7px; width:230px;} #content_cc ul.top_tab li{ display:inline; float:left;} #content_cc ul.tab{ position:absolute; left:461px; top:75px; width:270px; height:22px;} #content_cc ul.tab li{ display:inline; float:left;} #content_cc h1{position:absolute; left:548px; top:130px;} #content_cc h2{position:absolute; left:394px; top:158px; width:315px;} #content_cc .s_title { position:absolute; left:50px; top:330px; width:542px; height:13px; } #content_cc a.b01{ position:absolute; left:84px; top:465px; margin-top:10px;} #content_cc a.b02{ position:absolute; left:217px; top:470px; margin-top:15px;} #content_cc a.b03{ position:absolute; left:367px; top:450px; margin-top:12px;} #content_cc a.b04{ position:absolute; left:559px; top:475px; margin-top:12px;} #content_cc .bot_box_cc { position:absolute; left:113px; top:563px; width:580px; color:#555; font-size:11px;} #content_cc .bot_box_cc img{ vertical-align:middle;} /* //분쟁조정센터 */ /* ISC_2게시중단요청*/ #wrapper_cc02 { background: url(http://www.atzine.com/images/fr/cc2/ISC_1._dd2.jpg) no-repeat left top; width:790px; height:680px;} #content_cc02 {position:relative; } #content_cc02 ul.top_tab { position:absolute; left:530px; top:7px; width:230px;} #content_cc02 ul.top_tab li{ display:inline; float:left;} #content_cc02 ul.tab02{ position:absolute; left:461px; top:75px; width:270px; height:22px;} #content_cc02 ul.tab02 li{ display:inline; float:left;} #content_cc02 h1{ position: absolute; left:580px; top:130px;} #content_cc02 h1.m30{ position: absolute; left:540px; top:130px;} #content_cc02 .con02 { position:absolute; left:44px; top:229px; width:677px; height:410px; overflow:auto; } #content_cc02 .con02 p.radio01{ text-align:center; margin-top:10px; color:#555; font-size:12px;} #content_cc02 .con02 p.radio01 input{ vertical-align:-2px; margin-right:7px; color:#850009;} #content_cc02 .con02 h3{ margin-bottom:10px;} #content_cc02 .con02 p{ margin-top:5px;} /* 테이블 */ #content_cc02 .con02 table.table01{ background-color:#f8f7f4; width:654px; height:28px; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; margin-bottom:30px;} #content_cc02 .con02 table.table01 td.bor01_cc { width:144px; margin-left:10px;} #content_cc02 .con02 table.table01 td.bor_cc{ width:510px; font-size:11px; color:#555; background-color:#fff;} #content_cc02 .con02 table.table01 td input{ vertical-align:-2px; margin:0 4px 0 8px;} /* 테이블2 */ ul.ul_cc{ width:656px; height:13px; margin-bottom:10px;} ul.ul_cc li{display:inline;} #content_cc02 .con02 table.table02{ width:654px; margin-bottom:18px; color:#555; background-color:#f8f7f4; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-left:none; border-right:none; } #content_cc02 .con02 table.table02 td{ width:645px; margin-left:10px; border-bottom:1px solid #e1e1e1;} #content_cc02 .con02 table.table02 td.bor3_cc { width:180px; border-right:none; padding-left:10px;} #content_cc02 .con02 table.table02 td.fff { background-color:#fff; padding:5px;} #content_cc02 .con02 table.table02 td.fff input.input01 { width:130px; height:17px; border:1px solid #ececec;} #content_cc02 .con02 table.table02 td.input02 input{ width:60px; height:17px; border:1px solid #ececec;} #content_cc02 .con02 table.table02 td.input02 select{ height:18px; border:1px solid #ececec; } #content_cc02 .con02 table.table02 td.fff input.input03 { width:140px; height:17px; border:1px solid #ececec;} #content_cc02 .con02 table.table02 tr.no select{ width:155px; height:18px; border:1px solid #ececec; vertical-align:-3px;} #content_cc02 .con02 table.table02 tr.no td{ border-bottom:none; } /* 테이블3 */ #content_cc02 .con02 table.table03{ width:650px; color:#959595; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-left:none; border-right:none; background-color:none;} #content_cc02 .con02 table.table03 td { border-bottom:1px solid #e1e1e1;} #content_cc02 .con02 table.table03 td.bor4_cc { width:140px; background-color:#f8f7f4; padding-left:10px;} #content_cc02 .con02 table.table03 td.bor5_cc { padding:5px; } #content_cc02 .con02 table.table03 td.area textarea{ width:465px; height:180px; padding:5px 0 0 10px; color:#555; scrollbar-face-color:#7f141b; scrollbar-shadow-color:#000; scrollbar-highlight-color:#ddd; scrollbar-3dlight-color:#ddd; scrollbar-darkshadow-color:#ddd; scrollbar-track-color:#ddd; scrollbar-arrow-color:#6a1116; background-color:#f0f0f0; } #content_cc02 .con02 table.table03 td input.in_cc01{ width:470px; background-color:#f0f0f0; border:none; padding:3px;} #content_cc02 .con02 table.table03 td input.in_cc02{ width:410px; background-color:#f0f0f0; border:none; padding:3px; margin-right:10px;} #content_cc02 .con02 p.bot_btn_cc { text-align:center; margin-top:20px;} /* //ISC_2게시중단요청*/ /* My Diary 이승희 추가 [2009.09.14] START */ #contents_diary .con3_1 .input_diray { width:320px; background-color:#411e21; border:none; margin-left:10px; padding:2px; color:#95464b;} #contents_diary .con3_1 .input_diray2 { width:410px; background:url(http://www.atzine.com/images/common/bg_diary.gif) no-repeat left top; border:none; margin-left:10px; padding:2px; color:#95464b;} #contents_diary .con3_1 .input_diray3 { width:320px; background-color:#411e21; border:none; margin:10px 0px; color:#95464b;} #contents_diary .con3_1 .bot .ok_btn2 { margin:15px 0 0 420px;} #contents_diary .con3_1 .bot .box_3 img.ff{ float:right; margin-top:-9px;} #contents_diary .con3_1 .bot .box_3 dt{ background:url(http://www.atzine.com/images/fr/lg2/my_bg02.jpg) no-repeat left top; margin-top:25px; height:18px;} #contents_diary .con3_1 .bot .box_3 dt a{ color:#fff; font-size:11px; margin:2px 0 0 2px;} #contents_diary .con3_1 .bot .box_3 dd { padding:10px; color:#b2413a;} #contents_diary .con3_1 .bot .tab { border-top:1px solid #67242a; width:380px; margin-bottom:18px;} #contents_diary .con3_1 .bot .tab .fr {margin:-1px 10px 0 0;} #contents_diary .con3_1 .bot p.icon_3 { background:url(http://www.atzine.com/images/fr/lg2/my_text_icon.jpg) no-repeat left 5px; padding-left:5px; color:#c57373; margin:0 0 6px 0;} #contents_diary .con3_1 .bot p.icon_3 a{ border-bottom:1px solid #c57373; color:#c57373; margin-left:5px;} #contents_diary .con3_1 .bot p.icon_3 .aa{ border:none; margin-left:10px; padding-top:1px;} #contents_diary .con3_1 .list2 .icon3 {color:#b2413a; margin:10px;} #contents_diary .con3_1 .list2 .icon3 span {color:#c57373; } #contents_diary .con3_1 .list2 .icon3 .fa {color:#95464b; } #contents_diary .con3_1 .list2 li.icon3{ background:url(http://www.atzine.com/images/fr/lg2/my_icon03.jpg) no-repeat left top; padding-left:10px;} ul.div_list {} ul.div_list li{ border-bottom:1px dotted #531a1e; height:13px; width:428px; padding-top:3px; color:#c57373; padding-left:5px;} ul.viwe_list{ position:absolute; right:120px; bottom:20px; width:120px; height:9px; margin-top:20px;} ul.viwe_list img { margin-top:2px;} ul.viwe_list li{ display:inline; float:left; color:#6e2025; margin-left:10px;} ul.viwe_list li a{ color:#6e2025;} ul.viwe_list li a:hover{ color:#ca4a42;} .center_box1 {margin-left:5px;width:139px;height:100px;color:#E1E1E1;letter-spacing:5px;overflow:hidden;} .center_box1 a {padding:0 10px 0 0;font-size:11px;line-height:26px;letter-spacing:0 ;color:#b68485 ;white-space:nowrap ;vertical-align:middle ;} .center_box1 a.key01 {color:#c35f65;font-size:16px;font-weight:bold;} .center_box1 a.key02 {color:#c35f65;font-size:15px;} .center_box1 a.key03 {color:#c35f65;font-size:14px;font-weight:bold;} .center_box1 a.key04 {color:#c35f65;font-size:13px;} .center_box1 a.key05 {color:#c35f65;font-size:11px;font-weight:bold;} .center_box1 a.key06 {color:#c35f65;font-size:11px;} /* My Diary 이승희 추가 [2009.09.14] END */ /* 강성숭 작업 */ div.grpTb tbody td .down {color:#005dde; position:absolute; left:910px; top:;} div.grpTb tbody td .up {color:#ce0400; position:absolute; left:910px; top:;} div.grpTb tbody td .down {color:#005dde; position:absolute; left:910px; top:;} div.grpTb tbody td .up {color:#ce0400; position:absolute; left:910px; top:;} #wrapper_flash { position: absolute; width:960px; height:630px; left:50%; top:50%; margin-left:-480px; margin-top:-275px;} #contents6 #conRight div dl.con7_right{ float:right; margin-right:2px; margin-top:50px; width:260px;} #contents6 .serch { color:#fff;} #contents6 .serch .serch_tab02{ position: relative; width:85px; height:141px; background-color:#27201b; z-index:400; padding:10px 10px 0 10px; overflow:auto; font-size:12px; color:#fff; margin-top:5px;} textarea.friend { scrollbar-face-color:#40090d; scrollbar-shadow-color:#c57373; scrollbar-highlight-color:#40090d; scrollbar-3dlight-color:#c57373; scrollbar-darkshadow-color:#40090d; scrollbar-track-color:#40090d; scrollbar-arrow-color:#c57373; padding:5px 2px } div.list {overflow-y:auto;width:487px;height:310px;margin-bottom:50px;} div.list table {width:467px;} div.list td {text-align:center;height:26px;background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;color:#644b4e;} div.list .last {background-image:none;} div.list .tit {text-align:left;} div.list tbody tr:hover {color:#95464b;cursor:pointer;} div.list input {filter:alpha(opacity=60);-moz-opacity:.7;} div.list .tdreply {height:0px;text-align:left;background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_reply.png") 0 0 repeat-y; _background:url("http://www.atzine.com/images/fr/ma/myinfo/bg_reply.jpg") 0 0 repeat-y;} div.list .bottom {background:url("http://www.atzine.com/images/fr/ma/common/dot_01.gif") 0 bottom repeat-x;} div.list .tdreply .bx {padding:10px 20px 10px 20px;background-color:#550b11;color:#644b4e;text-align:left;} div.list .tdreply table {width:405px;} div.list .tdreply td {background-image:none;} div.list .tdreply .png11 {font-size:11px;height:11px;line-height:11px;} div.list .tdreply .contents {padding:10px 0 10px 0;} div.list .tdreply .answer {padding:0 0 10px 10px;} /*20100107 라운지 ATZINE NEW ITEM*/ #contents_new { position:relative; width:100%; height:522px; background:url(http://www.atzine.com/images/fr/lg2/bg_new_choice.jpg) no-repeat left top;} .new_con { padding:8px 0 0 30px;} .new_con .topTab ul{ width:365px; height:22; background: url(http://www.atzine.com/images/fr/lg2/Zinis_Talk04_tabLine.jpg) no-repeat left bottom; margin:2px 0 5px 0;} .new_con .topTab ul li{float:left; display:inline; width:122px; } .new_con ul.in_fr li { display:inline; float:left; } .new_con ul.in_fr li.ver { color:#fff; font-weight:bold; font-size:12px; margin-right:12px; padding-top:3px; } .new_con ul.in_fr select.select06{ width:75px; background-color:#9d948d; border:1px solid #d5d5d5; height:18px; color:#fff;} .new_con ul.in_fr input.in05{background:#9d948d; color:#fff; border:1px solid #d5d5d5; height:12px; padding:2px;} .new_con ul.in_fr input.in06{margin-left:4px; height:14px; width:140px; padding:2px 0 0 2px; border:1px solid #d5d5d5; background-color:#9d948d; border-right:none;} .new_con ul.in_fr img.icon6{height:16px; border:1px solid #d5d5d5; border-left:none; margin-top:0; margin-left:-4px;} .new_con .con_List { position:relative; left:50px; top:30px; width:803px;} .new_con .con_List table.new_table {clear:both; width:803px; height:295px; background:url(http://www.atzine.com/images/fr/lg2/bg_list.jpg) no-repeat left top; text-align:center; margin-top:5px;} .new_con .con_List table.new_table tr { float:left;} .new_con .con_List table.new_table tr td { .padding:0 3px 0 3px; _padding:0 3px 0 3px; padding:0 4px 0 7px; color:#fff; font-size:12px; } .new_con .con_List table.new_table tr.tr01 { position:absolute; left:0px; top:31px;} .new_con .con_List table.new_table tr.tr01 td img, .new_con table.new_table tr.tr02 td img { background:#eee; border:2px solid #c2c2c2; margin-bottom:10px;} .new_con .con_List table.new_table tr.tr02 { position:absolute; left:0px; top:184px;} .new_con .con_List table.new_table tr td.mgC p { width:785px; text-align:center; margin-top:60px;} .new_con .con_List table.new_table tr.tr01 td.bin_box { width:106px; height:102px; border:0;} #contents_new .event_list { position:relative; width:360px; height:20px; bottom:-40px; margin:0 auto; text-align:center;} #contents_new .event_list ul.list li { display:inline; } #contents_new .event_list ul.list li img { vertical-align:2px;} #contents_new .event_list a { margin-left:1px; color:#fff; margin-left:6px;} #contents_new .event_list a:hover{ color:#950f18;}