/* Date : 2013-02-18 writer : 문성식(aert11@onewsoft.co.kr) */ * { font-family:Gulim,"굴림",Dotum,"돋움"; padding: 0; margin: 0; font-size:12px; } *{-webkit-text-size-adjust:none;} /* 사파리에서 브라우저가 폰트 사이즈를 강제로 조정하는 것을 방지함 */ body, li, dt, dd, input, select, textarea, p, span, th, td {line-height:150%;} body {height:100%; } img{border:none;} fieldset, label {border:none;} legend, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0} table, th, td {margin:0; padding:0; border-collapse:collapse; word-break:break-all; font-weight:normal;} h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, form {margin:0; padding:0;font-size:1em;} input {vertical-align:middle; font-size:12px;} img {border:0 none; vertical-align:middle; font-size:0; line-height:0;margin:0; padding:0;} strong {font-weight:bold} ul, ol, li {list-style:none;} select{ vertical-align:middle;} a:link, a:visited{color:#333;text-decoration:none;} a:hover, a:active {color:#333;text-decoration:none;} .cred {color:red;} .ct { font-family: Verdana, 굴림; color:#222222; } .ed, .input_type02 { border:1px solid #cccccc; height:18px; } .tx { border:1px solid #cccccc; } .fl {float:left;} .fr {float:right;} .clear {clear:both;} .ta_c {text-align:center;} .input_style{border:1px solid #ccc;height:16px;padding:2px;} /* UI Object */ .btn_pack, .btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('../images/common/btn_pack.gif') no-repeat;font-size:12px;font-family:"Nanum Gothic",Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap} .btn_pack{margin-right:4px} .btn_pack *{left:4px;cursor:pointer;_cursor:hand} .btn_pack.medium, .btn_pack.medium *{height:24px;line-height:24px} .btn_pack.large, .btn_pack.large *{height:30px;line-height:30px} .btn_pack.xlarge, .btn_pack.xlarge *{height:36px;line-height:36px} .btn_pack.small, .btn_pack.small *{height:19px;line-height:19px} .btn_pack.medium{background-position:left 0} .btn_pack.large{background-position:left -30px} .btn_pack.xlarge{background-position:left -65px} .btn_pack.small{background-position:left -106px} .btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px} .btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px} .btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px} .btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px} .btn_pack *:hover, .btn_pack *:active, .btn_pack *:focus{color:#690} .btn_pack.strong *{font-weight:bold !important} .btn_pack.icon *{padding-left:20px} .btn_pack.small.icon *{padding-left:16px} .btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important} .btn_pack.medium .check{background-position:4px -150px} .btn_pack.large .check{background-position:4px -146px} .btn_pack.xlarge .check{background-position:5px -144px} .btn_pack.small .check{background-position:3px -153px} .btn_pack.medium .add{background-position:-16px -150px} .btn_pack.large .add{background-position:-14px -146px} .btn_pack.xlarge .add{background-position:-14px -144px} .btn_pack.small .add{background-position:-18px -153px} .btn_pack.medium .delete{background-position:-34px -150px} .btn_pack.large .delete{background-position:-34px -146px} .btn_pack.xlarge .delete{background-position:-34px -144px} .btn_pack.small .delete{background-position:-37px -153px} .btn_pack.medium .calendar{background-position:-56px -150px} .btn_pack.large .calendar{background-position:-56px -146px} .btn_pack.xlarge .calendar{background-position:-56px -144px} .btn_pack.small .calendar{background-position:-59px -153px} .btn_pack.medium .refresh{background-position:-76px -150px} .btn_pack.large .refresh{background-position:-76px -146px} .btn_pack.xlarge .refresh{background-position:-76px -144px} .btn_pack.small .refresh{background-position:-79px -153px} .btn_pack.medium .download{background-position:-96px -151px} .btn_pack.large .download{background-position:-96px -147px} .btn_pack.xlarge .download{background-position:-96px -145px} .btn_pack.small .download{background-position:-99px -154px} /* //UI Object */ /* 서브페이지 탭메뉴 */ .sub_tab01{ height:30px;} .sub_tab01 li{float:left; height:21px; padding:7px 30px 3px 30px; border:1px solid #dcdcdc;; background:url(../images/common/tab_bg_off.gif) repeat-x;} .sub_tab01 .on{font-color:#ffffff; background:url(../images/common/tab_bg_on.gif) repeat-x; font-weight:bold; border:1px solid #888; } .sub_tab01 .on a{color:#fff;} .body_bg{background:url(../images/common/bg.png) repeat-x;} #wrap{width:1080px;height:200;margin:0 auto;} #header{position:relative;width:1080px;padding-top:30px;height:103px;margin:0 auto;} #header .header_l{float:left; margin-top:;} /*---#header h1{position:absolute;top:8px;left:0px;width:142px;} --*/ #header h1{position:absolute;top:8px;left:123px;width:142px;} #header .header_c{ position:absolute; left:350px; top:60px; text-align:center;} #header .header_r{float:right; } #header .header_r .gnb{float:right;} #header .header_r li{float:left;} #header .header_r form{clear:both;float:right;padding-top:13px;} #header .topsearch_box{width:280px;height:24px;border:3px solid #cccccc;float:left;} *html .topsearch_box{height:22px;overflow:hidden;} #header .topsearch_box span{float:left;padding:3px 10px 3px 10px;} #header .topsearch_box .topsearch_input{padding-top:3px;height:18px;width:274px;float:left;border:none;} #header .topsearch_btn{float:left;width:39px;height:30px;text-indent:-99999px;border:none;background:url(../images/common/topsearch_btn.gif) no-repeat;} #header .logo2 { z-index:-10; position:absolute; right:0; bottom:0; height:0px; } /* 상단top 레이아웃 */ #top {min-width:1080px;border-top:10px height:25px; solid #dde4e9;background:#f2f5f9} #top h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #top p {margin:0;padding:10px 0;line-height:1.8em} #top_catch {position:relative;margin:0 auto;padding:15px 0 0;width:1080px;text-align:center} #top_company {text-align:center} #top_copy {background:#333333} #top_copy div {position:relative;margin:0 auto;padding:10px 0;width:1080px;color:#fff} #top_copy a {display:inline-block;margin:0 25px 0 0;color:inherit} #top_copy #ft_totop {position:absolute;top:10px;right:0} /* 상단top 레이아웃 */ /* 상단 회원가입 등 링크 */ #tnb {float:right;margin:0;padding:0;list-style:none;zoom:1} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0 0 0 10px} #tnb a {display:inline-block;padding:0 10px;height:18px;color:#fff;letter-spacing:-0.1em;line-height:2.4em} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none} #tnb img {margin-right:3px} /* 상단 회원가입 등 링크 */ #topmenu{clear:both;position:relative;width:100%;height:63px;margin:0 auto; z-index:1080;} #topmenu li{float:left;position:relative;} #topmenu .subnavi{position:absolute;top:50px;left:0;margin-left:-2px;z-index:999;display:none;width:100%;background:#5a5a5a;border-left:2px solid #414141;border-right:2px solid #414141;border-top:2px solid #414141} #topmenu .subnavi li{width:100%;border-bottom:2px solid #414141} #topmenu .subnavi li a{padding:10px;float:left;color:#ffffff;} #topmenu .subnavi li a:hover{color:#ff9000} #topmenu .allmenu{background:url(../images/common/bg.jpg) left top no-repeat;float:right;padding-left:36px;} #allmenubox {position:absolute; top:0; right:0; width:1050px; height:280px; border:1px solid #414141; border-top:none; background:url(../images/common/allmenu_sh.gif) repeat-x #fff; z-index:900;display:none} #allmenubox .allmenulist {float:left; width:105px;} #allmenubox h3 {height:40px; font-size:18px; padding:20px 0 0 20px; color:#fff;} #allmenubox ul {padding:10px 0 0 20px;} #allmenubox .allmenulist ul li {float:left; width:105px; padding:2px 0;} #allmenubox .close_btn {position:absolute; bottom:0; right:0; z-index:991;} #container{clear:both;position:relative;padding:10px 0px;background:url(../images/common/box_bg.gif) repeat-y;width:1080px;float:left;} #slideimg{position:relative;height:314px;} #slideimg .slides_container{position:absolute;top:0;width:780px;height:310px;} #slideimg .slides_container a img{width:780px;height:310px;} #slideimg .prev{position:absolute;left:0px;top:135px;z-index:888;} #slideimg .next{position:absolute;right:0;top:135px;z-index:888;} #slideimg .pagination {position:absolute; right:10px;bottom:10px; z-index:999;} #slideimg .pagination li {float:left; list-style:none;margin:0 1px;} #slideimg .pagination li a {display:block; width:16px;height:0px;padding-top:16px;background:url(../images/main/pagination.png);background-position:0 0;float:left;overflow:hidden;text-indent:-999999px;} #slideimg .pagination li.current a {background-position:0 -16px;} #event_silde{position:relative;height:213px;} #event_silde .slides_container{position:absolute;width:265px;height:188px;} #event_silde .slides_container a img{width:265px;height:183px;} #event_silde .pagination {position:absolute;top:10px;right:0;height:25px;} #event_silde .pagination li {float:left;margin:0 1px;list-style:none;} #event_silde .pagination li a {display:block;width:14px;height:14px;background-color:#959090;float:left;overflow:hidden;text-indent:-999999px;} #event_silde .pagination li.current a {background-color:#f4b905;} .main{padding-top:7px;width:100%} .main_l{float:left;margin-right:0px; padding-bottom:17px; background:url(../images/main/rv_bbg.gif) left bottom no-repeat ;width:300px;} .main_l dl {width:288px; height:200px; padding:0px 0 10px 0;border-left:1px solid #ddd; border-right:1px solid #ddd;} .main_l dl dt{float:left; width:75px; height:30px;} .main_l dl dd{float:left;width:213px;height:30px;} .rv_btn {border-top:1px dashed #ddd;border-left:1px solid #ddd; border-right:1px solid #ddd;width:288px;float:left;} .main_c{float:left;padding-right:0px;width:780px;} .main_c_icon {padding-top:5px;} .main_c_icon li{float:left;padding-bottom:10px;} .main_c_banner li{float:left;padding-bottom:10px;} .main_r{float:left;width:390px;} .sns {padding-top:10px;} .sns img,.sns ul,.sns ul li{float:left;} .latest_area{clear:both; padding-top:20px;} .latest_area .notice{float:left;padding-right:17px;} .latest_area .notice ul {padding:10px;} .latest_area .notice ul li {width:270px;} .latest_area .notice ul li a {float:left; width:210px;} .latest_area .notice ul li span{float:right; width:60px;} .latest_area .news{float:left;padding-right:17px;} .latest_area .news ul {padding:10px;} .latest_area .news ul li {width:283px;} .latest_area .news ul li a {float:left; width:223px;} .latest_area .news ul li span{float:right; width:60px;} .latest_area .review{float:left;} .latest_area .review ul {padding:10px;} .latest_area .review ul li {width:270px;} .latest_area .review ul li a {float:left; width:210px;} .latest_area .review ul li span{float:right; width:60px;} .snb{float:left;margin-bottom:30px;} .snb ul{margin-bottom:30px;} .sub_container{float:left;padding:0 0px 0 20px;width:790px;min-height:750px;} .subpage_title{height:70px;} .subpage_title h2{float:left;} .subpage_title .path_text{float:right;padding-top:20px;color:#cccccc;} .stepimg{text-align:center;padding-bottom:20px;} /* sitemap */ #sitemap_box {} .sitemap {float:left; width:220px;padding-right:15px;overflow:hidden;} #sitemap_box h4 {color:#333; border-top:2px solid #ddd; border-bottom:1px solid #ddd; background:url(../images/common/sub/sitemap_icon1.gif) no-repeat 95% 12px; padding:10px 20px 10px 10px; font-size:12px;} #sitemap_box ul {padding:15px 0 25px 10px;} #sitemap_box ul li {background:url(../images/common/sub/sitemap_icon2.gif) no-repeat 0 5px; padding-left:12px; padding-bottom:5px;} .sitemap2 {float:left; width:180px; padding:0 10px;} .car_info{border:1px solid #cccccc;height:85px;padding:10px 10px 10px 10px;margin:10px 0;font-weight:bold;} .location_txt{clear:both;padding-top:5px;} /* .car_info a{width:300px;background:#dddddd;float:left;padding:10px; margin-left:-10px;font-weight:normal;} */ #footer{clear:both;height:30px;width:100%;padding-bottom:20px;background:url(../images/common/copyright_bottom_bg.gif) bottom no-repeat;} #footer .copyright{padding:0px 0px;background:url(../images/common/box_bg.gif) repeat-y;float:left;width:1200px;} #footer .footer_dashed{border-top:1px dashed #ddd;padding-top:10px;} #footer li{float:left;} #footer address{clear:both;} #footer .footer_l{float:left;padding-left:0px;} #footer .footer_r{float:right;padding-right:0px;} /* board skin - g4m basic_gallery */ #g4m_gallery div.board_top{overflow: auto; padding-bottom: 10px; border-bottom: 1px solid #ccc} #g4m_gallery .img_info{list-style: none; margin: 0;padding: 0;text-align: left} #g4m_gallery .img_info dd, #g4m_gallery .img_info dt a em{margin: 0;padding: 0 ;line-height: 20px;font-family: 돋움;font-size: 12px;font-style: normal;} #g4m_gallery .img_info dt a em{color: #333;} #g4m_gallery .img_info dt span.cate a{font-size: 11px; font-family: "돋움";color:#0033EE} #g4m_gallery .img_info dd{font-size:12px; font-family: tahoma; line-height: 14px;} #g4m_gallery .board_sw{clear:both;margin-top:10px;padding-top:10px; border-top:1px solid #ccc} #g4m_gallery .btn_area,#g4m_gallery .page_area,#g4m_gallery .search_area{overflow: hidden; text-align: center; margin:10px auto; } #g4m_gallery .search_area input{margin:0; line-height: 0;vertical-align: middle;padding:0} #g4m_gallery .page_area {padding:2px;} #g4m_gallery .page_area strong,#g4m_gallery .page_area a{ padding: 3px 6px;border:1px solid #ccc; text-decoration: none; text-align: center;margin: 0} #g4m_gallery .page_area strong{background-color: #ccc} #g4m_gallery .img_link{display: block;padding:5px; border:1px solid #ccc;text-align:center;} /* board skin - basic_gallery:end */ /* list */ #contentsArea {padding-top:10px;} .gallery {margin-left:5px;} .gallery li {float:left; height:187px; margin:0 0px;width:168px;text-align:center;} .gallery li p {margin:0 2px; padding-top:5px; text-align:center; line-height:130%;} .gallery li p .date {font-size:0.92em; color:#9b9b9b;} .gallery li a img {border:4px solid #e3e3e3;} .gallery li a:hover img, .gallery li a:focus img {border:4px solid #ff9000;}