/* Webfont */ @font-face{ font-family:"NotoSansKR"; src:url('/semo/fonts/NotoSansKR-Regular.eot'); src:url('/semo/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NotoSansKR-Regular.woff') format('woff'), url('/semo/fonts/NotoSansKR-Regular.ttf') format('truetype'); src:local(※), url('/semo/fonts/NotoSansKR-Regular.woff') format('woff'); } @font-face{ font-family:"NotoSansKR-Medium"; src:url('/semo/fonts/NotoSansKR-Medium.eot'); src:url('/semo/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NotoSansKR-Medium.woff') format('woff'), url('/semo/fonts/NotoSansKR-Medium.ttf') format('truetype'); src:local(※), url('/semo/fonts/NotoSansKR-Medium.woff') format('woff'); } @font-face{ font-family:"NotoSansKR_bold"; src:url('/semo/fonts/NotoSansKR-Bold.eot'); src:url('/semo/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NotoSansKR-Bold.woff') format('woff'), url('/semo/fonts/NotoSansKR-Bold.ttf') format('truetype'); src:local(※), url('/semo/fonts/NotoSansKR-Bold.woff') format('woff'); } @font-face{ font-family:"NotoSansKR-Light"; src:url('/semo/fonts/NotoSansKR-Light.eot'); src:url('/semo/fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NotoSansKR-Light.woff') format('woff'), url('/semo/fonts/NotoSansKR-Light.ttf') format('truetype'); src:local(※), url('/semo/fonts/NotoSansKR-Light.woff') format('woff'); } @font-face{ font-family:"NotoSansKR-Thin"; src:url('/semo/fonts/NotoSansKR-Thin.eot'); src:url('/semo/fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NotoSansKR-Thin.woff') format('woff'), url('/semo/fonts/NotoSansKR-Thin.ttf') format('truetype'); src:local(※), url('/semo/fonts/NotoSansKR-Thin.woff') format('woff'); } @font-face{ font-family:"NanumGothic"; src:url('/semo/fonts/NanumGothic.eot'); src:url('/semo/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/semo/fonts/NanumGothic.woff') format('woff'), url('/semo/fonts/NanumGothic.ttf') format('truetype'); src:local(※), url('/semo/fonts/NanumGothic.woff') format('woff'); } /*기본태그 정의*/ html, body {padding:0;margin:0;height:100%; color:#666; letter-spacing:-0.05em; } body, td, select, textarea, input {font-size:13px; font-family:'Poppins',"NotoSansKR","NanumGothic",sans-serif} *:focus { outline:none; }​ ::-moz-selection{background:#0e559b;color:#fff;} ::selection{background:#0e559b;color:#fff;} /* 마진과 패딩의 초기화 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote {margin:0;padding:0;} /* 헤더 폰트 사이즈 초기화 */ h1, h2, h3, h4, h5, h6 {font-size:100%;} /* 리스트의 스타일 제거 */ ol, ul {list-style:none;} /* 테이블 스타일 초기화 */ table {border-collapse:collapse;border-spacing:0px;} th{ font-weight::500} /* 이미지 및 필드셋에서 보더 표시 초기화 */ fieldset, img,iframe{border:0; vertical-align:top;} img{vertical-align:top; max-width:100%} iframe{padding:0;margin:0} /* 캡션 텍스트 정렬 초기화 */ caption {text-align:left;} /* 폼태그의 초기화 */ input,radio {vertical-align:middle;} a{color:#666; text-decoration:none; padding:0; margin:0;} a:link {text-decoration:none; } a:active {text-decoration:none; } a:visited {text-decoration:none;} a:hover {text-decoration:none; } /* hidden 처리 */ caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;} .hide,hr{position:absolute;top:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;} .Roboto{font-family:'Roboto'} .NotoSansKR{font-family:"NotoSansKR";} .NotoSansKR_bold{font-family:"NotoSansKR_bold";} .NotoSansKR_M{font-family:"NotoSansKR-Medium";} .NotoSansKR_Ebold{font-family:"NotoSansKR_Ebold"} .NanumGothic{font-family:"NanumGothic";} .Nanum_bold{font-family:"Nanum_bold";} .Nanum_Li{font-family:"Nanum_Light";} img { max-width: 100%; height: auto; } .clear::after { clear: both; content: ""; display: block; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Roboto{font-family:'Roboto'} .NotoSansKR{font-family:"NotoSansKR";} .NotoSansKR_bold{font-family:"NotoSansKR_bold";} .NotoSansKR_M{font-family:"NotoSansKR-Medium";} .NotoSansKR_Ebold{font-family:"NotoSansKR_Ebold"} .NanumGothic{font-family:"NanumGothic";} .Nanum_bold{font-family:"Nanum_bold";} .Nanum_Li{font-family:"Nanum_Light";} /*input*/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #666; text-align:left; font-family:"맑은 고딕"} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; opacity: 1; text-align:left; font-family:"맑은 고딕"} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; opacity: 1; text-align:left; font-family:"맑은 고딕"} :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; text-align:left; font-family:"맑은 고딕"} .appearance{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} input.checkbox, input[type="radio"]{margin:-2px 2px 2px 0; vertical-align:middle} .inTxt{border:1px solid #ddd; color:#333; height:35px; line-height:33px; text-indent:10px; background:#fff; box-sizing:border-box; vertical-align:top} .inTxt:focus{border:1px solid #929292; box-shadow:2px 2px 6px #d3d3d3 inset; } .infile{border:1px solid #ddd; color:#333; height:35px; line-height:33px; background:#fff; box-sizing:border-box; vertical-align:top;} .infile:focus{border:1px solid #929292; box-shadow:2px 2px 6px #d3d3d3 inset;} .select{border:1px solid #ddd; color:#333; height:35px; line-height:33px; box-sizing:border-box; background:#fff; vertical-align:top;} .select:focus{border:1px solid #929292; box-shadow:2px 2px 6px #d3d3d3 inset;} .w_1 {width:1%} .w_2 {width:2%} .w_3 {width:3%} .w_5 {width:5%} .w_8 {width:8%} .w_7 {width:7%} .w_10 {width:10%} .w_12 {width:12%} .w_13 {width:13%} .w_15 {width:15%} .w_17 {width:17%} .w_18 {width:18%} .w_19 {width:19%} .w_20 {width:20%} .w_21 {width:21%} .w_23 {width:23%} .w_25 {width:25%} .w_27 {width:27%} .w_29 {width:29%} .w_30 {width:30%} .w_32 {width:32%} .w_33 {width:33%} .w_34 {width:34%} .w_35 {width:35%} .w_36 {width:36%} .w_37 {width:37%} .w_40 {width:40%} .w_42 {width:42%} .w_43 {width:43%} .w_45 {width:45%} .w_48 {width:48%} .w_50 {width:50%} .w_55 {width:55%} .w_60 {width:60%} .w_63 {width:63%} .w_65 {width:65%} .w_70 {width:70%} .w_75 {width:75%} .w_80 {width:80%} .w_85 {width:85%} .w_90 {width:90%} .w_92 {width:92%} .w_93 {width:92.8%} .w_95 {width:95%} .w_100 {width:100%} /* margin / padding */ .pt0 {padding-top:0 !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;} .pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;} .pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;} .pt50 {padding-top:50px !important;} .pb0 {padding-bottom:0 !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;} .pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;} .pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;} .pb50 {padding-bottom:50px !important;} .pl0 {padding-left:0 !important;} .pl5 {padding-left:5px !important;} .pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;} .pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;} .pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;} .pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;} .pl50 {padding-left:50px !important;} .pr0 {padding-right:0 !important;} .pr5 {padding-right:5px !important;} .pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;} .pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;} .pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;} .pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;} .pr50 {padding-right:50px !important;} .mt0 {margin-top:0 !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb13 {margin-bottom:13px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;} .mb50 {margin-bottom:50px !important;} .mb60 {margin-bottom:60px !important;} .mb80 {margin-bottom:80px !important;} .mb100 {margin-bottom:100px !important;} .ml0 {margin-left:0 !important;} .ml1 {margin-left:1px !important;} .ml5 {margin-left:5px !important;} .ml8 {margin-left:8px !important;} .ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;} .ml50 {margin-left:50px !important;} .mr0 {margin-right:0 !important;} .mr1 {margin-right:1px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr12 {margin-right:12px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;} .mr50 {margin-right:50px !important;} .mr100 {margin-right:100px !important;} .txtl {text-align:left !important;} .txtr {text-align:right !important;} .txtc {text-align:center !important;} .cb{clear:both !important;} .dsb{display:block !important;} .fl{float:left !important;} .fr{float:right !important;} .ov{overflow:hidden !important;} .posr{position:relative;} .posr_1{position:relative;top:1px;} .posr_2{position:relative;top:2px;} .posr_3{position:relative;top:3px;} .posr_4{position:relative;top:4px;} .posr_5{position:relative;top:5px;} .posr_6{position:relative;top:6px;} .posr_7{position:relative;top:7px;} .posr_m1{position:relative;top:-1px;} .posr_m2{position:relative;top:-2px;} .posr_m3{position:relative;top:-3px;} .posr_m4{position:relative;top:-4px;} .posr_m5{position:relative;top:-5px;} .brdr_d7{border-right:1px solid #d7d7d7 !important;} .brt1_333{border-top:1px solid #333 !important;} .container{width:100%;} .container:after{content:""; display:block; float:none; clear:both;} .brtn{border-top:none !important;} .brbn{border-bottom:none !important;} .btn_bbs{ height:35px; line-height:35px; color:#fff; background: #27283d; padding:0 12px; min-width:60px; font-size:14px;display:inline-block;text-align:center;} .btn_bbs1{height:35px; line-height:35px; color:#333; border:1px solid #ddd; padding:0 12px; min-width:60px; background:#fff; font-size:14px;display:inline-block;text-align:center;} .btn_bbs2{height:35px; line-height:35px; color:#fff; background: #aaa; padding:0 12px; min-width:60px; font-size:14px;display:inline-block;text-align:center;} .btn_bbs3{height:35px; line-height:35px; color:#333; background: #fff; padding:0 12px; min-width:60px;display:inline-block;text-align:center;} .btn_bbs4{ height:35px; line-height:35px; color:#fff; background: #41a4f7; padding:0 12px; min-width:60px;display:inline-block;text-align:center;} .btn_bbs_excel{ height:35px; line-height:35px; color:#fff; background: #207245; padding:0 12px; min-width:60px;display:inline-block;text-align:center;} .btn_bbs:hover{box-shadow:2px 2px 6px #363750 inset;} .btn_bbs1:hover{box-shadow:2px 2px 6px #eee inset;} .btn_bbs2:hover{box-shadow:2px 2px 6px #9e9d9d inset;} .btn_bbs3:hover{box-shadow:2px 2px 6px #eee inset;} .btn_bbs4:hover{box-shadow:2px 2px 6px #3a9ff4 inset;} .B_Area .btn{padding:0; min-width:20%; height:50px; line-height:48px; font-size:17px;display:inline-block;text-align:center;} /*로그인*/ #login_bg{width:100%; height:100%} #login_bg .login_box{width:1000px; margin:0 auto;} #login_bg .login_box .login_box_logo {margin:0 auto; padding-top:100px;} #login_bg .login_box .login_box_logo img{width:207px;} #login_bg .login_box .login_box_table{width:300px; height:500px; margin:0 auto; background:#;} #login_bg .login_box .login_box_table .title{margin-bottom:30px;text-align:center;color:#fff;font-size:30px;} #login_bg .login_box .login_box_table p{text-align:center;margin-bottom:10px;} #login_bg .login_box .login_box_table ul{overflow:hidden;margin-bottom:15px;} #login_bg .login_box .login_box_table li{float:left;} #login_bg .login_box .login_box_table li img{width:26px; margin-right:15px;} #login_bg .login_box .login_box_table .login_btn{margin-bottom:10px;border-radius:5px; text-align:center; width:100%; background:#c20f25;} #login_bg .login_box .login_box_table .join_btn{border-radius:5px; text-align:center; width:100%; background:#26b5c1;} #login_bg .login_box .login_box_table .login_btn a{display:block;color:#fff;height:30px;font-size:14px;line-height:30px;} #login_bg .login_box .login_box_table .join_btn a{display:block;color:#fff;height:30px;font-size:14px;line-height:30px;} #login_bg .login_box .login_box_table .login_input{width:253px; height:40px; border:1px solid #999; text-indent:10px; color:#777;} /*로그인*/ /*head*/ #head{width:100%; background:#e4e7ea; height:50px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16); position:fixed; z-index:99;} #head .head_logo{background:#fff; width:180px; height:50px; float:left; text-align:center;} #head .head_logo img{width:120px; margin:8px 0 0 0;} #head .head_right_btn{margin-top:18px;max-width:1000px;overflow:hidden;} #head .head_right_btn div{float:right;} #head .head_right_btn li{color:#777; font-size:12px; float:left; margin-right:15px; line-ehgith:10px;} #head .head_right_btn li img{width:20px; vertical-align:middle; margin-right:5px;} #head .head_right_btn li a{color:#444;} #head .head_right_btn li a:hover {text-decoration:underline; color:#444;} #head .head_right_btn li a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#adadad;} /*head*/ /*l_aside*/ #l_aside{position:relative;z-index:10;} #l_aside .lnb_box{position:fixed;left:0;top:0;width:180px;height:100%;background:#fff;box-shadow: 6px 6px 6px #d3d3d3;overflow:hidden;} #l_aside .utill{ text-align:center; line-height:24px; background:#181818;} #l_aside .utill .bt_lst{overflow:hidden; } #l_aside .utill a{display:block; font-size:11px; float:left; box-sizing:border-box;} #l_aside .bt1{background:#9E9E9E; height:36px; line-height:32px; color:#fff; width:32%} #l_aside .bt2{background:#828282; height:36px; line-height:32px; color:#fff; width:36%} #l_aside .bt3{background:#6D6D6D; height:36px; line-height:32px; color:#fff; width:32%} #l_aside .utill .txt{ font-size:12px; padding:20px 10px 10px; color:#fff; text-align:center;} #l_aside .lnb_box dl{font-size:14px; height:40px; font-weight:none; color:#333; border-bottom:1px solid #b9b9b9; margin-bottom:10px;line-height:40px;} #l_aside .lnb_box img{width:22px; vertical-align:middle; margin-top:-2px; margin-left:5px; margin-right:6px;} #l_aside .lnb_box ul{margin-bottom:20px;} #l_aside .lnb_box li{line-height:22px; text-indent:15px;font-size:13px;} #l_aside .lnb_box li a{color:#777;} #l_aside .lnb_box li a:hover {text-decoration:underline; color:#5c81c0;} #l_aside .lnb_box li a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#5c81c0;} /*l_aside*/ /*contents*/ #contents{z-index:4; margin-left:190px; width:1200px;} #contents .content{padding:25px 0 100px 25px;} #contents .content h3{line-height: 31px;padding-bottom: 20px;font-size: 28px;font-weight: 500;color: #333;} #contents .content .search_box{text-align:center; position:relative; padding:15px; background:#f8f8f8;} #contents .content .search_box .tt{display:block; height:30px; line-height:30px; padding-left:20px; background: url(../img/search_icon.png) 0 center no-repeat; color:#222; text-align:left;font-size:14px;} #contents .content .search_box td.left .btn{display:inline-block;padding:0 5px;text-align:center;} #contents .content .search_box td.con .btn{margin-right:0; height:50px; line-height:48px; border-radius:4px;} #contents .content .inTxt{height:30px; line-height:28px} #contents .content .infile{height:30px; line-height:28px} #contents .content .select{height:30px; line-height:28px} #contents .content .search_wrap .inTxt{height:40px; line-height:38px} #contents .content .search_wrap .select{height:40px; line-height:38px} #contents .content .A_info_txt{line-height:20px; color:#555; padding:5px 0;} table{ border-collapse:collapse} #contents .content .A_table{clear:both; width:100%; border-top:2px solid #666; word-wrap:break-word} #contents .content .A_table tr:first-child > th, #contents .content .A_table tr:first-child > td{ } #contents .content .A_table th.title{ border:1px solid #b8b8b8; background:#f4f4f4; text-align:center; padding:10px; line-height:20px; } #contents .content .A_table th.left{ padding:10px 10px 10px 15px; text-align:left; border:1px solid #b8b8b8; background:#fbfbfb;line-height:20px; color:#333} #contents .content .A_table td{background:#fff;} #contents .content .A_table td.base{ border:1px solid #b8b8b8; text-align:center; padding:8px; line-height:20px; word-wrap:break-word} #contents .content .A_table td.nm,#contents .content .A_table td.nom,#contents .content .A_table td.user,#contents .content .A_table td.date,#contents .content .A_table td.hit{word-break:break-all; border:1px solid #b8b8b8; text-align:center; padding:8px; line-height:20px; color:#888;font-size:12px;} #contents .content .A_table td.non{ border:1px solid #b8b8b8; text-align:center; padding:8px; line-height:120px;} #contents .content .A_table td.left{ border:1px solid #b8b8b8; padding:8px 8px 8px 15px; line-height:20px; text-align:left;} #contents .content .A_table td.subject{ border:1px solid #b8b8b8; padding:0 8px 0 25px; line-height:20px; text-align:left;} #contents .content .A_table td.subject a.all{ display:block;color:#888; padding:8px 0} #contents .content .A_table td.nom .ch{position:relative; float:left;} #contents .content .A_table td.nom .ch input{position:absolute; top:4px; left:-5px} #contents .content .A_table td img{vertical-align:middle} #contents .content .A_table td .img_Area{text-align:left; line-height:18px;display:inline-block;padding:5px 0 5px 10px} #contents .content .A_table td .img_Area img{vertical-align:middle} #contents .content .A_table td.tit{border:1px solid #b8b8b8; border-right:0; padding:0 8px 0 25px; line-height:20px; color:#888; text-align:left;} #contents .content .A_table td.edit{border:0;border-bottom:1px solid #b8b8b8; } #contents .content .A_table td.visit{padding:10px 0; text-align:left; border-bottom:1px solid #b8b8b8; } #contents .content .A_table td.bt{ border:1px solid #b8b8b8; text-align:center; padding:10px; line-height:20px;} #contents .content .A_table td.bt .btn{ height:28px; line-height:26px} #contents .content .A_table td .bt_lst ul{width:56%; display:inline-block} #contents .content .A_table td .bt_lst li{padding-bottom:5px} #contents .content .A_table td .bt_lst li:last-child{padding-bottom:0;} #contents .content .A_table td .bt_lst li .btn{ padding:0; width:70px} #contents .content .A_table td .bt_lst .refresh{width:20%; display:inline-block; vertical-align:top;} #contents .content .A_table td .bt_lst .refresh .btn{font-size:16px; height:30px; line-height:26px;} #contents .content .A_table td.bak{text-align:center; background:#FCFCFC; font-weight:600} /*페이징*/ .paging {text-align: center; clear:both; } .paging strong {display: inline-block; height: 34px; line-height: 32px; margin: 0 1px; width: 34px; color:#fff; text-align:center; font-size:14px; background:#27283d; box-sizing:border-box} .paging a {display: inline-block; height: 34px; line-height: 32px; margin: 0 2px; vertical-align: top; width: 34px; color:#5a5a5a; font-size:14px; box-sizing:border-box;} .paging a.prev, .paging a.next { height: 34px; margin: 0 3px; width: 30px; line-height: 32px; text-align:center; color:#a0a0a0; font-size:15px} .paging .nom{padding:0 8px; display:inline-block} .paging a span { display:none; outline: medium none; overflow: hidden; text-indent: -9999em;} .Mem_pop{position:relative; padding:20px; box-sizing:border-box;} .Mem_pop h4{text-align:center; line-height:30px; font-size:22px; color:#333; font-weight:500; padding-bottom:30px} .Mem_pop .menu{padding-bottom:20px;} .Mem_pop table{ border-collapse:collapse} .list_type1 .b_table{clear:both; width:100%; border-top:2px solid #27283d} .list_type1 .b_table th.subject{border-bottom:1px solid #ddd; text-align:left; padding:18px 10px; color:#333; font-weight:500; font-size:16px} .list_type1 .b_table th.title{border-bottom:1px solid #333; color:#333; padding:18px 10px; text-align:center; font-size:15px; font-weight:500} .list_type1 .b_table td th.title{border-bottom:1px solid #ddd} .list_type1 .b_table th.left{border-bottom:1px solid #ddd; color:#333; padding:12px; text-align:left; line-height:26px; background:#f8f8f8; font-size:15px;font-weight:500;} .list_type1 .b_table td.left{border-bottom:1px solid #ddd;color:#333; padding:10px; text-align:left; line-height:20px; word-wrap:break-word; position:relative; font-size:15px;} .list_type1 .b_table td.edit{border-bottom:1px solid #ddd; word-break:break-all;word-wrap:break-word;} .list_type1 .b_table td.text{border-bottom:1px solid #ddd; word-break:break-all;word-wrap:break-word; padding:15px 0} .list_type1 .b_table td.non{border-bottom:1px solid #ddd; text-align:center; line-height:200px; } .list_type1 .b_table td.con{border-bottom:1px solid #ddd; word-break:break-all;word-wrap:break-word; min-height:100px; line-height:130%; padding:10px; font-size:14px;text-align:left;} .list_type1 .b_table td.con .view{margin-bottom:10px;vertical-align:top;} .list_type1 .b_table td.con .view img{} .list_type1 .b_table td.con img{max-width:100%} .list_type1 .b_table td.nom .ch{position:relative; float:left; padding:10px 0 10px 0; text-align:left; line-height:18px; width:1px;} .list_type1 .b_table td.nom .ch input{position:absolute; top:5px; left:-10px; } .list_type1 .b_table td.nom .notice{color:#333; font-weight:bold;} .list_type1 .b_table td.nom, .list_type1 .b_table td.user, .list_type1 .b_table td.date, .list_type1 .b_table td.base, .list_type1 .b_table td.hit{border-bottom:1px solid #ddd;color:#555; padding:18px 10px; text-align:center; font-size:15px; vertical-align:middle} .list_type1 .b_table td.subject{border-bottom:1px solid #ddd; text-align:left; padding:18px 10px;} .list_type1 .b_table td .ch{position:absolute; left:-8px;} .list_type1 .b_table td .all{display:block; color:#333; font-size:15px} .list_type1 .b_table td .all .cate{color:#555} .list_type1 .b_table td .img_Area{ text-align:left; line-height:18px;display:inline-block; padding:0 10px 0 0} .list_type1 .b_table td img{vertical-align:middle} .list_type1 .b_table td .replay{ text-align:left; display:inline-block; padding:0 5px 0 0; width:20px; height:20px;} .list_type1 .b_table td.bt{border-bottom:1px solid #ddd;color:#666; font-size:14px; padding:15px; text-align:center; line-height:26px;} .list_type1 .b_table td.bt .btn{margin:0 auto; } .list_type1 .b_table td .agr_box{background:#f7f7f7;padding:20px;color:#555;font-size:12px;} .list_type1 .b_table td .agr_txt{padding-top:5px;font-size:13px;} .list_type1 .b_table td .agr_txt span{} .dog_profile{overflow:hidden;} .dog_profile dt{float:left;margin-right:20px;} .dog_profile dd{float:left;width:600px;} .dog_profile dd ul{float:left;} .dog_profile dd ul li{float:left;width:300px;margin-bottom:10px;font-size:14px;} .dog_profile dd ul li strong{float:left;width:40px;} .dog_profile dd ul li span{float:left;} .Gallery_type1{padding-top:50px;} .Gallery_type1 .g_lst {margin:0 -20px; font-size:0} .Gallery_type1 .g_lst li{display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; padding:0 10px 50px; position:relative;} .Gallery_type1 .g_lst li .ch{width:calc(100% - 20px); position:absolute; top:-20px; left:0;padding:0 10px;text-align:left; } .Gallery_type1 .g_lst li .ch span{float:right; line-height:15px; font-size:13px; color:#666;} .Gallery_type1 .list-view li.non{width:100%; font-size:18px; line-height:300px; text-align:center;} .Gallery_type1 .g_lst li a.img{border-top:1px solid #404040; display:block; min-height:142px} .Gallery_type1 .g_lst li dl{padding:10px; border:1px solid #ddd} .Gallery_type1 .g_lst li dl dt{ padding:0 0 5px 0; color:#333} .Gallery_type1 .g_lst li dl dt strong{display:block; height:40px; word-break:break-all; line-height:20px; font-size:14px; color:#333;overflow:hidden;} .Gallery_type1 .g_lst li dl dt span{display:block; height:20px; word-break:break-all; line-height:20px; font-size:12px; color:#333;overflow:hidden;} .Gallery_type1 .g_lst li dl dd{ line-height:20px; font-size:13px; color:#666; position:relative; overflow:hidden;} .Gallery_type1 .g_lst li dl dd span{float:left;margin-right:5px;color:#666 } .Gallery_type1 .more_Area{text-align:center;} .Gallery_type1 .more_Area .btn{text-align:center; border-right:0; border-left:0; height:38px; line-height:36px; width:100%; font-size:15px; padding:0; cursor:pointer} .Gallery_type1 .more_Area .btn .fa-plus{font-weight:500; padding-right:5px; font-size:12px} .Gallery_type1 .content {border-top:2px solid #333; padding-top:0} .Gallery_type1 .content .subject{ padding:18px 10px; text-align:left; color:#333; font-size:16px; font-weight:500; border-bottom:1px solid #ddd;} .Gallery_type1 .content .date_area{padding:5px 0; border-bottom:1px solid #ddd} .Gallery_type1 .content .date_area ul li{padding:5px 0 5px 80px; position:relative; font-size:13px;} .Gallery_type1 .content .date_area ul li span{display:inline-block} .Gallery_type1 .content .date_area ul li .tit{position:absolute; top:5px; left:0 ;} .Gallery_type1 .content .date_area ul li .bar{padding-right:10px;} .Gallery_type1 .content .date_area ul li .txt{} .Gallery_type1 .content .con{padding:10px; word-break:break-all; word-wrap: break-word; line-height: 130%; font-size: 14px; min-height:100px;border-bottom:1px solid #ddd; text-align:left;} input.cal_inp{border: 1px solid #ddd;color: #333;height: 35px;line-height: 33px;text-indent: 10px;box-sizing: border-box;vertical-align: top;background:#fff url(/semo/admin/img/btn_calendar.gif) no-repeat 96% center;} /* 공지사항 상세보기 댓글달기 */ div.wrt_box{max-width:1175px;position:relative;padding-right:150px;margin-bottom:20px;overflow:hidden} div.wrt_box textarea{float:left;width:calc(100% - 22px);height:66px;padding:10px;color:#888;} div.wrt_box span{position:absolute;top:0;right:0;width:130px;height:86px;background:#c30e24;border:1px solid #aaa;color:#fff;font-size:14px;text-align:center;line-height:86px;cursor:pointer} table.rp_list{max-width:1175px;border-top:1px solid #ddd;} table.rp_list th{padding:14px 0 14px 20px;border-bottom:1px solid #ddd;background:#fbfbfb;font-size:14px;text-align:left;vertical-align:top;} table.rp_list th span{display:block;margin-top:6px;color:#585858;font-weight:normal;} table.rp_list td{padding:14px 014px 20px;border-bottom:1px solid #ddd;background:#fff;color:#585858;font-size:13px;line-height:20px;text-align:left;}