@charset "utf-8"; /* 메인, 서브 공통 탬플릿 */ html, body { } body {font-size:14px;margin:0; padding:0;background: #fff;line-height:1.666;color:#333;overflow:hidden;overflow-y:auto} a { cursor: pointer; text-decoration: none; } a:link { color: #333; } a:visited { color: #333; } a:hover, a:active { color: #000; text-decoration: underline; } * {font-family:'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,AppleGothic,helvetica,sans-serif;} /* Align */ .left { float: left; text-align: left; padding: 4px 0; } .right { float: right; text-align: right; padding: 4px 0; } .center { text-align: center; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 4px 0; } img.center { text-align: center; display: block; margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; padding: 0; } img.flm { float: left; text-align: left; margin: 0 15px 0 0; } img.frm { float: right; text-align: right; margin: 0 0 0 15px; } /* ◇◆ Form and Button ◇◆ 20151020 */ form{margin:0;} fieldset{margin-left:0;margin-right:0;padding:0;border:0} legend{} a[class*=button], button, html input[type=button], /* ☆ Avoid [Android4.2.2]bug) audio and video controls */ input[type=submit],input[type=reset], input[type=text],input[type=password],input[type=file], input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url], textarea, select, input[type=radio],input[type=checkbox]{ display:inline-block; max-width:100%; box-sizing:border-box; /* [IE8+] */ margin-top:.333em;margin-bottom:.333em; line-height:normal; /* ☆2.429=((36-2)/14)px */ vertical-align:middle;text-decoration:none !important; } a[class*='button'], html input[class*='button'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */ button[class*='button'], .button{ display:inline-block; position: relative; height:2.571em; padding:.548em .786em; border-radius:2px; box-sizing:border-box; /* ☆ */ border:1px solid transparent; border-color:#515b6c; /* ☆ */ background-color:#515b6c; /* ☆ */ color:#333; /* ☆ */ text-decoration:none; text-align:center; } /* Button */ input[type=image]{vertical-align:middle;} /* 20151008 */ html input[type=button], /* ☆ Avoid [Android4.2.2]bug */ input[type=submit],input[type=reset], button, .button, a[class*=button]{-webkit-border-radius:0;-webkit-appearance:none; padding:.548em .786em; /* ☆(((36-2)/14)-1.333)/2 ☆(((36-14)/2)/14) */ border-radius:2px; border:1px solid #999; background-color:#eee;color:#333; line-height:1.333; white-space:nowrap;} input[type=text],input[type=password],input[type=file], input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url], textarea{-webkit-border-radius:0;-webkit-appearance:none; padding:0 .2em; border-radius:2px; border:1px solid #bbb; background-color:#fcfcfc; } select{padding:.45em /* [IE8]fix */ .2em; border-radius:2px; border:1px solid #bbb; background-color:#fcfcfc; } select[multiple]{height:auto;} /* 20150716 */ .button.submit{border-color:#515b6c;background-color:#515b6c;color:#fff !important;} /* ☆ */ button,input[type=button],input[type=submit],input[type=reset],input[type=image]{overflow:visible;cursor:pointer;} /* 정보메뉴 */ .infomenu1{z-index:10;clear:both;position:relative;width:100%;min-height:0; margin:1.333em 0; /* =(1+(1.666-1)/2) = base.css 의 블록마진 1em 보다 크며 line-height 고려함! */ } .infomenu1:before, .infomenu1:after{content:'';display:table;clear:both;} .infomenu1 .info1{color:#767676;background: #fff; } /* 글 수.. */ .infomenu1 .left{float:left;} .infomenu1 .right{float:right;text-align:right;} .infomenu1 .center{margin:0 auto;text-align:center;} .infomenu1 .center .button{margin-left:3px;margin-right:3px;} /* 조회(선택1~3.입력1.버튼1) 20151023 */ .search1select1{position:relative;margin:0 -.5% 1.5em;overflow:hidden;} .search1select1 .select1{float:left;width:29%;margin-left:.5%;margin-right:.5%;height:2.571em;} .search1select1 .text1{float:left;display:block;width:49%;margin-left:.5%;margin-right:.5%;height:2.571em;font-size:14px;} .search1select1 .submit{float:left;display:block;width:19%;margin-left:.5%;margin-right:.5%;} .search1select2{position:relative;margin:0 -.5% 1.5em;overflow:hidden;} .search1select2 [class*='select']{float:left;width:29%;margin-left:.5%;margin-right:.5%;} .search1select2 .text1{float:left;display:block;width:78.5%;margin-left:.5%;margin-right:.5%;height:2.571em;font-size:14px;} .search1select2 .submit{float:left;display:block;width:19%;margin-left:.5%;margin-right:.5%;} .search1select3 table th{width:30%;text-align:left !important;} .search1select3 table td{width:30% !important;} .search1select3 select{width:100% !important;height:2.9em;} .search1select3 .submit{width:100%;} .search1select3 table td#news_search_form{width:auto !important;} .search1select3 table td#news_search_form input{display:block;margin-left:.5%;margin-right:.5%;width:100% !important;height:2.9em;font-size:14px;} .search1select3 table td#news_day_form{width:auto !important;} .search1select3 table td#news_day_form input{margin-left:.5%;margin-right:.5%;width:45% !important;height:2.9em;font-size:14px;} em, .em{ color:#e60012} .board img { vertical-align: middle; } .board .left { float: left; padding: 6px 4px 10px 4px; } .board .right { float: right; padding: 6px 4px; text-align: right; } .board .center { text-align: center; padding: 6px 0; margin: 0 auto; } /* 페이지네비게이션 담기 */ .board .page { display: inline; float: center; width: 70%; margin:0 auto; padding: 6px 0 0 0; } .board .page table.page_navi { margin:1.5em auto 0;} .board .page table.page_navi .page_no{padding:0 5px;} .board .page a{font-size:14px;} .board .page b{font-size:14px;} /* ========== */ /* 목록 */ .board table.basic { font-size:1em !important;clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 0 0px; border-top: 2px solid #dadde0; border-bottom: 1px solid #ddd;background:#fff;} .board table.basic td, .board table.basic th{padding:10px;border-bottom:1px solid #dadde0;text-align:center;} .board table.basic thead th{font-weight:bold;white-space: nowrap;color:#555;background:#f7f8f9;} .board table.basic tbody tr:hover { background: #fcfcfc; }/* IE6이하는안됨 */ .board table.basic thead th{} .board table.basic td.subject200{text-align:left;width:45% !important;} .board table.basic thead.write th{font-size:16px;text-align:left;} .board table.basic thead.write th.first{width:100px;text-align:center;} .board table.basic tbody.write td{padding:0;} .board table.basic tbody.write .item{display:block;position:relative !important;margin:0;padding:10px 20px 10px 140px;text-align:left;border-top:1px solid #ddd;} .board table.basic tbody.write .item .head{position:absolute;left:0;()left:-140px;top:0;padding:10px;width:120px;font-weight:bold;} .board table.basic tbody.write tr:hover { background:none;} /* 목록 */ .board table.basic2 {font-size:1em !important;clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 0 0px; border-top: 2px solid #dadde0;border-bottom: 1px solid #ddd;text-align:center;background:#fff; } .board table.basic2 thead{display:none;} .board table.basic2 tbody.write{border-right:1px solid #ddd} .board table.basic2 tbody.write tr { line-height: 1.25;} .board table.basic2 tbody.write td, .board table.basic2 tbody.write th {padding:10px;border-bottom: 1px solid #d5d5d5;border-left:1px solid #ddd;border-top: 0 dashed #ccc; font-weight: normal;} .board table.basic2 tbody.write th {background:#fff; color: #333; white-space: nowrap;text-align:center;background:#f7f7f7;} .board table.basic2 tbody.write td:first-child{background:#f7f7f7;} .board table.basic2 tbody.write td{text-align:left} .blind{position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;/* opacity:0;filter:alpha(opacity=0); ☆Naver */} *+html .blind{height:0;}