@charset "UTF-8";

@import url("/templets/main/css/layout.css");



/*html { background-image:url(a); }	*/

body { }


/* layout
------------------------------ */
#container { overflow:hidden; zoom:1; }
.mainStyle1 #wrapper { background:url(/tfimages/main/bg.gif) 0 -2px repeat-x; }


/* head
------------------------------ */
#header { clear:both;  position:relative; height:126px; z-index:20; }/*20110311 height:91px;*/
.header { position:relative; width:960px; margin:0 auto; z-index:60; }
.header .navigation { position:absolute; top:0; left:50%; margin-left:-480px; width:960px; z-index:600; }


/* contents
------------------------------ */
#mainContents { position:relative; width:960px; margin:0 auto; }
#mainContents h1 {position:absolute; left:-9999px;}
#mainContents:after {display:block;visibility:hidden;clear:both;height:0;content:".";} /* clearfix */

.mainStyle1 #bankingOver{ clear:both; position:absolute; bottom:0; left:50%; margin-left:-480px;}

/* mainSection1 */
.mainSection1 { height:225px; margin-bottom:20px; }/* 20110311.mainSection1 { height:250px; margin-bottom:20px; }*/
.mainSection1 .section1_1{float:left; width:712px;}
.mainSection1 .section1_2{float:right; width:216px;padding-top:10px;}/* 20110311 .mainSection1 .section1_2{float:right; width:216px; padding-top:30px;}*/
.mainSection1 .section1_2 .eventbanner {overflow:hidden;height:184px;padding-bottom:1px;background:url(/tfimages/main/bg_eventcon.gif) 0 bottom no-repeat; }
.mainSection1 .section1_2 .eventbanner li{vertical-align:top;padding-top:2px;background:url(/tfimages/main/bg_event.gif) 0 0 no-repeat;}
.mainSection1 .section1_2 .eventbanner li a{display:block;}
.mainSection1 .section1_2 .eventbanner li img{display:block;}
.changeType {position:absolute; top:0; left:861px;}


/* mainSection2 */
.mainSection2 { position:relative; overflow:hidden; width:960px; height:165px;}
.mainSection2 .guide { float:left; width:216px; margin-right:32px; }
.mainSection2 .searchmore { float:left; width:465px;}

.todayMenu { height:75px; overflow:hidden;}

.newGuide { padding-top:16px; }
.newGuide h2 {margin-bottom:5px;}
.newGuide p {margin-bottom:8px; font:11px/1.2 dotum, sans-serif;}
.newGuide ul {overflow:hidden; width:100%;}
.newGuide ul li{float:left;padding-left:45px;background:url(/tfimages/main/bg_newGuide.gif) 23px 2px no-repeat; }
.newGuide ul li.first {padding-left:0; background:none;}

