/**
 * Animation Banner (jQuery 1.7.2, jQuery UI 1.8.16 기반)
 * Author : Ok Chang Won
 * Date : 2014.08.01
**/
div.designBanner[designelement='banner'] {text-align:center}

ul.anibanner_image_list {z-index:1;}
ul.anibanner_image_list li {position:relative;}
ul.anibanner_image_list li a {position:relative; display:block;}
ul.anibanner_image_list li img.anibanner_image_element {z-index:2; position:relative;}
ul.anibanner_image_list li span.anibanner_image_border {z-index:3; position:absolute; left:0px; top:0px; display:none;}

/* 좌우 버튼 */
.anibanner_navigation_btn_prev {z-index:2; position:absolute; cursor:pointer}
.anibanner_navigation_btn_next {z-index:2; position:absolute; cursor:pointer}

/* 좌우 버튼 스타일 */
.anibanner_navigation_btn_style_1_prev {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_1_prev:hover,
.anibanner_navigation_btn_style_1_prev_on {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_prev_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_1_prev_off {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_1_next {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_next.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_1_next:hover,
.anibanner_navigation_btn_style_1_next_on {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_next_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_1_next_off {display:inline-block; width:72px; height:72px; background:url('/admin/skin/default/images/design/banner/btn/btn1_next.png') no-repeat; vertical-align:middle}

.anibanner_navigation_btn_style_2_prev {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_2_prev:hover,
.anibanner_navigation_btn_style_2_prev_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_prev_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_2_prev_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_2_next {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_next.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_2_next:hover,
.anibanner_navigation_btn_style_2_next_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_next_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_2_next_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn2_next.png') no-repeat; vertical-align:middle}

.anibanner_navigation_btn_style_3_prev {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_3_prev:hover,
.anibanner_navigation_btn_style_3_prev_on {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_prev_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_3_prev_off {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_3_next {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_next.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_3_next:hover,
.anibanner_navigation_btn_style_3_next_on {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_next_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_3_next_off {display:inline-block; width:46px; height:78px; background:url('/admin/skin/default/images/design/banner/btn/btn3_next.png') no-repeat; vertical-align:middle}

.anibanner_navigation_btn_style_4_prev {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_4_prev:hover,
.anibanner_navigation_btn_style_4_prev_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_4_prev_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_4_next {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_4_next:hover,
.anibanner_navigation_btn_style_4_next_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_4_next_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next.png') no-repeat; vertical-align:middle}

.anibanner_navigation_btn_style_5_prev {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_5_prev:hover,
.anibanner_navigation_btn_style_5_prev_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_5_prev_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_prev.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_5_next {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_5_next:hover,
.anibanner_navigation_btn_style_5_next_on {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next_on.png') no-repeat; vertical-align:middle}
.anibanner_navigation_btn_style_5_next_off {display:inline-block; width:62px; height:62px; background:url('/admin/skin/default/images/design/banner/btn/btn4_next.png') no-repeat; vertical-align:middle}

/* 페이징 스타일 */

ul.anibanner_navigation_paging {position:relative; z-index:3; *zoom:1; display:inline-block;}
ul.anibanner_navigation_paging:after {clear:both; display:block; content:""}
ul.anibanner_navigation_paging li {cursor:pointer}
ul.anibanner_navigation_paging li .inactiveImg {display:block;}
ul.anibanner_navigation_paging li .activeImg {display:none;}
ul.anibanner_navigation_paging li.current {cursor:default;}
ul.anibanner_navigation_paging li.current .inactiveImg {display:none;}
ul.anibanner_navigation_paging li.current .activeImg {display:block;}

ul.anibanner_navigation_custom {display:inline-block; *zoom:1}
ul.anibanner_navigation_custom:after {content:""; display:block; clear:both}
ul.anibanner_navigation_custom li {float:left;}
ul.anibanner_navigation_custom li .inactiveImg {display:block;}
ul.anibanner_navigation_custom li .activeImg {display:none;}
ul.anibanner_navigation_custom li.current {}
ul.anibanner_navigation_custom li.current .inactiveImg {display:none;}
ul.anibanner_navigation_custom li.current .activeImg {display:block;}

ul.anibanner_navigation_paging_style_1 {display:inline-block; *zoom:1}
ul.anibanner_navigation_paging_style_1:after {content:""; display:block; clear:both}
ul.anibanner_navigation_paging_style_1 li {float:left; margin-left:5px; width:5px; height:5px;  border-radius:50%; background-color:#bababa; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_1 li.current {background-color:#333446;}
ul.anibanner_navigation_paging_style_1 li:first-child {margin-left:0px;}

ul.anibanner_navigation_paging_style_2 {display:inline-block; *zoom:1}
ul.anibanner_navigation_paging_style_2:after {content:""; display:block; clear:both}
ul.anibanner_navigation_paging_style_2 li {float:left; margin-left:8px; width:12px; height:12px; background:url('/admin/skin/default/images/design/banner/paging/navi_squ.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_2 li.current {background:url('/admin/skin/default/images/design/banner/paging/navi_squ_on.png') no-repeat;}
ul.anibanner_navigation_paging_style_2 li:first-child {margin-left:0px;}

ul.anibanner_navigation_paging_style_3 {display:inline-block; *zoom:1}
ul.anibanner_navigation_paging_style_3:after {content:""; display:block; clear:both}
ul.anibanner_navigation_paging_style_3 li {float:left; width:30px; height:5px; background-color:#a2a2a2; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_3 li.current {background-color:#ff5212;}

ul.anibanner_navigation_paging_style_4 {display:inline-block; *zoom:1; width:29px; height:15px; position:relative;}
ul.anibanner_navigation_paging_style_4:after {content:""; display:block; clear:both}
ul.anibanner_navigation_paging_style_4 li.paging_btn_prev {position:absolute; width:14px; height:15px; left:0px; top:0px; background:url('http://img.moongori.com/_image/main/rolling/btn_left.gif') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_4 li.paging_btn_body {text-align:center; color:#aaaaaa; letter-spacing:3px; font-family:tahoma; display:none;}
ul.anibanner_navigation_paging_style_4 li.paging_btn_body .paging_btn_num_now {font-size:12px; color:#f04100; font-weight:bold;}
ul.anibanner_navigation_paging_style_4 li.paging_btn_body .paging_btn_num_max {font-size:12px; color:#999999; font-weight:bold;}
ul.anibanner_navigation_paging_style_4 li.paging_btn_next {position:absolute; width:15px; height:15px; right:0px; top:0px; background:url('http://img.moongori.com/_image/main/rolling/btn_right.gif') no-repeat; overflow:hidden; text-indent:-1000px;}

ul.anibanner_navigation_paging_style_5 {display:inline-block; *zoom:1; width:94px; height:30px; position:relative; background:url('/admin/skin/default/images/design/banner/paging/navi_btn2_bg.png') no-repeat;}
ul.anibanner_navigation_paging_style_5:after {content:""; display:block; clear:both}
ul.anibanner_navigation_paging_style_5 li.paging_btn_prev {position:absolute; width:8px; height:13px; left:10px; top:8px; background:url('/admin/skin/default/images/design/banner/paging/navi_btn2_prev.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_5 li.paging_btn_body {text-align:center; color:#eeeeee; letter-spacing:3px; font-family:tahoma; line-height:26px;}
ul.anibanner_navigation_paging_style_5 li.paging_btn_body .paging_btn_num_now {font-size:12px; color:#00eaff; font-weight:bold;}
ul.anibanner_navigation_paging_style_5 li.paging_btn_body .paging_btn_num_max {font-size:12px; color:#ffffff; font-weight:bold;}
ul.anibanner_navigation_paging_style_5 li.paging_btn_next {position:absolute; width:8px; height:13px; right:10px; top:8px; background:url('/admin/skin/default/images/design/banner/paging/navi_btn2_next.png') no-repeat; overflow:hidden; text-indent:-1000px;}

ul.anibanner_navigation_paging_style_6 {margin:43% 4.8% 0 4.8% !important; display:inline-block; *zoom:1; width:10%; height:15%; position:relative; background-color: rgba(0, 0, 0, 0.2); text-align:left;}
ul.anibanner_navigation_paging_style_6:after {content: ""; display: block;clear: both; width: 2%;height: 67%;background-color: #fff;position: absolute;left: 50%;top: 16%;}
ul.anibanner_navigation_paging_style_6:before {content: "";display: block;clear: both;width: 67%;height: 2.5%;background-color: #fff; position: absolute;left: 16%;top: 50%;
/* content:""; position:absolute; right:-7%; top:0; width:40%; height:100%;clear:both;background:url('http://img.moongori.com/_image/event/m_viewBannerIcon_mini.png')no-repeat;background-size: contain;*/}
ul.anibanner_navigation_paging_style_6 li.paging_btn_body{margin-left:14%;color:#eeeeee; letter-spacing:1px; font-family:tahoma; line-height:24px; font-size:2rem; display:none;}
ul.anibanner_navigation_paging_style_6 li.paging_btn_body .paging_btn_num_now {font-size:2rem; color:#ffffff; font-weight:bold;font-family: 'NanumBarunGothic';font-style: normal;}
ul.anibanner_navigation_paging_style_6 li.paging_btn_body .paging_btn_num_max {font-size:2rem; color:#ffffff; font-weight:bold;font-family: 'NanumBarunGothic';font-style: normal;}
ul.anibanner_navigation_paging_style_6 li.paging_btn_body > span {font-size:2rem;}

#progress {position:absolute; width:60%; height:3px; left:4.8%; bottom:17%; z-index:5;}  
#progress > .progressArea{width:100%; height:3px; background-color:rgba(0,0,0,0.4);}
#progress > .progressArea > .progress-complete {background:#fff; height:3px; position:absolute; left:0; transition:all 0.4s;}

ul.anibanner_navigation_paging_style_7 {display:inline-block; *zoom:1; width:181px; height:40px; position:relative; left:460px !important;}
ul.anibanner_navigation_paging_style_7:after {content:""; display:block; clear:both} 
ul.anibanner_navigation_paging_style_7 li.paging_btn_prev {position:absolute; width:41px; height:40px; left:60px; top:0; background:url('http://img.moongori.com/_image/re_moongori/nextAndPrevIcon2.png') no-repeat; overflow:hidden; text-indent:-1000px;}
ul.anibanner_navigation_paging_style_7 li.paging_btn_body {text-align:center; color:#fff; letter-spacing:1px; font-family:tahoma; font-size:14px; font-weight:bold; line-height:38px; width:50px; height:38px; font-family: 'SpoqaHanSans',sans-serif;}
ul.anibanner_navigation_paging_style_7 li.paging_btn_body .paging_btn_num_now {font-size:14px; color:#fff; font-weight:bold;}
ul.anibanner_navigation_paging_style_7 li.paging_btn_body .paging_btn_num_max {font-size:14px; color:#fff; font-weight:bold;}
ul.anibanner_navigation_paging_style_7 li.paging_btn_next {position:absolute; width:40px; height:40px; right:40px; top:0; background:url('http://img.moongori.com/_image/re_moongori/nextAndPrevIcon2.png') no-repeat; overflow:hidden; text-indent:-1000px; background-position: 100% 0;}
ul.anibanner_navigation_paging_style_7 li.plus {width:40px; height:40px; position:absolute; right:1px; top:0; width:40px; height:40px;clear:both;background:url('http://img.moongori.com/_image/re_moongori/more.png')no-repeat;background-size: contain;}

@media all and (min-width:768px) and (max-width:1023px){
	ul.anibanner_navigation_paging_style_6:after{width:4%;}
	ul.anibanner_navigation_paging_style_6:before{height:3%;}
}


@media all and (min-width:376px) and (max-width:413px){
	ul.anibanner_navigation_paging_style_6:before{height:2.5%;}
}

@media all and (min-width:321px) and (max-width:360px){
	ul.anibanner_navigation_paging_style_6:after{width:3%;}
	ul.anibanner_navigation_paging_style_6:before {height:3%;}
}

@media all and (min-width:5px) and (max-width:320px){/*  iphone 3~5,  Lumia~620~1020, HTC 8X, Galaxy S~S3  (320px)*/
	ul.anibanner_navigation_paging_style_6:before{height:3%;}
	ul.anibanner_navigation_paging_style_6:after {width:3%;}
}