#visual .sub_visual{width:100%; height:100px;}
#visual .sub_visual .in_Layer{}
#visual .sub_visual .sub_nav_area{display:table; height:100px;}
#visual .sub_visual .sub_nav{display:table-cell; vertical-align:middle;}
#visual .sub_visual .sub_nav:after{clear:both; display:block; content:"";}
#visual .sub_visual .sub_nav li{float:left; color:#999;}
#visual .sub_visual .sub_nav li:after{content:" > "; display:inline-block; margin:0 7px;}
#visual .sub_visual .sub_nav li:last-child:after{display:none;}
#visual .sub_visual .sub_nav li:last-child a{color:#333; font-weight:500;}

#contents .sub_contents .list_area{margin-bottom:170px;}
#contents .sub_contents .list_area .list_top{margin-bottom:15px;}
#contents .sub_contents .list_area .list_top:after{clear:both; display:block; content:"";}
#contents .sub_contents .list_area .list_top span{color:#999; line-height:1.5;}
#contents .sub_contents .list_area .list_top .total_num{float:left;}
#contents .sub_contents .list_area .list_top .price_filter{float:right;}
#contents .sub_contents .list_area .list_top .price_filter li{padding:12px 10px; float:left;border:1px solid #ddd; cursor:pointer;}
#contents .sub_contents .list_area .list_top .price_filter li:nth-child(2){border-right:none; border-left:none;}
#contents .sub_contents .list_area .list_top .price_filter li i{font-style:normal; color:#333; font-weight:600;}


#contents .sub_contents .sc_tit:after{clear:both; display:block; content:"";}
#contents .sub_contents .sc_tit{text-align:center; margin-bottom:40px;}
#contents .sub_contents .sc_tit h2{font-size:40px; color:#1b191a; font-weight:900; line-height:1; margin-bottom:20px; text-align:left; float:left;  font-family: 'Lato', sans-serif;}
#contents .sub_contents .sc_tit .sub_gnb{display:inline-block; float:left; padding-left:40px; padding-top:15px;}
#contents .sub_contents .sc_tit .sub_gnb:after{clear:both; display:block; content:"";}
#contents .sub_contents .sc_tit .sub_gnb li{float:left;  position:relative;}
#contents .sub_contents .sc_tit .sub_gnb > li > a:after{content:" / "; display:inline-blcok; margin:0 10px;}
#contents .sub_contents .sc_tit .sub_gnb li:last-child:after{display:none;}
#contents .sub_contents .sc_tit .sub_gnb li a{font-size:14px; color:#999;}
#contents .sub_contents .sc_tit .sub_gnb li:hover a,
#contents .sub_contents .sc_tit .sub_gnb li.on a{color:#333; font-weight:500;}
#contents .sub_contents .sc_tit .sub_gnb li ul.depth_D{display:none; position:absolute; top:25px; z-index:666; border:1px solid #ddd; background:#fff;}
#contents .sub_contents .sc_tit .sub_gnb > li ul.depth_D > li{width:120px; height:40px; padding:12px 0; border-bottom:1px solid #ddd;}

/******************************************************************** view.html (상품 상세보기) ********************************************************************/
#contents .sub_contents .goods_view{margin-bottom:75px;}
#contents .sub_contents .goods_view:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .left_img{float:left; width:50%; padding-right:90px;}
#contents .sub_contents .goods_view .left_img .big_img{}
#contents .sub_contents .goods_view .left_img .big_img img{width:100%;}
#contents .sub_contents .goods_view .left_img .thum_img{width:100%; margin-top:3%; text-align:center;}
#contents .sub_contents .goods_view .left_img .thum_img li{display:inline-block; width:20%; cursor:pointer; margin-right:3%; border:1px solid #dfdfdf;}
#contents .sub_contents .goods_view .left_img .thum_img li:last-child{margin-right:0;}
#contents .sub_contents .goods_view .left_img .thum_img li.on{border:1px solid #333;}
#contents .sub_contents .goods_view .left_img .thum_img li img{width:100%;}

#contents .sub_contents .goods_view .right_info{float:left; width:50%;}
#contents .sub_contents .goods_view .right_info .info_top{border-bottom:1px solid #ddd; padding:7px 0 17px 0;}
#contents .sub_contents .goods_view .right_info .info_top span{font-size:16px; color:#333; font-weight:600; display:block;}

