﻿@charset "utf-8"; 

/***** tab **************************************************************************************************************************************************************/
.layoutTab { height:29px;  margin:0 -1px; padding:0px;  background:url(/std/img/tabLayout_bg.gif) repeat 0 0;}
.layoutIndexTab { width:1000px; height:41px;  padding-top:16px;}

.layoutTabOrder { height:29px;}/* background-color:#f0f0f0; background-color:#f0f0f0;border-bottom:1px solid #b7b7b7;*/

.tabBtnL { float:left; padding-left:5px; text-align:left; width:27px ;background:none; vertical-align:top;}
.tabBtnR { float:right; padding-right:5px; text-align:right; width:27px; background:none; vertical-align:top;}
.tabSubBtnR { float:right; padding-right:0px; text-align:right; width:27px; background:none; vertical-align:top;}

.tabMenu { float:left; height:29px;}
.tabMenu li { float:left; height:29px; font-size:14px; text-align:center; background:url(/std/img/tabMenu_off_bg.gif) no-repeat right 0;}
.tabMenu li:first-child {border-left:1px solid #b7b7b7;}
.tabMenu li a { display:block; height:22px; padding-top:7px;}
.tabMenu li.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabMenu_on_bg.gif) no-repeat left 0; border-right:1px solid #b44569; border-left:none; margin:0 0 0 -1px;z-index:10000;}
.tabMenu li:first-child.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabMenu_on_bg.gif) no-repeat left 0; border-right:1px solid #b44569; border-left:none; margin:0 0 0 0;z-index:10000;}
.tabMenu li.on a { font-weight:bold; color:#FFF;}

.tabOrder { float:left; height:29px;}
.tabOrder li { float:left; height:29px; font-size:14px; text-align:center; background:url(/std/img/tabMenu_off_bg.gif) no-repeat right 0;}
.tabOrder li a { display:block; height:22px; padding-top:7px;}
.tabOrder li:first-child {border-left:1px solid #969696;}
.tabOrder li.onOrder01.on{color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_01.gif) no-repeat right 0; border-left:1px solid #99054e;}
.tabOrder li.onOrder02.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_02.gif) no-repeat right 0; border-left:1px solid #0365a4; margin-left:-1px;}
.tabOrder li.onOrder03.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_03.gif) no-repeat right 0; border-left:1px solid #257318; margin-left:-1px;}
.tabOrder li.onOrder04.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_04.gif) no-repeat right 0; border-left:1px solid #494949; margin-left:-1px;}
.tabOrder li.onOrder05.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_05.gif) no-repeat right 0; border-left:1px solid #ff5e0d; margin-left:-1px;}
.tabOrder li.onOrder06.on {color:#FFF; font-size:14px; font-weight:bold; background:url(/std/img/tabOrder_06.gif) no-repeat right 0; border-left:1px solid #9b51c2; margin-left:-1px;}
.tabOrder li.onOrder01.on a,li.onOrder02.on a,li.onOrder03.on a ,li.onOrder04.on a ,li.onOrder05.on a ,li.onOrder06.on a {font-weight:bold; color:#FFF;}

.tabBtn {height:25px; margin-bottom:7px;}
.tabBtn li { float:left; margin-left:7px; width:65px; height:25px; font-size:15px; text-align:center; background:url(/std/img/tabBtn_off.gif) no-repeat 0 0;}
.tabBtn li a { display:block; height:19px; padding-top:3px;}
.tabBtn li:first-child { margin-left:0px;}
.tabBtn li.on { font-size:15px; color:#FFF;  background:url(/std/img/tabBtn_on.gif) no-repeat 0 0;}
.tabBtn li.on a {font-size:15px; color:#FFF;}
.tabBtn li.none { display:block; background:none; width:6px;}

.tabRadio { float:left;}
.tabRadio li { float:left; font-size:14px; font-weight:bold;}
.tabRadio li:last-child { margin-left:10px; }
.tabRadio li.on { font-size:14px; color:#dc006e; font-weight:bold;}
.tabRadio li.on a { font-size:14px; color:#dc006e; font-weight:bold;}

.layoutTabSub { height:23px; padding:0px; margin:11px 10px 0px 10px; }

.tabSubMenu { float:left;}
.tabSubMenu li { float:left; font-size:13px; text-align:center; height:28px; background:url(/std/img/tabSubMenu_off_bg.gif) no-repeat right 0;}
.tabSubMenu li.lineNo { background:none; border-bottom:1px solid #dcdcdc;}
.tabSubMenu li:first-child { border-left:1px solid #dcdcdc; }
.tabSubMenu li a { color:#787878; font-size:13px; height:21px; display:block; padding-top:7px; vertical-align:middle; }
.tabSubMenu li a.line2  { height:28px; vertical-align:middle; padding-top:1px; line-height:13px; }

.tabSubMenu li.on { float:left;  font-size:13px; background:url(/std/img/tabSubMenu_on_bg.gif) no-repeat right 0; border-left:1px solid #b4b4b4; margin-left:-1px;}
.tabSubMenu li.on:first-child { float:left;  font-size:13px; background:url(/std/img/tabSubMenu_on_bg.gif) no-repeat right 0; border-left:1px solid #b4b4b4; margin-left:0px;}
.tabSubMenu li.on a { color:#464646; font-size:13px; }
.tabSubMenu li.none { background:none; height:27px; border-bottom:1px solid #b4b4b4;}

.layoutTabContents { height:28px; padding:0px; margin:11px 0px 20px 0px;}

.tabContentsMenu { clear:both;   border-top:1px solid #dcdcdc;}
.tabContentsMenu li { float:left; font-size:14px; text-align:center; height:28px;border-left:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc;}
.tabContentsMenu li a { color:#8b8b8b; height:21px; display:block; padding-top:7px; vertical-align:middle; }
.tabContentsMenu li:last-child {border-right:1px solid #dcdcdc;}
.tabContentsMenu li.on { float:left; color:#515151; background:#F0F0F0; background:url(/std/img/tabContents_bg.gif) repeat 0 0; border-bottom:1px solid #FFF;}
.tabContentsMenu li.on a { color:#515151;}

/***** 해외지수 맵***********************************************************************************************************************************************************/
.worldMap { width:484px; height:300px; background:url(/std/img/worldMap_bg.gif) no-repeat 0 0;}
.worldMap_nara li { padding:7px 0 0 10px; font-size:12px; color:#787878; text-align:center; height:26px; cursor:pointer;}/**/
.worldMap_nara li span { font-size:11px;}
.worldMap_nara li img { position:absolute; left:8px; top:8px; }
.worldMap_nara .mapKR { position:absolute; left:204px; top:68px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapCN { position:absolute; left:79px; top:111px;  width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapJP { position:absolute; left:192px; top:101px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapGB { position:absolute; left:13px; top:73px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapUS { position:absolute; left:329px; top:124px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapHK { position:absolute; left:100px; top:150px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapAU { position:absolute; left:164px; top:208px; width:109px; background:url(/std/img/worldMap_n1_off.png) no-repeat 0 0;}
.worldMap_nara .mapCA { position:absolute; left:340px; top:91px; width:118px; background:url(/std/img/worldMap_n2_off.png) no-repeat 0 0;}
.worldMap_nara .mapBR { position:absolute; left:345px; top:208px; width:118px; background:url(/std/img/worldMap_n2_off.png) no-repeat 0 0;}

.worldMap_nara .mapKR.on,.worldMap_nara .mapCN.on,.worldMap_nara .mapJP.on,.worldMap_nara .mapGB.on,.worldMap_nara .mapUS.on,.worldMap_nara .mapHK.on,.worldMap_nara .mapAU.on {color:#323232; background:url(/std/img/worldMap_n1_on.png) no-repeat 0 0;}
.worldMap_nara .mapCA.on,.worldMap_nara .mapBR.on {color:#323232; background:url(/std/img/worldMap_n2_on.png) no-repeat 0 0;}



/***** 지수 layoutM01 *******************************************************************************************************************************************************/
.layoutM0101 { position:relative; margin:0 auto; padding:0; width:1000px; height:725px;}
.layoutM0101L { float:left; width:998px; height:667px; background:#FFFFFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} 
.layoutM0101L iframe {margin:11px 11px 11px 10px;}

.layoutM0101_4TL {float:left; margin:0px 11px 11px 0px;}
.layoutM0101_4TR {float:left; margin:0px 0px 11px 0px;}
.layoutM0101_4BL {float:left; margin:0px 11px 10px 0px;}
.layoutM0101_4BR {float:left; margin:0px;}



/***** 주식 layoutM02 *******************************************************************************************************/
/* layoutM0201 시세 화면 */
.layoutM0201 { position:relative; margin:0 auto; padding:0; width:1000px; height:725px;} 


.layoutM0201L { float:left; width:428px; height:667px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0201L iframe {margin:11px 10px 10px 10px;}


.layoutM0201R { float:left; margin-left:10px; width:558px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #FFF;}
.layoutM0201R iframe {margin:11px 10px 10px 10px;}

.layoutM0201B { float:left; margin:0px 0 0 10px; left:10px; top:15px; width:558px; height:369px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0201B iframe {margin:11px 10px 10px 10px;}


/* layoutM0202  주문 화면 */
.layoutM0202 { position:relative; margin:0 auto; padding:0; width:1000px; height:725px;}

.layoutM0202L { float:left; width:428px; height:667px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0202L iframe {margin:11px 10px 10px 10px;}
.layoutM0202L .iframe2 {margin:0px 10px 10px 10px; padding:0px;}
.layoutM0202LRadio { float:left; margin:5px 11px 0 11px; width:428px; height:23px;}

.layoutM0202M { float:left; margin-left:10px;  width:275px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px;}
.layoutM0202M iframe {0px;}
.layoutM0202MBnak { margin:0; padding-top:11px; height:35px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; text-align:center; }
.layoutM0202MBnak select{ width:145px; height:26px; }
.layoutM0202MBnak input{ width:108px; height:22px; }
.layoutM0202MIframe { margin:0; border-left:1px solid #d2d2d2; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; border-top:1px solid #FFF; }

.layoutM0202R { float:left; margin-left:10px; width:273px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #FFF;}
.layoutM0202R iframe {margin:11px 10px 10px 10px;}

.layoutM0202B { float:left; margin:0px 0 0 10px; left:10px; top:15px; width:558px; height:369px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0202B iframe {margin:11px 10px 10px 10px;}




/***** ELW ***********************************************************************************************************************************************************/
.layoutM0301 { position:relative; margin:0 auto; padding:0; width:1000px; height:725px;}

.layoutM0301L { float:left; width:428px; height:667px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0301L iframe {margin:11px 10px 10px 10px;}

.layoutM0301R { float:left; margin-left:10px; width:558px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #FFF;}
.layoutM0301R_iframe { float:left; margin-left:10px; width:558px; }
.layoutM0301R iframe {margin:11px 10px 10px 10px;}

.layoutM0301B { float:left; margin:0px 0 0 10px; left:10px; top:15px; width:558px; height:369px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutM0301B iframe {margin:11px 10px 10px 10px;}


/***** 새로정의하는 레이아웃 *********************************************************************************************************************************/

/* 레이아웃 1 */
.layoutF1 { float:left; width:998px; height:667px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF1 iframe {margin:11px 10px 10px 10px;}

.layoutF1_4TL {float:left; margin:0px 11px 11px 0px;}
.layoutF1_4TR {float:left; margin:0px 0px 11px 0px;}
.layoutF1_4BL {float:left; margin:0px 11px 10px 0px;}
.layoutF1_4BR {float:left; margin:0px;}

.layoutChart01 { width:978px; height:33px; margin:11px 10px 0px 10px; text-align:right;}
.layoutChart02 { width:978px; height:585px; margin:11px 10px 10px 10px;}

/* 레이아웃 1 상단 search영역없음 */
.layoutF1_NS { float:left; width:998px; height:699px; margin:16px 0 0 0; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF1_NS iframe {margin:11px 10px 10px 10px;}

/* 레이아웃 2 위아래있으면서 상단 search영역없음 */
.layoutF2T { float:left; width:998px; margin:16px 0 0 0; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF2T iframe {margin:10px 10px 11px 10px;}
.layoutF2B { float:left; width:998px; margin:10px 0 0 0; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF2B iframe {margin:10px 10px 11px 10px;}


/* 레이아웃 3 */
.layoutF3L { float:left; width:428px; height:667px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF3L iframe {margin:10px 10px 11px 10px;}

.layoutF3R { float:left; margin-left:10px; width:558px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #FFF;}
.layoutF3R iframe {margin:10px 10px 11px 10px;}
.layoutF3R_iframe { float:left; margin-left:10px; width:558px; } /* 오른쪽이 위아래로 나뉘지 않고 하나의 iframe이 들어갈때 사용함 */

.layoutF3B { float:left; margin:0 0 0 10px; left:10px; top:15px; width:558px; height:369px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutF3B iframe {margin:10px 10px 11px 10px;}

/* 레이아웃 3 - 선물/옵션 */
.layoutFuturesF3L {float:left; width:430px; height:658px;}

.layoutFuturesF3L01 {float:left; width:428px; height:657px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutFuturesF3L01 iframe {margin:10px 10px 11px 10px;} /* 왼쪽이 영역이 1개일때 */

.layoutFuturesF3L02 {float:left; width:428px; height:435px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #FFF;}
.layoutFuturesF3L02 iframe {margin:10px 10px 11px 10px;} /* 왼쪽이 영역이 2개일때 상단 */

.layoutFuturesF3L03 {float:left; width:428px; height:221px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutFuturesF3L03 iframe {margin:10px 10px 11px 10px;} /* 왼쪽이 영역이 2개일때 하단 */

.layoutFuturesF3R { float:left; margin-left:10px; width:558px; height:369px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutFuturesF3R iframe {margin:10px 10px 10px 10px;}

.layoutFuturesF3B { float:left; margin:10px 0 0 10px; left:10px; top:15px; width:558px; height:277px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutFuturesF3B iframe {margin:10px 10px 11px 10px;}



/* 주문 4F임 */
.layoutOrderL {float:left; width:430px; height:658px;}
.layoutOrderL01 {float:left; width:428px; height:657px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutOrderL01 iframe {margin:10px 10px 11px 10px;}

.layoutOrderL02 {float:left; width:428px; height:435px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #FFF;}
.layoutOrderL02 iframe {margin:10px 10px 11px 10px;}

.layoutOrderL03 {float:left; width:428px; height:221px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutOrderL03 iframe {margin:10px 10px 11px 10px;}

.layoutOrderC {float:left; margin-left:10px;  width:275px; height:297px;}
.layoutOrderC01 { height:29px;}
.layoutOrderC01 select{ font-size:0.9em; width:183px; height:26px; }
.layoutOrderC01 input{ width:80px; height:22px; }
.layoutOrderC02 { height:269px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; }
.layoutOrderC02 iframe {0px;}

.layoutOrderR {float:left; margin-left:10px; width:273px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutOrderR iframe {margin:11px 10px 10px 10px;}

.layoutOrderR2 {float:left; margin-left:10px; width:273px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 0; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutOrderR2 iframe {margin:11px 10px 10px 10px;} /* 탭이 없는 경우에 사용 */
/*.layoutOrderR2 iframe {margin:1px 0 1px 0;}*/
.layoutOrderR2 div {margin:11px 10px 10px 10px;}

.layoutOrderB {float:left; margin:10px 0 0 10px; left:10px; top:15px; width:558px; height:349px;  background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutOrderB iframe {margin:10px 10px 11px 10px;}

/* search바에 탭메뉴 있고 아래에 바로 iframe있는것에 사용 */
.layoutNonSearch { width:1000px; text-align:center;}
.layoutNonSearch iframe {margin:0; padding:0;}

/* FX주문 시세랑 주문에서 공통으로 사용 */
.layoutFxL {float:left; width:690px; height:658px;}
.layoutFxL01 {float:left; width:688px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutFxL01 iframe {margin:10px 10px 11px 10px;}

.layoutFxL02 {float:left; width:690px; height:29px; background:#f0f0f0; padding:5px 0;}
.layoutFxL02 .dateT {float:left; width:660px; height:29px;}
.layoutFxL02 .btn {float:right; padding-top:5px;} 

.layoutFxL03 {float:left; width:688px; height:320px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.layoutFxL03 iframe.ifT {margin:10px 10px 0px 10px;}
.layoutFxL03 iframe.ifB {margin:11px 10px 11px 10px;}

.layoutFxL04 {float:left; width:688px; height:349px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 0; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; margin-top:10px;}
.layoutFxL04 iframe {margin:11px 10px 11px 10px;}

.layoutFxR {float:left; margin-left:10px; width:298px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutFxR iframe {margin:10px 10px 11px 10px;}

.layoutFxR2 {float:left; margin-left:10px; width:298px; height:297px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 0px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutFxR2 iframe {margin:11px 10px 11px 10px;}

.layoutFxB {float:left; margin:10px 0 0 10px;  width:300px; height:350px;}
.layoutFxB01 { height:29px;}
.layoutFxB01 select{ width:175px; height:26px; }
.layoutFxB01 input{ width:88px; height:22px; }
.layoutFxB02 { height:320px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; }
.layoutFxB02 iframe {0px;}
.layoutFxB03 { height:349px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; }
.layoutFxB03 iframe {margin:10px 10px 11px 10px;}

/* FX주문 계좌에서 사용 */
.layoutFxBankL {float:left; width:493px; height:230px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 0px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutFxBankL iframe {margin:11px 10px 11px 10px;}

.layoutFxBankR {float:left; margin-left:10px; width:493px; height:230px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 0px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.layoutFxBankR iframe {margin:11px 10px 11px 10px;}

.layoutFxBankB {float:left; margin-top:10px; width:998px; height:416px; background:#FFF url(/std/img/layout_bg.gif) no-repeat 0 28px; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7; }
.layoutFxBankB iframe {margin:10px 10px 111px 10px;}



/***** 알림 ***********************************************************************************************************************************************************/
.layoutContents {clear:both; font-size:12px; color:#7b7b7b; padding:3px 0 0 0; margin:0px;}
.layoutContents img { padding:5px 0 10px 0;}

.layoutContents h2 { font-size:20px; color:#000;}
.layoutContents h3 { font-size:16px; color:#111111; background:url(/std/img/bul_d1.gif) no-repeat 0 3px; padding-left:15px; margin-top:5px;}
.layoutContents h4 { font-size:14px; color:#5d5d5d; background:url(/std/img/bul_d2.gif) no-repeat 0 3px; padding-left:8px; margin-top:5px; margin-left:10px;}
.layoutContents h5 { font-size:12px; color:#7b7b7b; background:url(/std/img/bul_d3.gif) no-repeat 0 3px; padding-left:7px; margin-top:5px; margin-left:20px;}

.layoutContents .txt_h2 { font-size:14px; color:#7b7b7b; margin:4px 0 30px 0; line-height:18px;}
.layoutContents .txt_h3 { font-size:12px; margin:5px 0 30px 15px; line-height:17px; }
.layoutContents .txt_h4 { font-size:12px; margin:5px 0 30px 18px; line-height:17px; }
.layoutContents .txt_h5 { font-size:12px; margin:5px 0 30px 27px; line-height:17px;}
.layoutContents .line_b { border-bottom:1px solid #e7e7e7; margin-bottom:20px;}

.layoutContents ul.contents_ul { margin-bottom:10px;}
.layoutContents ul.contents_ul li { background:url(/std/img/bul_d4.gif) no-repeat 0 7px; padding-left:5px; line-height:17px; margin-bottom:7px;}
.layoutContents ul.contents_ul li:first-child {margin-top:0px;}

.layoutContents ul.contents_ul2 { margin:5px 0 10px 7px;}
.layoutContents ul.contents_ul2 li {background:url(/std/img/bul_d5.gif) no-repeat 0 7px; padding-left:7px; line-height:17px; margin-bottom:7px;}

.layoutContents dl.num_dl { margin-bottom:10px;}
.layoutContents dl.num_dl dt.num01 {background:url(/std/img/kwfirst/numS01.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num02 {background:url(/std/img/kwfirst/numS02.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num03 {background:url(/std/img/kwfirst/numS03.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num04 {background:url(/std/img/kwfirst/numS04.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num05 {background:url(/std/img/kwfirst/numS05.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num06 {background:url(/std/img/kwfirst/numS06.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num07 {background:url(/std/img/kwfirst/numS07.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num08 {background:url(/std/img/kwfirst/numS08.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num09 {background:url(/std/img/kwfirst/numS09.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dt.num10 {background:url(/std/img/kwfirst/numS10.gif) no-repeat 0 0; padding-left:22px; padding-top:2px; line-height:17px; margin-bottom:7px;}
.layoutContents dl.num_dl dd { background:none; margin-bottom:15px;}

.layoutContents dl.contents_dl {margin-bottom:10px;}
.layoutContents dl.contents_dl dt { font-weight:bold; background:url(/std/img/bul_d3.gif) no-repeat 0 5px; padding-left:5px; line-height:17px; margin-top:12px;}
.layoutContents dl.contents_dl dt:first-child { margin-top:0px;}
.layoutContents dl.contents_dl dd { background:url(/std/img/bul_d4.gif) no-repeat 0 7px; padding-left:5px; line-height:17px; margin:0 0 7px 7px;}

.layoutContents dl.contents_dl2 { margin:5px 0 10px 0;}
.layoutContents dl.contents_dl2 dt { font-weight:bold; background:url(/std/img/bul_d3.gif) no-repeat 0 5px; padding-left:5px; line-height:17px; margin-top:12px;}
.layoutContents dl.contents_dl2 dt:first-child { margin-top:0px;}
.layoutContents dl.contents_dl2 dd { background:none; padding-left:0px; line-height:17px; margin:0 0 7px 5px;}

.layoutContents .Contents_comment { display:block; font-size:11px; color:#969696; background:url(/std/img/bul_comment.gif) no-repeat 0 0; padding:0 0 2px 0; margin:0 0 5px 0; text-indent:15px;}
.layoutContents span { padding:0; margin:0;}
.layoutContents .txtPointP { color:#ec008c; margin:0 0 0 0px; padding:0 0 0 0;}
.layoutContents .txtPointB { color:#000000; margin:0; padding:0; padding-left:0px;}
.layoutContents .txtPointBlue { color:#110281; margin:0; padding:0; padding-left:0px;}

.layoutContents .txtSmall {font-size:0.8em; vertical-align:super;}


.layoutContents .gray_box { border:2px solid #d3d2dd; padding:15px; background-color:#fbfbfb; margin-bottom:20px;}
.layoutContents .gray_box_Btn { border:2px solid #e9ebf3; padding:15px; background-color:#fdfdfd; margin-bottom:20px; }

.layoutContents .agree_Menu { border:2px solid #d3d2dd; padding:15px; background-color:#fbfbfb; margin-bottom:20px;}
.layoutContents .agree_Menu li { display:inline-block; width:32%;  background:url(/std/img/bul_d4.gif) no-repeat 0 7px; padding-left:5px; line-height:22px;}
.layoutContents .agree_Menu li a { color:#414141;}
.layoutContents .agree_Menu li a:hover,.layoutContents .agree_Menu li a.active {text-decoration:underline;}

.layoutContents .agree_box { clear:both; border:2px solid #d3d2dd; padding:15px; line-height:17px;}
.layoutContents .agree_box strong {color:#081C53;}
.layoutContents .agree_box p.r {text-align:right;padding-right:20px;}
.layoutContents .agree_box p.c {text-align:center;}
.layoutContents .agree_box p.t {border:2px solid #CCCCCC;text-align:center;padding:13px 0 11px 0;}
.layoutContents .agree_box td {padding-top:3px;}

/*** 신규고객 가이드 ***/
.h2_txtBox	{ border:1px solid #dddddd; background:#FFFFFF url(/std/img/newcustm/bg_top1.gif) 0 50% no-repeat; padding:0 0 0 112px; margin:10px 0;}
.h2_txtBox p { border-left:1px solid #dddddd; background:#f8f8f8; padding:15px 15px 15px 18px; line-height:1.4em; letter-spacing:-0.04em; }
h3.step	{ font-size:16px; color:#111111; background:none; padding:0; margin:0 0 5px 0;}
p.stepText	{ line-height:1.4em;}
.boxIMG	{ clear:both; text-align:center; padding:15px 0 20px 0;}
.boxIMG_left	{ clear:both; padding:0 0 20px 5px;}

.StepTit1	{ background:url(/std/img/newcustm/bg_step_num01.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit2	{ background:url(/std/img/newcustm/bg_step_num02.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit3	{ background:url(/std/img/newcustm/bg_step_num03.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit4	{ background:url(/std/img/newcustm/bg_step_num04.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit5	{ background:url(/std/img/newcustm/bg_step_num05.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit6	{ background:url(/std/img/newcustm/bg_step_num06.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit7	{ background:url(/std/img/newcustm/bg_step_num07.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit8	{ background:url(/std/img/newcustm/bg_step_num08.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit9	{ background:url(/std/img/newcustm/bg_step_num09.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepTit10	{ background:url(/std/img/newcustm/bg_step_num10.gif) no-repeat; padding:0 0 5px 53px; margin:30px 0 25px 0;}
.StepContents	{ padding-left:46px;}
.StepContents h4	{ margin-bottom:8px; }
.StepContents .txt_h4	{ margin:4px 0 25px 10px; position:relative;}
.StepContents .txt_h4 span.btns	{ position:absolute;}

div.boxUnder	{ border-top:1px solid #e7e7e7;}
div.boxUnder hr	{ display:none;}
div.boxUnderEmpty	{ height:20px;}
div.boxUnderEmpty hr	{ display:none;}
div.boxUnderEmpty2	{ height:15px;}
div.boxUnderEmpty2 hr	{ display:none;}

.tradingList	{ overflow:hidden; margin-bottom:30px;}
.tradingList li	{ float:left; margin-right:15px;}
	.wrap	{ overflow:hidden;}
	.wrap li	{ float:left; margin:0;}
	.wrap li.img	{ width:80px;}
	.wrap li img	{ margin:0; padding:0;}
	.wrap .channel	{ overflow:hidden;}
	.wrap .channel dt	{  width:300px; color:#000000; padding:5px 0 3px 0; }
	.wrap .channel dd	{ width:285px;}
	.wrap .channel dd.btn	{ padding-top:7px;}
	.channel ul	{ padding-top:2px;}

.StepContents menu	{ margin:0; padding:0}
.StepContents .linkBox.white li	{ background:#FFFFFF url(/std/img/newcustm/btn_bg_arrw2.gif) right top no-repeat;}
.StepContents .linkBox.gray li	{ background:#f8f8f8 url(/std/img/newcustm/btn_bg_arrw2.gif) right top no-repeat;}
.StepContents .linkBox.btmLine li	{ border-bottom:1px solid #d5d5d5;}
.StepContents .linkBox	{ overflow:hidden; margin:0; clear:both;}
.StepContents .linkBox li:first-child	{ border-left:1px solid #d5d5d5;}
.StepContents .linkBox li	{ float:left; width:225px; margin:0; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.StepContents .linkBox li.wd338	{ width:338px;}
.StepContents .linkBox li a	{ display:block; padding:11px 20px 8px 15px;}
.StepContents .linkBox li.blank	{ background-image:none;}
.StepContents .linkBox.white li.blank a	{ color:#FFFFFF;}
.StepContents .linkBox.gray li.blank a	{ color:#f8f8f8;}

/* 버튼 */
a.ncBtnGry01	{ display:inline-block; padding:4px 20px 3px 8px; color:#FFFFFF; background:#aaaaaa url(/std/img/newcustm/btn_bg_arrw.gif) right top no-repeat; letter-spacing:-0.04em; }
