@import "member.css";

.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 #ffed00; background:#ffed00; }
.page-style01 > ul > li.cur { border:solid 1px #ffed00; background:#ffed00; }
.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;}
.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 { clear:both; margin-top:30px;  text-align:center;  border:solid 0px #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; margin-bottom:5px;}
.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 {display:inline-block; width:75px; padding-right:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search-style01 .inner > ul > li.select select { border:solid 2px #99968a; height:40px; width:100%; font-size:13px; color:#494949; background-color:#ffffff; }
/* .search-style01 .inner > ul > li.select select {
    position: relative;
    width: 100%px;
    height: 40px;
    background: url(../images/commons/select_arrow.png) 180px center no-repeat;
	background-color:#000;
	border: 4px solid #E9DDDD;
	font-size:13px;
}
*/

.search-style01 .inner1 { display:inline-block; zoome:1; *display:inline;}
.search-style01 .inner1 > ul { display:table; }
.search-style01 .inner1 > ul > li { display:table-cell; vertical-align:top; font-size:0px; vertical-align:top; }
.search-style01 .inner1 > ul > li.calen { width:170px; }
.search-style01 .inner1 > ul > li.calen input {width:100%; height:26px; line-height:26px; border:solid 1px #99968a; text-indent:10px;}
.search-style01 .inner1 > ul > li.submit { padding-right:10px; vertical-align:top; }
.search-style01 .inner1 > ul > li.submit input { vertical-align:top; padding:0px; }
.search-style01 .inner1 > ul > li.select { width:169px; }
.search-style01 .inner1 > ul > li.select select { border:solid 1px #99968a; width:100%; height:30px; font-size:13px; }

.search-style01 .inner2 { display:inline-block; zoome:1; *display:inline;}
.search-style01 .inner2 > ul { display:table;}
.search-style01 .inner2 > ul > li { display:table-cell; vertical-align:top; font-size:0px; vertical-align:top; }
.search-style01 .inner2 > ul > li.btn { vertical-align:top; width:530px; padding:6px 0 0; }
.search-style01 .inner2 > ul > li.btn a {padding:5px 6px 6px 6px; margin:0 5px 0 0; background-color:#dddddd; border:solid 1px #cccccc; font-size:13px; color:#4d4b45;}
.search-style01 .inner2 > ul > li.btn a.end {margin:0;}

.search-style01 .inner3 { display:inline-block; zoome:1; *display:inline;}
.search-style01 .inner3 > ul { display:table; }
.search-style01 .inner3 > ul > li { display:table-cell; float:left; vertical-align:top; font-size:0px; vertical-align:top; padding-left:5px; margin-bottom:5px;}
.search-style01 .inner3 > ul > li:last-child {padding-right:5px;}
.search-style01 .inner3 > ul > li.calen { width:170px; }
.search-style01 .inner3 > ul > li.calen input {width:100%; height:26px; line-height:26px; border:solid 1px #99968a; text-indent:10px;}
.search-style01 .inner3 > ul > li.submit {vertical-align:top; padding-left:0;}
.search-style01 .inner3 > ul > li.submit input { vertical-align:top; padding:0px; }
.search-style01 .inner3 > ul > li.select {}
.search-style01 .inner3 > ul > li.select select { border:solid 2px #99968a; width:100%; height:40px; font-size:13px; }
.search-style01 .inner3 > ul > li.select input[type="text"] { border:solid 2px #99968a; height:34px; line-height:34px; width:100%; text-indent:10px; }

.search-style02 {overflow:hidden;}
.search-style02 .inner {float:right;}
.search-style02 .inner ul { display:inline-block; zoom:1; *display:inline;}
.search-style02 .inner > ul > li {float:left;}
.search-style02 .inner > ul > li.input { width:220px;}
.search-style02 .inner > ul > li.input input{ border:solid 1px #cccccc; border-right:solid 0px #cccccc; height:34px; line-height:34px; width:-webkit-calc(100% - 1px); width:-moz-calc(100% - 1px); width:calc(100% - 1px); text-indent:10px; }
.search-style02 .inner > ul > li.btn { padding-left:10px; width:100px; }
.search-style02 .inner > ul > li.submit { vertical-align:top; }
.search-style02 .inner > ul > li.submit input { vertical-align:top; padding:0px; }

.tab_sub_area1 {overflow:hidden; clear:both; width:100%; margin:0 0 1px;}
.tab_sub_area1 .tab1 {clear:both; width:100%;}
.tab_sub_area1 .tab1 li {float:left; padding:7px 11px 8px 11px; text-align:center; color:#777777; font-size:12px; line-height:100%; font-weight:bold; border-top:#d4d7da 1px solid; border-right:#ececec 1px solid; border-bottom:#cccfd3 1px solid; border-left:#ffffff 1px solid; cursor:pointer}
.tab_sub_area1 .tab1 li a {color:#666666; text-decoration:none}
.tab_sub_area1 .tab1 li:first-child {border-left:#d4d7da 1px solid;}
.tab_sub_area1 .tab1 li:last-child {border-right:#d4d7da 1px solid;}
.tab_sub_area1 .tab1 li.on {color:#ffffff; letter-spacing:-1px; background-color:#5c6374; border:#4a5468 1px solid;}
.tab_sub_area1 .tab1 li.on a {color:#ffffff;}

.board-notify { background:url(../images/commons/mask_bg.png); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:999;  }
.board-notify .inner { background:#fff; max-width:650px; margin:0 auto; margin-top:250px; }
.board-notify .inner h3 { background:#ffed00  no-repeat 10px center; line-height:40px; padding-left:15px; color:#fff; font-size:16px; }
.board-notify .inner > dl {padding:20px; }
.board-notify .inner > dl > dt.subject { font-size:14px; font-weight:bold; padding-bottom:5px; border-bottom:solid 1px #e6e4df;}
.board-notify .inner > dl > dt.caption { font-size:13px; font-weight:bold; padding-bottom:5px; }
.board-notify .inner > dl > dd.desc { font-size:13px; padding:20px 0; line-height:22px; }
.board-notify .inner > dl > dd.opt ul {  }
.board-notify .inner > dl > dd.opt ul li { float:left; width:50%; margin:4px 0; }
.board-notify .inner > dl > dd.opt ul li input { position:absolute; }
.board-notify .inner > dl > dd.opt ul li label { margin-left:25px; display:inline-block; font-size:12px; }
.board-notify .inner > dl > dd.opt ul li.etc { width:100%; }
.board-notify .inner > dl > dd.opt ul li.etc input.text { position:static; width:85%; }
.board-notify .inner > dl > dd.opt { border:solid 2px #e6e4df; padding:10px;}
.board-notify .inner > dl > dd.btn { text-align:center; margin-top:30px; }


.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; } 


.tag_board1a { vertical-align:middle; padding:1px 5px; font-size:13px; line-height:100%; color:#f74319; border:1px solid #ffcdc2; background-color:#ffe9e3; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:4px;}
.tag_board1b { vertical-align:middle; padding:1px 5px; font-size:13px; line-height:100%; border:1px solid #d5d5d5; background-color:#f7f7f7; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:4px;}
.tag_board1c { vertical-align:middle; padding:1px 5px; font-size:13px; line-height:100%; color:#1c6ee8; border:1px solid #bcd5fb; background-color:#e3eeff; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:4px;}


/* 기본 게시판형 */

.bbslist1 {overflow:hidden; clear:both; border-top:1px solid #666666;}
.bbslist1 > ul > li {overflow:hidden; clear:both; width:100%; border-bottom:1px solid #e5e4df;}
.bbslist1 > ul > li:first-child {border-bottom:1px solid #666666;}
.bbslist1 > ul > li.item_box1:last-child {border-bottom:0px solid #e5e4df;}
.bbslist1 > ul > li.notice {background-color:#f7f7f7;}
.bbslist1 > ul > li > ul > li {float:left; padding:13px 0 13px; text-align:center; font-size:15px; line-height:110%;}
.bbslist1 > ul > li > ul > li .text1 {overflow:hidden; clear:both; text-align:center; padding:5px 0; font-weight:bold;}
.bbslist1 > ul > li > ul > li .text2 {overflow:hidden; clear:both; text-align:center; padding:0; font-weight:bold;}
.bbslist1 > ul > li > ul > li .notice {padding:2px 5px 3px; color:#ffffff; line-height:100%; background-color:#01a34e; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.bbslist1 > ul > li > ul > li .notice1 {padding:2px 5px 3px; color:#ffffff; line-height:100%; background-color:#fc2196; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.bbslist1 > ul > li > ul > li.btn_area1 {padding-top:11px; padding-bottom:0;}
.bbslist1 > ul > li > ul > li.btn_area1 .btn_cl11,
.bbslist1 > ul > li > ul > li.btn_area1 .btn_cl12,
.bbslist1 > ul > li > ul > li.btn_area1 .btn_cl13,
.bbslist1 > ul > li > ul > li.btn_area1 .btn_cl14 {vertical-align:middle;}
.bbslist1 > ul > li > ul > .box2 {display:none;}

.bbslist1 > ul > li > ul > li a:hover {font-weight:bold;}

.bbslist1 > ul > li > ul > li.item1 {width:100px;}
.bbslist1 > ul > li > ul > li.item1b {width:100px;}

.bbslist1 > ul > li > ul > li.item2 {overflow:hidden; width:-webkit-calc(100% - 500px); width:-moz-calc(100% - 500px); width:calc(100% - 500px); text-align:left; line-height:120%;}  	  /* 아이템 6개 있을때 */
.bbslist1 > ul > li > ul > li.item2a {overflow:hidden; width:-webkit-calc(100% - 400px); width:-moz-calc(100% - 400px); width:calc(100% - 400px); text-align:left; line-height:120%;} 	  /* 아이템 5개 있을때 */
.bbslist1 > ul > li > ul > li.item2b {overflow:hidden; width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); text-align:left; line-height:120%;} 	  /* 아이템 4개 있을때 */
.bbslist1 > ul > li > ul > li.item2c {overflow:hidden; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); text-align:left; line-height:120%;} 	  /* 아이템 3개 있을때 */
.bbslist1 > ul > li > ul > li.item2d {overflow:hidden; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); text-align:left; line-height:120%;} 	  /* 아이템 2개 있을때 */
.bbslist1 > ul > li > ul > li.item2e {overflow:hidden; width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); width:calc(100% - 0px); text-align:left; line-height:120%;} 	  	  /* 아이템 1개 있을때 */

.bbslist1 > ul > li > ul > li.item2-a {overflow:hidden; width:-webkit-calc(100% - 600px); width:-moz-calc(100% - 600px); width:calc(100% - 600px); text-align:left; line-height:120%;}    /* 아이템 7개 있을때 */
.bbslist1 > ul > li > ul > li.item2-b {overflow:hidden; width:-webkit-calc(100% - 700px); width:-moz-calc(100% - 700px); width:calc(100% - 700px); text-align:left; line-height:120%;}    /* 아이템 8개 있을때 */
.bbslist1 > ul > li > ul > li.item2-c {overflow:hidden; width:-webkit-calc(100% - 800px); width:-moz-calc(100% - 800px); width:calc(100% - 800px); text-align:left; line-height:120%;}    /* 아이템 9개 있을때 */
.bbslist1 > ul > li > ul > li.item2-d {overflow:hidden; width:-webkit-calc(100% - 900px); width:-moz-calc(100% - 900px); width:calc(100% - 900px); text-align:left; line-height:120%;}    /* 아이템 10개 있을때 */
.bbslist1 > ul > li > ul > li.item2-e {overflow:hidden; width:-webkit-calc(100% - 1000px); width:-moz-calc(100% - 1000px); width:calc(100% - 1000px); text-align:left; line-height:120%;} /* 아이템 11개 있을때 */
.bbslist1 > ul > li > ul > li.item2-f {overflow:hidden; width:-webkit-calc(100% - 1100px); width:-moz-calc(100% - 1100px); width:calc(100% - 1100px); text-align:left; line-height:120%;} /* 아이템 12개 있을때 */

.bbslist1 > ul > li > ul > li.item2f {overflow:hidden; width:50%; text-align:left; line-height:120%;} /* 아이템 넖이 50% 있을때 */
.bbslist1 > ul > li > ul > li.item2g {overflow:hidden; width:40%; text-align:left; line-height:120%;} /* 아이템 넖이 40% 있을때 */
.bbslist1 > ul > li > ul > li.item2h {overflow:hidden; width:30%; text-align:left; line-height:120%;} /* 아이템 넖이 30% 있을때 */
.bbslist1 > ul > li > ul > li.item2i {overflow:hidden; width:20%; text-align:left; line-height:120%;} /* 아이템 넖이 20% 있을때 */
.bbslist1 > ul > li > ul > li.item2j {overflow:hidden; width:10%; text-align:left; line-height:120%;} /* 아이템 넖이 10% 있을때 */

.bbslist1 > ul > li > ul > li.item2k {overflow:hidden; width:60%; text-align:left; line-height:120%;} /* 아이템 넖이 50% 있을때 */
.bbslist1 > ul > li > ul > li.item2l {overflow:hidden; width:70%; text-align:left; line-height:120%;} /* 아이템 넖이 40% 있을때 */
.bbslist1 > ul > li > ul > li.item2m {overflow:hidden; width:80%; text-align:left; line-height:120%;} /* 아이템 넖이 30% 있을때 */
.bbslist1 > ul > li > ul > li.item2n {overflow:hidden; width:90%; text-align:left; line-height:120%;} /* 아이템 넖이 20% 있을때 */
.bbslist1 > ul > li > ul > li.item2o {overflow:hidden; width:100%; text-align:left; line-height:120%;} /* 아이템 넖이 10% 있을때 */

.bbslist1 > ul > li > ul > li.item3,
.bbslist1 > ul > li > ul > li.item4,
.bbslist1 > ul > li > ul > li.item5,
.bbslist1 > ul > li > ul > li.item6,
.bbslist1 > ul > li > ul > li.item7,
.bbslist1 > ul > li > ul > li.item8,
.bbslist1 > ul > li > ul > li.item9,
.bbslist1 > ul > li > ul > li.item10,
.bbslist1 > ul > li > ul > li.item11,
.bbslist1 > ul > li > ul > li.item12 {width:100px; line-height:120%;}
.bbslist1 > ul > li > ul > li.item3f,
.bbslist1 > ul > li > ul > li.item4f,
.bbslist1 > ul > li > ul > li.item5f {width:25%; line-height:120%;}

.bbslist1 > ul > li > ul > li.item-1 {width:100%;}
.bbslist1 > ul > li > ul > li.item-2 {width:50%;}
.bbslist1 > ul > li > ul > li.item-3 {width:33.3%;}
.bbslist1 > ul > li > ul > li.item-4 {width:25%;}
.bbslist1 > ul > li > ul > li.item-5 {width:20%;}
.bbslist1 > ul > li > ul > li.item-6 {width:16.6%;}
.bbslist1 > ul > li > ul > li.item-7 {width:14.2%;}
.bbslist1 > ul > li > ul > li.item-8 {width:12.5%;}
.bbslist1 > ul > li > ul > li.item-9 {width:11.1%;}
.bbslist1 > ul > li > ul > li.item-10 {width:10%;}

.bbslist1 > ul > li > ul > li.item_center {text-align:center;}
.bbslist1 > ul > li > ul > li.item_right {text-align:right;}

.bbsnotice {background-color:#f5f5f5;}

.list-style01 { }
.list-style01_type1 { }
.list-style01 table { border-top:solid 1px #666; width:100%; }
/* .list-style01 table tr.old{ background:#eee;} */
.list-style01 table thead th { font-size:15px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #666;letter-spacing:-0.7px; }
.list-style01 table thead th.writer { text-align:left;}
.list-style01 table tbody td { font-size:15px; font-weight:normal; color:#4d4b45; padding:10px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px; letter-spacing:-0.8px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }
.list-style01 table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
.list-style01 table tbody td a:hover { font-weight:bold;  }
.list-style01 table tbody td.no { font-size:12px; font-weight:bold;}
.list-style01 table tbody td.no2 { font-size:13px; color:#0099ff;font-weight:bold;}
.list-style01 table tbody td.subject { text-align:left; }
.list-style01 table tbody td.subject > a { vertical-align:middle; }
.list-style01 table tbody td.subject > img { vertical-align:middle; }
.list-style01 table tbody td.subject i { color:#aaa; vertical-align:middle;}
.list-style01 table tbody td.subject p.subject2 { text-align:left; font-size:11px;color:#999999;display:none;margin-top:5px;}
.list-style01 table tbody td.subject p.location { font-size:11px;padding-top:3px; }
.list-style01 table tbody td.subject .list_marker{ color:#cc0066 !important;}
.list-style01 table tbody td.club { text-align:left; color:#000;font-weight:bold;}
.list-style01 table thead th.club { text-align:left; }
.list-style01 table tbody td.memo { text-align:left; max-width:300px; font-size:13px;line-height:18px;text-overflow:ellipsis;}
.list-style01 table tbody td.writer { text-align:left; font-weight:bold;font-size:15px;letter-spacing:-0.5px}
.list-style01 table tbody td.writer_c { text-align:center; font-weight:bold;font-size:15px;letter-spacing:-0.5px}
.list-style01 table tbody td.writer img.photo1 { width:21px;height:21px;margin-right:5px;}
.list-style01 table tbody td.date { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style01 table tbody td.hit { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style01 table tbody td.like { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style01 table tbody td.date2 { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style01 table tbody td p.mdate { display:none;}
.list-style01 table tbody td.old { color:#0099cc;font-weight:bold; }
.list-style01 table tbody td .accuse_status_B { color:#59b300;font-weight:bold;}
.list-style01 table tbody td .accuse_status_C { color:#ff0066;font-weight:bold;}
.list-style01 table tbody td .accuse_status_D { color:#00ccff;font-weight:bold;}
.list-style01 table tbody td .accuse_status_E { color:#dddddd;font-weight:bold;}



/* 기본 게시판 NEW */
.list-style100 { }

.list-style100 .content_block_1 {width:70%;float:left;}
.list-style100 .content_block_2 {width:29%;float:right;}

.list-style100 .content_block_1 table { border-top:solid 2px #cccac4; width:100%; }
/* .list-style100 table tr.old{ background:#eee;} */
.list-style100 .content_block_1 table thead th { font-size:15px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
.list-style100 .content_block_1 table thead th.writer { text-align:left;}
.list-style100 .content_block_1 table tbody td { font-size:15px; font-weight:normal; color:#4d4b45; padding:10px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px; letter-spacing:-1.0px; }
.list-style100 .content_block_1 table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
.list-style100 .content_block_1 table tbody td a:hover { font-weight:bold;  }
.list-style100 .content_block_1 table tbody td.no { font-size:13px; font-weight:bold;}
.list-style100 .content_block_1 table tbody td.no2 { font-size:13px; color:#0099ff;font-weight:bold;}
.list-style100 .content_block_1 table tbody td.subject { text-align:left; }
.list-style100 .content_block_1 table tbody td.subject p.subject2 { text-align:left; font-size:11px;color:#999999;display:none;margin-top:5px;}
.list-style100 .content_block_1 table tbody td.subject p.location { font-size:11px;padding-top:3px; }
.list-style100 .content_block_1 table tbody td.club { text-align:left; color:#0099cc;font-weight:bold;}
.list-style100 .content_block_1 table thead th.club { text-align:left; }
.list-style100 .content_block_1 table tbody td.memo { text-align:left; max-width:300px; font-size:13px;line-height:18px;text-overflow:ellipsis;}
.list-style100 .content_block_1 table tbody td.writer { text-align:left; font-weight:bold;font-size:15px;letter-spacing:-0.5px}
.list-style100 .content_block_1 table tbody td.date { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style100 .content_block_1 table tbody td.hit { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style100 .content_block_1 table tbody td.like { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style100 .content_block_1 table tbody td.like_hot { font-color:#ff0000;font-weight:bold;font-size:13px;}
.list-style100 .content_block_1 table tbody td.date2 { white-space:nowrap; font-size:12px;letter-spacing:-0.5px;}
.list-style100 .content_block_1 table tbody td p.mdate { display:none;}
.list-style100 .content_block_1 table tbody td.old { color:#0099cc;font-weight:bold; }

/* 기본 게시판 NEW 우측 공통 컨텐츠 */
.content_block_2 .right_container {margin-left:15px;border:2px solid #666666;background-color:#f2f2f2;}
.content_block_2 .right_container .right_item {}
/* .content_block_2 .right_container .right_item .title {background-color:#666666;color:#ffed00;font-size:16px;font-weight:bold;text-align:center;padding:5px;} */
.content_block_2 .right_container .right_item .title {background-color:#666666;color:#FFFFFF;font-size:16px;font-weight:bold;text-align:center;padding:5px;}
.content_block_2 .right_container .right_item .article {padding:0 10px;}
.content_block_2 .right_container .right_item ul {}
.content_block_2 .right_container .right_item ul li {font-size:14px;line-height:15px;border-bottom:1px #aaaaaa dotted;padding:10px 0px;letter-spacing:-0.2pt}
.content_block_2 .right_container .right_item .more {text-align:center;margin:3px;}
.content_block_2 .right_container .right_item .more span {background-color:#444444;color:#FFFFFF;padding:3px 10px;font-size:10px;}

/* 메모 보기 */
.list-style-memo table { border-top:solid 2px #cccac4; width:100%; }
/* .list-style01 table tr.old{ background:#eee;} */
.list-style-memo table thead th { font-size:15px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border:0;border-bottom:solid 1px #cccac4 !important; }
.list-style-memo table thead th.writer { text-align:left;max-width:50px;}
.list-style-memo table tbody td { font-size:15px; font-weight:normal; color:#4d4b45; padding:10px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px; letter-spacing:-0.5px; }
.list-style-memo table tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
.list-style-memo table tbody td a:hover { font-weight:bold;  }
.list-style-memo table tbody td.subject { text-align:left; }
.list-style-memo table tbody td.subject p.subject2 { text-align:left; font-size:11px;color:#999999;display:none;margin-top:5px;}
.list-style-memo table tbody td.subject p.location { font-size:11px;padding-top:3px; }
.list-style-memo table tbody td.club { text-align:left; color:#0099cc;font-weight:bold;}
.list-style-memo table thead th.club { text-align:left; }
.list-style-memo table tbody td.memo { text-align:left; max-width:300px; font-size:13px;line-height:18px;text-overflow:ellipsis;}
.list-style-memo table tbody td.writer { text-align:left; font-weight:bold;font-size:15px;letter-spacing:-0.5px;max-width:50px;}
.list-style-memo table tbody td.date { white-space:nowrap; font-size:13px;letter-spacing:-0.5px;}
.list-style-memo table tbody td.date2 { white-space:nowrap; font-size:13px;letter-spacing:-0.5px;}
.list-style-memo table tbody td p.mdate { display:none;}
.list-style-memo table tbody td.old { color:#0099cc;font-weight:bold; }


.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 0px #cccac4; width:100%; }
.list-style02 > ul > li { float:left; width:50%; padding:24px 0; border-bottom:solid 1px #cccac4; }
.list-style02 > ul > li.li_type1 {padding:12px 0 32px;}
.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:101px; overflow:hidden; position:relative;}
.list-style02 > ul > li > dl > dt.dt_type1 { width:1px;}
.list-style02 > ul > li > dl > dt img.campaign{ width:120px;height:160px;}
.list-style02 > ul > li > dl > dt img.img_thumb{ width:180px;height:101px;}
.list-style02 > ul > li > dl > dt img.img_introduce { width:220px;height:270px;}
.list-style02 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px; width:100%;}
.list-style02 > ul > li > dl > dd.introduce { padding-left:35px;}
.list-style02 > ul > li > dl > dd h5 { letter-spacing:-1.5px;display:block; height:25px; line-height:25px; 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:20px; font-weight:bold; vertical-align:middle;}
.list-style02 > ul > li > dl > dd h5.introduce_title { margin-bottom:30px; height:unset;overflow:unset;-webkit-line-clamp:unset;-webkit-box-orient:unset;}
.list-style02 > ul > li > dl > dd h5.introduce_title a { font-size:22px; font-weight:bold; letter-spacing:-2px;}
.list-style02 > ul > li > dl > dd h5.introduce_title a.intro_edit { font-size:14px; font-weight:normal; letter-spacing:-2px;color:cc0066;padding:3px;margin:0 15px;border:1px solid #ccc;background:#ffed00;}
/* .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 div.subtitle { letter-spacing:-0.7px;font-weight:normal;font-size:14px; color:#444444; display:block; margin:5px 0 5px 0; line-height:21px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-decoration:none; font-weight:bold;}
.list-style02 > ul > li > dl > dd div.content { letter-spacing:-0.5px;font-weight:normal;font-size:13px; color:#777; display:block; height:60px; margin:5px 0 5px 0; line-height:21px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-decoration:none; }

.list-style02 > ul > li > dl > dd div.subtitle2 { letter-spacing:-0.5px;font-weight:normal;font-size:13px; color:#444444; display:block; height:unset; margin:5px 0 5px 0; line-height:21px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-decoration:none; }
.list-style02 > ul > li > dl > dd div.subtitle3 { letter-spacing:-1.0px;font-weight:normal;font-size:16px; color:#444444; display:block; height:unset; margin:5px 0 5px 0; line-height:28px; text-overflow: ellipsis; /*display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;*/ text-decoration:none; }
.list-style02 > ul > li > dl > dd span.name { font-size:11px;  font-weight:normal; color:#99968a; padding:5px 0 5px 0; letter-spacing:-0.5px;}
.list-style02 > ul > li > dl > dd div.name { font-size:11px;  font-weight:normal; color:#000; padding:5px 0 5px 0; letter-spacing:-0.7px;font-weight:normal;}
.list-style02 > ul > li > dl > dd > div.itemlist { border:1px solid #ccc;padding:3px 3px;margin:10px 0;background:#eee;}
.list-style02 > ul > li > dl > dd > div.itemlist > ul > li { font-size:12px;letter-spacing:-0.7px;vertical-align:middle;padding-left:5px;}
.list-style02 > ul > li > dl > dd > div.itemlist > ul > li:hover { background:#aaa;}
.list-style02 > ul > li > dl > dd > div.itemlist > ul > li > i { font-size:14px;vertical-align:middle;line-height:30px;}
.list-style02 > ul > li > dl > dd > div.itemlist > ul > li > a { font-size:14px;vertical-align:middle;line-height:30px;}
/* .list-style02 > ul > li > dl > dd div.name i {color:#000; } */
.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 0px #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.col1 > li .img150 { width:220px;height:145px;}
.list-style02-2 > ul > li > dl { display:table; }
.list-style02-2 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:220px; height:145px; overflow:hidden; position:relative;}
.list-style02-2 > ul > li > dl > dt img { width:100%;height:100%;}
.list-style02-2 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px;min-width:250px; }

.list-style02-2 > ul > li > dl > dd div.title { display:block; height:24px; line-height:22px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style02-2 > ul > li > dl > dd div.reginfo { padding:1px 0;font-size:12px; font-weight:normal; color:#99968a;  }
.list-style02-2 > ul > li > dl > dd div.title a { font-size:20px; font-weight:bold; letter-spacing: -1px;}
.list-style02-2 > ul > li > dl > dd div.title a:hover{ color:#cc0066;}
/* .list-style02-2 > ul > li > dl > dd p { font-weight:bold;font-size:18px; color:#006699; display:block; height:24px; margin:9px 0 9px 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 p { font-weight:normal;font-size:18px; color:#006699; display:block; height:24; margin:4px 0 4px 0; overflow:hidden; text-overflow: ellipsis;line-height:22px; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  } */
.list-style02-2 > ul > li > dl > dd p { letter-spacing:-0.5px;font-weight:normal;font-size:14px; color:#444444; display:block; height:24px; margin:2px 0 2px 0; line-height:26px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-decoration:none; }
.list-style02-2 > ul > li > dl > dd p.small{ letter-spacing:-0.5px;font-size:14px !important; color:#777;font-weight:normal;}
/* .list-style02-2 > ul > li > dl > dd span { font-size:12px; font-weight:bold; color:#99968a;  } */
.list-style02-2 > ul > li > dl > dd span {  font-size:11px;  font-weight:normal; color:#99968a; padding:2px 0 2px 0; letter-spacing:-0.5px; }

/* 토론스킨 */

.list-style02-3_type1 {clear:both; height:1px; }
.list-style02-3 > ul { border-top:solid 0px #cccac4; width:100%;margin-top:20px; }
.list-style02-3 > ul.ul_type1 { border-top:solid 0px #cccac4; width:100%; }
/* .list-style02-3 > ul > li { float:left; width:50%; padding:30px 0; border-bottom:solid 1px #cccac4; } */
.list-style02-3 > ul > li { float:left; width:50%; padding-bottom:30px ; margin-bottom:30px;border-bottom:solid 1px #cccac4; }

.list-style02-3 > ul > li.li_type1 { padding:15px 0;}
// .list-style02-3 > ul > li.bill { background-color:#FBE12E;}
.list-style02-3 > ul.col1 > li { width:100%;  }
.list-style02-3 > ul > li:hover p { text-decoration:underline; }
.list-style02-3 > ul > li > dl { display:table; }
.list-style02-3 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:180px; height:120px; overflow:hidden; position:relative;padding-left:10px;}
.list-style02-3 > ul > li > dl > dt > div.cmtnum1{ background-color:#ffed00;width:130px;height:130px;margin:auto;line-height : 128px;text-align:center;color:#888888;font-weight:bold;font-size:25px;letter-spacing:-1px;}
.list-style02-3 > ul > li > dl > dt > div.cmtnum2{ background-color:#0099ff;width:130px;height:130px;margin:auto;line-height : 128px;text-align:center;color:#ffffff;font-weight:bold;font-size:25px;letter-spacing:-1px;}
.list-style02-3 > ul > li > dl > dt > div.cmtnum3{ background-color:#000000;width:130px;height:130px;margin:auto;line-height : 128px;text-align:center;color:#ffffff;font-weight:bold;font-size:25px;letter-spacing:-1px;}
.list-style02-3 > ul > li > dl > dt > div.cmtnum4{ background-color:#b4b4b4;width:130px;height:130px;margin:auto;line-height : 128px;text-align:center;color:#ffffff;font-weight:bold;font-size:25px;letter-spacing:-1px;}
.list-style02-3 > ul > li > dl > dt > div.cmtnum_type1 { width:114px;height:114px;margin:auto;line-height :112px;font-size:21px;}
.list-style02-3 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px; width:100%; }
// .list-style02-3 > ul > li > dl > dd div.title { display:block; height:24px; line-height:22px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
// .list-style02-3 > ul > li > dl > dd div.title { display:block; line-height:22px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style02-3 > ul > li > dl > dd div.reginfo { padding:7px 0;font-size:12px; font-weight:normal; color:#99968a;  }
.list-style02-3 > ul > li > dl > dd div.c_title { margin:0 0 7px 0;}
.list-style02-3 > ul > li > dl > dd div.c_title em { padding:2px 7px; color:#fff; font-weight:bold; font-style:normal; background-color:#99968a;}
.list-style02-3 > ul > li > dl > dd div.title a { font-size:20px; font-weight:bold;letter-spacing: -1.5px; }
.list-style02-3 > ul > li > dl > dd div.title a:hover{ color:#cc0066;}
.list-style02-3 > ul > li > dl > dd div.recommend { display:inline-block;background-color:#666666;padding:8px;max-width:80px;text-align:center;color:#ffed00;font-weight:bold;margin-top:8px;}
.list-style02-3 > ul > li > dl > dd div.discuss { display:inline-block;background-color:#0099ff;padding:8px;max-width:80px;text-align:center;color:#ffffff;font-weight:bold;margin-top:8px;}
.list-style02-3 > ul > li > dl > dd div.done { display:inline-block;padding:8px;text-align:center;color:#bbbbbb;font-weight:bold;margin-top:8px;border:1px #eeeeee solid;}
.list-style02-3 > ul > li > dl > dd div.done2 { display:inline-block;padding:8px;text-align:center;color:#000000;font-weight:bold;margin-top:8px;border:1px #0099ff solid;}
.list-style02-3 > ul > li > dl > dd div.remain { display:inline-block;padding:10px;text-align:left;color:#ff3300;font-weight:normal;margin-top:8px;}
.list-style02-3 > ul > li > dl > dd div.info { padding:4px 0; color:#ff0066;font-weight:normal;font-size:12px;letter-spacing:-0.5px;}
.list-style02-3 > ul > li > dl > dd div.info em { padding:0 4px; color:#fff; font-style:normal; background-color:#f86f46; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
/* .list-style02-2 > ul > li > dl > dd p { font-weight:bold;font-size:18px; color:#006699; display:block; height:24px; margin:9px 0 9px 0; line-height:26px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  } */
.list-style02-3 > ul > li > dl > dd p { font-weight:bold;font-size:18px; color:#006699; display:block; height:24; margin:4px 0 4px 0; overflow:hidden; text-overflow: ellipsis;line-height:22px; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  }
.list-style02-3 > ul > li > dl > dd p.small{ letter-spacing:-0.5px;font-size:14px !important; color:#777;font-weight:normal;text-decoration:none;}
.list-style02-3 > ul > li > dl > dd > span { font-size:12px; font-weight:bold; color:#99968a;  }


.list-style02-3 .sns { display:block; height:32px; padding-top:15px; text-align:center; margin:-45px 0 0 190px;  }
.list-style02-3 .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-3 .sns > li:last-child { float:right; }
.list-style02-3 .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-3 .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; }


/* 월간 정의인 수정판 background 활용*/
.list-style03-4 { width:100%; border-top:solid 0px #cccac4;  }
.list-style03-4 .topdesc { border:1px solid #cccccc;background-color:#efefef;margin-bottom:10px;padding:15px;font-size:14px;  }
.list-style03-4 > ul { width:100%; }
.list-style03-4 > ul > li { float:left; width:-webkit-calc(25% - 10px); width:-moz-calc(25% - 10px); width:calc(25% - 10px); margin:0 5px 10px; text-align:center; cursor:pointer; }
.list-style03-4 > ul > li:nth-child(4n) {margin-right:0;}
.list-style03-4 > ul > li > dl { display:inline-block; width:100%; padding:0 0 0 0; margin:0 auto; }
.list-style03-4 > ul > li > dl > dt { width:100%; padding-top:calc(100% * 0.56); display:block; vertical-align:top; overflow:hidden; position:relative; border:solid 1px #e6e4df;box-sizing:border-box;border-bottom:0px; background-size:100% auto;}
.list-style03-4 > ul > li > dl:hover > dt > .overlay {width:100%;height:100%;background:#000;opacity:0.5;position:absolute;}
.list-style03-4 > ul > li > dl:hover > dd  {background:#cccccc;}
.list-style03-4 > ul > li > dl > dt img { width:300px; height:190px; }
.list-style03-4 > ul > li > dl > dt img.play { position:absolute;top:-50px;width:40px; height:40px;}
.list-style03-4 > ul > li > dl > dt .btn i { position:absolute;left:50%; margin-left:-10px;top:-15px;font-size:70px;color:#fff}
.list-style03-4 > ul > li > dl > dt i { position:absolute;top:-50px;width:50px; height:50px;}
.list-style03-4 > 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-4 > ul > li > dl > dd { display:block; vertical-align:top; padding:8px 10px 10px 10px; background:#ffffff; border-bottom:solid 1px #e6e4df;  border-left:solid 1px #e6e4df; border-right:solid 1px #e6e4df; } */
.list-style03-4 > ul > li > dl > dd { display:block; vertical-align:top; padding:15px 19px 10px 19px; background:#ffffff; border:solid 1px #e6e4df;box-sizing:border-box;}
.list-style03-4 > ul > li > dl > dd h5 { display:block; height:23px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-4 > ul > li > dl > dd h5 a { font-size:15px; line-height:23px; font-weight:normal; }
.list-style03-4 > ul > li > dl > dd h4 { padding-bottom:0px;display:block; height:28px; line-height:28px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-4 > ul > li > dl > dd h4 a { font-size:16px; font-weight:bold; line-height:16px; line-height:-1px;letter-spacing:-0.8px;}
.list-style03-4 > ul > li > dl > dd span {     padding: 7px 0;   }
.list-style03-4 > ul > li > dl > dd span.name { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-4 > ul > li > dl > dd span.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-4 > ul > li > dl > dd div.name { font-size: 11px;    font-weight: normal;    color: #333333;    letter-spacing: -0.7px;padding:10px 0}
.list-style03-4 > ul > li > dl > dd div.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-4 > ul > li > dl > dd div.desc { overflow:hidden; font-size: 12px;    font-weight: normal;    color: #666666; height:63px;}
.list-style03-4 > ul > li > dl > dd span.ctg { font-size:15px; font-weight:bold; color:#858274; display:block; padding-bottom:4px;  }
.list-style03-4 > ul > li > dl > dd p { font-size:13px; color:#555555; display:block; height:55px; margin:10px 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 { 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 > dt img { width:100%; height:auto;}
.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 .topdesc { border:1px solid #cccccc;background-color:#efefef;margin-bottom:10px;padding:15px;font-size:14px;  }
.list-style03-2 > ul { width:100%; }
.list-style03-2 > ul > li { float:left; width:25%; padding:10px 0 0 0; text-align:center;margin-top:70px; }
/* .list-style03-2 > ul > li:hover { background:#ffed00;} */
/* .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; border:solid 1px #e6e4df;border-bottom:0px; }
/* .list-style03-2 > ul > li > dl > dt img { width:100%; height:auto !important; } */
.list-style03-2 > ul > li > dl > dt img { width:300px; height:190px; }
.list-style03-2 > ul > li > dl > dt img.play { position:absolute;top:-50px;width:40px; height:40px;}
.list-style03-2 > ul > li > dl > dt .btn i { position:absolute;left:50%; margin-left:-10px;top:-15px;font-size:70px;color:#fff}
.list-style03-2 > ul > li > dl > dt i { position:absolute;top:-50px;width:50px; height:50px;}
.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 { display:block; vertical-align:top; padding:8px 10px 10px 10px; background:#ffffff; border-bottom: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:#ffffff; border-bottom:solid 1px #e6e4df;  border-left:solid 1px #e6e4df; border-right:solid 1px #e6e4df; }
.list-style03-2 > ul > li > dl > dd:hover { background:#ffff00;}
.list-style03-2 > ul > li > dl > dd h5 { display:block; height:23px; 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 { padding-bottom:0px;display:block; height:28px; line-height:28px; 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:14px; font-weight:bold; line-height:16px; line-height:-1px;letter-spacing:-0.5px;}
.list-style03-2 > ul > li > dl > dd span {     padding: 7px 0;   }
.list-style03-2 > ul > li > dl > dd span.name { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-2 > ul > li > dl > dd span.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-2 > ul > li > dl > dd div.name { font-size: 12px;    font-weight: normal;    color: #333333;}
.list-style03-2 > ul > li > dl > dd div.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-2 > ul > li > dl > dd div.desc { font-size: 11px;    font-weight: normal;    color: #666666; height:60px;}
.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 > ul > li > dl > dd p { font-size:13px; color:#555555; display:block; height:55px; margin:10px 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 .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; }





/*카드뉴스, 활동사진, 수정판 background 활용*/
.list-style03-3 { width:100%; border-top:solid 0px #cccac4;  }
.list-style03-3 .topdesc { border:1px solid #cccccc;background-color:#efefef;margin-bottom:10px;padding:15px;font-size:14px;  }
.list-style03-3 > ul { width:100%; }
.list-style03-3 > ul > li { float:left; width:24.2%; margin:10px 1% 0 0; text-align:center;margin-bottom:30px; cursor:pointer; }
.list-style03-3 > ul > li:nth-child(4n) {margin-right:0;}
.list-style03-3 > ul > li > dl { display:inline-block; width:100%; padding:0 0 0 0; margin:0 auto; }
.list-style03-3 > ul > li > dl > dt { width:100%;height:200px;display:block; vertical-align:top; overflow:hidden; position:relative; border:solid 1px #e6e4df;box-sizing:border-box;border-bottom:0px; background-size:100% auto;}
.list-style03-3 > ul > li > dl:hover > dt > .overlay {width:100%;height:100%;background:#000;opacity:0.5;position:absolute;}
.list-style03-3 > ul > li > dl:hover > dd  {background:#cccccc;}
.list-style03-3 > ul > li > dl > dt img { width:300px; height:190px; }
.list-style03-3 > ul > li > dl > dt img.play { position:absolute;top:-50px;width:40px; height:40px;}
.list-style03-3 > ul > li > dl > dt .btn i { position:absolute;left:50%; margin-left:-10px;top:-15px;font-size:70px;color:#fff}
.list-style03-3 > ul > li > dl > dt i { position:absolute;top:-50px;width:50px; height:50px;}
.list-style03-3 > 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-3 > ul > li > dl > dd { display:block; vertical-align:top; padding:8px 10px 10px 10px; background:#ffffff; border-bottom:solid 1px #e6e4df;  border-left:solid 1px #e6e4df; border-right:solid 1px #e6e4df; } */
.list-style03-3 > ul > li > dl > dd { display:block; vertical-align:top; padding:15px 19px 10px 19px; background:#ffffff; border:solid 1px #e6e4df;box-sizing:border-box;}
.list-style03-3 > ul > li > dl > dd h5 { display:block; height:23px; line-height:18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-3 > ul > li > dl > dd h5 a { font-size:15px; line-height:23px; font-weight:normal; }
.list-style03-3 > ul > li > dl > dd h4 { padding-bottom:0px;display:block; height:28px; line-height:28px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list-style03-3 > ul > li > dl > dd h4 a { font-size:16px; font-weight:bold; line-height:16px; line-height:-1px;letter-spacing:-0.8px;}
.list-style03-3 > ul > li > dl > dd span {     padding: 7px 0;   }
.list-style03-3 > ul > li > dl > dd span.name { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-3 > ul > li > dl > dd span.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-3 > ul > li > dl > dd div.name { font-size: 11px;    font-weight: normal;    color: #333333;    letter-spacing: -0.7px;padding:10px 0}
.list-style03-3 > ul > li > dl > dd div.date { font-size: 11px;    font-weight: normal;    color: #3399ff;}
.list-style03-3 > ul > li > dl > dd div.desc { font-size: 11px;    font-weight: normal;    color: #666666; height:60px;}
.list-style03-3 > ul > li > dl > dd span.ctg { font-size:15px; font-weight:bold; color:#858274; display:block; padding-bottom:4px;  }
.list-style03-3 > ul > li > dl > dd p { font-size:13px; color:#555555; display:block; height:55px; margin:10px 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-3 .sns { display:block; width:100%; height:32px; padding-top:15px; text-align:center; }
.list-style03-3 .sns > li { float:left; width:49%; text-align:center;  height:30px; line-height:30px; background:#99968a; border-right:solid 1px #e6e4df; }
.list-style03-3 .sns > li:last-child { float:right; }
.list-style03-3 .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-3 .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 0px #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 .img img.market { width:100px;height:120px;}
.list-style04 .list > li .img img.eventthumb { width:100px;height:120px;}
.list-style04 .list > li .img img.support { width:135px;height:135px;}

.list-style04 .list > li dt { font-size:18px; font-weight:bold; height:26px; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:23px;letter-spacing:-1px;}
.list-style04 .list > li dd.desc { margin-top:0px; font-size:13px; line-height:20px; height:60px;  overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;letter-spacing:-0.5px;}
.list-style04 .list > li dd.info {padding:7px;letter-spacing:-0.5px;color:#ff66cc;}
.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; }  */
.list-style04 .list > li dd.btn a { color:#000; font-size:18px; font-weight:bold; background-color:#ffed00; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:34px; line-height:33px; white-space:nowrap; vertical-align:middle; border-radius:0px; border:solid 0px #ddd; letter-spacing:-1px;}
.list-style04 .list > li dd.btn a:hover { background-color:#33cc33; }
.list-style04 .list > li dd.btn2 { color:#000; font-size:11px; font-weight:bold; background-color:#eee; display:inline-block; zoom:1; *display:inline; padding:0px 2px; height:23px; line-height:23px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 0px #bbb; } 
.list-style04 .list > li .detail { font-weight:normal;color:#000;font-size:11px;} 

.list-style05 .list > li { background:#FCFCF3; padding:13px; border:solid 1px #eeeeee; margin-bottom:50px;  border-radius:7px;}
.list-style05 .list > li:last-child { margin-bottom:0px; }
.list-style05 .list dt { float:left; margin-right:12px; letter-spacing:-1px;}
.list-style05 .list dd.name { font-size:16px; font-weight:bold; padding-top:3px; line-height:19px; }
.list-style05 .list dd.name .date { display:block; font-weight:normal; font-size:14px; padding-top:3px; color:#999 }
.list-style05 .list dd.image { margin-top:10px; font-size:0px; white-space:nowrap; overflow-x:auto; }
.list-style05 .list dd.image li { display:inline-block; zoom:1; *display:inline; width:100px; height:100px; margin-right:2px; margin-bottom:2px; }
.list-style05 .list dd.desc { clear:both;  padding-top:10px; font-size:15px; letter-spacing:-1px;line-height:30px; /*height:40px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical;*/ }
.list-style05 .list dd.share { clear:both; width:100%; }
.list-style05 .list dd.share .sns { display:block; width:100%; height:32px; padding-top:15px; text-align:center; }
.list-style05 .list dd.share .sns > li { width:48%; text-align:center;  height:30px; line-height:30px; border-right:solid 1px #e6e4df;display:inline-block; }
/* .list-style05 .list dd.share .sns > li { float:left; width:49%; text-align:center;  height:30px; line-height:30px; background:#99968a; border-right:solid 1px #e6e4df; } */
/* .list-style05 .list dd.share .sns > li:last-child { float:right; } */
.list-style05 .list dd.share .sns > li a.btn-recomm { font-size:16px; font-weight:bold;  padding:0 0 0 25px; color:#444; white-space:nowrap; }
.list-style05 .list dd.share .sns > li a.btn-comment { font-size:16px; font-weight:bold; padding:0 0 0 25px; color:#444; white-space:nowrap; }
.list-style05 .list dd.share .sns > li span { font-size:11px; font-family: Vernada; color:#3399FF;}

/*
.list-style05 .list dd.share .sns { display:block; width:100%; height:32px; padding-top:15px; text-align:center; }
.list-style05 .list dd.share .sns > li { float:left; width:100%; text-align:center;  height:30px; line-height:30px; border-right:solid 1px #e6e4df; }
.list-style05 .list dd.share .sns > li:last-child { float:right; }
.list-style05 .list dd.share .sns > li a.btn-recomm { font-size:18px; font-weight:bold; background:url(../images/board/icon_cl_recomm.png) #FCFCF3 no-repeat 0px center;  padding:0 0 0 25px; color:#888; white-space:nowrap; }
.list-style05 .list dd.share .sns > li a.btn-share { font-size:18px; font-weight:bold; background:url(../images/board/icon_cl_share.png) #FCFCF3 no-repeat 0px center; padding:0 0 0 25px; color:#888; white-space:nowrap; }
.list-style05 .list dd.share .sns > li a.btn-comment { font-size:18px; font-weight:bold; background:url(../images/board/icon_cl_comment.png) #FCFCF3 no-repeat 0px center; padding:0 0 0 25px; color:#888; white-space:nowrap; }
.list-style05 .list dd.share .sns > li span { font-size:11px; font-family: Vernada; color:#3399FF;}
*/


/* 당원장터 */
.list-style06 > ul { border-top:solid 0px #cccac4; width:100%; }
.list-style06 > ul > li { float:left; width:50%; padding:24px 0; border-bottom:solid 1px #cccac4; }
.list-style06 > ul.col1 > li { width:100%;  }
.list-style06 > ul > li:hover p { text-decoration:underline; }
.list-style06 > ul > li > dl { display:table; }
.list-style06 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:180px; height:120px; overflow:hidden; position:relative;}
.list-style06 > ul > li > dl > dd { display:table-cell; vertical-align:top; padding:2px 15px 0 15px; }
.list-style06 > ul > li > dl > dd h5 { display:block; height:24px; line-height:22px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.list-style06 > ul > li > dl > dd h5 a { font-size:22px; font-weight:bold; }
.list-style06 > ul > li > dl > dd p { font-weight:bold;font-size:18px; color:#006699; display:block; height:24px; margin:9px 0 9px 0; line-height:26px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical;  }
.list-style06 > ul > li > dl > dd span { font-size:12px; font-weight:normal; color:#99968a;  }


/* 영상 */
.list-style07 {display:inline-block; width:100%; padding-bottom:5px; border-bottom:1px solid #dddddd;}
.list-style07 > ul > li {float:left; width:-webkit-calc(25% - 10px); width:-moz-calc(25% - 10px); width:calc(25% - 10px); margin:0 5px;}
.list-style07 > ul > li a:hover > .text {color:#000000; text-decoration:none;}
.list-style07 > ul > li a:hover .thmb {transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transition:0.5s;}
.list-style07 .cont {overflow:hidden; transition:0.5s;}
.list-style07 .thmb_area {overflow:hidden; width:100%; aspect-ratio:100 / 56; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.list-style07 .thmb {width:100%; aspect-ratio:100 / 56; background-position:center center; background-size:cover; background-repeat:no-repeat; transition:0.5s;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset; 
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset; 
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;}
.list-style07 .text {overflow:hidden; padding:15px;}
.list-style07 .title {overflow:hidden; height:44px; color:#000000; font-size:15px; line-height:140%; letter-spacing:-0.5px; font-weight:bold; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.list-style07 .sub_title {overflow:hidden; margin:4px 0 1px; color:#000000; font-size:14px; line-height:140%; letter-spacing:-0.5px; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


/* 카드뉴스 / 사진 */
.list-style08 {}
.list-style08 .masonry {
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
	-moz-column-count:4; 
	-webkit-column-count:4; 
	column-count:4;
	cursor:pointer;
}
.list-style08 .masonry .brick {
	overflow: hidden;
	margin-bottom: 40px;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	transition:0.3s;
}
.list-style08 .masonry .brick:hover {
	overflow: hidden;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.list-style08 .masonry .brick img {
	display:block;
	width:100%;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}
.list-style08 .masonry .brick .text1 {
	position:relative;
	overflow:hidden;
	width: 100%;
	margin-top:-124px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.3) 100%);
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.3) 100%);
}
.list-style08 .masonry .brick .text1 p {
	vertical-align:bottom;
	display:table-cell;
	height:100px;
	padding:10px;
	font-size:15px;
	line-height:160%;
	color:#ffffff;
}


/* 글 내용 보기 */
#contents .content_block_1 {width:70%;float:left;}
#contents .content_block_2 {width:29%;float:right;}
/* .view-style01 { border-top:solid 2px #cccac4; } */
.view-style01 { border-top:solid 0px #666; }
.view-style01_type1 { border-top:solid 1px #ddd; }
.view-style01 > ul { display:table; width:100%; border-bottom:solid 1px #ddd;}
/* .view-style01 > ul > li { display:table-cell; vertical-align:middle; border-bottom:solid 1px #cccac4; padding:17px 20px; } */
.view-style01 > ul > li { display:table-cell; vertical-align:middle;  padding:17px 20px; display:inline-block;}
.view-style01 > ul > li.subject { font-size:24px; font-weight:bold;letter-spacing:-0.8px  }
.view-style01 > ul > li.subject > span { font-size:16px; font-weight:normal;  }
.view-style01 > ul > li.date { font-size:14px; text-align:right; font-weight:normal; letter-spacing:-0.5px;}
.view-style01 > ul > li.share { clear:both; padding:11px 20px; letter-spacing:-0.5px;}
.view-style01 > ul > li.share > span {font-size:14px;  padding-right:0px; }
.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 > .discuss_content { border:1px solid #eeeeee;margin-top:10px;}
.view-style01 > .discuss_content .d_subject { background-color:#000000;color:#ffffff;padding:15px;font-size:24px;font-weight:bold;}
.view-style01 > .discuss_content .d_subinfo1 { background-color:#000000;color:#ffffff;padding:5px 0 5px 15px;font-size:14px;font-weight:normal;}
.view-style01 > .discuss_content .d_subinfo2 { background-color:#000000;color:#cccccc;padding:5px 0 15px 15px;font-size:11px;font-weight:normal;}
.view-style01 > .discuss_content .d_subinfo3 { background-color:#3399ff;color:#ffffff;padding:15px 0 15px 15px;font-size:18px;font-weight:bold;}
.view-style01 > .discuss_content .d_subinfo4 { background-color:#666666;color:#ffffff;padding:15px 0 15px 15px;font-size:18px;font-weight:bold;}
.view-style01 > .discuss_content .d_subinfo5 { background-color:#ff3300;color:#ffffff;padding:15px 0 15px 15px;font-size:18px;font-weight:bold;}
.view-style01 > .discuss_content .d_progress { background-color:#ffffff;padding:10px 10px 10px 10px;text-align:left;}
.view-style01 > .discuss_content .d_progress_level { background-color:#cccccc;color:#000000;display:inline-block;width:40px;padding:15px 7px;font-size:16px;margin:3px;text-align:center;border:0px solid #cccccc;font-weight:bold;border-radius:30px;}
.view-style01 > .discuss_content .d_progress_level_current { background-color:#ffed00 !important;color:#000000;}
.view-style01 > .discuss_content .d_reginfo { padding:5px;font-size:13px;font-weight:bold;}
.view-style01 > .discuss_content .d_content { padding:15px;font-size:13px;color:888888;}
.view-style01 > .discuss_content .d_recommendbox { background-color:#ffffff;padding:10px 10px 10px 0px;text-align:left;}
.view-style01 > .discuss_content .d_recommend { background-color:#3399ff;padding:25px 15px;font-size:16px;color:#000000;max-width:120px;font-weight:bold;text-align:center;border-radius:2px;}
.view-style01 > .discuss_content .d_remain { padding:10px 0;font-size:12px;color:#ff3300;}


.view-style01 > .discuss_content ul.best_proposal {margin-top :20px;}
.view-style01 > .discuss_content ul.best_proposal li { padding:10px 0 10px 0px;margin:5px 0px;width:100%;background-color:#eeeeee;display:inline-block;border:1px dotted #444444 !important;}
.view-style01 > .discuss_content ul.best_proposal li .d_title {padding:5px 10px 5px 20px;}
.view-style01 > .discuss_content ul.best_proposal li .d_title span{padding:5px;font-size:16px;font-weight:bold;color:#000000;margin:auto;border-radius:2px;}
.view-style01 > .discuss_content ul.best_proposal li .d_reginfo{padding:5px 10px 5px 20px;font-size:13px;font-weight:bold;color:#0099cc;}
.view-style01 > .discuss_content ul.best_proposal li .d_content{padding:5px 10px 5px 20px;font-size:13px;}
.view-style01 > .discuss_content ul.best_proposal li .d_button{padding:5px 10px 5px 20px;}
.view-style01 > .discuss_content ul.best_proposal li .d_button span.d_button_1 {padding:6px;background-color:#0099ff;font-size:12px;font-weight:bold;color:#ffffff;}
.view-style01 > .discuss_content ul.best_proposal li .d_button span.d_button_2 {padding:6px;background-color:#fffae6;font-size:12px;font-weight:bold;color:#000000;}


.view-style01 > .content,
.content_block_1 > .view-style01 > .content  { padding:20px 20px; min-height:300px; line-height:180%; font-size:15px; font-family:'맑은 고딕'; letter-spacing:-0.2pt;}
.view-style01 > .content1  {line-height:180%; font-size:15px; font-family:'맑은 고딕'; letter-spacing:-0.2pt;}
.view-style01 > .content1 h4 {font-size:16px; font-weight:bold; margin-bottom:2px;}
.view-style01 > .content2 img {max-width: 1024px; width: 100%;} /* 선거공약집 */
.view-style01 > .content .attachList{ margin-bottom:40px;}
.view-style01 > .content .podtitle{ font-size:20px;font-weight:bold;border-bottom: 2px dotted #eee;padding:10px;margin-bottom:10px;letter-spacing:-1px;}
.view-style01 > .content .cont-style01 {margin-bottom:24px;}
.view-style01 > .content .cont-style01 li {border-bottom:2px dotted #eee; padding-top:14px;}
.view-style01 > .content .cont-style01 li:first-child {padding-top:0;}
.view-style01 > .content .cont-style01 li .area1 {padding:2px 10px 13px 20px;}

.view-style01 > .content > table {  border-collapse: collapse;  }
.view-style01 > .content > table > tbody > tr > td {    border: 1px solid #bcbcbc; padding:3px; }

.view-style01 > .content_market { padding:35px 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 .market_view table { border:solid 1px #000;}
.view-style01 .market_view table td { border:solid 1px #000;}
.view-style01 .market_view table.title { border:solid 3px #cccccc; width:100%; background-color:#ffffff;  }
.view-style01 .market_view table.title th { letter-spacing:-0.2pt;border-bottom:dotted 1px #888; vertical-align:top; width:90px; padding:12px 12px 12px 15px; color:#000000;font-size:15px;font-weight:bold;}
.view-style01 .market_view table.title td { border:solid 0px #000;}
.view-style01 .market_view table.title td { letter-spacing:-0.2pt;border-bottom:dotted 1px #888; vertical-align:top; padding:12px;color:#000000;font-size:15px;font-weight:normal;  }
.view-style01 .market_view table.title td input { border:solid 1px #e6e6e6; height:25px; line-height:25px; text-indent:10px; }
.view-style01 > .content_market div.pol_desc {padding:0px;border:1px solid #eeeeee;margin:60px 0px;letter-spacing:-0.7px}
.view-style01 > .content_market div.pol_desc .pol_title {text-align:center;background-color:#000;color:#eeeeee;height:50px;font-size:16px;line-height:50px;font-weight:bold;}
.view-style01 > .content_market div.pol_desc .pol_text {text-align:left;background-color:#eee;color:#000;padding:20px 10px;}



.view-style01 > .btn { text-align:center; margin-top:22px; padding-bottom:40px; }
.view-style01 > .btn a { margin:0 5px; }
/* .view-style01 > .btn_sns { text-align:center; margin-top:22px; padding-bottom:40px; } */
.view-style01 .btn_sns { text-align:center; margin-top:15px; padding-bottom:5px; }
.view-style01 .btn_sns .btn_area1 {position:absolute; z-index:1; width:100px; margin:24px 0 0; background-color:#03F}
.view-style01 .btn_sns ul { display:table; margin-left:auto;}
.view-style01 .btn_sns li span {background-color:#eeeeee;padding:8px;border:1px solid #888888;color:#000000;font-size:12px;}
.view-style01 .file { position:relative; }
.view-style01 .file .list { position:absolute; top:40px; right:-63px; padding-top:0; display:none; z-index:100;}
.view-style01 .file .list > ul { display:block; border:solid 1px #e6e4df; padding:5px 11px; 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:10px; padding:0px 0px; padding:80px;}
.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:90px; padding:20px 7px; font-size:14px;font-weight:bold; }
.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 .itemlist { padding:10px;border:1px solid #ddd;margin-top:30px;border-radius:4px;background:#f8f8f8;}
.view-style01 .itemlist > div.title {    font-size: 16px;    font-weight: bold;    background: #333;    display: inline-block;    color: #eee;    padding: 5px;    border-radius: 2px;    margin-bottom: 15px;}
.view-style01 .itemlist ul > li { position:relative; height:80px; margin-bottom:10px; border-bottom:solid 0px #efefef; }
.view-style01 .itemlist ul > li:hover {background:#ffed00; }
.view-style01 .itemlist ul > li:last-child { margin-bottom:0px;}
.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:16px; font-weight:bold; display:block; padding-bottom:5px;letter-spacing:-1px; }
.view-style01 .itemlist ul > li .desc p { font-size:13px;letter-spacing:-1px; }

.view-style01 .quick { display:block; border-bottom:solid 1px #cccac4; padding:10px 0 25px 0; }
.view-style01 .quick_type1 {padding-bottom:10px; border-bottom:solid 0px #cccac4;}
.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:4px; margin-bottom:3px; } */
.view-style01 .quick dl > dd ul > li a { font-size:15px; display:inline-block; zoom:1; *display:inline; background:#eeeeee; color:#333; border:solid 1px #cccccc; padding:6px 20px; border-radius:4px; margin-bottom:3px; }
.view-style01 .quick dl > dd ul > li a.cur { background:#ffed00; border:solid 0px #ffed00; color:#000; font-weight:bold;}
.view-style01 .quick dl > dd ul > li a:hover { background:#99cc00;}

.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; line-height:100%; background: #ffed00;  padding: 8px 15px 11px; border-radius:4px;}
.view-style01 .recommend span label {}
/* 20240201
.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; }

/* 선거공약집 전용 CSS */
.view-style01 .ym_class_sel select {width:200px; height:34px; font-size:15px; font-weight:bold; margin-bottom:5px; border:1px solid #cccccc;}
.view-style01 .ym_class_sel select option {font-size:13px;}
.view-style01 .ym_class ul li {display:inline-block; margin:5px 5px 0 0; padding:7px 8px 8px; color:#555555; background-color:#ffffff; border:1px solid #d8d8dd; font-size:13px; line-height:100%; border-radius:4px;}
.view-style01 .ym_class ul li.cur {color:#ffffff; background-color:#353c4f; border:1px solid #353c4f; font-weight:bold;}
.view-style01 .ym_class ul a:last-child {margin-right:0px;}
.view-style01 .ym_class .ym_hidden {display:none;}




.graph {clear:both; text-align:center; border-bottom:dashed 1px #eeeeee;}
.graph .graph_area1 {width:630px; height:350px; padding-left:155px; margin:0 auto; zoom:1;}
.graph .graph_area2 {position:absolute; z-index:1; overflow:hidden; clear:both; width:340px; left:50%; transform:translate(-50%, 0);}
.graph .graph_area2 h1 {width:100%; text-align:center; margin-bottom:2px; font-weight:bold; color:#4c4c4c; font-size:18px;}
.graph .graph_area2 h2 {width:100%; text-align:center; color:#222222; font-size:13px; font-weight:lighter;}
.graph .graph_area2a {height:7px;}


.camcomment-container {clear:both; padding:20px 80px;}
.camcomment-container li.camcomment {padding:4px;border:1px dotted #cccccc; background:#eeeeee;margin:5px;}

.comment-container { clear:both; padding-top:30px; border-top:dashed 1px #eeeeee; margin-top:20px; }
.comment-container .info_area1 li {font-size:14px; line-height:150%; margin-bottom:4px;}
.comment-container .info_area1 li:last-child {margin-bottom:0;}
.comment-container .comment_frm .textarea { height:108px; border:solid 1px #e6e6e6; padding:8px; }
.comment-container .comment_frm .name { margin-top:3px; }
.comment-container .comment_frm .name li { float:left;  margin-right:10px;}
.comment-container .comment_frm .name input { background:#fff; border:solid 1px #e6e6e6; }
.comment-container .comment_frm .input { box-sizing:border-box; width:100%; height:36px; padding:0 8px; border:solid 1px #e6e6e6;}
.comment-container .comment_frm textarea { width:100%; height:108px; -webkit-appearance:none;}
.comment-container .area_desc1 {clear:both;}
.comment-container .area_desc1 > div {float:left; padding:5px 7px; margin:0 7px 5px 0; font-size:12px; color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.comment-container .area_desc1 > span {padding:2px 5px; margin:0 5px 0 0; font-size:12px; color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.comment-container .area_desc1 label {color:#ffffff;}
.comment-container .area_desc1 > div:last-child,
.comment-container .area_desc1 > span:last-child {margin-right:0;}
.comment-container .area_desc1 .cr1 {background-color:#3366cc;}
.comment-container .area_desc1 .cr2 {background-color:#dc3912;}
.comment-container .area_desc1 .cr3 {background-color:#ff9900;}
.comment-container .area_desc1 .cr4 {background-color:#109618;}
.comment-container .area_desc1 .cr5 {background-color:#990099;}
.comment-container .area_desc1 .cr6 {background-color:#0099c6;}
.comment-container .area_desc1 .cr7 {background-color:#dd4477;}
.comment-container .comment_frm .area_desc2 { margin-bottom:5px;}
.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.btn input { cursor:pointer;background:#2a87e3; color:#fff; font-weight:bold; border:solid 0px; padding:13px 15px; font-size:16px; margin-top:3px; border-radius:4px; }
.board_comment_info { padding:8px; background:#efefef; height:33px; margin-top:15px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.board_comment_info .board_comment_cnt {float:left; width:100%; font-weight:bold; color:#4c4c4c; font-size:16px; padding-top:3px; }


.board_comment_info button { font-family:'Malgun Gothic', '맑은 고딕';cursor:pointer;}
.board_comment_info .board_comment_cnt button.board_comment_ord1 {padding:5px;border:1px solid #cccccc;}
.board_comment_info .board_comment_cnt button.board_comment_ord2 {padding:5px;border:1px solid #cccccc;}
.board_comment_info .board_comment_cnt button.board_comment_ord3 {padding:5px;border:1px solid #cccccc;}
.board_comment_info .board_comment_cnt button.board_comment_ord5 {padding:5px; background-color:#ffffff; border:1px solid #cccccc;}

.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:30px 0 30px 0;}
.board_commentlist_area > ul > li:last-child { border-bottom:dashed 0px #eeeeee;}
/* 토론용 댓글 */
.board_commentlist_area4 > ul > li { border-bottom:dashed 1px #eeeeee; padding:20px;margin:20px 10px;border:1px solid #dddddd;border-radius:5px;}
.board_commentlist_area4 > ul > li:last-child { border-bottom:dashed 0px #eeeeee;}
.board_comment_seq { clear:both; text-align:right; }
.board_comment_text1 { text-align:center; padding:10px 0 35px; font-size:14px; font-weight:bold; color:#eb5a2e;}


.comment-container table td { vertical-align:top; }
.comment-container table td.img { width:60px; }
.comment-container table td.desc .cmt_head { height:45px; }
.comment-container table td.desc .cmt_head .author { float:left; }
.comment-container table td.desc .cmt_head .author .name { font-size:20px;font-weight:bold; }
.comment-container table td.desc .cmt_head .author .date { font-size:12px;font-weight:normal; color:#888888;margin-top:5px;}
/* .comment-container table td.desc .cmt_head .btn { float:right; font-size:14px; border:1px solid #eee; border-radius:4px;padding:5px;background:#eee;} */
.comment-container table td.desc .cmt_head .btn2 { margin-left:15px;float:right; color:#ffffff; border:0px solid #ddd; border-radius:4px;padding:25px 25px;background:#ffed00;font-weight:bold;cursor:pointer;text-align:center;}
.comment-container table td.desc .cmt_head .btn2 a i { font-size:30px;}
.comment-container table td.desc .cmt_head .btn2 a span { font-size:12px;}
.comment-container table td.desc .comment_editor_area { display:block;max-width:800px;font-size:14px;line-height:26px; letter-spacing:-0.3px; margin-top:10px; }
.comment-container table td.desc .comment_editor_area .text1 {padding-bottom:4px; font-weight:bold;}
.comment-container table td.desc .comment_editor_area .text2 {padding-bottom:4px; font-weight:bold;}
.comment-container table td.desc .btn { margin:15px 0;float:left; font-size:11px; border:1px solid #ddd; border-radius:4px;padding:3px 6px;background:#eee;}
.comment-container table td.desc .btn a { font-size:11px !important;}



.write-style01 { border-top:solid 2px #cccac4; }
.write-style01 .input_area1 { margin-top:7px; }
.write-style01 div.discuss_button { width:100%; padding:1px; border : 3px solid #bbbbbb;}

.write-style01 table { width:100%; }
.write-style01 table tr > th { font-size:16px;vertical-align:middle; border:0;border-bottom:solid 1px #cccac4 !important; padding:6px 15px; height:32px; line-height:19px; width:80px; text-align:left; font-weight:bold; background:#f7f6f0; letter-spacing:-1.4px;}
.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.file22 { padding-top:20px;}
.write-style01 table tr > td input[type="text"] {margin-bottom:1px; border:solid 2px #e6e4df; background-color:#e6e4df;height:40px; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style01 table tr > td input[type="text"]:last-child {margin-bottom:0px;}
.write-style01 table tr > td input[type="password"] {border:solid 2px #e6e4df; background-color:#e6e4df;height:40px; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style01 table tr > td input.basic {border:solid 2px #e6e4df; background-color:#e6e4df;height:40px; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style01 table tr > td input_rel {border:solid 2px #e6e4df; height:25px !important; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style01 table tr > td input.file1 {font-family:'맑은 고딕'; height:40px; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style01 table tr > td .select_type2 {height:46px; vertical-align:middle;}


.write-style01 table.formadmin { margin:20px; }
.write-style01 table.formadmin tr > th { font-size : 13px; font-weight:bold; background:#efce2b;}
.write-style01 table.formadmin tr > td { font-size : 13px; font-weight:normal; background:#f7f7dc;}


.write-style01 table tr > td .fileContainer {
    overflow: hidden;
    position: relative;
}

.write-style01 table tr > td .fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/* Example stylistic flourishes */

.write-style01 table tr > td .fileContainer {
    background-color: #eeeeee;
	border:1px solid #cccccc;
	border-radius: 0px;
    float: left;
    padding: 1em;
	font-family:'맑은 고딕';
	cursor:pointer;
}

.write-style01 table tr > td .fileContainer [type=file] {
    cursor: pointer;
}

.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-family:Nanum Gothic }
.write-style01 table tr > td textarea.qnatext { width:100%; height:300px; line-height:19px; border:solid 1px #e6e4df; border-radius:5px;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;}

.write-style01 label {margin-right:10px;}
.write-style01 label:last-child {margin-right:0;}




/* 새로운 글쓰기 폼 */

.write-style02 { }
.write-style02 .write_title {font-size:22px;font-weight:bold;letter-spacing:-2px;padding:20px 0;}
.write-style02 div.discuss_button { width:100%; padding:1px; border : 3px solid #bbbbbb;}

.write-style02 div.file22 { margin-top:0px;margin-bottom:15px;}

.write-style02 div.newfiler { margin-top:10px;margin-bottom:55px;/* padding:10px;*/ /* background:#f8f8f8;*/ /*border:1px solid #ddd;*/}
.write-style02 div.newfiler .input-title { font-size:16px;letter-spacing:-1px;font-weight:bold;display:block; }

.write-style02 .input-container {  display: flex;  width: 100%;  margin-bottom: 15px;margin-top:15px;}

.write-style02 .input-container .icon {  padding: 20px;  background: #555;  color: white;  width: 70px;  text-align: center;font-size:34px; box-sizing: border-box;}
.write-style02 .input-container .icon2 { font-size:30px !important;}
.write-style02 .input-container .label_icon {  padding: 20px 5px;  background: dodgerblue;  color: white;  min-width: 60px;  text-align: center;font-size:13px;vertical-align:middle;letter-spacing:-1px;}
.write-style02 .input-container .input-field {  width: 100%;  padding: 15px;  outline: none;box-sizing: border-box;border:1px solid #ddd;border-left:0px;}
.write-style02 .input-container .input-field:focus {  border: 1px solid dodgerblue;}
.write-style02 .input-container .input-field1 {  width:80px;  padding: 5px;  outline: none;box-sizing: border-box;border:1px solid #ddd;}
.write-style02 .input-container > .radio { font-size:16px;letter-spacing:-2px;padding:0px 10px;margin:auto 0;font-weight:normal;}
.write-style02 .input-container > .radio > span { font-weight:bold;}

.write-style02 .input-container2 {  display: block;  width: 100%;  margin-bottom: 15px;margin-top:0px;}
.write-style02 .input-container2 .input-title { font-size:16px;letter-spacing:-1px;font-weight:bold;display:block; }

.write-style02 .conf_title { font-size:26px;letter-spacing:-1.5px;margin:auto 0;font-weight:bold;padding-top:30px;}

.write-style02 div.input_desc { display:block;font-size:12px;letter-spacing:-0.7px;color:#3abd24;padding:3px 0;width:100%;margin-top:-10px;}
.write-style02 div.input_desc1 { display:block;font-size:12px;letter-spacing:-0.7px;color:#3abd24;padding:3px 0;width:100%;margin:-5px 0 0 14px;}
.write-style02 div.file_desc { display:block;font-size:12px;letter-spacing:-0.5px;color:#3abd24;padding:3px 0;width:100%;font-weight:bold;}


.write-style02 .attach_box {background:#eee;border:1px solid #ccc;border-bottom:15px;padding:20px;}
.write-style02 .attach_box > .attach_title { font-size:16px;letter-spacing:-1px;font-weight:bold;}
.write-style02 .radio-container {  font-size:16px; margin-bottom: 0px;letter-spacing:-1px;padding:15px;padding-left:5px;padding-top:0px;}
.write-style02 .radio-container span { font-weight:bold;}

.write-style02 .movie_info { margin-top:-13px;margin-bottom:50px;}

.write-style02 .album .album-container { padding:15px 15px;background:#f8f8f8;margin-bottom:30px;border:1px solid #ccc;}
.write-style02 .album > .title { font-size:18px;letter-spacing:-1px;font-weight:bold;padding:0px 0;}
.write-style02 .album .album-container > .album-button { font-size:15px;letter-spacing:-1px;font-weight:bold;padding:10px 0;text-align:center; cursor:pointer;}
.write-style02 .album .album-container > .caution { font-size:12px;letter-spacing:-0.5px;font-weight:normal;padding:10px 0;text-align:center;color:#ff0066;}
/* .write-style02 .album .album-container > .album-button > i { vertical-align:middle:font-size:22px;color:#cc0066;} */
.write-style02 .album .album-container input.input_rel { font-size:12px;padding:5px;width:60%;background:#eee;max-width:300px;border:1px solid #aaa;}
.write-style02 .album .album-container input[type=button].album-item-button { padding:5px;font-size:12px;letter-spacing:-1px;cursor:pointer;}
.write-style02 .album .album-container .album-item { margin:5px 0;font-size:12px;letter-spacing:-1px;text-align:center;}

.write-style02 .textarea-container { margin-top:15px;}
.write-style02 .textarea-container > span { font-size:18px;letter-spacing:-1px;font-weight:bold;}
.write-style02 .textarea-container .policy { width:100%;height:300px;border:1px solid #eee;margin-top:3px;}
.write-style02 .textarea-container .policy::placeholder { font-style:italic;}

.write-style02 .extended_info { margin:15px;font-size:24px;padding:15px;text-align:center;font-weight:bold;letter-spacing:-2px;border-bottom:0px solid #ffed00;}

.write-style02 .map-container { margin-top:125px;padding:20px 0;}
.write-style02 .map-container > span { font-size:18px;letter-spacing:-1px;font-weight:bold;display:block;padding-bottom:5px;}

.write-style02 input.basic {font-size:18px;width:100%;padding:15px 0;letter-spacing:-1px;}
.write-style02 input::placeholder { color: #ccc;font-style:italic; letter-spacing:-1px;}

.write-style02 > .input-container-33 {margin-bottom:45px; }
.write-style02 > .input-container-33 > span {font-size:18px;font-weight:bold;letter-spacing:-1px;display:block;padding-bottom:3px}
.write-style02 > .input-container-33 > input.basic33 {width:32.7% !important;}

.write-style02 select.category {width:100%;padding:25px;font-size:18px;letter-spacing:-1px;margin-bottom: 0px;background:#fffccc;color:#666;font-weight:bold;border:0px;}

/* 20240201
.write-style02 select.category {width:100%;padding:25px;font-size:18px;letter-spacing:-1px;margin-bottom: 0px;background:#e0e42d;color:#666;font-weight:bold;border:0px;}

.write-style02 select.category option {background:#ddd;color:#000;font-weight:normal;}
/* .write-style02 select.category:focus {  border: 2px solid dodgerblue;} */

/*
.write-style02 input[type="text"] {border:solid 2px #e6e4df; background-color:#e6e4df;height:40px; width:100%; text-indent:10px; vertical-align:middle; border-radius:0px;}
.write-style02 input[type="password"] {border:solid 2px #e6e4df; background-color:#e6e4df;height:40px; width:100%; text-indent:10px; vertical-align:middle; border-radius:0px;}
*/

.write-style02 input_rel {border:solid 2px #e6e4df; height:25px !important; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}
.write-style02 input.file1 {font-family:'맑은 고딕'; height:40px; width:100%; text-indent:10px; font-size:14px; vertical-align:middle; border-radius:0px;}

.write-style02 textarea {margin-top:15px;margin-bottom:15px;}

.write-style02 label {margin-right:10px;}
.write-style02 label:last-child {margin-right:0;}

/* 지도정보 */
.write-style02 .map_container { margin-bottom:50px;}
.write-style02 .map_container > .title { font-size:18px;letter-spacing:-1px;font-weight:bold;display:block; }
.write-style02 .map_container div.map_button {  padding:15px;background:#ff9900;border:0px;margin-bottom:15px;margin-top:0px;text-align:center;letter-spacing:-1px;}
.write-style02 .map_container div.map_button .button1 { font-size:15px;font-weight:bold;letter-spacing:-1px;text-align:center;color:#000;padding:5px;}
.write-style02 .map_container div.map_button .button2 { font-size:12px;font-weight:normal;letter-spacing:-0.5px;text-align:center;color:#000;}
.write-style02 .map_container div.map_button .button3 { font-size:12px;font-weight:normal;letter-spacing:-0.5px;text-align:center;color:#ffed00;background:#000;padding:5px;margin:2px;display:inline-block;}
.write-style02 .map_container div.map_button .button3 > span { font-size:12px;font-weight:normal;letter-spacing:-0.5px;text-align:center;color:#FFF;}
.write-style02 .map_container div.map_button .button3 > span.map_delete {	background: #fff;    color: #cc0066;    padding: 0 5px;    margin-left: 15px; cursor:pointer;}
.write-style02 .map_container .bAddr { font-size:12px;letter-spacing:-1px;font-weight:normal}
.write-style02 .map_container .bAddr > .title { font-size:14px;letter-spacing:-1px;font-weight:bold;}

/* 지도입력용 모달 창 */
.white_content {    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    background: rgba(0, 0, 0, 0.8);    opacity:0;    -webkit-transition: opacity 400ms ease-in;    -moz-transition: opacity 400ms ease-in;    transition: opacity 400ms ease-in;    pointer-events: none;z-index:50;}
.white_content:target {    opacity:1;    pointer-events: auto;}
.white_content > div.map_modal {	position: absolute;	top: 15%;	left: 25%;	width: 50%;	height: 640px;	padding: 16px;padding-top:0px;	border: 16px solid orange;	background-color: white;	overflow: auto;	}
.white_content > div.map_modal > .map_modal_subject {font-size:28px;font-weight:bold;letter-spacing:-2px;text-align:center;padding:20px;padding-top:5px;}
.white_content > div.map_modal > .close {padding:10px;background:#000;color:#fff;font-size:14px;top:0px;right:0px;position:absolute;}
.white_content > div.map_modal > #map {width:100%;height:200px;}
.white_content > div.map_modal .map_input_title {font-size:20px;font-weight:bold;letter-spacing:-2px;}
.white_content > div.map_modal .map_input_title i {color:#3399ff;}
.white_content > div.map_modal > .map_search {margin-bottom:5px;}
.white_content > div.map_modal > .map_search > input.map_addr {width:80%;height:50px;font-size:18px;letter-spacing:-2px;vertical-align:middle;}
.white_content > div.map_modal > .map_search > div.map_remark {width:17%;float:right;height:56px;line-height:56px;text-align:center;display:inline-block;font-size:18px;letter-spacing:-2px;border:0px solid #000;background:#ff0066;color:#fff;vertical-align:middle;cursor:pointer}
.white_content > div.map_modal > .sel_addr {font-size:13px;letter-spacing:-1px;font-weight:bold;margin-top:3px;}
.white_content > div.map_modal > .sel_addr > input {font-size:13px;letter-spacing:-1px; border:0px;font-weight:normal;width:300px;}
.white_content > div.map_modal > .map_date {margin-top:40px;font-size:13px;}
.white_content > div.map_modal > .map_date select {font-size:16px;letter-spacing:-2px;width:80px;padding:6px;vertical-align:middle;margin-bottom:6px;background:#fff;border:3px solid #666;}
.white_content > div.map_modal > .map_date input.thisMinute {width:80px;height:31px;font-size:16px;letter-spacing:-2px;vertical-align:middle;margin-bottom:6px;border:2px solid #666;}
.white_content > div.map_modal > .map_end {margin-top:35px;font-size:22px;font-weight:bold;letter-spacing:-2px;padding:12px;background:#000;display:block;color:#fff;text-align:center;}

/* 지도 api용 css */
.map_wrap, .map_wrap * {margin:0;padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
.map_wrap a, .map_wrap a:hover, .map_wrap a:active{color:#000;text-decoration: none;}
.map_wrap {position:relative;width:100%;height:250px;}
.map_wrap #map {position:relative;width:100%;height:250px;}
#menu_wrap {position:absolute;top:0;left:0;bottom:0;width:250px;margin:10px 0 30px 10px;padding:5px;overflow-y:auto;background:rgba(255, 255, 255, 0.7);z-index: 1;font-size:12px;border-radius: 10px;}
.bg_white {background:#fff;}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#menu_wrap .option{text-align: center;}
#menu_wrap .option p {margin:10px 0;}  
#menu_wrap .option button {margin-left:5px;}
#placesList {height:350px;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;}
#placesList .item span {display: block;margin-top:4px;}
#placesList .item h5, #placesList .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#placesList .item .info{padding:10px 0 10px 55px;}
#placesList .info .gray {color:#8a8a8a;}
#placesList .info .jibun {padding-left:26px;background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
#placesList .info .tel {color:#009900;}
#placesList .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;}
#placesList .item .marker_1 {background-position: 0 -10px;}
#placesList .item .marker_2 {background-position: 0 -56px;}
#placesList .item .marker_3 {background-position: 0 -102px}
#placesList .item .marker_4 {background-position: 0 -148px;}
#placesList .item .marker_5 {background-position: 0 -194px;}
#placesList .item .marker_6 {background-position: 0 -240px;}
#placesList .item .marker_7 {background-position: 0 -286px;}
#placesList .item .marker_8 {background-position: 0 -332px;}
#placesList .item .marker_9 {background-position: 0 -378px;}
#placesList .item .marker_10 {background-position: 0 -423px;}
#placesList .item .marker_11 {background-position: 0 -470px;}
#placesList .item .marker_12 {background-position: 0 -516px;}
#placesList .item .marker_13 {background-position: 0 -562px;}
#placesList .item .marker_14 {background-position: 0 -608px;}
#placesList .item .marker_15 {background-position: 0 -654px;}
#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;}
#pagination .on {font-weight: bold; cursor: default;color:#777;}


/* 퀴즈 */
.question_list1 {}
.question_list1 .area1 {display:inline-block; font-weight:bold; border-bottom:1px solid #dddddd;}
.question_list1 .area2a {float:left; margin-right:7px;}
.question_list1 .area2b {overflow:hidden;}

.question_list2 {font-size:16px;}
.question_list2 textarea {font-size:16px;}
.question_list2 .area1 {float:left; margin-right:7px;}
.question_list2 .area1 span {display:inline-block; min-width:26px; text-align:center; padding:6px 1px 8px; font-size:14px; line-height:100%; color:#ffffff; font-weight:bold; background-color:#897154; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.question_list2 .area2 {overflow:hidden;}
.question_list2 .area2 li.item1 { padding:1px 0 10px; margin-bottom:8px; line-height:150%; color:#3d270c; font-weight:bold; border-bottom:1px solid #eaeaea;}
.question_list2 .area2 li.item2 {line-height:150%;}
.question_list2 .area2 li.item2 .item2a li {overflow:hidden; margin-bottom:4px;}
.question_list2 .area2 li.item2 .item2a li:last-child {padding-bottom:0;}
.question_list2 .area2 li.item3 {padding:2px 0 0;}
.question_list2 .area2 li.item3 textarea {height:200px; border-bottom:1px solid #efefef;}

.question_area1 {box-sizing:border-box; overflow:hidden; padding:10px 15px 16px; margin-bottom:25px; font-size:14px; border:4px double #e5e5e5;}
.question_area1 .area1 {margin-bottom:8px; color:#2a2a2a; font-size:20px; font-weight:bold; line-height:150%; letter-spacing:-1px}
.question_area1 .area2 {overflow:hidden; width:100%;}
.question_area1 .area2 .fl {float:left; line-height:100%;}
.question_area1 .area2 .fr {float:right; line-height:100%;}



/* 도음말 기본 모양 */
.help-tip1 {width:100%; text-align:center; cursor:default;}
.help-tip1 .area1 {text-align:center; margin-bottom:-2px; color:#d8d1aa; font-size:12px; line-height:100%;}
.help-tip1 .area2 {width:320px; text-align:center; margin:0 auto; font-size:12px; background-color:#fffadc; border:solid 1px #d8d1aa; padding:8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}



/* 썸네일 입력폼 */
.write-style02 .fileContainer { font-size:18px; overflow: hidden;    position: relative;background-color: #f8f8f8;border:1px solid #cccccc;	border-radius: 0px;    float: left;    padding:15px 0;font-family:'맑은 고딕';	cursor:pointer;width:100%;cursor:pointer;margin-bottom:15px;margin-top:0px;}
/* .write-style02 .fileContainer [type=file] {    cursor: inherit;display: block; font-size: 999px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0;text-align: right;  top: 0;cursor:pointer;} */
.write-style02 .fileContainer input[type=file] {    cursor: pointer;display: block; font-size:18px;letter-spacing:-1px;display:none;}
.write-style02 .fileContainer .title { text-align:center;cursor:pointer;font-size:15px;font-weight:bold;padding:2px;letter-spacing:-1px;}
.write-style02 .fileContainer .subtitle { text-align:center;font-size:12px;letter-spacing:-0.5px;cursor:pointer;padding:5px;cursor:pointer;}
.write-style02 .fileContainer .thumb_info {width:100%;text-align:center;}
.write-style02 .fileContainer .thumb_info .file_info { font-size:12px;font-weight:normal;letter-spacing:-0.5px;text-align:center;color:#ffed00;background:#000;padding:5px;margin:2px;display:inline;}
.write-style02 .fileContainer .thumb_info .file_info > span { font-size:12px;font-weight:normal;letter-spacing:-0.5px;text-align:center;color:#FFF;}


/* 어드민 */
.write-style02 .admin_option {background:#ffed00;margin-bottom:15px;padding:15px;display:block;margin-top:150px;}
.write-style02 .admin_option span.title { font-weight:bold;}
.write-style02 .admin_option > input {width:unset;}
/* .write-style02 .admin_option > select {width:unset;font-size:12px;padding:5px;color:#000;background:#fff;margin-bottom:0px;letter-spacing:-1px;} */
/* .write-style02 .admin_option > select:focus {  border:2px;} */

.write-style02 > .btn { text-align:center; margin-top:120px; padding-bottom:240px; }
.write-style02 > .btn a { margin:0 5px; }
.write-style02 .tip { padding:3px 0 0 0;}

.write-style02 .admin_area { margin-top:130px;}
.write-style02 .admin_area > div.title { padding:10px 0;font-size:18px;font-weight:bold;letter-spacing:-1px;padding-bottom:0px;}
.write-style02 .admin_area > table.formadmin { margin-bottom:20px 0; }
.write-style02 .admin_area > table.formadmin tr > th { font-size:13px; font-weight:bold; background:#efce2b;padding:10px;border:1px solid #aaa;}
.write-style02 .admin_area > table.formadmin tr > td { font-size:13px; font-weight:normal; background:#f7f7dc;padding:10px;border:1px solid #aaa;}
.write-style02 .admin_area > table.formadmin tr > td > ul > li { float:left;}


/* 타겟 에어리어 */
.target_area1 {width:100%;}
.target_area1 > div:last-child {margin-right:0px;}
.target { padding-top:25px;width:100%;bottom:0px;padding-bottom:10px;}
/* .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:30px; background:#f1f1f1; font-size:0px; border:solid 0px; margin-top:5px; }
.target .prog span { display:block; height:100%; background:#ffed00; font-size:11px; line-height:20px; }
.target .prog span.type1 { background:#4695ff; }
.target .status {text-align:center !important; padding-top:2px; margin :-25px;}
.target_type {float:left; width:48%; margin-right:20px;}


/* banner 설정 */
.banner_area1 {max-width:870px; padding:20px 0 20px; margin:0 auto;}

.banner_area2 {max-width:1080px; margin:0 auto;}
.banner_area2 .area1 {position:relative;}
.banner_area2 .touchslider-demo {overflow:hidden; clear:both; width:100%; aspect-ratio:100 / 66.7; margin:0 auto;}
.banner_area2 .touchslider-demo .touchslider-btn {position:absolute; z-index:11; width:42px; height:42px; top:50%; background-image:url('../images/main/btn_left1.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; background-color:#222222; transform:translateY(-50%); -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; cursor:pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.banner_area2 .touchslider-demo .touchslider-btn.prev {left:20px; background-image:url('../images/main/btn_left1.png'); display:none;}
.banner_area2 .touchslider-demo .touchslider-btn.next {right:20px; background-image:url('../images/main/btn_right1.png'); display:none;}
.banner_area2 .touchslider-demo .touchslider-nav a {cursor:pointer;}
.banner_area2 .touchslider-nav {position:absolute; z-index:10; bottom:17px; left:50%; transform:translateX(-50%);}
.banner_area2 .touchslider-demo .touchslider-nav-item {display:inline-block; width:14px; height:14px; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; background-color:rgba(0, 0, 0, 0.3);}
.banner_area2 .touchslider-demo .touchslider-nav-item-current {background-color:#ffffff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.banner_area2 .touchslider-demo .touchslider-item {width:100%; aspect-ratio:100 / 66.7;}
.banner_area2 .touchslider-demo .touchslider-item img,
.banner_area2 .touchslider-demo .touchslider-area,
.banner_area2 .touchslider-demo .touchslider-area .touchslider-box img {max-width:100%; width:100%; aspect-ratio:100 / 66.7;}
.banner_area2 .touchslider-demo .touchslider-nav-item {margin:0 5px;}
.banner_area2 .touchslider-demo .touchslider-viewport {width:100% !important; aspect-ratio:100 / 66.7; !important;}
.banner_area2 .touchslider-demo .touchslider-area {overflow:hidden; position:relative;}
.banner_area2 .touchslider-demo .touchslider-area .touchslider-box {width:10000px;}


/* youtube 설정 */
.youtube_script1 {display:none;}


.sns2 {display:block; width:100%; max-width:150px; height:52px; padding-top:5px; text-align:center; }
.sns2 > li { float:left; width:48%; text-align:center;  height:53px; line-height:53px; background:#eeeeee; border-right:solid 1px #e6e4df; border-radius : 5px;}
.sns2 > li:last-child { float:right; }
.sns2 > li a.btn-recomm { font-size:26px; font-weight:bold; padding:10px 0 0 0px; color:#000; white-space:nowrap; }
.sns2 > li a.btn-share { font-size:26px; font-weight:bold;  padding:10px 0 0 0px; color:#000; white-space:nowrap; }
.sns2 > li a.btn-cart { font-size:26px; font-weight:bold;  padding:10px 0 0 0px; color:#000; white-space:nowrap; }
.sns2 > li a:hover {color: #ffed00; }

/*
.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:#eeeeee; border-right:solid 1px #e6e4df; border-radius : 3px; }
.sns2 > li:last-child { float:right; }
.sns2 > li a.btn-recomm { font-size:14px; font-weight:bold; background:url(../images/board/icon_recomm.png) #eeeeee no-repeat 0px center;  padding:0 0 0 16px; color:#000; white-space:nowrap; }
.sns2 > li a.btn-share { font-size:14px; font-weight:bold; background:url(../images/board/icon_share.png) #eeeeee no-repeat 0px center; padding:0 0 0 16px; color:#000; 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:16px; 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; width:13%;}
.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;}


.cal-style1 {max-width:400px; width:100%; margin:0 auto;}
.cal-style1 .select {padding-bottom:20px; }
.cal-style1 .select .btn_area { display:inline-block; vertical-align:middle; width:32px; line-height:32px; background-repeat:no-repeat; background-position:center center; border:solid 1px #cbcbcb; cursor:pointer;}
.cal-style1 .select .btn_area.btn_prev { background-image:url(../images/board/btn_prev1.png);}
.cal-style1 .select .btn_area.btn_next { background-image:url(../images/board/btn_next1.png);}
.cal-style1 .select .today {display:inline-block; vertical-align:middle; width:100px; font-weight:bold; font-size:24px; line-height:34px;}
.cal-style1 .select .year {display:inline-block; vertical-align:middle; padding:0 10px; font-weight:bold; font-size:16px; line-height:34px;}
.cal-style1 .select select {vertical-align:middle; width:70px; height:34px; border:solid 1px #cbcbcb; font-weight:bold; font-size:14px; margin-left:10px;}
.cal-style1 table { width:100%;}
.cal-style1 table thead th { text-align:center; font-size:14px; font-weight:bold; border:solid 1px #ececec; padding:16px 5px; width:13%;}
.cal-style1 table thead th.sun { color:#ff0024; }
.cal-style1 table thead th.sat { color:#008aff; }
.cal-style1 table tbody td {padding:9px 5px 11px; text-align:center; border:solid 1px #ececec;cursor:pointer; cursor:pointer; }
.cal-style1 table tbody td:hover { background:#f4f4f6; }
.cal-style1 table tbody td.cur,
.cal-style1 table tbody td.cur:hover { background:#ffffd9; }
.cal-style1 table tbody td > span { display:inline-block; text-align:center; width:32px; font-size:14px; line-height:32px; font-weight:bold; color:#999999; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.cal-style1 table tbody td > span.point {background-image:url(../images/commons/dot_point1.png); background-repeat:no-repeat; background-position:center bottom;}
.cal-style1 table tbody td > span.on { font-weight:bold; color:#333333; background-color:#ffed00;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.cal-style1 table tbody td > ul > li { display:block; padding-bottom:3px; font-weight:bold; }
.cal-style1 table tbody td > ul > li > span { background:#99968a; color:#fff; }
.cal-style1 table .detail, .cal-style1 table .detail .ani-wrap { display: none; }
.cal-style1 table .detail .ani-wrap { position:relative; }
.cal-style1 table .detail td { height:auto; background:#f7f6f0; padding:0px; cursor:default; border-bottom:solid 2px #cccac4; }
.cal-style1 table .detail td:hover,.cal-style1 table tbody td.cur { background:; }
.cal-style1 table .detail h4 { font-size:16px; font-weight:bold; border-bottom:solid 1px #ececec; border-top:solid 1px #ececec; padding:15px 10px; text-align:center; }
.cal-style1 table .detail ul > li { display:block; border-bottom:solid 1px #e5e4df; padding:15px 10px; }
.cal-style1 table .detail ol { display:table; width:100%; }
.cal-style1 table .detail ol > li { display:table-cell; font-weight:bold; }
.cal-style1 table .detail ol > li.time { width:60px; font-weight:800; text-align:center; }
.cal-style1 table .detail ol > li.title {  }
.cal-style1 table .detail ol > li.writer { text-align:right; }
.cal-style1 table .detail .btn { position:absolute; bottom:-26px; left:50%; margin-left:-12px }

.cal-style1 .cal-table { border:solid 1px #e5e5e5; }

.cal-style1-list { margin-top:30px; border-top:solid 1px #dddddd;}
.cal-style1-list h3 { font-size:16px; font-weight:bold; border-bottom:solid 1px #dddddd; border-top:solid 1px #dddddd; padding:12px 10px; text-align:center;  }
.cal-style1-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-style1-list > dl > dd {  border-bottom:solid 1px #dddddd; padding-bottom:25px; }
.cal-style1-list > dl > dd ol > li { padding:7px 0 0 2px; font-size:13px; }
.cal-style1-list > dl > dd ol > li label { font-weight:normal; padding-right:10px; font-size:14px;}
.cal-style1-list > dl > dd ol > li span a { display:inline-block; text-align:center; padding:0 10px; margin-left:12px; line-height:24px; color:#333333; background-color:#ffed00; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}


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


@media all and (max-width: 1140px) {
	.list-style03-2 > ul > li { width:33%;}
	
	/* 오른쪽 공통컨텐츠 */
	.list-style100 .content_block_1 {width:100%;}
	#contents .content_block_1 {width:100%;}
	.content_block_2 {display:none;}
	
	/* 월간 정의인 수정판 background 활용 */
	.list-style03-4 {}
	
	/* 영상 */
	.list-style07 {}
}

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

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

	.list-style03-3 > ul > li { width:49.5%;}
	.list-style03-3 > ul > li:nth-child(2) {margin-right:0;}
	.list-style03-3 > ul > li:nth-child(6) {margin-right:0;}
}



@media all and (max-width: 850px) {
	.list-style03 > ul > li { width:33.1%; }
	.list-style03 > ul > li > dl > dt img { width:100%;height:auto;}
	
	.graph .graph_area1 {padding-left:0;}
}


@media all and (max-width: 800px) {
	.list-style02 > ul > li { width:100%; margin-top:0%;  }
	.list-style06 > ul > li { width:100%; }
	
	.list-style08 .masonry {
		-moz-column-gap: 15px;
		-webkit-column-gap: 15px;
		column-gap: 15px;
		-moz-column-count:2; 
		-webkit-column-count:2;	
		column-count:2;
	}
	.list-style08 .masonry .brick {
		margin-bottom:30px;
	}
	
	/* 선거공약집 전용 CSS */
	.view-style01 .ym_class_sel select {}
	.view-style01 .ym_class ul li {padding:4px 6px 4px; font-size:12px;}
	
	/* banner 설정 */
	.banner_area1 {}
	
	.banner_area2 {}
	.banner_area2 .touchslider-demo .touchslider-btn {width:25px; height:25px;}
	.banner_area2 .touchslider-demo .touchslider-btn.prev {left:10px;}
	.banner_area2 .touchslider-demo .touchslider-btn.next {right:10px;}
	.banner_area2 .touchslider-nav {bottom:7px; left:50%;}
	.banner_area2 .touchslider-demo .touchslider-nav-item {width:10px; height:10px;}
	.banner_area2 .touchslider-demo .touchslider-nav-item {margin:0 3px;}
	}

@media all and (max-width: 740px) {
	.bbslist1 {border-top:1px solid #666666;}
	.bbslist1 > ul > li {overflow:hidden; clear:both; width:100%; padding:3px 0 11px;}
	.bbslist1 > ul > li:first-child {display:none;}
	.bbslist1 > ul > li.notice { background-color:#f7f7f7;}
	.bbslist1 > ul > li > ul > li {box-sizing:border-box; float:left; padding:9px 0 0; font-size:13px;}
	.bbslist1 > ul > li > ul > li .notice,
	.bbslist1 > ul > li > ul > li .num {display:none;}
	.bbslist1 > ul > li > ul > li.btn_area1 {padding-top:4px;}
	.bbslist1 > ul > li > ul > li.btn_area1 span {display:inline-block; box-sizing:border-box; vertical-align:middle; height:25px; padding-top:5px; margin-right:5px;}
	.bbslist1 > ul > li > ul > li.btn_area1 button { margin-top:1px;}
	.bbslist1 > ul > li > ul > .box2 {display:inline; width:auto; height:auto; padding-bottom:0;}
		
	.bbslist1 > ul > li > ul > li.item1 {width:100px; text-align:left; margin:1px 0 0;}
	.bbslist1 > ul > li > ul > li.item1b {width:50px; text-align:left; margin:1px 0 0;}
	.bbslist1 > ul > li > ul > li.item2,
	.bbslist1 > ul > li > ul > li.item2a,
	.bbslist1 > ul > li > ul > li.item2b,
	.bbslist1 > ul > li > ul > li.item2c,
	.bbslist1 > ul > li > ul > li.item2d,
	.bbslist1 > ul > li > ul > li.item2e,
	.bbslist1 > ul > li > ul > li.item2f,
	.bbslist1 > ul > li > ul > li.item2g,
	.bbslist1 > ul > li > ul > li.item2h,
	.bbslist1 > ul > li > ul > li.item2i,
	.bbslist1 > ul > li > ul > li.item2j,
	.bbslist1 > ul > li > ul > li.item2k,
	.bbslist1 > ul > li > ul > li.item2l,
	.bbslist1 > ul > li > ul > li.item2m,
	.bbslist1 > ul > li > ul > li.item2n,
	.bbslist1 > ul > li > ul > li.item2o,
	.bbslist1 > ul > li > ul > li.item2-a,
	.bbslist1 > ul > li > ul > li.item2-b,
	.bbslist1 > ul > li > ul > li.item2-c,
	.bbslist1 > ul > li > ul > li.item2-d,
	.bbslist1 > ul > li > ul > li.item2-e,
	.bbslist1 > ul > li > ul > li.item2-f {width:100%; padding:0; margin:9px 0 1px; font-size:15px;}
	.bbslist1 > ul > li > ul > li.item1a {width:auto; height:24px; margin:-6px 0 8px; color:#666666;}
	
	.bbslist1 > ul > li > ul > li.item-1,
	.bbslist1 > ul > li > ul > li.item-2,
	.bbslist1 > ul > li > ul > li.item-3,
	.bbslist1 > ul > li > ul > li.item-4,
	.bbslist1 > ul > li > ul > li.item-5,
	.bbslist1 > ul > li > ul > li.item-6,
	.bbslist1 > ul > li > ul > li.item-7,
	.bbslist1 > ul > li > ul > li.item-8,
	.bbslist1 > ul > li > ul > li.item-9,
	.bbslist1 > ul > li > ul > li.item-10,
	.bbslist1 > ul > li > ul > li.item3,
	.bbslist1 > ul > li > ul > li.item4,
	.bbslist1 > ul > li > ul > li.item5,
	.bbslist1 > ul > li > ul > li.item6,
	.bbslist1 > ul > li > ul > li.item7,
	.bbslist1 > ul > li > ul > li.item8,
	.bbslist1 > ul > li > ul > li.item9,
	.bbslist1 > ul > li > ul > li.item10,
	.bbslist1 > ul > li > ul > li.item11,
	.bbslist1 > ul > li > ul > li.item12,
	.bbslist1 > ul > li > ul > li.item3f,
	.bbslist1 > ul > li > ul > li.item4f,
	.bbslist1 > ul > li > ul > li.item5f {width:auto; height:24px; padding-right:7px; margin-right:7px; color:#666666; background-image:url('/newhome/asset/images/board/line_bbs1.png'); background-repeat:no-repeat; background-position:right 11px;}
	.bbslist1 > ul > li > ul > li:last-child {padding-right:0; margin-right:0; background-image:none;}
	
	.bbslist1 > ul > li > ul > li.item_box1 {background-image:none;}
	
	.bbslist1 > ul > li > ul > li.item_center,
	.bbslist1 > ul > li > ul > li.item_right {text-align:left;}
	

	.list-style01 table .hit { display:none; }
	.list-style01 table .like { display:none; }
	.list-style01 table .no { display:none; }
	
	.list-style02 > ul > li.li_type1 {padding:12px 0 17px;}

	.list-style03 > ul > li { width:49%;  }
	.list-style03 > ul > li > dl { padding:0 5px 0 0; max-width:none; }
	.list-style03 > ul > li > dl > dt { height:170px !important; }
	
	/* 영상 */
	.list-style07 {}
	.list-style07 .text {padding:10px; font-size:14px;}
	.list-style07 .sub_title {margin:4px 0 1px;}
	
	.list-style100 table .hit { display:none; }
	.list-style100 table .like { display:none; }
	.list-style100 table .no { display:none; }
	
	.view-style01 .sns_share ul { text-align:center; padding-top:30px; }
	
	.target { /* padding-top:45px;*/ width:100%;margin-bottom:15px;}
	
	.target_type {width:100%;}

}

@media all and (max-width: 660px) {
	/* .list-style01 table .writer { display:none; } */

	.list-style01 table .date { display:none; }
	.list-style01 table .writer { width:17%; }
	.list-style01 table tbody td.subject p.subject2 { display:block;}
	
	.list-style01-2 table tbody td.subject span { font-size:13px; }
	.list-style01-2 table tbody td.answer { padding-left:10px; font-size:13px; }

	.list-style100 .content_block_1 table .date { display:none; }	
	.list-style100 .content_block_1 table .writer { width:17%; }
	.list-style100 .content_block_1 table tbody td.subject p.subject2 { display:block;}


	/* .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:100%; }
	.list-style03-2 > ul > li > dl { padding-right:10px;}

	.list-style03-3 > ul > li { width:100%; }
	
	/* 월간 정의인 수정판 background 활용 */
    .list-style03-4 {}
	.list-style03-4 > ul > li {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
	
	/* 영상 */
	.list-style07 {}
	.list-style07 > ul > li {width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
	
	.cal-style .cal-table { display:none; }
	.cal-style .cal-list { display:block;}
	
	.cal-style1 .cal-table {  }
	.cal-style1-list { display:block;}

	.white_content > div.map_modal { top: 15%;	left: 5%;	width: 80%;	height: 70%;	padding: 8px;margin:0px auto;}
	
	.graph .graph_area1 {padding-left:0; zoom:0.8;}
	.graph .graph_area2a {height:16px;}


	/* youtube 설정 */
	.youtube_script1 {display:inline;}
}

@media all and (max-width: 520px) {
	.search-style01 > ul > li.input input{   }
	.search-style01 > ul > li.select select {  }

	
	.list-style01 { border-top:1px solid #666;}
	.list-style01_type1 { border-top:0px solid #666;}
	.list-style01 table thead th { padding:14px 5px; display:none;}
	.list-style01 table tbody td { padding:14px 5px; font-size:14px; }
	.list-style100 table thead th { padding:14px 5px; }
	.list-style100 table tbody td { padding:14px 5px; font-size:14px; }

	
	.board-notify .inner { margin-left:10px; margin-right:10px; margin-top:130px; }
	.board-notify .inner > dl { padding:10px; }
	.board-notify .inner > dl > dd.opt ul li {width:100%; }
	.board-notify .inner > dl > dd.opt ul li.etc input.text { width:100%; margin-top:5px; }

	.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;font-size:18px;  }
	.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 !important; min-height:auto !important; line-height:180%; }
	
	.list-style02 > ul > li.li_type1 {padding:10px 0 17px;}
	.list-style02 > ul > li > dl > dt img.img_thumb {width:120px;height:90px;}
	.list-style02 > ul > li > dl > dd h5 a {font-size:16px;}
	
	.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:100px; height:120px;margin-bottom:20px;}
	.list-style04 .list > li dl { margin-top:10px; }
	.list-style04 .list > li dt { font-size:15px; }
	.list-style04 .list > li dd.desc { font-size:13px; margin-top:5px; }
	.list-style04 .list > li dd.btn a {  text-align:center; }
	
	.list-style08 .masonry {
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
	}
	.list-style08 .masonry .brick {
		margin-bottom:20px;
	}
	
	.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; }
	
	
	.graph .graph_area1 {width:550px; zoom:0.7;}
	.graph .graph_area2a {height:17px;}

}

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

	
	.camcomment-container {clear:both; padding:5px 20px;}

	.comment-container .comment_frm td.thumb { display:none; }
	.comment-container .comment_frm td.desc { width:100%; }
	.comment-container .comment_frm td .name label { display:inline-block; zoom:1; *display:inline; width:60px; }
	.comment-container .comment_frm td.tip { display:none; }
	.comment-container .comment_frm td.btn { width:100%; padding-top:8px; }
	.comment-container .comment_frm td.btn input { width:100%; padding:9px 0; }
	
	/* .write-style01 table tr > th { width:auto; } */
	.write-style01 table tr > th { min-width:45px;font-size:12px;padding:5px;} 

	.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; font-size:12px;line-height:15px; }
	.list-style02 > ul > li > dl > dd h5 a { font-size:14px; }
	.list-style02 .sns { margin:0px 0 0 0px;  }
	.list-style02 .sns > li { max-width:none;}
	*/
	.list-style02 > ul > li > dl > dd div.subtitle {height:unset;}
	.list-style02 > ul > li > dl > dd div.name {font-size:11px;font-weight:normal;}

	.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; font-size:12px;}
	.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;}

	.img150 {width:100% !important;height:auto;}	
	
	
	.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; }
	
	/* 월간 정의인 수정판 background 활용 */
	.list-style03-4 {}
	.list-style03-4 > ul > li {width:100%; margin-right:0; margin-left:0;}
	
	.list-style05 .list dd.desc { font-size:13px; line-height:18px;} */
	.list-style05 .list dd.share { max-width:none; }

	.list-style06 > ul > li { padding:13px 0; }
	.list-style06 > ul > li > dl { display:block; }
	.list-style06 > ul > li > dl > dt, .list-style06 > ul > li > dl > dt img { display:block; width:100%; height:auto !important; }
	.list-style06 > ul > li > dl > dd {display:block;  padding:10px 0px; }
	.list-style06 > ul > li > dl > dd p { height:38px; margin:6px 0 6px 0; font-size:12px; }
	.list-style06 > ul > li > dl > dd h5 a { font-size:13px; }
	.list-style06 .sns { margin:0px 0 0 0px;  }
	.list-style06 .sns > li { max-width:none;}
	
	/* 영상 */
	.list-style07 {}
	.list-style07 > ul > li {width:100%; margin:0;}

	/* 메모 모바일 */
	.list-style-memo table tbody td p.mdate { display:block;font-weight:bold;height:30px;}
	.list-style-memo table thead th.date { display:none;}
	.list-style-memo table tbody td.date { display:none;}
	.list-style-memo table tbody td.writer { display:none;}
	.list-style-memo table thead th.writer { display:none;}
}

@media all and (max-width: 440px) {
	.comment-container table td.desc .comment_editor_area { margin-top:5px;line-height:20px;}
	.comment-container table td.desc .cmt_head .btn { display:block;padding:8px 6px;margin-left:10px;}
	.view-style01 .campaign_write {padding:10px;}
	.list-style01 table thead th.writer { display:none;}
	.list-style01 table tbody td.writer { display:none;}

	/* 인사말 스킨 */
	.list-style02 > ul > li > dl > dd.introduce { padding-left:15px;}
	.list-style02 > ul > li > dl > dt img.img_introduce { width:100px;height:120px;}
	.list-style02 > ul > li > dl > dd h5.introduce_title { margin-bottom:15px;}
	.list-style02 > ul > li > dl > dd h5.introduce_title a { font-size:16px; font-weight:bold; letter-spacing:-1px;}
	.list-style02 > ul > li > dl > dd div.subtitle3 { letter-spacing:-0.5px;font-size:13px;}

	.list-style100 table thead th.writer { display:none;}
	.list-style100 table tbody td.writer { display:none;}

	.list-style100 .content_block_1 table tbody td.hit { display:none;}
	.list-style100 .content_block_1 table tbody td.like {display:none;}

	.list-style02-3 > ul > li > dl > dd div.title a { font-size:16px;}
	.list-style02-3 > ul > li > dl > dt { display:table-cell; vertical-align:top; width:100px; height:80px; overflow:hidden; position:relative;padding-left:10px;}
	.list-style02-3 > ul > li > dl > dt > div.cmtnum1,
	.list-style02-3 > ul > li > dl > dt > div.cmtnum2,
	.list-style02-3 > ul > li > dl > dt > div.cmtnum3,
	.list-style02-3 > ul > li > dl > dt > div.cmtnum4,
	.list-style02-3 > ul > li > dl > dt > div.cmtnum_type1 {width:70px;height:70px;font-size:14px;padding-top:10px;line-height:60px;}
	.list-style03-3 .topdesc { font-size:11px;  }
	.comment-container table td.desc .cmt_head .btn2 { display:none;}

	.list-style04 .list > li .img img.eventthumb { width:85px;height:100px;}

}

@media all and (max-width: 360px) {
	.list-style100 .content_block_1 table tbody td { font-size:14px;}
	.list-style02-2 > ul > li > dl > dd div.title a { font-size:16px; }
	.list-style02-2 > ul > li > dl > dd p.small { display:none !important;}
	.list-style03 .sns > li a img { height:10px; width:auto !important; }
	.comment-container table td.desc .cmt_head .btn a { font-size:11px !important;}
	.list-style01 table tbody td.subject p.location { font-size:11px;padding-top:3px; display:none;}
	.list-style04 .list > li dd.btn a {font-size:14px;}
	.ico-ok { background-image:url(); background-repeat:no-repeat; background-position: 20px center; padding-left:15px; padding-right:15px; }
	.ico-write { background-image:url(); background-repeat:no-repeat; background-position: 20px center; padding-left:12px; padding-right:15px; }
	.ico-list { background-image:url(); background-repeat:no-repeat; background-position: 20px center; padding-left:15px; padding-right:15px; }
	.ico-att { background-image:url(); background-repeat:no-repeat; background-position: 15px center; padding-left:12px; padding-right:15px; }
	.list-style02 > ul > li > dl > dd > div.itemlist > ul > li > i { font-size:11px;vertical-align:middle;line-height:15px;}
	.list-style02 > ul > li > dl > dd > div.itemlist > ul > li > a { font-size:11px;vertical-align:middle;line-height:15px;}
	/* .list-style02 > ul > li > dl > dd div.itemlist { padding:3px 5px;} */
	.view-style01 .itemlist ul > li .desc span { font-size:13px;  }

	.map_wrap {height:190px !important;}	
	.map_wrap #map {height:190px !important;}	
	.white_content > div.map_modal {	top: 5%;height:90%;}
	.white_content > div.map_modal > .sel_addr > input {width:250px;}
}