@charset "UTF-8";


@font-face {
 font-family: SDGothicNeo;
 font-weight: 300;
 src: url(../webfont/AppleSDGothicNeoUL.eot);
 src: url(../webfont/AppleSDGothicNeoUL.eot?#iefix) format('embedded-opentype'),
 url(../webfont/AppleSDGothicNeoUL00.woff) format('woff'),
 url(../webfont/AppleSDGothicNeoUL.ttf) format('truetype');
}

@font-face {
 font-family: SDGothicNeo;
 font-weight: 500;
 src: url(../webfont/AppleSDGothicNeoR.eot);
 src: url(../webfont/AppleSDGothicNeoR.eot?#iefix) format('embedded-opentype'),
 url(../webfont/AppleSDGothicNeoR00.woff) format('woff'),
 url(../webfont/AppleSDGothicNeoR.ttf) format('truetype');
}

@font-face {
 font-family: SDGothicNeo;
 font-weight: 600;
 src: url(../webfont/AppleSDGothicNeoM.eot);
 src: url(../webfont/AppleSDGothicNeoM.eot?#iefix) format('embedded-opentype'),
 url(../webfont/AppleSDGothicNeoM00.woff) format('woff'),
 url(../webfont/AppleSDGothicNeoM.ttf) format('truetype');
}

@font-face {
 font-family: SDGothicNeo;
 font-weight: 700;
 src: url(../webfont/AppleSDGothicNeoB.eot);
 src: url(../webfont/AppleSDGothicNeoB.eot?#iefix) format('embedded-opentype'),
 url(../webfont/AppleSDGothicNeoB00.woff) format('woff'),
 url(../webfont/AppleSDGothicNeoB.ttf) format('truetype');
}

@font-face {
 font-family: SDGothicNeo;
 font-weight: 900;
 src: url(../webfont/AppleSDGothicNeoH.eot);
 src: url(../webfont/AppleSDGothicNeoH.eot?#iefix) format('embedded-opentype'),
 url(../webfont/AppleSDGothicNeoH00.woff) format('woff'),
 url(../webfont/AppleSDGothicNeoH.ttf) format('truetype');
}

@font-face {
 font-family: Volte;
 src: url(../webfont/Volte-Bold.eot);
 src: url(../webfont/Volte-Bold.eot?#iefix) format('embedded-opentype'),
 url(../webfont/Volte-Bold.woff) format('woff'),
 url(../webfont/Volte-Bold.ttf) format('truetype');
}



/*
	Document	: common.css
	Created on	: 2010/12/09 23:14:00 ~ 11. 6. 8 오후 1:41
	Author		: Nexist, BahamuT
	Description	: 공통으로 쓰는 클래스만 입력합니다.
*/
html,body{width:100%;height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a {margin:0;padding:0; outline: none;}

html{ y-overflow:auto;x-overflow:none; }

form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
/*
body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px;letter-spacing:0px;}
*/
body,input,textarea,select,button,table{font-family:'SDGothicNeo',Dotum,AppleGothic,sans-serif;font-size:12px;letter-spacing:0px;}

img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
label{cursor:pointer}
.hand{cursor:pointer}
.move{cursor:move}
.underline{text-decoration:underline}
.relative{position:relative}
.absolute{position:absolute}
.strike {text-decoration:line-through}
.tahoma {font-family:tahoma;}
input.disabled {background-color:#f6f6f6; color:#999}
span.disabled button {background-color:#f6f6f6; color:#999}

/* 공통 : 데이트피커 */
.ui-datepicker {z-index:100;}
.ui-datepicker-trigger {vertical-align:middle;}

/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml0{margin-left:0px !important}
.ml3{margin-left:3px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt-3{margin-top:-3px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}

.pdr3{padding-right:3px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr20{padding-right:20px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}
.pdl10{padding-left:10px !important}
.pdl20{padding-left:20px !important}
.pdl30{padding-left:30px !important}
.pdl40{padding-left:40px !important}
.pdl5{padding-left:5px !important}
.pdt3{padding-top:3px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdb3{padding-bottom:3px !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb20{padding-bottom:20px !important}
.pdb30{padding-bottom:30px !important}
.pd2{padding:2px !important}
.pd3{padding:3px !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.wp100{width:100%}
.wp95{width:95%}
.wp85{width:85%}
.wp60{width:60%}
.wp55{width:55%}
.wp50{width:50%}
.wp49{width:49%}

.wx600{width:600px}
.wx500{width:500px}
.wx450{width:450px}
.wx400{width:400px !important}
.wx300{width:300px}
.wx150{width:150px}
.wx110{width:110px}
.wx200{width:200px}
.wx250{width:250px}
.wx70{width:70px}
.wx80{width:80px}
.wx80{width:80px}
.wx50{width:50px}
.wx30{width:30px}
.wx20{width:20px}

.hx50{height:50px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fx9 {font-size:9px;}
.fx10 {font-size:10px;}
.fx11 {font-size:11px;}
.fx12 {font-size:12px;}
.fx13 {font-size:13px;}
.fx14 {font-size:14px;}
.fx15 {font-size:15px;}
.fx16 {font-size:16px;}
.fx17 {font-size:17px;}

.dotum {font-family:dotum;}

/* 클리어부스 */
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}
/* //클리어부스 */

/* 각종 정렬 */
.valign-middle{vertical-align:middle !important}
.valign-top{vertical-align:top !important}
.center{text-align:center !important}
.left{text-align:left !important}
.right{text-align:right !important}
.lsp-1{letter-spacing:-1px !important}
.hide{display:none}
.fl{float:left}
.fr{float:right}

/* 각종 컬러 */
.bold { font-weight: bold !important; }

.beige{color:#eceba8}
.red{color:#f00}
.blue{color:#06C}
.white{color:#fff}
.black{color:#000}
.yellow{color:#FFD700}
.green{color:#0f0}
.deepGreen{color:#0c0}
.lightgreen{color:#2aff98}
.orange{color:#f90}
.silver{color:#CECECE}
.gray{color:#999}
.darkgray{color:#666}
.darkorange {color:#d13b00;}
.highlight-link {color:#d13b00;}
.highlight-link-text {font-weight:bold; color:#d13b00; text-decoration:none;}
.highlight-text {font-weight:bold; color:#d13b00; font-size:11px; letter-spacing:-1px;}
.desc{color:#747474; font-size:11px; letter-spacing:-1px;}
.desc2{color:#747474;}
.ngreen{color:#080;}	/*npay주문번호 고유컬러*/
.ngray{color:#95969e;}	/*npay상품주문번호 고유컬러*/

.bg-gray{background:#EEE !important}
.bg-blue{background:#06C !important}
.bg-silver{background:#CECECE !important}
.bg-yellow{background:#FFD700 !important}
.bg-red{background:#DF171E !important}
.bg-pastelred{background:#FFBDBF !important}
.bg-lightyellow{background:#ffffc4 !important}
.bg-darkgray{background:#666 !important}
/* //각종 컬러 */

/* 목록 테이블 */
table.list_table_style {border-top:2px solid #545454; border-bottom:1px solid #000; font-size:11px; color:#444;}
table.list_table_style thead th {height:26px; background:url('../images/design/tbl_th_bg.gif') repeat-x; border-left:1px solid #e0e0e0; border-bottom:1px solid #bbbbbb; font-weight:normal;}
table.list_table_style thead th:first-child {border-left:0px;} 
table.list_table_style tbody td.cell {padding:7px; text-align:center; border-top:1px solid #e0e0e0}
table.list_table_style tbody tr td.cell:first-child {border-left:0px;}
table.list_table_style tbody tr:first-child td.cell {border-top:0px;}

/* 기본 정보 테이블 스타일 */
table.info_table_style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info_table_style .its_section {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 5px 8px 5px; text-align:center; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info_table_style .its_th_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info_table_style .its_td_center {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info_table_style textarea {background-color:#f0f0f0;}
table.info_table_style textarea.input_box_default_text {color:#a5a5a5 !important}


.order-item-cancel-type {color:red}

table.inner-table {border:0px !important;}
table.inner-table td,
table.inner-table td {border:0px !important}

.icon-goods-kind-goods {background:url("../images/common/icon_goods_kind_goods.gif") no-repeat; display:inline-block; width:30px; height:18px; text-indent:-1000px; overflow:hidden; margin-right:-2px; margin-bottom:-3px;}
.icon-goods-kind-coupon {background:url("../images/common/icon_goods_kind_coupon.gif") no-repeat; display:inline-block; width:30px; height:18px; text-indent:-1000px; overflow:hidden; margin-right:-2px; margin-bottom:-3px;}
.icon-goods-kind-coupon-order {background:url("../images/common/icon_goods_kind_coupon_order.gif") no-repeat; display:inline-block; width:30px; height:18px; text-indent:-1000px; overflow:hidden; margin-right:-2px; margin-bottom:-3px;}


.iconbuyerHighlight {background:url("../images/common/icon_buyer.gif") no-repeat; display:inline-block; width:40px; height:15px; text-indent:-1000px; overflow:hidden; margin-right:2px; margin-bottom:1px;}
.iconsellerHighlight {background:url("../images/common/icon_seller.gif") no-repeat; display:inline-block; width:40px; height:15px; text-indent:-1000px; overflow:hidden; margin-right:2px; margin-bottom:1px;}

.basic_black_box {margin:0 auto;width:35px;height:15px;border:1px solid #000000;background-color:#000000;color:#ffffff;}

/* 상세내역 레이어 팝업 스타일 */
.sale_price_layer {position:absolute;z-index:1000; border:1px solid #424242;background-color:#fff;padding:10px;}
.sale_price_layer div.title_line	{ width:100%;font-size:12px;color:#272727;font-weight:bold;text-align:left;}
.sale_price_layer table { border-top:1px solid #d8d8d8; }
.sale_price_layer table th, .sale_price_layer table td {font-size:11px;color:#666;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.sale_price_layer table th { font-weight:bold;height:30px;line-height:30px;background-color:#ebebeb;text-align:center;}
.sale_price_layer table td { font-weight:normal;height:24px;line-height:24px;background-color:#fff;text-align:left;padding-left:10px;}
.sale_price_layer table td.gr {background-color:#f7f7f7;}
.sale_price_layer table td.prices {text-align:right;padding:0;padding-right:10px;}
.sale_price_layer table th.bolds, .sale_price_layer table td.bolds { color:#000;font-weight:bold; }
.sale_price_layer table th.ends, .sale_price_layer table td.ends { border:none;border-bottom:1px solid #d8d8d8; }

/* 작은 레이어 */
.detailDescriptionLayer { position:absolute; z-index:200;padding:0px !important; }
.detailDescriptionLayer .layer_wrap { width:100% !important;position:relative; padding:0px !important; border:1px solid #999; background:#fff; -webkit-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); -moz-box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1); box-shadow:2px 2px 1px 0 rgba(0,0,0, 0.1);}
.detailDescriptionLayer .layer_wrap h1 {border-bottom:1px solid #ccc; background:#f1f1f1; padding:0 0 0 15px; text-align:left; height:30px; line-height:30px; font-family:'dotum'; font-size:13px; font-weight:bold; letter-spacing:-1px;}
.detailDescriptionLayer .layer_wrap a.detailDescriptionLayerCloseBtn {position:absolute; top:0; right:0; display:inline-block; background:url('../images/common/btn_detail_close.png') no-repeat; width:30px; height:30px; text-indent:-9999px;}
.detailDescriptionLayer .layer_wrap .layer_inner {width:100% !important;padding:15px; font-size:12px; color:#666; line-height:1.6;text-align:left;}
.detailDescriptionLayer .layer_wrap .layer_inner strong, .detailDescriptionLayer .layer_wrap .layer_inner a {font-size:inherit; color:inherit;}
.detailDescriptionLayer .layer_wrap .layer_inner a.more {display:block; background:url('../images/common/btn_detail_more2.png') no-repeat right 7px; padding-right:8px; text-align:right; color:#2c8ff0;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li {margin-top:10px; background:url('../images/common/ico_detail_list.png') no-repeat left 3px; padding-left:15px;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li:first-child {margin-top:0;}
.detailDescriptionLayer .layer_wrap .layer_inner .ul_list > li .ul_list2 {margin-left:-8px;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country {margin-bottom:5px; width:100%; padding:0;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dt {float:left; width:280px;}
.detailDescriptionLayer .layer_wrap .layer_inner dl.ship_country dd {float:right; width:auto; text-align:right;}
.detailDescriptionLayer .ddlTable tr th, .detailDescriptionLayer .ddlTable tr td {padding:0; border-top:1px solid #ddd; text-align:center;}
.detailDescriptionLayer .ddlTable tr:first-child th, 
.detailDescriptionLayer .ddlTable tr:first-child td {border-top:none; line-height:inherit}
.detailDescriptionLayer .tbl_row {border-collapse:collapse; font-size:12px; font-weight:normal; color:#666;}
.detailDescriptionLayer .tbl_row tbody th {border:1px solid #ddd; background:#f9f9f9; text-align:left; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_row tbody td {border:1px solid #ddd; background:#fff; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_col {border-collapse:collapse; font-size:12px; font-weight:normal; color:#666;}
.detailDescriptionLayer .tbl_col th, .detailDescriptionLayer .tbl_col td {border:1px solid #ddd; padding:5px; line-height:inherit}
.detailDescriptionLayer .tbl_col thead th {background:#f1f1f1; text-align:center; line-height:inherit}
.detailDescriptionLayer .tbl_col tbody th {background:#f9f9f9; text-align:left; line-height:inherit}
.detailDescriptionLayer .tbl_col tbody td {background:#fff; text-align:right; line-height:inherit;}

div.sub-choose-lay { position:relative; }
div.sub-choose-lay div {position:absolute;z-index:5000;display:none;}
div.sub-choose-lay ul li {padding-left:5px;line-height:25px;color:#ffffff;background-color:#000000;}
div.sub-choose-lay ul li.choose-title {color:#acdaff;font-weight:bold;}
div.sub-choose-lay ul li.choose-item {cursor:pointer;border-top:2px solid #d8d8d8;}
div.sub-choose-lay ul li.choose-item:hover {background-color:#d8d8d8;color:#000000;}

/* onclick 걸린 영역 기본 처리 */
.click-lay {cursor:pointer;color:#06c !important;}






/* 추가 css */
#frm_search{

	position:relative;
}

#frm_search-new{
	position:relative;
	left:400px;
	width:calc(100% - 400px);
}

.adv-cnt-wrp {
	/*width:calc(100% - 470px);
	position:relative;
	left:470px;
	*/
}

.pre-clm {
	font-size:12px;
	margin-bottom:10px;
}

.pre-sec {
	padding:15px 10px;
	background:#fff;
	box-sizing:border-box;
	margin-top:10px;
}

.pre-sec:first-child {
	margin-top:0;
}

.prc {
	height:34px;
}

.prc strong {
	font-size:24px;
	color:#115EFB;
	line-height:34px;
}

.layout-preview {
	width:400px;
	left:0;
	top:128px;

	background:#f1f2f8;
	position:fixed;
	padding:10px;
	box-sizing:border-box;
}

.layout-preview .prev-btn1 {
	float: right;
	width:81px;
	height:28px;
	background:#115EFB;
	border-radius:50px;
	color:#fff;
	text-align:center;
	line-height:28px;
	margin-top:3px;
}


.preview-bg {
	background:#fff;
	padding:25px;
}

.pre-title {
	font-size:24px;
	height:34px;
	line-height:34px;
	font-weight:bold;
}

.prc span {
	font-size:12px;
	color:#115EFB;
}

.pre-contai {
	height:388px;
	overflow:auto;
	font-size:12px;
	position: relative;
}

.pre-contai img {
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
	min-height: 200px;
	border-bottom: 1px solid #eee;
	object-fit: cover;
}

.pre-contai-info .info1 {
	height:18px;
	padding:0 10px;
	margin-top:15px;
	margin-bottom:8px;
	width:44%;
	display:inline-block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pre-contai-info .info1 strong {
	float:left;
}

.pre-contai-info .info1 span {
	position: relative;
}

.pre-contai-info .info1 .brand-nm {
	font-size:14px;
	font-weight:800;
	line-height: 14px;
    padding: 0 3px;
}

.pre-contai-info .info1 .date {
	font-size:12px;
    color: #ccc;

}

.text-right {
	text-align:right;
}

.pre-contai-info .info1 span em {
	position: absolute;
    width: 100%;
    height: 10px;
    background: #115EFB;
    left: 0;
    bottom: -2px;
    opacity: 0.2;
}

.pre-contai-info .info2 {
	font-size: 14px;
    padding: 0 10px;
    margin-bottom: 25px;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pre-bttom {
	height:41px;
	border-top:1px solid #ccc;
	border-radius:0px 0px 8px 8px;
	border-bottom-left-radius:8px;

}

.pre-bttom a {
	float:left;
	width:50%;
	height:41px;
	line-height:41px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.pre-bttom a:nth-child(1) {
	color:#115EFB;
	border-bottom-left-radius:8px;
}

.pre-bottom {
	margin-top: 20px;
}

.pre-bottom a {
	display:block;
	height:73px;
	line-height:73px;
	background:#115EFB;
	color:#fff !important;
	font-size:24px;
	text-align:center;

	&.new-btn {
		height:fit-content;
		padding:15px 40px;
		font-size:18px;
		line-height: initial;
		border-radius:50em;
		width: fit-content;
		margin:0 auto;
	}
}

.adv-btn {
	position: initial;
	width:456px;
	height:72px;
	left:calc(50% - (456px / 2));
	bottom:106px;
	background:#115EFB;
	font-size:20px;
	border:0;
	color:#fff;
	cursor: pointer;
	border-radius:15px;
}

.adv-btn.black {
	background:#000;

}

.pclass {
	margin: 11px;
}

.pclass:before {
	content: "";
    position: absolute;
    left: 13px;
    width: 2px;
    height: 2px;
    margin-top: 5px;
    border-radius: 100%;
    background-color: #8d8d8d;
}

.co-prouct-category-sel{
	height: 31px !important;
}

.succ-wrp { text-align:center;position:absolute;top:calc(50% - (214px / 2));width:100%;left:0;}
.succ-wrp strong { font-size:24px;color:#000;}
.succ-wrp span { color:#828282;display:block;width:535px;margin:0 auto;line-height:20px;margin-top:10px;}
.succ-wrp a { display:inline-block;width:384px;height:68px;background:#115EFB;color:#fff !important;font-size:20px;border-radius:100px;font-weight:bold;line-height:68px;margin-top:60px;}


.goodsOptionTable {display:none; position:absolute; border-collapse:collapse; top:-10px; left:60px;}
.goodsOptionTable table {width:220px;}
.goodsOptionTable th {padding:5px; border:1px solid #ddd; background-color:#f5f5f5}
.goodsOptionTable td {height:25px !important; border:1px solid #ddd; background-color:#ffffff; text-align:center;}

div.sub-choose-lay div.choose-form-lay {top:27px;right:0;width:200px;}
div.sub-choose-lay div.choose-down-lay {top:27px;right:20px;width:150px;}
.t_tot_stock {text-align:center; border-collapse:collapse; width:570px;}
.t_tot_stock td {border:1px solid #666; padding:5px;}
.gr_col {color:#666;}
.picture {
  width: auto;
  height: 50px;
}

.form-l {
	width: 200px;
	padding: 12px 5px !important;
}

.text-a-c {text-align:center;}