<%@ page contentType="text/css;charset=UTF-8"%> @charset "UTF-8"; /* ========================= LAYOUT ========================= */ html,body{height:100%; margin:0; padding:0; font-family:돋움, Arial, Helvetica, sans-serif; font-family:dotum, Arial, Helvetica, sans-serif; font-size:small; color:#333333; background-position: 0 0 ; background-repeat:repeat-x;} /* ========== 테이블 레이아웃 ============= */ #table-wrap{width:985px; min-width:984px; height:100%; border:0; margin:0 auto; border-collapse:collapse;} #table-wrap td{background-image:none;} #table-wrap td#td-center{background:url(../../images/common/2011/pageBg_sub.gif) repeat-y 173px 0;} #table-wrap #td-center{vertical-align:top;} /* ***** 메인 테이블 레이아웃***** */ #main #table-wrap td{background-image:none;} #main #table-wrap td#td-center{background:url(../../images/common/2011/pageBg_main.gif) repeat-y 173px 0;} /* ========== #td-center 내의 레이아웃 ========== */ #header{margin: 0 auto; padding:0 0; width:100%;} #center{clear:both; margin: 0 auto 0 auto; text-align:left; position:relative; } #center:after{display:block; clear:both; content:"";} #localNavi{width:173px; height:100%; min-height:400px;} #localNavi:after{display:block; clear:both; content:""; } #conLeft{float:left; width:800px;} /* ***** 메인페이지 레이아웃 관련 ***** */ #main #conBox{padding-left:2px;} #main #conLeft{float:left; width:640px;} #main #conRight{ float:right; margin-left:0; margin-right:0; width:170px; position:relative; top:5px; left:1px;} /* ========================== HEADER ========================= */ /* 로고 및 GNB */ #header h1 span#logo{position:relative;} #header h1{ margin:0; padding:0;} #header ul{margin:0; padding:0;} #header ul li{ float:left; list-style:none; margin:0; padding:0;} #header ul#gnb{float:left; position: relative;} /* GNB-top 전체보기 버튼 */ #header ul#gnb-top{ position:relative; float:right;} #header ul#gnb-top li{padding:0 4px 0 4px;} #header ul#gnb-top li a{ font-size:11px; text-decoration:none; color:#666666;} #header ul#gnb-top li a:link{text-decoration:none; color:#666666;} #header ul#gnb-top li span{ background:url(../../images/common/2011/bar_v_gnbTop.gif) no-repeat; background-position:100% 3px; padding-right:7px;} /* 사이트맵 버튼 */ #header ul#gnb-top li#go-siteMap {} #header ul#gnb-top li#go-siteMap span{ background:none;} #header ul#gnb-top li#go-siteMap span img{ position:relative; top: 1px;} /* 로그아웃 버튼 */ #header ul#gnb-top li#btn-logout span{position:relative; background-image:none; } /* ========================= 공통 스타일 ============================== */ /* 레이어 공통 스타일 */ .layerSt-mail01{position:absolute;display:none; padding:7px;background-color:#ffffff;border:1px solid #666;} /* 편지이동 */ #de_move_mail_layer, #de_move_mail_layer01{padding:7px; width:125px; height:100px; overflow-x:hidden; overflow:auto; left:230px; top:20px; } /* 추가기능 */ #de_funtion_etc_layer, #de_funtion_etc_layer01{padding:7px;width:125px; left:297px; top:20px;} /* 우측 아이디 추가신청 설명 */ #de_search_layer01{ padding:7px;width:180px;left:-30px; top:102px;} /* 메일검색 부분 레이어 */ .main-searchFieldLayer{ top:20px; left:-10px;} .input_searchMail{width:154px;height:16px; padding:1px 0 0 3px; background-color:#f8f8f8; border:1px solid #b1b1b1; font-size:11px; color:#333333;} /* 페이지별 타이틀 */ .td-title{height:32px; padding-left:8px; margin:0; vertical-align:middle;} .td-title .tit_main01{position:relative; top:5px; height:22px; font-weight:bold; background:url(../../images/localNav/dot.gif) no-repeat 0 4px ;padding-left:6px;} .td-title .box_newMail .newMail{height:20px; vertical-align:top; padding-top:8px; font-size:11px; color:#666666; font-weight:normal;} .td-title .box_newMail img{ margin: 0 2px 0 4px;} /* 테이블 상단 버튼 스타일 */ .btnBox{height:28px; margin-top:1px; padding:0 10px 0 10px; background:url(../../images/localNav/mailbox-bg.gif) repeat-x; } .btnBox .btnGroup{position:relative; top:5px;} /* 메일 외 페이지 타이틀 */ .pageTitle{ height:29px; padding-left:8px; padding-top:4px; width:100%; vertical-align:middle; border-bottom:1px solid #e1e0e0;} .pageTitle .tit_main01{position:relative; top:5px; height:22px; font-weight:bold; background:url(../../images/common/2011/dot.gif) no-repeat 0 4px ;padding-left:6px;} /* 테이블 */ .table-noLine{width:100%; border:0; border-collapse:collapse;} /* 리스트 상단 페이지 이동 박스 */ #pageMove-mailList{position:relative; top:6px;} .pageMoveBox{position:absolute; right:0; top:-1px;} .pageMoveBox img{} .pageMoveBox #pageMove_maxPage{} .pageMoveBox .pageMove_select{} .pageMoveBox .pageMove_select select{height:19px; padding: 0 0;} /* 페이징 */ #com-paging img{position:relative; top:3px;} /* ========================== main 화면 ========================== */ #main .input_searchMail{width:100px; position:relative; top:-1px;} /* 메인 타이틀 영역 */ #main #mainTop-box{width:100%; border:0; height:32px; border-collapse:collapse;} #main #mainTop-box .td-title{width:400px ; text-align:left; padding-top:3px; } #main #mainTop-box .td-title .tit_main01{ position:relative; top:0;} #main #mainTop-box #search-mainList{padding: 0 7px 0 0; text-align:right;} #main #main-mailList{margin:-7px 0 0 0 ; padding-top:0; border-bottom:1px solid #dedede; z-index:1;} #main #mainListTable td{ padding: 2px 0;} #main #layer_searchMail_main{position: absolute; left: 600px; width: 80px; z-index: 999;} /* ============================= 로그인 화면 ============================= */ /* #mainLoginBox{position:relative; top:-6px; left: -11px; } */ #mainLoginBox #mainLogin-center{width:97%; border-bottom:2px solid #2c3d6b;} #mainLoginBox #mainLogin-center2{width:100%; padding-top: 13px; } #mainLoginBox #conRight{position:relative; top: 10px;} /* ========================= 메일리스트 ============================== */ .mailSerch-common .input_searchMail{position:relative; top:-1px;} #de-mailList .listMenuGroup{position:relative; top: 5px; left: 4px;} #de-mailList #de_choice_file_layer{width: 100px; position:relative; top: -7px; left: 20px;} #de-mailList #de_choice_file_layer02{width: 100px; position:relative; top: -7px; left: 20px;} /* ========================= 수신확인 ============================== */ #de-mailCheck .td-title{border-bottom:1px solid #e1e0e0; height:34px;} #de-mailCheck .td-title .tit_main01{position:relative; top:1px;} #de-mailCheck #pageMove-mailList{position:relative; top:-23px;} #de-mailCheck #pageMove-mailList .pageMoveBox img{position:relative; top:1px;} /* ========================= 메일쓰기 ============================== */ #de-mailWrite .td-title .tit_main01{position:relative; top:9px; } #mailWrite-tab{background:url(/images/bg_teb2_line.gif) repeat-x left 50%; height:26px; width:100%; margin-left:5px; } #mailWrite-tab h5{text-align:center; cursor:pointer; margin-top:5px;} .tab-on{float:left; width:112px; height:26px; background:url(/lib_img/teb_03_on.gif) no-repeat left bottom;} .tab-on h5{color:#000; } .tab-center{margin:0 2px;} .tab-off{float:left; width:112px; height:26px; text-decoration:none; background:url(/lib_img/teb_03_off.gif) no-repeat left bottom;} .tab-off h5 a{color:#555555; text-decoration:none;} .write-input{height:17px; border:1px solid #9a9a9a; width:708px; } #inputBtn-fileAttach{ background:url(../../images/common/2011/btn_write_fileAttach.gif) no-repeat 0 0; width:64px; height:22px; border:0; margin-left:8px; margin-right: 3px;} .fileUploadStatusLayer-box{display:none; } #de-mailWrite #editbox{width: 783px; line-height: 140%; margin-left:8px;} #de-mailWrite .previewSign-style{margin-left:8px; width: 783px; height: 0px; display: none;} #de-mailWrite #fileList{width: 755px; border: 1px solid #999; font-size: 12px; font-family: 돋움, 돋움체;} #de-mailWrite #fileList-box{width: 760px; padding-top: 5px;} #de-mailWrite #fileUploaderLayer2{width: 783px; border: 1px solid #9a9a9a; margin-left:7px;} #de-mailWrite #icoBtn-Calendar{position:relative; top:-5px;} #de-mailWrite #opt-dateBox{position:relative; top:2px; left:20px;} .pop-contact{ padding-left: 7px; margin-left:3px; background:url(../../images/common/2011/bar_v_localNavi.gif) no-repeat 0 2px;} .pop-contact a{text-decoration:none;} .pop-contact a:hover{text-decoration:none; color: #000;} /* ========================= 메일읽기 ============================== */ #de-mailView .td-title .tit_main01{position:relative; top:2px;} #de-mailView .btn-mailMove{float:left; z-index:11;cursor:pointer;} #de-mailView .btn-funcEtc{ float:left; z-index:9; cursor:pointer;} #de-mailView .btn-top{position:relative; top:7px;} #de-mailView .btn-bottom{position:relative; top:7px;} #mailList-preNext{border-bottom:1px #b4b4b4 solid;} #mailList-preNext tr.table-line td{background:url(../../images/common/2011/bg_dotted.gif) repeat-x 0 0; } #mailList-preNext td{ text-align:center;} #de-mailView #body_dis{margin-top: 0px;} #de-mailView #body_dis iframe{margin-top: 0px;} #de-mailView .btnGroup{float:left;} #de-mailView .listMenuGroup{float:left; position:relative; top: 5px; left: 8px; } #de-mailView .listMenuGroup img{margin-right:4px;} #de-mailView .pageMove{ float:right; position:relative; top: -2px;} #de-mailView .pageMove img{position:relative; top: 6px;} #de-mailView #mailInfoBox{margin-top:8px; margin-bottom:5px;} #de-mailView #viewBox{margin-bottom:10px; width:100%; border-top:1px solid #dedede;} #de-mailView .summaryinfo{border-collapse:collapse; border:0;} #de-mailView .summaryinfo th{font-weight: normal; } #de-mailView .summaryinfo th div{width:65px; background:url(/images/line_1x12.gif) no-repeat right 40%; padding-left:13px; margin-right:10px;} #de-mailView .summaryinfo th, #de-mailView .summaryinfo td{padding: 1px; } /* =============================================================================== * @description : 코리아닷컴 메인화면용 CSS =============================================================================== * DATE | AUTOR | DESCRIPTION =============================================================================== * 2011/04/14 | 방수연 | ------------------------------------------------------------------------------- * 2011/04/14 | 방수연 | 최초작성 =============================================================================== */