.mainvisual {width:100%; height:580px;overflow:hidden; position:relative; padding-top:91px;}
.mainvisual .visual_list {width:100%; height:580px;}
.mainvisual > ul > li {height:580px; width:100%; position:absolute; display:block; left:100%;}
.mainvisual > ul > li > a {height:580px; width:100%; position:absolute; display:block;overflow:hidden; text-indent:-9999px;}
.mainvisual > ul > li.visual_01 > a {background:url("../images/main/visual_01.jpg") 50% 0;}
.mainvisual > ul > li.visual_02 > a {background:url("../images/main/visual_02.jpg") 50% 0;}
.mainvisual > ul > li.visual_03 > a {background:url("../images/main/visual_03.jpg") 50% 0;}
.mainvisual > ul > li.visual_04 > a {background:url("../images/main/visual_04.jpg") 50% 0;}
.mainvisual > ul > li.visual_05 > a {background:url("../images/main/visual_05.jpg") 50% 0;}
.mainvisual > ul > li.visual_06 > a {background:url("../images/main/visual_06.jpg") 50% 0;} 
.mainvisual > ul > li.visual_07 > a {background:url("../images/main/visual_07.jpg") 50% 0;}
.mainvisual > ul > li.visual_08 > a {background:url("../images/main/visual_08.jpg") 50% 0;}
.mainvisual > ul > li.visual_09 > a {background:url("../images/main/visual_09.jpg") 50% 0;}
.mainvisual > ul > li.visual_10 > a {background:url("../images/main/visual_10.jpg") 50% 0;}
.mainvisual > ul > li.visual_11 > a {background:url("../images/main/visual_11.jpg") 50% 0;}
.mainvisual > ul > li.visual_12 > a {background:url("../images/main/visual_12.jpg") 50% 0;}
.mainvisual > ul > li.visual_13 > a {background:url("../images/main/visual_13.jpg") 50% 0;}

.mainvisual li:first-child {left:0}
.mainvisual .btn_prev {left:60px; top:340px; position:absolute;}
.mainvisual .btn_next {right:60px; top:340px;position:absolute;}

