@charset "utf-8";
/* HUMANUILAB Web Standard 1Team KH 121119 */

html,body{background-color:#fff;}
#container{padding-bottom:50px;}
#content{width:100%; margin:0; padding:0;}
.container_bg_area{position:absolute; top:192px; z-index:1; width:100%; height:77px;}
.container_bg_area:after {display:block; clear:both; content:"";}
.container_bg_area .bg_lft{float:left; width:50%; height:100%;}
.container_bg_area .bg_rgt{float:right; width:49.9%; height:100%;}

.ad_left{top:467px; display:none;}
.ad_right{top:467px; display:none;}


/* page_title */
.detail_tit_area * {font-size:11px;}
.detail_tit_area {position:relatve; height:25px; margin-bottom:42px; padding-top:10px;}
.detail_tit_area .history_bar {text-align:right;}
.detail_tit_area .history_bar a {line-height:25px; color:#0e1114;}
.detail_tit_area .history_bar a:hover {text-decoration:none; border-bottom:1px solid #0e1114;}
.detail_tit_area .history_bar .icon {display:inline-block; width:9px; height:11px; margin:0 6px 1px 0; background:url(/_design/m1/img/list_icon.png) no-repeat -4px 0; vertical-align:middle; cursor:pointer;}
.detail_tit_area .history_bar .icon:hover {background-position:-14px 0; border:0;}
.detail_tit_area .card_lst {position:absolute; left:0; top:15px; display:block; width:102px; height:24px; background:url(/_design/m1/img/list_icon.png) no-repeat 0 -393px;}
.detail_tit_area .card_lst:hover {background-position:0 -418px;}
.detail_tit_area .card_lst span {display:none;}


/* 상단 상품 정보 */
.spot_viewer * {font-size:11px;}
.dp_area {*zoom:1;}
.dp_area:after {display:block; clear:both; content:"";}

.spot_top {margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid #d4d4d4; *zoom:1;}
.spot_top:after {display:block; clear:both; content:"";}
.spot_top .card_ttl {float:left; margin-right:10px; *zoom:1;}
.spot_top .card_ttl:after {display:block; clear:both; content:"";}
.spot_top .card_ttl p {float:left; display:block; height:27px; color:#3b3737;}
.spot_top .card_ttl .nm {font-size:18px; margin:0 3px 0 4px; font-weight:bold; line-height:27px;}
.spot_top .card_ttl .ex {font-size:11px; line-height:34px;}

.spot_main {position:relative; width:596px;}
.spot_main .sns_area {position:absolute; right:8px; top:8px; *zoom:1;}
.spot_main .sns_area:after {display:block; clear:both; content:"";}
.spot_main .sns_area p {float:left;}
.spot_main .sns_area .detail_btn button {width:109px; height:24px; margin-right:7px; background:url(/_design/m1/img/list_icon.png) no-repeat 0 -343px; cursor:pointer;}
.spot_main .sns_area .detail_btn button:hover {background-position:0 -368px;}
.spot_main .sns_area .sns_icon {*zoom:1;}
.spot_main .sns_area .sns_icon:after {display:block; clear:both; content:"";}
.spot_main .sns_area .sns_icon a {float:left; display:block; width:25px; height:25px; margin-right:7px; background:url(/_design/m1/img/list_icon.png) no-repeat;}
.spot_main .sns_area .sns_icon a span {display:none;}
.spot_main .sns_area .sns_icon .twiter {background-position:-110px -343px;}
.spot_main .sns_area .sns_icon .twiter:hover {background-position:-110px -368px;}
.spot_main .sns_area .sns_icon .blog {background-position:-136px -343px;}
.spot_main .sns_area .sns_icon .blog:hover {background-position:-136px -368px;}
.spot_main .sns_area .sns_icon .facebook {background-position:-162px -343px; margin:0;}
.spot_main .sns_area .sns_icon .facebook:hover {background-position:-162px -368px;}

.spot_thum {position:relative; margin-top:21px; *zoom:1;}
.spot_thum:after {display:block; clear:both; content:"";}
.spot_thum .movie {float:left; width:79px; height:51px;}

.spot_thum .movie .start {width:60px; height:44px; margin:6px auto 0; background:url(/_design/m1/img/detail_movie_btn_ani.gif) no-repeat 0 0; cursor:pointer;}
.spot_thum .movie .start:hover {background:url(/_design/m1/img/detail_movie_btn.png) no-repeat 0 -44px;}
.spot_thum .movie .play {width:60px; height:44px; margin:6px auto 0; background:url(/_design/m1/img/detail_movie_btn.png) no-repeat 0 0; cursor:pointer;}
.spot_thum .movie .play:hover {background-position:0 -44px;}
.spot_thum .movie .pause {width:60px; height:44px; margin:6px auto 0; background:url(/_design/m1/img/detail_movie_btn.png) no-repeat 0 -88px; cursor:pointer;}
.spot_thum .movie .pause:hover {background-position:0 -88px;}
.spot_thum .movie .none {width:60px; height:44px; margin:6px auto 0; background:url(/_design/m1/img/detail_movie_btn.png) no-repeat 0 -132px; cursor:pointer;}
.spot_thum .movie .none:hover {background-position:0 -132px;}
.spot_thum .movie .on {background:url(/_design/m1/img/detail_movie_btn.png) no-repeat 0 -44px;}

/*
.spot_thum .movie .play,
.spot_thum .movie .pause,
.spot_thum .movie .none {width:60px; height:44px; overflow:hidden; margin:6px auto 0; cursor:pointer;}
.spot_thum .movie .play:hover img {margin-top:-44px;}
.spot_thum .movie .pause img {margin-top:-88px;}
.spot_thum .movie .none img {margin-top:-132px;}
.spot_thum .movie .none {cursor:default;}
*/


.spot_thum .thum_list {float:left; padding:0 49px; border-left:1px solid #f3f3f3; *zoom:1;}
.spot_thum .no_padding {padding:0 0 0 10px!important;}
.spot_thum .thum_list:after {display:block; clear:both; content:"";}
.spot_thum .thum_list li {float:left; margin-right:2px; cursor:pointer;}

.spot_thum .thum_list_btn .prev {position:absolute; left:91px; top:0; display:block; width:36px; height:51px; overflow:hidden;}
.spot_thum .thum_list_btn .next {position:absolute; right:13px; top:0; display:block; width:36px; height:51px; overflow:hidden;}
.spot_thum .thum_list_btn .next img {margin-left:-36px;}
.spot_thum .thum_list_btn .on img {margin-top:-51px; cursor:pointer;}



.spot_info {float:right; width:378px;}
.spot_info dl {*zoom:1;}
.spot_info dl:after {display:block; clear:both; content:"";}
.spot_info dl dt {float:left; width:80px; text-indent:5px; color:#9f9f9f;}
.spot_info dl dd {float:left;}

.spot_info .detail_info {height:100px; border-bottom:1px solid #e5e5e5;}
.spot_info .detail_info dl {padding-top:8px;}
.spot_info .detail_info dt,
.spot_info .detail_info dd {height:22px; line-height:22px;}
.spot_info .detail_info select {vertical-align:middle;}
.spot_info .detail_info .prime {color:#a4a5a7; text-decoration:line-through;}
.spot_info .detail_info .price {color:#ba1515;}
.spot_info .detail_info .discount {color:#222;}
.spot_info .detail_info .option_request {width:162px; height:20px; background:url(/_design/m1/img/detail_option_btn.gif) no-repeat 0 0; vertical-align:middle; cursor:pointer;}
.spot_info .detail_info .detail_btn .option_request:hover {background-position:0 -20px;}

.spot_info .detail_total {border-bottom:1px solid #e5e5e5;}
.spot_info .detail_total dl {line-height:33px;padding:5px 0;}
.spot_info .detail_total dd {font-size:18px; font-weight:bold; color:#ba1515;}
.spot_info .detail_total dd span {font-size:14px;}
.spot_info .detail_total dd a {display:inline-block; height:20px; overflow:hidden; cursor:pointer; vertical-align:middle; margin-bottom:2px;}
.spot_info .detail_total dd a:hover img {margin-top:-20px;}


.spot_info .btn_area li {*zoom:1;}
.spot_info .btn_area li:after {display:block; clear:both; content:"";}
.spot_info .btn_area li a {display:block; cursor:pointer; vertical-align:top;}
.spot_info .btn_area li a:hover {text-decoration:none;}
.spot_info .btn_area li a span {display:block; height:27px; margin:15px auto 7px; background:url(/_design/m1/img/list_icon.png) no-repeat;}

.spot_info .btn_area .btn_area2 {margin-top:33px;}
.spot_info .btn_area .btn_area2 p {width:187px; height:60px; text-align:center;}
.spot_info .btn_area .btn_area2 b {color:#fff; line-height:60px; font-size:14px; letter-spacing:-1px;}
.spot_info .btn_area .order {color:#d0afaf; background:#3b3737;}
.spot_info .btn_area .order:hover {background:#121111;}
/* //상단 상품 정보 */


.detailed_account {margin-top:25px; border-top:1px solid #e5e5e5;}