﻿@charset "utf-8"; 

/***** CSS Document ***********************************************************************************************************************************************************/
body{ margin:0; padding:0; font-family:Dotum, AppleGothic, Trebuchet MS, Verdana, Arial; font-size:15px; color:#464646; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none;}

div,pre,code,form,fieldset,legend,p,blockquote,span { margin:0;padding:0; }

table { margin:0; padding:0; border-spacing:0px;}
th,td { margin:0; padding:0;}

h1,h2,h3,h4,h5,h6	{ margin:0; padding:0;}
.hHide { display:none;}
ul,ol,li { margin:0; padding:0; list-style:none; }
dl,dt,dd { margin:0; padding:0; list-style:none; }

input { font-family:Dotum, AppleGothic, Trebuchet MS, Verdana, Arial; font-size:15px; color:#464646; letter-spacing:-0.05em; margin:0px; padding:0px; vertical-align:middle;border-left:1px solid #c8c8c8; border-top:1px solid #aaaaaa; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
textarea { font-family:Dotum, AppleGothic, Trebuchet MS, Verdana, Arial; font-size:15px; color:#464646; letter-spacing:-0.05em; margin:0px; padding:0px; vertical-align:middle;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
select { font-family:Dotum, AppleGothic, Trebuchet MS, Verdana, Arial; font-size:15px; color:#464646; letter-spacing:-0.05em; margin:0px; padding:0px; vertical-align:middle; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}

input,button,textarea,input[type="text"],input[type="tel"],input[type="password"]	{border-left:1px solid #c8c8c8; border-top:1px solid #c8c8c8; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
input[type="radio"] {border:0px;}

p { margin:0;padding:0; }
a { text-decoration:none; color:#464646; cursor:pointer;}
img	{ margin:0; padding:0px; border:none;}
label	{ cursor:pointer; }

hr { display:none; height:0; font-size:0; }
fieldset, legend, form	{ border:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; margin:0;padding:0;}
.blind { display:none; }

iframe {overflow-x:hidden;}

/***** margin *****/
.mrgA10 { margin:10px; }
.mrgT10	{ margin-top:10px; }
.mrgSearch	{ margin-top:57px; }
.mrgR20	{margin-right:20px; }
.mrgB3	{margin-bottom:3px; }

/***** padding *****/
.pdA10 { padding:10px; }
.pdT10	{padding-top:5px; }
.pdR20	{padding-right:20px; }

/***** align *****/
.vtAT	{ vertical-align:top; }
.vtAB	{ vertical-align:bottom; }

/***** text align *****/
.txtAL { text-align:left;}
.txtAC { text-align:center; }
.txtAR { text-align:right; }

/***** text color *****/
.colorUp {color:#ec008c;}
.colorDown {color:#006ec8;}
.colorSame {color:#787878;}
.b { font-weight:bold;}

/***** btn 앞뒤 간격 *****/
.btn_gapL{margin-left:6px;}
.form_gapR{margin-right:5px;}

/***** float 속성 *****/
.floatL { float:left;}
.floatR { float:right;}

/***** 전체 컨테이너 부분 ************************************************************************************************************************************************/
.container { margin:0; padding:0 0 20px 0; width:100%; height:100%; background:#f0f0f0 url(/std/img/search_bg.gif) repeat-x; min-width:1024px;}
.container_bgNone { margin:0; padding:0 0 20px 0; width:100%; height:100%;  background-color:#FFFFFF; min-width:1024px;}
.container_bgGray { margin:0; padding:0 0 20px 0; width:100%; height:100%;  background-color:#f0f0f0; min-width:1024px;}
.container_bgWhite { margin:0; padding:0 0 20px 0; width:100%; height:100%; background:#fff url(/std/img/search_bgWhite.gif) repeat-x; min-width:1024px;}
.container_layout {position:relative; margin:0 auto; padding:0; width:1000px; height:725px;}


/***** GNB **************************************************************************************************************************************************************/
.gnb {	margin:0;	padding:0;	width:100%;	height:65px;	background:url(/std/img/gnb_bg.gif) repeat 0 0;	min-width:1024px;}
.layoutGnb {margin:0 auto;	width:1000px;	padding-top:4px;}
.gnbLogo { float:left; width:100px; margin:0px;}
.gnbMenuLayout { float:left; width:900px;}
.gnbMenu { position:relative; height:34px;}
.gnbMenu li { float:left; padding:5px 21px 5px 23px; margin:0px; font-size:17px; color:#FFF; font-weight:bold; background:url(/std/img/gnb_bar.gif) no-repeat right 5px;  }
.gnbMenu li:last-child { padding:5px 21px 5px 23px; margin:0px; font-size:17px; color:#FFF; font-weight:bold; background:none; }
.gnbMenu li a { color:#FFF;}
.gnbMenu li.active { height:24px; background:url(/std/img/gnb_active.gif) no-repeat left 0px; border-right:1px solid #3d3d3d; z-index:10000; margin:0 -1px 0 -1px; padding-left:24px;}
.gnbMenu li:first-child.active { height:24px; background:url(/std/img/gnb_active.gif) no-repeat 0 0px; border-right:1px solid #3d3d3d; z-index:10000; margin:0 -1px 0 0; padding-left:25px;}

.gnbMenu li ul { float:left; position:absolute;	top:36px; margin-top:3px;}
.gnbMenu li ul li { padding:0px 12px; margin:0px; font-size:15px; color:#c8c8c8;	font-weight:normal;	background:none; border:none;}
.gnbMenu li ul li:first-child {	padding:0px 12px; margin:0px; font-size:15px; color:#c8c8c8;	font-weight:normal;	background:none; border:none;}
.gnbMenu li ul li:last-child { padding:0px 12px; margin:0px; font-size:15px; color:#c8c8c8;	font-weight:normal;	background:none; border:none;}
.gnbMenu li ul li a { font-size:15px; color:#c8c8c8; font-weight:normal; background:none; border:none;} 
.gnbMenu li ul li a:hover { font-size:15px; color:#FFF; font-weight:normal; background:none; border:none;}
.gnbMenu li ul li a.subActive { font-size:15px; color:#FFF; font-weight:normal; background:none; border:none;}

.gnbMenu li ul.gnbSub01 { float:left; left:0px;}
.gnbMenu li ul.gnbSub02 { float:left; left:0px;}
.gnbMenu li ul.gnbSub03 { float:left; left:50px;}
.gnbMenu li ul.gnbSub04 { float:left; left:160px;}
.gnbMenu li ul.gnbSub05 { float:left; left:280px;}
.gnbMenu li ul.gnbSub06 { float:left; left:400px;}
.gnbMenu li ul.gnbSub07 { float:left; left:620px;}
.gnbMenu li ul.gnbSub08 { float:left; left:550px;}
.gnbMenu li ul.gnbSub09 { float:left; left:730px;}

.utlityMenu { float:right;}


/*****  main 화면 *****************************************************************************************************************************************************/
.mainLayout {margin:0 32px 0 32px; padding:0px; height:100%; background:url(/std/img/main_bg.gif) repeat 0 0; min-width:1024px;}
.mainLayout h2 { font-size:20px; color:#646464; margin:0px; padding:0px; line-height:20px;}
.mainLayout h2 a { color:#646464;}
.mainLayout h2 a.on { color:#323232;}
.mainLayout .mainMoreBtn { font-size:12px; color:#FFFFFF; height:21px; width:85px; background-color:#787878;letter-spacing:-0.1em; border:1px solid #787878; cursor:pointer; }
.mainLayout .mainMoreBtn:hover { background-color:#d03587; border:1px solid #d03587;}

/* 로그인 영역 */
.mainL {float:left; margin-top:14px; padding:0px; width:246px; height:661px;}
.mainLogin {margin:0px; padding:0px; width:246px; height:76px;}
.mainLogin .logo { padding-bottom:9px;}
.mainLogin .btn { margin-right:2px;}

/* 바로가기 */
.mainL_Quick { margin-top:40px; padding:0px; width:246px; height:220px;}
.mainCopy01 { font-size:13px; color:#727fa2; line-height:13px;}
.mainCopy02 { font-size:33px;color:#081e57; line-height:37px;}
.mainCopy03 { font-size:33px;color:#d5086f; line-height:36px;}
.QuickMenu { margin-top:10px;}
.QuickMenu li { float:left; margin:1px 1px 0 0; width:60px; height:60px;}
.QuickMenu li.last {margin:1px 0 0 0; width:63px; height:60px;}

/* 국내, 해외 */
.mainL_Date {position:relative; margin-top:50px; padding:0px; width:246px; height:105px;}
.mainL_Date .DateLayout { border-top:2px solid #cc317d; border-bottom:1px solid #e6e6e6; height:76px; margin-top:4px; }
.mainL_Date .more { position:absolute; left:189px; top:0px;  width:57px;}
.mainL_Date .DateList { margin-top:10px; padding:0px;}
.mainL_Date .DateList li { float:left; font-size:14px; color:#c8c8c8; width:246px;}/* 3개일때 84px */
.mainL_Date .DateList li.on { color:#323232;}
.mainL_Date .DateList li a { color:#c8c8c8;}
.mainL_Date .DateList li a:hover { color:#323232;}

.mainL_Date .DateValue { margin-top:35px; padding:0px; }
.mainL_Date .DateValue li { float:left;}
.mainL_Date .DateValue .mainPrice { font-size:30px; font-weight:bold; width:170px;}/* letter-spacing:-0.05em;*/
.mainL_Date .DateValue .mainStausA { float:right; width:76px; text-align:right;}
.mainL_Date .DateValue .mainStaus { font-size:13px; line-height:17px;}
.mainL_Date .DateValue .mainStausNum { font-size:13px; padding-left:3px; line-height:17px;}
.mainL_Date .DateValue .mainPer { float:right; font-size:13px; width:76px; text-align:right; line-height:17px;}

/* 키움에 처음이세요? */
.mainL_kiwoomFirst {margin-top:50px; padding:0px; width:246px; height:120px;}
.mainL_kiwoomFirst .kiwoomFirstMenu { margin-top:4px; width:246px;}
.mainL_kiwoomFirst .kiwoomFirstMenu a {float:left; margin:2px 0 0 0; padding:8px 0 0 15px; font-size:13px; background:url(/std/img/main_FirstMenu_bg_off.gif) no-repeat 0 0; width:107px; height:22px;}
.mainL_kiwoomFirst .kiwoomFirstMenu a.gap { margin-left:2px;}
.mainL_kiwoomFirst .kiwoomFirstMenu a:hover { color:#cc317d; background:url(/std/img/main_FirstMenu_bg_on.gif) no-repeat 0 0;}


/* 오픈웹 사이트 안내 */
.mainL_openweb {padding:0px; width:246px; height:80px; background:url(/std/img/main_openweb2.gif) no-repeat 0 0;}
.mainL_openweb p { padding-top:42px;font-size:12px; letter-spacing:-0.1em;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
		{
			.mainL_openweb p { padding-top:42px;font-size:12px; letter-spacing:-0.05em;}
		}


/* 플래시 배너 */
.mainR {float:left; margin:37px 0 0 84px; padding:0px; width:630px; height:783px;}
.mainR .mainRL {float:left; margin:40px 0 0 0px; padding:0px; width:387px; height:545px; border-right:1px solid #e6e6e6;}
.FlashArea { position:relative; margin:0px; padding:0px; width:355px; height:285px;}
.FlashArea Img { display:block;}
.FlashArea .FlashBtn { position:absolute; left:275px; top:0px; width:85px; }
.FlashArea .FlashBtn li { float:left; width:24px; height:21px; font-weight:bold;  color:#7f7f7f; margin-right:1px; text-align:center; background-color:#FFFFFF; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8; cursor:pointer; padding-top:3px;}
.FlashArea .FlashBtn li.on { color:#FFFFFF; background-color:#e2177c; border:1px solid #af065a;}
.FlashArea .FlashBtn li:hover { color:#FFFFFF; background-color:#e2177c; border:1px solid #af065a;}

/* 신규고객가이드 & 키움트위터 & 하우투스탁 */
.mainRL_Etc {margin:10px 0 0 0; padding:0px; width:355px; height:30px;}
.EtcMenu { margin:0px; padding:0px; border:1px solid #6bc7cf; height:30px; }
.EtcMenu li { font-size:13px; float:left; height:22px; cursor:pointer; padding-top:8px}
.EtcMenu li.newGuide { width:105px;  background:url(/std/img/main_EtcIco_01.gif) no-repeat 12px 5px; padding-left:30px;}
.EtcMenu li.twitter { width:93px; background:url(/std/img/main_EtcIco_02.gif) no-repeat 27px 6px; padding-left:47px; background-color:#f5fcfc;}
.EtcMenu li.howto { width:167px; border-left:1px solid #6bc7cf; background:url(/std/img/main_EtcIco_03.gif) no-repeat 21px 6px; padding-left:45px; background-color:#f5fcfc;}
.EtcMenu li.facebook { width:93px; background:url(/std/img/main_EtcIco_04.gif) no-repeat 27px 6px; padding-left:47px; background-color:#f5fcfc;}

/* 주식뉴스 & 공지사항 */
.mainRL_News {margin:44px 0 0 0; padding:0px; width:355px; height:63px;}
.News01 { position:relative; width:355px; height:27px; border-bottom:1px solid #d2d2d2; padding-top:7px;}
.News01 h2 { font-size:18px; letter-spacing:-0.1em; font-weight:normal;}
.News01 ul { position:absolute; left:95px; top:0px; width:260px;}
.News01 li.newsTxt { float:left ;width:190px; font-size:14px; color:#646464; background:url(/std/img/main_newsIco.gif) no-repeat 0 13px; letter-spacing:-0.1em; text-indent:7px; padding-top:9px;}
.News01 li.newsMore { float:left; width:70px; background:none; text-align:right; padding-top:7px;}

/* 배너 */
.mainRL_Banner {margin:43px 0 0 0; padding:0px; width:355px; height:70px; }

/* 클릭 채널 K */
.mainR .mainRR {float:left; margin:40px 0 0 32px; padding:0px; width:210px; height:545px;}
.mainRR_clickK {margin-bottom:37px; padding:0px; width:210px; height:115px; background:url(/std/img/main_clickK.gif) no-repeat 0 0;}
.mainRR_clickK p { font-size:17px; color:#646464; padding:10px 0 2px 110px;letter-spacing:-0.1em;}
.mainRR_clickK p span {color:#d03587;letter-spacing:-0.1em;}
.mainRR_clickK .clickK_Btn { display:block; padding:5px 0 0 110px; }

/* 왜 키움증권인가 */
.mainRR_Why {margin:0px; padding:37px 0; width:210px; height:175px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(/std/img/main_whykiwoom.gif) no-repeat 0 37px;}
.mainRR_Why h2 { font-size:18px; letter-spacing:-0.15em;}
.mainRR_Why h2 span { color:#cf0666;}
.mainRR_Why .WhyText { margin-top:12px;}
.mainRR_Why .WhyText li { font-size:12px; line-height:22px;  }
.mainRR_Why .Why_Btn { display:block; padding:13px 0 0 0; }

/* 고객만족센터 */
.mainRR_Center {margin-top:37px; padding:0px; width:210px; height:105px; background:url(/std/img/main_center.gif) no-repeat 0 0; }
.mainRR_Center .CenterNum { padding:10px 0 2px 82px;}
.mainRR_Center p { font-size:13px; color:#969696; padding:3px 0 0 82px;}
.mainRR_Center p span { color:#646464; letter-spacing:-0.05em;}

/* main의 gnb */
.mainR .mainGnb { float:left; margin:0px; padding:0px; width:630px; height:52px; border-bottom:1px solid #e6e6e6;}
.mainGnbMenu { position:relative; width:630px; height:34px; padding:0; margin:0;}
.mainGnbMenu li { float:left; padding:0px; margin-right:20px; font-size:17px; color:#464646; font-weight:bold;letter-spacing:-0.1em;}
.mainGnbMenu li:last-child {margin-right:0px;}
/*.mainGnbMenu li { float:left; padding:0px; margin-right:25px; font-size:18px; color:#464646; font-weight:bold;}*/

.mainGnbMenu li a { color:#464646;}
.mainGnbMenu li a.active { color:#d03587;}

.mainGnbMenu li ul { clear:both;float:left;	position:absolute; top:23px; height:26px; padding:0 10px; border:2px solid #d03587; background-color:#FFFFFF; }
.mainGnbMenu li ul li {	padding:5px 5px; margin:0px; font-size:14px; color:#787878;	font-weight:normal;	 border:none;}
.mainGnbMenu li ul li a { padding:5px 5px; margin:0px; font-size:14px; color:#787878; font-weight:normal; }
.mainGnbMenu li ul li a:hover{ padding:5px 5px; margin:0; font-size:14px; color:#d03587; font-weight:normal; }
.mainGnbMenu li ul li a.subActive { padding:5px 5px; margin:0; font-size:14px; color:#d03587; font-weight:normal; }

.mainGnbMenu li ul.mainGnbSub01 { float:left; left:0px;}
.mainGnbMenu li ul.mainGnbSub02 { float:left; left:0px }
.mainGnbMenu li ul.mainGnbSub03 { float:left; left:0px;}
.mainGnbMenu li ul.mainGnbSub04 { float:left; left:100px;}
.mainGnbMenu li ul.mainGnbSub05 { float:left; left:150px;}
.mainGnbMenu li ul.mainGnbSub06 { float:left; left:250px;}
.mainGnbMenu li ul.mainGnbSub07 { float:left; left:420px;}
.mainGnbMenu li ul.mainGnbSub08 { float:left; left:320px;}
.mainGnbMenu li ul.mainGnbSub09 { float:left; left:450px;}

/* main의 footer */
.mainR .mainFooter {float:left; margin:55px 0 0 0px; padding:0px; width:630px; height:90px; background:url(/std/img/mainFooter_bg.png) no-repeat 0 0;}
.mainR .mainFooter .mainfooterMenu  { margin-top:20px;}
.mainR .mainFooter .mainfooterMenu li { float:left; font-size:12px; color:#464646; letter-spacing:-0.1em;  text-align:center; padding:0 10px; background:url(/std/img/footer_bar.gif) no-repeat 0 3px;}
.mainR .mainFooter .mainfooterMenu li:first-child { background:none; padding-left:0px; }
.mainR .mainFooter p { font-size:12px; color:#464646;  padding-top:15px; }
.mainR .mainFooter .mainaddress { color:#464646; font-style:normal; font-size:13px; letter-spacing:-0.05em;}

/***** search ***************************************************************************************************************************************************************/
.stockSearch {position:relative; width:100%; height:49px; background:url(/std/img/search_bg.gif) repeat 0 0; padding-top:8px; z-index:1000;}
.stockSearchTop {position:absolute; left:0px; top:0px; width:1000px; height:10px; z-index:9999;}
.stockSearchBottom {position:absolute; left:0px; top:35px; width:1000px; height:22px; z-index:9999;}
.searchForm{ float:left; width:190px;}
.searchForm input{color:#323232; width:122px; height:24px; border:2px solid #c20764; padding-right:24px;}
.searchBtn{position:absolute;left:124px; margin:0px; padding:0px;}

/* 종목 검색결과 레이어 */
.searchResult {	position:absolute; left:0px; top:34px; font-size:14px; border:2px solid #c20764; background-color:#FFFFFF; width:172px;	padding:2px; z-index:1000;}
.searchResult li { padding:5px; border-bottom:1px solid #ebebeb; width:162px; cursor:pointer;}
.searchResult li:last-child { border:none; }
.searchResult li:hover { color:#c20764; font-weight:bold; background-color:#fafafa; }
.searchResult li .code { font-size:13px; color:#969696;}
.searchResult li.none {	color:#969696; font-weight:normal;	text-align:center; cursor:default;}
.searchResult li.none:hover { color:#969696; font-weight:normal; text-align:center; cursor:default;}

/* 선물/옵션 선택하기 레이어 height:335px;*/
.selFutures	{ position:absolute; width:350px; height:385px; padding-bottom:20px;  left:0px; top:34px;  z-index:10000; background:#FFFFFF; border:2px solid #6f0241;}
.selFutures h3	{ position:relative; height:40px; background:#e22f8d url(/std/img/layerpop_bghead.gif) repeat 0 0; color:#FFFFFF; font-size:1em; padding:12px 0 0 12px; margin:0 0 8px 0; letter-spacing:-0.04em;}
.selFutures h3 .popClose	{ position:absolute; right:10px; top:12px; }
.selFuturesOption { margin:0 15px 15px 15px; overflow:hidden;}
.selFuturesOption li { float:left; margin-right:20px;}
.selFuturesOption li select { width:150px;}
.selFuturesOption li:last-child { float:right; margin-right:0px;}
.selFuturesLayout { margin:0 15px 15px 15px; overflow:hidden;}
.selFuturesLayout li { float:left; margin-right:16px;}
.selFuturesLayout li:last-child { float:right; margin-right:0px;}

.selFuturesLayout2 { position:relative; width:331px; margin:0 15px;}
.selFuturesBtnUp { position:absolute; left:298px; top:64px;}
.selFuturesBtnDown {position:absolute; left:298px; top:197px;}


/* 종목 히스토리 레이어 */
.searchHistory { position:absolute; left:0px; top:34px; z-index:9999;}
.searchHistory select {width:179px; font-size:14px; line-height:20px; border:2px solid #c20764; background-color:#FFFFFF;}
.searchHistory select option { line-height:20px; height:22px; padding:3px;}
.searchHistory select option:hover { color:#c20764; font-weight:bold; background-color:#fafafa; }

/* 종목 정보 */
.itemInfo { float:left; width:640px; padding-top:4px;}
.itemInfo .itemSt {float:right;}

.itemInfo .itemImg{ float:left; width:25px;}
.itemInfo .itemName {float:left; font-size:20px; color:#323232; font-weight:bold;}
.itemInfo .itemPrice {float:left; font-size:22px; font-weight:bold; text-align:right; margin-right:12px;}
.itemInfo .itemStaus {float:left; font-size:13px; padding-top:8px; text-align:right; }
.itemInfo .itemPer {float:left; font-size:13px; padding-top:8px; text-align:right; margin-left:12px;}
.itemInfo .itemNum { float:left; font-size:13px; padding-top:8px; text-align:right; margin:0 10px 0 12px;}

.itemInfo .itemPrice_elw {float:left; font-size:22px; font-weight:bold; text-align:right; margin-right:20px;}
.itemInfo .itemStaus_elw {float:left; font-size:13px; padding-top:8px; text-align:right; }
.itemInfo .itemPer_elw {float:left; font-size:13px; padding-top:8px; text-align:right; margin-left:20px;}
.itemInfo .itemNum_elw { float:left; font-size:13px; padding-top:8px; text-align:right; margin:0 20px 0 20px;}

.itemInfo .itemShin{ float:left; padding:5px 0 0 0; margin:0 2px 0 0;  width:38px;}
.itemInfo .itemDam{ float:left; padding:5px 0 0 0; margin:0 2px 0 0; width:38px;}
.itemInfo .itemJeung{ float:left; padding:5px 0 0 0; margin:0 2px 0 0; width:45px;}

/* 관심그룹 추가하기 */
.interestGroup{ float:left; width:170px; text-align:right; margin-top:3px;}
.interestGroupSel{ width:100px; height:26px; border:2px solid #464646;}


/* 지수롤링 정보 */
.indexInfo { width:1000px; padding-top:11px;}
.indexInfo li { float:left; width:331px; border-left:1px solid #FFF; border-right:1px solid #b4b4b4; text-align:center; }
.indexInfo li:first-child { width:332px; border-left:0px;}
.indexInfo li:last-child { width:332px; border-right:0px;}

.indexInfo .indexName { font-size:18px; color:#323232; font-weight:bold;}
.indexInfo .indexPrice { padding-left:12px; font-size:20px; font-weight:bold;text-align:right; letter-spacing:-0.05em;}
.indexInfo .indexStaus { padding-left:12px; font-size:13px; padding-top:8px; text-align:right; margin-top:3px; letter-spacing:-0.05em;}
.indexInfo .indexStausNum { padding-left:3px; font-size:13px; padding-top:8px; text-align:right; margin-top:3px; letter-spacing:-0.05em;}
.indexInfo .indexPer { padding-left:12px; font-size:13px; padding-top:8px;text-align:right; margin-top:3px; letter-spacing:-0.05em;}

/* 주식의 계좌번호 */
.accountInfo { width:1000px; padding:0; margin:0;}
.accountInfo label { padding:5px 5px 5px 0; vertical-align:middle;}
.accountInfo select{ width:200px; height:26px; border:2px solid #464646; margin-right:10px;}
.accountInfo input{ width:120px; height:22px; }

/* 선물/옵션 정보 */
.FuturesInfo { float:left; width:640px; padding-top:4px;}
.FuturesInfo .FuturesName {float:left; font-size:20px; color:#323232; font-weight:bold; margin-left:10px; margin-right:35px;}
.FuturesInfo .FuturesPrice {float:left; font-size:22px; font-weight:bold; text-align:right; margin-right:35px;}
.FuturesInfo .FuturesStaus {float:left; font-size:13px; padding-top:8px; text-align:right; }
.FuturesInfo .FuturesPer {float:left; font-size:13px; padding-top:8px; text-align:right; margin-left:35px;}
.FuturesInfo .FuturesNum { float:left; font-size:13px; padding-top:8px; text-align:right; margin:0 10px 0 35px;}

/* FX 정보 */
.FxInfo { idth:1000px; padding-top:4px;}
.FxInfo li { float:left;}
.FxInfo .FxSel { width:120px; height:26px;}
.FxInfo .FxTime { width:80px; height:22px;}
.FxInfo .FxPriceL {font-size:16px; font-weight:bold; text-align:right; margin-left:30px;}
.FxInfo .FxPriceR {font-size:16px; font-weight:bold; text-align:right; margin-left:12px;}
.FxInfo .FxLine {font-size:20px;  margin-top:4px; margin-left:13px;}
.FxInfo .FxSpText {font-size:15px; padding-top:8px; text-align:right; margin-left:35px;}
.FxInfo .FxSp {font-size:15px; padding-top:8px; text-align:right; margin-left:10px;}
.FxInfo .FxPipText {font-size:15px; padding-top:8px; text-align:right; margin-left:35px;}
.FxInfo .FxPip {font-size:15px; padding-top:8px; text-align:right; margin-left:10px;}
.FxInfo .FxPerText {font-size:15px; padding-top:8px; text-align:right; margin-left:35px;}
.FxInfo .FxPer {font-size:15px; padding-top:8px; text-align:right; margin-left:10px;}

/***** footer ***********************************************************************************************************************************************************/
.footer { margin:0; padding:0; width:100%; height:100px; background:url(/std/img/footer_bg.gif) repeat 0 0; min-width:1024px;}

.layoutFooter { margin:0 auto; width:1000px; height:44px;}
.footerbtnL { float:left; margin-top:11px;}
.footerbtnR { float:right; margin-top:11px;}

.footerMenu  {margin-left:200px; background-color:#F00;}
.footerMenu li { float:left; text-align:center; padding:0 10px; margin-top:13px; background:url(/std/img/footer_bar.gif) no-repeat 0 3px;}
.footerMenu li:first-child { background:none; }

.layoutCopy { position:relative; margin:0 auto; width:1000px; height:56px; text-align:center; vertical-align:text-bottom;}
address { font-style:normal; font-size:13px; font-size:0.9em; letter-spacing:-0.05em; padding-top:15px;}
.addrGap {margin-left:20px;}	
	
	
/***** layer popup ***********************************************************************************************************************************************************/	
.layerMask { position:absolute; z-index:9000; background-color:#000;  display:none;  left:0; top:0; } 
.layerPopup_post { display: none;  position:absolute;  left:0px;  top:0px;  z-index:10000; }


/***** Error ***********************************************************************************************************************************************************/

.layoutError {margin:150px auto; width:560px; }/* position:absolute; top:50%; left:50%;  */
.layoutError  h1 { margin:0 0 8px 40px;}
.errorTop { position:relative; height:110px; background:url(/std/img/error_top.gif) repeat 0 0;}
.errorTop h2 { position:absolute; left:203px; top:34px; font-size:30px; font-weight:bold; color:#cc317d;letter-spacing:-0.1em;}
.errorTop p { position:absolute; left:203px; top:72px; font-size:20px; font-weight:bold; color:#464646;letter-spacing:-0.1em;}
.errorTop h2.stxt { position:absolute; left:203px; top:25px; font-size:15px; font-weight:bold; color:#cc317d;letter-spacing:-0.1em;}
.errorTop p.stxt { position:absolute; left:203px; top:50px; font-size:13px; font-weight:bold; color:#464646; letter-spacing:-0.1em;}
	/* 추가 */
	.titEtc	{ padding:35px 0 0 0; margin-left:180px; width:330px; font-size:1.1em; color:#cc317d; letter-spacing:-0.05em; line-height:1.25em;}

.errorCenter { position:relative; background:url(/std/img/error_bg.gif) repeat 0 0; margin:0px; padding:0px;}

.errorCenter .errorText { margin:0px 0 20px 100px; width:360px; padding-top:14px;}
.errorCenter .errorText dt { font-size:14px; float:left; text-align:right; width:83px; padding-right:2px; padding-bottom:7px;}
.errorCenter .errorText dd { font-size:14px; float:left; width:271px; padding-bottom:7px;}

.errorCenter .errorText2	{ width:400px; margin:0 auto; padding:15px; letter-spacing:-0.06em; line-height:1.3em;}

.errorCenter .errorText3 { margin:0 auto; width:400px; padding-top:17px;}
.errorCenter .errorText3 li { font-size:13px; padding-right:2px; padding:0 0 7px 8px; background:url(/std/img/bul_d3.gif) no-repeat 0 5px;}
.errorCenter .errorText3 li.title { padding:0 0 7px 0px; background:none; font-weight:bold;}
.errorCenter .errorText3 li.ex { padding:0 0 7px 8px; background:none; color:#cc317d;}

.errorCenter .errorBtnLayout { clear:both; display:block; text-align:center; padding-top:15px;}
.errorBtn { font-size:12px; color:#FFFFFF; height:21px; width:80px; background-color:#787878;letter-spacing:-0.1em; border:1px solid #787878; cursor:pointer; margin:0 1px; padding-top:2px;}
.errorBtn:hover { background-color:#d03587; border:1px solid #d03587;}
.errorBottom { height:79px;}




