@charset "utf-8";
@import url("../fonts/static/pretendard.css");
/* CSS Document */
html, body {font-size:10px;}
body {overflow-x: hidden !important;}
/* wrap */
.wrap_area {position: relative; width: 100%; min-height: 100%; }
.wrap { width: 100%; min-height:100%;}
.wrap header {background:#ABFF96}
.wrap .header_area {display: flex; position: relative; max-width: 140rem;  margin:0 auto; border:3px solid #000000;}
.wrap .logo {width: 10%; min-width: 200px; background: red;}
.wrap nav {width: 100%; text-align: center;}
.wrap .util {display: flex; width: 20%; /*position: absolute; top: 50%; right:0%; transform: translate(0%,-50%);*/}
/* skip_area */		
.skipToContent a { position:absolute; width:100%; height:0.100rem; top:0; left:0; z-index:9999; margin-top:-0.100rem; display:block; background-color:#0B0B0B; font-size:1.5rem; font-weight:600; color:#fff; line-height:1; overflow:hidden; text-align:center;}
.skipToContent a:focus,.skipToContent a:active,.skipToContent a:hover {margin-top:0; height:auto; padding:2rem 0;}
/* container */		
.container {max-width: 140rem; min-height: 100%; margin:0 auto; background: #fff; overflow: hidden;}
.contents {padding:0rem 3rem; overflow: hidden;} /* hidden 테스트 */
.con_layout_area {display: flex; background: #cecece;}
.con_layout_area .con_left_menu {width: 10%; min-width: 200px; border:1px solid red; background: pink;}
.sub_wrap #container {padding-bottom: 10rem;}
/* footer */
footer {height: 10rem;} /* 푸터 사이즈 조절 */
.footer_area {position:absolute; bottom:0rem; width: 100%; background:#1e1e1e; padding:0rem 3rem;}
.footer { width:100%; max-width:140rem; margin:0 auto;}
.footer_util_list ul {display: flex; padding: 1rem 0rem;}
.footer_util_list ul li a {position: relative;display: block;padding: 1rem 1rem;font-size:1.6rem;color: #c4c4c4;}
.footer_util_list ul li a:hover {text-decoration: underline; text-underline-offset: 10px;}
.footer_util_list ul li:first-child a {color: #c99c9c;padding-left:0rem;font-weight: bold;}
.footer_util_list ul li:first-child a:before {display: none;}
.footer_util_list ul li a:before {content: "|"; position: absolute; top:50%; left:0rem; transform: translate(-50%,-50%); font-weight: 100; color:#b1b1b1;}
.footer address p {color:#c4c4c4;padding: 0.5rem 7rem 0.5rem 0rem;word-break: keep-all;line-height: 2rem;font-weight: 200;}
.footer p {color:#c4c4c4;padding:0.5rem 1rem 0.5rem 0rem;font-size:1.6rem;font-weight: 200;}
/* 파일 테스트 삭제 대기 중 start */
.testa_file {width: 100%;}
.testa_file label {cursor: pointer;}
.testa_file ul {font-size: 1.6rem;}
.testa_file ul li {padding: 1.5rem 1.5rem; border:0.1rem solid #ecf0f1; border-bottom: none; width: 100%; text-align: left;}
.testa_file ul li:last-child {border-bottom:0.1rem solid #ecf0f1;}
.testa_file ul li span {float: right; color:#a3a3a3;}
.testa_file div {display: flex; margin-top: 1rem;}
.testa_file button {border:0.1rem solid #cecece; padding: 0.7rem 1.5rem; font-size: 1.6rem; margin-right:0.5rem;}
.testa_file button:hover {color:#fff; background: #111;}
/* 파일 테스트 삭제 대기 중 end */
@media screen and (max-width: 1023px){
}
@media screen and (max-width: 769px){
footer {height: 18rem;} /* 푸터 사이즈 조절 */
html,body {font-size:9px !important;}
.pagination_area a {position: relative; padding: 1rem 1rem; font-size:1.6rem;}
/* 가로형 반응형 테이블 */
.width_type {border-bottom: none; border-top:none;}
.width_type col {display: none;}
.width_type th {display: none;} 
.width_type td {display: block;} 
.width_type thead {display: none;}
.width_type td {position: relative;text-align: left !important;padding: 1.3rem 3rem 1.3rem 28% !important;color: #666666;}
.width_type td:before {content: attr(data-title);position: absolute;top:50%;left:1rem;font-size: 1.6rem;font-weight: 600;color: #111;transform: translate(0%,-50%);}
.width_type tr {display: block;background: #fff;overflow: hidden;border-top: 0.1rem solid #000000;}
.width_type tr:last-child {border-bottom:0.1rem solid #e9e9e9;}
.width_type td:last-child {border-bottom: none;}
.width_type table {border-top:none;}
/* 세로형 반응형 테이블 */
.vertical_type {border-bottom: none; border-top:none;}
.vertical_type col {display: none;}
.vertical_type th {display: none;} 
.vertical_type td {display: block;} 
.vertical_type thead {display: none;}
.vertical_type td {position: relative;text-align: left !important;padding: 1.3rem 3rem 1.3rem 28% !important;color: #666666;}
.vertical_type td:before {content: attr(data-title);position: absolute;top:50%;left:1rem;font-size: 1.6rem;font-weight: 600;color: #111;transform: translate(0%,-50%);}
.vertical_type tr:first-child {display: block;background: #fff;overflow: hidden;border-top: 0.1rem solid #000000;}
.vertical_type tr {display: block;background: #fff;overflow: hidden;}
.vertical_type tr:last-child {border-bottom:0.1rem solid #e9e9e9;}
.vertical_type td:last-child {border-bottom: none;}
.vertical_type table {border-top:none;}
.width_type td.td_no_data {padding:0rem !important;}
}