/* linkboard skin - latest 2019.09.18 ssj */ .allbox #bbs_area > div.mb30 { margin-bottom:10px; } .allbox #bbs_area > div.mb30 ul {list-style:disc;padding-left:30px;} .allbox #bbs_area > div.mb30 ul li {list-style:disc;} .allbox #bbs_area > div.mb30 ol {list-style:decimal;padding-left:30px;} .allbox #bbs_area > div.mb30 ol li {list-style:decimal;} .allbox #bbs_area {margin-bottom:50px;} #listFrm .main-menu-bar {padding:0 10px 5px; overflow:hidden;} #listFrm .main-menu-bar select {height:30px; line-height:30px; min-width:100px;} #listFrm .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;} .basic-table01 {width:100%; float:left; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-collapse:collapse; margin:10px 0;} .basic-table01 thead tr th, .basic-table01 tbody tr td{text-align:center;padding: 15px 0;} .basic-table01 thead tr th, .basic-table01 thead tr th a {font-weight:700;font-size: 14px;color:#707070;} .basic-table01 thead tr {background:#f7f7f7; border-bottom:1px solid #e4e4e4;} .basic-table01 tbody tr th{font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;} .basic-table01 tbody tr {border-bottom:1px solid #f1f1f1;} .basic-table01 tbody tr td {background:#fff;color:#5c5c5c; font-size:13px;padding:20px 0;} .basic-table01 tbody tr td a{border-radius:3px;color: #5c5c5c;padding:3px 10px;font-size: 13px;line-height:14px;} .basic-table01 tbody tr td.txt-l a{ padding:3px 0px;} .basic-table01 tbody tr td a.btn-s{color:#fff;} /*.basic-table01 tbody tr td a:focus, a:hover {color:#fff}*/ /*자료실*/ .basic-table01 ~ .board001 {margin-top:50px;} .board001 ~ .board001 {border-top:2px solid #dfdfdf; margin-top:30px;} .board001 {border:1px solid #dfdfdf; border-width:1px 0; padding:0 0 10px; overflow:hidden; clear:both;} .board001 .list_tit {border-top:1px solid #dfdfdf; border-bottom:1px solid #ececec; padding:20px 10px; overflow:hidden; background:#fcfcfc;} .board001 .list_tit h3{float:left; font-weight:600;} .board001 .list_tit h3 > img{vertical-align:-10px; margin-right:5px;} .board001 .list_tit h3 > span.sub_title {font-size:12px; border-left:1px solid #c1c1c1; padding-left:7px; vertical-align:1px; line-height:18px; height:18px; display:inline-block; margin-left:5px; font-weight:400; display:none; } .board001 .list_tit h3 > span.qna{background:url("/images/wzwg/site/mngr/q.png")no-repeat; padding:7px 5px 7px 34px;} .board001 .list_tit h3 span.bt{color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:2px; display:inline-block;} .board001 .list_tit p.list_date {float:right; line-height:18px; vertical-align:middle;} .board001 .list_tit p.list_date span.com_bar {/*margin-left:5px;*/} .board001 .list_tit p.list_date span.com_bar > a{font-size:11px; color:#8e8e8e; margin:0 3px; } .board001 .list_tit p.list_date span.com_bar > a:last-of-type{font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;} .board001 .list_content{clear:both; position:relative;} .board001 .list_content .conTop {overflow:hidden;} .board001 .list_content .conTop h4 {display:inline-block; line-height:25px; font-size:14px; font-weight:400; width:70%; padding:15px 10px; border-bottom:1px solid #f6f6f6; box-sizing:border-box;} .board001 .list_content .conTop p {float:right; line-height:25px; width:30%; text-align:right; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #f6f6f6;} .board001 .list_content .conTop p a {padding:6px 10px; font-size:12px; background:#ccc; border-radius:2px;} .board001 .list_content .conTop div.fileBox{margin-top:10px; float:right; width:100%;} .board001 .list_content .conTop ul {clear:both; padding-left:0; float:left; padding:15px 10px; box-sizing:border-box;} .board001 .list_content .conTop ul li{background:url("/images/wzwg/site/mngr/download.png")no-repeat 77px 3px; background-position:right 3px;} .board001 .list_content .conTop>ul>li> a {padding-right:15px; font-weight:600;} .board001 .list_content .conTop ul li a span{font-weight:900; color:#fa5058; padding:0 2px;} .board001 .list_content .conTop ul + div, .board001 .list_content .conTop #atchFile_div {float:left; margin-left:20px; display:inline !important;} .board001 .list_content .conTop #atchFile_div ul li {line-height:20px;} .board001 .list_content .conTop #atchFile_div ul li:hover {text-decoration:underline;} .board001 .list_content .conMiddle {border-top:1px solid #ececec;} .board001 .conMiddle{clear:both;padding-top:30px;} .board001 .conMiddle div.conM_ytb{width:100%;;height:auto;margin:0;} .board001 .conMiddle div.conM_ytb iframe{width:100%;height: 350px;vertical-align:top;} .board001 .conMiddle div.conM_ytxt{border-radius:30px; margin-top:10px; padding:10px;} .board001 .conMiddle div.conM_ytxt > span{display:block; padding:10px 0; font-size:16px; font-weight:bold;} .board001 .conMiddle div.conM_ytxt > div{height:80px; display:block; margin:0 auto; background:#f9f9f9; padding:10px; overflow-y:scroll;} .board001 .conMiddle div.conM_txt {width:100%; float:left; padding:20px 10px;line-height:180%; margin-bottom:30px;} .board001 .conMiddle div.conM_txt ul {list-style:disc; padding-left:30px;} .board001 .conMiddle div.conM_txt ul li {list-style:disc; float:none;} .board001 .conMiddle div.conM_txt ol {list-style:decimal; padding-left:30px;} .board001 .conMiddle div.conM_txt ol li {list-style:decimal;} @media (max-width:599px){ .board001 .list_tit p.list_date {display:block; float:left; text-align:left; margin-top:10px;} } /* 181214 게시판 댓글,등록일,조회수 리스트 */ .board001 .conMiddle div.midListbt{width:100%; float:left; margin-top:80px;} .board001 .conMiddle div.midListbt ul.snsListul a{float:left;} .board001 .conMiddle div.midListbt ul.snsListul a img{vertical-align:top; float:left;} .board001 .conMiddle div.midListbt ul.snsListul + div ul {line-height:24px;} .board001 .conMiddle div.midListbt ul.snsListul + div ul li a{padding-right:8px; margin-right:8px; border-right:1px solid #c9c9c9; display:inline-block; line-height:10px;} .board001 .conMiddle div.midListbt ul.snsListul + div ul li:last-child a{border-right:none;} .board001 .conBottom div.answer ul {width:100%; height:auto; line-height:auto; padding:0; float:left;} .board001 .conBottom div.answer ul li{width:100%; padding:15px 0 10px 10px !important; float:left;} .board001 .conBottom div.answer ul li p.comm_cont{padding:5px 2px !important;} .board001 .conBottom div.answer ul + table thead td {padding:10px 0 10px 6px;} .board001 .conMiddle ul {float:left;padding:15px 10px 15px 30px; clear:both; padding-left:0; list-style:none;} .board001 .conMiddle ul li {float:left; list-style:none;} .board001 .conMiddle ul li a{border-right:1px solid #c9c9c9; line-height:10px; display:inline-block; padding-right:10px; margin-right:10px;} .board001 .conMiddle ul li:last-child a{border-right:none} .board001 .conMiddle ul li span{margin-left:2px;} .board001 .conMiddle ul li a.lu img{width:10px; height:11px;} .board001 .conMiddle ul li a.lu b{vertical-align:2px; margin-left:5px;} /** 2018.07.17 SNS 공유 추가 */ .board001 .conMiddle ul.snsListul{float:right; position:absolute; bottom:10px; right:0; padding-bottom:0;} .board001 .conMiddle ul.snsListul li {float:left !important; list-style:none !important;} .board001 .conMiddle ul.snsListul a{margin-right:0; padding-right:0; border-right:0;} .board001 .conBottom{clear:both;} .board001 .conBottom div.cmtbg{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px;} .board001 .conBottom div.cmtbg ul li{border-bottom:1px dotted #ccc;padding:25px 0 15px 10px;position:relative;} .board001 .conBottom div.cmtbg ul li p.comm_cont{padding:7px 2px;} .board001 .conBottom div.cmtbg ul li ul{position:absolute; top:0; right:0;} .board001 .conBottom div.cmtbg ul li ul li{float:left; border:none; padding-left:5px;} .board001 .conBottom div.cmtbg ul li ul li a{border-right:1px solid #ccc; padding-right:5px; color:#666; font-size:11px;} .board001 .conBottom div.cmtbg ul li ul li:last-child a{border-right:0;} .board001 .conBottom div#module_inc_11 ul{height:auto; line-height:auto;} .board001 .conBottom ul{float:left; padding:15px 10px; height:auto; } .board001 .conBottom ul li{float:left;} .board001 .conBottom ul li a{border-right:1px solid #bfb9b9;padding-right:10px;margin-right:10px;display: block;} .board001 .conBottom ul li:last-child a{border-right:none} .board001 .conBottom ul li span{margin-left:2px;} .board001 .conBottom ul li a.lu img{width:10px; height:11px;} .board001 .conBottom ul li a.lu b{vertical-align:2px; margin-left:5px;} /*자료실-댓글쓰기*/ .board001 table{width:100%;} .board001 table thead td{font-weight:bold; font-size:12px; padding:10px 0 2px 6px;color:#252525; } .board001 table tbody tr > td{padding-left:3px; line-height:12px;} .board001 table tbody tr td div.txtBox{width:100%; border:1px solid #e5e5e5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .board001 table tbody tr td > div {margin-top:10px;} .board001 table tbody tr td textarea.txtBox {height:70px; width:100%; border:1px solid #e5e5e5;outline:none; padding:10px; line-height:20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .board001 table tbody tr td input.txtBtn{height:70px; width:100%; font-size:13px; border:1px solid #e5e5e5;background:#ffffff;cursor:pointer;min-width:50px;outline:none;text-align:center;} .board001 span.gray{color:#b5b5b5; margin:0 5px;} .board001 .txtBox{font-size:12px; color:#333; } /*묻고답하기*/ .board001 .conBottom div.answer{width:100%; float:left; background:#f7f7f7; border:1px solid #ececec; border-radius:5px; padding:10px; box-sizing:border-box;} .board001 .conBottom div.answer ul {} .board001 .conBottom div.answer ul li{border-bottom:1px dotted #ccc;padding:10px 0 15px 10px;position:relative;} .board001 .conBottom div.answer ul li:last-child{border-bottom:none;} /* .board001 .conBottom div.answer ul li p.com_cont{background:url("/images/wzwg/site/mngr/a.png")no-repeat; padding:10px 36px;} */ .board001 .conBottom div.answer ul li p.comm_cont{padding:7px 2px;} .board001 .conBottom div.answer ul li ul{position:absolute; top:0; right:0px; width:auto;} .board001 .conBottom div.answer ul li ul li{float:left;border:none;width:auto;padding: 8px 0 0 7px !important;} .board001 .conBottom div.answer ul li ul li a{display:inline-block; border-right:1px solid #ccc; padding-right:7px; color:#666; font-size:11px; margin:0 !important;} .board001 .conBottom div.answer ul li ul li a > img{vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px;} .board001 .conBottom div.answer ul li ul li:last-child a{border-right:0;} .board001 .conBottom > div.ctr-box {margin:10px 0 0 0;} /* list(blog)댓글*/ .conBottom02{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px;clear:both;} .conBottom02 ul{padding:0;} .conBottom02 ul li{border-bottom:1px dotted #ccc;padding:15px 0 15px 25px;position:relative; list-style:none;} .conBottom02 ul li.reply{padding:15px 0 15px 10px;} .conBottom02 ul li table{width:100%;} .conBottom02 ul li table td.modify{padding:0px 2px 3px 6px;color:red;float:right;} .conBottom02 ul li table td.modify a{color:red; font-weight:normal;} .conBottom02 ul li table td.modify a:hover{text-decoration:underline;} .conBottom02 ul li p.com_cont{margin-bottom:0;} .conBottom02 ul li p.com_cont span.com_bar > a{font-size:11px; color:#8e8e8e; } .conBottom02 ul li p.com_cont span.com_bar > a:last-of-type{font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;} .conBottom02 ul li p.com_cont a{vertical-align:0px; margin:0 2px; font-size:12px;} .conBottom02 ul li p.com_cont a:hover{color:#ff0000;} /*.conBottom02 ul li p.com_cont > a:first-of-type{padding-left:5px;}*/ .conBottom02 ul li img.user{position:absolute;top:12px; left:0;} .conBottom02 ul li img.reply01{position:absolute;top:24px; left:15px;} .conBottom02 ul li img.user01{position:absolute;top:12px; left:35px;} .conBottom02 ul li p.com_cont01{padding-left:10px;margin:3px 0px 10px 0px;} .conBottom02 ul li p.com_cont01 a{text-decoration:none;color:#333;vertical-align:0px;} .conBottom02 ul li a{text-decoration:none; vertical-align:-2px;} .conBottom02 ul li p.comm_cont{ margin:0; font-size:12px; color:#333;} /*웹진형 webzine */ .basic-table01 ~ .webzine {margin-top:50px;} .webzine {padding:10px 0;} .webzine > ul {list-style:none; padding:0; margin:0; padding-left:0 !important;} .webzine .list_box {width:100%; float:left; border-top:2px solid #dfdfdf; margin-bottom:70px; box-sizing:border-box;} .webzine .list_tit {width:100%; border-bottom:1px solid #f0f0f0; background:#f7f7f7; float:left; padding:15px 10px; box-sizing:border-box;} .webzine .list_tit h3 {float:left; font-size:15px;} .webzine .list_tit h3 > span.tit_bar{border-left:1px solid #ccc;padding-left:5px;margin-left:5px;} .webzine p.list_date {display:inline-block; font-size:12px; line-height:10px; border-left:1px solid #ccc; padding:0 7px; margin:7px; color:#aaa;} .webzine .list_content {clear:both; position:relative; padding-top:70px; width:100%; float:left;} .webzine .list_content .conTop {position:absolute; top:0; left:0; padding:5px; clear:both; overflow:hidden;} .webzine .list_content .conTop h4 {font-size:12px; color:#666666; float:left; line-height:30px; font-weight:400;} .webzine .list_content .conTop h4 img {margin-right:5px;vertical-align:-3px;} .webzine .list_content .conTop h4 a{display:inline-block;} .webzine .list_content .conTop h4 a img{vertical-align:middle;margin-bottom:4px;margin-right:0;} .webzine .list_content .conTop ul{float:right;} .webzine .list_content .conTop ul li{float:left; margin-right:5px;} .webzine .list_content .conTop ul li span{font-weight:600; margin-left:2px;} .webzine .list_content .conTop a.lineRight{position:absolute;top:40px; right:3px;text-decoration:none;color:#333;} .webzine .list_content .conTop a.lineRight:hover{text-decoration:underline;} .webzine .list_content .conTop a.lineRight img{vertical-align:middle;margin:0 0 3px 3px;} .webzine .conMiddle{clear:both;} .webzine .conMiddle p.conM_txt {padding:15px 5px 40px; line-height:150%; font-size:13px; color:#666; width:100%; float:left;} .webzine .conMiddle ul {margin-bottom:10px; padding-right:3px;} .webzine .conMiddle ul li{float:left;margin-right:2px; clear:both;} /*등록(수정)*/ .register-box {margin:10px;} .register-box table{width:100%;border-collapse:collapse;text-align:left;} .register-box table td{width:44%; padding:15px 0px !important; font-size:13px;} .register-box table tr{border-bottom:1px solid #ddd;} .register-box table tr:first-child{border-top:2px solid #dfdfdf;} .register-box table td .jectBoard{width:150px;} .register-box div.subject table .subTit {font-weight:600; color:#444 !important; text-align:right; font-size:13px; padding-right:40px; border-bottom:none; } .register-box div.subject table td ul.setlist{padding:0; margin:0;} .register-box div.subject table td ul.setlist li{float:left; list-style:none; margin-right:5px; font-size:12px; line-height:15px;} .register-box div.subject table td ul.setlist li > span{margin:0 2px; /* vertical-align:7px;*/} .register-box div.subject table td ul.fileplus{list-style:none; padding:0; margin:0;} .register-box div.subject table td ul.fileplus li{width:100%;float:left;margin-bottom:3px;/* overflow:hidden; */} .register-box div.subject table td ul.fileplus li span{float:left;line-height:21px;margin-right:5px;font-size:12px;} /***** 가이드 예시화면(0129 add) *****/ .register-box div.subject table td ul.fileplus li span > .menu_help{float:none;clear:both;border:none !important;line-height:21px;margin-right:5px;font-size:12px;} .register-box div.subject table td ul.fileplus li span > .menu_help {margin-bottom:-4px;cursor:pointer;display: inline;position:relative;} .register-box div.subject table td ul.fileplus li span > .menu_help > img{vertical-align:middle;width:16px;height:16px} .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{display: none;position:absolute;width: 250px;top: 0px;left:25px;line-height:18px;z-index:2;background:#f5f5f5;color:black;border:1px solid #dedede;font-size:12px;padding:10px;} .register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop {display:block;} .register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop > img {max-width:800px;} @media (max-width:1520px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-125px} } @media (max-width:1150px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-180px} } @media (max-width:990px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-125px} } @media (max-width:580px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-170px} } @media (max-width:479px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{width:200px;top:25px;left:auto;margin-left:-150px} } @media (max-width:360px){ .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-200px} } .register-box div.ftBtn{display:table;margin-left:auto;margin-right:auto;} .register-box div.ftBtn a{background:#656a77;border:1px solid #575f6a;padding:6px 10px;border-radius:3px;color:#fff;text-decoration:none; margin:0 2px;} .register-box div.ftBtn a.two{background:#fbfbfb;border:1px solid #ccc;padding:6px 10px;border-radius:3px;color:#555;text-decoration:none;} .register-box a.save{padding-left:5px;color:#333;text-decoration:none; font-size:12px;} .register-box a.save:hover{text-decoration:underline;} .register-box span.red{color:#ff0000; font-weight:bold;padding-left:3px;} .register-box input.serchBtn01{ width:80px; height:20px;margin-left:6px;} .register-box input.serchBtn02{height:20px; margin-left:6px;} .register-box input.uploadTit{width:100%; float:left; } .register-box select.headId{width:150px; height:30px; border: 1px solid #dfdfdf; border-radius: 3px;} .register-box a.btn-s{line-height:12px; vertical-align:0;} .register-box input{/*border:1px solid #dfdfdf; border-width:thin; height:30px; padding-left:5px; border-radius:3px;overflow:hidden*//* overflow:hidden => 0129*/} .register-box div.ftBtn{padding:30px 0;} .register-box div.tool{width:100%; border:1px solid #ccc; height:500px; font-size:12px;} .register-box table td select {width:300px !important; border:1px solid #dfdfdf; border-radius:3px; height:30px;} .register-box table td div {/*border:1px solid #dfdfdf !important;*/ border-radius:3px; min-height:30px; /*padding:5px;*/ float:left;} .register-box table td div + div {float:left !important; border:none !important; padding:0 !important;} .register-box table td#codeAnswerView div {border:none !important;} .register-box table td#codeAnswerView div .btn-c {height:27px !important; border-radius:3px; font-size:11px !important;} .register-box table #answerPermAt + tr td {text-align:center; padding:20px 0 !important;} .ctr-box {margin-bottom:30px;} @media (max-width:990px){ .register-box {margin:0;} .register-box div.subject table .subTit {width:20%; padding-right:20px;} #smart_editor2 {min-width:100% !important;} .register-box input.uploadTit {width:40% !important;} } /*목록-검색*/ #nttSearch {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;} #nttSearch input[type="text"] {width:40%; max-width:300px;} /*넘버링*/ ul.num {display:table; margin:0 auto; float:none !important; padding-left:0;} ul.num li {float:left; width:auto !important; padding:0 !important; list-style:none;} ul.num li:last-child {margin-right:0;} ul.num li a {padding:6px 8px 5px; display:inline-block; font-size:11px; color:#333;} ul.num li a.on {background:#f0f0f0; border:1px solid #e8e8e8; border-radius:3px; font-weight:600; box-sizing:border-box; padding:5px 8px;} ul.num li a.pd3 {padding:3px 9px 3px 0;} ul.num li a:hover, ul.num li a:focus {font-weight:600; text-decoration:underline;} ul.num li a > img {width:20px; height:20px;} /* type01 : event board */ .basic-table01 ~ .event-box {margin-top:30px;} .event-box {width:100%;border-bottom:1px solid #e4e4e4;border-top: 1px solid #9bca7c;margin:10px 0 30px;float:left;box-sizing:border-box;list-style:none !important;padding-left:0 !important;} .event-box li{width:100%;float:left;border-bottom: 1px solid #e2efda;padding:20px 0px;box-sizing:border-box;/*display:table;*/list-style:none !important;} .event-box li:last-child{border-bottom:none;} .event-box li:nth-child(even) {background: #fefffe;border-bottom: 1px solid #9bca7c;} .event-box .event-ipt{/*display:table-cell;*/ vertical-align:middle; width:5%; float:left;} .event-box .event-ipt > input{margin:0 auto; display:block;} .event-box .event-img {width:20%; /*display:table-cell;*/ vertical-align:middle; float:left; text-align:center; background:#f7f7f7;} .event-box .event-img .imgbox {float:left; width:100%; max-height:150px; line-height:150px; overflow:hidden; border:1px solid #f0f0f0; box-sizing:border-box;} .event-box .event-img .imgbox > a img {width:100%; vertical-align:middle; transition:transform 1s; transition:transform 1s;} .event-box .event-img + .event-txt {width:75%; padding:5px 20px;} .event-box .event-txt {width:95%; height:135px; float:left; padding:5px 20px 5px 0; box-sizing:border-box; position:relative;} .event-box .event-txt h3 {font-size:17px; font-weight:500; width:100%; padding-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .event-box .event-txt h3 a {color:#333;} .event-box .event-txt .list_date {color:#838383; position:absolute; left:0; bottom:0; width:100%; padding-right:20px; box-sizing:border-box; text-align:right;line-height: 30px;} .event-box .event-txt .list_date .com_bar {float:left;} .event-box .event-img + .event-txt .list_date {padding-left:20px;} .event-box .event-txt p br, .event-box .event-txt img {display:none;} .event-box .event-txt div.comM_txt {width:100%; overflow:hidden; max-height:60px; font-size:13px;color: #333;} .event-box .event-txt div.comM_txt p {font-size:13px; margin-top:0; color:#939393; width:100%; height:60px; display:-webkit-box; line-height:20px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:keep-all; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .event-box .event-txt div.comM_txt a {width:100%; word-break:keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; height:57px; overflow:hidden;} .event-box .event-txt div.comM_txt a br {display:none;} .event-box .event-txt div.comM_txt ol, .event-box .event-txt div.comM_txt ul {padding-left:0;} .event-box li:hover .event-txt h3 {font-weight:600;} .event-box li:hover .event-txt div.comM_txt p {text-decoration:underline;} .event-box li:hover .imgbox > a img {transform:scale(1.1);} .event-box + .ctr-box + .ctr-box {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;} .event-box + .ctr-box + .ctr-box input[type="text"] {width:40%; max-width:300px;} @media (max-width:799px){ .event-box .event-img {width:30%;} .event-box .event-img + .event-txt {width:65%;} .event-box .event-txt h3 {font-size:15px; padding-bottom:10px;} } @media (max-width:599px){ .event-box .event-txt {padding-left:10px; height:110px;} .event-box .event-txt .list_date {left:10px;} .event-box .event-txt div.comM_txt a {-webkit-line-clamp:2; height:38px;} .event-box .event-img .imgbox {max-height:100px; line-height:100px;} .event-box .event-img + .event-txt .list_date {padding-left:10px;} } /* type02 : list board */ table.link_list {width:100%;float:left;border-top: 1px solid #9bca7c;border-bottom:1px solid #dfdfdf;border-collapse:collapse;margin:10px 0;} table.link_list tbody tr:nth-child(even) td {background: #fefffe;border-bottom: 1px solid #9bca7c;} table.link_list tbody tr td {background:#fff;color:#5c5c5c;font-size:13px;padding:20px 10px;border-bottom: 1px solid #e2efda;text-align:center;} table.link_list tbody tr td.imgtd {padding:20px 10px;} table.link_list tbody tr td.imgtd img {width:120px; max-height:70px;} table.link_list tbody tr td.txt-l>a>p {font-size:15px; color:#5c5c5c; font-weight:600; /*white-space: nowrap; text-overflow: ellipsis;*/ overflow: hidden; line-height: 150%; margin-bottom: 5px;} table.link_list tbody tr td.txt-l .comM_txt {font-size:13px; line-height:20px; height:40px; overflow: hidden; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;} table.link_list tbody tr td.txt-l .comM_txt:hover {text-decoration:underline;} table.link_list tbody tr td.txt-l .btnbox {margin-top: 10px;} @media (max-width:799px){ table.link_list tbody tr td.imgtd img {width:80px;} table.link_list tbody tr td.txt-l>a>p {font-size:14px; -webkit-line-clamp:2; height:42px; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;} table.link_list td .wzbtn-table + .wzbtn-table {margin-top:0;} table.link_list tbody tr td:last-child {display:none;} } .ctr-box a.btn-s {font-size:14px; padding:7px 15px; border-radius:0;} /* type03 : album board */ .basic-table01 ~ ul.album {margin-top:60px;} ul.album ~ ul.album {margin-top:20px;} ul.album {float:left;width:100%;margin-bottom:30px;list-style:none;margin:0;padding:0;padding-left:0 !important;border-top: 1px solid #9bca7c;padding-top:15px;} ul.album > li{float:left; margin-right:1.5%; padding:0 4px; box-sizing:border-box; margin-bottom:10px; } ul.album > li:first-child {width:100%;margin-bottom:30px;padding-bottom:20px;border-bottom: 1px solid #e2efda;} ul.album > li:first-child div.alBox span.imgBox {height:270px; border-top:1px solid #ececec; } ul.album > li:first-child div.alBox > a {width:40%;} ul.album > li:first-child div.alBox > p {width: 60%; padding-left:15px;box-sizing: border-box;} ul.album > li:first-child div.alBox > p a {width:100%; font-size:20px;line-height: 130%; white-space:normal;} ul.album > li:first-child div.alBox > p a .comM_txt {font-size: 14px; line-height: 22px; margin:20px 0 15px; -webkit-line-clamp:3; height:66px;} ul.album > li:first-child div.alBox div.inquiry {width: 60%; padding:0 15px; box-sizing:border-box;} ul.album > li div.alBox {float:left;width:100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 0px 20px;margin: 0;} ul.album > li div.alBox > a{float:left;width:100%;} ul.album > li div.alBox > a + div{float:left;width: 100%;background: #fff;} ul.album > li div.alBox > a + div > ul{float:left;padding: 5px 0;width:auto;box-sizing: border-box;} ul.album > li div.alBox > a + div > ul li{float:left;} ul.album > li div.alBox > a + div > ul li:first-child{padding: 0 2px 0 5px;box-sizing: border-box;} ul.album > li div.alBox > a + div > ul li:last-child > img{padding-left: 5px;vertical-align: top;box-sizing: border-box;text-align: center;display: block;margin: 0 auto;} ul.album > li div.alBox > a + div > ul + a{padding: 5px 0 5px 5px;float: left;vertical-align:top;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;width: 80%;box-sizing: border-box;line-height: 16px;font-size: 14px;color: #5c5c5c;} ul.album > li div.alBox > p {width:100%; float:left; margin-top:15px;} ul.album > li div.alBox > p a {font-size:14px;width:85%; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;} ul.album > li div.alBox > p a .comM_txt {width: 100%; float: left; margin-top: 6px; font-size: 13px; line-height: 20px; white-space: normal; overflow: hidden; word-break: keep-all; opacity: 0.8; -webkit-line-clamp: 2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; height: 40px;} ul.album > li:hover div.alBox > p a {font-weight:600;} ul.album > li:hover div.alBox > p a .comM_txt {font-weight:400; text-decoration:underline;} ul.album > li div.alBox span.imgBox {border:1px solid #ececec;border-top: 2px solid #9bca7c;width:100%;height:220px;line-height:160px;overflow:hidden;background:#f7f7f7;display:inline-block;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;} ul.album > li div.alBox span.imgBox > img {height:auto;transition:transform 1s;transition:transform 1s;display:inline-block;vertical-align:middle;} ul.album > li div.alBox span.imgBox:hover > img {transform:scale(1.1);} ul.album > li div.alBox div.inquiry{float:left;margin-top:15px; width:100%; box-sizing:border-box;color:#797979;} ul.album > li div.alBox div.inquiry ul {width:100%;float:left;list-style:none;padding:0;text-align: left;} ul.album > li div.alBox div.inquiry ul li {width: 50%;float: left;/* font-size:12px; *//* line-height:13px; */} ul.album > li div.alBox div.inquiry ul li:first-child {/* display:none; *//* border-right:1px solid #ccc; *//* line-height:13px; *//* padding-right:5px; *//* margin-right:5px; *//* font-size: 13px; *//* vertical-align: middle; */} ul.album > li div.alBox div.inquiry ul li span.com_bar {margin-top: -7px; float: right;} ul.album > li div.alBox div.inquiry > span {display:none; float:right;font-size: 13px;line-height:13px;} ul.album + .ctr-box + .ctr-box {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;} ul.album + .ctr-box + .ctr-box input[type="text"] {width:40%; max-width:300px;} .album_read_viewport {width:50% !important; margin-top:20px !important;} .album_read_viewport ul li > span {border:none !important;} .album_read_viewport ul li > a {padding:5px 10px; border-radius:2px; border:1px solid #ddd; font-size:12px;} .album_read_viewport .bx-viewport ul {padding-left:30px;} #zoom_img>div>img {width:auto !important; max-width:100%;} #zoom_img + .conMiddle {border-top:none;} @media (min-width:600px){ ul.album > li {width:32.333%;} ul.album > li:nth-child(3n+1) {margin-right:0;} } @media (min-width:991px){ ul.album > li div.alBox span.imgBox > img {width:100%;} ul.album > li:first-child div.alBox div.inquiry ul li {width:100%;} ul.album > li:first-child div.alBox div.inquiry ul li span.com_bar {float:left; margin-top:10px;} } @media (max-width:990px){ ul.album > li div.alBox > a + div > ul {width:auto;} ul.album > li div.alBox > a + div > ul + a {width:75%;} ul.album > li:first-child div.alBox span.imgBox {height:0; padding-bottom:90%;} ul.album > li div.alBox span.imgBox {height:0; padding-bottom:70%; position:relative;} ul.album > li div.alBox span.imgBox > img {position:absolute; top: -999px;bottom: -999px;left:-999px;right: -999px; margin:auto; max-width:120%; max-height:120%;} ul.album > li:first-child div.alBox div.inquiry {width:60%; float:right;} } @media (min-width:600px) and (max-width:990px){ ul.album > li:first-child div.alBox > p a {font-size:17px;} } @media (max-width:599px){ ul.album > li {width:49.25%; min-height:220px;} ul.album > li:nth-child(2n+1) {margin-right:0;} ul.album > li div.alBox > a + div > ul{width:auto;} ul.album > li div.alBox > a + div > ul + a{width: 80%;} ul.album > li div.alBox span.imgBox {padding-bottom:50%;} ul.album > li:first-child div.alBox > p {margin-top:0;} ul.album > li:first-child div.alBox > p a {font-size:15px;} ul.album > li:first-child div.alBox > p a .comM_txt {font-size:13px; line-height:20px; -webkit-line-clamp:2; height:40px; margin:10px 0;} } /* 말머리 */ .bbs_tab{padding:8px 35px; border:1px solid #e1e1e1;} ul.tabMenu {width:100%; float:left; margin-bottom:20px; list-style:none !important; padding-left:0 !important;} ul.tabMenu li{display:inline-block; height:33px; line-height:33px; margin-right:2px; list-style:none !important;} ul.tabMenu li:first-child > a{background:#4b6067; color:#fff;} ul.tabMenu li+br {display:none;} ul.tabMenu li a{ background:linear-gradient(#fdfdfd, #f8f8f8);} @media (max-width: 990px){ ul.tabMenu li{width:19.8%; margin-right:0.2%; height:auto;} ul.tabMenu li > a{width:100%; display:block; box-sizing:border-box; text-align:center; padding:0;} } /* 게시판 테마 탭 스타일 */ .selectBbsSubospec .main-menu-bar {width:100%; padding:0 !important;} .selectBbsSubospec .main-menu-bar + div {margin-top:10px;} .board.wztab .wztab-list .wztab-item.active {border-top-color:#333;} @media (min-width:600px){ .selectBbsSubospec .main-menu-bar + div {position:absolute; right:0; margin-top:0;} } @media (max-width:599px){ .selectBbsSubospec {border-bottom:1px solid #d9d9d9; height:46px;} .selectBbsSubospec .main-menu-bar {width:80%; overflow:visible !important;} .board.wztab {/*margin-top:10px;*/} .selectBbsSubospec .main-menu-bar + div {width:20%;} }