@charset "utf-8";

.pagecommon{font-size:19px !important;color:#000 !important}

/* =========================== PAGE (탭 공통 적용) */
#tab_page {position: relative; padding: 0 300px; font-size:19px; letter-spacing:-.3px; line-height:1.8; color:#000; font-family:'Pretendard'; font-weight:500}
#tab_page * {word-break: keep-all}
#tab_page .pl {white-space: pre-line}
#tab_page .pg_color {color:#333}

/* 공통 제목 영역 */
#tab_page .tit_area {margin-bottom:60px; font-weight:200; color:#aaa; letter-spacing:-.8px}
#tab_page .tit_area span {font-size:13px; font-weight:800; letter-spacing:2px; text-transform:uppercase}
#tab_page .tit_area p {font-size:16px; line-height:1.4}

/* 연혁 스타일 */
#tab_page .history {padding:15px 0 0 35px; margin-left:30px; border-left:1px dashed #e1e1e1}
#tab_page .history dl {margin:0 0 35px 10px; padding-bottom:30px; border-bottom:1px dashed #e1e1e1}
#tab_page .history dl dt {position:relative; padding-bottom:10px; font-size:43px; font-weight:800}
#tab_page .history dl dt:before {content:""; display:block; position:absolute; left:-55px; top:29px; width:19px; height:19px; border:4px solid #222; border-radius:19px; background-color:#fff}
#tab_page .history dl.last {border-bottom:none}
#tab_page .history dl dd span {float:left; padding-right:18px; font-weight:800; color:#c9c8c8}
#tab_page .history dl dd {padding-bottom:30px}
#tab_page .history dl dd p {text-align: left}

/* 탭 메뉴 */
.tabs {margin-bottom:30px;}
.tabs li {display:inline-block; margin-right:20px;}
.tabs li a {font-size: 28px;text-decoration:none; color:#333; font-weight:500;}
.tabs li.on a {font-weight:800;}

/* =========================== PAGE */
#sub3{position:relative;padding: 48px; font-size:19px;letter-spacing:-.3px;line-height:1.8;color:#000;font-family:'Pretendard';font-weight:500}
#sub3 *{word-break:keep-all}
#sub3 .pl{white-space:pre-line}
#sub3 .pg_color{color:#333}

/* 공통 */
#sub3 .tit_area{margin-bottom:60px;font-weight:200;color:#aaa;letter-spacing:-.8px}
#sub3 .tit_area span{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
#sub3 .tit_area p{font-size:16px;line-height:1.4}
#sub3 .history{padding:15px 0 0 35px;margin-left:30px;border-left:1px dashed #e1e1e1}
#sub3 .history dl{margin:0 0 35px 10px;padding-bottom:30px;border-bottom:1px dashed #e1e1e1}
#sub3 .history dl dt{position:relative;padding-bottom:10px;font-size:43px;font-weight:800}
#sub3 .history dl dt:before{content:"";display:block;position:absolute;left:-55px;top:29px;width:19px;height:19px;border:4px solid #222;border-radius:19px;background-color:#fff}
#sub3 .history dl.last{border-bottom:none}
#sub3 .history dl dd span{float:left;padding-right:18px;font-weight:800;color:#c9c8c8}
#sub3 .history dl dd{padding-bottom: 30px}
#sub3 .history dl dd p{text-align: left}
/* */
#content1 {position: relative; height: 860px;margin: 0 auto}
#content1 .inner { margin: 70px auto; padding: 0 20px;max-width: 1300px; height: 860px}
#content1 .board_view .brd_head {overflow: hidden; border-top: 2px solid #414141; border-bottom: 1px solid #dbdbdb; padding: 25px 30px; white-space: nowrap;text-overflow: ellipsis}

#content1 .board_view .brd_head .tit { float: left; width: 100%; font-weight: 700; font-size: 22px; line-height: 32px; color: #222;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#content1 .board_view .brd_head .date { float: right; width: 100px; font-size: 15px; line-height: 32px; color: #555; text-align: right}
#content1 .board_view .brd_body { border-bottom: 1px solid #414141; padding: 35px}
#content1 .board_view .brd_body p { font-size: 16px; line-height: 25px; color: #333}
/**/
#content1 .brd_add { overflow: hidden; border-bottom: 1px solid #414141; padding: 10px; vertical-align: middle}
#content1 .brd_add dl dt { float: left; width: 100px; line-height: 45px; text-align: left; text-indent: 18px}
#content1 .brd_add dl dd { float: left; font-weight: 300; font-size: 15px; line-height: 45px; color: #CBCBCB}
#content1 .brd_add dl dd.button { float: right; width: 130px; height: 44px; text-align: left;  background-color: #0236A0}
#content1 .brd_add dl dd.button a { display: block; color: #fff; font-weight: 400;text-align: center}

#content1 .li_button { margin-top: 20px; width: 130px; height: 44px; text-align: center; background-color: #323232}
#content1 .li_button a { display: block; line-height: 44px; color: #fff; font-weight: 400; text-align: center}

/*tbl_board*/
/*display: table-row-group;*/
vertical-align: middle;
/*border-color: inherit;*/

#content2 {min-width: 1300px; height: 437px; padding: 50px 0; font-size: 16px}
#content2 .inner {margin: 70px auto; max-width: 1300px}
table { width: 100%; padding: 0 20px; border-spacing: 0; table-layout: fixed; border-collapse: separate; text-indent: initial;font-family: "Roboto", "Noto Sans KR", sans-serif;
}
colgroup { display: table-column-group}
thead { display: table-header-group; vertical-align: middle; border-color: inherit;}
tr { display: table-row; vertical-align: inherit; border-color: inherit;}
th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: -internal-center}
th, td { vertical-align: middle}

.tbl_board table thead tr th { border-top: 2px solid #414141; border-bottom: 1px solid #dbdbdb; font-weight: 700; font-size: 18px; line-height: 55px; color: #222; text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
tbody { display: table-row-group; vertical-align: middle; border-color: inherit}
.tbl_board table tbody tr td.tit {padding: 20px 15px; text-align: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.tbl_board table tbody tr td { padding: 20px 0; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #555; text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.table thead 
/*pagination*/
a:link { text-decoration: none; color: inherit}
.pagination { overflow: hidden; position: relative; width: 100%; height: 35px; margin: 30px 0 0; text-align: center}
.pagination .paging { display: inline-block}
.pagination .paging .navi { float: left}
.pagination .paging .navi a { display: block; float: left; box-sizing: border-box; width: 35px; height: 35px; margin: 0 0 0 10px; border: 1px solid #c3c3c3; text-indent: -9999em}
.pagination .paging .navi a:first-child {margin: 0;}
.pagination .paging .navi a.f { background: url(../images/paging_f.gif) 0 0 no-repeat}
.pagination .paging .navi a.p { background: url(../images/paging_p.gif) 0 0 no-repeat}

.pagination .paging .page { float: left; padding: 0 23px;}
.pagination .paging .page a:first-child { margin: 0;}
.pagination .paging .page a { display: block; float: left; width: 35px; height: 35px; margin: 0 0 0 9px;}
.pagination .paging .page a.on span { font-weight: 700; color: #000}
.pagination .paging .page a span { position: relative;font-size: 18px;line-height: 33px;color: #333}
.pagination .paging .page a.on span:after {display: block;}
.pagination .paging .page a span:after { display: none; content: ''; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 1px; background: #000}
.pagination .paging .navi a.n { background: url(../img/sub/paging_n.gif) 0 0 no-repeat;}
.pagination .paging .navi a.l { background: url(../img/sub/paging_l.gif) 0 0 no-repeat;}

/* 반응형 */
@media(max-width:1024px){
#sub3{padding-bottom:30px}
#tab_page {padding:0 20px !important; padding-bottom:30px}
 
}
@media(max-width:768px){
#sub3{padding:0 20px !important}
#sub3 .tit_area p{font-size:25px}
#tab_page {padding:0 20px }
#tab_page .tit_area p {font-size:25px}
 
}
@media(max-width:480px){
#sub3 .tit_area p{font-size:22px}
#sub3 .history{margin-left:10px;padding:15px 0 0 15px}
#sub3 .history dl dt:before{left:-35px}
#tab_page .tit_area p {font-size:22px}
#tab_page .history {margin-left:10px; padding:15px 0 0 15px}
#tab_page .history dl dt:before {left:-35px}
/* sub8.html*/
#sub3 {padding: 0 20px !important}
#sub3 .tabs {display:block !important}
#sub3 .tabs a{font-size: 24px !important;}
#sub3 .tit{height:245px}
#sub3 .tit .inner{justify-content:center;text-align:center}
#sub3 .tit b{font-size:30px}
#sub3 .tit img{display:none}
#sub3 .tabs{gap:10px}
#sub3 .tabs li{list-style-type: disc;list-style-position: inside;}
#sub3 .cont01 button div{display:block}
#sub3 .cont01 button p{margin-top:5px}
#sub3 .cont01 .cont_a{padding:10px 20px 20px}
#sub3 .cont01 .tab_cont3 .cont_a{padding:10px 20px 20px}
#sub3 .cont02{margin-top:45px}
#sub3 .cont02 ul li{padding:30px 35px}
#sub3 .cont02 div p{font-size:18px}
#sub3 .cont02 ul li>p{font-size:25px}
#sub3 .cont02 a{width:160px;font-size:15px} 
}