/*******************************************************************************************/
/*  작 성 자 : 인성데이타(주)
/*  작 성 일 : 2016.
/*  수 정 일 : 2016.
/*  버     전 : 0.0.1
/*  설     명 : Skin Type1 본문 컨텐츠 설정
/*  위     치 : /css/skin/type1/common/contents/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 메인 컨텐츠 설정 시작
/*******************************************************************************************/
div#MainWrapper div#ContentsWrapper
{
	position: relative;
	top: 0;
    left: 0;

    width: 100%;
    margin: 188px 0 0 0;
    /*margin: 298px 0 0 0;*/
	padding: 0 0 0 0;
	text-align: center;    
}

/* 본문컨텐츠 문서위치 */
div#MainWrapper div#ContentsWrapper div#ContentState
{
	position: relative;
	top: 0;
	left: 0;
	
    width: 1200px;
	margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
	text-align: center;
}

div#MainWrapper div#ContentsWrapper div#ContentState div.content-state
{
    color: #000;
    font-size: 13px;
    width: 1000px;
    margin: 0 0 0 200px;
    padding: 10px 0 5px 0;
    text-align: right;
    border-bottom: 1px solid #CDCDCD;
}

div#MainWrapper div#ContentsWrapper div#ContentState div.content-state em.highlight
{
    font-weight: bold;
    font-style: normal;
    margin: 0 0 0 0;
    padding: 0 5px 0 0;
}

/* 본문 컨텐츠 설정 */
div#MainWrapper div#ContentsWrapper div#MainContents
{
	position: relative;
	top: 0;
	left: 0;
	
    width: 1200px;
    min-height: 1100px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
}

/* 본문컨텐츠 제목 */
div#MainWrapper div#ContentsWrapper div#MainContents h3.contents-title
{
    display: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap
{
	position: relative;
	top: 0;
	left: 0;

    width: 1014px;
    margin: 0 0 0 186px;
    padding: 0 0 0 0;
    text-align: left;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles
{
    margin: 0 0 0 0;
    padding: 20px 12px 20px 12px;
}
/*******************************************************************************************/
/* 본문 컨텐츠 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/*  버튼컨트롤 설정 시작
/*******************************************************************************************/

button[type=submit]
{
	font-family: "Nanum Gothic", "Tahoma", "돋움", "굴림";
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: top;
}

/*button[type=submit].btn_white
{
    border: 1px solid #FFF;
}

button[type=submit].btn_black
{
    border: 1px solid #000000;
}

button[type=submit].btn_gray
{
    border: 1px solid #8C8C8C;
}

button[type=submit].btn_red
{
    border: 1px solid #FF0000;
}

button[type=submit].btn_orange
{
    border: 1px solid #FA7000;
}

button[type=submit].btn_green
{
    border: 1px solid #008200;
}

button[type=submit].btn_blue
{
    border: 1px solid #0089EB;
}

button[type=submit].btn_sky
{
    border: 1px solid #00B7FF;
}

button[type=submit].btn_brown
{
    border: 1px solid #A85F00;
}*/

div.submit
{
    margin: 5px 0 0 0;
}

/* 전체보기 버튼 */
.btn_list
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000000;
    background: #3D3D3D;
}

/* 등록 버튼 */
.btn_regist
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000000;
    background: #3D3D3D;
}

/* 답변 버튼 */
.btn_reply
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000000;
    background: #3D3D3D;
}


/* 검색 버튼 */
.btn_search
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000000;
    background: #3D3D3D;
}

/* 취소 버튼 */
.btn_cancel
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333333;
    background: #6F6F6F;
}

/* 확인 버튼 */
.btn_submit
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}


/* 결제 버튼 */
.btn_payment
{
    display: block;
    color: #FFF;
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0 !important;
    text-align: center;
    cursor: pointer;
    background: #FE0000;
}

/* 수정 버튼 */
.btn_modify
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}

/* 삭제 버튼 */
.btn_delete
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}

/* 복구 버튼 */
.btn_recovery
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}

/* 영구삭제 버튼 */
.btn_extinction
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}

/* 차감 버튼 */
.btn_minus
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 7px 3px 7px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333333;
    background: #6F6F6F;
}

/* 증감 버튼 */
.btn_plus
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 7px 3px 7px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333333;
    background: #6F6F6F;
}

/* 배송지 정보 추가 버튼 */
.btn_delivery_add
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333333;
    background: #6F6F6F;
}

