@charset "utf-8";
@import "base.css";
@import "tablesize.css";
@import "buttons.css";
@import "popup.css";
@import "common.css";
@import "intro.css";

/* English S */
.gnb-area { position: absolute; top: 0; width: 100%; z-index: 102;background: transparent url(../../img/en/com/com/white-bg.png) repeat-x 0 0; }
.gnb-area > .topmenubg { height: 24px; background: url(../../img/en/com/com/gnb/topmenu-bg.png) repeat-x 0 0; }
.gnb-area > .topmenubg ul.topmenu { text-align:right; float: left; display: block; }
.gnb-area > .topmenubg ul.topmenu li { margin: 5px 0 0 12px; display: inline-block; vertical-align: top; }
*:first-child + html .gnb-area > .topmenubg ul.topmenu li {float:left; display: block; } /* IE7 */
.gnb-area > .topmenubg ul.topmenu li img { vertical-align: bottom !important; }
.gnb-area > .topmenubg ul.topmenu li.first { margin-left: 20px; }
.gnb-area > .topmenubg ul.rightsearch { width: 990px; text-align: right; }
*:first-child + html .gnb-area > .topmenubg ul.rightsearch {width:755px; /* en */ width:525px; position:fixed;} /* IE7 */
.gnb-area > .topmenubg ul.rightsearch li { display: inline-block; }
.gnb-area > .topmenubg ul.rightsearch li span.linktext1 {margin-left: 10px; padding: 0 10px 0 5px; font-size: 10px; color: #fff; background: url(../../img/en/com/com/gnb/dot1.png) no-repeat left center; }
.gnb-area > .topmenubg ul.rightsearch li div.searchbar {margin-top: 3px; padding-top: 2px; width: 168px; height: 18px;text-align: left; background: url(../../img/en/com/com/gnb/searchbg.png) no-repeat 0 0;}
.gnb-area > .topmenubg ul.rightsearch li div.searchbar input {margin-left: 10px; padding: 0 10px; width: 115px; height: 14px;line-height: 14px;border-width: 0; }
*:first-child + html .gnb-area > .topmenubg ul.rightsearch li{ display: inline; } /* IE7 */

.gnb-area > div.topinfo { width: 990px; }
.gnb-area > div.topinfo .logo { padding: 20px 0 0 20px; }

.gnb-area > .mainmenu { margin-top: 12px; height: 41px; background: url(../../img/en/com/com/menu/main/mainmenu-bg.png) repeat-x left top; }
.gnb-area > .mainmenu-over { height: 76px; background-image: url(../../img/en/com/com/menu/main/mainmenu-bg-over.png) !important; }
.gnb-area > .mainmenu .mainmenubg2 {width: 990px; height: 76px; }
.gnb-area > .mainmenu ul.mmenu { }
.gnb-area > .mainmenu ul.mmenu li { padding-top: 11px; /* en */ padding-top: 6px; height: 25px; text-align: center; vertical-align: top; display: block; float: left; position: relative; background: url(../../img/en/com/com/menu/main/mainmenu-sp.png) no-repeat right 10px; cursor:pointer; }
.gnb-area > .mainmenu ul.mmenu li.li1 { width: 145px; }
.gnb-area > .mainmenu ul.mmenu li.li2 { width: 145px; }
.gnb-area > .mainmenu ul.mmenu li.li3 { width: 135px; }
.gnb-area > .mainmenu ul.mmenu li.li4 { width: 175px; }
.gnb-area > .mainmenu ul.mmenu li.li5 { width: 155px; }
.gnb-area > .mainmenu ul.mmenu li.li6 { width: 215px; }
.gnb-area > .mainmenu ul.mmenu li.li7 { width: 125px; }
.gnb-area > .mainmenu ul.mmenu li.lilast { background-image: none; }

.gnb-area > .mainmenu .mainsubmenu { padding-left: 20px; position: absolute;left: 0;top: 28px; overflow: hidden;z-index: 501; background-repeat: no-repeat; background-position: 0 0; }
.gnb-area > .mainmenu .mainsubmenu ul { /* overflow: hidden; */ }
.gnb-area > .mainmenu .mainsubmenu ul li { padding: 19px 16px 0 0;background-image: none; overflow: hidden; /* text-align: left; */ }
.gnb-area > .mainmenu .mainsubmenu ul li.current a { color: #3399cc !important; font-weight: bold !important; }
.gnb-area > .mainmenu .mainsubmenu ul li a { color: #323232; }
.gnb-area > .mainmenu .mainsubmenu ul li a:hover { color: #3399cc; }
.gnb-area > .mainmenu .mainsubmenu1 {left: -6px; width: 750px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg1.png); background-repeat: no-repeat; }
.gnb-area > .mainmenu .mainsubmenu2 {left: -6px; width: 612px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg2.png); background-repeat: no-repeat; }
.gnb-area > .mainmenu .mainsubmenu3 {left: -6px; width: 612px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg3.png); background-repeat: no-repeat; }
.gnb-area > .mainmenu .mainsubmenu4 {left: -6px; width: 550px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg4.png); background-repeat: no-repeat; }
.gnb-area > .mainmenu .mainsubmenu5 {left: -6px; width: 300px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg5.png); background-repeat: no-repeat; }
.gnb-area > .mainmenu .mainsubmenu6 {left: -350px; width: 550px; background-image: url(../../img/en/com/com/menu/main/mainsubmenu-bg6.png); background-repeat: no-repeat;}



/*
.gnb-area > .mainmenu .qmainmenu { float: right; display: block; }
.gnb-area > .mainmenu .qmainmenu ul li { padding: 11px 8px 0 8px; height: 25px; text-align: center; vertical-align: top; display: block; float: left; background: url(../../img/en/com/com/menu/main/mainmenu-sp.png) no-repeat right 10px; }
.gnb-area > .mainmenu .qmainmenu ul li.last { padding-right: 0; background-image: none; }

*/

/* eilab */
*:first-child + html .gnb-area > .topmenubg ul.rightsearch { position: absolute; }

/* 커머셜 뱅킹 추가 : 영문 */
.ccb_en.ccb_info ul{width:674px; overflow:hidden; text-align:center; margin:0 auto;}
.ccb_en.ccb_info ul li{float:left; width:224px; height:230px; padding:10px 0;}
.ccb_en.ccb_info .img_icon{width:80px; height:80px; margin:0 auto;}
.ccb_en.ccb_info ul li strong{display:inline-block; padding:27px 0 17px 0; font-size:16px; color:#000; font-weight:bold; line-height:18px;}
.ccb_en.ccb_info ul li p{font-size:11px; color:#323232; line-height:16px; padding-bottom:17px;}
.ccb_en.ccb_info ul li.second{border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.ccb_en.ccb_info .commercial{color:#0263c0; margin-top:30px; padding-left:44px;}
.ccb_en.ccb_info .commercial a{display:inline-block; border-bottom: 1px solid #0263c0; color:#0263c0; font-size:12px; line-height:11px;}