/**
* Slider specific styles
*/
@charset "UTF-8";

.slider {
    position: relative;
    width: 320px;
    margin: 0 auto 40px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.frame,
.events_log {
    position: relative;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0px;
}

.frame li {
    position: relative;
    display: inline-block;
    text-align: center;
}

.slides {
    display: inline-block;
}

.simple > .frame li,
.rewind > .frame li,
.events > .frame li {
    width: 270px;
    margin-right: 10px;
}

.dots {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
}

.dots > li {
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px #888;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.dots > li.active {
    background-color: #41ABE5; // MAKE IT BLUE CAUSE ACTIVE!
    box-shadow: inset 2px 0px 2px -2px #333; // Change the boxshadow inset... just cause
}

.percentage .slides {
    display: block;
}

.percentage .frame {
    width: 87.452%;
}

.percentage li {
    width: 100%;
}

.variablewidth li {
    width: 280px;
    margin-right: 10px;

}

.multipleelements li, .multislides li, .ease li {
    width: 60px;
    margin-right: 10px;
}

.simple > .frame li:last-child,
.rewind > .frame li:last-child,
.events > .frame li:last-child,
.variablewidth li:last-child,
.multipleelements li:last-child,
.multislides li:last-child,
.ease li:last-child {
    margin-right: 0;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    cursor: pointer;
}

.next {
    right: 0;
    background-position: 0 0;
    width: 42px;
    height: 42px;
    opacity: 0.9;
    background: url(/img/toptoy_renew/controls.png) -54px 0 no-repeat;
}

.prev {
    left: 0;
    background-position: 0 0;
    width: 42px;
    height: 42px;
    opacity: 0.9;
    background: url(/img/toptoy_renew/controls.png) 0 0 no-repeat;
}

.prev:hover, .next:hover {
    opacity: 1;
}

.next.disabled,
.prev.disabled {
    opacity: .3;
    pointer-events: none;
}

.next svg, .prev svg {
    width: 25px;
    transition: .4s;
}

.next svg:hover, .prev svg:hover {
    transform: scale(1.1);
}

.events_log {
    display: block;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    background-color: #fcfcfc;
    border: 1px solid #d2d2d2;
    margin-top: -20px;
    margin-bottom: 20px;
}

.events_log > span {
    display: none;
}

.events_log > span:nth-last-child(-n+5) {
    display: block;
}

@media screen and (min-width: 640px ) {
    /**
     * Slider specific styles
     */

    .slider {
        width: 640px;
        margin: 0 auto 20px;
    }

    .simple > .frame li,
    .rewind > .frame li,
    .events > .frame li {
        width: 580px;
    }

    .variablewidth li {
        width: 280px;
        margin-right: 10px;
    }

    .multipleelements li, .multislides li, .ease li {
        width: 130px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 980px ) {
    /**
     * Slider specific styles
     */

    .slider {
        width: 1100px;
        margin: 0 auto 20px;
    }

    .frame,
    .events_log {
        width: 1100px;
    }

    .simple > .frame li,
    .rewind > .frame li,
    .events > .frame li {
        width: 880px;
    }

    .variablewidth li {
        width: 280px;
        margin-right: 10px;
    }

    .multipleelements li, .multislides li, .ease li {
        width: 220px;
        margin-right: 0px;
    }
}

/* best man */
.bi_allview {display: inline-block;background-image: url(/img/toptoy_renew/bg_icon.png); background-position: -58px 0; width: 3px; height: 6px; margin: 0 0 1px 3px;}
.best_section{ position:relative;margin-top:10px;}
.best_section:after {clear:both; content:"";display:block;}
.bestman_tit {padding-top:10px; padding-bottom:5px;}
.bestman_tit h2{ font-size:26px; font-weight: bold; letter-spacing: -0.05em; line-height:40px;}
.bestman_tit>h2>span{ border-bottom:2px solid #000}
.bestman_tit p{margin-top: 6px;padding-left:90px; font-size:11px; letter-spacing: -0.04em;}
.bestman_box {position:relative}
.bestman2_list {width:100%;}
.bestman2_list .bestman_view_prd {overflow:hidden; width:1100px; height:375px }
.bestman2_list .box { display:block;}
.bestman2_list li {padding:15px 14px 15px 13px ; width:191px; border-top:1px solid #e9e9e9; border-right:1px solid #fff; border-bottom:1px solid #d4d4d4; border-left:1px solid #e9e9e9;overflow: hidden;line-height: 20px;}
.bestman2_list li:hover {-webkit-box-shadow: inset #F00 0 0 0 2px; -moz-box-shadow: inset #F00 0 0 0 2px; box-shadow: inset #F00 0 0 0 2px;}

li .ico_red_a_emblem {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.2s ease-out;transition:all 0.4s ease-out;z-index: 1;}
li:hover .ico_red_a_emblem {-webkit-transform:translateX(-56px);transform:translateX(-56px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;z-index: 1;}

li .ico_blue_a_emblem {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.2s ease-out;transition:all 0.4s ease-out;z-index: 1;}
li:hover .ico_blue_a_emblem {-webkit-transform:translateX(-56px);transform:translateX(-56px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;z-index: 1;}

li .icon_hit_eng {-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.2s ease-out;transition:all 0.4s ease-out;z-index: 1;}
li:hover .icon_hit_eng {-webkit-transform:translateX(-34px);transform:translateX(-34px);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;z-index: 1;}

.bestman2_list li:nth-child(5n){border-right:none}
.bestman2_list li:nth-child(5n):hover {border-right:1px solid #f00;}
.bestman2_list .thumb{width:190px; margin:0 auto;}
.bestman2_list .thumb img {width:190px;height:190px}
.bestman2_list .product_type {position:relative}
.bestman2_list .product_type .ico_emblem {position:absolute;top:0px;left:0px;width:48px;height:45px;}
.bestman2_list .product_type .summary_in {height:100px; text-align:left; padding-top:10px; box-sizing:border-box}
.bestman2_list .product_type .subject {font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,Apple SD Gothic Neo,Helvetica,sans-serif, Helvetica, Arial;font-size:14px; color:#000; font-weight:normal;; letter-spacing: -0.06em;margin-bottom:5px; height:40px;}
.bestman2_list .product_type .amount {float:right;margin:5px 0 0 0;font-size:11px;color:#999}
.bestman2_list .product_type .amount .n {font-family:Tahoma,sans-serif;letter-spacing:0;color:#e62124; font-weight:bold}
.bestman2_list .product_type .review {float:left;margin:5px 0 0 0;font-size:11px;color:#999}
.bestman2_list .product_type .review .n {font-family:Tahoma,sans-serif;letter-spacing:0;color:#e62124; font-weight:bold}
/* .bestman2_list .product_type a:hover .subject {text-decoration:underline} */
.bestman2_list .product_type .info {display:block}
.bestman2_list .product_type .info.have_price_normal {margin-top:29px}
.bestman2_list .product_type .sale {font-family:Tahoma, sans-serif;font-size:12px;color:#e62124;letter-spacing: -0.05em; float:left; padding-top:8px; padding-right:15px;}
.bestman2_list .product_type .sale_tx {font-size:30px;font-weight:bold}
.bestman2_list .product_type .sale .n {font-size:18px;font-family:Tahoma,sans-serif;font-weight:bold;letter-spacing:0}
.bestman2_list .product_type .price { float:left;font-size:12px;color:#333;    line-height: 15px;}
.bestman2_list .product_type .price .n {font-size:16px;font-family:Tahoma,sans-serif;font-weight:bold;letter-spacing:-0.03em; }
.bestman2_list .product_type .price .text_price {font-size:16px}
.bestman2_list .product_type .price_normal {position:absolute;left:0px;bottom:20px;color:#999;font-size:13px;text-decoration:line-through}
.bestman2_list .product_type .price_normal .n {font-size:13px;font-family:Tahoma,sans-serif;font-weight:normal}
.bestman2_list .bx-wrapper .bx-prev {left:0px; background-position:0 0;width: 42px; height: 42px;opacity: 0.7;}
.bestman2_list .bx-wrapper .bx-prev:hover {opacity: 1;}
.bestman2_list .bx-wrapper .bx-next {right:-2px; background-position:-56px 0;width: 42px; height: 42px;opacity: 0.7;}
.bestman2_list .bx-wrapper .bx-next:hover {opacity: 1;}
.bestman2_list .bx-wrapper .bx-prev:hover,.bestman2_list .bx-wrapper .bx-prev:focus { background-position: 0 -0}
.bestman2_list .bx-wrapper .bx-next:hover,.bestman2_list .bx-wrapper .bx-next:focus { background-position: -56px 0;}


/* lory 4단(영상정보)*/
.lory_section{ position:relative;margin-top:10px;}
.best_section:after {clear:both; content:"";display:block;}

.lory_box {position:relative}
.lori_4dan .slider{padding: 10px 0;}
.lori_4dan {width:100%;}
.lori_4dan .bestman_view_prd {overflow:hidden; width:1100px; height:375px }
.lori_4dan .box { display:block;}
.lori_4dan li {padding-right: 10px; width:268px; overflow: hidden;}

.youtube_wrap ul li a{display: block; width:100%;}
.youtube_wrap ul li a span{width: 268px; height: 150px; background: rgba(0, 0, 0, 0); display: block; position: absolute; z-index: 10;}

.lori_4dan .thumb{margin:0 auto;}
.lori_4dan .thumb img {width:100%;}
.lori_4dan .product_type {position:relative}
.lori_4dan .product_type .ico_emblem {position:absolute;top:0px;left:0px;width:48px;height:45px;}
.lori_4dan .product_type .summary_in {text-align:left; padding-top:10px; box-sizing:border-box}
.lori_4dan .product_type .subject {font-family: '맑은고딕',MalgunGothic,'돋움',Dotum,Apple SD Gothic Neo,Helvetica,sans-serif, Helvetica, Arial;font-size:12px; color:#000; font-weight:bold; margin-bottom:5px; line-height: 110%;text-align: center;}

.lori_4dan .bx-wrapper .bx-prev {left:0px; background-position:0 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_4dan .bx-wrapper .bx-prev:hover {opacity: 1;}
.lori_4dan .bx-wrapper .bx-next {right:-2px; background-position:-56px 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_4dan .bx-wrapper .bx-next:hover {opacity: 1;}
.lori_4dan .bx-wrapper .bx-prev:hover,.lori_4dan .bx-wrapper .bx-prev:focus { background-position: 0 -0}
.lori_4dan .bx-wrapper .bx-next:hover,.lori_4dan .bx-wrapper .bx-next:focus { background-position: -56px 0;}

/* lory 5단*/
.lory_section{ position:relative;margin-top:10px;}
.best_section:after {clear:both; content:"";display:block;}

.lory_box {position:relative}
.lori_5dan {width:100%;}
.lori_5dan .frame{width:800px;}
.lori_5dan .slider{width:800px;padding: 10px 0;}
.lori_5dan .box { display:block;}
.lori_5dan li {padding-right: 10px; width:153px; overflow: hidden;}
.lori_5dan .thumb{margin:0 auto;}
.lori_5dan .thumb img {width:100%;}
.lori_5dan .product_type {position:relative}
.lori_5dan .product_type .ico_emblem {position:absolute;top:0px;left:0px;width:48px;height:45px;}
.lori_5dan .product_type .summary_in {text-align:left; padding-top:10px; box-sizing:border-box}
.lori_5dan .product_type .subject {font-family: '맑은고딕',MalgunGothic,'돋움',Dotum,Apple SD Gothic Neo,Helvetica,sans-serif, Helvetica, Arial;font-size:12px; color:#000; font-weight:bold; margin-bottom:5px; line-height: 110%;text-align: center;}

.lori_4dan .bx-wrapper .bx-prev {left:0px; background-position:0 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_4dan .bx-wrapper .bx-prev:hover {opacity: 1;}
.lori_4dan .bx-wrapper .bx-next {right:-2px; background-position:-56px 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_4dan .bx-wrapper .bx-next:hover {opacity: 1;}
.lori_4dan .bx-wrapper .bx-prev:hover,.lori_4dan .bx-wrapper .bx-prev:focus { background-position: 0 -0}
.lori_4dan .bx-wrapper .bx-next:hover,.lori_4dan .bx-wrapper .bx-next:focus { background-position: -56px 0;}

/* lory 6단(다른배우보기)*/
.lory_section{ position:relative;margin-top:10px;}
.best_section:after {clear:both; content:"";display:block;}

.lory_box {position:relative}
.lori_6dan .slider{background: #f1f2f7;padding: 10px 0;}
.lori_6dan {width:100%;}
.lori_6dan .bestman_view_prd {overflow:hidden; width:1100px; height:375px }
.lori_6dan .box { display:block;}
.lori_6dan li {padding:0 10px; width:162px; overflow: hidden;}

.lori_6dan .thumb{margin:0 auto;}
.lori_6dan .thumb img {width:100%;border-radius: 10%;}
.lori_6dan .product_type {position:relative}
.lori_6dan .product_type .ico_emblem {position:absolute;top:0px;left:0px;width:48px;height:45px;}
.lori_6dan .product_type .summary_in {text-align:left; padding-top:10px; box-sizing:border-box}
.lori_6dan .product_type .subject {font-family: '맑은고딕',MalgunGothic,'돋움',Dotum,Apple SD Gothic Neo,Helvetica,sans-serif, Helvetica, Arial;font-size:12px; color:#000; font-weight:bold; margin-bottom:5px; line-height: 110%;text-align: center;}

.lori_6dan .bx-wrapper .bx-prev {left:0px; background-position:0 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_6dan .bx-wrapper .bx-prev:hover {opacity: 1;}
.lori_6dan .bx-wrapper .bx-next {right:-2px; background-position:-56px 0;width: 42px; height: 42px;opacity: 0.7;}
.lori_6dan .bx-wrapper .bx-next:hover {opacity: 1;}
.lori_6dan .bx-wrapper .bx-prev:hover,.lori_6dan .bx-wrapper .bx-prev:focus { background-position: 0 -0}
.lori_6dan .bx-wrapper .bx-next:hover,.lori_6dan .bx-wrapper .bx-next:focus { background-position: -56px 0;}