@charset "utf-8";
@import url("base.css");

/*
#wrap {width:100%; background:url('../images/main/main_bg01.jpg') repeat-x;}
#header {position:relative; width:980px; height:480px; margin:0 auto;}
#header .logo {position:absolute; left:26px; top:67px; }
#header .toplink {width:370px; height:33px; margin-left:350px; position:relative; z-index:2; text-align:center;}
#header .toplink ul li {float:left; padding:0 6px 0 8px; background:url('../images/main/global_btn_bar.gif') no-repeat left 6px; height:33px;}
#header .toplink ul li a {display:inline-block; margin-top:8px;}
#header .toplink ul li img.fontsize {position:relative; top:-6px;display:inline-block;}
#header .toplink ul li span.zoom {position:relative; top:-3px;display:inline-block;}
#header .toplink ul li span.zoom a img {vertical-align:top;}
#header .toplink ul li span.zoom a {float:left;}
#header .mc_box {width:980px; height:480px; background:url('../images/main/main_contents_back.png') no-repeat 0 0; margin-top:-33px;}
#header .mc_box .gnbmenu {position:absolute; left:48px; top:133px;z-index:300;}
#header .mc_box .gnbmenu li {height:17px;margin-bottom:20px; width:140px;}
#header .mc_box .gnbmenu li a { display:inline-block; height:17px; overflow:hidden; }
#header .mc_box .gnbmenu li.on img { margin-top:-17px;}
#header .mc_box .gnbmenu li.on .submenu { display:block;}
#header .mc_box .gnbmenu li .submenu {width:180px; position:absolute; top:-60px; left:110px; display:none;}
#header .mc_box .gnbmenu li .submenu ul { background:url(../images/main/main_gnb.png) no-repeat 0px 0px; padding-top:30px; padding-left:10px;}
#header .mc_box .gnbmenu li .submenu ul li { padding-left:25px; margin-bottom:0px; padding-bottom:10px;}
#header .mc_box .gnbmenu li .submenu ul li a { height:14px; overflow:hidden; display:block; width:120px;}
#header .mc_box .gnbmenu li.on .submenu ul li a img { margin-top:0px;}
#header .mc_box .gnbmenu li .submenu ul li.lnb_on a img { margin-top:-15px;}
#header .mc_box .gnbmenu li .submenu p {background:url(../images/main/main_gnb.png) no-repeat 0 bottom; width:180px; height:20px;}
#header .mc_box .maintxt {position:absolute; left:213px; top:71px;}
#header .mc_box .maintxt h3 {margin-bottom:15px;}
#header .mc_box .qrcode {position:absolute; right:30px; top:60px;}
#header .mc_box .viewform {position:absolute; left:395px; top:410px;}
#header .mc_box .viewform label {float:left; padding-top:10px;}
#header .mc_box .viewform .viewformbox {display:inline-block; width:142px; height:42px; background:url('../images/main/viewarea_box.gif') no-repeat 0 0; float:left; margin:0 5px 0 13px;}
#header .mc_box .viewform .viewformbox input {width:136px; height:34px; margin:4px 0 0 3px; border:0; display:inline-block; text-align:center; font:18px/34px dotum; font-weight:bold; color:#999999; }


#contents {width:980px; height:310px; overflow:hidden; margin:0 auto;}
#contents .toplinkset {margin-top:2px; width:980px; height:113px; background:url('../images/main/toplink_box.gif') no-repeat 0 0; overflow:hidden; margin-bottom:25px;}
#contents .toplinkset ul {margin-top:26px; margin-left:14px; width:980px;}
#contents .toplinkset ul li {width:195px; height:60px; float:left; background:url('../images/main/toplink_bar.gif') no-repeat right 0;}
#contents .toplinkset ul li div {position:relative; background:url('../images/main/icon_set.gif') no-repeat 0 0; padding-left:80px; height:100%; }
#contents .toplinkset ul li div.iconset1 {background-position:5px 0;}
#contents .toplinkset ul li div.iconset2 {background-position:5px -70px;}
#contents .toplinkset ul li div.iconset3 {background-position:5px -140px;}
#contents .toplinkset ul li div.iconset4 {background-position:5px -210px;}
#contents .toplinkset ul li div.iconset5 {background-position:5px -280px;}
#contents .toplinkset ul li div h5 {height:21px; padding-top:1px;}
#contents .toplinkset ul li div span.txt {display:inline-block; height:16px;}
#contents .toplinkset ul li div a {position:absolute; left:0; top:0; width:180px; height:100%; display:inline-block; z-index:2; background:url('../images/common/blank.gif');}
#contents .toplinkset ul li div a img {margin:38px 0 0 80px;}


#contents .board_list {position:relative; width:380px; height:130px; overflow:hidden; background:url('../images/main/tab_bg.gif') repeat-x 0 27px; float:left;}
#contents .board_list ul li {float:left; width:70px; height:28px;}
#contents .board_list ul li h3 {width:70px; height:28px; }
#contents .board_list ul li h3 a {height:28px; overflow:hidden;display:inline-block;}
#contents .board_list ul li h3 a img {margin-top:-28px;}
#contents .board_list ul li.on h3 a img {margin-top:0;}
#contents .board_list ul li div.listcont {position:absolute; left:0; top:41px; display:none;}
#contents .board_list ul li.on div.listcont {display:block;}
#contents .board_list ul li div.morebtn {position:absolute; top:-30px; right:2px;}
#contents .board_list ul li div.listcont ul li {width:380px; height:21px;}
#contents .board_list ul li div.listcont ul li a {display:inline-block; padding-left:12px; height:21px; border-bottom:1px solid #efefef; background:url('../images/main/blt_red.gif') no-repeat 2px 9px; margin-left:1px; line-height:21px; width:278px; float:left;}
#contents .board_list ul li div.listcont ul li span.date {float:right; display:inline-block; height:22px; line-height:22px;}

/*
#contents .clink {width:334px; height:130px; margin-left:22px; float:left;}
#contents .clink ul li {height:65px; padding-left:120px; position:relative; margin-bottom:5px;}
#contents .clink ul li.icon_smartphone {background:url('../images/main/img_phone.gif') no-repeat 15px 0;}
#contents .clink ul li.icon_accident {background:url('../images/main/img_car.gif') no-repeat 15px 0;}
#contents .clink ul li h5 {height:25px;}
#contents .clink ul li span.text {height:20px;}
#contents .clink ul li a {position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; background:url('../images/common/blank.gif');}
#contents .clink ul li a img {margin:45px 0 0 120px;}



#contents .iconlink {width:82px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; height:130px; overflow:hidden; float:left;}
#contents .iconlink ul li {position:relative; height:64px; width:72px; margin-left:5px; margin-bottom:5px;}
#contents .iconlink ul li.investing {border-bottom:1px dashed #d8d8d8; background:url('../images/main_new/quick_icon01.gif') no-repeat center top;}
#contents .iconlink ul li.review {background:url('../images/main_new/quick_icon02.gif') no-repeat center top;}
#contents .iconlink ul li a {position:absolute; left:0; top:0; width:100%; height:58px; z-index:2; background:url('../images/common/blank.gif'); text-align:center;}
#contents .iconlink ul li a img {margin:42px auto 0 auto;}


#contents .bannerset {width:140px; float:right;}
#contents .bannerset ul#banner { width:140px; height:132px; overflow:hidden;}
#contents .bannerset ul li {margin:0px 0px 2px 0px; padding:0px; width:140px; height:30px; line-height:0px; font-size:0px;}
#contents .bannerset ul li a {display:block; text-align:center; margin:0px; padding:0px;}
#contents .bannerset ul.banner_btn { margin-left:52px;}
#contents .bannerset ul.banner_btn li { background:none; width:12px; height:10px; margin:1px;  float:left;}
#contents .bannerset ul.banner_btn li a { width:12px; height:10px;}



#footer {width:100%; border-top:1px solid #d8d8d8; height:89px;}
#footer .graybar {height:20px; background-color:#eee; padding-top:10px;}
#footer .fwrap {width:980px; margin:0px auto;}
#footer .graybar .fwrap .corp {float:left;}
#footer .graybar .fwrap .link {float:right;}
#footer .graybar .fwrap .link ul li {float:left; padding:0 20px; }
#footer .graybar .fwrap .link ul li.end {padding-right:0; background:none;}
#footer .address {float:left; padding-top:16px; margin-top:20px}
#footer .logo {float:right; padding-top:16px;}
#footer .logo ul li {float:left; margin-left:15px; margin-top:20px;}
#footer .logo ul li.web_accessibility { margin-top:-8px;}
#footer .logo ul li.web_accessibility img { width:70px;}
*/


