@charset "utf-8"; ul.rumitab { margin: 0; padding: 0; list-style: none; height: 44px; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; color:#080e1c; width: 100%; font-size:13px; text-align: left;} ul.rumitab li { display:inline-block; text-align:center; cursor: pointer; min-width:80px; height: 44px; left:-1px; line-height: 44px; border: 0px solid #ccc; border-left: none; font-weight:500; overflow: hidden; position: relative; }/* 탭 - 메뉴 */ ul.rumitab li:hover { color:#a49284; border-bottom: 1px solid #a49284;} ul.rumitab li.on { color:#a49284; border-bottom: 1px solid #a49284;} ul.rumitab li.active { background: #FFFFFF; color:#a49284; border:1px solid #ccc; border-top:3px solid #a49284; border-bottom: 1px solid #FFFFFF; line-height:35px; } /* 선택된 탭 스타일 */ ul.rumitab li.active a { color:#a49284; _pointer-events:none; } .rumitab_container { padding:0; border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF; }/* 탭 내용 박스 */ .rumitab_content { padding:20px 0 0 0; font-size: 12px; display: none; text-align:left; } .rumitab_container .rumitab_content ul { width:100%; margin:0px; padding:0px; } .rumitab_container .rumitab_content ul li { list-style:none; height:auto; overflow:hidden; } .rumitab_box { width:770px; min-height:750px; overflow:hidden; float:left; }/* 탭 전체 크기 */ #A_tab1 .issue_board_contents .issue_02 .cate { width:60px; text-align: center; background: #006766; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab2 .issue_board_contents .issue_02 .cate { width:60px; text-align: center; background: #006766; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab3 .issue_board_contents .issue_02 .cate { width:60px; text-align: center; background: #bed01a; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab4 .issue_board_contents .issue_02 .cate { width:120px; text-align: center; background: #836bb5; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab6 .issue_board_contents .issue_02 .cate { width:100px; text-align: center; background: #a49485; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab7 .issue_board_contents .issue_02 .cate { width:100px; text-align: center; background: #a49485; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin-top: 5px;} #A_tab1 .issue_board_contents > ul { float:left;} #A_tab1 .issue_board_contents > ul > li { float:left; border-bottom: 1px solid #e7e7e7; padding-top: 20px;} #A_tab1 .issue_board_contents .issue_01 {float:left; width:233px; padding-bottom: 24px;} #A_tab1 .issue_board_contents .issue_02 { width:480px; float:left; margin-left:20px; } #A_tab1 .issue_board_contents .issue_02 > ul { } #A_tab1 .issue_board_contents .issue_02 > ul > li {} #A_tab1 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab1 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #15605c !important;} #A_tab1 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab1 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } #A_tab2 .issue_board_contents > ul { float:left;} #A_tab2 .issue_board_contents > ul > li { float:left; border-bottom: 1px solid #e7e7e7; padding-top: 20px;} #A_tab2 .issue_board_contents .issue_01 {float:left; width:233px; padding-bottom: 24px;} #A_tab2 .issue_board_contents .issue_01 img {border:1px solid #eee;} #A_tab2 .issue_board_contents .issue_02 { width:480px; float:left; margin-left:20px; } #A_tab2 .issue_board_contents .issue_02 > ul { } #A_tab2 .issue_board_contents .issue_02 > ul > li {} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #15605c !important;} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } #A_tab3 .issue_board_contents > ul { float:left;} #A_tab3 .issue_board_contents > ul > li { float:left; border-bottom: 1px solid #e7e7e7; padding-top: 20px;} #A_tab3 .issue_board_contents .issue_01 {float:left; width:233px; padding-bottom: 24px;} #A_tab3 .issue_board_contents .issue_01 img {border:1px solid #eee;} #A_tab3 .issue_board_contents .issue_02 { width:480px; float:left; margin-left:20px; } #A_tab3 .issue_board_contents .issue_02 > ul { } #A_tab3 .issue_board_contents .issue_02 > ul > li {} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #bed01a !important;} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } #A_tab4 .issue_board_contents > ul { float:left;} #A_tab4 .issue_board_contents > ul > li { float:left; border-bottom: 1px solid #e7e7e7; padding-top: 20px;} #A_tab4 .issue_board_contents .issue_01 {float:left; width:233px; padding-bottom: 24px;} #A_tab4 .issue_board_contents .issue_01 img {border:1px solid #eee;} #A_tab4 .issue_board_contents .issue_02 { width:480px; float:left; margin-left:20px; } #A_tab4 .issue_board_contents .issue_02 > ul {} #A_tab4 .issue_board_contents .issue_02 > ul > li {} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #836bb5 !important;} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } #A_tab5 .issue_board_contents { } #A_tab5 .issue_board_contents { width:100%; float:left; } .table_rumitab { width:100%; } .table_rumitab thead th.tit {background: #a49485; color:#eae0d4; font-size: 14px; padding-left:20px; font-weight: 500; height: 40px; text-align: left;} .table_rumitab table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec; font-size: 14px;} .table_rumitab caption {padding:7px 0;font-weight:bold;text-align:left} .table_rumitab {margin:0 0 10px} .table_rumitab caption {padding:0;font-size:0;line-height:0;overflow:hidden} .table_rumitab thead th {padding:7px 0;font-weight:normal; border-bottom:1px solid #ececec;height:40px; font-size: 14px; text-align: center;} .table_rumitab thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .table_rumitab tbody th {padding:7px 0;border-bottom:1px solid #e8e8e8} .table_rumitab tbody .txtl {text-align: left; padding-left:10px;} .table_rumitab td {color:#666;padding:7px 5px; border-bottom:1px solid #ecf0f1;line-height:1.4em;height:45px;word-break:break-all; font-size: 14px; text-align: center;} .table_rumitab tbody tr:hover td {background:#fafafa} .table_rumitab a:hover {text-decoration:underline} #A_tab5 .issue_board_contents .issue_02 > ul { float:left; margin-top: 5px; } #A_tab5 .issue_board_contents .issue_02 > ul > li { float:left; width:100%;border-top:1px solid #eee; } #A_tab5 .issue_board_contents .issue_02 > ul > li.txt_01 {font-size:16px; line-height:28px; color:#282828; padding-top:10px; margin: -2px 0 3px 10px !important; letter-spacing: -1px;} #A_tab5 .issue_board_contents .issue_02 > ul > li.txt_01 span{ font-size: 14px; color:#7b7b7b;} #A_tab5 .issue_board_contents .issue_02 .cate { display: block; width:100px; text-align: center; background: #a49485; color:#fff; font-size: 12px; font-weight: 500; padding:3px 0 3px 0; margin: 5px 0 20px 0;} #A_tab6 .issue_board_contents .issue_02 > ul { } #A_tab6 .issue_board_contents .issue_02 > ul > li {} #A_tab6 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab6 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #a49485 !important;} #A_tab6 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab6 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } #A_tab7 .issue_board_contents .issue_02 > ul { } #A_tab7 .issue_board_contents .issue_02 > ul > li {} #A_tab7 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 20px; color:#282828; margin-top: -2px; margin-bottom: 3px; } #A_tab7 .issue_board_contents .issue_02 > ul > li.txt_01 span{ color: #a49485 !important;} #A_tab7 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 14px; color:#7b7b7b; padding:4px 0;} #A_tab7 .issue_board_contents .issue_02 > ul > li.txt_03 { font-size: 15px; color:#777; letter-spacing: -1px; line-height:20px; } @media ( min-width: 0px) and (max-width: 500px){ /* 모바일 */ .rumitab_container { text-align: center !important; margin:0 auto !important; padding-right: 30px;} .issue_board {width:100%; text-align: center; margin:0 auto; border-bottom: 8px solid #efedef; margin-top: 17px;} .rumitab_box { width:100%; min-height:250px; height:auto; overflow:hidden; float:left; margin:20px 15px; }/* 탭 전체 크기 */ ul.rumitab {background: #fff; margin: 0; padding:0; list-style: none; height:74px; border-bottom:none; border-top:none; color:#080e1c; font-size:12px; width:94%;} ul.rumitab li {min-width:50px !important; width: 32%; padding:0; margin-bottom: 1px; left:0; line-height: 34px; height:34px; color:#666; border:1px solid #ddd; }/* 탭 - 메뉴 */ ul.rumitab li.on { color:#000; padding:0; background: #f9f9f9; } .rumitab_content { padding:0; } ul.rumitab1 {background: #fff; margin: 0; padding:0; list-style: none; height:50px; border-bottom:none; border-top:none; color:#080e1c; font-size:12px; width:94%;} ul.rumitab1 li {min-width:50px !important; width: 32%; padding:0; margin-bottom: 1px; left:0; line-height: 34px; height:34px; color:#666; border:1px solid #ddd; }/* 탭 - 메뉴 */ ul.rumitab1 li.on { color:#000; padding:0; background: #f9f9f9; } #A_tab1 .issue_board_contents .issue_02 .cate { width:80px !important; text-align: left !important; background: #fff !important; color:#006766 !important; margin-top: 0;} #A_tab2 .issue_board_contents .issue_02 .cate { width:80px !important; text-align: left !important; background: #fff !important; color:#006766 !important; margin-top: 0;} #A_tab3 .issue_board_contents .issue_02 .cate { width:120px; text-align: left !important; background: #fff !important; color:#98a608 !important; margin-top: 0;} #A_tab4 .issue_board_contents .issue_02 .cate { text-align: left !important; background: #fff !important; color:#836bb5 !important; margin-top: 0;} #A_tab6 .issue_board_contents .issue_02 .cate { text-align: left !important; background: #fff !important; color:#a49485 !important; margin-top: 0;} #A_tab7 .issue_board_contents .issue_02 .cate { text-align: left !important; background: #fff !important; color:#a49485 !important; margin-top: 0;} #A_tab2 .issue_board_contents > ul > li { width:100%; padding-top: 10px !important;} #A_tab2 .issue_board_contents .issue_02 > ul > li { width: 100%;} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_01 { width: 100%; font-size: 16px !important;line-height: 24px !important;overflow: hidden; font-weight: bold; letter-spacing: -1px;} #A_tab2 .issue_board_contents .issue_01 { float:left; width:110px; padding-bottom:10px;} #A_tab2 .issue_board_contents .issue_01 img { width:110px; height:70px; border-radius: 7px; text-align: left;} #A_tab2 .issue_board_contents .issue_02 { width: calc(98% - 120px); float:left; margin:10px 0 0 10px; text-align: left;} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_01 a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:100%;} #A_tab2 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 12px; color: #a39483 !important; padding:4px 0;} #A_tab3 .issue_board_contents > ul > li { width:100%; padding-top: 10px !important;} #A_tab3 .issue_board_contents .issue_02 > ul { width: 100%;} #A_tab3 .issue_board_contents .issue_02 > ul > li { width: 100%;} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 16px !important;line-height: 24px !important;overflow: hidden; font-weight: bold; letter-spacing: -1px;} #A_tab3 .issue_board_contents .issue_01 { float:left; width:110px; padding-bottom:10px;} #A_tab3 .issue_board_contents .issue_01 img { width:110px; height:70px; border-radius: 7px;} #A_tab3 .issue_board_contents .issue_02 { width: calc(98% - 120px); float:left; margin:10px 0 0 10px; text-align: left;} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_01 a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:100%;} #A_tab3 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 12px; color: #a39483 !important; padding:4px 0;} #A_tab4 .issue_board_contents > ul > li { width:100%; padding-top: 10px !important;} #A_tab4 .issue_board_contents .issue_02 > ul { width: 100%;} #A_tab4 .issue_board_contents .issue_02 > ul > li { width: 100%;} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_01 { font-size: 16px !important;line-height: 24px !important;overflow: hidden; font-weight: bold; letter-spacing: -1px;} #A_tab4 .issue_board_contents .issue_01 { float:left; width:110px; padding-bottom:10px;} #A_tab4 .issue_board_contents .issue_01 img { width:110px; height:70px; border-radius: 7px;} #A_tab4 .issue_board_contents .issue_02 { width: calc(98% - 120px); float:left; margin:10px 0 0 10px; text-align: left;} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_01 a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:100%;} #A_tab4 .issue_board_contents .issue_02 > ul > li.txt_02 { font-size: 12px; color: #a39483 !important; padding:4px 0;} table.table_rumitab{width:100% !important;} .table_rumitab tbody .txtl a{ width:300px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box; } .table_rumitab tbody .txtl {text-align: left; padding-left:0;} .table_rumitab td {color:#666;padding:10px 5px 7px 5px; border-bottom:1px solid #ecf0f1;line-height:1.4em;height:45px;word-break:break-all; font-size: 14px; text-align: center;} .txt_small {color:#a39483; font-size: 12px; } .issue_board_contents ul {} .issue_board_contents .normal_board {width:100%;color:#666; font-weight:bold;padding:10px 5px 7px 5px; border-bottom:1px solid #ecf0f1;line-height:1.4em; word-break:break-all; font-size: 14px; text-align: left; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;} }