/* layout */
#visual {width:100%; height:604px; background:#F3F3F3 url(../design/visual_loading.gif) no-repeat 50% 230px;}
#visual .visual {position:relative; overflow:hidden; width:100%; height:604px;}
#visual .bg, #visual .img {position:absolute; top:0; left:0; overflow:hidden; width:1px; height:1px;}
#visual .bg img, #visual .img img {margin:1px;}
#visual .img.loaded {left:-100%; right:-100%; width:auto; min-width:100%; height:604px; margin:0 auto;}
#visual .img.loaded img {margin:0 auto;}
#visual .btns {position:relative; top:230px; width:1100px; height:91px; margin:0 auto; z-index:190;}
#visual .btn_prev, #visual .btn_next {position:absolute; top:0; overflow:hidden; width:91px; height:91px; margin:0; padding:0; border:0; background:url(../design/btn_visual_prev.png) no-repeat 0 0; text-indent:-999px; cursor:pointer;}
#visual .btn_prev {left:-200px;}
#visual .btn_next {right:-200px; background-image:url(../design/btn_visual_next.png);}
#content {position:relative; top:-80px; width:1100px; height:400px; margin:0 auto; text-align:left;}

/* content */
.notice {height:294px;}

#latest_notice {float:left; position:relative; overflow:hidden; width:550px; height:294px; background:#137CC0;}
#latest_notice .tab {position:absolute; top:34px; left:40px; width:470px; height:0;}
#latest_notice a, #latest_notice a:hover {color:#FFF;}
#latest_notice h3 {position:absolute; top:0; left:0; font-weight:normal; font-size:1.2em; z-index:290;}
#latest_notice h3 a {float:left; width:153px; height:45px; background:#179BF0; line-height:45px; text-align:center;}
#latest_notice h3 a:hover {text-decoration:none;}
#latest_notice .t2 h3 {left:153px;}
#latest_notice .t1_on, #latest_notice .t2_on {height:260px;}
#latest_notice .t1_on h3 a, #latest_notice .t2_on h3 a {background:#06598E;}
#latest_notice ul {position:absolute; top:-999px; left:-999px; margin:0; padding:0; list-style:none;}
#latest_notice li {position:relative; margin:0; padding:0.3em 4em 0 0;}
#latest_notice li img {display:none;}
#latest_notice .t1_on ul, #latest_notice .t2_on ul {top:45px; left:0; width:470px; padding-top:1.2em; border-top:1px solid #5BA7D8;}
#latest_notice .date {position:absolute; top:0.5em; right:0; font-size:0.85em; color:#BAD1E7; font-style:normal;}
#latest_notice .more {display:none; position:absolute; top:0; right:0; overflow:hidden; width:45px; height:45px; background:#06598E;}
#latest_notice .more:before {float:left; width:45px; height:45px; line-height:45px; font-size:1.2em; text-align:center; content:'\002B';}
#latest_notice .more:hover {text-decoration:none;}
#latest_notice .t1_on .more, #latest_notice .t2_on .more {display:block;}

