body { margin: 0px; padding: 0px; font-size:12px;font-family:돋움,verdana; color: #5C5449;line-height:140%; text-align:justify;} div, dl, dt, ul, li, dd,h3 {margin: 0px; padding: 0px; font-size:12px; } IMG {border: none; outline-width:0pt;} a:link {font-family:돋움,Arial;font-size: 11px;color: #5D5D5D;text-decoration: none;line-height:20px;} a:visited {font-family:돋움,Arial;font-size: 11px;color:#5D5D5D;text-decoration: none;line-height:20px;} a:active { font-family:돋움,Arial;font-size: 11px;color:#5D5D5D;text-decoration: underline;line-height:20px;} a:hover {font-family:돋움,Arial;font-size: 11px;color: #3579B7;text-decoration: underline;line-height:20px;} table, p { margin: 0px; padding: 0px; font-size:12px; font-family:돋움,verdana; color:#5C5449; text-align:justify; line-height:140%;} input { border:1px solid #a7c4de; padding:0px; height:17px; font-size:11px; color:#f36f20; background:#e7f1f9; padding:0px;} select { border:0px solid #a7c4de; padding:0px; height:19px; font-size:11px; color:#666666; background:#e7f1f9;} .miziiScroll { scrollbar-face-color: #ececec; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #b1b1b1; } #topmenu {position:absolute; width:100%; z-index:1; /*set to a negative number 1/2 of your width*/} #header {height:359px; } //#totalWrap {width:100%; text-align:center;} #mainBody {width:900px;text-align:left;} #mainLeft {float:left; width:265px;padding-top:20px;} #wrap {float:right;width:635px;} #mainCenter{float:left;width:392px;} #mainRight {float:right;width:235px;padding-top:30px; } #footer{clear:both;width:900px; text-align:right; height:30px; padding-top:5px;} *html #mainBody {width:904px; text-align:left;} *html #wrap {float:right;width:639px;} *html #mainRight {float:right;width:235px;padding-top:30px;padding-left:8px;} #mainLeft #noticeNews {width:257px;height:159px;} #mainLeft #noticeNews .box-t {height:31px;background: url(../images/main/top_noticeNews.gif) transparent no-repeat top left; } #mainLeft #noticeNews .box-t table{padding:16px 0px 0px 18px;} #mainLeft #noticeNews .box-b { height:128px;background: url(../images/main/btm_noticeNews.gif) transparent no-repeat bottom left;} #mainLeft #noticeNews .box-b ul{height:111px;list-style:none;color:#6e6458;text-align:left; padding-top:14px;padding-left:19px;} #mainLeft #noticeNews .box-b ul li{width:220px;height:20px; bbackground:url(../images/main/dot.gif) no-repeat 0px 6px; padding-left:0px;overflow:hidden;} #mainLeft #noticeNews .box-b ul li a{font-size:12px; color:#5a534a;} #mainLeft #noticeNews .box-b ul li img {margin-top:-6px; padding-right:5px;} #mainLeft .sangdam {width:257px;padding-top:1px;} #mainCenter #mainPortfolio {width:392px;} #mainCenter #mainPortfolio .box-t {height:17px;background: url(../images/main/top_mainPortfolio.gif) transparent no-repeat top left;} #mainCenter #mainPortfolio .box-b {padding-left:17px; height:259px;background: url(../images/main/btm_mainPortfolio.gif) transparent no-repeat bottom left; text-align:center;} #mainCenter #mainPartner {width:392px;padding-top:4px;} #mainCenter #mainPartner .box-b {height:50px; background: url(../images/main/bg_partner.gif) transparent no-repeat bottom left; text-align:center;} #mainCenter #mainPartner .box-b table{margin-left:8px; padding-top:9px;} #mainRight #Ongoing {width:235px;height:246px;} #mainRight #Ongoing .box-t {height:34px; background: url(../images/main/top_ongoing.gif) transparent no-repeat top left; text-align:left; } #mainRight #Ongoing .box-t img{padding:16px 0px 0px 18px;} #mainRight #Ongoing .box-b {height:212px;background: url(../images/main/btm_ongoing.gif) transparent no-repeat bottom left;} #mainRight #Ongoing .box-b ul{width:220px;height:91px; list-style:none; color:#6e6458; text-align:left; padding-top:10px; padding-left:19px;} #mainRight #Ongoing .box-b ul li{width:210px;height:20px; bbackground:url(../images/main/dot.gif) no-repeat 0px 6px; padding-left:0px; color:#5a534a; overflow:hidden;line-height: 150%;} #mainRight #Ongoing .box-b ul li img {margin-top:-3px; padding-right:5px;} #mainvisual {background:url(../images/main/mainbg.jpg) transparent repeat-x ; position:absolute; width:100%; height:100%; z-index:1; /*set to a negative number 1/2 of your width*/} #sub {width:900px;} /**서브구조**/ #sub_header {width:900px; height:299px;} #sub_left {width:187px; float:left; padding-right:3px; padding-top:10px;} #sub_right {width:708px; float:right; padding-top:0px;} #sub_right ul{margin-top:15px;} #subfooter {bbackground:url(../images/comm/copy.gif) transparent no-repeat bottom 5px; width:900px; clear:both; padding-top:13px;} #contents {margin-top:37px; margin-left:25px; width: 658px;} /**좌측메뉴**/ #left_title {bbackground:url(../images/company/left_title.gif) transparent no-repeat top left; height:59px; overflow:hidden;} #sub_menu {padding-top:2px;} #sub_menu .box_t {background:url(../images/box/menubg_t.gif) transparent no-repeat top left; height:17px;} #sub_menu .box_b {background:url(../images/box/menubg_b.gif) transparent no-repeat bottom left; padding-bottom:15px;} #sub_menu .box_b ul{list-style:none; margin:0 ;} #sub_menu .box_b ul li {list-style:none; margin:0 ; padding:2px 17px ;} #sub_left .tel {background:url(../images/common/banner_tel.gif) transparent no-repeat 10px 5px;} /**우측컨텐츠**/ #title {background:url(../images/box/title_bg.gif) transparent no-repeat top left; list-style:none;margin:0; padding:0; height:54px;} #title .left{list-style:none; margin:0 ; padding:17px 22px ; float:left;} #title .right{list-style:none; padding:32px 8px 0px 0px ; float:right; font-family:돋움; font-size:11px; color: #6e6458; } /**하단카피**/ #copyline {width:100%; height:1px; border-top:1px solid #E1E1E1; margin-top: 0; } #familysite {float:right; padding:0px 5px} /**게시판**/ #contents .boardList {width:100%; background: url(../images/customer/bbs_bar_bg.gif) no-repeat top;} #contents .boardList th{ height:35px; text-align:center; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .boardList th.col01{ width:6%;} #contents .boardList th.col03{ width:12%;} #contents .boardList th.col04{ width:10%;} #contents .boardList th.col05{ width:10%;} #contents .boardList th.col06{ width:10%;} #contents .boardList th.col07{ width:6%;} #contents .boardList th.col09{width:4%;} #contents .boardList td{ height:30px; border-bottom:1px solid #e1e1e1; text-align:center;} #contents .boardList td.col01{ font-family: verdana, 돋움; font-size:10px; color:#969696; width:6%;} #contents .boardList td.col02{ text-align:left; padding-left:10px;} #contents .boardList td.col03{ font-family: 돋움; font-size:11px; color:#5D5D5D; width:12%;} #contents .boardList td.col04{ font-family: verdana, 돋움; font-size:10px; color:#969696; width:10%;} #contents .boardList td.col05{ font-family: 돋움; font-size:11px; color:#969696; width:10%;} #contents .boardList td.col06{ padding:10px 0px 0px 0px; vertical-align: top; text-align:right; background:#F3F3F3;} #contents .boardList td.col07{ font-family: 돋움; font-size:11px; text-align:left; padding:12px 10px 20px 47px; background:#F3F3F3 url(../images/icon/icon_reply.gif) no-repeat 16px 10px; line-height:140%} #contents .boardList td.col08{ font-family: 돋움; font-size:11px; color:#969696; text-align:center; width:23%} #contents .boardList td.col09{text-align:center; width:4%} #contents .faqList {width:100%; bbackground: url(../images/customer/bbs_bar_bg.gif) no-repeat top; border-top:1px solid #e1e1e1;} #contents .faqList th{ height:35px; text-align:center; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .faqList td{ height:30px; border-bottom:1px solid #e1e1e1; text-align:center;} #contents .faqList td.col01{ font-family: verdana, 돋움; font-size:10px; color:#969696; width:6%;} #contents .faqList td.col02{ text-align:left; padding-left:10px;} #contents .faqList td.col07{ font-family: 돋움; font-size:11px; text-align:left; padding:10px 10px 20px 47px; background:#F3F3F3 url(../images/icon/icon_reply.gif) no-repeat 16px 10px; line-height:140%} //#password {width:229px; height:152px; position:absolute; top:450px; left:410px; background:url(../images/customer/pw_bg.gif) no-repeat ;} #password {width:229px; height:152px; position:absolute; background:url(../images/customer/pw_bg.gif) no-repeat ; } #password h3{font-size:11px; color:#ff6508; font-weight:bold; padding:20px 0px 2px 15px;} #password p{font-size:11px; color:#39648b; padding:0px 0px 5px 15px; line-height:120%; } #RRRRRcenter { width: 200px; /* 폭이나 높이가 일정해야 합니다. */ height: 200px; /* 폭이나 높이가 일정해야 합니다. */ position: absolute; top: 50%; /* 화면의 중앙에 위치 */ left: 50%; /* 화면의 중앙에 위치 */ margin: -100px 0 0 -100px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 해 줍니다. */ border: 1px inset #ddd; } //#check {width:229px; position:absolute; top:450px; left:410px; overflow:hidden;} #check {width:229px; position:absolute; overflow:hidden;} #check .checkTop { background: url(../images/customer/check_t.gif) no-repeat left top; overflow:hidden; height:62px;} #check .checkTop h3{font-size:11px; color:#ff6508; font-weight:bold; padding:20px 0px 2px 15px;} #check .checkTop p{font-size:11px; color:#39648b; padding:0px 0px 10px 15px; line-height:120%; } #check .checkBottom { background: url(../images/customer/check_b.gif) no-repeat left bottom; overflow:hidden; margin:0px; } #check .checkBottom ul{ margin:0px 0px 0px 15px; overflow:hidden; width:200px;} #check .checkBottom ul li{ list-style:none; font-size:12px;} #check .checkBottom ul li span{ color:#938e84; font-family:verdana; font-size:9px;} #pmsLogin {width:632px; height:340px; background:url(../images/customer/login_bg.gif) no-repeat; margin:35px 0px 0px 45px;} #pmsLogin h3{font-size:11px; color:#ff6508; font-weight:bold; padding:20px 0px 0px 20px;} #pmsLogin p{font-size:11px; color:#39648b; padding:0px 0px 5px 10px; line-height:140%; width:90%;} #pmsLogin table{ width:250px; padding:217px 0px 0px 0px; } #pmsLogin table td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:45px; bbackground: url(../images/customer/icon_write.gif) no-repeat 0px 5px; padding:0px 0px 0px 18px; } #pmsLogin table td.col02{ text-align:center; width:10px; } #pmsLogin table td.col03{ font-family: 돋움; font-size:11px; padding-left:13px; } #pmsLogin input{border:1px solid #baaea0; padding:0px; height:17px; font-size:11px; color:#75695a; background:#faf8f6;} #mainLogin table{ width:250px; margin-top:10px; } #mainLogin table td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:45px; bbackground: url(../images/customer/icon_write.gif) no-repeat 0px 5px; padding:0px 0px 0px 13px; } #mainLogin table td.col02{ text-align:center; width:10px; } #mainLogin table td.col03{ font-family: 돋움; font-size:11px; padding-left:13px; } #contents .page { width:100%;} #contents .page td { height:30px; } #contents .page a{ font-family: verdana; font-size:10px; color:#969696; } #contents .page a.link{width:100%; font-family: verdana; font-size:11px; color:#ff7108; font-weight: bold;} #contents .page .num01 { width:15%; text-align:left; } #contents .page .num02 { text-align:center; } #contents .page .num03 { width:15%; text-align:right; } #contents .search { width:100%;} #contents .search td { height:30px; text-align:right;} #contents .view { width:100%; background: url(../images/customer/bbs_bar_bg.gif) no-repeat 0px 27px;} #contents .view .date { font-family: verdana, 돋움; font-size:9px; color:#969696; height:22px; text-align:right; padding-right:5px; padding-top:0px;} #contents .view .name { font-size:11px; color:#79879a; text-align:center; width:10%; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .view .subject {font-size:12px; font-weight:bold; color:#1265d5; height:35px; padding:2px 0px 0px 10px;} #contents .view .content { font-size:12px; padding:3px 5px 20px 5px; border-bottom:1px solid #e1e1e1;width:100%; height:100px;} #contents .view .content .reply{ margin-top:20px; border:1px solid #CECECE; background:#F9F9F9; padding:10px; width:96%; overflow:hidden;} #contents .view .icon { text-align:left; width:18%; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .view .viewBtn { height:21px; width:100%; margin-bottom:4px;} #contents .view .viewBtn .date { font-family: verdana, 돋움; font-size:9px; color:#969696; height:15px; text-align:right; padding-right:5px;} #contents .pmsFile { margin-bottom:10px;} #contents .pmsFile li{ background: url(../images/icon/icon_pds.gif) no-repeat 0px 4px; padding-left:12px; margin-top:-5px;} #contents .pmsFile li a{ font-size:11px; color:998e80; } #contents .b_contents {font-size:11px; color:#6c6459; margin-top:15px;} #contents .b_contents .list_view { font-size:11px; color:#cc8641; font-weight: bold;} #contents .b_contents .list_view2 { font-size:11px; padding-left:10px;} #contents .bbsWrite { width:100%;} #contents .bbsWrite td { height:30px; border-bottom:1px solid #e1e1e1;} #contents .bbsWrite {width:100%; } #contents .bbsWrite td{ height:25px; border-bottom:1px solid #e1e1e1;} #contents .bbsWrite td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:11%; background: url(../images/customer/icon_write.gif) no-repeat 5px 13px; padding:12px 0px 0px 22px; vertical-align: top;} #contents .bbsWrite td.col02{ text-align:center; padding-left:10px; padding:12px 0px 0px 0px; vertical-align: top;} #contents .bbsWrite td.col03{ font-family: 돋움; font-size:11px; padding-left:10px;} #contents .bbsWrite td.col04{ font-family: 돋움; font-size:11px; padding:10px;} #contents .bbsWrite td.col04 ul{ margin-top:10px;} #contents .bbsWrite td.col04 ul li{ list-style:none; margin-top:2px;} #page_content .pmsWrite { width:100%;} #page_content .pmsWrite td { height:30px; border-bottom:1px solid #e1e1e1;} #page_content .pmsWrite {width:100%; } #page_content .pmsWrite td{ height:25px; border-bottom:1px solid #e1e1e1;} #page_content .pmsWrite td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:13%; background: url(../images/customer/icon_write.gif) no-repeat 5px 13px; padding:12px 0px 0px 22px; vertical-align: top;} #page_content .pmsWrite td.col02{ text-align:center; padding-left:10px; padding:12px 0px 0px 0px; vertical-align: top;} #page_content .pmsWrite td.col03{ font-family: 돋움; font-size:11px; padding-left:10px;} #page_content .pmsWrite td.col04{ font-family: 돋움; font-size:11px; padding:10px;} #page_content .pmsWrite td.col04 ul{ margin-top:10px;} #page_content .pmsWrite td.col04 ul li{ list-style:none; margin-top:2px; text-align:right;} #contents .pmsView { width:658px; background: url(../images/customer/bbs_bar_bg.gif) no-repeat 0px 25px;} .#contents .pmsView table{ table-layout:fixed;} #contents .pmsView .date { font-family: verdana, 돋움; font-size:9px; color:#969696; height:15px; text-align:right; padding-right:10px; padding-top:0px;} #contents .pmsView .name { font-size:11px; color:#79879a; text-align:center; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px; width:10%;} #contents .pmsView .subject {font-size:12px; font-weight:bold; color:#1265d5; height:35px; padding:2px 0px 0px 10px; width:90%;} #contents .pmsView .content { font-size:12px; padding:3px 5px 20px 5px; border-bottom:1px solid #e1e1e1; width:100%; height:100px;} #contents .pmsView .content .reply{ margin-top:20px; border:1px solid #CECECE; background:#F9F9F9; padding:10px; width:97%; overflow:hidden;} #contents .pmsView .icon { text-align:center; width:18%; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .ozView { width:100%; background: url(../images/customer/bbs_bar_bg.gif) no-repeat 0px 0px;} #contents .ozView .date { font-family: verdana, 돋움; font-size:9px; width:15%; color:#969696; text-align:center; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .ozView .subject {font-size:12px; font-weight:bold; color:#1265d5; height:35px; padding:2px 0px 0px 10px;} #contents .ozView .content { font-size:12px; padding:3px 5px 20px 5px;} #contents .ozView .icon { text-align:center; width:18%; background: url(../images/customer/bbs_gap_bar.gif) no-repeat left 11px;} #contents .listGallery {width:100%;} #contents .listGallery td.gap { width:10px;} #contents .listGallery td.siteImage { width:157px; height:112px; background: url(../images/portfolio/gallery_bg.gif) no-repeat top left; padding:5px 0px 0px 5px; vertical-align: top;} #contents .listGallery td.subject { width:157px; height:30px; font-family: 돋움; font-size:11px; color:#666666; text-align:center; vertical-align: top; margin:10px 0px 0px 0px;overflow:hidden;} #contents .listView {width:100%;} #contents .listView td { border-top:1px solid #e1e1e1; padding:10px 0px 10px 0px;} #contents .listView td .siteImage2 { width:208px; height:147px; background: url(../images/portfolio/gallery_bg2.gif) no-repeat top left; padding:5px 0px 0px 0px; text-align:center; vertical-align: top;} #contents .listView td dl { margin: 5px 0px 0px 10px; width:430px;} #contents .listView td dt { font-size:12px; color:#FF6600; font-weight:bold;} #contents .listView td dd { font-size:11px; color:#666666; line-height: 130%; margin-top:5px;} #contents .listView td dd p{ font-size:11px; color:#666666;} #contents .partnerWrite {width:100%; } #contents .partnerWrite td{ height:22px; border-bottom:1px solid #e1e1e1;} #contents .partnerWrite td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:17%; background: url(../images/customer/icon_write.gif) no-repeat 5px 12px; padding:12px 0px 0px 22px; vertical-align: top; line-height:120%} #contents .partnerWrite td.col01 span{ font-family: 돋움; font-size:11px; color:#FF3300; } #contents .partnerWrite td.col02{ text-align:center; padding-left:10px; padding:9px 0px 0px 0px; vertical-align: top;} #contents .partnerWrite td.col03{ font-family: 돋움; font-size:11px; padding:6px 0 6px 10px; vertical-align: top;} #contents .partnerWrite td.height{ height:40px;} #contents .partnerWrite td.height02{ height:60px;} #contents .partnerWrite td.title{ font-family: 돋움; font-size:12px; color:#7e7064; font-weight: bold; height:48px; background:#F9F9F9 url(../images/customer/icon_title.gif) no-repeat 6px 9px ; padding-left:20px;} #contents .partnerWrite td.title02{ font-family: 돋움; font-size:11px; color:#397bbe; font-weight: bold; height:30px; ; padding-left:5px;} #contents .partnerWrite td.title span{ font-family: 돋움; font-size:11px; color:#7e7064; font-weight: normal;} #contents .partnerWrite td.radioBtn ul { padding:0px 0px 0px 0px;} #contents .partnerWrite td.radioBtn ul li{ float:left; padding-right:20px;} #contents .partnerWrite td.radioBtn ul li input{ background:#FFF; border:0px;} #contents .overView {width:100%; } #contents .overView td{ height:24px; border-bottom:1px solid #e1e1e1;} #contents .overView td.col01{ font-family: 돋움; font-size:12px; color:#666666; width:15%; background: url(../images/customer/icon_write.gif) no-repeat 5px 11px; padding:9px 0px 0px 22px; vertical-align: top;} #contents .overView td.col02{ text-align:center; padding-left:10px; padding:9px 0px 0px 0px; vertical-align: top;} #contents .overView td.col03{ font-family: 돋움; font-size:12px; padding-left:15px; padding:9px 0px 5px 15px; vertical-align: top;} #contents .history {background:; width: 100%; margin-top:10px; margin-left:10px; } #contents .history .historyBottom {padding:10px 0px 20px 0px; width: 638px; margin-left:10px; } #contents .history table{width: 628px; margin:5px 0px 0px 10px;} #contents .history table td { font-family: 돋움; font-size:12px; vertical-align: top; border-bottom:1px solid #e7e7e7; line-height:150%;} #contents .history .col03{ font-family: verdana; font-size:11px; color:#9a7a50; width:45px; padding:7px 0px 0px 3px; font-weight:bold;} #contents .history .col04{ padding:7px 15px; line-height:150%; color:#887f74;} #contents .puzz { width:100%; margin-top:5px;} #contents .puzz td{ bborder-bottom:1px solid #F3F3F3; font-size:11px; vertical-align: top; padding:3px 0px;} #contents .puzz .col01{ background: url(../images/icon/icon_ss.gif) no-repeat 0px 5px; padding-left:16px; font-weight:bold; width:40px;font-size:12px; } #contents .puzz .col02{ font-size:12px; width:370px;} #contents .puzz .col04 { font-size:12px; padding-left:5px; } #contents .puzz .col03{ width:15px;} .alpha50 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} *+html .alpha50 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} *+html body .alpha50 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} *:first-child+html .alpha50 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);} .alpha501 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} *+html .alpha501 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} *+html body .alpha501 {Opacity:0.5;-moz-opacity:0.5;Filter:Alpha(Opacity=50);background-color:#000000;} #bbPortfolioLayerBack { background-color:#000000; cursor:pointer; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:99; } #PortfolioLayerBack { cursor:pointer; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:100; } #SpotLayerBack { background-color:#000000; cursor:pointer; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:100; } #SpotLayerContents { left:50px; position:absolute; width:810px; z-index:101; background-color:#000000 transparent; } ////#portfolioView {width:716px; position:absolute; top:380px; left:188px;overflow:hidden; z-index:101;} #portfolioView {width:716px; position:absolute; overflow:hidden; z-index:101;} #portfolioView .portfolioViewTop {background:url(../images/portfolio/portfolio_view_t.gif) no-repeat top; padding:15px 15px 0px 15px; overflow:hidden;} #portfolioView .portfolioViewTop ul li { list-style:none;} #portfolioView .portfolioViewTop ul li.logo {float:left; padding:10px 0px 0px 10px;} #portfolioView .portfolioViewTop ul li.close {float:right;} #portfolioView .portfolioViewBottom {background:url(../images/portfolio/portfolio_view_b.gif) no-repeat bottom; padding:0px 15px 25px 15px; overflow:hidden; height:300px;} #portfolioView .portfolioViewBottom .portfolioImg{width:315px; float:left; margin:0px 0px 0px 0px;} #portfolioView .portfolioViewBottom .portfolioImg .large{background:url(../images/portfolio/image_bg01.gif) no-repeat; height:234px; padding:3px;} #portfolioView .portfolioViewBottom .portfolioImg ul{margin-top:0px; margin-bottom:5px;} #portfolioView .portfolioViewBottom .portfolioImg ul li{background:url(../images/portfolio/image_bg02.gif) no-repeat; padding-right:5px; width:75px; height:57px; float:left; list-style:none;} #portfolioView .portfolioViewBottom .portfolioImg ul li.nopadding {padding-right:0px;} #portfolioView .portfolioViewBottom .portfolioImg ul li img{margin:3px;} #portfolioView .portfolioViewBottom .concept{float:right;width:340px; height:300px;margin:0px 10px 0px 0px; overflow:hidden;line-height:90%;} #portfolioView .portfolioViewBottom .concept h3{font-size:11px; color:#ff6508; font-weight:bold; padding:0px 0px 5px 0px;} #portfolioView .portfolioViewBottom .concept p{font-size:11px; color:#39648b; padding:0px 0px 5px 5px; line-height:120%;} /*-- 고객센터 메인 --*/ #customerMain .customerRight .pmsTop{ background:url(../images/customer/customer_05_t.gif) no-repeat left top; height:35px; overflow:hidden; text-align:right;margin-top:14px;} #customerMain .customerRight .pmsBottom{ background:url(../images/customer/customer_05_b.gif) no-repeat left bottom; height:150px; overflow:hidden; } #customerMain .customerRight .pmsBottom ul{ margin:15px 0px 0px 15px;} #customerMain .customerRight .pmsBottom ul li.pmsList{ list-style:none; padding-left:2px; margin:1px 0px; height:18px; float:left; width:200px; overflow:hidden;} #customerMain .customerRight .pmsBottom ul li.date{ list-style:none; margin:1px 0px; height:18px; float:right; width:68px;overflow:hidden;} #customerMain .customerRight .pmsBottom ul li.date div{ padding-top:4px; font-size:11px; color:#867D5E;} .#customerMain .customerRight .pmsBottom ul li a{ font-size:11px; } #customerMain { margin-top:0px; margin-left:3px; width: 705px; } #customerMain .customerRight { float:right; width: 289px; margin-top:0px; } #customerMain .customerRight .noticeTop{ background:url(../images/customer/customer_03_t.gif) no-repeat left top; height:36px; overflow:hidden; text-align:right; } #customerMain .customerRight .noticeBottom{ bbackground:url(../images/customer/customer_03_b.gif) no-repeat left bottom; height:200px; overflow:hidden; } #customerMain .customerRight .noticeBottom ul{ margin:8px 0px 0px 15px; } #customerMain .customerRight .noticeBottom ul li{ bbackground:url(../images/main/dot.gif) no-repeat left 8px; list-style:none; padding-left:0px; margin:1px 0px; height:19px;} #customerMain .customerRight .noticeBottom ul li a{ font-size:11px; } *html #customerMain .customerRight .noticeBottom ul{ margin:11px 0px 0px 15px; } #customerMain .customerLeft { float:left; width: 409px; margin-top:6px;} #customerMain .customerLeft .faqTop { background:url(../images/customer/customer_01_t.gif) no-repeat left top; height:35px; overflow:hidden; text-align:right; } #customerMain .customerLeft .faqBottom { background:url(../images/customer/customer_01_b.gif) no-repeat left bottom; height:158px; overflow:hidden; } #customerMain .customerLeft .faqBottom .faqSearch{ background:url(../images/customer/customer_01_bg.gif) no-repeat left top; height:39px; widht:375px; margin:4px 0px 0px 16px; text-align:center; padding-top:8px;} #customerMain .customerLeft .faqBottom ul{ margin:0px 10px 0px 22px; } #customerMain .customerLeft .faqBottom ul li{ list-style:none; height:19px;} #customerMain .customerLeft .faqBottom ul li a{ font-size:11px; } #customerMain .customerLeft .qna { margin-top:5px; } #customerMain .customerLeft .qnaTop { background:url(../images/customer/customer_02_t.gif) no-repeat left top; height:36px; overflow:hidden; text-align:right; } #customerMain .customerLeft .qnaBottom { background:url(../images/customer/customer_02_b.gif) no-repeat left bottom; height:200px; overflow:hidden; } #customerMain .customerLeft .qnaBottom table{ width:387px; margin:8px 0px 0px 16px;} #customerMain .customerLeft .qnaBottom table td{ height:18px;} #customerMain .customerLeft .qnaBottom table td.col01{ width:40px;} #customerMain .customerLeft .qnaBottom table td.col02{ padding:0px 0px 0px 3px;} #customerMain .customerLeft .qnaBottom table td.col03{ width:47px;} /*-- 포트폴리오 메인 --*/ #portfolioMain { margin-top:0px; margin-left:3px; width: 705px; } #portfolioMain .portfolioRight { float:right; width: 303px; margin-top:14px; } #portfolioMain .portfolioRight .pList { width:297px; margin-top:11px; margin-left:6px;} #portfolioMain .portfolioRight .pList td{ padding-bottom:12px ;height:67px;} #portfolioMain .portfolioRight .pList td.col01{ width:81px; } #portfolioMain .portfolioRight .pList td.col01 img{ border:1px solid #bfb9ae; } #portfolioMain .portfolioRight .pList td.col02{ width:216px; vertical-align: top;} #portfolioMain .portfolioRight .pList td.col02 h3 {font-size:11px; color:#776b64; font-weight:bold; padding:3px 0px 5px 12px; overflow:hidden; width:204px; height:22px;} #portfolioMain .portfolioRight .pList td.col02 h3 a{font-size:11px; color:#776b64;line-height:110%;} #portfolioMain .portfolioRight .pList td.col02 h3 span{color:#ff6508; } #portfolioMain .portfolioRight .pList td.col02 p.client {font-size:11px; color:#7c7569; overflow:hidden; width:204px; height:14px; padding:6px 0px 0px 12px;} #portfolioMain .portfolioRight .pList td.col02 p.dev {font-size:11px; color:#7c7569; overflow:hidden; width:204px; height:14px;padding:0px 0px 0px 12px;} #portfolioMain .portfolioLeft { float:left; width: 392px; margin-top:6px;} #portfolioMain .portfolioLeft .BestT{ background:url(../images/portfolio/submain_portbox_t.gif) top left; height:253px; } #portfolioMain .portfolioLeft .BestT img{ margin:17px 0px 0px 17px; } #portfolioMain .portfolioLeft .BestB { background:url(../images/portfolio/submain_portbox_b.gif) bottom left; height:180px;} #portfolioMain .portfolioLeft .BestB .concept{width:348px; height:140px;margin:7px 10px 0px 22px; overflow:hidden; line-height:100%;} #portfolioMain .portfolioLeft .BestB h3{font-size:11px; color:#ff6508; font-weight:bold; padding:0px 0px 5px 0px;line-height:150%;} #portfolioMain .portfolioLeft .BestB p{font-size:11px; color:#39648b; padding:0px 0px 5px 5px; line-height:120%;} /*-- 회사소개 메인 --*/ #companyMain { padding-top:0px; padding-left:3px; width: 705px; } #companyMain .companyRight { float:right; width: 261px; padding-top:15px; } #companyMain .companyRight .onGoing {width:261px; height:348px;} #companyMain .companyRight .onGoing .box-t {height:40px; background: url(../images/company/submain_ongoing_t.gif) transparent no-repeat top left; text-align:left; } #companyMain .companyRight .onGoing .box-b {height:308px; background: url(../images/company/submain_ongoing_b.gif) transparent no-repeat bottom left;} #companyMain .companyRight .onGoing .box-b ul{width:223px;height:153px; list-style:none; color:#6e6458; text-align:left; margin:0px; padding-left:19px;} #companyMain .companyRight .onGoing .box-b ul li{width:223px; height:20px; color:#5a534a; overflow:hidden;line-height: 150%;} #companyMain .companyRight .onGoing .box-b ul li a{color:#5a534a; overflow:hidden;font-size:12px; text-decoration:none;} #companyMain .companyRight .onGoing .box-b ul li img {margin-right:5px;} #companyMain .companyRight .ozin {width:261px;height:116px; margin-top:4px;} #companyMain .companyRight .ozin .box-t {height:34px; background: url(../images/company/submain_ozin_t.gif) transparent no-repeat top left; text-align:right; } #companyMain .companyRight .ozin .box-t img{margin-right:14px; padding-top:0px; } #companyMain .companyRight .ozin .box-b {height:82px;background: url(../images/company/submain_ozin_b.gif) transparent no-repeat bottom left;} #companyMain .companyRight .ozin .box-b ul{width:223px;height:51px; list-style:none; color:#6e6458; text-align:left; padding-top:7px; padding-left:19px;} #companyMain .companyRight .ozin .box-b ul li{width:223px;height:20px; padding-left:20px; color:#5a534a; overflow:hidden;line-height: 150%;} #companyMain .companyRight .ozin .box-b ul li a{color:#5a534a; overflow:hidden;font-size:12px; text-decoration:none;} #companyMain .companyRight .ozin .box-b ul li img {margin-right:5px;} #companyMain .companyLeft { float:left; width: 436px; margin-top:7px;} #companyMain .companyLeft .subPartner {width:436px;margin-top:6px;} #companyMain .companyLeft .subPartner .box-b {height:57px; background: url(../images/company/subpartner.gif) transparent no-repeat bottom left; text-align:center;} #companyMain .companyLeft .subPartner .box-b table{margin-left:8px;padding-top:13px;} /*-- formmail --*/ #formmailLayerBack { cursor:pointer; height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:100; } //#formmail {top:100px; left:100px;position:absolute; overflow:hidden; z-index:101;} //#formmail {position:absolute; top:150px; left:358px; z-index:100; background:url(../images/common/formmail_bg.gif) no-repeat; width:550px; height:540px;} #formmail {position:absolute; top:100px; left:250px; z-index:101; background:url(../images/common/formmail_bg.gif) no-repeat; width:550px; height:540px;} #formmail h3 {padding:20px 0px 0px 15px;} #formmail p { font-size:11px; width:498px; margin:10px 10px 10px 15px; border:1px solid #CECECE; background:#F9F9F9; padding:10px 10px 10px 10px; overflow:hidden; } #formmail table {width:510px; overflow:hidden;} #formmail table td{ height:22px; border-bottom:1px solid #e1e1e1;} #formmail table td.col01{ font-family: 돋움; font-size:11px; color:#666666; width:19%; background: url(../images/customer/icon_write.gif) no-repeat 5px 13px; padding:12px 0px 0px 22px; vertical-align: top;} #formmail table td.col01 span{ font-family: 돋움; font-size:11px; color:#FF3300; } #formmail table td.col02{ text-align:center; padding-left:10px; padding:12px 0px 0px 0px; vertical-align: top;} #formmail table td.col03{ font-family: 돋움; font-size:11px; padding-left:10px;} .lineOut { border:0px; } .lineNone { border-bottom:1px solid #FFF; } .hand {cursor:pointer;} .footerLine { border-bottom:1px solid #dedede; height:35px; clear:both;} .p_view {font-family:돋움; font-size:12px; line-height:20px; color:#ff7108; font-weight: bold;} .subject {font-family:돋움; font-size:11px; line-height:20px; color:#6c6459; padding: 0 12;} /**게시판_뷰페이지**/ .list_view {font-family:돋움; font-size:11px; line-height:20px; color:#cc8641;} .v_contents {font-family:돋움; font-size:11px; line-height:20px; color:#6c6459; padding:15 16 15 16;} .padding {padding: 10 0 0 0 } /**홈페이지 제작 개요**/ .h_contents {font-family:돋움; font-size:12px; line-height:19px; color:#666; text-align: justify;} /**유지보수/관리 개요**/ .m_contents {font-family:돋움; font-size:12px; line-height:17px; color:#767676; text-align: justify;} /**프로모션**/ .p_contents {font-family:돋움; font-size:12px; line-height:18px; color:#767676; text-align: justify;} .p_contents_B {font-family:돋움; font-size:12px; line-height:18px; color:#767676; text-align: justify; font-weight: bold;} /**표 내용**/ .t_contents { margin: 0px; padding: 0px; font-size:12px; line-height:20px; font-family:돋움; color:#555555} /**솔루션*/ .s_padding {padding-top:3px;} #container {margin: 0px; padding: 0px; border: none; } p { margin: 0px; padding: 0px; } .rtop, .rbottom { display: block; } .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; } .r1 { margin: 0 5px; background: #dbd1c2; } .r2 { margin: 0 3px; border-left: 2px solid #dbd1c2; border-right: 2px solid #dbd1c2; background: #FFFFFF; } .r3 { margin: 0 2px; border-left: 1px solid #dbd1c2; border-right: 1px solid #dbd1c2; background: #FFFFFF; } .r4 { margin: 0 1px; height: 2px; border-left: 1px solid #dbd1c2; border-right: 1px solid #dbd1c2; background: #FFFFFF; } .box { margin: 0; padding: 8px 10px 8px 10px; border-left: #dbd1c2 solid 1px; border-right: #dbd1c2 solid 1px; background: #FFFFFF; font-size: 12px; } /*dev_service*/ #contents .subCopy{line-height:19px;font-weight:bold; color:#776a5a;} #contents p{ margin:10px 0px 0px 10px;} #contents .subtitle{ margin:10px 0px 0px 10px; background: url(../images/icon/icon_ss.gif) no-repeat 0px 1px; padding-left:15px;} #contents .subPadding{ margin:10px 0px 0px 25px;} #contents h3{ } #contents .view .content p{margin:0px; } #contents .pmsView .content p{margin:0px; } #contents .ozView .content p{margin:0px; } /*#contents #multiMediaArea .imgArea{width:100%;} #contents #multiMediaArea .diaArea {text-align:center;} #contents .diaArea {text-align:center;}*/ #contents .location{ width:100%; margin-top:5px;} #contents .location td{ border-bottom:1px solid #F3F3F3; font-size:12px; padding:3px 0px;} #contents .location .col01{ background: url(../images/icon/icon_ss.gif) no-repeat 1px 6px; padding-left:16px; font-weight:bold; font-family:verdana ; width:54px;font-size:10px; } #contents .location .col02, #contents .location .col02 a { font-size:11px; font-family:verdana; } #contents .location .col03{ width:12px; padding-top:8px;} #contents .location .col05{ padding-left:0px; font-weight:bold; font-family:돋움 ; font-size:12px; padding-top:14px; color:#ff6000; } #contents .location2 { margin-top : 15px; margin-left:10px; width:648px;;} #contents .location2 td{ height:22px; width:100%; vertical-align: top; } #contents .location2 td.col01 { width:70px; } #contents .location2 td.col02 { width:10px;} #contents .location2 td.col03 { padding-left:3px; width:560px;} #contents .location2 td.col04 { width:70px; } #contents .location2 td.col04 span{ margin-left:30px;} #contents .location2 .busColor01 { color:#4074DF;} #contents .location2 .busColor02 { color:red;} #contents .partner{ width:100%;} #contents .partner .col01{ width:153px; height:60px; background:url(../images/company/partner_bg.gif) no-repeat; padding-left:4px; } /*높이간격주기*/ .h_space {background:url(../images/box/height_space.gif) left 10px repeat-x; height:80px;}