@charset"utf8";

.main_con{clear:both;width:100%;/* padding-bottom:43px; */display:inline-block;zoom:1;background:#FFF url(/2013/images/main/main_banner_bg.gif) 0 0 repeat-x;z-index:10;}
.main_con_area{width:980px;margin:0 auto;}


.main_banner_area{height:463px;position:relative;}

/**slide banner**/
.step1 {z-index:10;}
.step1 h3 {width:496px;margin:0 auto;padding:76px 0 53px 0;}
.step1 .imgBox { width:980px; height:460px;}
.buttons {display:none;position:absolute; top:200px; left:450px;}
.buttons.next {left:470px;}

.pager.mPager {position:relative; width:50px; height:20px; margin:0 auto; padding:50px 0;}
.pager{position:relative; width:50px; height:20px;}
.pager li {float:left; margin:0 4px;}
.pager li a {display:block; width:23px; height:44px; background:url("/2013/images/main/btn_main_off.gif") no-repeat left top; font-size:0;}
.pager li a.active {background:url("/2013/images/main/btn_main_on.gif") no-repeat left top;}
.mPager .num1 {position:absolute; left:-465px; top:-130px; background:url("../images/main/btn_main_left.gif") no-repeat left top;}
.mPager .num2 {position:absolute; right:-465px; top:-130px; background:url("../images/main/btn_main_right.gif") no-repeat left top;}
.mPager .num1.active {position:absolute; left:-465px; top:-130px; background:url("../images/main/btn_main_left.gif") no-repeat left top;}
.mPager .num2.active {position:absolute; right:-465px; top:-130px; background:url("../images/main/btn_main_right.gif") no-repeat left top;}


.pager.small {width:50px; height:20px;padding:20px 0;}
.pager.small li a {width:9px; height:9px; background:url("/2013/images/main/btn_sum_off.gif") no-repeat 0 0;}
.pager.small li a.active {background:url("/2013/images/main/btn_sum_on.gif") no-repeat 0 0;}

.step1 .imgArea {position:absolute; top:0; left:0; height:450px;}
.step1 .imgArea li {float:left;padding-top:140px;}
.step1 .imgArea li img {width:182px;}

.step1 .viewport {margin-left:38px; width:909px; overflow:hidden; position:relative; height:380px;}
.step1 .btn {overflow:hidden; padding:35px 0 36px 462px;}
.step1 .btn li {float:left;}
.step1 .btn .first {margin-right:5px;}

.step2 {position:absolute; left:-980px; top:0px; width:980px; background: url("/2013/images/main/main_banner_bg.gif") repeat-x left top;}
.step2 .back {position:absolute; left:0; top:164px;}
.step2 .txtArea {position:relative; padding:67px 0 0 400px; background:url("/2013/images/main/sum_big01.gif") no-repeat 89px 67px;}
.step2 .txtArea h4 {padding-bottom:18px;}
.step2 .txtArea .txt_p {padding-bottom:313px;}
.step2 .txtArea .goSite1 {position:absolute; left:100px; bottom:68px;}
.step2 .txtArea .goSite2 {position:absolute;right:0; top:67px;}

.num01.txtArea {background:url("../images/main/sum_big01.gif") no-repeat 89px 67px;}
.num02.txtArea {background:url("../images/main/sum_big02.gif") no-repeat 89px 67px;}
.num03.txtArea {background:url("../images/main/sum_big03.gif") no-repeat 89px 67px;}
.num04.txtArea {background:url("../images/main/sum_big04.gif") no-repeat 89px 67px;}
.num05.txtArea {background:url("../images/main/sum_big05.gif") no-repeat 89px 67px;}
.num06.txtArea {background:url("../images/main/sum_big06.gif") no-repeat 89px 67px;}
.num07.txtArea {background:url("../images/main/sum_big07.gif") no-repeat 89px 67px;}


.step2 .listArea {overflow:hidden; position:absolute; right:0; top:179px; width:580px;}
.step2 .viewport { overflow:hidden; position:relative;  height:162px;}
.step2 .listArea ul.smBtn {position:absolute; left:0; top:0; float:left; width:1500px; height:138px;}
.step2 .smBtn li {float:left; width:145px;}
.step2 .sumPage {overflow:hidden; margin:29px 0 0 273px;}
.step2 .sumPage li {float:left; padding-right:5px;}




.mside{}
.m_lside{float:left;width:248px;min-height:280px;border-left:1px dotted #acadaf;padding:43px 15px 0;overflow:hidden;}
.m_mside{float:left;width:375px;min-height:280px;border-left:1px dotted #acadaf;padding:43px 14px 0 16px;overflow:hidden;}
.m_rside{float:left;width:350px;min-height:280px;border-left:1px dotted #acadaf;border-right:1px dotted #acadaf;padding:43px 15px 0;overflow:hidden;}

.notice{}
.notice dt{padding-bottom:13px;line-height:0;font-size:0;}
.notice_list{}
.notice_list li{padding:0 0 9px 12px;background:url(/2013/images/main/icon1.gif) 1px 4px no-repeat;line-height:0;font-size:0;vertical-align:top;}
.notice_list li a{color:#666;font:12px/1 '굴림',gulim,sans-serif;letter-spacing:-1px;}
.date{color:#9a9a9a;font:11px/1 '굴림',gulim,sans-serif;display:inline-block;padding-right:8px;}

.event{padding-top:25px;}
.event dt{padding-bottom:13px;}
.event_list{}
.event_list li{padding:0 0 9px 12px;background:url(/2013/images/main/icon1.gif) 1px 4px no-repeat;line-height:0;font-size:0;vertical-align:top;}
.event_list li a{color:#666;font:12px/1 '굴림',gulim,sans-serif;letter-spacing:-1px;}

.face{}
.face_tt{padding-bottom:5px;}

.bank{float:left;width:184px;height:162px;overflow:hidden;}
.weather{float:left;padding-left:4px;}
.info_banner{clear:both;line-height:0px;font-size:0px;height:0;padding-top:12px;}


.f_banner_n {width:980px; height:41px; margin:0 auto;}
.f_banner_n #BannerBox{width:980px;height:41px;position:relative;}
.f_banner_n #BannerBox h5{position:absolute;left:12px;top:16px;}
.f_banner_n #BannerList{width:900px;position:absolute;z-index:100;}
.f_banner_n .BannerListStyle{ height:33px;left:50px;top:7px;overflow:hidden;}
.f_banner_n #BannerListSub{position:relative;}
.f_banner_n .BannerUlStyle{position:absolute;}
.f_banner_n #BannerList ul li{float:left;width:150px; }
.f_banner_n #BannerListCon{width:980px;height:45px;position:relative;}
.f_banner_n .btn {cursor:pointer;position:absolute;}
.f_banner_n .btn_l{top:8px;left:0;}
.f_banner_n .btn_r{top:8px;right:0;}