/* BASIC css start */
#main { position: relative; }
#main .visual { }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

.m_banner {margin-bottom:30px}


.order_tit {margin:40px 0 20px}
.order_tit:first-child {margin-top: 0}
.over_r {overflow:hidden; zoom:1; background:#fff}
.item-list {
    zoom: 1;
    padding-bottom: 20px;
    background: #eee;
    padding: 20px;
}

/*.slideBox{width:600px;height:420px;position:relative;margin-bottom:10px;}
.slideBox .controls{position:absolute;bottom:30px;z-index:100;}
.slideBox .controls .thum ul li{float:left;margin-right:5px;}
.slideBox .controls .thum ul li a.circle{width:13px;height:14px;background:url(http://www.hrbongtoo.com/design/dhkang0606/2013img/ico_cicle_white.png) no-repeat 0 0;display:block;text-indent:-9999px;}
.slideBox .controls .thum ul li a.circle.active{width:38px;height:14px;background:url(http://www.hrbongtoo.com/design/dhkang0606/2013img/ico_cicle_yellow.png) no-repeat 0 0;}
.slideBox .banner {overflow:hidden;}
.slideBox .banner .btn_gallery_left{position:absolute;top:200px;left:20px;z-index:100;}
.slideBox .banner .btn_gallery_right{position:absolute;top:200px;right:20px;z-index:100;}
.slideBox .banner .banner_inner{width:600px;height:420px;position:relative;overflow:hidden;}
.slideBox .banner .banner_inner ul li{float:left;position:relative;}*/


.item-list.m_item_list .item .thumb img {width: 202px; height: 245px;}


.visual {position:relative; width:780px; float:left; margin-right:20px; overflow:hidden}


.aside {float:right; width:384px}
.aside .qua {position:relative;}
.aside .qua .tit {margin-bottom: 6px; font-size: 20px; font-weight: 500; color:#333}
.aside .qua .more {top: -4px}
.aside .qua .swiper {height: 72px}
.aside .qua .swiper-slide {display:flex; justify-content:space-between; width: calc(100% - 10px);line-height:18px;}
.aside .qua .swiper-slide a {display:block; width:160px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}

.company .tit {margin:8px 0 0; font-size: 20px; font-weight: 500; color:#333; margin-bottom: 8px}
.company .tit span {font-size: 12px; color:#999; display:inline-block}
.more {position:absolute; top:0; right:0;}

.m_tit {margin: 100px 0 50px; font-size: 22px; text-align: center;}
.m_tit span {font-size: 13px}
.m_banner {margin-right:-16px}
.m_banner li {float:left;margin-right:16px; margin-bottom:16px; background:#fff}
.m_banner li.last {margin-right:0}
.m_banner a {position:relative}
.m_banner a span {display: inline-block; position: absolute;top: -30px;left: -15px; z-index: 2; background: url(/design/dhkang0606/2024re/Frame1.png) no-repeat; width: 100px; height: 200px;}
.m_banner a span.frame1 {background-image: url(/design/dhkang0606/2024re/Frame1.png); left: -14px;}
.m_banner a span.frame2 {background-image: url(/design/dhkang0606/2024re/Frame2.png)}
.m_banner a span.frame3 {background-image: url(/design/dhkang0606/2024re/Frame3.png)}
.m_banner a span.frame4 {background-image: url(/design/dhkang0606/2024re/Frame4.png)}
.m_banner a span.frame5 {background-image: url(/design/dhkang0606/2024re/Frame5.png)}

.main_visual {position:relative;}
.main_visual li {position:absolute; top:0; left:0; margin:0;}
.bx-controls {width:100%; position:absolute; z-index:999; bottom:10px; left:0}
.bx-controls .bx-pager {width:126px; position:absolute; bottom:10px; right:50%; margin-right:-63px }
.bx-pager-item .bx-pager-link {float:left; margin-left:3px; display:block; background:url(http://www.hrbongtoo.com/design/dhkang0606/2013img/main_bt01.png) no-repeat; width:13px; height:14px; color:transparent}
.bx-pager-item .bx-pager-link.active {background:url(http://www.hrbongtoo.com/design/dhkang0606/2013img/main_bt01r.png) no-repeat; width:38px; height:14px;color:transparent}
.bx-controls-direction a {width:66px; height:66px; text-indent:-999px; overflow:hidden; display:block; position:absolute; top:-200px; display: none}
.bx-controls-direction .bx-prev {left:0; background: url(http://image2.megabox.co.kr/mop/home/main/arrow.png) 0 0 no-repeat;}
.bx-controls-direction .bx-next {right:0; background: url(http://image2.megabox.co.kr/mop/home/main/arrow.png) right 0 no-repeat;}
.bx-controls-auto {display:none}

.qua ul li {position:relative; overflow:hidden; line-height:18px}
.qua ul li .date {display: inline-block;  width: 70px;  overflow: hidden;  position: absolute;  right: 0;  top: 2px;  font-size: 12px; letter-spacing:-1px}

.order_tit li {display: inline-block; margin-left: 10px;}
.order_tit li a {font-size: 14px}
.order_tit li a.active {color:#38b449; border-bottom: 1px solid #38b449}

.item-list .over_r {display:flex;justify-content:space-between; padding: 0 30px}
.item-list .item {width: 220px; margin-top: 20px; text-align: center;}
    

.swiper-container.main .swiper-pagination {bottom:0; background: rgba(0,0,0,0.5); color:#fff; font-size: 14px; display: flex; justify-content: space-between; height: 50px}
.swiper-container.main .swiper-pagination .swiper-pagination-bullet {display:block; bottom:0; width: 100%; height: 100%; border-radius: 0; margin: 0; line-height: 50px;}

.swiper-container.main .swiper-pagination .swiper-pagination-bullet-active {background:#e7852a}

.item-list .item .thumb a {display:block}


/* BASIC css end */