@charset "utf-8";

/* 유가 정보 전용 */


/* title */
#mCenter h3#countyTit {height:25px; margin-bottom:5px; background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/economy/title_oil.gif") no-repeat 0 -20px; }
#mCenter h4#avgTit {float:left;height:23px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/tit_2.gif");background-repeat: no-repeat;}

#mCenter h3#worldTit {height:25px; margin-bottom:5px; background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/economy/title_oil.gif") no-repeat 0 5px; }
#mCenter h4#typeTit {float:left;height:23px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/tit_3.gif");background-repeat: no-repeat;}

#mCenter h3#oilStockTit {height:29px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/title_price.gif");background-repeat: no-repeat;}
#mCenter h4#dateTit {height:23px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/tit_4.gif");background-repeat: no-repeat;}

/* 하이라이트 tab */
#oilPriceDiv {position:relative;height:235px;margin-bottom:27px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/img_tab_shadow.gif") no-repeat left bottom;}
#oilPriceDiv h5 {display:block;overflow:hidden;position:absolute;top:0px;width:63px;height:27px;border:1px solid #E1E1E1;border-bottom:0px;font:12px/28px dotum;color:#666;text-align: center;background-color: #FFF;cursor: pointer;z-index:3;}
#oilPriceDiv h5.on {height:28px;border-color: #C2CBE3;font-weight:bold;color:#333;z-index:4;}

#oilPriceDiv #oilTab1 {left:0px;}
#oilPriceDiv #oilTab2 {left:64px;}
#oilPriceDiv #oilTab3 {left:128px;}
#oilPriceDiv #oilTab4 {left:192px;}

#oilChart1, #oilChart2, #oilChart3, #oilChart4 {display:none;position:absolute;left:20px;top:50px;width:300px;height:160px;}

#oilChart1.on, #oilChart2.on, #oilChart3.on, #oilChart4.on {display:block;}

#oilPriceDiv .oilDate {overflow:hidden;position:absolute;right:0px;top:0px;width:557px;height:19px;padding:8px 15px 0px 0px;border-top:1px solid #F0F0F0;border-right:1px solid #F0F0F0;background-color: #FAFAFA;text-align:right;z-index:1;}
#oilPriceDiv .oilDate {right:-1px;}
#oilPriceDiv .oilDate span em {font:10px tahoma;color:#999;letter-spacing: 0px;}
#oilPriceDiv .oilDate span {font:11px dotum;color:#999;letter-spacing: -1px;}

#oilPriceDiv .oilPriceDetail {position:relative;top:28px;height:180px;padding:22px 17px 0px 0px;border:1px solid #AFBAF5;z-index:2;/* background:url('http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/economy/bt_top_ex_g.gif') no-repeat 0 bottom;*/ }
#oilPriceDiv .oilPriceDetail ul {float:right;width:220px;}
#oilPriceDiv .oilPriceDetail ul.topLine {padding-top:13px;border-top:1px solid #EFEFEF;}
#oilPriceDiv .oilPriceDetail ul li {position: relative;width:100%;margin-bottom:12px;line-height: 14px;}
#oilPriceDiv .oilPriceDetail .price {display:block;position:absolute;right:45px;top:0px;}
#oilPriceDiv .oilPriceDetail .pchange {display:block;position:absolute;right:0px;top:-1px;}
#oilPriceDiv .oilPriceDetail b {letter-spacing: 0px;}
#oilPriceDiv .oilPriceDetail .standard {position: absolute;right:17px;bottom:16px;}


/* 평균가격 table */
#avgTable td span {display:inline-block;width:0px;margin-left:4px;}
#avgTable td b {color:#334ADC;letter-spacing: 0px;}
#avgTable td b.base {color:#333;letter-spacing: 0px;}



/** 평점 주기 **/
/* Star Point */
.star_small {display:block;width:70px;height:11px;overflow:hidden;position:relative;}
.star_small .pt1, .star_small .pt2 {float:left;width:54px;height:11px;display:block;text-indent:-1000em;overflow:hidden;}
.star_small em {display:block;text-align:right;position:absolute;left:57px;top:-2px;font:bold 11px tahoma;}
.star_small .pt1 {background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star.png") no-repeat 0 -25px;}
.star_small .pink .pt2 {background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star.png") no-repeat 0 0;}
.star_small .gray .pt2 {background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star.png") no-repeat 0 -25px;}

.star_mid {display:block;width:103px;height:14px;overflow:hidden;font:bold 12px AppleGothic,Tahoma;}
.star_mid .pt1, .star_mid .pt2 {float:left;width:70px;height:13px;display:block;text-indent:-1000em;overflow:hidden;}
.star_mid em {display:block;text-align:right;}
.star_mid .pt1 {background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_star_1.gif") no-repeat 0 -13px;}
.star_mid .pink .pt2 {background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_star_1.gif") no-repeat 0 0;}
.star_mid.pink, .pink {color:#F65D70} /* 네티즌별점 */

* html .star_small .pt1 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star_off.png);}
* html .star_small .pink .pt2 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star.png);}
* html .star_small .gray .pt2 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/ico_s_star.png);}