#contents .sub_contents .goods_view .right_info .info_mid1{border-bottom:1px solid #ddd; padding:17px 0;}
#contents .sub_contents .goods_view .right_info .info_mid1:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .right_info .info_mid1 .left_discount{float:left; width:55px; height:55px; border:1px solid #f4666c; text-align:center;}
#contents .sub_contents .goods_view .right_info .info_mid1 .left_discount span{font-size:26px; color:#f4666c; font-weight:900; padding-top:10px; display:inline-block;}
#contents .sub_contents .goods_view .right_info .info_mid1 .left_discount span .percen{font-size:15px;}
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area{float:left; width:calc(100% - 55px);}
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area:after{clear:both; display:block; content:"";}

#contents .sub_contents .goods_view .right_info .info_ps{padding:17px 0px; border-bottom:1px solid #ddd}
#contents .sub_contents .goods_view .right_info .info_ps h2{font-size:18px; color:#f4666c; font-weight:800; margin-bottom:10px;}
#contents .sub_contents .goods_view .right_info .info_ps ul li{padding-left:12px; word-break:keep-all; font-size:13px; line-height:1.5; position:relative; margin-bottom:4px;}
#contents .sub_contents .goods_view .right_info .info_ps ul li:last-child{margin-bottom:0px}
#contents .sub_contents .goods_view .right_info .info_ps ul li:after{content:"·"; display:block; position:absolute; top:0px; left:0px; font-weight:900; color:#f4666c}
#contents .sub_contents .goods_view .right_info .info_ps ul li span{color:#f4666c; }
/*
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area .left_price{float:left; margin-left:25px;}
*/
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area .left_price .before_price{display:block; font-size:15px; color:#999; /*text-decoration:line-through;*/}
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area .left_price .price{display:block; font-size:28px; color:#333; font-weight:800;}
#contents .sub_contents .goods_view .right_info .info_mid1 .right_area .icon_area{float:right;}

#contents .sub_contents .goods_view .right_info .info_mid2{padding:20px 0;}
#contents .sub_contents .goods_view .right_info .info_mid2 dl{margin-bottom:20px;}
#contents .sub_contents .goods_view .right_info .info_mid2 dl:last-child{margin-bottom:0;}
#contents .sub_contents .goods_view .right_info .info_mid2 dl:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .right_info .info_mid2 dl dt{float:left; font-size:13px; color:#666; width:100px;}
#contents .sub_contents .goods_view .right_info .info_mid2 dl dd{float:left; font-size:13px; color:#333; width:calc(100% - 100px);}

#contents .sub_contents .goods_view .right_info .info_bot{}
#contents .sub_contents .goods_view .right_info .info_bot.m_info_bot1{display:none;}
#contents .sub_contents .goods_view .right_info .info_bot.m_info_bot2{display:block;}
#contents .sub_contents .goods_view .right_info .info_bot.m_info_bot1 .goods_btn li{width:100%;}
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_open,
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_close{display:none; position: absolute; left: calc( 50% - 30px ); top: -18px;
width: 59px; height: 20px; background-position: 50% 0; background-repeat: no-repeat; background-size: 100%; overflow: hidden; text-indent: -9999px}
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_open{background-image:url('../images/ico/order_wrap_on.png');}
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_close{background-image:url('../images/ico/order_wrap_off.png');}

#contents .sub_contents .goods_view .right_info .info_bot p{font-size:13px; color:#666; margin-bottom:15px;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option_area{margin-bottom:20px;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option{margin-bottom:10px;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option select{width:100%; padding:0 3%;height:35px; background:url("../images/ico/ico_select_off.png")no-repeat 97% center; font-size:13px; color:#333;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option select:focus,
#contents .sub_contents .goods_view .right_info .info_bot .goods_option select:active{background:url("../images/ico/ico_select_on.png")no-repeat 97% center;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option select::-ms-expand{display:none;} /* 화살표 없애기 for IE10, 11*/

#contents .sub_contents .goods_view .right_info .info_bot .optionC{width:100%; background:#f5f5f5; height:45px; margin-bottom:10px; padding:0 3%; line-height:42px; font-size:13px;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .op{width:50%; display:inline-block; float:left; color:#333333;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .amount{float:left; height:28px; font-size:0; border:1px solid #ddd; border-right:0; margin-top:8px;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .amount a{display: inline-block; width: 27px; height: 26px; border-right: 1px solid #ddd;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .amount a img{vertical-align: top;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .amount input{display: inline-block; width: 50px; height: 26px; text-align: center; vertical-align: top; background: #fff; border-right: 1px solid #ddd}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .right{float:right; line-height:42px;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .price{color:#333333; margin-right:10px;}
#contents .sub_contents .goods_view .right_info .info_bot .optionC .closeOption a{display: inline-block; width:26px; height: 26px; font-size: 0; text-indent: -9999px; vertical-align: middle;
 background: url("../images/ico/v_xbox.gif") center center no-repeat;}

#contents .sub_contents .goods_view .right_info .info_bot .total_price_area{margin:5% 0;}
#contents .sub_contents .goods_view .right_info .info_bot .total_price_area:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .right_info .info_bot .total_price{float:right;}
#contents .sub_contents .goods_view .right_info .info_bot .total_price .pt{font-size:15px; color:#333; font-weight:500;}
#contents .sub_contents .goods_view .right_info .info_bot .total_price .pn{font-size:24px; color:#333; font-weight:800;}

#contents .sub_contents .goods_view .right_info .info_bot .goods_btn{}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn li{float:left; width:32%; margin-right:2%; text-align:center;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn li:last-child{margin-right:0;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn li a{font-size:14px; color:#333; font-weight:400; display:block; padding:20px 0; background:#fff; border:1px solid #ddd;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn li:first-child a{color:#fff; background:#333; border:1px solid #333;}

#contents .panels{clear:both;}
#contents .panels .panel{display:none;}
#contents .sub_contents .goods_view_cont .panel{padding:35px 0 150px 0;}
#contents .sub_contents .goods_view_cont .tabSet{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#contents .sub_contents .goods_view_cont .tabSet:after{clear:both; display:block; content:"";}
#contents .sub_contents .goods_view_cont .tabSet li{width:25%; float:left; text-align:center; position:relative;}
#contents .sub_contents .goods_view_cont .tabSet li:after{content:""; width:1px; height:14px; background:#dddddd;
display:inline-block; position:absolute; right:0; top:50%; margin-top:-7px;}
#contents .sub_contents .goods_view_cont .tabSet li:last-child:after{display:none;}
#contents .sub_contents .goods_view_cont .tabSet li a{display:block; font-size:14px; color:#666; font-weight:400; padding:15px 0; position:relative;}
#contents .sub_contents .goods_view_cont .tabSet li a:before{content:""; width:100%; height:1px; background:#333; position:absolute; bottom:-1px; left:0; display:none;}
#contents .sub_contents .goods_view_cont .tabSet li a.on:before{display:block;}
#contents .sub_contents .goods_view_cont #panel1-1{text-align:center;}
/*
#contents .sub_contents .goods_view_cont #panel1-1 img{width:100%; max-width:850px;}
*/
#contents .sub_contents .goods_view_cont #panel1-1 img{width:auto!important; height:auto!important;max-width:100%;}


