/* BASIC css start */
/* 메인 기본 레이아웃 보정 */
#container, #contents, .main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* 슬라이드쇼배너 */
.slideshow-container {
    width: 100%;
    max-width: 1000px;
    position: relative;
    margin: auto;
    box-sizing: border-box;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    box-sizing: border-box;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

/* Number text (1/7 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #fed01f;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}
/* //슬라이더쇼배너 END */

/* 롤링배너 */
#event { width: 100%; overflow: hidden; box-sizing: border-box; }
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; width: 100%; }
#event .MS_img-area { float: left; width: 100%; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; height: auto; display: block; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; margin-top: 5px; }
#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%; }
/* //롤링배너 */

.main h3 { font-size: 1.250em; display: inline-block; margin: 45px 0 18px 0; padding-top: 6px; border-top: 1px solid #3b3b3b; }
.main .topBanner { margin-top: 15px; overflow: hidden; width: 100%; }
.main .topBanner .topBannerLeft { width: 49%; float: left; position: relative; }
.main .topBanner .topBannerRight { width: 49%; float: right; position: relative; }
.main .topBanner img { width: 100%; height: auto; vertical-align: top; display: block; }
.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; box-sizing: border-box; }

/* 게시글 */
#tabs { margin: 5px; border: 1px solid #bbb; padding-bottom: 10px; font-size: 12px; box-sizing: border-box; }
#tabs .shopdetailBoard { overflow: hidden; text-align: center; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0; }
#tabs .shopdetailBoard .tab_on { font-weight: bold; padding: 10px 0; }
#tabs .util { border-bottom: 1px solid #464646; padding: 10px; }
#tabs .util a { border: 1px solid #424242; display: inline-block; height: 30px; line-height: 30px; border-radius: 3px; width: 100%; text-align: center; box-sizing: border-box; }
#tabs .list_board .reply-detail { margin: 0 5px; border: 1px solid #73adff; font-size: 0.875em; color: #5da0ff; display: inline-block; height: 18px; line-height: 18px; padding: 0 3px; }
#tabs .review .list_board > ul > li.now > .cont_wrap { display: block; }
#tabs .list_board > ul > li > .wrap .re-wrap { padding: 10px; border-top: 1px solid #bebebe; }
#tabs .empty-board { text-align: center; padding: 15px 0 5px; }

.list_board ul li { color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all; overflow-wrap: break-word; }
.list_board .re-wrap ul li { font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none; }
.list_board ul li dl { padding: 7px; margin: 0; }
.list_board ul li dl h4 { margin: 0; word-break: break-all; }
.list_board ul li .cont_wrap { display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px; word-break: break-all; }
.list_board ul li .cont_wrap img { max-width: 100% !important; height: auto !important; padding-bottom: 5px; }

/* 댓글 */
.MS_cmt_list_box { color: #656565; width: 100%; box-sizing: border-box; }
.MS_cmt_list_box .comment_list:last-child { border-bottom: 1px solid #cecece; }
.MS_cmt_list_box .comment_list { padding: 5px; border: 1px solid #cecece; border-bottom: 0; background-color: #fff; box-sizing: border-box; }
.MS_cmt_list_box .MS_cmt_hname { padding-left: 5px; }
.MS_cmt_list_box .MS_cmt_content { padding-left: 15px; word-break: break-all; }
.MS_cmt_list_box .comment_depth2 { padding-left: 10px; }
.MS_cmt_list_box .comment_depth3 { padding-left: 15px; }
#comment_password { width: 90%; max-width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080; box-sizing: border-box; }
#comment_password input[type="password"] { width: 75%; box-sizing: border-box; }
#comment_password form { height: auto !important; }
#comment_password form span { display: block; }

/* 답글 */
.list_board ul li .reply_depth1 .rating,
.list_board ul li .reply_depth1 .info,
.list_board ul li .reply_depth2 .rating,
.list_board ul li .reply_depth2 .info,
.list_board ul li .reply_depth3 .rating,
.list_board ul li .reply_depth3 .info { padding-left: 12px; }
.list_board ul li .reply_status { font-size: 0.875em; color: #777777; font-weight: normal; }

/* 비번입력 */
.list_board input[type="password"] { border-radius: 3px 0 0 3px; width: 78%; border-right: 0; box-sizing: border-box; height: 35px; }
.list_board input[type="button"] { width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box; }

/* new, hit 아이콘 */
.list_board ul li dl h4 .new { display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 0.875em; background-color: #5cb7fa; border-radius: 3px !important; text-align: center; }
.list_board ul li dl h4 .hit { display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 0.875em; background-color: #ff912c; border-radius: 3px !important; text-align: center; }

/* 수정,삭제버튼 */
.list_board ul li .cont_wrap .comment_modify { text-align: right; margin-top: 5px; }
.list_board ul li .cont_wrap .comment_modify a { width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff; box-sizing: border-box; }
.list_board ul li dl .info .review_del { width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff; box-sizing: border-box; }

/* 페이지네이션 */
.paging { position: relative; text-align: center; margin-top: 15px; width: 100%; box-sizing: border-box; }
.paging a.next,
.paging a.prev { width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000; box-sizing: border-box; }
.paging strong { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; box-sizing: border-box; }
.paging a { text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px; box-sizing: border-box; }
.paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; box-sizing: border-box; }
/* BASIC css end */