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

/* CSS Document */
#wrap img{display:block;}

/* 메인 비주얼 */
#main_visual{width:100%;height:593px;margin-top:8px;position:relative;overflow:hidden;background-color:#dedede;}
#main_visual .vis_bg li{width:100%;height:593px;}
#main_visual .vis_btns ul{position:relative;left:-38px;top:310px;z-index:70;}
#main_visual .vis_btns li{width:75px;height:78px;position:absolute;cursor:pointer;}
#main_visual .vis_btns li.btn_r{right:-75px;}
#main_visual .vis_dots{width:990px;margin:0 auto;position:relative;left:0;top:195px;z-index:70;}
#main_visual .vis_dots ul{float:right;}
#main_visual .vis_dots li{width:59px;height:59px;margin-left:5px;float:left;background-image:url(../images/vis_dots.jpg);background-repeat:no-repeat;cursor:pointer;}
#main_visual .vis_dots li.thum1{background-position:0 0;}
#main_visual .vis_dots li.thum2{background-position:-59px 0;}
#main_visual .vis_dots li.thum3{background-position:-118px 0;}
#main_visual .vis_dots li.thum4{background-position:-177px 0;}
#main_visual .vis_dots li.thum5{background-position:-236px 0;}
#main_visual .vis_dots li.thum1.select{background-position:0 -59px;}
#main_visual .vis_dots li.thum2.select{background-position:-59px -59px;}
#main_visual .vis_dots li.thum3.select{background-position:-118px -59px;}
#main_visual .vis_dots li.thum4.select{background-position:-177px -59px;}
#main_visual .vis_dots li.thum5.select{background-position:-236px -59px;}
/*
#main_visual .mvis_txt{width:990px;margin:0 auto;position:relative;z-index:100;}
#main_visual .mvis_txt li{position:absolute;display:none;}
#main_visual .mvis_txt .mtxt1{left:30px;top:177px;}
#main_visual .mvis_txt .mtxt2{left:104px;top:234px;}
#main_visual .mvis_txt .mtxt3{left:1px;top:288px;}
*/


/* 미들컨텐츠 */
#main_middle{width:990px;margin:35px auto 0;overflow:hidden;}

/* 제품 롤링 */
#main_middle .msec01{width:100%;height:155px;margin-bottom:35px;float:left;overflow:hidden;}
.msec01 h2{float:left;}
.rolling_btns{float:right;}
.rolling_btns > ul{}
.rolling_btns > ul > li{width:24px;height:24px;float:left;background:url(../images/rolling_btn.gif) no-repeat left top;cursor:pointer;}
.rolling_btns > ul > li.btn_r{margin-left:5px;background:url(../images/rolling_btn.gif) no-repeat right top;}
/* 롤링 */
.msec01 .mask{width:991px;height:120px;padding-top:13px;overflow:hidden;}
.rolling{}
.rolling > li{width:161px;position:relative;float:left;margin-left:5px;}
.rolling > li.first{margin:0;}
.rolling > li .icon{position:absolute;right:0;top:0;}
#wrap .rolling > li .title{position:absolute;left:0;top:0;display:none;}

/* 공지사항 */
#main_middle .msec02{width:300px;height:215px;margin-right:45px;float:left;}
.msec02 h2{float:left;}
.msec02 .more{margin-top:2px;float:right;}
.msec02 ul{clear:both;font-family:"돋움", Dotum, "굴림", Gulim, "맑은 고딕", "Malgun Gothic", sans-serif;}
.msec02 ul li{padding:13px 0;overflow:hidden;border-bottom:1px solid #ddd;}
.msec02 ul li > span{display:block;}
.msec02 ul li span.txt{width:230px;float:left;}
.msec02 ul li span.txt a{font-size:13px;color:#555;}
.msec02 ul li span.txt a:hover{color:#0884cc;}
.msec02 ul li span.date{float:right;font-size:11px;color:#767676;}
.msec02 ul li.first{padding-top:23px;}
.msec02 ul li.first span.txt{width:300px;}
.msec02 ul li.first span.txt a{font-weight:bold;}
.msec02 ul li.first span.txt span{height:54px;padding-top:10px;display:inline-block;font-size:12px;color:#666;font-weight:normal;}
.msec02 ul li.first span.date{float:left;line-height:30px;}

/* 동영상 */
#main_middle .msec03{width:305px;height:215px;margin-right:45px;float:left;}
.msec03 h2{float:left;}
.msec03 .more{margin-top:2px;float:right;}
.msec03 .video{padding-top:27px;clear:both;}

/* 고객센터 */
#main_middle .msec04{width:295px;height:215px;float:left;background:url(../images/msec04_icon.gif) no-repeat 12px 55px;}
.msec04 h2{margin-bottom:25px;}
.msec04 ul.info{padding-left:108px;}
.msec04 .info li.tel{margin-bottom:13px;font-size:28px;font-family:NanumGothic;font-weight:bold;color:#0066bd;line-height:28px;letter-spacing:-0.5px;}
.msec04 .info li.time{padding-left:17px;background:url(../images/msec04_bullet.gif) no-repeat 4px center;color:#555;line-height:20px;letter-spacing:-0.5px;}
.msec04 .info li.close{margin-top:3px;padding-top:2px;padding-left:17px;border-top:1px solid #ddd;}
.msec04 ul.button{margin-top:20px;overflow:hidden;}
.msec04 ul.button li{margin-right:4px;float:left;}


/* 공지사항 */
.rolling_notice_wrap{width:100%;height:68px;background-color:#ececec;overflow:hidden;}
.rolling_notice_wrap .rolling_notice{width:990px;margin:0 auto;padding:22px 0;overflow:hidden;position:relative;}
.rolling_notice h2{margin-left:27px;float:left;font-size:22px;color:#333;font-weight:normal;line-height:26px;}
.rolling_notice .mnotice{width:390px;height:26px;margin-left:40px;float:left;overflow:hidden;}
.rolling_notice .mnotice li{width:390px;float:left;}
.rolling_notice .mnotice li > span{display:block;font-size:13px;line-height:26px;}
.rolling_notice .mnotice li span.txt{width:260px;padding-left:10px;float:left;}
.rolling_notice .mnotice li span.txt a{color:#555;}
.rolling_notice .mnotice li span.txt a:hover{color:#f05a28;}
.rolling_notice .mnotice li span.date{width:75px;float:right;color:#767676;}
.rolling_notice .mnotice li a{display:block;}
.rolling_notice .button_wrap{margin-right:25px;position:absolute;right:0;top:22px;}
.rolling_notice .button_wrap .notice_btns{margin-right:5px;float:left;}
.rolling_notice .button_wrap .notice_btns li{float:left;cursor:pointer;}
.rolling_notice .button_wrap .more{float:left;}