#bn_container01 { position:relative; width:784px; height:399px; overflow:hidden; } #bn_container01 ul.bnslider01 li { position:absolute; } #bn_pager01 { position:absolute; height:40px; bottom:0; left:30px; border-top:#D2D2D2 1px solid; border-left:0; z-index:1; } #bn_pager01 a { display:block; float:left; line-height:38px; width:145px; height:40px; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px; text-align:center; text-decoration:none; color:#323232; } #bn_pager01 a.on { color:#000; border-top:2px solid #1B1B1B; font-weight:bold; line-height:35px; } a#rolling_prev01 { position:absolute; display:block; left:0; bottom:0; width:30px; height:40px; border-top:#D2D2D2 1px solid; background:url(/images/btn_prev05.gif) no-repeat 10px 11px; z-index:5; } a#rolling_next01 { position:absolute; display:block; right:0; bottom:0; width:30px; height:40px; border-top:#D2D2D2 1px solid; background:url(/images/btn_next05.gif) no-repeat 10px 11px; z-index:5; } #bn_container01:after {content: ""; display: block; clear: both;} #bn_container02 { position:relative; width:557px; height:326px; overflow:hidden; } #bn_container02 ul.bnslider02 li { position:absolute; } #bn_pager02 { position:absolute; bottom:8px; right:0; z-index:100000; } #bn_pager02 a {display:block; float:left; width:20px; padding:0; margin:0px; cursor:pointer; padding-top:10px; background:url(/images/icon_paging1_off.png) no-repeat;} #bn_pager02 a.on { color:#fff; background:url(/images/icon_paging1_on.png) no-repeat; } #bn_container02:after {content: ""; display: block; clear: both;} #bn_container03 { position:relative; width:675px; height:303px; overflow:hidden; } #bn_container03 ul.bnslider03 li { position:absolute; } #bn_pager03 { position:absolute; bottom:8px; right:0; } #bn_pager03 { position:absolute; bottom:8px; right:0; z-index:100000; } #bn_pager03 a { display:block; float:left; width:20px; padding:0; margin:0px; cursor:pointer; font-size:12px; text-align:center; padding-top:10px; text-decoration:none; color:black; background:url(/images/icon_paging1_off.png) no-repeat;} #bn_pager03 a.on { color:#fff; background:url(/images/icon_paging1_on.png) no-repeat; } #bn_container03:after {content: ""; display: block; clear: both;} #bn_container04 { position:relative; height:600px; margin-top:30px; padding-left:200px; } #bn_container04 ul.bnslider04 li { position:absolute; } #bn_container04 img { width:480px; height:480px; text-align:center } #bn_container04 .bnslider04 { width:480px; height:480px; overflow:hidden; } #bn_pager04 { position:absolute; width:480px; top:540px; text-align:center; } #bn_pager04 a { display:inline-block; width:56px; height:56px; margin-right:5px; cursor:pointer; font-size:11px;border:#C8C8C8 1px solid; text-decoration:none; color:#5A5A5A; } #bn_pager04 a img { width:56px; height:56px; } #bn_pager04 a.on { border:#E87301 1px solid; } #bn_container04 .ctrl04 a { position:absolute; display:block; width:41px; height:79px; top:200px; overflow:hidden; z-index:10; } #bn_container04 .ctrl04 a#rolling_prev04 { left:30px; } #bn_container04 .ctrl04 a#rolling_next04 { right:30px; } a#rolling_prev04 { background:url(/images/btn_prev.png) no-repeat; } a#rolling_next04 { background:url(/images/btn_next.png) no-repeat; } #bn_container04:after {content: ""; display: block; clear: both;} #bn_container05 { position:relative; width:380px; height:500px; margin-right:50px; } #bn_container05 ul.bnslider05 li { position:absolute; } #bn_container05 .bnslider05 img { width:380px; height:380px; } #bn_pager05 { position:absolute; bottom:0; top:400px; width:380px; text-align:center; } #bn_pager05 a { display:inline-block; width:90px; height:90px; cursor:pointer; border:#D0D0D0 1px solid; } #bn_pager05 a img { width:90px; height:90px; } #bn_pager05 a.on { border:#E87301 1px solid; } #bn_container05:after {content: ""; display: block; clear: both;} #bn_container06 { position:relative; width:880px; height:335px; overflow:hidden; } #bn_container06 ul.bnslider06 li { position:absolute; } #bn_pager06 { position:absolute; bottom:8px; right:0; } #bn_pager06 { position:absolute; bottom:8px; right:0; z-index:100000; } #bn_pager06 a { display:block; float:left; width:20px; padding:0; margin:0px; cursor:pointer; font-size:12px; text-align:center; padding-top:10px; text-decoration:none; color:black; background:url(/images/icon_paging1_off.png) no-repeat;} #bn_pager06 a.on { color:#fff; background:url(/images/icon_paging1_on.png) no-repeat; } #bn_container06:after {content: ""; display: block; clear: both;} /* 2018.09.05 수정 시작 */ #bn_container07 { position:relative; } #bn_container07 ul.bnslider07 li { position:absolute; } #bn_container07 .bnslider07 { width:880px; height:335px; overflow:hidden; } #bn_container07 .ctrl07 a { position:absolute; display:block; width:90px; height:335px; top:0px; overflow:hidden; z-index:1000000; } #bn_container07 .ctrl07 a#rolling_prev07 { left:0px; } #bn_container07 .ctrl07 a#rolling_next07 { right:0px; } a#rolling_prev07 { background:url(/images/btn_prev02.png) no-repeat 30px 133px; } a#rolling_next07 { background:url(/images/btn_next02.png) no-repeat 30px 133px; } #bn_container07:after {content: ""; display: block; clear: both;} /* 2018.09.05 수정 끝 */ /* 2018.09.20 수정 시작 */ #bn_container08 { position:relative; } #bn_container08 ul.bnslider08 li { position:absolute; } #bn_container08 .bnslider08 { overflow:hidden; } #bn_container08 .ctrl08 a { position:absolute; display:block; width:16px; height:31px; top:calc(50% - 15px); overflow:hidden; z-index:1000000; } #bn_container08 .ctrl08 a#rolling_prev08 { left:20px; } #bn_container08 .ctrl08 a#rolling_next08 { right:20px; } a#rolling_prev08 { background:url(/images/btn_prev04.png) no-repeat; } a#rolling_next08 { background:url(/images/btn_next04.png) no-repeat; } #bn_container08:after {content: ""; display: block; clear: both;} /* 2018.09.20 수정 끝 */