/*2013.5.14 메인변경 추가 CSS*/
#wrap {width:100%; margin:0 auto;}
#header {position:relative; width:980px; height:122px; margin:0 auto;z-index:3; }
#header .logo h1 {float:left; padding:5px 0 5px 15px;}
#header .logo ul li {float:right; padding:20px 0 0 15px;}


#header .toplink {width:383px; height:33px; margin-left:340px; position:relative; z-index:2; text-align:center; background:url('../images/common/global_btn_box.gif') no-repeat 0 0;}
#header .toplink ul li {float:left; padding:0 6px 0 8px; background:url('../images/common/global_btn_bar.gif') no-repeat left 6px; height:33px;}
#header .toplink ul li a {display:inline-block; margin-top:8px;}
#header .toplink ul li img.fontsize {position:relative; top:-6px;display:inline-block;}
#header .toplink ul li span.zoom {position:relative; top:-3px;display:inline-block;}
#header .toplink ul li span.zoom a img {vertical-align:top;}
#header .toplink ul li span.zoom a {float:left;}

#gnb_menu_background { position:absolute; background-color: #313337; height: 55px; width: 100%;top:55px;z-index:2; }

#header .gnbmenu {position:relative; height:55px; width:980px;}
#header .gnbmenu ul {margin:0 auto;}
#header .gnbmenu ul li {float:left; width:160px; padding:20px 0 0 0; text-align:center;}
#header .gnbmenu ul li h3 {height:15px; float:left; margin-left: 40px;}
#header .gnbmenu ul li h3 a { display:inline-block; height:15px; overflow:hidden;}
#header .gnbmenu ul li.on h3 a img {margin-top:-17px;}
#header .gnbmenu ul li .gnbsub {position:absolute; display:none; top:46px; padding-top:9px;}
#header .gnbmenu ul li.on .gnbsub {display:block;}
#header .gnbmenu ul li .gnbsub .subbox {height:50px; padding-left:5px; background:url('../images/main_new/gnb_subbar_main.png') no-repeat 0 -30px;}
#header .gnbmenu ul li .gnbsub .subbox ul {height:50px; padding-right:5px; background:url('../images/main_new/gnb_subbar_main.png') no-repeat right -30px; position:relative; right:-5px;}
#header .gnbmenu ul li .gnbsub .subbox ul li {padding:14px 5px 0 5px; width:auto;}
#header .gnbmenu ul li .gnbsub .subbox ul li a { height:15px; overflow:hidden; display:inline-block;}
#header .gnbmenu ul li .gnbsub .subbox ul li.gnb_on img { margin-top:-15px;}
#header .gnbmenu ul #gnb1 .gnbsub {left:30px; background:url('../images/main_new/gnb_arr_main.png') no-repeat 42px 0; width:390px;}/* ie6������ width �� ��������*/
#header .gnbmenu ul #gnb2 .gnbsub {left:20px;background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:455px;}/* ie6������ width �� ��������*/
#header .gnbmenu ul #gnb3 .gnbsub {left:20px;background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:753px;}/* ie6������ width �� ��������*/
#header .gnbmenu ul #gnb4 .gnbsub {left:255px;background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:602px;}/* ie6������ width �� ��������*/
#header .gnbmenu ul #gnb5 .gnbsub {left:555px;background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:300px;}/* ie6������ width �� ��������*/
#header .gnbmenu ul #gnb6 .gnbsub {left:335px;background:url('../images/main_new/gnb_arr_main.png') no-repeat 530px 0; width:640px;}/* ie6������ width �� ��������*/