.news {float:right; position:relative; width:550px; height:294px; background:#E9E6E6;}
.news h3 {font-weight:normal; font-size:1.2em; text-indent:40px; line-height:90px;}
.news ul {position:absolute; top:79px; left:40px; width:470px; height:180px; margin:0; padding:0; list-style:none;}
.news li {margin:0; padding:0;}
.news .thm {overflow:hidden; width:470px; height:180px;}
.news .thm img {float:left;}
.news .tit {position:absolute; bottom:0; right:0; height:35px; padding:0 20px; background:#1496F0; background-color:rgba(20,150,240,0.9); font-weight:600; color:#FFF; line-height:35px; white-space:nowrap;}
.news .tit a {float:left; color:#FFF;}
.news .tit a:hover {color:#FFF;}
.news .tit img {display:none;}
.news .motion {-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

/*
.news {float:right; position:relative; width:550px; height:294px; background:#F5F2F2;}
.news h3 {font-weight:normal; font-size:1.2em; text-indent:40px; line-height:100px;}
.news ul {position:absolute; top:79px; left:40px; width:470px; margin:0; padding:1.2em 0 0; border-top:1px solid #999; list-style:none;}
.news li {position:relative; margin:0; padding:0.3em 4em 0 0;}
.news li img {display:none;}
.news li.h {width:550px; height:90px; padding-right:0;}
.news .thm {float:left; margin-right:20px;}
.news .thm img {display:block; float:left; margin:0!important;}
.news .tit {float:left; width:330px; font-weight:600; white-space:nowrap;}
.news .note {float:left; width:330px; padding-top:0.5em; line-height:1.5;}
.news .date {position:absolute; top:0.5em; right:0; font-size:0.85em; color:#888; font-style:normal;}
.news .more {position:absolute; top:34px; right:40px; overflow:hidden; width:45px; height:45px; background:#555; color:#FFF;}
.news .more:before {float:left; width:45px; height:45px; line-height:45px; font-size:1.2em; text-align:center; content:'\002B';}
.news .more:hover {color:#FFF; text-decoration:none;}

.application {float:right; position:relative; width:550px; height:294px; background:#F5F2F2;}
.application h3 {font-weight:normal; font-size:1.2em; text-indent:40px; line-height:100px;}
.application ul {position:absolute; top:79px; left:40px; width:470px; margin:0; padding:1.2em 0 0; border-top:1px solid #999; list-style:none;}
.application li {position:relative; margin:0; padding:0.3em 4em 0 0;}
.application .stat_ing, .application .stat_fin, .application .stat_pre {position:absolute; top:0.5em; right:0; height:2em; padding:0 0.5em; background:#3AC; font-size:0.8em; color:#FFF; line-height:2em;}
.application .stat_fin {background:#999;}
.application .stat_pre {background:#3A3;}
.application .more {position:absolute; top:34px; right:40px; overflow:hidden; width:45px; height:45px; background:#555; color:#FFF;}
.application .more:before {float:left; width:45px; height:45px; line-height:45px; font-size:1.2em; text-align:center; content:'\002B';}
.application .more:hover {color:#FFF; text-decoration:none;}

.popzone {float:right; position:relative; width:550px; height:294px; background:#F5F2F2;}
.popzone h2 {font-weight:normal; font-size:1.2em; text-indent:40px; line-height:80px;}
.popzone .btns {position:absolute; top:30px; right:40px; height:21px; margin:0; padding:0; list-style:none;}
.popzone .btns li {float:left; margin:0; padding:0 0 0 5px;}
.popzone .btns a {float:left; overflow:hidden; width:21px; height:21px; background:#BBB; font-weight:bold; font-size:0.8em; color:#FFF; line-height:21px; text-align:center;}
.popzone .btns a:hover {text-decoration:none;}
.popzone .btns .on {background:#555;}
.popzone .btns .stop a:before {float:left; width:3px; height:11px; margin:5px 6px; border-left:3px solid #FFF; border-right:3px solid #FFF; content:'';}
.popzone .btns .play a:before {float:left; width:21px; height:21px; font-size:10px; text-align:center; content:'\25B6';}
#popzone {position:absolute; top:80px; left:40px; width:470px; height:175px; margin:0; padding:0; list-style:none;}
#popzone li {position:absolute; top:0; left:0; margin:0; padding:0;}
#popzone img {vertical-align:middle;}
*/

.quick {clear:both; overflow:hidden; height:250px;}
.quick ul {float:left; margin:0; padding:0; list-style:none;}
.quick li {float:left; width:367px; height:250px; margin:0; padding:0; background:#114f7d; color:#FFF; text-align:center;}
.quick .m1 {width:366px;}
.quick .m2 {background:#1e68a7 url(../design/bg_quick2.jpg);}
.quick .m3 {background:#5d83d4 url(../design/bg_quick3.jpg);}
.quick .h {overflow:hidden; height:100px; font-size:1.8em; line-height:120px;}
.quick .note {margin:0 20px 30px; font-size:1.05em; line-height:1.5em;}
.quick .go {display:inline-block; padding:0 1.5em; border:1px solid #FFF; font-size:1.15em; color:#FFF; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.quick .go:hover {background:#FFF; color:#333; text-decoration:none;}

.banner {clear:both; position:relative; height:114px; background:#F5F6F6;}
.banner .go_lft, .banner .go_rgt {position:absolute; top:30px; overflow:hidden; width:25px; height:54px; margin:0; padding:0; border:0; background:none; cursor:pointer;}
.banner .go_lft {left:10px;}
.banner .go_rgt {right:10px;}
.banner .go_lft:before, .banner .go_rgt:before {float:left; width:25px; height:54px; font-weight:600; font-size:25px; color:#CCC; line-height:54px; text-align:center;}
.banner .go_lft:before {content:'\3008';}
.banner .go_rgt:before {content:'\3009';}
.banner .lst {position:absolute; top:30px; left:45px; overflow:hidden; width:1010px; height:54px;}
.banner ul {position:absolute; top:0; left:0; width:1010px; height:54px; margin:0; padding:0; list-style:none;}
.banner li {float:left; margin:0; padding:0 12px;}
.banner li img {width:178px; height:54px;}