@charset "utf-8";

/* ==========================================
* font-size
*
* Thin - 100
* Light - 200
* Demi light - 300
* Regular - 400
* Medium - 500
* Bold - 700
* Black - 900
==========================================*/



/*=================================================
  container-detail
  	- 상품 디테일
  	- 왼쪽 780px, 오른쪽 680px
=================================================*/
.deal-wrapper01 {position: relative; width: 780px;}


/* product-slider */
.product-slider {position: relative; width: 100%; }

.product-slider .slider-view-wrapper {position: relative; width: 405px; height: 405px; margin: 0 auto;  }
.product-slider .slider-view-wrapper .bx-wrapper {box-shadow: none; border: 0; }
.product-slider .slider-view {margin: 0; list-style: none; }
.product-slider .slider-view li { margin: 0 auto; height: 405px;  text-align: center; box-sizing: border-box; }
/* .product-slider .slider-view img {max-width: auto; width: auto; height: 100%;  }
.product-slider.only .slider-view img {max-width: 100%; } */
.product-slider .slider-view img {max-width: 100%; width: auto; height: 100%;  }
.product-slider.only .slider-view img {max-width: 100%; }

.product-slider .slider-arrow-wrapper {position: absolute; top: 180px; width: 100%; }
.product-slider .slider-arrow-wrapper .slider-arrow {position: absolute; width: 27px; height: 45px; }
.product-slider .slider-arrow-wrapper .slider-prev {left: 32px; }
.product-slider .slider-arrow-wrapper .slider-next {right: 32px; }