/* #header .gnb_menu {position:relative; width:980px; height:55px;}
#header .gnb_menu ul {width:980px; margin:0 auto;}
#header .gnb_menu ul li {float:left; width:160px; padding:20px 0 0 0; text-align:center; background:url('../images/main_new/gnb_line.gif') no-repeat; background-position:right 20px;}
#header .gnb_menu ul li.last_menu {background:none;}
#header .gnb_menu ul li a {display:inline-block; height:17px; overflow:hidden;}
#header .gnb_menu ul li.on a img {margin-top:-17px;}
#header .gnb_menu ul li .gnbsub {position:absolute; display:none; top:40px; padding-top:10px;}
#header .gnb_menu ul li.on .gnbsub {display:block;}
#header .gnb_menu ul li .gnbsub .subbox {height:27px; padding-left:5px; background:url('../images/main_new/gnb_subbar_main.png') no-repeat 0 0;}
#header .gnb_menu ul li .gnbsub .subbox ul {height:27px; padding-right:5px; background:url('../images/main_new/gnb_subbar_main.png') no-repeat right 0; position:relative; right:-5px;}
#header .gnb_menu ul li .gnbsub .subbox ul li {padding:8px 5px 0 5px; width:auto;}
#header .gnb_menu ul li .gnbsub .subbox ul li a { height:13px; overflow:hidden; display:inline-block;}
#header .gnb_menu ul li .gnbsub .subbox ul li.gnb_on img { margin-top:-13px;}
#header .gnb_menu ul #gnb1 .gnbsub {left:-55px;background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:285px;}
#header .gnb_menu ul #gnb2 .gnbsub {background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:345px;}
#header .gnb_menu ul #gnb3 .gnbsub {background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:280px;}
#header .gnb_menu ul #gnb4 .gnbsub {background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:462px;}
#header .gnb_menu ul #gnb5 .gnbsub {background:url('../images/main_new/gnb_arr_main.png') no-repeat center 0; width:230px;}
#header .gnb_menu ul #gnb6 .gnbsub {background:url('../images/main_new/gnb_arr_main.png') no-repeat right 0; width:490px;}
 */


