@charset "euc-kr"; .main_center { width:100%; background:url(../images/main/bg_main.gif) repeat-x 0 0;height: 605px;} .main_banner { min-width:980px; max-width:1000px; margin:0 auto; left:50%;} .main_app { float:left; height:320px; margin:0 10px; background:url(../images/main/bg_app.png) no-repeat 0 10px; width:332px; padding-top:76px; padding-left:26px; } .main_app input { display:block; border:#1d2223 solid 1px; border-radius:5px; background-color:#2a3134; font-size:14px; font-weight:bold; color:#d9d9d9; margin:4px 2px; padding:7px 10px 8px 10px; float: left;width: 165px;} .main_app textarea { display:block; border:#1d2223 solid 1px; border-radius:5px; background-color:#2a3134; font-size:14px; font-weight:bold; color:#d9d9d9; margin:4px 2px; padding:7px 10px 8px 10px; float: left;} .main_app textarea {font-family:'Nanum Gothic','NanumBarunGothic','Malgun Gothic', Dotum; width:165px; height:95px; overflow:auto} .main_app img { margin-top:10px; } .main_rolling { float:left; margin:0;width: 600px;height: 400px;overflow: hidden; } .service_nav { float:left; width:1000px; margin:4px auto; height:200px; } .service_nav span { float:left; margin:0; margin-right:7px; border:0; } .service_nav span:last-child { margin-right:0; } .sign { width:960px; padding:0 10px; margin-top:10px; background:url(../images/main/bg_sign.gif) no-repeat 0 0; line-height:48px; height:48px; overflow:hidden; white-space:nowrap;} .sign a { color:#fff; margin:0 10px;} /*서비스 게시판 1 */ #main_notice { width:980px; margin:0 auto; padding:20px 0 20px 0 } #main_notice h3 { float:left; width:95%; margin:0;} #main_notice h3 span { float:right; } /*서비스신청 게시판*/ #main_notice .board { display:inline-block; width:320px; height:300px; text-align:left } #main_notice .board ul { float:left; padding-top:10px; } #main_notice .board ul li { width:100%; } #main_notice .board ul li a { float:left; width:185px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#808080; line-height:26px; letter-spacing:-0.05em } #main_notice .board ul li a:hover { text-decoration:underline; color:#666 } #main_notice .board ul li span { float:right; font:bold 10px/26px Verdana; width:60px; color:#a1a1a1 } #main_notice .board ul li font { float:left;} /*접수, 진행, 보류, 완료*/ #main_notice .board .b_start { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#669900; padding:3px 8px 0 7px; margin:6px 5px 0 0} #main_notice .board .b_work { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#99cc00; padding:3px 8px 0 7px; margin:6px 5px 0 0} #main_notice .board .b_hold { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#cc0000; padding:3px 8px 0 7px; margin:6px 5px 0 0} #main_notice .board .b_end { font:normal 11px/11px 돋움; letter-spacing:-1px; text-decoration:none; color:#fff; border-radius:2px; background-color:#515151; padding:3px 8px 0 7px; margin:6px 5px 0 0} /*체인점지도*/ #main_notice .map { display:inline-block; width:250px; height:300px; text-align:left; margin:0 15px;padding:0 15px;border-right: 1px solid #FF0000;border-left: 1px solid #FF0000;text-align:center } /*서비스 요금표 게시판*/ #main_notice .board_service { display:inline-block; width:310px; height:300px; text-align:left } #main_notice .board_service ul { float:left; padding-top:14px; } #main_notice .board_service ul li { width:100%; } #main_notice .board_service ul li a { float:left; display:inline-block; width:210px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#545454; line-height:26px; letter-spacing:-0.05em;margin-right: 30px; } #main_notice .board_service ul li a:hover, #main_notice .board_service ul li span:hover { color:#148d00 } #main_notice .board_service ul li span { font:bold 13px/26px Verdana; width:80px; color:#5e5e5e; text-align:right } /* 고객센터 */ #main_notice .c_center { display:inline-block; width:380px; height:170px; text-align:left; background:url(../images/main/bg_customer.gif) no-repeat 0 10px; } #main_notice .c_center ul { float:left; margin-top:110px; } #main_notice .c_center ul li { display:inline-block } #main_notice .c_center ul li a { float:left; } /*공지사항 게시판*/ #main_notice .board_n { display:inline-block; width:270px; height:170px; text-align:left;border-left:1px solid #6dd9ff;padding-left:10px; } #main_notice .board_n ul { float:left; padding-top:10px; } #main_notice .board_n ul li { width:100%;height: 30px;} #main_notice .board_n ul li a { float:left; width:175px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#363636; line-height:24px; letter-spacing:-0.05em } #main_notice .board_n ul li a:hover { text-decoration:underline; color:#666 } #main_notice .board_n ul li span { float:left; font:bold 10px/24px Verdana; width:60px; color:#a1a1a1; padding-left:20px; } .line_top { border-top:#e0e0e0 solid 1px;} .line_bottom { border-top:#e0e0e0 solid 1px;} /* 브랜드 롤링*/ .brand { display:block; width:890px; padding:20px 0 0 90px; height:24px; background:url(../images/main/tit_brand.gif) no-repeat 0 20px; white-space:nowrap; overflow:hidden;} .brand span {} .brand img { float:left; padding:0 10px } /* 컴퓨터 구매*/ .shop a, .shop img { float:left; border:0; margin:0; padding:0; } #main_notice .news { display:inline-block; width:260px; height:203px; background:url(../images/main/tit_news.png) no-repeat 0 0; text-align:left} #main_notice .news ul { float:left; padding-top:34px; } #main_notice .news ul li { width:100%; font:normal 11px/28px Verdana; *font:normal 11px/26px Verdana; } #main_notice .news ul li a { float:left; display:inline-block; width:190px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#808080 } #main_notice .news ul li a:hover { text-decoration:underline; color:#666 } #main_notice .news ul li span { float:right; font:normal 10px/28px Verdana; *font:normal 11px/26px Verdana; width:60px; } /* 테스트 공지사항 12.10.08 yang */ .notice_m { width:194px; height:164px; background:url(../webimage/main/bg_notice.gif) no-repeat 0 0 } .notice_m .tap_on { width:80px; height:23px; background-color:#f5f5f5; border:#d8d8df solid 1px; border-bottom:#f5f5f5 solid 1px; color:#848d99; font:normal 11px/23px Dotum; text-align:center } .notice_m .tap_off { width:80px; height:23px; background-color:#fff; border:#d8d8df solid 1px; color:#717982; font:normal 11px/23px Dotum; text-align:center } .notice_m li { } #code_origin .paginate_m { display:block;clear:both; margin:10px 0 10px 0; text-align:right; position:absolute; padding:95px 0 0 120px} #code_origin .paginate_m a { font:normal 10px Tahoma; color:#999 } #code_origin .paginate_m a:hover { color:#53565c; text-decoration:none; } #code_origin .paginate_m strong { color:#53565c; text-decoration:none; } /* UI Object 실시간 인기검색 탭 12.10.25 yang */ .tab_list_2 { width:198px; padding:0 0 0 0; } .tab_list_2 ul{ position:relative; margin:0 0 0 13px; padding:0; list-style:none;*zoom:1} .tab_list_2 ul:after{display:block;clear:both;content:""} .tab_list_2 li{ float:left; font-family:Dotum; font-size:11px; } .tab_list_2 li a { float:left; position:relative; border:#d8d8df solid 1px; border-bottom:1px solid #9bacc6; background-color:#fff; color:#81878e; text-decoration:none; margin:0 0 0 1px; } .tab_list_2 li a span { display:inline-block; width:54px; padding:4px 0 1px 0; letter-spacing:-1px;cursor:pointer; text-align:center; } .tab_list_2 li ul{ display:none; position:absolute; top:24px; width:198px; margin:0 0 0 -13px; padding:11px 0 3px 0; border:0; list-style:none;*zoom:1; border:1px solid #9bacc6; background:url(../webimage/main/realtop_text.gif) no-repeat 15px 15px } .tab_list_2 li ul:after{ display:block;clear:both;content:""} .tab_list_2 li li { font:normal 12px/24px Dotum; height:24px; line-height:24px } .tab_list_2 li li a { width:115px; float:left; color:#30323f; margin:0; padding:0 0 0 38px; border:0 !important;background:transparent; } .tab_list_2 li li a:hover, .tab_list_2 li li a:active, .tab_list_2 li li a:focus{ color:#777777 !important;text-decoration:underline; } .tab_list_2 li li span { float:left; display:inline-block; text-align:center; } .tab_list_2 li li span.hit { display:none } .tab_list_2 li li span.real_r { width:40px; font:normal 10px/24px Tahoma } .tab_list_2 li li span.real_r img { padding:0 } .tab_list_2 li li.more a {position:absolute;top:100px;right:-110px; font:normal 11px Dotum; border:0 !important;background:transparent; text-decoration:none} .tab_list_2.m1 .m1 a, .tab_list_2.m2 .m2 a, .tab_list_2.m3 .m3 a { border:1px solid #9bacc6; border-bottom:1px solid #fff; font-weight:normal; } /* 상단 탭 롤오버시 */ .tab_list_2.m1 .m1 a span, .tab_list_2.m2 .m2 a span, .tab_list_2.m3 .m3 a span { font-weight:bold; color:#415775; } .tab_list_2.m1 .m1 ul, .tab_list_2.m2 .m2 ul, .tab_list_2.m3 .m3 ul { display:block; *margin-left:-70px;} .tab_list_2.m2 .m2 ul { margin-left:-70px; *margin-left:-127px;} .tab_list_2.m3 .m3 ul { margin-left:-127px; *margin-left:-184px;} /* // UI Object 실시간 인기검색 탭 12.10.25 yang // */ #main {} .main_t { height:29px; margin-top:5px; } .main_t span { float:left; } .main_t .t1 { width:300px; font:bold 14px/29px Dotum; padding-left:20px; } .main_t .service { font:normal 11px/29px Dotum; color:#4e4e4e; margin-left:300px } .main_t img { vertical-align:middle} .members { float:left; width:752px; background-color:#fbfbfb; border:#d6d7d8 solid 1px; border-bottom:#bcbdbd solid 1px; border-right:#c7c8c8 solid 1px; padding-left:18px; } .members table { float:left; width:338px; } .members th { font:normal 11px/27px Dotum; color:#757575; letter-spacing:-1px; text-align:left; padding-left:5px;} .members td { font:normal 12px/27px Tahoma; color:#555555; text-align:right;} .members .memo a { font:bold 11px/38px Tahoma; color:#6273dd; text-align:right; text-decoration:underline } .members .nick_font { font:normal 12px/38px Dotum; color:#000000; } .members .nick_font img { vertical-align:middle} .content { float:left; width:770px; background-color:#fbfbfb; border:#d6d7d8 solid 1px; border-bottom:#bcbdbd solid 1px; border-right:#c7c8c8 solid 1px; display:block;clear:both;content:"" } .content h2 { float:left; margin-bottom:5px; margin-left:20px; } .content .title_text { float:left; width:550px; font:bold 13px Dotum; letter-spacing:-0.1em; margin-top:20px; } .content .title img { margin:20px 0 0 20px } .content .title_s img { margin:10px 0 0 20px } .content .more { float:left; width:180px; font:normal 11px Dotum; color:#757575; letter-spacing:-1px; margin-top:20px; text-align:right } .content table { float:left; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-left:18px; } .content th { border-top:#fff solid 1px; background-color:#f4f4f4; font:normal 12px/29px Dotum; text-align:center } .content td { font:normal 12px/27px Tahoma; color:#656464; padding:0 10px; border-top:#d8d8d8 solid 1px; text-align:right;} .content .left { font:normal 11px/27px Dotum; letter-spacing:-1px; text-align:left;} .content .right { font:normal 12px/27px Tahoma; color:#555555; text-align:right;} .list_01 .list_left { text-align:left;} .list_01 a { color:#333; letter-spacing:-1px } .content .list_01 { float:left; border-top:#575757 solid 2px; border-bottom:#b7b7b7 solid 1px; margin-left:18px; } .content .list_01 th { background-color:#f4f4f4; font:normal 11px/27px Dotum; text-align:center } .content .list_01 td { font:normal 12px/27px Dotum; color:#656464; padding:0; border-top:#d8d8d8 solid 1px; text-align:center;} .content .list_01 .left_t { font:normal 12px/27px Dotum; color:#656464; padding:0 0 0 5px; border-top:#d8d8d8 solid 1px; text-align:left;} #UlServicePriceMarquee {display: block;height: 260px;overflow: hidden;} .MainBannerMarquee{left: 0px;position: relative;width: 10000px;} .MainBannerMarquee li{float: left;} .marqueeBrand {overflow: hidden;} .marqueeBrand ul{left: 0px;position: relative;width: 10000px;} .marqueeBrand li{float: left;}