.product-slider .slider-pager {margin: 0; margin-top: 10px; list-style: none; display: flex; justify-content: center; }
.product-slider .slider-pager li {width: 62px; height: 62px; margin-left: 10px; }
.product-slider .slider-pager li:first-child {margin-left: 0; }
.product-slider .slider-pager li a {display: block; width: 60px; height: 60px; border: 1px solid #e4e5e6; box-sizing: border-box; }
.product-slider .slider-pager li .active {border-color: #1079f9; }
.product-slider .slider-pager li img {width: 100%; height: 100%; }

/* prodcut-detail */
.deal-wrapper01 .product-header {position: relative; width: 100%; padding: 10px 250px 10px 0; border-bottom: 1px solid #e4e5e6; box-sizing: border-box; }
.deal-wrapper01 .product-header .title {margin: 0; margin-bottom: 10px; line-height: 1.2; font-size: 18px; }
.deal-wrapper01 .product-header .sub-title {margin: 0; font-size: 14px; color: #707070; font-weight: 400; }
.deal-wrapper01 .product-header .btn-group {position: absolute; right: 0; top: 0; } 
.deal-wrapper01 .product-header .btn-group .btn {padding: 0; padding-top: 25px; background-color: transparent; margin-left: 20px; font-size: 12px; color: #363636; }
.deal-wrapper01 .product-header .btn-group .btn.active {color: #1079f9; font-weight: 500; }
.deal-wrapper01 .product-header .naver-search {position: absolute; top: 20px; right: 0; }

/* product-info */
.product-bottom {margin-top: 15px; min-height: 290px; }
.product-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.product-info {float: left; width: 360px; }
.dl-product-info {margin-top: 12px; }
.dl-product-info dt {font-size: 14px; color: #202020; font-weight: 500; letter-spacing: -1px; }
.dl-product-info dd {padding-left: 5px; font-size: 13px; color: #666; font-weight: 400; letter-spacing: -1px; }
.dl-product-info dd em {font-style: normal; }
.dl-product-info .price-sale {font-style: normal; text-decoration: line-through; color: #ff0000; margin-right: 10px; }
.dl-product-info .price-sale span {color: #707070; }
.dl-product-info .price-percent {font-style: normal; color: #ff0000; }
.dl-product-info .price-percent em {font-style: normal; }


.product-option {float: right; width: 420px; }

.product-option .option-wrapper {position: relative; padding-left: 62px; }
.option-wrapper .option-title {position: absolute; left:0; display: inline-block; width: 62px; line-height: 34px; }

.option-wrapper .option-selector {position: relative; width: 100%; }
.option-selector .btn-option {position: relative; display: block; width: 100%; height: 34px; padding: 0 17px 0 7px; background-color: #fff; background-image: url("../images/common/btn_selector.png"); background-repeat: no-repeat; background-position: right 7px center; border: 1px solid #e4e5e6; box-sizing: border-box; text-align: left; font-size: 13px; font-weight: 400; color: #707070; outline: 0; }
.option-selector.active .option-list {display: block; }
.option-selector .option-list {display: none; position: absolute; top: 34px; z-index: 1000; overflow-y: auto; width: 100%; max-height: 120px; list-style: none; background-color: #fff; border: 1px solid #e4e5e6; border-top: 0; -ms-overflow-style: none; }
.option-selector .option-list::-webkit-scrollbar {display: none; }
.option-selector .option-list > li {position: relative; width: 100%; border-bottom: 1px solid #e4e5e6; padding: 0; }
.option-selector .option-list > li:last-child {border-bottom: 0; }
.option-selector .option-list > li:hover {background-color: #f2f2f2; }
.option-selector .option-list > li > button {display: block; padding: 10px 7px; width: 100%; background: transparent; box-sizing: border-box; border: 0; font-size: 13px; line-height: 1.6; text-align: left; outline: 0; cursor: pointer; }
.option-selector .option-list .item {position: relative; display: inline-block; width: 190px; font-size: 12px; color: #707070; font-weight: 400; white-space: normal; }
.option-selector .option-list .price {position: absolute; right: 12px; bottom: 10px; width: 100px; color: #707070; font-weight: 400; text-align: right;  display: block; }
.option-selector .option-list .soldout-text {position: relative; font-style: normal; margin-left: 5px; padding-left: 6px; }
.option-selector .option-list .soldout-text:before {content: ""; display: block; position: absolute; top: 4px; left: 0; width: 1px; height: 11px; background: #999; } 

.product-option .selected-wrapper {margin-top: 10px; height: 130px; overflow: hidden;  }
.selected-wrapper .selected-list {width: 100%; height: 130px; padding: 0 15px; box-sizing: border-box; overflow-y: auto; background-color: #efefef; list-style: none; }
.selected-wrapper .selected-list li {position: relative; padding: 15px 0; width: 100%; border-top: 1px solid #dfdfdf; }
.selected-wrapper .selected-list li:first-child {border-top: 0; }
.selected-wrapper .selected-list li .item {display: inline-block; padding-right: 30px; font-size: 13px; line-height: 16px; color: #333; }
.selected-wrapper .selected-list li .util {position: relative; margin-top: 5px;}
.selected-wrapper .selected-list li .util .price {position: absolute; right: 0; bottom: 0; color: #333; margin: 0; line-height: 24px; }
.selected-wrapper .selected-list li .btn-delete {position: absolute; right: 0; top: 12px; border: 0; }

.product-option .total-wrapper {position: relative; margin-top: 5px; padding-left: 150px;}
.product-option .total-wrapper .total-title {position: absolute; left:0; display: inline-block; width: 145px; line-height: 34px; }
.product-option .total-wrapper p {margin: 0; font-size: 15px; line-height: 34px; text-align: right; color: #1079f9; }
.product-option .total-wrapper p span {font-size: 20px; }

.product-option .btn-puchase-group {width: 100%; margin-top: 10px;  }
.btn-puchase-group > .btn:last-child:not(:first-child) {border-top-left-radius: 3px; border-bottom-left-radius: 3px; }


/* 옵션이 없을경우 */
.product-option .option-wrapper.no-option {min-height: 40px; padding-left: 120px; }
.option-wrapper.no-option .option-title {width: 110px; }
.option-wrapper.no-option .option-quantity {margin-bottom: 15px; }
.option-wrapper.no-option .option-quantity:after {content: ""; clear: both; display: block; height:  0; visibility: hidden; }
.option-wrapper.no-option .quantity-count {float: right; }
.option-wrapper.no-option .quantity-count .btn-quantity {width: 40px; height: 40px; }
.option-wrapper.no-option .quantity-count .input-quantity {width: 50px; height: 40px; }








/*=================================================
  container-detail
  	- 상품 디테일
  	- 왼쪽 780px, 오른쪽 680px
=================================================*/
.container-detail .inner {width: 1492px; height: 100%; }



.deal-wrapper02 {position: relative; width: 780px; }
.deal-wrapper02 .movie-wrapper {position: relative; width: 100%; height: 438px; }
.deal-wrapper02 .movie-wrapper iframe {display: block; margin: 0 auto; }

/* slider pager box */
.deal-wrapper02 .slider-box {position: absolute; left: 0; top: 100%;  z-index: 100; width: 450px; height: 28px; }
.deal-wrapper02 .slider-box.active {height: 75px; }
.deal-wrapper02 .slider-box.active .btn-down {display: none; }

.deal-wrapper02 .slider-box .btn {position: absolute;left: -40px; top: -40px; width: 40px; height: 40px; border: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #1079f9; background-repeat: no-repeat; background-position: 50% 50%; }
.deal-wrapper02 .slider-box .btn-up {background-image: url("../images/sub/btn_prodia_pager_close.png"); }
.deal-wrapper02 .slider-box .btn-down {background-image: url("../images/sub/btn_prodia_pager_open.png"); }

.deal-wrapper02 .slider-product {position: absolute; background-color: #fff;}
.deal-wrapper02 .product-pager { list-style: none; -moz-box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25); box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25); }
.deal-wrapper02 .product-pager:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.deal-wrapper02 .product-pager li {position: relative; float: left; width: 75px; height: 78px;  border-right: 1px solid #e4e5e6; border-bottom: 1px solid #e4e5e6; }
.deal-wrapper02 .product-pager li:first-child {border-left: 1px solid #e4e5e6; }
.deal-wrapper02 .product-pager li a {position: relative; display: block; width: 75px; height: 78px; }
.deal-wrapper02 .product-pager li a img {width: 75px; height: 75px; }
.deal-wrapper02 .product-pager .box-line {display: none; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; background-color: #1079f9;  }
.deal-wrapper02 .product-pager li:hover .box-line ,
.deal-wrapper02 .product-pager li.active .box-line {display: block; opacity: 1;  }

/* movie-header */
.deal-wrapper02 .movie-header {position: relative; width: 100%; height: 80px; padding: 10px 320px 10px 0; border-bottom: 1px solid #e4e5e6; box-sizing: border-box; }
.deal-wrapper02 .movie-header .title {margin: 0; margin-bottom: 10px; font-size: 14px;  }
.deal-wrapper02 .movie-header .movie-header-util:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.deal-wrapper02 .movie-header .movie-header-util li {margin: 0; padding: 0; font-size: 13px; color: #363636; text-align: left; float: left; margin-right: 7px; padding-right: 8px; background: url("../images/common/bar.png") no-repeat right center; }
.deal-wrapper02 .movie-header .movie-header-util li:last-child {margin-right: 0; padding-right: 0; background: none; }
.deal-wrapper02 .movie-header .movie-header-util  a {color: #363636; }
.deal-wrapper02 .movie-header .movie-header-util em {font-style: normal; }
.deal-wrapper02 .movie-header p.text {margin: 0; padding: 0; font-size: 13px; color: #363636; text-align: left; }
.deal-wrapper02 .movie-header p.text  a {color: #363636; }
.deal-wrapper02 .movie-header p.text em {font-style: normal; }
.deal-wrapper02 .movie-header .bar {display: inline-block; background: #999; width: 1px; height: 12px; vertical-align: middle;  }
.deal-wrapper02 .movie-header .btn-group {position: absolute; right: 0; top: 20px; }
.deal-wrapper02 .movie-header .btn-group .btn {padding: 0; border: 0; background-color: transparent; margin-left: 15px; }

/* .deal-wrapper02 .movie-header .btn-group .btn {padding-top: 25px; margin-left: 20px; font-size: 12px; color: #363636; } 
.deal-wrapper02 .movie-header .btn-group .btn.active {color: #1079f9; font-weight: 500; }*/
.deal-wrapper02 .movie-header .hash {display: inline; word-wrap: nowrap; }




/* 공유하기 */
#layer_share {position: absolute; top: 58%; right: 0;  z-index: 999; border: 1px solid #d5d5d5; border-radius: 3px; background-color: #fff; }
#layer_share .share-header {position: relative; border-bottom: 1px solid #e3e3e3; padding: 10px; }
#layer_share .share-header .title {margin: 0; font-size: 14px; font-weight: 400; }
#layer_share .share-header .btn {position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; cursor: pointer; background-color: #fff; background-image: url("../images/common/btn_modal_close.png"); background-repeat: no-repeat; background-position: right center; background-size: 14px; border: 0; }

#layer_share .share-wrapper {padding: 20px; }
#layer_share .share-wrapper .sns-list {display: inline-block; }
#layer_share .sns-list li {float: left;  margin-left: 15px; list-style: none;  }
#layer_share .sns-list li:first-child {margin-left: 0; }
#layer_share .sns-list a {width: 30px; height: 30px; background-repeat: no-repeat; background-position: right center; background-size: cover; outline: 0; }

.VI #layer_share .btn-story,
.VI #layer_share .btn-blog,
.VI #layer_share .btn-line {display: none; }

.EN #layer_share .btn-story,
.EN #layer_share .btn-blog,
.EN #layer_share .btn-line {display: none; }

#layer_share .btn-facebook {display: block; background-image: url("../images/sub/btn_share_facebook.png"); }
#layer_share .btn-twitter {display: block; background-image: url("../images/sub/btn_share_twitter.png"); }
#layer_share .btn-kakao {display: block; background-image: url("../images/sub/btn_share_kakao.png"); }
#layer_share .btn-story {display: block; background-image: url("../images/sub/btn_share_story.png"); }
#layer_share .btn-line {display: block; background-image: url("../images/sub/btn_share_line.png"); }
#layer_share .btn-blog {display: block; background-image: url("../images/sub/btn_share_blog.png"); }

#layer_share .share-copy {width: 100%; padding: 0 10px 10px 10px; }
#layer_share .share-copy:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
#layer_share .share-copy .input-text {float: left; width: 68%; }
#layer_share .share-copy .btn {float: right; width: 28%; height: 40px; }



/* 공유하기 */
#layer_seller {position: absolute; top: 58%; right: 0;  z-index: 999; border: 1px solid #d5d5d5; border-radius: 3px; background-color: #fff; }
#layer_seller .share-header {position: relative; border-bottom: 1px solid #e3e3e3; padding: 10px; }
#layer_seller .share-header .title {margin: 0; font-size: 14px; font-weight: 400; }
#layer_seller .share-header .btn {position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; cursor: pointer; background-color: #fff; background-image: url("../images/common/btn_modal_close.png"); background-repeat: no-repeat; background-position: right center; background-size: 14px; border: 0; }

#layer_seller .share-wrapper {padding: 20px; }
#layer_seller .share-wrapper .sns-list {display: inline-block; }

.VI #layer_seller .btn-story,
.VI #layer_seller .btn-blog,
.VI #layer_seller .btn-line {display: none; }

.EN #layer_seller .btn-story,
.EN #layer_seller .btn-blog,
.EN #layer_seller .btn-line {display: none; }

#layer_seller .share-copy {width: 100%; padding: 0 10px 10px 10px; }
#layer_seller .share-copy:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}
#layer_seller .share-copy .input-text {float: left; width: 68%; }
#layer_seller .share-copy .share-url .btn {margin-bottom: 5px; }
#layer_seller .share-copy .share-url:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
#layer_seller .share-copy .btn {float: right; width: 28%; height: 40px; }
#layer_seller .share-copy p {margin: 5px 0; }

/* product-slider02 */
.product-slider02 {position: relative; width: 100%; }
.product-slider02 .summary-wrapper {position: relative; width: 100%; margin: 20px auto 0; box-sizing: border-box; }
.product-slider02 .summary-wrapper .bx-wrapper {box-shadow: none; border: 0; margin: 0; }
.product-slider02 .summary-list {margin: 0 auto; list-style: none; }
.product-slider02 .summary-list > li {float: left; width: 100%; margin: 0 auto; text-align: left; box-sizing: border-box;}
.product-slider02 .summary-list > li:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.product-slider02 .summary-list .img-box {float: left; width: 160px	; height: 160px; }
.product-slider02 .summary-list .img-box img {width: 100%; height: 100%; }

/* 아이템 정보 */
.product-slider02 .info-wrapper {float: right; width: 620px; padding: 0 0 0 20px; box-sizing: border-box; }
.product-slider02 .info-wrapper .product-header {position: relative; width: 100%; min-height: 50px; padding: 0px 120px 10px 0; border-bottom: 1px solid #e4e5e6; box-sizing: border-box;  }
.product-slider02 .info-wrapper .title {margin: 0; font-size: 18px; font-weight: 500; color: #202020; letter-spacing: -1px; }
.product-slider02 .info-wrapper .sub-title {margin: 0; font-size: 13px; color: #363636; font-weight: 400; line-height: 25px; }
.product-slider02 .btn-group {position: absolute; right: 0; top: 0; z-index: 999;}
.product-slider02 .btn-group .btn {padding: 0;  padding-top: 25px; background-color: transparent;  font-size: 12px; color: #363636; } 
.product-slider02 .btn-group .btn.active,
.product-slider02 .btn-group .btn:hover {color: #1079f9; font-weight: 500; }

.product-slider02 .naver-search {position: absolute; top: 0; right: 0; z-index: 1000; }


.product-slider02 .info-wrapper .info {position: relative; padding-top: 10px; }
.product-slider02 .info-wrapper .info .dl-list {margin-bottom: 5px; }
.product-slider02 .info-wrapper .info .dl-list dt,
.product-slider02 .info-wrapper .info .dl-list dd {font-size: 13px; }
.product-slider02 .info-wrapper .info .dl-list dt {width: 190px; }
.product-slider02 .info-wrapper .info .dl-list dd {padding-left: 200px; }

.prodia-product-info .price-sale {font-style: normal; text-decoration: line-through; color: #ff0000; margin-right: 10px; }
.prodia-product-info .price-sale span {color: #707070; font-size: 13px; }
.prodia-product-info .price-percent {font-style: normal; color: #ff0000; }
.prodia-product-info .price-percent em {font-style: normal; }


.product-slider02 .summary-arrow {position: absolute; top: 50%; width: 100%; margin-top: -15px; }
.product-slider02 .summary-arrow .slider-arrow {position: absolute; width: 16px; height: 30px; }
.product-slider02 .summary-arrow .slider-prev {left: 0; }
.product-slider02 .summary-arrow .slider-next {right: 0; }



.deal-option02 {min-height: 160px; margin-top: 10px; } 
.deal-option02:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.deal-option02 .left {float: left; width: 368px; }
.deal-option02 .right {float: right; width: 400px; }

.deal-option02 .total-wrapper {position: relative; margin-top: 5px; padding-left: 120px;}
.deal-option02 .total-wrapper .total-title {position: absolute; left:0; display: inline-block; width: 110px; line-height: 34px; }
.deal-option02 .total-wrapper p {margin: 0; font-size: 15px; line-height: 34px; text-align: right; color: #1079f9; }
.deal-option02 .total-wrapper p span {font-size: 20px; }

.deal-option02 .btn-puchase-group {width: 100%; margin-top: 10px;  }

.deal-option02 .option-wrapper {position: relative; padding-left: 82px; }
.deal-option02 .selected-wrapper {height: 130px; overflow: hidden;  }


/* 옵션이 없을경우 
.deal-option02 .option-wrapper.no-option {min-height: 40px; padding-left: 120px; }
.option-wrapper.no-option .option-title {width: 110px; }
.option-wrapper.no-option .option-quantity {margin-bottom: 15px; }
.option-wrapper.no-option .option-quantity:after {content: ""; clear: both; display: block; height:  0; visibility: hidden; }
.option-wrapper.no-option .quantity-count {float: right; }
.option-wrapper.no-option .quantity-count .btn-quantity {width: 40px; height: 40px; }
.option-wrapper.no-option .quantity-count .input-quantity {width: 50px; height: 40px; }

*/

.deal-container {position: absolute; width: 600px; height: 100%;  top: 0; right: 0; z-index: 1;  overflow: hidden; }
.deal-container .tabs {position: relative; z-index: 100; width: 100%; height: 47px; margin-top: 10px; }
.deal-container .deal-content {position: relative; z-index: 1; width: 600px; max-height: 100%; padding-bottom: 50px; overflow: hidden; overflow-y: auto; -ms-overflow-style: none;  }
.deal-container .deal-content::-webkit-scrollbar {display: none; } 
.deal-container .deal-content > .tab-content {width: 100%; margin: 0 auto; }
.deal-container .deal-content > .tab-content > img {width: 100%; max-width: 100%; padding-top: 20px; }

.deal-container .dl-list {padding: 10px; background-color: #f6f6f6; }
.deal-container .dl-list dt {padding-left: 20px; }



/*=================================================
  container-detail02
  	- 상품 디테일
=================================================*/

.deal-video-detail .video-view-container {position: relative; width: 942px; float: left; }
.deal-video-detail .movie-wrapper {position: relative; height: 0; padding-bottom: 56.25%; }
.deal-video-detail .movie-wrapper iframe {position: absolute; width: 100%; height: 100%;}

/* video-view-header */
.video-view-header {position: relative; width: 100%; padding: 10px 150px 7px 0; border-bottom: 1px solid #bec8d5; }
.video-view-header-title {padding: 0; margin: 0; font-size: 16px; font-weight: 400; line-height: 20px; color: #000; }
.video-view-header .btn-group {position: absolute; right: 10px; top: 10px;}
.video-view-header .btn-group .btn {margin-left: 10px; }
.video-view-header .btn-group .btn:first-child {margin-left: 0; }

.video-bj-profile {position: relative; height: 46px; margin-top: 10px; }
.video-bj-profile:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.video-bj-profile-img {float: left; width: 46px; height: 46px; margin-right: 10px;  overflow: hidden; }
.video-bj-profile-img img {width: 46px; height: 46px; }
.video-bj-profile-text {float: left; padding-top: 5px; }
.video-bj-profile-text p {cursor: default; }
.video-bj-profile-text  .bj-name {font-size: 14px; color: #666; }
.video-bj-profile-text  .view,
.video-bj-profile-text  .view span {font-size: 12px; color: #707070; }

.video-bj-introduce {padding: 20px 0; }
.video-bj-introduce:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.video-introduce-wrapper {float: left; width: 632px; min-height: 230px; padding-right: 41px; border-right: 1px solid #e3e3e3; box-sizing: border-box; }
.video-hash-box {margin-bottom: 20px; padding: 15px 15px; border-radius: 5px; background-color: #e9f0f8; }
.video-introduce-text {}

.video-introduce-recommend {float: right; width: 310px; padding-left: 40px; margin-bottom: 15px; }
.video-introduce-recommend-title {margin: 0 0 15px; font-size: 14px; font-weight: 400; color: #000; }
.video-introduce-recommend-img {width: 270px; height: 151px; margin-bottom: 7px; overflow: hidden;}
.video-introduce-recommend-img img {width: 100%; height: 100%; }
.video-introduce-recommend-link {height: 40px; font-size: 14px; line-height: 20px; color: #555; text-decoration: none; }
.video-introduce-recommend-link:hover {color: inherit; text-decoration: underline; }

.media-list {position: relative; float: right; width: 438px; height: 100%; max-height: calc(100% - 10px); overflow: hidden; } 
.media-list .section-header {margin-bottom: 20px; }
.media-list .section-header-title {margin: 0; padding: 0; font-size: 20px; font-weight: 400; color: #202020; }
.media-list .page-bottom {margin: 30px auto 0; }

/*-- movie-header 
.media-container .movie-header {position: relative; width: 100%; padding: 10px 250px 10px 0; border-bottom: 1px solid #e4e5e6; box-sizing: border-box; }
.media-container .movie-header .title {margin: 0; margin-bottom: 10px;font-size: 18px; }
.media-container .movie-header .view {position: static; margin: 0; font-size: 12px; color: #363636; text-align: left; }
.media-container .movie-header .btn-group {position: absolute; right: 0; top: 10px;}
.media-container .movie-header .btn-group .btn {padding: 0; padding-top: 25px; background-color: transparent; margin-left: 20px; font-size: 12px; color: #363636; }
.media-container .movie-header .btn-group .btn.active {color: #1079f9; font-weight: 500; }
.media-container .movie-header .btn-connected {background-image: url("../images/common/btn_connected.png"); background-repeat: no-repeat; background-position: center top; }
.media-container .movie-header .btn-connected:hover {background-image: url("../images/common/btn_connected_on.png"); color: #1079f9; }*/
/*
.media-container .movie-header {position: relative; width: 100%; padding: 10px 250px 10px 0; border-bottom: 1px solid #e4e5e6; box-sizing: border-box; }
.media-container .movie-header .title {margin: 0; margin-bottom: 10px;font-size: 18px; }

.media-container .profile-wrapper {position: relative; height: 50px; padding-left: 60px; }
.media-container .profile-wrapper .bj-thumb {position: absolute; left:0; top: 0;  width: 50px; height: 50px; overflow: hidden; border-radius: 50%; }
.media-container .profile-wrapper .bj-thumb img {width: 100%; height: 100%; display: block; }
.media-container .profile-wrapper .profile-view {padding: 5px 0 0px; }
.media-container .profile-wrapper .profile-view .view {color: #707070; font-size: 13px; font-style: normal; }
.media-container .profile-wrapper .bar {width: 1px; height: 10px; display: inline-block; background-color: #707070; }
.media-container .movie-header .btn-group {position: absolute; right: 0; top: 10px;}
.media-container .movie-header .btn-group .btn {padding: 0; padding-top: 25px; background-color: transparent; margin-left: 20px; font-size: 12px; color: #363636; }
.media-container .movie-header .btn-group .btn.active {color: #1079f9; font-weight: 500; }
.media-container .movie-header .btn-connected {background-image: url("../images/common/btn_connected.png"); background-repeat: no-repeat; background-position: center top; }
.media-container .movie-header .btn-connected:hover {background-image: url("../images/common/btn_connected_on.png"); color: #1079f9; }


.media-container .movie-bottom {margin-top: 15px; }
.media-container .movie-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }*/

/*--
.media-container .bj-wrapper {float: left; width: 689px; }
.media-container .bj-wrapper .bj-img {float: left; width: 210px; height: 210px; }
.media-container .bj-wrapper .bj-img img {width: 100%; height: 100%; }
.media-container .bj-wrapper .bj-intro {width: 479px; height: 210px; float: left; padding: 10px 20px; box-sizing: border-box; }
.media-container .bj-wrapper .bj {margin: 0; padding:
	0; font-size: 16px; font-weight: 500; color: #1079f9; }
.media-container .bj-wrapper .bj-text {margin-top: 10px; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none;}
.media-container .bj-wrapper .bj-text::-webkit-scrollbar {display: none; }
.media-container .bj-wrapper .bj-text .pre-box {height: 170px; -ms-overflow-style: none; }
.media-container .bj-wrapper .bj-text .pre-box::-webkit-scrollbar {display: none; }
*/
/*
.media-container .description-box {float: left; width: 689px; padding: 0 10px 0; }
.media-container .description-box {}

.media-container .recommend-wrapper {float: right; width: 253px; height: 210px; border-left: 1px solid #e4e5e6; padding-left: 20px; }
.media-container .recommend-wrapper .title {margin: 0; padding: 0; font-size: 14px; color: #222; }
.media-container .recommend-img {margin-top: 10px; width: 233px; height: 131px;}
.media-container .recommend-img a {display: block; }
.media-container .recommend-img img {width: 233px; height: 131px; }
.media-container .recommend-title {margin-top: 10px; }
.media-container .recommend-title a {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 32px; color: #707070; font-size: 13px; line-height: 16px }*/


/*.container-detail02 .media-list {position: relative; width: 438px; max-height: calc(100% - 10px); float: right; overflow: hidden; }*/ /*overflow-y: auto; -ms-overflow-style: none;*/
/*.container-detail02 .page-header {padding-top: 10px; }
.container-detail02 .card-wrapper .card {margin-bottom: 10px; }
.container-detail02 .pagination-wrapper {margin: 0 auto; }*/




/*=================================================
  container-bj
  	- bj detail
=================================================*/
.container-bj-detail .card-wrapper {margin-top: 60px; padding-bottom: 100px; }
.container-bj-detail  .video-card-info {height: 110px; }


.profile-detail-wrapper {position: relative; display: block; margin: 10px auto 20px; padding: 30px 30px; background-color: #f8f8f8; border: 1px solid #eee; border-radius: 3px; box-sizing: border-box; font-size: 13px; word-break: break-all; word-wrap: break-word; }
.profile-detail-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.profile-detail-wrapper .bj-img {float: left; width: 400px; height: 300px; overflow: hidden; background: ""; background-color: #f8f8f8; border: 1px solid #d0d0d0; border-radius: 3px;  text-align: center; background-image: url("../images/common/talmo_nodata.png"); background-repeat: no-repeat; background-size: 50px 50px; background-position: center center; }
.profile-detail-wrapper .bj-img.no-thumb {background-color: #e5e5e5; }
.profile-detail-wrapper .bj-img img { max-width: 100%; height: 300px; }

.profile-detail-wrapper .bj-info {float: left; width: 778px; padding-left: 30px; box-sizing: border-box; }
.profile-detail-wrapper .bj-info dl {margin-bottom: 15px; }
.profile-detail-wrapper .bj-info dl dt {font-size: 16px; font-weight: 400; color: #444; }
.profile-detail-wrapper .bj-info dl dd {margin-top: 5px; font-size: 14px; font-weight: 400; color: #707070; }
.profile-detail-wrapper .bj-info dl:last-child {margin-bottom: 0; }
.profile-detail-wrapper .pre-box {color: #707070; }





/*=================================================
	common
=================================================*/
.deal-inner {position: relative; width: 1460px; min-height: 100%; height: 100%; margin: 0 auto; padding: 30px 0 0; }
.deal-inner:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.container-deal {}
.container-deal > .inner {padding-top: 10px; }
.container-deal .btn-naver {padding-left: 28px; background-color: #06be34; border: 1px solid #06be34;  background-image: url("../images/sub/icon_naver.png"); background-repeat: no-repeat; background-position: left 7px center; background-size: 20px; font-size: 12px; color: #fff; }


/*============================================================
  scroll-box
============================================================*/
.scroll-box {display: block; position: absolute; left: 50%; bottom: 80px; z-index: 1000; width: 160px; height: 160px; margin-left: -80px; background-color: rgba(16, 121, 249, 0.7); border-radius: 100%; text-align: center; }
.scroll-box p {padding-top: 30px; font-size: 14px; text-align: center; color: #fff; }

.scroll-box .mouse {width: 22px; height: 38px; margin: 15px auto 0; border-radius: 14px; transform: none; border: 2px solid #fff; }
.scroll-box .wheel {position: relative; width: 4px; height: 4px; display: block; margin: 5px auto; background-color: #fff; border-radius: 8px; 
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
  }
.scroll-arrow-wrapper {width: 16px; margin: 0 auto; }
.scroll-arrow-wrapper .scroll-arrow {display: block; width: 16px; height: 16px; margin: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; 
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
}
.scroll-arrow-wrapper .scroll-arrow.first,
.scroll-arrow-wrapper .scroll-arrow.second,
.scroll-arrow-wrapper .scroll-arrow.third {
	-webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
  animation: mouse-scroll 1s infinite;
}
.scroll-arrow-wrapper .scroll-arrow.first{
	-webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  animation-delay: alternate; 
  margin-top: -3px;
}
.scroll-arrow-wrapper .scroll-arrow.second {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;  
  animation-delay: .2s;
  animation-direction: alternate;  
  margin-top: -6px;
}
.scroll-arrow-wrapper .scroll-arrow.third {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;  
  animation-delay: .3s;
  animation-direction: alternate;  
  margin-top: -6px;
}


/* mouse-wheel keyframs 
----------------------------------------*/
@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}


/* mouse-scroll keyframs 
----------------------------------------*/

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}