@charset "utf-8";

/* Nav */
.list-nav .page-nav { margin-top:4px; }

/* 카테고리 */
.list-category { margin-bottom:30px; }
.list-category .row { list-style:none; display: table; width: auto; margin: 0 auto; }
.list-category .row div { width: auto; background-color: #fff; border: 0px !important; padding: 10px 25px; text-align: center; }
@media all and (max-width:767px) {
	.col-xs-6 { width: 50% !important; }
}
.list-category .row div a { padding: 5px 10px; color: #222; border: 0px;     font-size: 1.2em;
    font-weight: 500; }
.list-category .row div a:hover { color: #000; border-bottom: 0px; }
.list-category .row div.active a {     border: 1px solid;
    padding: 10px;
    background: #eee;
    font-weight: 900;
    color: #000 !important; }
.list-category .row div.active a:hover { border-bottom: 2px solid; color: #bbb !important; }

/* Sort */
.list-sort { margin-bottom: 35px; }
.list-sort ul { list-style:none; }
.list-sort a:hover { color: #000 !important; }
.list-sort .on { font-weight:bold; color: #000 !important;}
.list-sort .pull-right a { display:inline-block; margin-left:10px; }
.list-sort .pull-left a { display:inline-block; margin-right:10px; }

/* 목록 */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }

.list-wrap .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name { white-space: normal; word-break: keep-all; color: #333; letter-spacing:-0.2px; padding-right:1px; text-align:center; font-size:18px; font-weight: 300;}
.list-wrap .item-name a { white-space: normal; word-break: keep-all; color: #333; letter-spacing:-0.2px; padding-right:1px; text-align:center; font-size:18px; font-weight: 300;}
.list-wrap .item-text { white-space: normal; word-break: keep-all; font-size:13px; color:#888; }
.list-wrap .item-price { font-size:16px; letter-spacing:-0.5px; margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; letter-spacing:-1px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:60px 0px; }
.list-page { margin-bottom:15px; display: none; }
.list-page .pagination { margin:0; }
.list-page .pagination li a { border: 0px; }
.list-page .pagination li.active a { background-color: #fff !important; color: #444 !important; border-bottom: 2px solid #444; padding: 5px !important; }

/* 기본 숨기기 */
.at-title { display: none; }
/* .at-body { display: none; } */

/* 상단 숨기기 */
.at-newTitle { height:80px; position:relative; color:#000; background-color: #fafafa; border-bottom:1px solid #dfdfdf; vertical-align: middle; height: 250px !important; background-position: 50% 45%; }
.at-newTitle .at-container { height:100%; position:relative; }
.at-newTitle .page-title
{
	font-size: 28px !important;
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	z-index: 1 !important;
	-ms-transform: translateX(-50%) translateY(-50%) !important;
	-webkit-transform: translate(-50%,-50%) !important;
	transform: translate(-50%,-50%) !important;
	padding:50px;
	letter-spacing: 5px;
}
.at-newTitle .page-title strong { font-weight:normal; }

.at-newTitle .page-desc
{
	color: #000;
	position: absolute;
	left: 50%;
	top: 40%;
	z-index: 2;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	font-weight:bold;
}

.at-newTitle .line-one-999
{
	left: 50%;
	top: 65%;
	z-index: 3;
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	width: 40px;
}

@media all and (max-width:767px) {
	.responsive .at-newTitle { height:50px; }
	.responsive .at-newTitle .page-title { font-size:20px; left:15px; bottom:10px; }
	.responsive .page-desc { display: block !important; }
}

/* 하단 내용 */
.at-newContainer {
	max-width: 1200px;
	margin: 0 auto;
    padding: 0px 0px;
    overflow: hidden;
}

.at-newContent {
    position: relative;
    padding: 50px 0px;
}

.col-md-6 { padding: 0px 10px; }
/* .col-md-6 { padding: 0px 10px; margin-bottom: 30px; } */
.item-list { padding-bottom: 10%; margin-bottom: 10%; }
.item-row { border: 0px !important; }
.item-content { margin-top: 30px; }
.item-content div { padding: 0px; }
.item-content .title {     font-size: 1.5em;
    font-weight: 600;
    width: 100%;
    height: 32px;
    letter-spacing: -1px; }
.item-content .price {     font-size: 1.8em;
    color: #222;
    width: 100%;
    font-weight: 800; }
.item-content .sub_title {     color: #444;
    margin-top: 10px;
    min-height: 44px;
    font-size: 1.2em;
    letter-spacing: -0.5px;
    font-weight: 600; }
.item-content .line { width: 100%; border: 1px solid #f5f5f5; margin-top: 5px; }
.options { margin-top: 10px; min-height: 100px; }
.option { border: 1px solid #ddd; margin: 5px 5px 5px 0px; padding: 5px 15px; color: #000; display: block; }
.switch { width: 12px; height: 12px; display: inline-block; border-radius: 12px; }
.item-content .optTitle {     margin-left: 5px;
    font-size: 1.2em;
    letter-spacing: -0.5px;
    color: #222;
    font-weight: 500; }
.item-content .dcView {     margin-bottom: 18px;
    color: #999;
    display: inline;
    position:absolute;
    top: 20px; right: 20px; }
.item-content .it_soldout {     padding: 10px 20px;
    background-color: #555;
    color: #fff;
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: 700;}
.item-content .it_ing {     padding: 10px 20px;
    background-color: #0071e3;
    color: #fff;
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: 700; }
.item-content .sale {     padding: 10px 20px;
    color: #fff;
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: 700;
    background-color: #e4544d; }
.item-content .dc {     padding: 10px 20px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    background-color: #009a16; } 
.item-content strike { margin-right: 10px; color: #ddd; text-decoration: line-through black;}
.item-content .reserve { margin-top: 30px; color: #999; }
.item-content .reserve .exp { padding: 1px 30px; background-color: #fff; color: #999; margin-right: 10px; border: 2px solid #999; line-height: 44px; }
.item-content .reserve .start { padding: 1px 30px; background-color: #999; color: #fff; margin-right: 10px; border: 2px solid #999; line-height: 44px; }
.list-sort a { margin-left: 8px; }
.optionView { position: absolute; background-color: #969494; width: 100%; height: 100%; opacity: 0.9; display: none; } 
.optionView .option { line-height: 50px; font-size: 14px; } 

@media all and (max-width:767px)
{
	.optionView .option { line-height: 25px; font-size: 12px; } 
}
.optionView .options a { background-color: #fff; }