@charset "euc-kr";

.bx-has-controls-auto {position:absolute;top:20px;left:20px;width: 100%;height: 14px;position: absolute}
.bx-has-controls-auto2 {position:absolute;top:500px;left:500px;width: 100%;height: 14px;position: absolute}

.bxslider li {text-indent:-9999px;height:490px} 

.m_vis01 {background: url(../../images/front/main_vis01_1600.jpg) no-repeat center top}
.m_vis02 {background: url(../../images/front/main_vis02.jpg) no-repeat center top}
.m_vis03 {background: url(../../images/front/main_vis03.jpg) no-repeat center top}
.m_vis04 {background: url(../../images/front/main_vis04.jpg) no-repeat center top}


.m_banner .m_cont li a {display:block;padding-top:80px;color:#fff;font-size:16px}
.bx-wrapper {position:relative}

.bx-pager div {float:left}
.bx-pager div a {display:block;background: url(../../images/front/main_nav.png) no-repeat left top;width:15px;height:11px;text-indent:-9999px}
.bx-pager div a.active {background-position:-15px 0;width:31px}
.bx-controls-auto {}
.bx-controls-auto div {float:left}
.bx-controls-auto-item a {background: url(../../images/front/main_ss.png) no-repeat left top;width:9px;height:11px;text-indent:-9999px;display:inline-block}
.bx-controls-auto-item a.bx-stop {background-position:-9px 0;}
.bx-controls-auto-item a.active {display:none}
.bx-controls-auto-item a {display:block}
.bx-controls-direction a {;position:absolute;top:50%;margin-top:-36px;background: url(../../images/front/main_arrow.png) no-repeat left top;width:37px;height:72px;display:block;text-indent:-9999px}

.bx-pager2 div {float:center}
.bx-pager2 div a {display:block;background: url(../../images/front/main_nav.png) no-repeat left top;width:15px;height:11px;text-indent:-9999px}
.bx-pager2 div a.active {background-position:-15px 0;width:31px}

.bx-controls-auto2 {}
.bx-controls-auto2 div {float:center}
.bx-controls-auto-item2 a {background: url(../../images/front/main_ss.png) no-repeat left top;width:9px;height:11px;text-indent:-9999px;display:inline-block}
.bx-controls-auto-item2 a.bx-stop {background-position:-9px 0;}
.bx-controls-auto-item2 a.active {display:none}
.bx-controls-auto-item2 a {display:block}
.bx-controls-direction2 a {;position:absolute;top:50%;margin-top:-36px;background: url(../../images/front/main_arrow.png) no-repeat left top;width:37px;height:72px;display:block;text-indent:-9999px}
 
.m_bottom {overflow:hidden;margin-top:40px}
.m_bottom .bt_left {float:left;width:514px;margin-right:20px}

.m_bottom2 {overflow:hidden;margin-top:40px}
.m_bottom2 .bt_left {float:left;width:514px;margin-right:20px}

.m_notice {border-right:1px solid #ddd;float:left;width:504px;overflow:hidden;height:175px;position:relative; background:url(../../images/front/m_notice_bg.jpg) repeat-x left top}
.m_notice > ul {overflow:hidden;}
.m_notice > ul > li {float:left;border-right:1px solid #ccc;font-size:20px;}
.m_notice > ul > li > a {padding:12px 30px 11px 30px;display:block;background:#eaeaea;}
.m_notice > ul > li.on > a {background:#fff;border-bottom:1px solid #fff;font-weight:bold;color:#000}
..m_notice > ul > li div {display:none}
.m_notice > ul > li.on div {display:block}
.m_notice > ul > li div {position:absolute;top:70px;left:0;padding:0 0 0 30px;width:455px}
.m_notice > ul > li div li {margin-top:5px;position:relative; font-size:16px;}
.m_notice > ul > li div a {width:340px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;display: block;overflow: hidden;font-size:15px;color:#555;}
.m_notice > ul > li div a:hover {text-decoration:underline}
.m_notice > ul > li div span {position:absolute;top:0;right:0;font-size:14px;color:#888;font-weight:normal}

.m_bottom .bt_center {width:280px;float:left}
.m_bottom .bt_right {float:right;width:447px}
.m_bottom .bt_left .more {width:14px !important;height:14px;position:absolute;top:-51px;right:-10px;background:#f9f9f9 url(../../images/front/main_more.jpg) no-repeat 0 0 !important;padding:0 0 0 0 !important;text-indent:-9999px}

.m_bottom2 .bt_center {width:280px;float:left}
.m_bottom2 .bt_right {float:right;width:447px}
.m_bottom2 .bt_left .more {width:14px !important;height:14px;position:absolute;top:-51px;right:-10px;background:#f9f9f9 url(../../images/front/main_more.jpg) no-repeat 0 0 !important;padding:0 0 0 0 !important;text-indent:-9999px}

.m_notice01 {margin-top:20px;border:1px solid #ccc;position:relative}
.m_notice01 p {border-bottom:1px solid #ccc;height:51px;line-height:51px;padding-left:30px;font-weight: bold;color: #000;font-size:20px}
.m_notice01 ul {margin:26px 30px 25px 30px}
.m_notice01 ul li {margin-top: 5px;position:relative}
.m_notice01 ul li a {width: 340px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;display: block;overflow: hidden;font-size: 15px;color: #555;}
.m_notice01 ul li a:hover {text-decoration:underline}
.m_notice01 ul li span {position: absolute;top: 0;right: 0;font-size: 14px; color: #888;font-weight: normal;}
.m_notice01 .more01 {width:14px;height:14px;position:absolute;top:18px;right:15px;background:url(../../images/front/main_more.jpg) no-repeat 0 0 !important;padding:0 0 0 0 !important;text-indent:-9999px}

.bt_center .bx-pager {} 
#bot_right3 .bx-pager div {float:left;}   
#bot_right3 .bx-default-pager {margin-left:350px;}   
#bot_right3 .bx-controls-direction {display:none}
#bot_right3 .bx-controls-auto  {}
#bot_right3 .bx-controls-auto div {float:left} 
#bot_right3 .bx-has-controls-auto {position:absolute;top:350px;left:130px;width: 95%;height: 14px;position: absolute}
#bot_right3 .bx-controls-auto-item a.bx-stop {background-position:-9px 0;}
#bot_right3 {height:775px;float:center;width:100%;margin-right:-1px;}
#bot_right3 img {height:144px} 

.bt_center .bx-pager {}
.bot_right .bx-controls-direction {display:none}
.bot_right .bx-controls-auto  {}
.bot_right li {height:347px;}
.bot_right li img{width:100%; height:100%;}
 
.bt_center .bx-pager {} 
.bot_right2 .bx-pager div {float:left;}   
.bot_right2 .bx-default-pager {margin-left:350px;}   
.bot_right2 .bx-controls-direction {display:none}
.bot_right2 .bx-controls-auto  {}
.bot_right2 .bx-controls-auto div {float:left} 
.bot_right2 .bx-has-controls-auto {position:absolute;top:20px;left:20px;width: 95%;height: 14px;position: absolute}
.bot_right2 .bx-controls-auto-item a.bx-stop {background-position:-9px 0;}
.bot_right2 {height:144px;float:left;width:50%;margin-right:-1px;}
.bot_right2 img {width:504px;height:144px} 
 

