@charset "utf-8";
/* 
getsumostyle 
getsumo@naver.com
blog.naver.com/getsumo
*/ 

/* reset */
*{margin:0; padding:0;}
html,body {width:100%; height:100%;}
html {overflow-y:scroll;}
html:first-child select {height:20px; padding-right:6px;}

body {background-color:#fff;*word-break:break-all;-ms-word-break:break-all;color:#636363;}
body,input,button {font-size:12px; line-height:120%; font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:12px; text-align:left;}

img, fieldset, button {border:none; }
input, select, textarea {font-size:12px; line-height:120%; font-family:"맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; vertical-align:middle;}
hr, button img {display:none;}
li {list-style:none;}
textarea {overflow:auto;} 
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 

option {padding-right:6px;}
div {overflow:hidden; } /* border:1px solid red; */
dd {float:left;}

/* png */ 
.png24 {tmp:expression(setPng24(this));}


/* select box*/
#Link {}
/* select 투명 흰글씨*/
.selectlayer_wh { display:block; position:relative; height:18px; border:1px solid #fff; cursor:pointer;}
.selectlayer_wh a.default { display:block; height:18px; padding:0 0 0 5px; background:url('../img/common/arrow_image.gif') right no-repeat; color:#ffffff; line-height:18px; text-decoration:none; }
.selectlayer_wh a.default:hover { text-decoration:none; }
.selectlayer_wh ul { position:absolute; left:-1px; top:18px; display:none; width:100%; border:1px solid #fff; }
.selectlayer_wh ul li { display:block; width:100%; }
.selectlayer_wh ul li a { display:block; height:18px; padding:0 0 0 5px; color:#fff; line-height:20px; text-decoration:none; }
.selectlayer_wh ul li a:hover { background-color:#fff; color:#000; text-decoration:none; }
.selectlayer_wh ul li a.selected { background-color:#fff; color:#000; }

/* select 투명 검정글씨*/
.selectlayer_bk { display:block; position:relative; height:18px; border:1px solid #000; cursor:pointer;}
.selectlayer_bk a.default { display:block; height:18px; padding:0 0 0 5px; background:url('../img/common/arrow_image2.gif') right no-repeat; color:#000; line-height:18px; text-decoration:none; }
.selectlayer_bk a.default:hover { text-decoration:none; }
.selectlayer_bk ul { position:absolute; left:-1px; top:18px; display:none; width:100%; border:1px solid #000; }
.selectlayer_bk ul li { display:block; width:100%; }
.selectlayer_bk ul li a { display:block; height:18px; padding:0 0 0 5px; color:#000; line-height:20px; text-decoration:none; }
.selectlayer_bk ul li a:hover { background-color:#000; color:#fff; text-decoration:none; }
.selectlayer_bk ul li a.selected { background-color:#000; color:#fff; }

/* select 투명 민트글씨*/
.selectlayer_mint { background:#50D3BC; display:block; position:relative; height:18px; border:1px solid #fff; cursor:pointer;}
.selectlayer_mint a.default { display:block; height:18px; padding:0 0 0 5px; background:url('../img/common/arrow_image.gif') right no-repeat; color:#ffffff; line-height:18px; text-decoration:none; }
.selectlayer_mint a.default:hover { text-decoration:none; }
.selectlayer_mint ul { position:absolute; left:-1px; top:18px; display:none; width:100%; border:1px solid #fff; }
.selectlayer_mint ul li { display:block; width:100%; background:#50D3BC;}
.selectlayer_mint ul li a { display:block; height:18px; padding:0 0 0 5px; color:#fff; line-height:20px; text-decoration:none; }
.selectlayer_mint ul li a:hover { background-color:#fff; color:#50D3BC; text-decoration:none; }
.selectlayer_mint ul li a.selected { background-color:#fff; color:#50D3BC; }

/* select 흰글씨 배경추가*/
.selectBG_wh {background:#fff;}
.selectBG_wh ul li {background:#fff;}

/* select 검정글씨 배경추가*/
.selectBG_bk {background:#000;}
.selectBG_bk ul li {background:#000;}


.blind, legend{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;}
a{color:#636363; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}

a.green{color:#390; text-decoration:none;}
a.green:hover{color:#390; text-decoration:underline;}

a.bk{color:#000; text-decoration:none;}
a.bk:hover{color:#000; text-decoration:underline;}

a.bk2{color:#636363; text-decoration:none;}
a.bk2:hover{color:#000000; text-decoration:underline;}

a.wh{color:#ffffff; text-decoration:none;}
a.wh:hover{color:#ffffff; text-decoration:underline;}

a.wh2{color:#909090; text-decoration:none;}
a.wh2:hover{color:#ffffff; text-decoration:none;}

/* common */
.pd5 {padding:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.mt133 {margin-top:133px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt36 {margin-top:36px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.ml70 {margin-left:70px;}
.mb5 {margin-bottom:5px;}
.pd20 {padding:20px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl40 {padding-left:40px;}
.price1 {font-weight:bold; color:#FFAE00;}
.price2 {font-weight:bold; color:#390;}
.bk {color:#000000;}
.wh {color:#ffffff;}
.wh2 {color:#909090;}
.green {color:#390;}
.ora {color:#FF8600;}
.fb {font-weight:bold;}
.img_top {vertical-align:top;}
.f11px {font-size:11px;}
.f12px {font-size:12px;}
.f16px {font-size:16px;}
.imgB {border:1px solid #e5e5e5;}
.grayR {color:#808080;}
.bar {color:#DCDCDC; margin:0 10px;}
.bar2 {color:#DCDCDC;padding:0 5px;}
.tright {text-align:right;}
.tleft {text-align:left;}
.fright {float:right;}
.tcenter {text-align:center;}
.vmid {vertical-align:middle;}
.vbot {vertical-align:bottom;}
.vtop {vertical-align:top;}
.lh140 {line-height:140%;}
.lh160 {line-height:160%;}
.lh180 {line-height:180%;}
.clearboth {clear:both;}
.nodata {margin:50px 0 65px 0;}

/* icon */
.ico_prev	{background:url(../img/common/ico_prev.gif) no-repeat 0 2px; padding-left:9px;}
.ico_next	{background:url(../img/common/ico_next.gif) no-repeat 0 2px; padding-right:12px; background-position:right;}
.ico_list	{background:url(../img/common/ico_list.gif) no-repeat 0 2px; padding-left:17px;}
.ico_image	{background:url(../img/common/ico_image.gif) no-repeat 0 2px; padding-left:14px;}
.ico_sel	{background:url(../img/common/prod_img12.gif) no-repeat center bottom; padding-bottom:12px; color:#390;}
.ico_more	{background:url(../img/common/ico_more.gif) no-repeat 0 4px; padding-left:9px;}
.ico_dot01	{background:url(../img/common/ico_dot01.gif) no-repeat 0 6px; padding-left:6px;}


/* input */
.form {height:15px;}
.sel {height:20px;}
.form140 {width:140px;}

/* table */
table		{border-collapse:collapse;}
caption		{padding:0; text-align:left;}
th, td		{padding:0;} /* border:1px solid #000 */
th			{font-weight:normal;}
tfoot td	{border: 0;}

/* lay-out */
body {text-align:left;}
#sBody {overflow:hidden;}

#sRap {width:950px;}

#sLeft {width:315px; float:left;}
#sCon {width:530px; float:left;}
#sCon2 {width:795px; float:left; margin-left:50px;}
#sCon3 {width:870px; float:left;}
#side {width:80px; margin-left:25px; float:left; height:125px;}
#side2 {width:80px; float:left; height:125px;}
#side_main {position:absolute; top:86px; left:50%; margin-left:415px; width:80px; height:125px; z-index:2;}

#txt_main				{position:absolute; top:548px; left:50%; margin-left:-375px; width:580px; height:17px; z-index:2; text-align:left; color:#ffffff; font-size:11px;}
#txt_main .txtevent		{width:275px;}
#txt_main .txtnotice	{}


#sTop2 {position:absolute; top:0; left:0; width:100%; height:120px; z-index:2;}
#sRap2 {position:absolute; top:120px; left:0; width:100%; min-width:950px; z-index:2;}

#sMap {position:absolute; top:310px; left:280px; width:630px; height:400px; z-index:2;}


#footer {clear:both; margin-left:50px;}

.bg01 {background:url(../img/common/sub_bg01.jpg) fixed no-repeat; background-position:top left;}
.bg02 {background:url(../img/common/sub_bg03.jpg) fixed no-repeat; background-position:top left;}
.bg04 {background:url(../img/common/sub_bg04.jpg) fixed no-repeat; background-position:top left;}
.bg05 {background:url(../img/common/sub_bg05.jpg) no-repeat; background-position:top left;}
.bg06 {background:url(../img/common/sub_bg06.jpg) no-repeat; background-position:top left;}
.bg07 {background:url(../img/common/sub_bg07.jpg) no-repeat; background-position:top left;}

#bg00 {position:fixed; _position:absolute; top:0; height:100%; width:100%; left:0; z-index:1;}

#tbl_rec		{width:100%; margin-top:12px;}
#tbl_rec td		{height:28px;}
#tbl_rec .date	{width:70px; font-size:11px; font-weight:bold; background:url(../img/common/rec_img01.gif) no-repeat right;}
#tbl_rec .tit	{padding-left:10px;}

#listImg		{width:740px;}
#listImg dd		{width:187px; padding:0 15px 0 18px;}
#listImg .prev	{width:40px; text-align:center; padding:30px 0 0 0;}
#listImg .next	{width:35px; text-align:right; padding:30px 0 0 0;}

#tblList				{width:100%;}
#tblList caption		{height:20px;}
#tblList thead th		{height:24px; border-top:1px solid #000000; border-bottom:1px solid #e5e5e5; text-align:center;}
#tblList tbody td		{height:25px; border-bottom:1px solid #e5e5e5; text-align:center;}
#tblList tfoot td		{padding:10px 0; text-align:center;}
#tblList .sbj			{text-align:left; padding-left:10px;}

#tblView			{width:100%; border-top:1px solid #000000; }
#tblView tbody td	{padding:5px 1px;}
#tblView tfoot td	{padding:3px 1px; border-bottom:1px solid #e5e5e5;}
#tblView .line		{border-bottom:1px solid #e5e5e5;}
#tblView .contents	{padding:10px 1px; border-bottom:1px solid #e5e5e5; line-height:160%;}
#tblView .btn		{padding:10px 1px 30px 1px; border-bottom:1px solid #000000;}
#tblView .ico		{width:23px;}
#tblView .tit		{width:500px;}

#tblShoplist				{width:100%; border-top:1px solid #000000; margin-top:5px;}
#tblShoplist caption		{height:24px;}
#tblShoplist tbody td		{padding:10px 0; border-bottom:1px solid #e5e5e5;}



#mediaView		{width:440px; float:left; margin-top:7px;}
#mediaList		{width:90px; float:left; margin-top:8px;}
#mediaListImg		{border-top:1px solid #000000; width:90px; margin-top:9px; padding-top:20px;}
#mediaListImg dd	{padding-top:8px;}


#sGall {position:absolute; top:275px; left:282px; z-index:2;}

#playerList {margin-top:7px; width:530px;}
#playerList dd {width:132px; height:132px; overflow:hidden;}
#playerList dd a {display:inline-block; overflow:hidden;}
#playerList dd a:hover {display:block; border:4px solid #fff; margin:0px;}
#playerList dd a:hover img {margin:-4px; overflow:hidden;}
#playerList .btnN {width:30px; padding-top:42px; padding-left:11px;}

#gallList			{width:530px;}
#gallList .btnP		{width:33px; vertical-align:top; padding-top:60px; padding-right:5px;}
#gallList .btnD		{width:33px; vertical-align:bottom; padding-left:5px; padding-bottom:40px;}
#gallList .listDiv	{width:530px;}

#tblAgent				{width:100%; border-top:1px solid #000000;}
#tblAgent caption		{height:19px;}
#tblAgent thead th		{padding:5px 0; border-bottom:1px solid #e5e5e5;}
#tblAgent tbody td		{padding:17px 0; border-bottom:1px solid #e5e5e5; padding-left:20px;}
#tblAgent .pd			{padding-left:20px; border-right:1px solid #e5e5e5;}

#agent		{margin-top:40px;}
#agent dt	{border-bottom:1px solid #000000; height:18px;}

#prodCate	{margin-top:28px; border-bottom:1px solid #e5e5e5; height:24px;}

#prodCon		{border-top:1px solid #e5e5e5; padding-top:20px; font-size:11px;}

#prodView		{margin-top:20px;}
#prodView .img	{width:320px;}

#prodViewTbl			{width:100%; margin-top:20px;}
#prodViewTbl td			{padding:4px 0; font-size:11px; color:#000000;}
#prodViewTbl .td1		{color:#808080; width:60px;}
#prodViewTbl caption	{height:60px;}

#styleList			{}
#styleList dd		{margin-right:4px;}
#styleList .btn		{width:9px; padding-top:40px; margin-right:6px;}
#styleList .btn2	{width:9px; padding-top:40px; margin:0;}

#sStyle		{position:absolute; top:225px; left:0px; z-index:2; width:100%;}
#styleView	{margin-left:283px;}

#sponList			{width:265px; float:left;}
#sponList dd		{width:63px; height:63px;}
#sponImage			{width:290px; float:left;}
#sponImage .imgB	{border:20px solid #ffffff;}
#sponCon			{width:240px; float:left; color:#ffffff; font-size:11px;}
#sponCon dd			{width:42px; height:42px;}

#tblEventList				{width:530px; margin-top:8px;}
#tblEventList td			{border-bottom:1px solid #e5e5e5; padding:20px 0;}

#prodSumlist			{width:530px; margin-top:30px;}
#prodSumlist dd			{width:124px; text-align:center;}
#prodSumlist .btn		{padding-top:35px; width:17px;}

#prodSumlist			{width:530px; margin-top:30px;}
#prodSumlist dd			{width:124px; text-align:center;}
#prodSumlist .btn		{padding-top:35px; width:17px;}

#prodList		{margin-top:20px; border-bottom:1px solid #e5e5e5;}
#prodList .btn	{width:17px;}
#prodList td	{width:124px; padding:5px 0; text-align:center;}

#loginForm	{margin-top:30px;border-bottom:1px solid #6D9166; height:90px;}

#styleCon		{position:absolute; top:-10px; left:316px; z-index:100;}

#popupid	{width:480px; height:320px; background:#000; padding:30px 30px 0 30px;}
#popupid .footer {width:100%; border-top:1px solid #333333; padding-top:10px;}
#popupCon	{width:100%; height:210px; margin-top:30px; color:#aaa; line-height:150%;}

#popupTbl		{width:100%; margin-top:30px;}
#popupTbl td	{padding:5px 0px;}

#formTbl			{width:100%; margin-top:38px; border-bottom:1px solid #000;}
#formTbl caption	{height:50px;}
#formTbl td			{padding:3px 1px; height:26px; border-top:1px solid #e5e5e5;}
#formTbl .tit		{width:120px; color:#000; font-weight:bold}

.tit50 {width:50px;}
.tit60 {width:60px;}
.tit80 {width:80px;}
.tit90 {width:90px;}
.tit100 {width:100px;}
.tit120 {width:120px;}
.tit150 {width:150px;}
.tit270 {width:270px;}
.tit300 {width:300px;}
.tit400 {width:400px;}

/* paging */
#paging			{text-align:center;}
#paging li		{padding:1px 3px 1px 7px; display:inline; border-right:1px solid #e5e5e5;text-align:center;}
#paging .noline	{border:0;}
#paging .select	{color:#000000;font-weight:bold;}
#paging .select2{font-weight:bold;}

/* event view */
#eventView				{width:100%; margin-bottom:20px; border-top:1px solid #000000;}
#eventView .line1		{border-bottom:1px solid #e5e5e5; font-weight:bold; padding:5px 1px; font-size:11px; color:#000000;}
#eventView .line2		{border-bottom:1px solid #e5e5e5; padding:5px 1px; font-size:11px;}
#eventView .line3		{padding:20px 1px 20px 1px; border-bottom:1px solid #e5e5e5; line-height:160%; font-size:11px;}

/* gallery view */
#layer              { width:132px; height:132px; border: none; overflow: hidden; float: left; }
/*#layer a:hover      { width:122px; height:122px; border: 5px solid #ffffff; overflow: hidden; float: left;}*/

/* 팝업 정수진 추가 2011-04-26*/
ul.gongji {height:35px; background-color:#000; margin-right:20px;}
* html ul.gongji { margin-right:20px}
ul.gongji:after {display:block; clear:both; content:'';}
ul.gongji li.lt {float:left; padding:1px 0 0 10px}
ul.gongji li.rt {float:right; padding:1px 15px 0 0; background:url('http://miniimg.playauto.co.kr/bg_gongi_end.png') no-repeat top right; height:25px}
* html ul.gongji li.rt {background:url('http://miniimg.playauto.co.kr/bg_gongi_end.gif') no-repeat top right;}
ul.gongji li img {vertical-align:middle; cursor:pointer}

/* mobile agree 2011-04-08 */
.terms_box textarea, input {font-size:11px; font-family:Dotum, Gulim, Tahoma, Verdana; color:#999;}
.terms_box {margin:15px 0 30px 0;}
.terms_box h2 {height:14px; margin:10px 0 5px 0;}
.terms_box textarea {width:660px; border:1px solid #ddd; padding:20px; height:160px; margin-bottom:5px; line-height:160%; overflow-x:hidden;}
.terms_box p {text-align:center; margin:0;}
.terms_box label {cursor:pointer; visibility:visible; height:14px; width:auto; margin:o auto;}
.terms_box input.check {margin:0 4px -2px 0; _margin:0; *margin:0; cursor:pointer;}