@media only screen and (max-width: 800px){
#contents .sub_contents .goods_view{margin-bottom:4%;}
#contents .sub_contents .goods_view .left_img{width:100%; float:none; padding:0 6%; margin-bottom:3%;}
#contents .sub_contents .goods_view .right_info{width:100%; float:none;}

#contents .sub_contents .goods_view_cont .tabSet li a{font-size:13px;}
#contents .sub_contents .goods_view .right_info .info_bot{position:fixed; left:0; bottom:0; right:0; z-index:99999; background:#fff; padding:10px 3%; border-top:1px solid #333;}
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_close,
#contents .sub_contents .goods_view .right_info .info_bot .info_bot_open{display:block;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_option_area{margin-bottom:10px;}
#contents .sub_contents .goods_view .right_info .info_bot .total_price_area{margin:3% 0;}
#contents .sub_contents .goods_view .right_info .info_bot .goods_btn li a{padding:11px 0;}

#contents .sub_contents .goods_view .right_info .info_bot.m_info_bot1{display:block;}
#contents .sub_contents .goods_view .right_info .info_bot.m_info_bot2{display:none;}
}





/* content.css 넣는 코드 */
.res_img{text-align:center;}
.res_img img{width:auto; max-width:100%;}
.res_img .pc_img{}
.res_img .m_img{display:none;}

@media screen and (max-width:1000px) {
.res_img .pc_img{display:none;}
.res_img .m_img{display:inline-block;}
}