/* new_comment */
.commentForm {position:relative;width:100%;margin-bottom:13px;}
.commentForm legend {overflow:hidden;line-height:0;height:0;position:absolute;text-indent:-5000em;}

.commentForm .counts {padding:0 0 5px 8px;}
.commentForm .commentBox {background-color:#F8F8F8;border:1px solid #EBEBEB;}
.commentForm .commentBox textarea {float:left;width:370px;height:37px;margin:0 6px 0 0;padding-left:112px;border:1px solid #C7C9CF;font:normal 12px AppleGothic,dotum;}
.commentForm .commentBox fieldset {display:block;padding:8px 0 0 13px;border:1px solid #fff;border-bottom:none;}
.commentForm .textareaWrap {height:74px;}
.commentForm .textarea {height:49px;position:relative;}
.commentForm .char_counts {font:11px dotum;color:#333;}

.commentForm .selPoint {position:absolute;left:8px;top:10px;width:91px;height:17px;padding-left:2px;cursor:pointer;border:1px solid #fff;border-color:#fff;overflow:hidden;}
.commentForm .selPoint:hover {border:1px solid #CBCDE5;}

/* 입력폼 BG */
textarea#commentContent {background:#fff url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/txt_info_1.gif") no-repeat 105px 14px;}

/* 포인트에 강조 */
* html .commentForm #sel_point {
	behavior: expression(
	   this.onmouseover = new Function("this.style.borderColor = '#CBCDE5';"),
	   this.onmouseout = new Function("this.style.borderColor = '#ffffff';"),
	   this.style.behavior = null
  );
  line-height:20px;
}
.commentForm .selPoint img {vertical-align:middle;right:2px;top:1px;position:absolute;cursor:pointer;}
.commentForm #comment_submit {float:left;cursor:pointer;display:block;width:52px;height:39px;border:0;padding:0;text-indent:-1000em;overflow:hidden;background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/bt_record.gif") no-repeat 0 0;}
.commentForm .characters {color:#4e59e7;}
#sel_point .star_mid .pt1 {margin-right:4px;}
#sel_point .star_mid em {text-align:left;left:56px;}
#sel_point span {height:13px;line-height: 17px;}
#sel_point span.txt {padding-left:8px;letter-spacing: 0px;}
#sel_point span.star_box {width:72px;padding-left:1px;padding-top:3px;cursor:pointer;}
#sel_point span.over {background-color:#F4F4FC;}
#sel_point span.selected {background-color:#F4F4FC;}
#pointLayer {position:absolute;width:101px;border-right:1px #CBCDE5 solid;border-bottom:1px #CBCDE5 solid;border-left:1px #CBCDE5 solid;background-color:#FFF;z-index:1000;display:none;}
#pointLayer .star_mid .pt1 {margin-right:4px;}
#pointLayer .star_mid em {text-align:left;left:56px;}
#pointLayer span {height:13px;}
#pointLayer span.star_box {width:85px;padding-left:12px;padding-right:3px;padding-top:2px;cursor:pointer;}
#pointLayer span.over {background-color:#F4F4FC;}
#pointLayer span.selected {background-color:#F4F4FC;}
.commentList {width:100%;}
.commentList li .starWrap {float:left;margin:1px 17px 0 8px;}
.commentList li .comment {float:left;width:340px;margin-right:12px;line-height: 18px;}
.commentList li .btn_reply {position:relative;top:2px;vertical-align:baseline;margin-left:1px;}
.commentList li .authorWrap {float:left;width:84px;margin:3px 0px 0px 0px;}
.commentList li .author {display:block;margin-bottom:5px;font:11px dotum;color:#999;}
.commentList li .date {word-spacing:3px;font:10px tahoma;color:#999;}
.commentList li .bottomLine {display:block;height:8px;margin-bottom:10px;border-bottom:1px solid #DCDCDC;font:1px/1px gulim;}
.commentList li.best .bottomLine, .commentList li.last .bottomLine {border-bottom:1px solid #C1C5EA;}
.commentList li.best .comment {background:url("http://i1.daumcdn.net/img-contents/movie/2008_home/new_detail/ico_best.gif") no-repeat 0 1px;text-indent:39px;}
.commentList li .right {text-align: right;}

/* 주유소 상세 공통 */
#gasTopDepth {padding:0px 0px 13px 0px;}
#gasTopDepth .all {letter-spacing: -1px;}
#gasTopDepth .depthSelect {padding:1px;margin:0px 3px 0px 1px;border:1px solid #CBCCD0}
#gasTopDepth .depthCut {font:12px/12px dotum;color:#C0C0C0;}

#frameMap {margin-bottom:30px;border:1px solid #CECED4;}

#otherGasStation {display:inline-block;}
#otherGasStation .equipInfo {margin:0px auto;}

.otherInfo {float:left;padding-top:1px;font: 12px dotum;color:#666;}
.otherInfo strong {font-weight: bold;color:#4E59E7; }



/* 국내유가 도시별 하이라이트 재선언 */
#oilTypePrice {width:588px;height:285px;margin-bottom:27px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/economy/bt_top_ex_2.gif") no-repeat left top;}
#oilTypePrice #oilTypeBar {height:40px;}

#oilTypePrice .typeCity {float:right;margin:10px 10px 0px 0px;}

#oilTypePrice #oilPriceDiv {margin:16px 16px 0px 16px;background: none;}
#oilTypePrice .oilDate {right:0px;width:541px;padding-right:0px;border:0px;background-color: #FFF;}
#oilTypePrice .oilPriceDetail {top:25px;padding:18px 1px 0px 0px;border:0px;border-top:1px solid #C4C4C4}
#oilTypePrice .oilPriceDetail dl {float:right;position: relative;width:222px;}
#oilTypePrice .oilPriceDetail dl.typePrice {height:29px;}
#oilTypePrice .oilPriceDetail dt {float:left;width:80px;font:11px/14px dotum;}
#oilTypePrice .oilPriceDetail dd {float:right;font:12px/14px dotum;text-align: right;}

#oilTypePrice .oilPriceDetail dl.typePrice {}
#oilTypePrice .oilPriceDetail dl.typePrice dt {display:none;}
#oilTypePrice .oilPriceDetail dl.typePrice dd {position: absolute;;text-align: left;}
#oilTypePrice .oilPriceDetail dl.typePrice dd.price2 {top:-5px;left:0px;font:bold 25px/28px arial;}
#oilTypePrice .oilPriceDetail dl.typePrice dd.pchange2 {top:2px;right:64px;font:bold 16px/20px arial;}
#oilTypePrice .oilPriceDetail dl.typePrice dd.rate2 {top:2px;right:2px;font:bold 16px/20px arial;text-align: right;}

#oilTypePrice .oilPriceDetail dl.etcPrice {border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;}
#oilTypePrice .oilPriceDetail dl.etcPrice dt {padding:8px 0px 6px 0px;border-bottom:1px solid #F5F5F5;}
#oilTypePrice .oilPriceDetail dl.etcPrice dd {width:142px;padding:8px 0px 6px 0px;border-bottom:1px solid #F5F5F5;}
#oilTypePrice .oilPriceDetail dl.etcPrice dt.lst, #oilTypePrice .oilPriceDetail dl.etcPrice dd.lst {border-bottom:0px;}


#oilTypePrice #oilPriceDiv h5 {width:60px;height:24px;line-height: 26px;border-color: #E4E4E4;background-color: #FCFCFC;}
#oilTypePrice #oilPriceDiv h5.on {height:25px;border-color: #C4C4C4;background-color: #FFF;}

#oilTypePrice #oilPriceDiv #oilTab1 {left:0px;}
#oilTypePrice #oilPriceDiv #oilTab2 {left:61px;}
#oilTypePrice #oilPriceDiv #oilTab3 {left:122px;}
#oilTypePrice #oilPriceDiv #oilTab4 {left:183px;}

#oilTypePrice #oilChart1, #oilTypePrice #oilChart2, #oilTypePrice #oilChart3, #oilTypePrice #oilChart4 {left:0px;top:44px;}


/* 검색 레이어 관련 */
.layerList {overflow:hidden;}
.layerList li {display:inline;overflow:hidden;float:left;height:22px;padding-top:1px;margin-left:4px;margin-bottom:1px;font:12px/22px dotum;color:#333;cursor: pointer;}
.layerList li.select {font-weight:bold;letter-spacing: -1px}
* html .layerList li {height:21px;padding-top:2px;font:12px/21px dotum;}
.layerList li.on {font-weight:bold;letter-spacing: -1px;background-color: #EFF2FF;}
.layerList li:hover {background-color: #EFF2FF;}

 /* IE6과 그 이하의 브라우저 */
.layerList li {
	behavior: expression(
		this.onmouseover = new Function("this.style.backgroundColor='#EFF2FF';"),
		this.onmouseout = new Function("if(this.className != 'on')this.style.backgroundColor='#FFF';"),
		this.style.behavior = null
	);
}

#oilTypePrice {position:relative;}
#btn_typeDiv {display:inline;float:left;margin:13px 0px 0px 17px;cursor:pointer;}
#txt_interType {padding-right:24px;font:bold 16px/16px AppleGothic,dotum;color:#495BD7;letter-spacing:-1px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009/oil/bt_arrow_2.gif") no-repeat right 1px;}
#layerOilTypeList {position:absolute;left:10px;top:35px;background-color:#FFF;z-index:100}
#layerOilTypeList .layerList {width:166px;padding:4px 6px 4px 0px;border:1px solid #A1A1A1;}
#layerOilTypeList .layerList li {width:158px;padding-left:6px;}


/* 유가관련주 */
#stockTable td {border-bottom:0px;line-height: 24px;}
#stockTable td.td_top {height:9px;font-size:0px;line-height:0px;}
#stockTable td.td_line {height:8px;border-bottom:1px solid #F0F0F0 !important;font-size:0px;line-height:0px;}
#stockTable .gray {background-color: #FBFBFB}