/* 배송지 정보 삭제 버튼 */
.btn_delivery_del
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #980000;
    background: #FE0000;
}


.btn_white
{
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #FFF;
    background: #FFF;
}

.btn_gray
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #333333;
    background: #6F6F6F;
}

.btn_black
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #000000;
    background: #000000;
}

.btn_orange
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #FA7000;
    background: #FA7000;
}


.btn_green
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #008200;
    background: #008200;
}

.btn_blue
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #0089EB;
    background: #0089EB;
}

.btn_sky
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #00B7FF;
    background: #00B7FF;
}

.btn_brown
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid #824A00;
    background: #A85F00;
}

.btn_empty_white
{
    display: inline-block;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #000000;
    background: #FFFFFF;
}

.btn_empty_gray
{
    display: inline-block;
    color: #8C8C8C;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #8C8C8C;
    background: #FFFFFF;
} 
.btn_empty_red
{
    display: inline-block;
    color: #FF0000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #FF0000;
    background: #FFFFFF;
}

.btn_empty_orange
{
    display: inline-block;
    color: #FA7000;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #FA7000;
    background: #FFFFFF;
}

.btn_empty_green
{
    display: inline-block;
    color: #008200;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #008200;
    background: #FFFFFF;
}

.btn_empty_blue
{
    display: inline-block;
    color: #0089EB;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #0089EB;
    background: #FFFFFF;
}


.btn_empty_sky
{
    display: inline-block;
    color: #00B7FF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #00B7FF;
    background: #FFFFFF;
}

.btn_empty_brown
{
    display: inline-block;
    color: #A85F00;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 3px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #A85F00;
    background: #FFFFFF;
}

.btn_page
{
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 2px 15px 3px 15px !important;
    text-align: center;
    cursor: pointer;
    border: 2px solid #5C6070;
    background: #5C6070;
    vertical-align: top;
}

.btn_radius
{    
    border-radius: 5px;
}

.big_font
{
    padding: 10px 20px 10px 20px !important;
    font-size: 18px;
    cursor: pointer;
}

.small_font
{
    padding: 5px 5px 5px 5px !important;
    cursor: pointer;
}

/*******************************************************************************************/
/*  버튼컨트롤 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  주문상태 내용 설정 시작
/*******************************************************************************************/


/* 00:대기 */
span.status_00, strong.status_00
{
    color: #BFBFBF;
    font-weight: bold;
}

/* 10:주문접수 */
span.status_10, strong.status_10
{
    color: #58BF43;
    font-weight: bold;
}

/* 11:처리불가 */
span.status_11, strong.status_11
{
    color: #ADB10C;
    font-weight: bold;
}

/* 20:입금확인(선불) */
span.status_20, strong.status_20
{
    color: #244FC7;
    font-weight: bold;
}

/* 21:입금확인(후불) */
span.status_21, strong.status_21
{
    color: #244FC7;
    font-weight: bold;
}

/* 30:배송준비중 */
span.status_30, strong.status_30
{
    color: #F77935;
    font-weight: bold;
}

/* 31:본부접수 */
span.status_31, strong.status_31
{
    color: #F77935;
    font-weight: bold;
}

/* 40:배송중 */
span.status_40, strong.status_40
{
    color: #8054CC;
    font-weight: bold;
}

/* 50:배송완료 */
span.status_50, strong.status_50
{
    color: #000;
    font-weight: bold;
}

/* 60:취소접수 */
span.status_60, strong.status_60
{
    color: #00C9E8;
    font-weight: bold;
}

/* 66:취소완료 */
span.status_66, strong.status_66
{
    color: #D60000;
    font-weight: bold;
}

/* 70:반품접수 */
span.status_70, strong.status_70
{
    color: #00C9E8;
    font-weight: bold;
}

/* 77:반품완료 */
span.status_77, strong.status_77
{
    color: #D60000;
    font-weight: bold;
}

/* 80:환불접수 */
span.status_80, strong.status_80
{
    color: #00C9E8;
    font-weight: bold;
}

/* 88:환불완료 */
span.status_88, strong.status_88
{
    color: #D60000;
    font-weight: bold;
}

/* 90:결제시도 */
span.status_90, strong.status_90
{
    color: #BFBFBF;
    font-weight: bold;
}

/* 99:결제실패 */
span.status_99, strong.status_99
{
    color: #BFBFBF;
    font-weight: bold;
}

/*******************************************************************************************/
/*  주문상태 내용 설정 종료
/*******************************************************************************************/