@charset "utf-8"; .default_tablestyle table th { border-bottom: blue 1px solid !important; border-top: blue 2px solid !important; color:blue !important; height: 26px; } .modify_user table th {background-color:blue !important;border:1px solid #dddddd;} @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 100; src: local('Noto Sans Thin'), local('NotoSans-Thin'), url(../fonts/NotoSansKR-Thin-Hestia.eot), url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: local('Noto Sans Light'), local('NotoSans-Light'), url(../fonts/NotoSansKR-Light-Hestia.eot), url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 350; src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), url(../fonts/NotoSansKR-DemiLight-Hestia.eot), url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../fonts/NotoSansKR-Regular-Hestia.eot), url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../fonts/NotoSansKR-Medium-Hestia.eot), url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/NotoSansKR-Bold-Hestia.eot), url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype'); } @font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 900; src: local('Noto Sans Black'), local('NotoSans-Black'), url(../fonts/NotoSansKR-Black-Hestia.eot), url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'), url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype'); } /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;border:0;font-size:0.75em;font-family:'Noto Sans Korean',sans-serif} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans Korean',sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul{margin:0;padding:0;list-style:none} ol,li,dl,dt,dd{margin:0;padding:0} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-family:'Noto Sans Korean',sans-serif;font-size:1em} button {border:none;cursor:pointer} textarea, select {font-family:'Noto Sans Korean',sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=text],input[type=password], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow: 0 0 5px #9ed4ff; -moz-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; } /* Validator Error ITN 추가*/ span[class=error] {color: red; float: left; margin: 0px 10px;} #wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex;} /*헤드*/ .clear {clear:both;} .post_hd {position:relative;width:1903px;height:83px;background:#494b50;} .logo {display:block;width:209px;height:83px;float:left;} .hd_menu {position:absolute;display:block;margin-left:237px;width:920px;height:83px;} .hd_menu ul {} .hd_menu ul li { display:block; float:left; width:125px; height:46px; margin-top:37px; margin-right:5px; text-align:center; padding-top:12px; background:url(/img/post/menu_back_off.png)no-repeat; font-size: 16px; color: #ffffff; } .hd_menu ul li:hover { background:url(/img/post/menu_back_on.png)no-repeat; } .hd_menu ul li a {font-size:16px;color:#ffffff;} .hd_submenu {margin-left:1150px;} .hd_submenu ul {width:300px;margin-left:23px;padding-top:23px;} .hd_submenu ul li {display:inline-block;margin-right:5px;font-size:16px;color:#ffffff;} .head_line {background:#4f84eb;height:5px;width:1903px;} .left_menu {width:209px;min-width:209px;min-height:1234px;background:#333438;float:left;} .left_head {width:209px;height:101px;background:#4f84eb;background:url(/img/post/ltt_icon.png)no-repeat center;} .left_head_txt {font-size:20px;color:#ffffff;text-align:center;padding-top:60px;font-weight:500;} .body_top_head {background:url(/img/post/left_arrow.png)no-repeat center right 15px;padding-left:24px;padding-top:15px;width:209px;height:49px;color:#ffffff;font-size:17px;font-weight:600;} .body_top_head a {color:#ffffff;font-size:17px;font-weight:600;} .left_body ul{width:100%;padding-left:24px;padding-top:10px;padding-bottom:10px;height:100%;background:#434549;} .left_body ul li {padding-top:5px;} .left_body ul li a {font-size:14px;color:#c2c3c4;} .left_body ul li a:hover {font-weight:500;color:#fff;} .ad_content { position:relative; float:left; /* margin-left:209px; */ width:1694px; min-height:1234px; background:#fff; box-shadow:-1px 0px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); } .ad_content2 { width:1694px; position:relative; /* margin-left:209px; */ min-height:1234px; background:#f1f3f7; box-shadow:-1px 0px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23);} .ad_subcon {width:1070px;} .ad_con_head {width:100%;height:100px;background:#ffffff;border-bottom:1px solid #e4e4e4;} .ad_head_text {width:1070px;padding-left:25px;padding-top:55px;} .today_txt {font-size:30px;color:#000;float:left;margin-right:20px;} .ad_head_ment {padding-top:23px;} .today_txt_2 li{float:left;font-size:13px;line-height:10px;margin-right:10px;padding-right:10px;border-right:1px solid #b1b1b1;} .today_txt_2 li:last-child {border:none;} .today_last_txt {line-height:10px;font-size:12px;color:#767676;float:right;} .ad_con_body {padding-left:27px;padding-top:34px;} .bo_box {width:1060px;height:210px;} .left_bo {width:524px;height:215px;float:left;} .right_bo {width:524px;height:215px;float:right;} .left_bo_head {width:151px;height:33px;background:#3f6cef;border-radius:5px;font-size:16px;color:#ffffff;text-align:center;padding-top:3px;} .left_bo_in { width:510px; height:167px; background:#ffffff; border-radius:10px; border:1px solid #d4d4d4; margin-top:10px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); } .right_bo_head {width:151px;height:33px;background:#7b6fff;border-radius:5px;font-size:16px;color:#ffffff;text-align:center;padding-top:3px;} .right_bo_in { width:510px; height:167px; background:#ffffff; border-radius:10px; border:1px solid #d4d4d4; margin-top:10px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); } .left_bo_in ul {padding-left:20px;padding-top:10px;} .left_bo_in ul li {margin-top:7px;background:url(/img/post/li_dot.png)no-repeat left;padding-left:20px;} .left_bo_in ul li a {margin-left:5px;font-size:14px;color:#414141;vertical-align: middle;} .left_bo_in ul li a:hover {text-decoration:underline;} .right_bo_in ul {padding-left:20px;padding-top:10px;} .right_bo_in ul li {margin-top:7px;background:url(/img/post/li_dot.png)no-repeat left 2px;padding-left:20px;} .right_bo_in ul li a {margin-left:5px;font-size:14px;color:#414141;} .right_bo_in ul li a:hover {text-decoration:underline;} .li_today {font-size:14px;color:#a6a2a2;float:right;margin-right:30px;} .right_bo_li { font-size:14px;color:#ff6e6e;} .middle_box { margin-top:20px; border-radius:10px; width:1047px; height:450px; background:#ffffff; border:1px solid #d4d4d4; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); } .middle_head {float:left;margin-left:20px;padding-left:34px;padding-top:20px;font-size:20px;color:#373535;background:url(/img/post/micon_01.png)no-repeat 5px 25px } .gr_li {float:right;margin-top:30px;} .gr_li li {float:left;margin-right:35px;} .gr_img img{margin-left:20px;margin-top:15px;} .bottom_box {width:1060px;height:327px;} .l_bottom_head {margin-left:30px;padding-left:40px;padding-top:20px;letter-spacing:-1px;font-size:20px;color:#373535;background:url(/img/post/micon_02.png)no-repeat 5px 25px } .bottom_left_box { float:left; margin-top:20px; width:510px; height:327px; border-radius:10px; background:#ffffff; border:1px solid #d4d4d4; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23);} .r_bottom_head {float:left;margin-left:20px;padding-left:40px;letter-spacing:-1px;padding-top:20px;font-size:20px;color:#373535;background:url(/img/post/micon_03.png)no-repeat 5px 25px } .bottom_right_box { float:right; margin-right:13px; margin-top:20px; width:510px; height:327px; border-radius:10px; background:#ffffff; border:1px solid #d4d4d4; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.19), 0 1px 1px rgba(0, 0, 0, 0.23);} .left_bo_box {margin-left:33px;border-bottom:1px solid #eeeeef;margin-top:15px;width:450px;height:240px;overflow-y:scroll;} .left_bo_table {border-top:1px solid #4a63e7;text-align:center;border-collapse:collapse;} .left_bo_table th {height:30px;font-size:14px;color:#373535;border-left:1px solid #eeeeef;} .left_bo_table td {height:30px;font-size:14px;color:#797979;border:1px solid #eeeeef;} .r_bottom_sub {float:right;margin-top:55px;} .r_bottom_sub li {float:left;margin-right:30px;} .gr_2_img img{margin-left:15px;} .ad_bo_h2 {width:1045px; height:115px;border:1px solid #dedede;background:#f7f8f8;} .ad_bo_h3 {width:1045px; height:75px;border:1px solid #dedede;background:blue;} .board1_div1 {margin-left:15px;margin-top:20px;height:51px;} .board1_div1 select{font-size:14px;padding-left:5px;color:#414141;width:118px; height:33px; border:1px solid #dedede;margin-right:10px;} .board1_div1 input {width:202px; height:33px; border:1px solid #dedede;text-indent:10px} .board1_div1_ul {float:right;margin-top:40px;margin-right:10px;width:242px;height:33px;} .board1_div1_ul li button {width:78px;height:33px;border-radius:5px; font-size:14px;font-weight:400;margin:1px; position:relative; float:left; top:8px} .board1_div2_ul {float:right;margin-top:-10px;margin-right:10px;width:242px;height:33px;} .board1_div2_ul li button {width:78px;height:33px;border-radius:5px; font-size:14px;font-weight:400;margin:1px; position:relative; float:left; top:8px} .board1_div2_btn{float: right; margin-right:10px;}/* ITN 추가 */ .board1_div2_btn button {width:78px;height:33px;border-radius:5px; font-size:14px;font-weight:400;margin:1px; position:relative; float:left;} .delSttus_span {margin-top: 7px;margin-left: 7px;float: left;} .delSttus_checkbox {width: 49px !important;height: 23px !important;} .board1_search_btn{padding-left:15px;border: none;background:url(/img/post/button_12.png)no-repeat left; color:#646464; border:1px solid #dedede; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .board1_del_btn {border: none;background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .board1_save_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .board1_list_btn { border:1px solid #dedede;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%); color:#646464; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boset_ul {margin:0 auto;width:272px;height:33px;} .boset_ul li button {width:78px;height:33px;border-radius:5px;margin-right:5px; font-size:14px;font-weight:400; position:relative; float:left; top:8px} .boset_search_btn{padding-left:15px;border: none;background:url(/img/post/button_12.png)no-repeat left; color:#646464; border:1px solid #dedede; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boset_del_btn {border: none;background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boset_save_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .bore_ul {float:right;width:249px;height:33px;} .bore_ul li button {width:78px;height:33px;border-radius:5px;margin-right:5px; font-size:14px;font-weight:400; position:relative; float:left; top:8px} .bore_search_btn{padding-left:15px;border: none;background:url(/img/post/button_12.png)no-repeat left; color:#646464; border:1px solid #dedede; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .bore_del_btn {border: none;background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .bore_save_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .bore_update_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .bore_list_btn { border:1px solid #dedede;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%); color:#646464; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boweb_ul {float:right;width:249px;height:33px;} .boweb_ul li button {width:78px;height:33px;border-radius:5px;margin-right:5px; font-size:14px;font-weight:400; position:relative; float:left; top:8px} .boweb_del_btn {border: none;background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boweb_re_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boweb_update_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .boweb_list_btn { border:1px solid #dedede;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%); color:#646464; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .inbo2_boxt {width:100%;} /* ITN 수정 */ .inbo2_boxt {border-spacing:none;border-cellpadding:0;border-collapse:collapse;cellpadding:0; cellspacing:0;} .inbo2_boxt th{ background: #f8f9f9; background: #f8f9f9; font-size: 13px; color: #666; padding: 14px 0; font-weight: 500; border-top: 2px solid #134c74; border-bottom: 1px solid #e9eaea; } .inbo2_boxt td img{width:100%;} .inbo2_boxt td{ text-align:center; border: 0px; /* ITN 수정 */ border-bottom: 1px solid #dedede; /* ITN 추가 */ font-size: 13px; color: #414141; font-weight: 400;} /* .inbo2_boxt td:first-child{border-right:1px solid #fff;} */ /*ITN 삭제 */ /* .inbo2_boxt td:nth-child(4){padding:10px;} */ /*ITN 삭제 */ .inbo2_boxt .subject {text-align: left !important; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 30px; max-width: 180px;} .inbo2_boxt input[class="cb1"] { display: inline-block; margin-left:5px; width: 20px; height: 20px; border: 1px solid #bcbcbc; cursor: pointer;} .board_count {font-size:13px;color:#414141;margin-top:15px;float:right;} .ad_con_bottom {margin-left:60px;margin-top:40px;width:1068px;height:520px;border:1px solid #dedede;background:#fff;} .ad_con_bottom table {width:1000px;padding-left:22px;padding-top:22px;padding-bottom:20px;background:#fff;} .ad_con_bottom table tr {height:135px;margin-top:20px;} .ad_con_bottom table tr td:first-child {vertical-align:top;padding:0 5px;border:none;} .ad_con_bottom table tr td:nth-child(2) {border:none;} .ad_con_bottom table tr td {border:1px solid #dedede;} /* .ad_con_bottom2 {margin-left:27px;margin-top:40px;width:1045px;height:445px;border:1px solid #dedede;background:#fff;} */ /* .in_bo2_box {position:relative;width:1020px;margin-top:15px;height:444px;padding-left:27px;} */ .ad_con_bottom2 {margin-left:60px;margin-top:40px;width:1045px;} /* ITN 수정 */ .in_bo2_box {position:relative;width:1020px;margin-top:15px;margin-bottom:15px;padding-left:27px;}/* ITN 수정. 사용안함 */ .in_bo3_box1 {margin-top:0;} .in_bo3_box {margin-top:20px;} .in_bo2_box .in_bo2_first {float:left;margin-right:10px;} .in_bo2_box .in_bo2_first input[class="cb1"] {/*ITN 수정*/ display: inline-block; width: 20px; height: 20px; border: 1px solid #bcbcbc; cursor: pointer; } .in_bo2_box .in_bo2_second {float:left;} .in_bo2_box .in_bo2_third {margin-left:221px;width:769px;height:135px;border:1px solid #dedede;} .in_bo2_box .in_bo2_third p {padding:15px;font-size:14px;color:#414141;} .board1_btn {width:1045px;height:30px;text-align:center;} /* .board1_btn ul {margin-top:20px;margin-left:500px;} */ .board1_btn ul {display: table; margin-top:20px; margin-left: auto; margin-right: auto;} /* ITN 페이징 중앙정렬 (2018-08-27) */ .board1_btn ul li {float:left;margin-right:1px;} .board1_btn ul li button{width:29px;height:29px;border-radius:5px; background:#fff; border:1px solid #ededed; } .in_pho3_box {float:left;margin-right:20px;width:225px;height:212px;margin-top: 20px;} .in_pho3_box .in_photo_first {float:left;margin-right:10px;} .in_pho3_box .in_photo_first input[class="cb1"] { /*ITN 수정*/ display: inline-block; width: 20px; height: 20px; border: 1px solid #bcbcbc; cursor: pointer; } .in_photo_second {float:left;width:195px;height:222px;border:1px solid #dedede;} /*ITN 수정*/ .in_photo_second p {text-align:center; padding:10px;font-size:14px;color:#414141;line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .in_photo_second img {width:191px;height:150px; border-bottom:1px solid #dedede;} /*ITN 수정*/ .main1_div2 {position:relative; margin-left:27px;margin-top:20px;min-width:800px;background:#ffffff;} .main1_table {border-collapse:collapse;width:100%;font-size:14px; min-width:800px;} .main1_table td{border:1px solid #dedede; border-right:0px; padding-left: 10px;} .main1_table .subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0;} .main1_table th{font-size:13px;color:#000;background:blue; text-align:center; width:160px; height:50px; font-weight:600; line-height:50px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} /* .main1_table input{border:1px solid #dedede; width:245px; height:32px; margin:8px 10px; text-indent:10px } */ /* ITN 수정 */ .main1_table input{border:1px solid #dedede; width:245px; height:32px; text-indent:10px } /* ITN 수정 */ .main1_table input[type=radio] {width: unset;} /*ITN 추가*/ .main1_table input[type=file] {height: unset;text-indent: unset;} /*ITN 추가*/ .main1_table input[class="cb1"] { /*ITN 추가*/ display: inline-block; width: 20px; height: 20px; border: 1px solid #bcbcbc; cursor: pointer;} .main1_table textarea {width: 100%; margin-top: 7px; margin-bottom: 7px;}/*ITN 추가*/ .main1_table select {padding-left:5px;color:#414141;width:165px; height:35px; border:1px solid #dedede;} /* ITN 수정 */ .main1_table button {width:120px; height:30px; margin:10px; font-size:12px; line-height:30px;border:none;} .star_t {color:#fe3333;vertical-align:middle;line-height:1px;} .id_check_btn{background:#86abf3; color:#ffffff;} .id_check_btn img {padding-top:5px} .main1_table label span{ height:25px; margin:0px 5px} /* 게시판 관리자ID 로 인해 추가 */ .main1_table label button{margin: 0px 0px 3px;width:17px;color:#f6f6f6;background:none;} /* 게시판 관리자ID 로 인해 추가 */ .main1_table tr td .r_button {margin:unset; line-height:30px;font-size:12px;width:60px;height:35px;border-radius:5px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#fff;} /*ITN 추가*/ .main1_table .atchFileImg {max-width: 850px;} /* ITN 추가 */ .main1_table .imgView {max-width: 850px;} /* ITN 추가 */ #bbs_cn ul{padding-left:40px;list-style:unset;} #bbs_cn ol{padding-left:40px;} .radio_btns span{margin-right: 15px;vertical-align: middle;} .radio_btns span input[type=radio]{vertical-align: middle;} .updown_bbs {width: 1043px;position:relative; margin-left:27px;margin-top:80px;font-size: 10pt;border-bottom: 1px solid #d4d4d4;border-top: 1px solid #d4d4d4;} .updown_bbs .up_bbs {border-bottom: 1px solid #dedede;} .updown_bbs span { display: inline-block; padding: 5px 0 5px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 90%; } .updown_bbs .up_arrow {background:url(/img/post/up_arrow.png)no-repeat left center;width:70px; padding-left: 20px;} .updown_bbs .down_arrow {background:url(/img/post/down_arrow.png)no-repeat left center;width:70px; padding-left: 20px;} /*레이어팝업*/ .setDiv {padding-top: 100px;text-align: center;} .mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;} .window {display: none;background-color: #ffffff;width:410px; height:210px;z-index:99999; border-radius:10px} .id_check1{width:410px;height:84px; background:#6c99f1; color:#ffffff; text-align:center; border-top-left-radius:10px;border-top-right-radius:10px;} .id_check1 input{border:none;width:16px; height:24px; color:#ffffff;background:url("/img/post/X.png") no-repeat; font-size:18px; position:absolute; right:0px; margin:10px} .id_check1 span{padding-left:30px;background:url(/img/post/id_check_img1.png)no-repeat 1px;position:relative; font-size:20px; top:30px} .id_check1 img {} .id_check2{width:410px;height:70px; font-size:16px; line-height:70px} .id_check2 input {width:188px; height:33px; border:1px solid #dedede; margin:17px} .id_check3{width:410px;height:56px; background:#f0f0f0; color:#646464; font-size:14px;border-bottom-left-radius:10px; border-bottom-right-radius:10px} .id_check3 span{line-height:56px} .id_check3 button{background:url(/img/post/check_id.png);border:none;width:133px; height:34px;margin:13px;padding-right:10px;color:#ffffff; border-radius:10px} .btn_li2 {margin-top:12px;width:166px;height:33px;float:right;} .btn_li2 li:first-child {float:left;margin-right:10px;} .main1_btn {width:78px; height:33px; border-radius:5px; background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%); color:#646464; font-size:13px; font-weight:bold ; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .main1_save_btn {background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .main1_delete_btn {background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%);color: #ffffff;} /*ITN 이미지 버튼에 cursor:pointer */ .mem_count {font-size:13px;color:#414141;margin-top:15px;float:right;} .ad_mem_list {width:1045px;margin-left:27px;margin-top:25px; min-width:800px} .ad_mem_list span {position:relative; float:right; right:0px; margin-top:-23px; font-size:12px} .ad_mem_list table{background:#fff;width:100%;border-collapse:collapse;height:72px;border:1px solid #dedede; margin-top:35px } .ad_mem_list th {background:#ededed;font-size:14px; color:#000; height:35px; font-weight:600; line-height:35px;border:1px solid #dedede;} /*ITN 추가 vertical-align: middle;*/ .ad_mem_list td {text-align:center;font-size:14px;color:#414141;line-height:35px;border:1px solid #dedede; } /*ITN 추가 vertical-align: middle;*/ .ad_bo_list {width:1045px;margin-left:27px;margin-top:25px; min-width:800px} .ad_bo_list span {position:relative; float:right; right:0px; margin-top:-23px; font-size:12px} .ad_bo_list table {background:#fff;width:100%;border-collapse:collapse;height:72px;border:1px solid #dedede; margin-top:35px } .ad_bo_list th {background:#ededed;font-size:13px; color:#000; height:35px; font-weight:600;border:1px solid #dedede;} /*ITN 추가 vertical-align: middle;*/ .ad_bo_list td {height:33px; text-align:center;font-size:13px;color:#414141;font-weight:400;border:1px solid #dedede; } /*ITN 수정 */ .ad_bo_list th input {width:20px;height:20px;}/*ITN 수정 */ .ad_bo_list td input {width:20px;height:20px;}/*ITN 수정 */ .ad_bo_list .subject {text-align: left !important; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 30px; max-width: 180px;} .ad_bo_list button {width:80px; height:30px; font-size:12px; color:#fff; border-radius:5px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); } .ad_organcon {margin-left:27px;margin-top:20px;width:1050px;height:750px;} .org_head {font-size:15px;color:#494b50;} .organ_leftbox {float:left;} .organ_rightbox {margin-left:292px;width:757px;height:100%;} .organ_righthead {float:left; font-size:20px;color:#6880ab;} .add_emp {margin-top:15px;width:65px;height:29px;background:#6880ab;border-radius:5px;color:#ffffff;padding-top:3px;text-align:center;font-size:14px;} .organ_rightbox span {position:relative; float:right; right:0px; margin-top:-23px; font-size:12px} .organ_rightbox table{background:#fff;width:100%;border-collapse:collapse;border:1px solid #dedede; margin-top:5px;} .organ_rightbox th {background:#ededed;font-size:14px; color:#000; height:35px; font-weight:600; line-height:35px;border:1px solid #dedede;} /*ITN 추가 vertical-align: middle;*/ .organ_rightbox td {text-align:center;font-size:14px;color:#414141;line-height:35px;border:1px solid #dedede; } /*ITN 추가 vertical-align: middle;*/ .reply_emp {margin-top:20px;background:url(/img/post/reply_emp.png)no-repeat 5px;padding-left:20px;font-size:18px;color:#7a828e;} .organ_rightbox .r_button {margin:unset; font-size:12px;width:40px;height:25px;border-radius:5px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#fff;} /*ITN 추가*/ .ad_organcon .d_button {margin:unset; font-size:12px;width:40px;height:25px;border-radius:5px; background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#fff;} /*ITN 추가*/ .emp_div2 {position:relative;} .emp_table {width:755px !important;border-collapse:collapse;font-size:14px;} .emp_table td{border:1px solid #dedede; border-right:0px;text-align:left !important;} .emp_table th{font-size:14px;color:#414141;background:#f6f6f6; text-align:center; width:160px; height:50px; font-weight:400; line-height:50px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} .emp_table input{border:1px solid #dedede; width:245px; height:32px;;margin:8px 10px; text-indent:10px } .emp_table select {padding-left:5px;color:#414141;height:35px; border:1px solid #dedede; margin:8px 10px} .emp_table button {width:120px; height:30px; margin:10px; font-size:12px; line-height:30px;border:none;} /*Login*/ .post_login_div {width:100%; height:1080px; background:url("/img/post/login_img1.jpg") no-repeat; background-size:cover} .login_logo {position:absolute; left:50%; top:-100px; margin-left:-147px} .login_box {width:804px; height:403px; position:relative; left:50%; top:290px; background:#fff; border-radius:10px; margin-left:-402px } .login_left {width:334px; height:404px; background:url("/img/post/login_img2.png") no-repeat; float:left; border-bottom-left-radius:10px; border-top-left-radius:10px; padding-top:40px;text-align:center;} .login_left span {font-size:32px; color:#fff;text-align:center; } .login_left p {margin-top:220px;} .login_left p a {font-size:23px;color:#fff;text-align:center;} .login_right {width:350px; color:#525252;height:304px; float:left; position:relative; left:75px; top:80px} .login_right p{font-size:20px} .login_right input {border:none;width:320px; height:35px; border-bottom:2px solid #525252; margin:20px 0px} .post_login_div span {position:relative; top:000px} .login_submit {cursor:pointer;width:316px; height:50px; border:0px; background:#3279c8; border-radius:10px; color:#fff; font-size:24px; margin-top:10px;} .login_copy {position:absolute; top:430px; left:50%; margin-left:-273px; color:#fff; font-size:20px} .bo_set_body {width:1045px;height:100%;margin-left:27px;margin-top:20px;} .bo_set_body table {width:100%;border-collapse:collapse;background:#fff;} .bo_set_body th {background:#ededed;font-size:13px; color:#000; height:40px; font-weight:600; line-height:35px;border:1px solid #dedede;} /*ITN 추가 vertical-align: middle;*/ .bo_set_body td {text-align:left;padding-left:10px;font-size:14px;color:#414141;line-height:35px;border:1px solid #dedede; } /*ITN 추가 vertical-align: middle;*/ .bo_set_body label {width:60px; margin:0px 5px} .bo_set_body label span{ height:25px; margin:0px 5px} .bo_set_body label button{margin-bottom:7px;width:17px;color:#f6f6f6;background:none;} .bo_set_body input{height:35px; margin:0px; text-align:left; border:1px solid #dedede} .bo_set_body select{font-size:14px;padding-left:5px;color:#414141;width:118px; height:40px; border:1px solid #dedede;margin-right:10px;} .bo_set_body tr td .r_button {line-height:30px;font-size:12px;width:60px;height:30px;border-radius:5px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#fff;} /*pop*/ /* 게시판 관리자 팝업 ITN 수정 */ .pop_wrapper{width:360px; height:480px;} .pop_div1{font-size:24px} .pop_div2{width:100%; background:#fff;} .pop_div2 table{width:100%; height:50px; border:1px solid #dedede} .pop_div2 td {vertical-align:middle} .pop_div2 select{width:50px;border:1px solid #dedede} .pop_div2 input{width:100%;border:1px solid #dedede; } .pop_div2 button {width:60px; height:30px; font-size:12px; color:#414141; border-radius:5px;background:url(/img/post/button_12.png)no-repeat left; } .pop_div3 table{width:100%;border-collapse:collapse;} .pop_div3 th {height:35px; border:1px solid #dedede; background:#7a828e; vertical-align:middle; color:#fff;font-size:14px; font-weight:400} .pop_div3 td {height:35px; border:1px solid #dedede; text-align:center; line-height:24px; font-size:14px} .pop_div3 td input{cursor:pointer;border:none;color:#ffffff !important; width:40px; height:25px; font-size:12px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%);color:#000; border-radius:3px; } .pop_div4 {width:100%;height:30px;text-align:center;} .pop_div4 ul {display: table; margin-top:20px; margin-left: auto; margin-right: auto;} /* ITN 페이징 중앙정렬 (2018-08-27) */ .pop_div4 ul li {float:left;margin-right:1px;} .pop_div4 ul li button{width:29px;height:29px;border-radius:5px; background:#fff; border:1px solid #ededed; } /* .pop_div4 {position:relative;text-align:center;} .pop_div4 .pop_div4_li {display:inline-block;;margin:0 auto;} .pop_div4 .pop_div4_li li{float:left;padding:0 5px;height:15px;line-height:10px;font-size:16px;color:#414141;margin:10px 0; border-right:1px solid #414141;} .pop_div4 .pop_div4_li li:last-child{border:none;} */ .pop_page_btn{background:transparent;height:15px; } .pop_close_btn{width:60px;height:30px;margin-top:10px; border-radius:5px;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%);} .bo_list_co {width:1045px;margin-left:27px;margin-top:25px; min-width:800px} .bo_list_co .reply{padding-right:5px;border-right:none !important;} .bo_list_co span {position:relative; float:right; right:0px; margin-top:-23px; font-size:12px} .bo_list_co table {background:#ffffff;width:100%;border-collapse:collapse;height:72px;border:1px solid #dedede; margin-top:35px } .bo_list_co th {background:#ededed;font-size:14px; color:#000; height:35px; font-weight:600;border:1px solid #dedede;} /*ITN 추가 vertical-align: middle;*/ .bo_list_co td {height:30px;text-align:center;font-size:14px;color:#414141;border-bottom:1px solid #dedede; } /*ITN 추가 vertical-align: middle;*/ .bo_list_co td a {font-size:14px;color:#414141;} .bo_list_co td:nth-child(3) {width:50px;border-right:none !important;} .bo_list_co td:nth-child(4) {border-left:none !important;text-align:left;} .bo_list_co th input {width:20px;height:20px;} .bo_list_co td input {width:20px;height:20px;} .bo_list_co button {width:80px; height:30px; font-size:12px; color:#fff; border-radius:5px; background: linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); } .bo_list_co table .lock {text-align:right;padding-right:5px;} .bo_div4 {position:relative;text-align:center;} .bo_div4 .bo_div4_li {display:inline-block;;margin:0 auto;} .bo_div4 .bo_div4_li li{float:left;padding:0 7px;height:15px;line-height:10px;font-size:16px;color:#414141;margin:15px 0; border-right:1px solid #414141;} .bo_div4 .bo_div4_li li:last-child{border:none;} .bo_div4_btn{background:transparent;height:15px; } .ad_con_body table { width: 100%; border-collapse: collapse; border-spacing: 0; background:#ffffff; } .ad_con_body table tr:nth-child(3){height:60px;} .ad_con_body th { width: 150px; padding: 7px 13px; border: 1px solid #dedede; background: #f7f7f7; text-align: center; font-weight:600; font-size:13px; color:#000; } .ad_con_body td { padding: 10px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: transparent; } .ad_con_body td img{ margin:0 5px; } .ad_con_body table input[type="text"] {width:180px;border:1px solid #babdc2;} .ad_con_body table input[type="checkbox"] {width:20px;height:20px;} .ad_con_body table input[type=text], input[type=password], textarea {width:180px;border:1px solid #babdc2;} .fbHeader { position: relative; height: 32px; padding: 10px 0 0 5px; line-height: 30px; } .fbHeader h2 { margin: 0; font-size: 14px; display: inline; } i { display: inline-block; font-family: xeicon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fbHeader h2 em { font-style: normal; color: #36353d; margin:10px 5px; } .fbList { margin: 10px 0; padding: 0; /* border:1px solid #babdc2; */ border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; } .fbList li { border-bottom:1px solid #dedede; } .fbList li:last-child { border-bottom:0px; } .fbList #bo_vc_empty { margin: 5px; } .tbl_frm01 table { width: 100%; border-collapse: collapse; border-spacing: 0; } .tbl_frm01 th { width: 35px; font-size:14px; color:#414141; font-weight:400; height:100%; /* border-right:1px solid #babdc2; */ text-align: left; } .tbl_frm01 td { height:100%; /* border-bottom: 1px solid #e9e9e9; */ background: transparent; } .tbl_frm01 .btn_confirm { text-align: center; } .ment_con_bottom {margin-left:27px;margin-top:30px;width:1045px; padding-bottom: 20px;} /* .bo_vc_w {border:1px solid #babdc2;} */ .bo_vc_w {border:0px;margin-top: 10px;} .tbl_frm01 table textarea {width:930px;margin:3px;border:1px solid #babdc2;} .tbl_frm01 table button {width:80px;border-radius:5px;height:30px;border:1px solid #dedede;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .ment_con_bottom .ment_save_btn2 {width:60px;height:60px;font-size:12pt;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer;} /* .fbList_btn {float: right;padding-top: 10px;} */ .fbList_btn {float: right;padding-top: 10px; } .ment_con_bottom .ment_save_btn {width:40px;height:30px;background:#6fa6da;} .ment_con_bottom .ment_delete_btn {width:40px;height:30px;background:#4a81b4;} .bbsList { margin-top:20px; width: 20%; border-collapse: collapse; } .bbsList thead { display: none; } .bbsList .line_sub span {margin-right:5px;} .main1_btn_div{float: right; margin-top:15px;}/* ITN 추가 */ .td_txt_exist{padding: 10px;}/* ITN 추가 */ /*pop re*/ .research_wrapper{width:610px; height:100%;padding:30px;} .re_head {font-size:18px;} .research_box {width:600px;padding:5px;margin-top:30px;} .research_head {width:100%;height:36px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#f7f7f7;} .research_head p{font-size:13px;color:#2e3337;padding:7px;} .research_head p span {float:right;font-size:13px;color:#686868;} .research_bottom {width:100%;height:100%;margin-top:25px;} .research_form1 .research_fhead {padding:10px 20px;;border-bottom:2px dotted #e3e3e3} .research_form1 .research_fbody ul {padding-top:3px;} .research_form1 .research_fbody ul li{padding-left:5px;line-height:20px;color:#2a2a2a;font-weight:400;} .research_form2 .research_fhead {padding:10px 20px;;border-bottom:2px dotted #e3e3e3;margin-top:35px;} .research_form2 .research_fbody ul {padding-top:3px;} .research_form2 .research_fbody ul li{padding-left:5px;line-height:20px;color:#2a2a2a;font-weight:400;} .research_close_btn{float:right;width:60px;margin-right:-40px;font-size:13px;height:25px;border-radius:5px;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%);} /*pop view*/ .popview_wrapper{width:610px; height:100%;padding:30px;} .popvi_head {font-size:18px;} .popview_box {width:600px;padding:5px;margin-top:30px;} .popview_head {width:100%;height:36px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#f7f7f7;} .popview_head p{font-size:13px;color:#2e3337;padding:7px;} .popview_head p span {float:right;font-size:13px;color:#686868;} .popview_bottom {width:100%;height:100%;margin-top:25px;} .popview_form1 .popview_fhead {padding:10px 20px;;border-bottom:2px dotted #e3e3e3} .popview_form1 .popview_fbody ul {padding-top:3px;} .popview_form1 .popview_fbody ul li{padding-left:5px;line-height:20px;color:#2a2a2a;font-weight:400;} .popview_form2 .popview_fhead {padding:10px 20px;;border-bottom:2px dotted #e3e3e3;margin-top:35px;} .popview_form2 .popview_fbody ul {padding-top:3px;} .popview_form2 .popview_fbody ul li{padding-left:5px;line-height:20px;color:#2a2a2a;font-weight:400;} .popview_close_btn{float:right;width:60px;margin-right:-40px;font-size:13px;height:25px;border-radius:5px;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%);} .popview_fbody .view_text {margin-left:30px;color:#515151;font-weight:300;} .popre_div1 {margin-left:15px;margin-top:20px;height:51px;} .popre_div1 select{font-size:14px;padding-left:5px;color:#414141;width:118px; height:33px; border:1px solid #dedede;margin-right:10px;} .popre_div1 input {width:202px; height:33px; border:1px solid #dedede;text-indent:10px} .popre_div1_ul {float:right;margin-top:40px;margin-right:10px;width:242px;height:33px;} .popre_div1_ul li button {width:78px;height:33px;border-radius:5px; font-size:14px;font-weight:400;margin:1px; position:relative; float:left; top:8px} .popre_div2_ul {float:right;margin-top:-10px;margin-right:10px;width:78px;height:33px;} .popre_div2_ul li button {width:78px;height:33px;border-radius:5px; font-size:14px;font-weight:400;margin:1px; position:relative; float:left; top:8px} .popre_search_btn{padding-left:15px;border: none;background:url(/img/post/button_12.png)no-repeat left; color:#646464; border:1px solid #dedede; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .popre_del_btn {border: none;background: linear-gradient(to bottom, #fe5d5d 0%,#ef4141 50%,#dd2828 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .popre_save_btn{border: none;background:linear-gradient(to bottom, #588ef6 0%,#4f85ee 50%,#3e72e1 100%); color:#ffffff; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .popre_list_btn { border:1px solid #dedede;background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 50%,#dfdfdf 100%); color:#646464; cursor:pointer} /*ITN 이미지 버튼에 cursor:pointer */ .popre_count {margin-left:27px;font-size:13px;color:#656565;margin-top:25px;} .popre_body {margin-left:27px;margin-top:30px;width:70%;height:600px;} .popre_inbox {} /* Vertical Bar Graph */ .vGraph{ padding:20px 0;} .vGraph ul{ margin:0; padding:0; height:200px; border-bottom:1px solid #ddd;border-top:0; border-right:0; font-size:11px; list-style:none;} .vGraph ul:after{ content:""; display:block; clear:both;} .vGraph li{ float:left; display:inline; width:6%; height:100%; margin:0 7%; position:relative; text-align:center; white-space:nowrap;} .vGraph li:last-child p{display:} .vGraph .gTerm{ position:relative; font-size:13px;font-weight:300;display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -100% 0 0; padding:200px 0 0 0; vertical-align:bottom; color:#767676;} .vGraph .gTerm2{ position:relative; font-size:13px;font-weight:300;display:inline-block; width:100%; height:20px; line-height:20px; margin:0 -75% 0 0; padding:200px 0 0 0; vertical-align:bottom; color:#767676;} .vGraph .gTerm p{margin-left:-15px;} .vGraph .gTerm2 p{margin-left:-5px;} .vGraph .gBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; border:1px solid #ccc; border-bottom:0; background:#e9e9e9; vertical-align:bottom;} .vGraph .gBar span{ position:absolute; width:100%; top:-20px; left:0; color:#767676;} /* Star Rating */ .star_v {margin-right:100px;} .starRating, .starRating span{ display:inline-block; height:14px;margin-right:70px; height:14px; background:transparent url(/img/post/icoFiveStar.gif) no-repeat; overflow:hidden;} .starRating{ width:79px; vertical-align:middle;} .starRating span{ font-size:0; line-height:0; vertical-align:top; text-indent:-100px; *text-indent:0; background-position:0 -14px;} /* 좌측 메뉴 선택된 컬럼 색상변경 */ #leftSelLink{color:#fff; font-weight:500;}