#contents {width:980px; height:683px; margin:0 auto; }
#contents .visual {height:308px; margin:20px 0 25px 0; background:url('../images/main_new/top_visual.jpg') no-repeat;}
#contents .visual .top_img {height:230px;}
#contents .visual .top_img .text {float:left;}
#contents .visual .top_img .text li.first {padding:45px 0 0 60px;}
#contents .visual .top_img .text li {padding:5px 0 0 60px;}
#contents .visual .top_img .text li.last {padding-left:150px;}
#contents .visual .top_img .inquiry {padding:28px 0 0 595px;}
#contents .visual .top_img .inquiry input[type="text"] {height:30px; padding-left:10px; border:3px solid #b1d5ff; width:250px; display:inline-block; text-align:center; font:18px/34px dotum; font-weight:bold; color:#999999;} 
#contents .visual .top_img .inquiry input[type="image"] {padding-left:7px;}
#contents .visual .top_img .inquiry li.text {color:#add3db; padding:5px 0 5px 0;}
#contents .visual .top_img .inquiry li.btn {color:#add3db; padding:50px 0 0 195px;}
#contents .visual .text_sample {padding:20px 0 0 161px;}


#contents .main_service {width:980px; height:130px; background:url('../images/main_new/service_bg.jpg') no-repeat 0 25px; padding-bottom:30px;}
#contents .main_service .text {float:left; width:196px;}
#contents .main_service .text h6 {padding:30px 0 0 15px;}
#contents .main_service .text p {padding:10px 0 0 15px;}
#contents .main_service .text a {display:inline-block; position:absolute; width:196px; height:100px; background:url('../images/common/blank.gif'); z-index:2;}


