@charset "utf-8";

    #layout_config {
    width: 1200px;
    margin: auto;
    margin-bottom: 150px;
}
#layout_body:after, #layout_config:after {
    clear: both;
    display: block;
    content: '';
}
#layout_config > div {
    float: left;
}
#layout_side > div, .side_list {
    margin-right: 20px;
    margin-top: 80px;
}
#layout_side {
    width: 210px;
}
.side_list h2 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}
.side_list ul {
    border-top: 1px solid #333;
    padding: 10px 0 20px;
}
.side_list ul > li {
    letter-spacing: -1px;
    line-height: 25px;
}
#layout_config > div {
    float: left;
}
#layout_config_body {
    width: 990px;
}
#layout_config_body, #layout_config_full {
    background-color: #ffffff;
}
#layout_config_body, #layout_config_full {
    min-height: 500px;
}
.category_depth {
    float: right;
    padding: 20px 0 10px 0;
}
.category_depth ul.list, .category_depth ul.list2 {
    float: left;
}
.category_depth ul.list li:first-child.item, .category_depth ul.list2 li:first-child {
    background: url(/img/depth_home.png) no-repeat left center;
    padding-left: 0;
}
.category_depth ul.list2 li {
    background: url(/img/depth_list.png) no-repeat left center;
    padding-left: 10px;
    line-height: inherit;
}
.category_depth ul.list li.item, .category_depth ul.list2 li {
    position: relative;
    float: left;
    padding-right: 5px;
    color: #999;
    line-height: inherit;
}
.category_depth ul.list2 li:last-child {
    font-weight: normal;
}
.h3_wrap {
    clear: both;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}
.h3_wrap > h3 {
    text-align: center;
    color: #222;
    font-size: 24px;
    font-weight: 400;
    margin: 0px 0;
    font-family: "Nanum Gothic", sans-serif;
}

.bgcolor {
    background-color: #f7f7f7 !important;
}

/* 아이콘 */
.ui-datepicker-trigger {cursor:pointer;}
.ico_ {margin-bottom:2px; display:inline-block; background:url('/img/bg_icon.png') no-repeat; text-indent:-9999px; vertical-align:middle;}
.ico_.quest {background-position:0 0; width:14px; height:14px; cursor:pointer;}
.ico_.import {background-position:-20px 0; width:14px; height:14px;}
.ico_.coupon {margin-left:3px; background-position:-40px 0; width:11px; height:10px;}
.ico_.cs01 {background-position:0 -60px; width:54px; height:50px;}
.ico_.cs02 {background-position:-60px -60px; width:58px; height:50px;}
.ico_.cs03 {background-position:-130px -60px; width:54px ; height:50px;}
.ico_.cs04 {background-position:-200px -60px; width:41px; height:50px;}
.ico_.cs05 {background-position:-250px -60px; width:50px; height:50px;}

