@charset "utf-8";

.font-np {font-family: 'Nanum Pen Script', cursive; font-size:25px;}

div.full-bg {background:url(../images/common/sub_topimg.jpg) no-repeat center 130px #FFF;}

html,body {height:100%;}
#subContent {min-height:100%; margin:-130px auto -200px;}
#subContent .container {padding:148px 0 200px 0;}

/* 서브 공통 */

#subContent {z-index:10; position:relative; width:1000px; height: 100%;}

#subContent .sub-menu {float:left; width:210px; margin:46px 0;}
#subContent .sub-menu h2 {height:58px; line-height:54px; padding-top:5px; background:url(../images/common/lnb_topline.jpg) no-repeat; text-align:center; color:#033D6A; font-size:28px; font-family:'NanumSquare';}
#subContent .sub-menu ul {font-family:Pretendard, -apple-system,"돋움체"; border-top:1px solid #CCC; letter-spacing:0px;}
#subContent .sub-menu ul li {border-bottom:1px solid #CCC;letter-spacing: -1px;}
#subContent .sub-menu ul li a {display:block; height:40px; line-height:40px; padding-left:15px;}
#subContent .sub-menu ul li a.active {background:url(../images/common/lnb_arrow.png) no-repeat 180px center #3892DE; color:#FFF;}
#subContent .sub-menu ul li ul {background:#F0F4F8; margin-bottom:2px; padding:15px 0 10px;}
#subContent .sub-menu ul li ul li { padding-bottom:5px; border-bottom:0 none;}
#subContent .sub-menu ul li ul li a {height:auto; line-height:20px; padding:0 25px; color:#666;}
#subContent .sub-menu ul li ul li a.active {background:none; color:#000; text-decoration:underline;}
#subContent .sub-menu .clicknews {padding-top:30px;word-break:keep-all;}
#subContent .sub-menu .clicknews div {background:url(../images/sub/bg_ptn05.gif); border-radius:10px;}
#subContent .sub-menu .clicknews div p {height:200px; padding:140px 15px 0; background:url(../images/sub/img01.png) no-repeat center 10px; text-align:center; color:#033E6A; line-height:20px;}
#subContent .sub-menu .clicknews div p b {display:block; font-weight:bold; font-size:19px; line-height:22px; margin-bottom:5px;}
#subContent .sub-menu .clicknews dl {float:left; width:180px; padding:15px 15px 10px; margin-top:5px; background:#EBEBEB; border-radius:10px; font-size:14px; color:#666; line-height:16px; letter-spacing:-1.4px;}
#subContent .sub-menu .clicknews dl dt {float:left; width:25px; padding-bottom:5px; color:#000;}
#subContent .sub-menu .clicknews dl dd {float:left; width:155px; padding-bottom:5px;}
#subContent .sub-menu .clicknews dl dd span {letter-spacing:0px;}
#subContent .sub-menu .clicknews dl dt:first-of-type {float:none; padding-bottom:0; width:auto;}
#subContent .sub-menu .clicknews dl dd:first-of-type {float:none; width:auto;}

#contents {position:relative; float:right; width:750px; padding:20px 0 50px 0; color:#333; line-height:22px;}

#contents.blank {float:none; margin:0 auto;}
#contents.blank ul.tab-menu {}

#contents .sub-top {float:left; position:relative; width:100%; height:35px; padding-top:70px; margin-bottom:40px;}
#contents .sub-top h2 {position:absolute; top:26px; left:0; font-size:35px; line-height:35px; font-weight:bold; color:#333; font-family:'NanumSquare';}
#contents .sub-top ul.nav {float:left; margin-top:7px; background:url(../images/sub_01/sub_ban_line.jpg) no-repeat; font-size:13px; font-family:Pretendard, -apple-system,"돋움체";}
#contents .sub-top ul.nav li {display:inline-block;}
#contents .sub-top ul.nav li + li:before {content:"> "; padding:0 5px; color:#666;}
#contents .sub-top ul.nav li:last-child {font-weight:bold;}
#contents .sub-top ul.nav img {vertical-align:middle; margin-top:-4px;}
#contents .sub-top p.sns {float:right;}

#contents ul.tab-menu {float:left; width:100%; margin:30px 0; border-bottom:1px solid #CFCFCF;}
#contents ul.tab-menu li {float:left; margin:0 0 -1px -1px;}
#contents ul.tab-menu li:first-child {margin-left:0;}
#contents ul.tab-menu li a {display:block; line-height:41px; padding:0 12px; background:#F9F9F9; border:1px solid #C5C5C5; color:#A2A1A1; font-size:156x; font-weight:bold; letter-spacing:-2px;}
#contents ul.tab-menu li a.active {line-height:40px; background:#FFF; color:#333; border-top:2px solid #000;}

#contents ul.tab-menu.committee li a {padding:0 7px; font-size:15px;}

#contents ul.tab-menus {clear:both; margin:30px 0; padding:20px 30px; border:2px solid #CFCFCF; font-size:17px; line-height:30px;}
#contents ul.tab-menus li {display:inline-block; padding-left:15px; width:160px; background:url(../images/common/bullet.png) no-repeat 0 14px;}
#contents ul.tab-menus li:nth-child(4), #contents ul.tab-menus li:nth-child(7) {width:auto;}
#contents ul.tab-menus li a {color:#666;}
#contents ul.tab-menus li a:hover, #contents ul.tab-menus li a.active {font-weight:bold; color:#3892de; text-decoration:underline;}

#contents.blank ul.tab-menu {margin-top:0;}

ul.tab12 li {display:inline-block !important; width:calc(100% / 6); margin-left:-4px;}
ul.tab12 li:nth-child(1), ul.tab12 li:nth-child(7) {background:none;}


p.contents_manager {float:left; width:100%; height:40px; line-height:38px; margin:40px 0; background:#555; color:#FFF; font-size:17px; text-align:center;}
p.contents_manager b:last-child {margin-left:50px;}



.contents {clear:both; width:750px; word-break:keep-all;}
.contents h2, .programs h2 {clear:both; margin-bottom:20px; font-size:21px; font-weight:bold; color:#076FBF; border-bottom:2px solid #CFCFCF;}
.contents h2 b, .programs h2 b {display:inline-block; padding:0 20px 15px; margin-bottom:-2px; border-bottom:2px solid #076FBF;}
.contents h3 {clear:both; margin-bottom:10px; padding-left:25px; font-size:17px; color:#000; background:url(../images/common/ic_01.png) no-repeat 0 6px;}
.contents p {padding:0 0 35px 0;}
.contents p.center {text-align:center;}
.contents a.link {color:#3892DE; text-decoration:underline;}
.contents strong {font-weight:bold; color:#942972;}
.contents p em {font-size:16px; color:#076fbf;}
.contents ul {clear:both; margin:0; padding: 0 0 25px 15px; list-style: none; }
.contents ul ul {padding-top:5px;}
.contents ul li {padding:0 0 10px 10px; color:#666; background:url(../images/common/bullet.png) no-repeat 0 10px;}
.contents ul li b {font-weight:normal; color:#333;}
.contents ul li strong {font-weight:normal; color:#333;}
.contents ol {padding:0; margin-left:25px; list-style:decimal;}
.contents ol li {padding:0 0 5px 10px; color:#666; background:none;}
.contents ul ol {padding-top:10px;}
.contents table {border-collapse: collapse; width:100%; margin-bottom:35px; table-layout:auto; border-top:1px solid #000;}
.contents table thead th { padding:5px 10px; background:#F4F4F4; color:#000; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF; font-weight:normal;}
.contents table tbody th { padding:5px 10px; background:#FAFAFA; color:#333; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
.contents table tbody td { padding:5px 10px; color:#666; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
.contents table thead tr th:last-child, .contents table tbody tr th:last-child, .contents table tbody tr td:last-child {border-right:0 none;}
.contents table .center {padding:5px 0; text-align:center;}
.contents table.fixed {table-layout:fixed;}
.contents table.center td {padding:5px 0; text-align:center; vertical-align:middle;}
.contents .img-align {margin:0 auto; text-align:center;}

.contents div.txt-box {padding:20px; margin-bottom:30px; border:3px solid #E2E6EB; letter-spacing:-1px;}
.contents div.txt-box.center {text-align:center;}
.contents div.txt-box p {padding:0 0 3px 0; color:#666;}
.contents div.txt-box em {font-size:15px; font-style:normal;}
.contents div.txt-box i {color:#FF0000; font-style:normal;}
.contents div.txt-box ul {padding:0;}

.contents p.page-btn {clear:both;}
.contents p.page-btn a {display:inline-block; height:40px; line-height:36px; padding:0 30px; margin:0 5px; background:#033D6A; color:#FFF; font-size:17px;}
.contents p.page-btn.center {text-align:center;}
.contents p.page-btn.right {padding-bottom:20px; text-align:right;}

.contents ul li ul {padding-bottom:0;}
.contents .data_table td {text-align:center; vertical-align:middle;}
.contents .data_table td.align-left {text-align:left;}

.contents div.dan2 table {width:48%;}
.contents div.dan2 table td {text-align:center;}
.contents div.dan2 table:nth-child(odd) {float:left;}
.contents div.dan2 table:nth-child(even) {float:right;}

.contents ul.sns-list {text-align:center; padding-left:0;}
.contents ul.sns-list li {vertical-align:top; display:inline-block; width:284px; height:215px; padding:25px 0 0 0; border:1px solid #e1e1e1; background:none; margin:10px 0;}
.contents ul.sns-list li strong {font-size:17px; font-weight:bold;}
.contents ul.sns-list li img {margin:25px 0;}
.contents ul.sns-list li.line2 img {margin:25px 0 10px;}
.programs {width:750px; }
.programs strong {font-weight:bold;}


#contents ul.sub-menu { z-index:10; position:relative; float:left; width:100%; margin-bottom:35px; border-bottom:1px solid #cfcfcf;}
#contents ul.sub-menu li {position:relative; float:left; width:121px; height:50px; margin-left:-1px;}
#contents ul.sub-menu li a {display:block; height:49px; line-height:46px; background:#f9f9f9; color:#a1a1a1; border:1px solid #cfcfcf; text-align:center; font-size:19px; font-weight:bold;}
#contents ul.sub-menu li a.active {height:47px; line-height:44px; background:#FFF; color:#000; border-top:3px solid #000; border-bottom:1px solid #FFF;}
#contents ul.sub-menu li ul {float:none; position:absolute; top:40px; left:-146px; width:461px; height:44px; padding-top:12px; white-space:nowrap; background:url(../images/sub/submenubox.png) no-repeat center 0; text-align:center;}
#contents ul.sub-menu li ul li {float:none; display:inline-block; width:auto; height:auto;}
#contents ul.sub-menu li ul li a {display:inline-block; height:auto; line-height:42px; background:none; border:0 none; font-size:15px; font-weight:normal; color:#666;}
#contents ul.sub-menu li ul li+li:before {content:"| "; color:#333; padding:0 8px;}

.programs table.list tr td:last-of-type a {display:inline-block; width:50px; height:24px; line-height:26px; border:1px solid #90afc7; border-radius:3px; font-family:Pretendard, -apple-system,"돋움"; font-size:13px; color:#3892dd;}


/* 의안정보 팝업 */
.bill-pop-back {z-index:1000; position:fixed; top:0; bottom:0; right:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);  pointer-events:none;}
.bill-pop  {z-index:1000; position:fixed; left:50%; top:50%; width: 600px; height:265px; margin:-200px 0 0 -300px; padding-top:180px; background:url(/pub/sites/site/images/img.png) center 30px no-repeat #fff; font-size:25px; color:#3F3F3F; text-align:center; line-height:150%; letter-spacing:-1.2px; pointer-events:all;}
.bill-pop p {padding:5px 0;}
.bill-pop b {color:#5372D7; font-weight:normal;}
.bill-pop em {color:#D72D45; font-style:normal;}
.bill-pop .call {position:absolute; bottom:0; left:0; right:0; width:100%; height:70px; padding:0; line-height:70px; background:#5372D7; color:#fff; text-align:center;}
.bill-pop-close {position:absolute; top:30px; right:30px; padding:0;}