/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; top: 2px; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
#event {margin-bottom: 30px;}
/* //롤링배너 */


.main h3 {font-size:1.250em; display: inline-block; margin:20px 0 18px 0; padding-top:10px; border-top:10px solid #fff;}


.main .imagemap {margin-top:5px; padding-top:3px; border-top:-20px; margin-bottom: 15px;}
.main .imagemap {position:relative;width:device-width;}
.main .link1 {position:absolute; top:0%; left:0%; width:34%; height:49%;}
.main .link2 {position:absolute; top:0%; left:35%; width:23%; height:49%;}
.main .link3 {position:absolute; top:0%; left:60%; width:23%; height:49%;}
.main .link4 {position:absolute; top:0%; right:0%; width:20%; height:49%;}
.main .link5 {position:absolute; bottom:0%; left:0%; width:34%; height:49%;}
.main .link6 {position:absolute; bottom:0%; left:35%; width:23%; height:49%;}
.main .link7 {position:absolute; bottom:0%; left:60%; width:23%; height:49%;}
.main .link8 {position:absolute; bottom:0%; right:0%; width:20%; height:49%;}


.imagemap2 {position:relative;width:device-width;}
.imagemap2 .c1 {position:absolute; top:0%; left:0%; width:25%; height:33%;}
.imagemap2 .c2 {position:absolute; top:0%; left:25%; width:25%; height:33%;}
.imagemap2 .c3 {position:absolute; top:0%; left:50%; width:25%; height:33%;}
.imagemap2 .c4 {position:absolute; top:0%; left:75%; width:25%; height:33%;}
.imagemap2 .c5 {position:absolute; top:33%; left:0%; width:25%; height:33%;}
.imagemap2 .c6 {position:absolute; top:33%; left:25%; width:25%; height:33%;}
.imagemap2 .c7 {position:absolute; top:33%; left:50%; width:25%; height:33%;}
.imagemap2 .c8 {position:absolute; top:33%; left:75%; width:25%; height:33%;}
.imagemap2 .c9 {position:absolute; top:66%; left:0%; width:25%; height:33%;}
.imagemap2 .c10 {position:absolute; top:66%; left:25%; width:25%; height:33%;}
.imagemap2 .c11 {position:absolute; top:66%; left:50%; width:25%; height:33%;}
.imagemap2 .c12 {position:absolute; top:66%; left:75%; width:25%; height:33%;}


.main .topBanner {margin-top:0px; display: inline-block; padding-top:3px; border-top:0px solid #fff;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4); text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


.main .video-wrap {
                width: 100%;
                padding-top: 20px;
                padding-bottom: 20px;
		margin-bottom: 0px;
		background-image: url("/design/dudwls2102/images-m/no_chemi_bot_02.jpg");
                background-size: 360px 400px;
		border: 0;
                }              
.main .video-wrap1 {
                width: 100%;
                padding-top: 8px;
                padding-bottom: 4px;
		margin-bottom: 0px;
		background-color: #99CDFF; 
         
                background-size: 360px 400px;
		border: 0;
                } 

#vbox iframe {width:85%; height: 160px;
              box-shadow:0px 0px 15px 5px rgba(0,0,0,0.2);  
              }


#NA {font-size: 14pt; font-family:나눔고딕, 맑은고딕, 바탕체; font-weight:bold}
#BP {font-size: 14pt; font-family:나눔고딕, 맑은고딕, 바탕체; font-weight:bold}

/* BASIC css end */