/* 인덱스 */
.bbslist .lat_title,.lt_info,.lt_more{display: none;}
.bbslist_wrap {position:relative; margin-top:40px; zoom:1;}
.bbslist_wrap:after {clear:both; display:block; content:'';}
.bbslist_wrap > .fleft {position:relative; width:49%;}
.bbslist_wrap > .fright {position:relative; width:49%;}
.bbslist_wrap a.more {position:absolute; top:5px; right:0; background:url('/img/btn_detail_more.png') no-repeat right center; padding-right:8px; color:#888;}
.bbslist_wrap table, .bbslist_wrap .wishlist_slide, .bbslist_wrap .bbslist {position:relative; margin-top:8px; border-top:1px solid #aaa;}
.bbslist_wrap .wishlist_slide .prev {position:absolute; top:50%; left:0; margin-top:-22px; z-index:10;}
.bbslist_wrap .wishlist_slide .next {position:absolute; top:50%; right:0; margin-top:-22px; z-index:10;}
.bbslist_wrap .wishlist_slide .slides_container {background:#fff;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul {margin-top:20px; width:100%; /*height:350px; overflow:hidden;*/ zoom:1;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul:after {clear:both; display:block; content:'';}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li {float:left; vertical-align:top; width:25%;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li .img {text-align:center;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li .img img {width:90%; margin:0 auto;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li ul {margin:10px 10px 20px;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li li {text-align:left; line-height:1.6;}
.bbslist_wrap .wishlist_slide .slides_container .slide > ul > li li.goods_name {width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bbslist_wrap .bbslist {padding-top:10px;}
.basic_li {border-bottom:0px solid #e0e0e0; background:url('/img/ico_list.png') no-repeat left center; padding:3px 6px; word-wrap:break-word; word-break:break-all; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}  
.bbslist_wrap .bbslist > li span.cat {color:#666;}
.bbslist_wrap .cslist {border:1px solid #ddd; padding:20px; min-height:105px; zoom:1;}
.bbslist_wrap .cslist:after {clear:both; display:block; content:'';}
.bbslist_wrap .cslist h4 {margin-bottom:0; background:none; padding-left:0;}
.bbslist_wrap .cslist .phone {margin:10px 0 0; font-size:24px;}
.bbslist_wrap .cslist ul {margin-top:10px;}
.bbslist_wrap .cslist li {background:url('/img/ico_list2.png') no-repeat left center; padding:0 8px; line-height:1.6; word-wrap:break-word; word-break:break-all;}


/* 내부 레이아웃 */
.mypage_wrap {}
.mypage_wrap .sns_list {margin-top:10px; border-top:1px solid #666; padding:20px 0 0; text-align:center;}
.mypage_sum {margin-bottom:20px; border:2px solid #e0e0e0; padding:20px 0; text-align:center; font-size:14px;}
.mypage_inner {position:relative; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:20px; zoom:1;}
.mypage_inner:after {clear:both; display:block; content:'';}
.mypage_inner.cs {padding:30px 20px;}
.mypage_inner > .fleft {position:relative; width:49%;}
.mypage_inner > .fright {position:relative; width:49%;}
.mypage_inner > li {float:left; width:33.3%;}
.mypage_inner > li a {text-decoration:none;}
.mypage_inner > li dl {display:table; border-left:1px solid #ccc;}
.mypage_inner > li:first-child dl {border-left:none;}
.mypage_inner > li dt, .mypage_inner > li dd {display:table-cell; line-height:1.6;}
.mypage_inner > li dt {padding:0 15px 0 30px;}
.mypage_inner > li dd{vertical-align: middle;}
.mypage_inner > li dd span {display:block; color:#666; letter-spacing:-1px;}
.mypage_inner > li dd strong {display:block; font-size:16px; font-weight:600; color:#585866;}
.mypage_inner a.more {position:absolute; top:5px; right:0; background:url('../images/common/btn_detail_more.png') no-repeat right center; padding-right:8px; color:#888;}
.mypage_inner table {position:relative; margin-top:8px; border-top:1px solid #666;}
.mypage_inner table th, .mypage_inner table td {padding:5px 15px !important;}
.mypage_inner table td div {width:270px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.box_container {border:1px solid #e0e0e0; background:#f9f9f9; padding:20px;}
.box_container .coupon_wrap {width:100%; margin:0 auto;}
.box_container .coupon_wrap > li {text-align:center; font-size:13px;}
.box_container .promotion_wrap {width:100%; margin:0 auto;}
.box_container .promotion_wrap > li {width:20%; text-align:center;}
.box_container .promo_wrap {width:100%; margin:0 auto; zoom:1;}
.box_container .promo_wrap:after {clear:both; display:block; content:'';}
.box_container .promo_wrap.mt-20 {margin-top:-20px;}
.box_container .promo_wrap > li {float:left; width:20%; text-align:center; margin-top:20px;}
.box_container .promo_wrap > li ul {width:95%; margin:0 auto; border:1px solid #6d7c81; border:1px solid rgba(109, 124, 140, 0.2); background:#fff; padding-bottom:15px;}
.box_container .promo_wrap > li li {line-height:20px;}
.box_container .promo_wrap > li li .promo_code {background:#6d7c81; background:rgba(109, 124, 140, 0.8); padding:10px 0; color:#fff; line-height:1.2;}
.box_container .promo_wrap > li li .promo_code .txt {font-weight:bold; color:#fff; color:rgba(255, 255, 255, 0.5);}
.box_container .promo_wrap > li li .promo_code .sale {font-size:14px;}
.box_container .promo_wrap > li li .promo_code .sale span {font-size:16px; font-weight:bold; color:#fff;}
.box_container .exchange_wrap {background:#6d7c81; background:rgba(109, 124, 140, 0.8); padding:10px; color:#fff; color:rgba(255, 255, 255, 0.5);}
.box_container .exchange_wrap  strong {color:#fff;}