@charset "utf-8"; .left { float: left; } .right { float: right; } .center, .alignC { text-align: center; } .alignR { text-align: right; } .display { display: inline !important; } .none { display: none; } .clear { clear: both; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; } .clear-wrap { *zoom: 1; } .clear-wrap:after { content: ""; display: block; clear: both; } .ellipsis { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } .div_board_contents { margin: 10px 0; } .div_board_contents ol, .div_board_contents ul, .div_board_contents li { padding:0px; margin:0px; list-style:none;} .board_contents p, .board_contents span, .board_contents div { word-break: normal; } .div_board_contents form, .div_board_contents fieldset {border:0; margin:0px; padding:0px;} .div_board_contents img {border:0;} .div_board_contents textarea, .div_board_contents select { color:#000000; font-size: 10pt; margin-top:1px;border:1px solid #A2A2A2; border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;padding:1px 2px;} .div_board_contents .dsn {position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; font:0px;} #list_layout{ position: relative; width:650px; top:0px; left:0px; margin:0px; padding:0px; clear: both;} #list_top{ position: relative; left:0px; margin:0; padding:0 0 0 0; clear: both;} #list_top ul{ position: relative; top:0px; left:0px; margin:0; padding:0;} #list_top ul li{ position: relative; top:0px; left:0px; margin:0; padding:0; float:left;} #list_top ul li.b{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; width: 100%; float:left; text-align:left; } #list_top ul li.l{ position: relative; top:0px; left:0px; margin:0; padding:0; float: right; width: 60px; text-align:right; } #list_tab{position: relative; top:0px; left:0px; margin:0; padding:5px 0 10px 0; clear: both;} #list_btn{ position: relative; margin: 0; margin-top: 5px; padding:0 0 0 0; clear: both;} #list_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;} #list_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0; } #list_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; text-align: center; } #list_btn ul li.rig_btn{ position: relative; top:0px; margin: 1em 0; margin-right: 1em; padding:0; text-align:right; } .div_board_contents .prev{padding:5px 2px 0 0; width:10px; height:13px;} .div_board_contents .next{padding:5px 0px 0 2px; width:10px; height:13px;} #list_btn ul.list_search{position: relative; top:0px; left:0px; margin: 0; height:30px; clear: both; } #list_btn ul.list_search ul{position: relative; top:0px; left:0px; margin:0; padding:0; clear: both; } #list_btn ul.list_search li.sel{position: relative; top:0px; left:0px; margin:0; padding:0 5px 0 0 ; width:80px; float:left;} #list_btn ul.list_search li.inp{position: relative; top:0px; left:0px; margin:0; padding:1px 0 0 5px; width:215px; float:left; } #list_btn ul.list_search li.btn{position: relative; top:0px; left:0px; margin:0; padding:0px 5px 0px 3px; width:49px; float:left;} .div_board_contents .w3btn{position: relative; top:10px; left:-250px; margin:0; padding:0; width:80px; height:15px; clear: both;} .div_board_contents .ggjek_numof { color: #7E7E7E; font-size: 8px; } #list_tab tr td { padding: initial; } #list_tab tr td img { vertical-align: middle; } #view_layout{ position: relative; top:0px; left:0px; margin:0px; padding:0px; clear: both;} #view_top{ position: relative; left:0px; margin:0; padding:0 0 0 0; clear: both;} #view_top ul{ position: relative; top:0px; left:0px; margin:0; padding:0;} #view_top ul li{ position: relative; top:0px; left:0px; margin:0; padding:0; float:left;} #view_top ul li.b{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 5px; width: 100%; float:left; text-align:left; } #view_top ul li.l{ position: relative; top:0px; left:0px; margin:0; padding:0; float: right; width:100px; text-align:right; } #view_tab{position: relative; top:0px; left:0px; margin:0; padding:10px 0 10px 0; clear: both;} #view_btn{ position: relative; margin: 0; margin-top: 5px; padding:0 0 0 0; clear: both;} #view_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;} #view_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0; float:left;} #view_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 0px; width:200px; float:left; text-align:left; } #view_btn ul li.rig_btn{ position: relative; top:0px; margin:0; padding:0; float: right; width:300px; text-align:right; } #view_btn ul:after { content: ""; clear: both; display: block; } #view_btn ul { *zoom: 1; } #view_tab p { margin: 0; padding: 0; } #view_tab .board_contents_wrap { border-top: 2px solid #555555; COLOR: #62625E; FONT-SIZE: 15px; TEXT-DECORATION: none; } #view_tab .board_contents_wrap .contents-title { padding: 15px 0; border-bottom: 1px solid #e5e5e5; background-color: #f7f7f7; } #view_tab .board_contents_wrap .contents-title h5 { font-size: 18px; } #view_tab .board_contents_wrap .contents-info { border-bottom: 1px solid #e5e5e5; padding: 10px 0; } #view_tab .board_contents_wrap .contents-info .date { color: #888; margin-left: 20px; } #view_tab .board_contents_wrap .board_contents { padding: 15px 0; min-height: 15em; } #write_layout{ position: relative; top:0px; left:0px; margin:0px; padding:0px; clear: both;} #write_tab{position: relative; top:0px; left:0px; margin:0; padding:10px 0 10px 0; clear: both;} #write_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 0 0 0; clear: both;} #write_btn ul{ position: relative; top:0px; left:0px; margin:0; padding:0;} #write_btn ul li{ position: relative; top:0px; left:0px; margin:0; padding:0; float:left;} #write_btn ul li.left_btn{ position: relative; top:0px; left:0px; margin:0; padding:0 3px 0 0px; width:200px; float:left; text-align:left; } #write_btn ul li.rig_btn{ position: relative; top:0px; margin:0; padding:0; float: right; width:300px; text-align:right; } #write_btn input { margin: initial; } #write_btn img { vertical-align: middle; } .div_board_contents .stress { color:#25A437; } .div_board_contents .amenu{ display: none; } .div_board_contents .attached-files { margin: 5px 0; } .div_board_contents .attached-files ul { margin: 5px 0; line-height: 200%; } .div_board_contents .attached-files ul li { display: inline-block; position: relative; margin: 2px 3px; } .next_prev_link { border-top: 2px solid gray; margin: 10px 0; } .next_prev_link li { margin: 3px 0 !important; padding: 5px !important; border-bottom: 1px dotted gray; } .div_board_contents .button { display: inline-block; border: 1px solid #a9a9a9; border-radius: 3px; padding: 3px 7px; margin: 1px 0; font-size: 12px; line-height: 170%; background: none; } .div_board_contents div.contents { padding: 0; min-height: 200px; line-height: 1.5; } .div_board_contents div.contents p { line-height: 1.5; } .div_board_contents TD { COLOR: #000; FONT-SIZE: 15px; TEXT-DECORATION: none; } .div_board_contents th { COLOR: #000; FONT-SIZE: 15px; TEXT-DECORATION: none; } .div_board_contents A:link { COLOR: #000; TEXT-DECORATION: none; } .div_board_contents A:visited { COLOR: #000; TEXT-DECORATION: none; } .div_board_contents A:active { COLOR: #000; TEXT-DECORATION: underline; } .div_board_contents A:hover { COLOR: #0587b4; TEXT-DECORATION: none; } .div_board_contents form {border:0; margin:0; padding:0;} .div_board_contents img {border:0px;} .div_board_contents .boardlist { border-top:#555555 1px solid; table-layout: fixed; } .div_board_contents .boardlist thead th { padding: 12px; border-bottom:#555555 1px solid;} .div_board_contents .boardlist tbody tr.list { height: 30px; text-align:center; } .div_board_contents .boardlist tbody tr td { padding:9px !important; } .div_board_contents .boardlist tbody tr td:first-child { border-left:0; } .div_board_contents .boardlist tbody tr td.line { padding:0 !important; } .div_board_contents .notice { color:#008080; } .div_board_contents .boardcomment { table-layout:fixed; } .div_board_contents .boardcomment thead th{ background-color:#F9F9F9; height:27px; border-bottom:#E5E5E5 1px solid; color:#333333; } .div_board_contents .boardcomment tbody td.rel{ padding:3px 0 3px 0; text-align:center; color:#333333; } .div_board_contents .boardcomment tbody td.rel a{ color:#333333; } .div_board_contents .boardcomment tbody td.memo{ padding:3px 0 3px 3px; } .div_board_contents .boardcomment tbody td.date{ padding:3px 0 3px 0; font-size:8pt; text-align:center; } .div_board_contents .boardcomment tbody td.rel_fo{ text-align:center; padding:3px 0 3px 0; } .div_board_contents .boardwrite { margin: 5px 0; } .div_board_contents .boardwrite thead th{ background-color:#F9F9F9; height:27px; border-bottom:#E5E5E5 1px solid;} .div_board_contents .boardwrite tbody th{ background-color:#F9F9F9; height:27px; text-align:left; padding:0 0 0 10px; } .div_board_contents .boardwrite tbody td.in{ height: 30px; padding: 0; padding-top: .5em; } .div_board_contents .boardwrite tbody td.main{ padding: 3px 0; } .div_board_contents .boardwrite input { border: 1px solid #ccc; padding: 3px; } .div_board_contents .boardwrite label { font-weight: inherit; } .div_board_contents .line { border-bottom: 1px solid #e5e5e5; padding: 0; height: 0.5px; } .div_board_contents .img_view{ padding:0 0 5px 0;} .div_board_contents .contents p { margin: 0; margin-bottom: 5px; } .div_board_contents .form1 { font-size: 15px; color: #000000; background-color: #FFFFFF; border: 1px solid #B2B2B2; padding: .3em; } .div_board_contents .repl-wrap { border-top: 1px solid #e5e5e5; padding-top: 5px; } .div_board_contents #list_tab { margin: 5px 0; } .div_board_contents #ez_title { width: 100%; max-width: 500px; } .div_board_contents .thumb_container * { font-family: '나눔고딕', 'Nanum Gothic', sans-serif; } .div_board_contents .thumb_container { position: relative; width: 100%; overflow: hidden; border: 1px solid #c0c0c0; border-radius: 4px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; behavior: url('/iez14/js/backgroundsize.min.htc'); } .div_board_contents .thumb_container.on { border: 1px solid red; overflow: hidden; } .div_board_contents .thumb_title_background { position: absolute; bottom: 0; left: 0; background: #000000; width: 100%; height: 25px; filter: alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; z-index: 90; border-radius: 0 0 4px 4px; } .div_board_contents .thumb_title { font-weight: 700; position: absolute; bottom: 0; left: 0; color: white; text-align: center; width: 100%; height: 25px; z-index: 100; padding: 3px 3px 0 3px; } .div_board_contents .thumb_title > div { font-weight: 700; color: white; line-height: 20px; } .div_board_contents .thumb_check { position: absolute; top: 2px; right: 2px; } .div_board_contents #list_tab { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-bottom: 5px; } .div_board_contents ul > li.mobile_list { background: #ffffff; margin: 0; padding: 5px; display: inline-block; width: 25%; position: relative; float: left; } .div_board_contents ul li.mobile_list.notice{background-color:#b5d8ff;} .div_board_contents ul li.mobile_list.notice a{color:#3366cc;} #uploader_photo { background-color: rgb(245, 245, 245); border: 1px solid #c5c5c5; position: absolute; top: 50px; right: 10px; } .div_board_contents .attached-files .file-wrap { display: flex; align-items: center; } .div_board_contents .attached-files .file-wrap ._icon { width: 30px; height: 30px; } .div_board_contents .attached-files .file-wrap ._name { width: calc(100% - 30px); padding-left: 3px; font-size: 10pt; } .div_board_contents .attached-files ul li .file-download-btn { background-image: url(/iez14/img/download_icon.png); width: 30px; height: 30px; top: 9px; right: -15px; z-index: 110; cursor: pointer; position: absolute; display: none; } .for-mobile { display: none; } .category-wrap select[name="cate_no"] { display: none; } @media only screen and (max-width: 700px) { .for-pc { display: none; width: 0%; } .for-mobile { display: block; } table.boardlist colgroup col:nth-of-type(2) { width: 100%; } table.boardlist tr th:nth-of-type(2) { width: 100%; } table.boardlist tr td:nth-of-type(2) { width: 100%; } .div_board_contents #list_tab .cls_ellipsis_subjct { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: initial; } }