﻿@charset "euc-kr";
/* CSS Document */
* {margin:0; padding:0;}
body,td,th,div,span,li,dl,p {
	font-family: dotum, Courier;
	font-size: 12px;
	color: #999;
	margin:0;
	padding:0; line-height:17px;
	}
	
#content {
	float:left;
	width:790px;
	min-height:500px;
}
fieldset {border:none;}
legend {display:none;}

/* press & media lislt */
.media_latest {width:790px; height:200px;}
.media_latest dt img {width:270px; height:190px; border:5px solid #28603b; float:left; margin-right:20px;}
.media_latest dd.latest_title {font-family:Malgun gothic,맑은고딕,dotum; font-size:23px; font-weight:bold; color:#28603b; padding-top:7px;}
.media_latest dd.latest_title a {color:#28603b;}
.media_latest dd span {padding-left:5px; color:#bfbebc;}
.media_latest dd.latest_content {height:160px; width:485px; overflow:hidden; font-family:Malgun gothic,맑은고딕,dotum; font-weight:bold; margin-top:15px;}

.board_total {clear:both; width:790px; text-align:right; color:#666; margin:21px 0px 9px 0px;}
.board_total strong {padding-right:10px;}
.board_total em {font-style:normal; font-weight:bold; color:#28603b;}

.media_board {width:790px; height:100%;}
.media_board table {width:790px; border-collapse:collapse; border-spacing:0;}
.media_board table th {height:33px; background:#28603b;}
.media_board table td {height:145px; border-bottom:1px solid #dedede;}
.media_board table td.board_content div {height:105px; overflow:hidden; margin:0 10px;}
.media_board table td.board_content p {font-weight:bold; color:#28603b; padding-bottom:10px;}
.media_board table td.board_content p a {color:#28603b;}
.media_board table td.board_content img {margin-left:10px;}

.media_paging {width:790px; text-align:center; margin-top:28px;}
.media_paging strong {color:#28603b;}
.media_paging a { color:#666; }

.media_search {width:780px; border:5px solid #dedede; text-align:center; margin-top:66px; padding:10px 0;}
.media_search select {behavior: url('../common/css/selectBox.htc'); width:70px; text-align:left; margin-right:5px;}
.media_search input {width:143px; height:12px; border:1px solid #cbcbcb; margin:0 5px; font-family:dotum; font-size:11px; color:#999; padding:4px;}
.media_search img {vertical-align:top; padding-top:1px;}

/* press & media view */
.media_view {width:790px; height:100%;}
.media_view table {margin-top:40px; border-collapse:collapse; border-spacing:0;}
.media_view table th {height:32px; border-top:1px solid #28603b; border-bottom:1px solid #28603b;}
.media_view table th.media_title {text-align:left; padding-left:20px; color:#28603b;}
.media_view table th.media_date {font-weight:normal;}
.media_view table td {padding:20px 0;}
.media_view table td span {width:280px; height:220px; margin:0 10px 10px 0; float:left;}
.media_view table td span div {display:block; margin-top:10px;}
.media_view .media_list {width:790px; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc;}
.media_view .media_list p {border-bottom:1px solid #cccccc;}
.media_view .media_list p span {padding-left:18px;}
.media_view .media_list a {color:#999;}

/* joins blog list & power bloger list */
.joins_list {width:790px; list-style:none; margin:0px; padding:0px;}
.joins_list li {width:190px; height:445px; overflow:hidden; margin-right:10px; float:left; position:relative;}
.joins_list li.last {margin-right:0;}
.joins_list dt {width:180px; height:180px; border:5px solid #28603b;}
.joins_list dd.joins_title {width:190px; margin:0; margin-top:20px; font-weight:bold; color:#28603b;}
.joins_list dd.joins_content {width:190px; margin:0; margin-top:13px; font-size:11px; color:#666;}
.joins_list dd.joins_writer {width:190px; margin:0; margin-top:15px; font-size:11px; color:#666;}
.joins_tag {position: absolute; top:0; left:0; z-index:2;}

/* joins blog view & power bloger view */
.joins_profile {width:790px;}
.joins_profile p {text-align:right; margin:15px 0 28px 0px;}
.joins_content p {text-align:right; margin:35px 0px 30px 0px;}
.joins_content p a {margin-left:15px;}
.joins_reply .reply_form {width:790px; height:59px; margin:10px 0px 23px 0px; border:5px solid #000; background:#000;}
.joins_reply .reply_form textarea {width:700px; height:47px; border:0; margin-right:10px; padding:5px;}
.joins_reply .reply_form img {vertical-align:top;}
.joins_reply ul {width:790px; list-style:none; margin:0px; padding:0px;}
.joins_reply li {width:790px; height:66px; padding:15px 0px 0px 15px; border-bottom:1px dashed #dedede;}
.joins_reply dt {width:790px; color:#666; margin:0; padding:0;}
.joins_reply dt span {margin-left:5px;}
.joins_reply dd {width:790px; margin:0; font-size:11px; color:#999;}
.joins_reply .reply_paging {width:790px; margin-top:10px; color:#ccc; font-size:15px; text-align:center;}
.joins_reply .reply_paging strong {margin:0 5px; color:#e94752; font-size:12px;}
.joins_reply .reply_paging a {margin:0 5px; color:#000; font-size:12px;}

/* news & notice */
.news_board {width:790px; height:100%;}
.news_board table {width:790px; border-collapse:collapse; border-spacing:0;}
.news_board table th {height:33px; background:#28603b;}
.news_board table td {height:35px; border-bottom:1px solid #dedede;}
.news_board table td.news_title {padding-left:12px;}
.news_board table td a {color:#999}

.news_paging {width:790px; text-align:center; margin-top:60px;}
.news_paging strong {color:#28603b;}
.news_paging a { color:#666; }

.news_search {width:780px; border:5px solid #dedede; text-align:center; margin-top:40px; padding:10px 0;}
.news_search select {behavior: url('../common/css/selectBox.htc'); margin-right:5px;}
.news_search input {width:143px; height:12px; border:1px solid #cbcbcb; margin-right:5px; font-family:dotum; font-size:11px; color:#999; padding:4px;}
.news_search img {vertical-align:top; padding-top:1px;}

/* must have list */
.musthave_list {width:790px; height:100%; }
.musthave_list ul { margin:0px; padding:0px; }
.musthave_list ul li {list-style:none; float:left; margin:0 10px 10px 0;}
.musthave_list ul li.on {width:254px; height:254px; border:1px solid #28603b;}
.musthave_list ul li.off {width:254px; height:254px; border:1px solid #cccccc;}
.musthave_list ul li.margin_none {margin-right:0px;}

.musthave_list .musthave_paging {clear:both; width:790px; text-align:center; margin-top:40px;}
.musthave_list .musthave_paging  strong {color:#28603b;}
.musthave_list .musthave_paging  a { color:#666; }

/* event list */
.event_list {width:790px; height:100%; list-style:none; margin:0; padding:0;}
.event_list_b {width:780px; min-height:290px; margin-bottom:10px; border:5px solid #161942; background:#161942; position:relative;}
.event_list_b dl {overflow:hidden; color:#fff;}
.event_list_b dt {width:150px; font-size:14px; font-weight:bold; padding:15px 0 20px 0; margin-left:550px;}

.list_banner {float:left; margin:-80px 20px 0 0;}
.content {padding-bottom:2px;}
.content img {vertical-align:top; padding-top:3px;}
.content span {width:165px; padding-left:12px; font-size:11px; color:#fff; display: inline-block;}
.btn_view {position:absolute; top:230px; left:720px;}

.event_list_g {width:780px; height:290px; list-style:none; margin:0; margin-bottom:10px; padding:0; border:5px solid #2b713f; background:#2b713f; position:relative;}
.event_list_g dl {overflow:hidden; color:#fff;}
.event_list_g dt {width:150px; font-size:14px; font-weight:bold; padding:15px 0 20px 0; margin-left:550px;}

.event_paging {clear:both; width:790px; text-align:center; margin-top:28px;}
.event_paging strong {color:#28603b;}
.event_paging a { color:#666; }

/* qna list */
.qna_board a{color:#999;}
.qna_board {width:790px;}
.qna_board table {width:790px; height:100%; border-collapse:collapse; border-spacing:0;}
.qna_board table th {height:33px; background:#28603b;}
.qna_board table td {height:35px; border-bottom:1px solid #dedede; text-align:center;}
.qna_board table td.board_subject {text-align:left; padding-left:30px; font-weight:bold;}
.qna_board table td.select_subject {text-align:left; padding-left:30px; font-weight:bold; color:#28603b;}
.qna_board table td.border_none {border-bottom:0px;}
.qna_board table td.qna_content {padding:0 0 10px 182px; text-align:left; font-size:11px;}

.qna_btn {width:790px; text-align:center; margin-top:60px;}
.qna_btn img{padding:0 2px;}

/* qna write */
.qna_write {width:790px; height:100%;}
.qna_write table {width:790px; border-collapse:collapse; border-spacing:0;}
.qna_write table th {text-align:left; padding-left:10px; border-bottom:1px solid #bdbdbd;}
.qna_write table td {border-bottom:1px solid #bdbdbd; padding:5px 0;}
.qna_write table th.first {text-align:left; padding-left:10px; border-bottom:1px solid #bdbdbd; border-top:2px solid #28603b;}
.qna_write table td.first {border-bottom:1px solid #bdbdbd; border-top:2px solid #28603b;}
.qna_write select { font-family:dotum; font-size:12px; }
.qna_write table td .input_qna01 {width:668px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.qna_write table td textarea {width:664px; height:150px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:5px;}

.qna_write .qna_btns {width:790px; margin-top:30px; text-align:center; }

/* faq list */
.faq {width:790px; height:100%; }
.faq_btns {width:790px;}
.faq_btns img {margin-right:5px;}
.faq_btns img.last {margin-right:-5px;}

.faq h1 {margin:30px 0 15px 0;}

.faq_board {width:790px; text-align:left;}
.faq_board table , th ,td {   }
.faq_board th {width:790px; text-align:left; height:32px; padding-left:20px; border-bottom:1px solid #dedede;}
.faq_board th.select_subject {color:#fff; background:#2b713f; border-bottom:0;}
.faq_board td {width:790px; padding:25px 40px; font-weight:bold; border-bottom:1px solid #dedede; letter-spacing:-0.08em;}

/* bi introduce & brand story */
.bi_left {margin-right:10px; float:left;}

/* customer center */
.customer_left {margin-right:10px; float:left;}



/* login */
.login {width:790px; height:290px; background:url(../../images/bg_login.gif) no-repeat left top;}
.login h1 {padding-bottom:30px; _padding-bottom:25px;}
.login table {width:376px; margin:33px 0px 30px 0px; _margin:25px 0px 22px 0px; border-collapse:collapse; border-spacing:0px;}
.login table th {height:20px; text-align:left;}
.login table td .input_login {width:160px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.login p {height:15px;margin-bottom:4px;}
.login p span {width:260px; display:inline-block;}

/* search */
.search {width:790px; height:100%; position:relative;}
.search img {vertical-align:top;}
.search span.search_left {width:364px; height:295px; padding:0 15px; display:inline-block; border-right:1px solid #e5e5e5; margin-top:10px;}
.search span.search_right {width:364px; height:295px; padding:0 15px; display:inline-block; margin-top:10px; position:absolute; top:0; left:395px;}
.search span table {width:365px; border-collapse:collapse; border-spacing:0;}
.search span table th {text-align:left; height:25px;}
.search span table td .input_search01 {width:160px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.search span table td .input_search02 {width:68px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.search_title01 {margin-bottom:25px;}
.search_title02 {margin-bottom:13px;}
.search .search_right p {margin-bottom:19px;}
.search .search_right p {margin-bottom:19px;}

/* join_01 */
.join_01 {width:790px; height:100%;}
.join_01 img {vertical-align:top;}
.join_01 h1 {height:12px; padding-bottom:10px; _padding-bottom:0px;}
.join_01 span {width:790px; display:block; text-align:center;}
.join_01 textarea {width:750px; height:217px; padding:20px; border:1px solid #ccc; font-family:dotum; font-size:11px; color:#666; line-height:17px;}
.join_01 p {text-align:right; margin-top:5px;}
.join_01 p img {vertical-align:middle; margin:0 0 5px 5px;}
.join_01 .number_form {width:790px; padding:20px 0; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:30px 0;}
.join_01 .number_form img {vertical-align:baseline; padding-right:25px;}
.join_01 .number_form img.none {vertical-align:top; padding-right:0px;}
.join_01 .number_form .input_join01 {width:160px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px; margin-right:50px;}
.join_01 .number_form .input_join02 {width:68px; height:12px; border:1px solid #c7c7c7; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.join_01 .join01_btns {width:790px; margin-top:30px; text-align:center; }

/* join_02 */
.join_02 {width:790px; height:100%;}
.join_02 img {vertical-align:top;}
.join_02 h1 {height:12px; margin-bottom:20px;}
.join_02 table {width:790px; border-collapse:collapse; border-spacing:0;}
.join_02 table th {text-align:left; padding-left:10px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.join_02 table td {border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px 0;}
.join_02 table th.first {text-align:left; padding-left:10px; border-top:1px solid #ccc; border-bottom:1px solid #e3e3e3;}
.join_02 table td.first {border-top:1px solid #ccc; border-bottom:1px solid #e3e3e3; padding:5px 0;}
.join_02 table th.last {text-align:left; padding-left:10px; border-top:1px solid #e3e3e3; border-bottom:1px solid #ccc;}
.join_02 table td.last {border-top:1px solid #e3e3e3; border-bottom:1px solid #ccc; padding:5px 0;}
.join_02 table td p.mail {margin-top:3px;}
.join_02 table td p.mail img { vertical-align:baseline;}
.join_02 table td .mt_5 {margin-top:5px;}
.join_02 table td .input_join03 {width:144px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.join_02 table td .input_join04 {width:104px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.join_02 table td .input_join05 {width:73px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.join_02 table td .input_join06 {width:224px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px; margin-top:5px;}
.join_02 table td .input_join07 {width:48px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px;}
.join_02 table td .input_join08 {width:132px; height:12px; border:1px solid #dadada; background:#dadada; font-family:dotum; font-size:12px; color:#333; padding:3px; margin-bottom:5px;}

.join_02 .join_brand {border-bottom:1px solid #ccc;}
.join_02 .join_brand h1 {margin:30px 0 0 0; margin-bottom:10px;}
.join_02 .join_brand p {margin:10px 0 30px 0;}
.join_02 .join_brand p img {vertical-align:baseline; margin:0 10px 0 3px;}
.join_02 .join02_btns {width:790px; margin-top:30px; text-align:center; }

/* mypage_modify */
.join_02 table th img.ptb_11 {padding:11px 0;}
.join_02 .modify_out {padding:30px 0; border-bottom:1px solid #ccc;}
.join_02 .modify_out img {margin-right:10px;}

/* mypage_card */
.mypage_card {width:790px; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.mypage_card strong {color:#666;}
.mypage_card strong em {font-style:normal; color:#28603b;}
.mypage_card p {font-size:11px; padding-top:3px; color:#838383;}

/* mypage_inquire */
.inquire_board .inquire_title {margin-bottom:30px;}
.inquire_board {width:790px; height:100%;}
.inquire_board table {width:790px; border-collapse:collapse; border-spacing:0;}
.inquire_board table th {height:30px; background:#2b713f;}
.inquire_board table td {height:30px; border-bottom:1px solid #dedede; text-align:center;}
.inquire_board table td.inquire_title {text-align:left; padding-left:15px;}
.inquire_board table td a {color:#999}

.inquire_paging {clear:both; width:790px; text-align:center; margin-top:28px;}
.inquire_paging strong {color:#28603b;}
.inquire_paging a { color:#666; }

/* product list */

.product_list .top_navi {width:790px;}
.product_list .top_navi img {float:left;margin-right:1px;}
.product_list .top_navi img.last {margin-right:0px;}
.product_list .navi_sub {width:790px; color:#999; line-height:23px;}
.product_list .navi_sub a {color:#999; text-decoration:none; font-weight:bold; font-size:12px; margin:0 0px;}
.product_list .navi_sub a.first {margin-left:0px;}
.product_list ul {width:790px; padding:0px; margin:0px; }
.product_list li {list-style:none; margin:0px 10px 10px 0px; float:left; position:relative; padding:0px; }
.product_list li img {border:5px solid #ccc;}
.product_list div.productEnd {margin-right:0px;}
.product_list li.last {margin-right:0px;}
.product_list p {width:150px; text-align:center; position:absolute; top:125px; left:0; color:#555; font-family:arial;font-size:11px; letter-spacing:0px; }

.mileage_top {width:790px;}
.mileage_top strong {color:#28603b;}
.mileage_top table {width:790px; border-collapse:collapse; border-spacing:0; margin-top:20px; text-align:center;}
.mileage_top table td {height:30px; border-bottom:1px solid #ccc;}
.mileage_top table th {height:30px; border-bottom:1px solid #ccc;}
.mileage_top table .color01 {color:#161942;}
.mileage_top table .color02 {color:#28603b;}

.mileage_content {margin-top:40px;}
.mileage_content strong {color:#777;}
.mileage_content table {width:790px; border-collapse:collapse; border-spacing:0; margin-top:5px;} 
.mileage_content table th {border:1px solid #ccc; height:30px;}
.mileage_content table td {border:1px solid #ccc; text-align:center; height:30px;}

/* store info */
.select_add {width:590px; text-align:right;}
.select_add select {behavior: url('../common/css/selectBox.htc'); text-align:left; width:123px;}

.store_add {width:590px;}
.store_add table {width:590px; border-collapse:collapse; border-spacing:0; margin-top:10px;}
.store_add table th {padding:11px 0; background:#28603b;}
.store_add table td {padding:8px 0; border-bottom:1px solid #ccc; color:#777; text-align:center;}
.store_add table td.add {text-align:left;}
.store_add table td a {color:#777;}

.store_paging {width:590px; text-align:center; margin-top:40px;}
.store_paging strong {color:#28603b;}
.store_paging a { color:#666; }

