/* table style */
.tbl_st1 {width:100%;  }
.tbl_st1 thead th {padding:12px 0 13px; font-weight:600; font-size:15px; color:#fff; background:#888; text-align:center; border:solid #535353; border-width:0 1px 1px 0; vertical-align:middle;}
.tbl_st1 tr:first-child thead th:first-child {border-left:1px solid #535353;}
.tbl_st1 td {padding:12px 0 13px; color:#666; line-height:22px; border:solid #dbdbdb; border-width:0 1px 1px 0; border-top:0; text-align:center;}
.tbl_st1 td:first-child {border-left:1px solid #dbdbdb;}
.tbl_st1 td.taL {text-align:left; padding-left:10px;}
.tbl_st1 tbody th { padding:12px 0 13px; font-weight:600; font-size:15px; color:#222; background:#eee; 
text-align:center; border:solid #dbdbdb; border-width:0 1px 1px 0; vertical-align:middle;}
.tbl_st1 tbody td { text-align:left;  padding-left:10px; }

.tbl_st1_btn { height:30px; text-align:center; margin-top:20px; }
.btn {height:26px; color:#fff; border:1px solid #bf0b0b; background:#e72828; white-space:nowrap; padding:5px 12px; }

.td_center td {text-align:center !important;}

.point {box-sizing:border-box; padding:20px; color:#cf3434}
.point p {font-weight:600; font-size:18px;}

strong.period {color:#cf3434; font-size:16px;}
.img_topper img{width:100%;}

.box_st22 {box-sizing:border-box; width:100%; padding:30px; background:#f2f2f2; text-align:center;}
.box_st22  p {font-weight:600; letter-spacing:-1px; color:#23ad95; padding-bottom:10px;}


@media all and (min-width:1024px){
 .box_st22  p {font-size:20px; line-height:35px; }
 .box_st22   { line-height:22px;}

}
@media all and (max-width:768px){
 .box_st22  p {font-size:17px; line-height:27px; }
}

@media all and (max-width:480px){
 .box_st22  p {font-size:15px; line-height:20px;  }
}




@media all and (max-width:768px){
}

@media all and (max-width:480px){
}

input[type="text"] {border:1px solid #ccc; height:30px; margin-right:5px; margin-left:5px;}
textarea  {border:1px solid #ccc;}

/* 쿠폰 */
.coupon2 { width:100%;  }
.coupon2 .item { margin:0 auto; width:230px; margin-top:20px; padding:9px 9px 19px ; border:2px dotted #ccc;}
.coupon2 .item .img img {width:100%;}

.coupon2 .item .tle {padding:9px 0 12px; font-weight:600; font-size:16px; line-height:22px; text-align:center;}
.coupon2 .item ul {padding:9px 0; border:solid #dbdbdb; border-width:1px 0;}
.coupon2 .item li {padding-left:8px; line-height:25px; letter-spacing:-0.05em; background:url('/images/common/bl_1_2.png') no-repeat 0 10px;}

.coupon2 .item li .dt {display:inline-block; padding-right:5px; font-weight:600;}
.coupon2 .item li .dd {font-size:13px; color:#666;}
.coupon2 .item .down {display:block; width:105px; height:30px; line-height:30px; margin:15px auto 0; background:#555; text-align:center;}
.coupon2 .item .down span {display:inline-block; padding-left:20px; font-weight:600; font-size:15px; color:#fff; background:url('/images/common/bl_down.png') no-repeat 0 center;}



/* 게시파 블로그*/

/* social */
.board_blog {clear:both; width:100%; margin-bottom:0; margin-left:0; overflow:hidden;}
.board_blog li {float:left; position:relative; width:30%; margin:3% 3% 3% 0; height:320px; border:1px solid red; border:1px solid #ddd; }
.board_blog li:first-child {margin-left:0;}
.board_blog li:after {content:""; position:absolute; bottom:-1px; right:-1px; z-index:1; width:30px; height:30px; background:url('/images/main/social_bg.png') no-repeat 0 0;}
.board_blog li > a {display:block; position:relative; height:318px;}
.board_blog li > a:before {content:""; position:absolute; top:0; left:0; z-index:1; width:40px; height:40px; background:url('/images/main/social_blog.png') no-repeat 0 0;}
.board_blog li > a > .img img {width:100%;}
.board_blog li > a > .con {padding:16px 20px;}
.board_blog li > a > .con .tit {display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:1.4em; line-height:1.4em; color:#222;}
.board_blog li > a > .con .txt {margin-top:11px; color:#555; line-height:22px;
height:88px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

@media all and (max-width:1024px){
.board_blog li {width:30%; margin-left:2%; margin:2% 2% 2% 0; }
.board_blog li.lst4 {display:none;}
}

@media all and (max-width:768px){
.board_blog li {width:90%; margin-left:3%;}
.c li.lst3 {display:none;}
}