.searchmore .mainSearch { width:100%; overflow:hidden; margin:0 auto; }
.mainSearch label {position:absolute; left:-9999px; visibility:hidden;}
.mainSearch .schBox{ float:left; width:410px; height:25px; padding:0; border:3px solid #4D2919; }
.mainSearch .input { float:left; width:305px; padding-top:7px; font-size:14px;border:0px none; }
.mainSearch .btn{ float:right; }
.mainSch {float:left; margin-right:10px; _margin-right:0; }

.mainSection2 .tag {height:38px; padding-top:10px; overflow:hidden; text-align:center;}
.mainSection2 .tag a {margin:0 5px;}

.mainSection2 .mallMore { width:465px; margin:0 auto; }
.mainSection2 .mallMore .title { margin-bottom:10px; }
.mainSection2 .mallMore .cont { }
.mainSection2 .mallMore .cont li { float:left; margin-left:10px; }
.mainSection2 .mallMore .cont li.first { margin-left:0; }

.mainSection2 .noev { float:right; width:216px; }
.mainSection2 .noevList { position:relative; height:114px; }
.mainSection2 .noevList .tab { overflow:hidden; height:19px; margin-bottom:7px; background:url(/tfimages/main/noev_tab_bg.gif) 0 0 repeat-x; }
.mainSection2 .noevList .tab li { float:left; margin-right:10px; }
.mainSection2 .noevList .tab .fr { padding-top:5px; margin-right:0; }
.mainSection2 .noevList .cont { clear:both; font-size:11px; height:90px;}
.mainSection2 .noevList .cont li { padding:0 0 1px 8px; margin-bottom:2px; background:url(/tfimages/main/icon_01.gif) 1px 4px no-repeat; }
.mainSection2 .noevList .cont li a { display:inline-block; width:165px; color:#444; zoom:1;}
.mainSection2 .noevList .cont .date { float:right; color:#777; }
.mainSection2 .noevList .more { position:absolute; top:0px; right:0px; z-index:25; }

.mainSection2 .htsDown { }


/* contents - portal style
------------------------------ */
body.portalStyle {background:none;}
.portalStyle #mainContents {background:url(/tfimages/main/bg_portal.gif) 0 0 repeat-y; border-bottom:1px solid #ddd;}
.portalStyle #footer {background:none;}
.portalStyle .fcenter {background-image:url(/tfimages/layout/foot_customer.gif);}

.portalStyle .hidden {display:none;}

.pSection1 {float:left;width:689px; padding-top:25px; }
.pSection2 {float:right;width:269px;}

.portalStyle .section {position:relative;width:640px;padding:20px 0; margin:0 auto; border-top:1px solid #ddd;}
.portalStyle .section h2{ margin-bottom:5px; color:#1e4d93; font-size:15px;}
.portalStyle .section .more{ position:absolute; top:16px; right:0;}

/* pSection1 */
.pSection1 .mainSearch{ float:left; overflow:hidden; width:420px; padding-left:24px;}
.pSection1 .mainSearch .schBox {width:363px;}
.pSection1 .mainSearch .input {width:264px;}

.pSection1 .tag {float:right; overflow:hidden; width:216px; height:14px; padding:7px 12px 0 0; font-size:11px; line-height:1.5;}
.pSection1 .tag a {padding:0 4px;color:#7a5c53;}
.pSection1 .tag a:hover { color:#4d2919; font-weight:bold; letter-spacing:-1px;}

.portalStyleList {clear:both; }
.portalStyleList li{ overflow:hidden; width:630px; padding-left:10px; background:url(/tfimages/main/bul01.gif) 2px 6px no-repeat; line-height:1.5; }
.portalStyleList li strong { font-size:14px; color:#1e4d93;}
.portalStyleList li em { color:#1e4d93; }
.portalStyleList li a.title { float:left; overflow:hidden; }

.portalStyleList li .category { color:#1e4d93;}
.portalStyleList li .date {float:right; width:64px; text-align:right;}

.portalStyle .eventSection {}

.eventList {overflow:hidden;padding:20px 0;width:664px;}
.eventList li{float:left;overflow:hidden;width:197px;padding-left:24px;}
.eventList li a{display:block;}
.eventList li a img{border:1px solid #e2e5e7; margin-bottom:5px;}
.eventList li strong { display:block; margin-bottom:4px; font-size:14px;}
.eventList li span {}

.eventSection .portalStyleList{ border-top:1px solid #ddd; margin:0 25px;padding:20px 0 12px;}
.eventSection .portalStyleList li {background-position:2px 7px; margin-bottom:8px;}

/* pSection2 */
.pSection2 .myinfo { height:100px; margin-right:1px; padding:25px 24px 0 25px;background:#f7f7f7 url(/tfimages/main/bg_myinfo.gif) 0 0 repeat-y;border-bottom:1px solid #ddd;}
.pSection2 .myinfo h2 { height:28px; color:#4e261a; font-size:15px;}
.pSection2 .myinfo h2.log { padding-right:10px;  text-align:center; }
.pSection2 .myinfo .link1 { height:40px;}
.pSection2 .myinfo .link2 { overflow:hidden; height:16px; margin-left:10px; background:url(/tfimages/cart/login_line.gif) 0 4px no-repeat; font-size:11px; line-height:1.4; }
.pSection2 .myinfo .link2 a { float:left; padding:0 10px; background:url(/tfimages/cart/login_line.gif) right 4px no-repeat; }
.pSection2 .myinfo .link2login {margin-left:28px;}
.pSection2 .myinfo .mytype {color:#555; font-size:11px;}
.pSection2 .myinfo .mytype img { margin-bottom:4px; vertical-align:bottom; }
.pSection2 .myinfo .name {margin-left:5px; font-size:12px;}
.pSection2 .myinfo .name em{font-size:15px;}

.pSection2 .stockInfo {padding:20px 0;border-bottom:1px solid #ddd;}
.pSection2 .stockInfo em{ color:#d9552c;}
.pSection2 .stockInfo em.down { color:#055294; }
.pSection2 .stockInfo em.zero { color:#000; }
.pSection2 .stockInfo img{margin:0 2px 0 4px;}
.pSection2 .stockInfo .kospi{ margin-bottom:8px; padding:0 25px;text-align:right;}
.pSection2 .stockInfo .kospi span{float:left; padding-top:10px; color:#000; font-size:15px; font-weight:bold; letter-spacing:-1px;}
.pSection2 .stockInfo .kospi em{ font-size:25px; font-family:tahoma, verdana, sans-serif; }
.pSection2 .stockInfo table {width:220px;margin:0 auto;}
.pSection2 .stockInfo th {padding:4px 0 2px;text-align:left;}
.pSection2 .stockInfo td {padding:4px 0 2px;text-align:right;font-weight:bold;}
.pSection2 .stockInfo td img {margin-bottom:3px;}

.pSection2 .eFriend {margin:25px 0;text-align:center;}

.pSection2 .quickLink {width:220px;margin:0 auto;border-top:1px solid #e4e7e9;}
.pSection2 .quickLink ul{width:205px;overflow:hidden;padding:12px 0 12px 15px;border:1px solid #e4e7e9;border-top:0px none;}
.pSection2 .quickLink li{float:left;width:95px;padding-left:7px;background:url(/tfimages/main/bul01.gif) 2px 6px no-repeat; line-height:1.5;}
.pSection2 .quickLink li a{font-weight:bold;}
.pSection2 .quickLink li a:hover{color:#4e261a;}

/* gnb */
.portalStyle .navigation {position:relative; height:89px; border-bottom:2px solid #6b5135;}
.portalStyle .navigation h1{}
.portalStyle .navigation ul{overflow:hidden; width:960px;}
.portalStyle .navigation ul li{position:absolute;}

.portalStyle .navigation a { position:absolute;overflow:hidden;background-image:url(/tfimages/main/navigation.gif);background-repeat:no-repeat;z-index:3; text-indent:-999px; }
.portalStyle .navigation ul li a:hover {background-image:url(/tfimages/main/navigation_on.gif);}

/*.portalStyle .navigation h1 a {width:145px; height:40px; left:0; top:26px; background-position:0 -26px;}*/
.portalStyle .navigation h1 a {width:270px; height:80px; left:-37px; top:8px; background-position:0 0;}
.portalStyle .navigation .navi01 a{width:86px; height:35px;	left:202px; top:54px;	background-position:-202px -54px;}
.portalStyle .navigation .navi02 a{width:116px; height:35px;	left:304px; top:54px;	background-position:-304px -54px;}
.portalStyle .navigation .navi03 a{width:100px; height:35px;	left:437px; top:54px;	background-position:-437px -54px;}
.portalStyle .navigation .navi04 a{width:74px; height:35px;	left:554px; top:54px;	background-position:-554px -54px;}
.portalStyle .navigation .navi05 a{width:122px; height:35px;	left:645px; top:54px;	background-position:-645px -54px;}

.portalStyle .navigation .navi06 a{width:53px; height:18px;	left:520px; top:19px;	background-position:-465px -19px;}
.portalStyle .navigation .navi07 a{width:52px; height:18px;	left:608px; top:19px;	background-position:-608px -19px;}
.portalStyle .navigation .navi08 a{width:51px; height:18px;	left:666px; top:19px;	background-position:-666px -19px;}
.portalStyle .navigation .navi09 a{width:57px; height:18px;	left:723px; top:19px;	background-position:-723px -19px;}
.portalStyle .navigation .navi10 a{width:52px; height:18px;	left:785px; top:19px;	background-position:-785px -19px;}
.portalStyle .navigation .navi11 a{width:29px; height:14px;	left:844px; top:20px;	background-position:-844px -20px;}
.portalStyle .navigation .navi12 a{width:46px; height:14px;	left:876px; top:20px;	background-position:-876px -20px;}
.portalStyle .navigation .navi13 a{width:35px; height:14px;	left:926px; top:20px;	background-position:-926px -20px;}
.portalStyle .navigation .navi14 a{width:76px; height:18px;	left:580px; top:20px;	background-position:-523px -20px;}

.portalStyle .navigation .navi15 a{width:55px; height:35px;	left:175px; top:54px;	background-position:-210px -54px;}
.portalStyle .navigation .navi16 a{width:75px; height:35px;	left:270px; top:54px;	background-position:-295px -54px;}
.portalStyle .navigation .navi17 a{width:100px; height:35px;	left:385px; top:54px;	background-position:-400px -54px;}
.portalStyle .navigation .navi18 a{width:86px; height:35px;	left:520px; top:54px;	background-position:-530px -54px;}
.portalStyle .navigation .navi19 a{width:60px; height:35px;	left:635px; top:54px;	background-position:-650px -54px;}
.portalStyle .navigation .navi20 a{width:105px; height:35px;	left:735px; top:54px;	background-position:-740px -54px;}

.portalStyle .navigation #showAll {width:62px; height:16px;	left:861px; top:73px;	background-position:-870px -73px;}



.portalStyle .navigation2 {position:relative; height:89px; border-bottom:2px solid #6b5135;}
.portalStyle .navigation2 h1{}
.portalStyle .navigation2 ul{overflow:hidden; width:960px;}
.portalStyle .navigation2 ul li{position:absolute;}

.portalStyle .navigation2 a { position:absolute;overflow:hidden;background-image:url(/tfimages/main/navigation2.gif);background-repeat:no-repeat;z-index:3; text-indent:-999px; }
.portalStyle .navigation2 ul li a:hover {background-image:url(/tfimages/main/navigation2_on.gif);}

.portalStyle .navigation2 h1 a {width:145px; height:40px; left:0; top:26px; background-position:0 -26px;}
.portalStyle .navigation2 .navi01 a{width:86px; height:35px;	left:202px; top:54px;	background-position:-202px -54px;}
.portalStyle .navigation2 .navi02 a{width:116px; height:35px;	left:304px; top:54px;	background-position:-304px -54px;}
.portalStyle .navigation2 .navi03 a{width:100px; height:35px;	left:437px; top:54px;	background-position:-437px -54px;}
.portalStyle .navigation2 .navi04 a{width:74px; height:35px;	left:554px; top:54px;	background-position:-554px -54px;}
.portalStyle .navigation2 .navi05 a{width:122px; height:35px;	left:645px; top:54px;	background-position:-645px -54px;}

.portalStyle .navigation2 .navi06 a{width:53px; height:18px;	left:510px; top:19px;	background-position:-455px -19px;}
.portalStyle .navigation2 .navi07 a{width:52px; height:18px;	left:599px; top:19px;	background-position:-599px -19px;}
.portalStyle .navigation2 .navi08 a{width:51px; height:18px;	left:657px; top:19px;	background-position:-657px -19px;}
.portalStyle .navigation2 .navi09 a{width:57px; height:18px;	left:714px; top:19px;	background-position:-714px -19px;}
.portalStyle .navigation2 .navi10 a{width:52px; height:18px;	left:775px; top:19px;	background-position:-775px -19px;}
.portalStyle .navigation2 .navi11 a{width:29px; height:14px;	left:833px; top:20px;	background-position:-835px -20px;}
.portalStyle .navigation2 .navi12 a{width:47px; height:14px;	left:867px; top:20px;	background-position:-867px -20px;}

.portalStyle .navigation2 .navi13 a{width:43px; height:14px;	left:917px; top:20px;	background-position:-917px -20px;}
.portalStyle .navigation2 .navi14 a{width:76px; height:18px;	left:570px; top:20px;	background-position:-514px -20px;}
.portalStyle .navigation #showAll {width:62px; height:16px;	left:861px; top:73px;	background-position:-870px -73px;}

.portalStyle .navigation2 .navi15 a{width:55px; height:35px;	left:175px; top:54px;	background-position:-210px -54px;}
.portalStyle .navigation2 .navi16 a{width:75px; height:35px;	left:270px; top:54px;	background-position:-295px -54px;}
.portalStyle .navigation2 .navi17 a{width:100px; height:35px;	left:385px; top:54px;	background-position:-400px -54px;}
.portalStyle .navigation2 .navi18 a{width:86px; height:35px;	left:520px; top:54px;	background-position:-530px -54px;}
.portalStyle .navigation2 .navi19 a{width:60px; height:35px;	left:635px; top:54px;	background-position:-650px -54px;}
.portalStyle .navigation2 .navi20 a{width:105px; height:35px;	left:735px; top:54px;	background-position:-740px -54px;}
.portalStyle .navigation #showAll2 {width:62px; height:16px;	left:898px; top:73px;	background-position:-893px -73px;}

#allLinks {display:none;}
#allLinks {position:absolute;top:89px;background:#fff;border:2px solid #6b5135;}
.allLinks {overflow:hidden;width:931px;padding:20px 0 20px 25px;}
.allLinks li{float:left;padding-right:13px;}
.allLinks li a{color:#4c2d13;font-weight:bold;}
.allLinks li ul{overflow:hidden;margin-top:3px;border-left:1px solid #efece9;}
.allLinks li ul li{float:none;padding-right:0;line-height:1.3;}
.allLinks li ul li a{padding:3px 5px 0;font-size:11px;font-weight:normal;}
.allLinks li ul li a:hover {background:#907763;color:#fff;}

#closeAll{position:absolute; right:5px; bottom:5px; }