.mainvisual .btnWrap {position:relative; z-index:10; top:-40px; }
.mainvisual .btnWrap li {float:left; margin-left:5px;} 
.mainvisual .btnWrap li:first-child {float:left; margin-left:0px;}
.mainvisual .btnWrap li a {display:block; background:rgba(0,0,0,0.6); border-radius:5px 5px 0 0; width:138.5px; height:40px;color:#fff; text-align:center; line-height:42px; font-size:20px; font-family:"nanum";} /* =======[ 20161109(수) 수정 ]======= */
.mainvisual .btnWrap li a:hover,.mainvisual .btnWrap li a.on {background:#716ab0;}s


.maincontents h2 {font-size:32px; font-family:"nanumB"; margin-bottom:20px;}
.maincontents .news {padding:40px 0;}
.maincontents .news_wrap {float:left; width:650px; position:relative;}
.maincontents .news_wrap .more {position:absolute; right:0; top:20px; font-size:16px; color:#808080; }
.maincontents .quick {float:right; width:323px;}
.maincontents .quick li {float:left; width:160px; height:150px; border:1px solid #ccc; margin:-1px 0 0 -1px;}
.maincontents .quick li a {display:block; text-align:center; font-size:15px; padding-top:100px;}
.maincontents .quick li a:hover {color:#605891;}
.maincontents .quick .q01  {background:url("../images/main/icon01.gif") no-repeat 50% 30px #fafafa;}
.maincontents .quick .q02  {background:url("../images/main/icon02.gif") no-repeat 50% 30px #fff;}
.maincontents .quick .q03  {background:url("../images/main/icon03.gif") no-repeat 50% 30px #fff;}
.maincontents .quick .q04  {background:url("../images/main/icon04.gif") no-repeat 50% 30px #fafafa;}


.maincontents .news_wrap img {display:block; float:left;}
.maincontents .news_wrap .news_contents {float:left; margin-left:30px; }
.maincontents .news_wrap .news_contents p {position:absolute; bottom:15px; line-height:180%; color:#808080;}

.maincontents .news_wrap .list_top {padding:15px 0; border-top:1px solid #ccc;;border-bottom:1px solid #ccc;position:relative;}
.maincontents .news_wrap .list_top h3 {font-size:24px; margin-bottom:10px;}
.maincontents .news_wrap .list_top .date {font-size:15px; color:#margin-bottom:10px;}

.maincontents .news_wrap ul {overflow:hidden; padding:15px 0; border-bottom:1px solid #ccc;}
.maincontents .news_wrap ul li {position:relative; line-height:190%;}
.maincontents .news_wrap ul li a{font-size:16px; float:left;}
.maincontents .news_wrap ul li a:hover {color:#605891; text-decoration:underline;}
.maincontents .news_wrap ul li .date{font-size:15px; color:#716ab0; float:right;}

.maincontents .app {height:200px; background:url("../images/main/app.jpg") 50% 0;}
.maincontents .app .btnWrap {float:right; position:relative; margin-top:58px;}
.maincontents .app .btnAndroid {display:block;width:242px; height:82px; bo rder:1px solid #fff; float:left; text-indent:-9999px; overflow:hidden;}
.maincontents .app .btnIos {display:block;width:242px; height:82px; bo rder:1px solid #fff; float:left; margin-left:10px; text-indent:-9999px; overflow:hidden;}

.support {padding:40px 0;}
.support h2 {text-align:center; font-size:40px;}
.support li {float:left; border-top:2px solid #716ab0; margin-left:8px; background:#f8f8f8; width:328px; }
.support li:first-child {margin-left:0;}
.support li dl{padding:0 20px;width:286px;height:215px; border:1px solid #ccc; border-top:none;}
.support li dl dt{font-size:22px; padding:18px 0; border-bottom:1px dashed #ccc; text-align:center;}
.support li dl dd{padding:18px 0;color:#808080; line-height:150%; text-align:center; height:100px; position:relative; letter-spacing:-0.01em;}
.support li a {text-align:center; display:block; position:absolute; bottom:15px; left:50%; margin-left:-90px;}

.btnWrap ul li span.txt02{ font-size: 14px !important; line-height: 1.2; margin-top: 3.5px; display: inline-block;}



/* 
.sub_navi {position:relative; width:100%;}

.product_wrap {height:200px; background:url("../images/main/bg_product.gif") repeat-x; text-align:center; overflow:hidden; width:100%; z-index:3;}
.product_wrap > ul {display:inline-block; zoom:1; *display:inline; position:relative;}
.product_wrap > ul > li {float:left; background:url("../images/contents/bg_lnb_line.gif") no-repeat 0 50%;padding:20px 18px;}
.product_wrap > ul > li:first-child {background:none;}
.product_wrap > ul > li > a{ color:#fff; font-size:17px;display:block;}
.product_wrap > ul > li:hover > a,.product_wrap > ul > li.on > a{ color:#fde059; font-size:17px;display:block;}
.product_wrap > ul > li .product {position:absolute; top:67px; left:-123px; width:1000px;}
.product_wrap > ul > li .product li {float:left;  padding:5px 0;border:3px solid #f3f3f3;width:158px; height:110px; margin-right:2px; position:relative;}
.product_wrap > ul > li .product li.last-child {margin-right:0px;}
.product_wrap > ul > li .product li:hover,.product_wrap > ul > li .product li.on {background:#fff;border:3px solid #ffda33;}
.product_wrap > ul > li .product li .tit_wrap {position:absolute; top:65px; width:100%;  text-align:center; font-weight:normal; font-size:13px;}
.product_wrap > ul > li .product li span {display:block; margin-bottom:1px;}
.product_wrap > ul > li .product li img {text-align:center;}
.product_wrap > ul > li .product li a {display:block; height:100%;}



.rolling_wrap {background:#e7f0f3;height:240px; pad ding:20px; border-top:3px solid #80a3be;  border-bottom:1px solid #ccc;;}
.rolling {position:relative;}
.rolling .icon_box {float:left; width:80px;}
.rolling .icon_box .patent {width:75px; height:64px;background:#fff; text-align:center; padding-top:6px}
.rolling .icon_box li {width:75px; height:22px;background:#708799; text-align:center; color:#fff; text-align:center;line-height:21px; font-weight:normal; margin-bottom:6px;border-radius:4px; font-size:13px;}
.rolling .icon_box li.red_txt {background:#c00;}
.rolling .desc_box {float:left;}
.rolling .desc_box .img_box {float:left; width:400px; text-align:center; padding-top:15px;}
.rolling .desc_box .desc {float:left; width:520px;}
.rolling .desc_box .desc .main_copy {font-size:23px; margin-bottom:15px; font-family:"nanumB"; line-height:120%;}
.rolling .desc_box .desc h3 {color:#005c9f; margin-bottom:15px;;}
.rolling .desc_box .desc h3 .main {font-size:20px; display:block;  margin-bottom:5px;}
.rolling .desc_box .desc h3 .sub {font-size:15px; display:block; letter-spacing:-1px;}
.rolling .desc_box .desc h3 .sub em {color:#008080;}
.rolling .desc_box .desc .strong_point {margin-bottom:20px;;}
.rolling .desc_box .desc .strong_point li {color:#666; background:url("../images/main/bg_dot.gif") no-repeat 0 50%; padding-left:10px; line-height:130%; font-size:13px; font-weight:normal;}
.rolling .desc_box .desc .btn_detail {width:160px; height:30px; background:#007ed9; text-align:center;color:#fff; line-height:30px;display:block;border-radius:4px; font-size:16px;;}

.rolling .btn_prev {position:absolute; left:-40px; top:87px;}
.rolling .btn_next {position:absolute; right:-40px; top:87px;}
.rolling .car_list {width:1000px; height:242px; overflow:hidden;position:relative;;}
.rolling .car_list > li {position:absolute; left:100%; top:0; width:1000px }
.rolling .car_list > li:first-child {left:0;}


.maincontents .notice {width:480px; margin-bottom:40px;;}
.maincontents .notice {position:relative;}
.maincontents .notice .btn_more {position:absolute; top:5px; right:0; color:#788a93; font-we ight:normal;}
.maincontents .notice .btn_more:hover {color:#10629d;}
.maincontents .notice dt {font-size:18px; font-family:"nanumB"; margin-bottom:17px;}
.maincontents .notice dd  li .date{color:#005c9f; margin-right:10px; font-weight:bold;}
.maincontents .notice dd  li {line-height:180%;}
.maincontents .notice dd  li a {color:#666; font-weight:normal; font-size:13px;}
.maincontents .notice_wrap {border-right:1px solid #ccc; padding-right:20px;}
.maincontents .movie {width:480px; margin-bottom:0;}

.quick {background:#e6e6e6; border-top:1px solid #c0c9cc; padding:30px 0;}
.quick li {float:left; margin-left:20px;}
.quick li:first-child {margin-left:0;}

 */