.page-style01 { padding-top: 30px; }
.page-style01 > ul { font-size:0px;  text-align:center;}
.page-style01 > ul > li { display:inline-block; zoom:1; *display:inline; height:28px; width:28px; border:solid 1px #e5e4df; font-weight:bold; line-height:28px; font-size:12px; margin:0px 5px; }
.page-style01 > ul > li a { display:block;  text-align:center; color:#4d4b45;  }
.page-style01 > ul > li:hover { border:solid 1px #ffca09; background:#ffca09; }
.page-style01 > ul > li.cur { border:solid 1px #ffca09; background:#ffca09; }
.page-style01 > ul > li.prev, .page-style01 > ul > li.prev2, .page-style01 > ul > li.next, .page-style01 > ul > li.next2 { border:none; line-height:auto; width:30px; height:30px; vertical-align:top; font-size:0px;}
.page-style01 > ul > li.prev:hover, .page-style01 > ul > li.prev2:hover, .page-style01 > ul > li.next:hover, .page-style01 > ul > li.next2:hover { border:none; }

.search-style01 { clear:both; margin-top:30px;  text-align:center; background:#f7f6f0; border:solid 1px #e6e4df; padding:15px; }
.search-style01 .inner { display:inline-block; zoome:1; *display:inline; }
.search-style01 .inner > ul { display:table; }
.search-style01 .inner > ul > li { display:table-cell; vertical-align:top; font-size:0px; vertical-align:top; }
.search-style01 .inner > ul > li.input { width:270px; }
.search-style01 .inner > ul > li.input input{ border:solid 2px #99968a; height:34px; line-height:34px; width:100%; text-indent:10px; }
.search-style01 .inner > ul > li.btn { padding-left:10px; width:100px; }
.search-style01 .inner > ul > li.submit { vertical-align:top; }
.search-style01 .inner > ul > li.submit input { vertical-align:top; padding:0px; }
.search-style01 .inner > ul > li.select { padding-right:10px; width:140px; }
.search-style01 .inner > ul > li.select select { border:solid 2px #99968a; height:40px; width:100%; font-size:13px; }


.box-style01 { clear:both; margin-top:30px;  text-align:center; background:#f7f6f0; border:solid 1px #e6e4df; padding:15px; }
.box-style01 .inner {  }
.box-style01 .inner > ul { height:40px; }
.box-style01 .inner > ul > li.fl { float:left; margin-right:10px; }
.box-style01 .inner > ul > li.fr { float:right;  margin-left:10px; }

.icon_new { padding:0 0 0 7px; }
.icon_new img { vertical-align:top; margin-top:1px; }

.ico-ok { background-image:url(../images/board/icon_ok.png); background-repeat:no-repeat; background-position: 20px center; padding-left:45px; padding-right:27px; }
.ico-write { background-image:url(../images/board/icon_write.png); background-repeat:no-repeat; background-position: 20px center; padding-left:40px; padding-right:23px; }
.ico-list { background-image:url(../images/board/icon_list.png); background-repeat:no-repeat; background-position: 20px center; padding-left:45px; padding-right:27px; }
.ico-att { background-image:url(../images/board/icon_att.png); background-repeat:no-repeat; background-position: 15px center; padding-left:30px; padding-right:20px; }

.guestbook { }
.guestbook table { border-top:solid 2px #cccac4; width:100%; }
.guestbook table thead th { font-size:14px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
.guestbook table tbody td { font-size:14px; font-weight:normal; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px;  }
.guestbook table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
.guestbook table tbody td a:hover { font-weight:bold;  }
.guestbook table tbody td.profile { vertical-align:top; }
.guestbook table tbody td.profile > span { display:block; }
.guestbook table tbody td.profile > span.name { position:relative; display:block; font-size:15px; font-weight:bold; padding:5px 0; }
.guestbook table tbody td.profile > span.name .date { position:absolute; top:0px; right:0px; font-size:14px; font-weight:normal; padding:5px 0; }
.guestbook table tbody td.profile > span.desc { line-height:21px; padding-right:0px; margin-top:5px; text-align:justify; }
.guestbook .write { height:100px; margin-bottom:70px; }
.guestbook .write .caption { font-size:14px; display:block; padding-top:9px; }
.guestbook .write textarea {float:left; height:100%; width:85%; line-height:19px; border:solid 1px #e6e4df; font-size:13px;  }
.guestbook .write a { float:right; display:block; text-align:center; line-height:100px;  height:100%; width:14%; color:#fff; font-size:16px; font-weight:bold; background-color:#99968a;  white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 


.list-style01 { }
.list-style01 table { border-top:solid 2px #cccac4; width:100%; }
.list-style01 table thead th { font-size:15px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
.list-style01 table tbody td { font-size:14px; font-weight:normal; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px;  }
.list-style01 table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
.list-style01 table tbody td a:hover { font-weight:bold;  }
.list-style01 table tbody td.subject { text-align:left; }
.list-style01 table tbody td.memo { text-align:left; }
.list-style01 table tbody td.date { white-space:nowrap; }

.tooltip_writer { position:absolute; background:#fff; border:solid 1px #cccac4; padding:8px 15px; line-height:22px; }
.tooltip_writer a { display:block; background:url(../images/commons/bullet_dot.png) no-repeat left center; padding-left:8px; }
.tooltip_writer a:hover { color:#000; }

.tooltip_share { position:absolute; background:#fff; border:solid 1px #cccac4; padding:8px 15px 5px 15px; text-align:center; line-height:22px; z-index:300 }
.tooltip_share a { text-align:center; display:inline-block; zoom:1; *display:inline; min-width:42px; }
.tooltip_share a:hover { color:#000; }
.tooltip_share a span { display:block; text-align:center; font-size:11px !important; }

/*faq*/
.list-style01-2 { }
.list-style01-2 table { border-top:solid 2px #cccac4; width:100%; }
.list-style01-2 table thead th { font-size:15px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
.list-style01-2 table tbody td { font-size:14px; font-weight:normal; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px;  }
.list-style01-2 table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
.list-style01-2 table tbody td a:hover { font-weight:bold;  }
.list-style01-2 table tbody td.subject { text-align:left; background:url(../images/board/question_icon.gif) no-repeat 2px center; padding-left:34px; cursor:hand; cursor:pointer; }
.list-style01-2 table tbody td.memo { text-align:left; background:url(../images/board/question_icon.gif) no-repeat 2px center; padding-left:34px; cursor:hand; cursor:pointer; }
.list-style01-2 table tbody td.subject span { display:block; font-size:16px; font-weight:bold;  background:url(../images/commons/m_menu_icon.png) no-repeat right center; }
.list-style01-2 table tbody td.date { white-space:nowrap; }
.list-style01-2 table tbody td.answer { display:none; text-align:left; padding-left:33px; font-size:15px; line-height:25px; background:/*url(../images/board/answer_icon.gif)*/ #f6f6f5 no-repeat 20px 20px; }


.list-style02 > ul { border-top:solid 2px #cccac4; width:100%; }
.list-style02 > ul > li { float:left; width:50%; padding:24px 0; border-bottom:solid 1px #cccac4; }
.list-style02 > ul.col1 > li { width:100%;  }
.list-style02 > ul > li:hover p { text-decoration:underline; }
.list-style02 > ul > li > dl { display:table; }
.list-style02 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:180px; height:120px; overflow:hidden; position:relative;}
.list-style02 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px; }
.list-style02 > ul > li > dl > dd h5 { display:block; height:21px; line-height:17px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style02 > ul > li > dl > dd h5 a { font-size:16px; font-weight:bold; }
.list-style02 > ul > li > dl > dd p { font-size:15px; color:#99968a; display:block; height:48px; margin:8px 0 8px 0; line-height:24px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  }
.list-style02 > ul > li > dl > dd span { font-size:14px;  font-weight:bold; color:#99968a;  }
.list-style02 .sns { display:block; height:32px; padding-top:15px; text-align:center; margin:-45px 0 0 190px;  }
.list-style02 .sns > li { float:left; width:49%; text-align:center;  height:30px; line-height:30px; background:#99968a; border-right:solid 1px #e6e4df; max-width:130px;}
.list-style02 .sns > li:last-child { float:right; }
.list-style02 .sns > li a.btn-recomm { font-size:12px; font-weight:bold; background:url(../images/board/icon_recomm.png) #99968a no-repeat 0px center; padding:0 0 0 15px; color:#fff; white-space:nowrap;  }
.list-style02 .sns > li a.btn-share { font-size:12px; font-weight:bold; background:url(../images/board/icon_share.png) #99968a no-repeat 0px center; padding:0 0 0 15px; color:#fff; white-space:nowrap; }
 
/*tv*/
.list-style02-2 > ul { border-top:solid 1px #cccac4; width:100%; }
.list-style02-2 > ul > li { float:left; width:50%; padding:24px 0; border-bottom:solid 1px #cccac4; }
.list-style02-2 > ul.col1 > li { width:100%;  }
.list-style02-2 > ul > li:hover p { text-decoration:underline; }
.list-style02-2 > ul > li > dl { display:table; }
.list-style02-2 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:180px; height:120px; overflow:hidden; position:relative;}
.list-style02-2 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px; }
.list-style02-2 > ul > li > dl > dd h5 { display:block; height:20px; line-height:19px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style02-2 > ul > li > dl > dd h5 a { font-size:17px; font-weight:bold; }
.list-style02-2 > ul > li > dl > dd p { font-size:15px; color:#99968a; display:block; height:52px; margin:16px 0 16px 0; line-height:26px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  }
.list-style02-2 > ul > li > dl > dd span { font-size:15px; font-weight:bold; color:#99968a;  }

.list-style03 { width:100%; border-top:solid 2px #cccac4;  }
.list-style03 > ul { width:101%; }
.list-style03 > ul > li { float:left; width:25%; padding:18px 0 0 0; text-align:left;  }
.list-style03 > ul > li:hover p { text-decoration:underline; }
.list-style03 > ul > li > dl { display:block; max-width:282px; padding:0 15px 0 0;}
.list-style03 > ul > li > dl > dt { display:block; vertical-align:top; overflow:hidden; position:relative; }
.list-style03 > ul > li > dl > dt img { width:100%; max-width:282px; height:auto !important; }
.list-style03 > ul > li > dl > dd { display:block; vertical-align:top; padding:8px 15px 10px 10px; background:#f7f6f0; border:solid 1px #e6e4df;  }
.list-style03 > ul > li > dl > dd h5 { display:block; height:22px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style03 > ul > li > dl > dd h5 a { font-size:15px; font-weight:bold; }
.list-style03 > ul > li > dl > dd p { font-size:14px; color:#99968a; display:block; height:20px; margin:5px 0 8px 0; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:1; -webkit-box-orient: vertical;  }
.list-style03 > ul > li > dl > dd span { font-size:14px; font-weight:bold; color:#99968a;  }
.list-style03 .sns { display:block; width:100%; height:32px; padding-top:15px; text-align:center; }
.list-style03 .sns > li { float:left; width:49%; text-align:center;  height:30px; line-height:30px; background:#99968a; border-right:solid 1px #e6e4df; }
.list-style03 .sns > li:last-child { float:right; }
.list-style03 .sns > li a.btn-recomm { font-size:12px; font-weight:bold; background:url(../images/board/icon_recomm.png) #99968a no-repeat 0px center;  padding:0 0 0 15px; color:#fff; white-space:nowrap; }
.list-style03 .sns > li a.btn-share { font-size:12px; font-weight:bold; background:url(../images/board/icon_share.png) #99968a no-repeat 0px center; padding:0 0 0 15px; color:#fff; white-space:nowrap; }

/*카드뉴스*/
.list-style03-2 { width:100%; border-top:solid 2px #cccac4;  }
.list-style03-2 > ul { width:102%; }
.list-style03-2 > ul > li { float:left; width:25%; padding:30px 0 0 0; text-align:center;  }
.list-style03-2 > ul > li:hover p { text-decoration:underline; }
.list-style03-2 > ul > li > dl { display:inline-block; max-width:280px; padding:0 30px 0 0; margin:0 auto; }
.list-style03-2 > ul > li > dl > dt { display:block; vertical-align:top; overflow:hidden; position:relative; }
.list-style03-2 > ul > li > dl > dt img { width:100%; height:auto !important; }
.list-style03-2 > ul > li > dl > dt.subject {font-size:15px; font-weight:bold; height:30px; padding-top:10px; text-align:center; background:#f7f6f0; border-top:solid 1px #e6e4df; border-left:solid 1px #e6e4df; border-right:solid 1px #e6e4df; }
.list-style03-2 > ul > li > dl > dd { display:block; vertical-align:top; padding:8px 10px 10px 10px; background:#f7f6f0; border-bottom:solid 1px #e6e4df;  border-left:solid 1px #e6e4df; border-right:solid 1px #e6e4df; }
.list-style03-2 > ul > li > dl > dd h5 { display:block; height:42px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-2 > ul > li > dl > dd h5 a { font-size:15px; line-height:23px; font-weight:normal; }
.list-style03-2 > ul > li > dl > dd h4 { display:block; height:46px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-2 > ul > li > dl > dd h4 a { font-size:16px; font-weight:bold; line-height:23px; }
.list-style03-2 > ul > li > dl > dd p { font-size:15px; color:#99968a; display:block; height:20px; margin:1px 0 5px 0; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:1; -webkit-box-orient: vertical;  }
.list-style03-2 > ul > li > dl > dd span { font-size:15px; font-weight:normal; color:#99968a; display:block; padding-top:8px;  }
.list-style03-2 > ul > li > dl > dd span.ctg { font-size:15px; font-weight:bold; color:#858274; display:block; padding-bottom:4px;  }
.list-style03-2 .sns { display:block; width:100%; height:32px; padding-top:15px; text-align:center; }
.list-style03-2 .sns > li { float:left; width:49%; text-align:center;  height:30px; line-height:30px; background:#99968a; border-right:solid 1px #e6e4df; }
.list-style03-2 .sns > li:last-child { float:right; }
.list-style03-2 .sns > li a.btn-recomm { font-size:12px; font-weight:bold; background:url(../images/board/icon_recomm.png) #99968a no-repeat 0px center;  padding:0 0 0 15px; color:#fff; white-space:nowrap; }
.list-style03-2 .sns > li a.btn-share { font-size:12px; font-weight:bold; background:url(../images/board/icon_share.png) #99968a no-repeat 0px center; padding:0 0 0 15px; color:#fff; white-space:nowrap; }

.list-style04 { width:100%; border-top:solid 2px #cccac4; }
.list-style04 .list > li { clear:both; margin:30px 0; padding-bottom:30px; border-bottom:solid 1px #cccac4; }
.list-style04 .list > li .img { float:left; margin-right:15px; }
.list-style04 .list > li .img img { border:solid 1px #f3f3f3; }
.list-style04 .list > li dt { font-size:17px; font-weight:bold; height:22px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-style04 .list > li dd.desc { margin-top:13px; font-size:15px; line-height:24px; height:44px;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-style04 .list > li dd.btn { margin-top:15px; }
.list-style04 .list > li dd.btn a { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:34px; line-height:33px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 


.view-style01 { border-top:solid 2px #cccac4; }
.view-style01 > ul { display:table; width:100%; }
.view-style01 > ul > li { display:table-cell; vertical-align:middle; border-bottom:solid 1px #cccac4; padding:17px 20px; }
.view-style01 > ul > li.subject { font-size:15px; font-weight:bold;  }
.view-style01 > ul > li.date { font-size:14px; text-align:right; font-weight:bold; }
.view-style01 > ul > li.share { clear:both; padding:11px 20px; } 
.view-style01 > ul > li.share > span {font-size:14px;  padding-right:5px; }
.view-style01 > ul > li.share > a { padding-left:2px; }
.view-style01 > ul > li.file { text-align:right; font-weight:bold; padding:11px 20px; }
.view-style01 > ul > li.file > span { font-size:14px; display:inline-block; zoom:1; *display:inline; background:url(../images/board/btn_file.png) no-repeat left center; padding-left:23px; line-height:18px; }
.view-style01 > .content { padding:20px; min-height:300px; line-height:22px; font-size:14px; }
.view-style01 > .content_market { padding:20px 0px; min-height:300px; line-height:20px; border-bottom:solid 1px #cccac4; font-size:13px; }
.view-style01 > .content_market .content_detail { margin-top:30px; }
.view-style01 > .btn { text-align:center; margin-top:22px; padding-bottom:40px; }
.view-style01 > .btn a { margin:0 5px; }
.view-style01 .file { position:relative; }
.view-style01 .file .list { position:absolute; top:40; right:0px; padding-top:20px; display:none; }
.view-style01 .file .list > ul { display:block; border:solid 1px #e6e4df; padding:8px 14px; background:#f7f6f0; }
.view-style01 .file .list > ul > li { display:block; }
.view-style01 .file .list > ul > li a { font-size:14px; display:block; background:url(../images/board/btn_file.png) no-repeat left center; padding-left:22px; line-height:18px; margin:6px 0; white-space:nowrap; }
.view-style01 .file .list > ul > li a:hover { text-decoration:underline; }
.view-style01 .file:hover .list { display:block; }
.view-style01 .campaign_write { margin-top:50px; padding:0px 0px; }
.view-style01 .campaign_write table { border-top:solid 2px #e6e4df; width:100%; background:#fafafa;  }
.view-style01 .campaign_write table th { border-bottom:solid 1px #e6e4df; vertical-align:middle; width:130px; padding:0 7px; }
.view-style01 .campaign_write table td { border-bottom:solid 1px #e6e4df; height:44px; vertical-align:middle; padding-right:7px; }
.view-style01 .campaign_write table td input { border:solid 1px #e6e6e6; height:25px; line-height:25px; text-indent:10px }
.view-style01 .campaign_write .agree { padding-top:6px; }
.view-style01 .campaign_write .btn { text-align:lfet; padding-top:20px; }
.view-style01 .campaign_write .btn a { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 

.view-style01 .market_view table { border-top:solid 2px #e6e4df; width:100%; background:#fafafa;  }
.view-style01 .market_view table th { border-bottom:solid 1px #e6e4df; vertical-align:top; width:90px; padding:12px 0px 0 15px; }
.view-style01 .market_view table td { border-bottom:solid 1px #e6e4df; vertical-align:top; padding:12px 7px 12px 7px;  }
.view-style01 .market_view table td input { border:solid 1px #e6e6e6; height:25px; line-height:25px; text-indent:10px }

.view-style01 .itemlist { }
.view-style01 .itemlist ul > li { position:relative; height:80px; margin:10px 0; padding-bottom:10px; border-bottom:solid 1px #efefef; }
.view-style01 .itemlist ul > li img { position:absolute; top:0px; left:0px; }
.view-style01 .itemlist ul > li .desc { margin-left:95px; }
.view-style01 .itemlist ul > li .desc span { font-size:13px; font-weight:bold; display:block; padding-bottom:5px; }
.view-style01 .itemlist ul > li .desc p { font-size:13px; }

.view-style01 .quick { display:block; border-bottom:solid 1px #cccac4; padding:10px 0 25px 0; }
.view-style01 .quick dl > dt { font-size:18px; font-weight:bold; display:block; clear:both; padding:15px 0 3px 26px; background:url(../images/member/icon01.png) no-repeat left 19px;  }
.view-style01 .quick dl > dd { padding:5px 0 0 0; }
.view-style01 .quick dl > dd ul > li { float:left; margin:0 10px 0 0; }
.view-style01 .quick dl > dd ul > li a { font-size:15px; display:inline-block; zoom:1; *display:inline; background:#cccac4; color:#333; border:solid 1px #cccccc; padding:6px 20px; border-radius:3px; margin-bottom:3px; }
.view-style01 .quick dl > dd ul > li a.cur { background:#99968a; border:solid 1px #999999; color:#fff; }

.view-style01 .recommend { padding-top:30px; text-align:center; }
.view-style01 .recommend a { display:inline-block; zoom:1; *display:inline; }
.view-style01 .recommend a img { margin:0 10px; }
.view-style01 .recommend span { display:block; text-align:center; font-size:17px; font-weight:bold; padding-top:8px; }

.view-style01 .sns_share  {border-bottom:solid 1px #cccac4; padding-bottom:20px; display:none; }
.view-style01 .sns_share  h5 { font-size:16px; font-weight:bold;  text-align:right; display:none; }
.view-style01 .sns_share ul { display:block; text-align:right; }
.view-style01 .sns_share ul > li { display:inline-block; zoom:1; *display:inline; vertical-align:middle;  }
.view-style01 .sns_share ul > li.title { font-size:15px; font-weight:bold; padding-right:10px; }
.view-style01 .sns_share ul > li a { display:block; border:solid 1px  #e6e4df; }
.view-style01 .sns_share ul > li a img { display:block; }
.view-style01 .sns_share ul > li a img.over { display:none; }
.view-style01 .sns_share ul > li a:hover img { display:none; }
.view-style01 .sns_share ul > li a:hover img.over { display:block; }

.view-style01 .sns_share_plugin { border-bottom:solid 1px #cccac4; padding:20px 0 20px 0; text-align:right; }
.view-style01 .sns_share_plugin  h5 { font-size:15px; font-weight:bold;  text-align:right; padding-bottom:8px; display:none; }

.comment-container { clear:both; padding-top:30px; border-top:dashed 1px #eeeeee; margin-top:20px; }
.comment-container .comment_frm textarea { width:100%; height:106px; }
.comment-container .comment_frm td { vertical-align:top; }
.comment-container .comment_frm td img { vertical-align:middle !important; }
.comment-container .comment_frm td span { display:block; padding-top:4px; color:#b2b2b2; font-size:12px; }
.comment-container .comment_frm td input { background:#4c4c4c; color:#fff; font-weight:bold; border:solid 0px; padding:4px 10px; font-size:12px; margin-top:3px;  }
.board_comment_info { padding:8px; background:#efefef; height:24px; margin-top:15px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.board_comment_info .board_comment_cnt {float:left; font-weight:bold; color:#4c4c4c; font-size:13px; padding-top:3px; }
.board_comment_info .board_comment_btn {float:right; }
.board_comment_info .board_comment_btn a { display:block; font-size:11px; padding-top:2px; color:#444; }
.board_comment_button { text-align:right; }
.board_comment_reply_frm input { background:#4c4c4c; color:#fff; font-weight:bold; border:solid 0px; padding:0px; font-size:12px; width:95%; height:100%; vertical-align:top }
.board_commentlist_area > ul > li { border-bottom:dashed 1px #eeeeee; padding:10px 0; }
.board_comment_seq { clear:both; text-align:right; }

.comment-container table td { vertical-align:top; }
.comment-container table td.img { width:60px; }
.comment-container table td.desc .cmt_head { height:20px; }
.comment-container table td.desc .cmt_head .author { float:left; }
.comment-container table td.desc .cmt_head .author .name { font-weight:bold; }
.comment-container table td.desc .cmt_head .btn { float:right; padding-right:4px; }
.comment-container table td.desc .comment_editor_area { line-height:19px; }


.write-style01 { border-top:solid 2px #cccac4; }
.write-style01 table { width:100%; }
.write-style01 table tr > th { vertical-align:middle; border-bottom:solid 1px #cccac4; padding:6px 15px; height:32px; line-height:19px; width:80px; text-align:left; font-weight:bold; background:#f7f6f0; }
.write-style01 table tr > td { vertical-align:middle; border-bottom:solid 1px #cccac4; padding:6px 15px 6px 10px; height:32px; line-height:19px; }
.write-style01 table tr > td input {border:solid 1px #e6e4df; height:28px; width:100%; text-indent:10px; font-size:12px; vertical-align:middle; }
.write-style01 table tr > td.option input { border:none; font-size:12px; font-weight:normal; width:auto; height:auto; vertical-align:middle; margin-top:-1px;  }
.write-style01 table tr > td.option label { font-weight:bold; padding-right:6px; color:#777; }
.write-style01 table tr > td.option > ul > li { float:left; }
.write-style01 table tr > td.file > ul { display:table; width:100%; }
.write-style01 table tr > td.file > ul > li { display:table-cell; }
.write-style01 table tr > td.file > ul > li.btn { width:100px; padding-left:8px; }
.write-style01 table tr > td.content { padding:10px 0px; min-height:300px; line-height:19px; border-bottom:solid 2px #cccac4; }
.write-style01 table tr > td.content textarea { width:100%; min-height:300px; line-height:19px; border:solid 1px #e6e4df; font-size:12px; font-family:Nanum Gothic }
.write-style01 > .btn { text-align:center; margin-top:22px; padding-bottom:40px; }
.write-style01 > .btn a { margin:0 5px; }
.write-style01 .tip { padding:3px 0 0 0;}

.target { padding-top:15px }
.target > span { background :url(../images/commons/icon2.png) no-repeat left center; font-size:14px !important; color:#4d4b45 !important; padding-left:18px;  }
.target .prog { height:25px; background:#f1f1f1; font-size:0px; border:solid 0px; margin-top:5px; }
.target .prog span { display:block; height:100%; background:#CCC; font-size:11px; line-height:20px; }
.target .status {  text-align:right !important; padding-top:2px; }


.sns2 { display:block; width:100%; max-width:300px; height:32px; padding-top:20px; text-align:center; }
.sns2 > li { float:left; width:49%; text-align:center;  height:33px; line-height:33px; background:#99968a; border-right:solid 1px #e6e4df; }
.sns2 > li:last-child { float:right; }
.sns2 > li a.btn-recomm { font-size:13px; font-weight:bold; background:url(../images/board/icon_recomm.png) #99968a no-repeat 0px center;  padding:0 0 0 16px; color:#fff; white-space:nowrap; }
.sns2 > li a.btn-share { font-size:13px; font-weight:bold; background:url(../images/board/icon_share.png) #99968a no-repeat 0px center; padding:0 0 0 16px; color:#fff; white-space:nowrap; }


.cal-style {}
.cal-style .select { text-align:center; padding-bottom:20px; }
.cal-style .select select { width:133px; height:36px; border:solid 2px #cccac4; color:#56544e; font-weight:bold; font-size:18px; margin:0 5px; padding-left:10px; }
.cal-style table { width:100%; border-top:solid 2px #cccac4; }
.cal-style table thead th { text-align:center; font-size:14px; font-weight:bold;  border:solid 1px #cccac4; padding:16px 5px; }
.cal-style table thead th.sun { color:#ff0024; }
.cal-style table thead th.sat { color:#008aff; }
.cal-style table tbody td { padding:7px; border:solid 1px #cccac4; height:110px; cursor:hand; cursor:pointer; }
.cal-style table tbody td:hover,.cal-style table tbody td.cur { background:#f7f6f0; }
.cal-style table tbody td > span { font-weight:800; display:block; padding-bottom:8px; font-size:13px; }
.cal-style table tbody td > ul > li { display:block; padding-bottom:3px; font-weight:bold; }
.cal-style table tbody td > ul > li > span { background:#99968a; color:#fff; }
.cal-style table .detail, .cal-style table .detail .ani-wrap { display: none; }
.cal-style table .detail .ani-wrap { position:relative; }
.cal-style table .detail td { height:auto; background:#f7f6f0; padding:0px; cursor:default; border-bottom:solid 2px #cccac4; }
.cal-style table .detail td:hover,.cal-style table tbody td.cur { background:; }
.cal-style table .detail h4 { font-size:16px; font-weight:bold; border-bottom:solid 1px #cccac4; border-top:solid 1px #cccac4; padding:15px 10px; text-align:center; }
.cal-style table .detail ul > li { display:block; border-bottom:solid 1px #e5e4df; padding:15px 10px; }
.cal-style table .detail ol { display:table; width:100%; }
.cal-style table .detail ol > li { display:table-cell; font-weight:bold; }
.cal-style table .detail ol > li.time { width:60px; font-weight:800; text-align:center; }
.cal-style table .detail ol > li.title {  }
.cal-style table .detail ol > li.writer { text-align:right; }
.cal-style table .detail .btn { position:absolute; bottom:-26px; left:50%; margin-left:-12px }

.cal-style .cal-table {  }
.cal-style .cal-list { border-top:solid 2px #cccac4; display:none;}
.cal-style .cal-list h3 { font-size:16px; font-weight:bold; border-bottom:solid 1px #cccac4; border-top:solid 1px #cccac4; padding:15px 10px; text-align:center;  }
.cal-style .cal-list > dl > dt { font-size:14px; font-weight:bold; padding:5px 10px 5px 28px; margin-top:20px; background:url(../images/member/icon01.png) no-repeat left center; }
.cal-style .cal-list > dl > dd {  border-bottom:solid 1px #cccac4; padding-bottom:25px; }
.cal-style .cal-list > dl > dd ol > li { padding:7px 0 0 2px; font-size:13px; }
.cal-style .cal-list > dl > dd ol > li label { font-weight:normal; padding-right:10px; font-size:14px;}

.tooltip_writer { position:absolute; display:none; }


@media all and (max-width: 1000px) {
	.list-style03 > ul > li { width:25%; }
}

@media all and (max-width: 950px) {
	.list-style03-2 > ul > li { width:33.3%;}
	.list-style03-2 > ul > li > dl { padding-right:15px; }
}
@media all and (max-width: 850px) {
	.list-style03 > ul > li { width:33.1%; }
}

@media all and (max-width: 800px) {
	.list-style02 > ul > li { width:100%; }
}

@media all and (max-width: 740px) {
	.list-style01 table .hit { display:none; }
	.list-style01 table .like { display:none; }
	.list-style01 table .no { display:none; }
	
	.list-style03 > ul > li { width:50%;  }
	.list-style03 > ul > li > dl { padding:0 5px 0 0; max-width:none; }
	.list-style03 > ul > li > dl > dt { height:170px !important; }
	
	.view-style01 .sns_share ul { text-align:center; padding-top:30px; }
	
}

@media all and (max-width: 660px) {
	.list-style01 table .writer { display:none; }
	
	.page-style01 > ul > li { display:none; }
	.page-style01 > ul > li.prev, .page-style01 > ul > li.prev2, .page-style01 > ul > li.next, .page-style01 > ul > li.next2 { display:inline-block; zoom:1; *display:inline; }
	
	.search-style01 > ul > li.input input{   }
	.search-style01 > ul > li.select select {  }
	
	.view-style01 .sns_share_plugin { text-align:center; padding-top:50px; }
	
	.list-style03-2 > ul > li { width:50%; }
	.list-style01-2 table tbody td.subject span { font-size:13px; }
	.list-style01-2 table tbody td.answer { padding-left:10px; font-size:13px; }
	
	.cal-style .cal-table { display:none; }
	.cal-style .cal-list { display:block;}

	.profile >span.name {margin-bottom:25px;}
	.profile >span.name .date {left:0px; margin-top:25px;}
}

@media all and (max-width: 520px) {
	.search-style01 > ul > li.input input{   }
	.search-style01 > ul > li.select select {  }
	
	.list-style01 table thead th { padding:14px 5px; }
	.list-style01 table tbody td { padding:14px 5px; font-size:12px; }
	
	
	
	.list-style04 .list > li { clear:both; margin:30px 0; padding-bottom:30px; border-bottom:solid 1px #cccac4; }
	.list-style04 .list > li .img { float:none !important; margin-right:0px; display:block; }
	.list-style04 .list > li .img  img { width:100%; height:auto !important; }
	.list-style04 .list > li dl { margin-top:10px; }
	.list-style04 .list > li dt { font-size:14px; }
	.list-style04 .list > li dd.desc { font-size:13px; margin-top:5px; }
	.list-style04 .list > li dd.btn a { display:block; text-align:center; }
	
	.view-style01 > ul { display:block;  }
	.view-style01 > ul > li { display:block; text-align:left !important; padding:12px 2px !important; }
	.view-style01 > ul > li.subject { padding:14px 2px !important;  }
	.view-style01 > ul > li.date { font-weight:normal; }
	.view-style01 .file .list { position:absolute; top:40; left:0px; width:100%; }
	.view-style01 .content { padding:20px 2px; min-height:auto !important; }
	
	.write-style01 > ul { display:block;  }
	.write-style01 > ul > li { display:block; text-align:left !important; padding:6px 2px !important; }
	.write-style01 > ul > li.subject { padding:6px 2px !important;  }
	.write-style01 .content { padding:20px 2px; min-height:auto !important; }
}

@media all and (max-width: 460px) {
	.write-style01 table tr > th { width:auto; }
	
	.box-style01 .inner > ul { height:auto; }
	.box-style01 .inner > ul > li.fl { float:left; margin-right:10px; }
	.box-style01 .inner > ul > li.fr { clear:both; float:none;  margin-left:0px; padding-top:10px; }
	
	.guestbook table tbody td.profile > span.name { font-size:14px; }
	.guestbook table tbody td.profile > span.name .date { font-size:13px; }
	.guestbook table tbody td.profile { font-size:13px; }
	.guestbook .write textarea { width:78%; }
	.guestbook .write a { width:20%; }
	
	.list-style02 > ul > li { padding:13px 0; }
	.list-style02 > ul > li > dl { display:block; }
	.list-style02 > ul > li > dl > dt, .list-style02 > ul > li > dl > dt img { display:block; width:100%; height:auto !important; }
	.list-style02 > ul > li > dl > dd {display:block;  padding:10px 0px; }
	.list-style02 > ul > li > dl > dd p { height:38px; margin:6px 0 6px 0; }
	.list-style02 > ul > li > dl > dd h5 a { font-size:13px; }
	.list-style02 .sns { margin:0px 0 0 0px;  }
	.list-style02 .sns > li { max-width:none;}
	
	.list-style02-2 > ul > li { padding:13px 0; }
	.list-style02-2 > ul > li > dl { display:block; }
	.list-style02-2 > ul > li > dl > dt, .list-style02-2 > ul > li > dl > dt img { display:block; width:100%; height:auto !important; }
	.list-style02-2 > ul > li > dl > dd {display:block;  padding:10px 0px; }
	.list-style02-2 > ul > li > dl > dd p { margin:6px 0 6px 0; }
	.list-style02-2 > ul > li > dl > dd h5 a { font-size:13px; }
	.list-style02-2 .sns { margin:0px 0 0 0px;  }
	.list-style02-2 .sns > li { max-width:none;}
	
	
	
	.list-style03 > ul > li { width:100%;  }
	.list-style03 > ul > li > dl > dt { height:170px !important; }
	.list-style03 > ul > li > dl > dd h5 a { font-size:13px; }
	.list-style03 > ul > li > dl > dd { padding:5px 10px 5px 10px; }
	
	.list-style03-2 > ul > li > dl { padding-right:10px; }
}


@media all and (max-width: 360px) {
	.list-style03 .sns > li a img { height:10px; width:auto !important; }
}