/* Font 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {}
body { font-family: "Nanum Gothic", sans-serif; font-size:12px; color:#000;}

p, label {margin:0;}

a {color:#000;}
a:hover,
a:focus {text-decoration:none; color:#999;}


/* ===== 기본 레이아웃 ===== */
.layout_box {max-width:1300px; margin:0 auto;}

/* ===== 줄짜름 ===== */
/*1줄 일때*/
.ellip_p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* 2줄 이상일 때 */
.ellip_2 { overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;  word-wrap:break-word; }

/* ===== text 박스 넘어가는 현상 방지 ===== */
.word-break {word-wrap: break-word}

/* ===== row ===== */
.row {margin:0;}
.row .col_box {padding:0;}
.row .col_box_l {float:left;}
.row .col_box_r {float:right;}

/* ===== display none ===== */
.dis_none {display:none !important;}
.sample {display:none;}

/* ===== margin class ===== */
.mg_top_8 {margin-top:8px;}

/* ===== text 정렬 ===== */
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-juf {text-align:justify;}

/* ===== 이미지 썸네일 ===== */ 
.img_thumb_r {position:relative; padding-top:100%; height:0px;}
.img_thumb_a {background:transparent url("../img/img_order_bg.png") no-repeat 50% 50% /cover; position:absolute; left:0; top:0; height:100%; width:100%;} 

/* ===== background color ===== */ 
.bg_gray {background-color:#d9d9d9;}

/* ===== 버튼 ===== */ 
.btn {padding:0; font-weight:normal; font-size:12px;}
.btn_1 {padding:0 10px; display: inline-block; font-size:13px; line-height: 27px;}
.btn_2 {width:100%; display: inline-block; font-size:13px; line-height: 27px; text-align:center;}
.btn_ft {padding:8px 30px; display: inline-block; font-size:15px; font-weight:bold;}

.btn_pink {background-color:#d99694; color:#fff; border:1px solid #d99694;} 
.btn_gray {background-color:#595959; color:#fff; border:1px solid #595959;}
.btn_gray01 {background-color:#d9d9d9; color:#000; border:1px solid #bfbfbf;}
.btn_black {background-color:#000; color:#fff; border:1px solid #000;}
.btn_close {border:1px solid #a6a6a6; background-color:#f2f2f2; padding:0 3px;}



/* checkbox, radio */
input[type=checkbox], input[type=radio] { vertical-align: text-bottom; margin : 0; }