/*latest.basic */ .latest{width:100%;} .latest.basic {font-size:15px; font-weight:300;} .latest.basic li { position:relative; margin-bottom:4px;/* height:72px; line-height:72px; */ border-bottom:1px solid #e8e8e8; padding:20px 0; } .latest.basic li .date {float:right; font-size:13px; color:#666;} .latest.basic li a {display:block; color:#666; margin-right:150px; font-size:15px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .latest.basic li a:hover {color:#00358e;} .latest.basic img {display:inline-block; vertical-align:text-bottom;} /* list.skin (G.basic.a) - 보도자료 */ #Board .basic_g ul {font-size: 0; overflow: hidden;} #Board .basic_g li {display: inline-block; width: 23%; margin-left: 2.5%; margin-bottom: 80px; vertical-align: top; border: 1px solid #e8e8e8; height:420px; max-width: 280px; box-sizing: border-box; /* border-radius: 10px; */} #Board .basic_g ul li a {display: block;} #Board .basic_g li:nth-child(4n-3) {margin-left: 0;} #Board .basic_g li .thumb {position: relative; display: block; width: 100%; padding-bottom: 210px; border: 1px solid #dfdfdf; overflow: hidden; box-sizing: border-box;/* border-radius:5px; */} #Board .basic_g li .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 210px;} #Board .basic_g li .thumbTxt {padding:20px; width: 100%; box-sizing: border-box;} #Board .basic_g li .thumb input {position: absolute; top: 10px; left: 10px; z-index: 10;} #Board .basic_g li .subject {/* display: block; */font-size: 20px; color: #363636; font-weight:500; margin-bottom: 20px; /* line-height: 30px; */ } #Board .basic_g li .award_name {font-size:16px; color:#666; margin-bottom: 30px; } #Board .basic_g li .date {font-size:13px; color:#666;} #Board .basic_g .nodata {width:100%; margin-bottom: 20px; border-top:1px solid #333; border-bottom:1px solid #dfdfdf; font-size: 16px; text-align:center; line-height: 350px; max-width: 100%;} .ellipsis { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; max-height: 3.6; } @media screen and (max-width:640px){ .ellipsis {line-height: 1.3;} } /*page*/ #Board.btnFNew .pageArea {position:relative; width:100%; margin-top:30px; /* font-family: 'Montserrat', sans-serif; */ text-align:center;} #Board.btnFNew .pageArea b, #Board.btnFNew .pageArea a {display:inline-block; width:42px; height:42px; border:1px solid #c8c8c8; margin:0 2px; font-size:16px; font-weight: 400; text-align:center; line-height:40px; box-sizing: border-box; vertical-align:top;/* border-radius:5px; */} #Board.btnFNew .pageArea b {border-color:#0046ff; background: #0046ff; font-weight: 600; color: #fff; } #Board.btnFNew .pageArea > a.arrow img {padding-top:13px;} /*search type01*/ #search_type01 {padding:0 0 35px 0; text-align:right; display:inline-block; width:100%;} #search_type01 label {display:none} #search_type01 input {margin-left:-5px;} #search_type01 select {width:135px; font-size: 16px;/* border-radius:5px; */padding:10px 15px; height:50px; border:1px solid #b5b5b5;} #search_type01 .select01 { margin-right:0px; display:inline-block; float:right;width:100%} #search_type01 input.text {width:280px; /* border-radius:5px 0 0 5px; */padding:10px 15px; height:50px; border:1px solid #b5b5b5; border-right:0; margin-left:5px; box-sizing: border-box;} #Board.view.btnFNew .award_event {font-size:25px; color:#222; font-weight:500; margin-top: 5px;} #Board.form .type1 td .text.number {width:25%;} /* 게시판-탭메뉴 */ .TabType01 .tab_wrap {margin:0px auto; text-align: center; width:100%; font-size:0; margin-bottom:50px;} .TabType01 ul:after {display:block; content:""; clear:both;} .TabType01 ul li {position:relative; display:inline-block;/* float:left; */ width:25%; height:50px;/* margin-right:2%; */ border:1px solid #dfdfdf;/* background:#f8f8f8; */ text-align:center; line-height:46px; box-sizing:border-box;} .TabType01 ul li:last-child {margin-right:0;} .TabType01 ul li a {display:block; text-decoration:none; font-weight:500; font-size:18px; } /* .TabType01 ul li.on {background:#283b59; color:#fff; border-color:#283b59; } .TabType01 ul li.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#000;} .TabType01 ul li.on a {color:#fff;} */ .TabType01 ul li.on {border:2px solid #0046ff; } .TabType01 ul li.on a {color:#0046ff;} /*tab Style*/ /* .sub-in-tabs { position:relative; margin-top:125px; } .sub-in-tabs:after {content:''; position:absolute; left:0; top:50%; width:100%; } .sub-in-tabs ul {position:relative; z-index:10; font-size:0; text-align:center; } .sub-in-tabs ul li { display:inline-block; vertical-align:top; } .sub-in-tabs ul li a { display:block; padding:0 80px; height:61px; line-height:61px; text-align:center; font-size:20px; color:#888; border-right-width:0; border-radius:5px; font-weight:400; border:1px solid #888; margin-left:10px;} .sub-in-tabs ul li a.on { background:#1ba9bb; border-color:#1ba9bb; color:#fff; } .sub-in-tabs ul li:first-of-type a { border-right-width:1px; margin-left:0; } */ /*===============================================================*/ /*======================= Mobile 1200 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:1200px){ #Board .basic_g li {width: 32%; margin-bottom: 50px; margin-left: 2%; max-width:none;} #Board .basic_g li:nth-child(4n-3) {margin-left: 2%;} #Board .basic_g li:nth-child(3n-2) {margin-left: 0;} } /*===============================================================*/ /*======================= Mobile 1024 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:1024px){ /*page*/ #Board.btnFNew .pageArea {margin-top:6%;} #Board.btnFNew .pageArea b, #Board.btnFNew .pageArea a {width: 36px; height: 36px; font-size: 15px; line-height: 34px;} #Board.btnFNew.pageArea > a.arrow img {width: 13px; padding-top:11px;} } /*===============================================================*/ /*======================= Mobile 768 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:768px){ /* 보도자료 */ #Board .basic_g li {height:auto;} #Board .basic_g li {width: 49%; margin-bottom: 50px;} #Board .basic_g li:nth-child(4n-3) {margin-left: 0;} #Board .basic_g li:nth-child(3n-2) {margin-left: 2%;} #Board .basic_g li:nth-child(2n-1) {margin-left: 0;} /* #Board .basic_g li .subject {font-size: 17px; line-height: 22px;} */ #Board .basic_g li .thumb img {height: 210px;} #Board .basic_g li .thumb {padding-bottom: 210px; } /* #Board .basic_g li .award_name {font-size:14px;} */ } /*===============================================================*/ /*======================= Mobile 640 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:640px){ #search_type01 {padding:0 0 20px 0; text-align:right;} #search_type01 select {width:20%; font-size: 12px; padding: 1% 0; height:38px;} #search_type01 .select01 {font-size: 12px; margin-right:0; float:right; width:100%;} #search_type01 input.text {width:44%; font-size:12px; padding:5px 10px; height:38px; margin-left:0;} #Board.view.btnFNew .type1 table thead th {display:block; width:100%;} #Board.view.btnFNew .award_event {font-size:4vw;} #Board .basic_g li .thumb {padding-bottom: 130px;} #Board .basic_g li .thumb img {height: 130px;} #Board .basic_g li .thumbTxt { padding:15px; } #Board .basic_g li .subject { margin-bottom: 10px; font-size:17px;} #Board .basic_g li .award_name {font-size:14px;} #Board .basic_g li .date {font-size:12px;} #Board .basic_g li {margin-bottom:30px;} #Board.form .subject .text {width:100%;} #Board.form input[type=text] {width:100%;} /* #Board.form .type1 td .text {width:100%;} */ /* #Board.list.btnFNew .writeBtnArea {width: 100%; margin: 30px 0; text-align: center; overflow: hidden; display: flex; justify-content: space-between; } #Board.view.btnFNew .writeBtnArea {width: 100%; margin: 30px 0; text-align: center; overflow: hidden; display: flex; justify-content: flex-end;} */ .TabType01 .tab_wrap { margin-bottom:10%;} .TabType01 ul li {width:33.333%;} .TabType01 ul li a {font-size:15px; } } /*===============================================================*/ /*======================= Mobile 420 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:420px){ /*search*/ #search_type01 .select01 { width: 100%;} #search_type01 input.text {width:35%;} #Board .basic_g li .thumb img {height: 180px;} #Board .basic_g li .thumb {padding-bottom: 180px; } #Board .basic_g li {width: 100%; margin-left:0; margin-bottom: 30px;} #Board .basic_g li:nth-child(3n-2) {margin-left: 0;} /*page*/ #Board.btnFNew .pageArea b, #Board.btnFNew .pageArea a {width: 30px; height: 30px; line-height: 28px; margin: 0 1px; font-size: 12px;} #Board.btnFNew .pageArea > a.arrow img {width: 10px; padding-top: 9px;} #Board.form .type1 table th {font-size:3.5vw;} #Board.form .type1 table td {font-size:3.5vw;} #Board.list .type1 td {font-size:3.5vw;} #Board .privacy .tit {font-size:3.5vw;} .comm_check_label {font-size:3.5vw;} #Board.form input[type=text] {height:35px;} #Board.form select {height:35px;} /* #Board.form select {min-width:auto;} */ .TabType01 ul li {height:12vw; line-height:11vw;} .TabType01 ul li a {font-size:3.5vw; } } /*===============================================================*/ /*======================= Mobile 380 px ~ =======================*/ /*===============================================================*/ @media only screen and (max-width:380px){ /*page*/ #Board.btnFNew .pageArea {font-size: 0;} #Board.btnFNew .pageArea b, #Board.btnFNew .pageArea a {width: 8vw; height: 8vw; margin: 0 0.5vw; font-size: 3.2vw; line-height: 7.5vw;} #Board.btnFNew .pageArea > a.arrow img {width: 2.5vw; padding-top: 2.7vw;} } /* 문의 상태 */ #Board .badge {text-align: center; font-size: 0.875rem; min-width: 55px; padding: 5px 0.75rem; color:#fff; border-radius:0.375rem; display:inline-block; line-height: 1; white-space:nowrap;} .badge-01 {background: #0046ff;} .badge-02 {background: #666666;} @media only screen and (max-width:768px){ .mhid {display: none;} } .userInfo .form-select {margin-right:10px;} .commentList .listMenu {margin-bottom: 10px;} .commentList .listMenu .status {float: left; padding-right: 5px;} .commentList .list_new {display: flex; flex-direction: column;}