#contents .board_list {position:relative; width:380px; height:130px; overflow:hidden; background:url('../images/main/tab_bg.gif') repeat-x 0 27px; float:left;}
#contents .board_list ul li {float:left; width:70px; height:28px;}
#contents .board_list ul li h3 {width:70px; height:28px; }
#contents .board_list ul li h3 a {height:28px; overflow:hidden;display:inline-block;}
#contents .board_list ul li h3 a img {margin-top:-28px;}
#contents .board_list ul li.on h3 a img {margin-top:0;}
#contents .board_list ul li div.listcont {position:absolute; left:0; top:41px; display:none;}
#contents .board_list ul li.on div.listcont {display:block;}
#contents .board_list ul li div.morebtn {position:absolute; top:-30px; right:2px;}
#contents .board_list ul li div.listcont ul li {width:380px; height:21px;}
#contents .board_list ul li div.listcont ul li a {display:inline-block; padding-left:12px; height:21px; border-bottom:1px solid #efefef; background:url('../images/main/blt_red.gif') no-repeat 2px 9px; margin-left:1px; line-height:21px; width:278px; float:left;}
#contents .board_list ul li div.listcont ul li span.date {float:right; display:inline-block; height:22px; line-height:22px;}


#contents .smart {float:left; width:334px; height:130px; margin-left:22px; background:url('../images/main_new/smart_qrcode.gif') no-repeat 22px 0;}
#contents .smart ul {padding:2px 0 0 125px;}
#contents .smart ul li.text {padding:5px 0 10px 0;}
#contents .smart ul li.img {padding-left:20px;}
#contents .smart ul li.btn {padding:5px 0 0 10px;}
#contents .smart a {display:inline-block; position:absolute; width:152px; height:25px; background:url('../images/common/blank.gif'); z-index:2;}


#contents .iconlink {width:82px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; height:130px; overflow:hidden; float:left;}
#contents .iconlink ul li {position:relative; height:64px; width:72px; margin-left:5px; margin-bottom:5px;}
#contents .iconlink ul li.investing {border-bottom:1px dashed #d8d8d8; background:url('../images/main_new/quick_icon01.gif') no-repeat center top;}
#contents .iconlink ul li.review {background:url('../images/main_new/quick_icon02.gif') no-repeat center top;}
#contents .iconlink ul li a {position:absolute; left:0; top:0; width:100%; height:58px; z-index:2; background:url('../images/common/blank.gif'); text-align:center;}
#contents .iconlink ul li a img {margin:42px auto 0 auto;}


#contents .bannerset {width:140px; float:right;}
#contents .bannerset ul#banner {width:140px; height:128px; overflow:hidden;}
#contents .bannerset ul li {margin:0px 0px 2px 0px; padding:0px; width:140px; height:30px; line-height:0px; font-size:0px;}
#contents .bannerset ul li a {display:block; text-align:center; margin:0px; padding:0px;}
#contents .bannerset ul.banner_btn {margin:5px 0 0 52px;}
#contents .bannerset ul.banner_btn li { background:none; width:12px; height:10px; margin:1px;  float:left;}
#contents .bannerset ul.banner_btn li a { width:12px; height:10px;}


#footer {width:100%; border-top:1px solid #d8d8d8; height:89px;}
#footer .graybar {height:20px; background-color:#eee; padding-top:10px;}
#footer .fwrap {width:980px; margin:0px auto;}
#footer .graybar .fwrap .corp {float:left;}
#footer .graybar .fwrap .link {float:right;}
#footer .graybar .fwrap .link ul li {float:left; padding-left:30px; }
#footer .graybar .fwrap .link ul li.end {padding-right:0; background:none;}
#footer .address {float:left; padding-top:16px; margin-top:20px}
#footer .logo {float:right; padding-top:16px;}
#footer .logo ul li {float:left; margin-left:2px; margin-top:20px;}
#footer .logo ul li.web_accessibility { margin-top:-8px;}
#footer .logo ul li.secure_seal { margin-top:-15px;}
#footer .logo ul li.web_accessibility img { width:70px;}