/*공통*/
.un-style {list-style: none; margin:0; padding:0;}
.clearfix:after {content:" "; display: table; clear:both;}

.fnl {font-weight: 300 !important;}
.fnr {font-weight: 400 !important;}
.fnm {font-weight: 500 !important;}
.fnsb {font-weight: 600 !important;}
.fnb {font-weight: 700 !important;}
.fneb {font-weight: 800 !important;}

table {table-layout: fixed;}

.ffn {font-family: Noto Sans KR !important;}
.ffnp {font-family: Nanum Pen Script;}
.ffp {font-family: Pretendard Variable;}

.line-15 {line-height: 1.5;}
.line-2 {line-height: 2;}

h5.title {font-size: 2rem !important;}
h4.title {font-size: 3rem !important;}
h3.title {font-size: 3.6rem !important;}
h2.title {font-size: 4rem !important;}
h1.title {font-size: 4.4rem !important;}

p.content {font-size: 1.7rem !important;}

.ptitle {font-size: 2.5rem;}
.mtitle {font-size: 2.6rem;}

.cs-title {font-size: 2.4rem !important;}
.cm-title {font-size: 2.8rem !important;}
.cl-title {font-size: 3.2rem !important;}
.cx-title {font-size: 3.4rem !important;}

.bb-content {font-size: 2.2rem !important;}
.pp-content {font-size: 2rem !important;}
.cs-content {font-size: 1.8rem !important;}
.ss-content {font-size: 1.6rem !important;}

.mb05 {margin-bottom: 5px !important;}
.mb2 {margin-bottom: 2rem !important;}
.mb4 {margin-bottom: 4rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.mb6 {margin-bottom: 6rem !important;}
.mb7 {margin-bottom: 7rem !important;}
.mb8 {margin-bottom: 8rem !important;}
.mb9 {margin-bottom: 9rem !important;}
.mb10 {margin-bottom: 10rem !important;}

.mt2 {margin-top: 2rem !important;}
.mt4 {margin-top: 4rem !important;}
.mt10 {margin-top: 10rem !important;}

.ml2 {margin-left: 20px !important;}

.pt4 {padding-top: 4rem !important;}
.pt5 {padding-top: 5rem !important;}
.pt6 {padding-top: 6rem !important;}
.pt7 {padding-top: 7rem !important;}
.pt8 {padding-top: 8rem !important;}
.pt9 {padding-top: 9rem !important;}
.pt10 {padding-top: 10rem !important;}

.pb6 {padding-bottom: 6rem !important;}
.pb7 {padding-bottom: 7rem !important;}
.pb8 {padding-bottom: 8rem !important;}
.pb9 {padding-bottom: 9rem !important;}
.pb10 {padding-bottom: 10rem !important;}

.co66 {color: #666666 !important;}
.co00 {color: #000000 !important;}
.coff {color: #FFFFFF !important;}
.co35 {color: #353535 !important;}
.co33 {color: #333333 !important;}
.co399 {color: #003399 !important;}
.co9cc {color: #3399CC !important;}
.co0a {color: #0A0A0A !important;}
.co173 {color: #6F4173 !important;}
.co641 {color: #735641 !important;}
.co356 {color: #417356 !important;}

.bkff {background-color: #FFFFFF !important;}

.bbd8 {border-bottom: 1px solid #D8D8D8;}

.list-dot > li {position: relative; padding-left: 10px; }
.list-dot > li:after {position: absolute; content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; top: 14px; left: 0; transform: translateY(-50%); background-color: #000000;}
.list-dot.co66 > li:after {background-color: #666666;}

.list-flex > li {display: flex;}
.list-flex  >li span:nth-child(1) {flex: none;}

.list-back > li {background-color: #FFFFFF; border-radius: 73px; padding: 1.5rem 2.8rem;}

.rowm-10 {margin-left: -10px; margin-right: -10px;}
.rowm-10 > div {padding-left: 10px; padding-right: 10px;}

.rowm-20 {margin-left: -20px; margin-right: -20px;}
.rowm-20 > div {padding-left: 20px; padding-right: 20px;}

.btn.btn-l {font-size: 2rem; padding: 20px 0;}
.btn.btn-m {font-size: 1.8rem; font-weight: 500; padding: 1rem 6.4rem;}
.btn.btn-s {font-size: 1.6rem; padding: 7px 2.3rem;}

.btn.bk-4e {background-color: #F15D4E; color: #FFFFFF;}

.btn.bk399 {background-color: #003399; color: #FFFFFF;}

.btn.btn-pdf {font-size: 3.2rem; color: #FFFFFF; background: #E61E2B; padding: 1rem 9rem; border-radius: 7rem; transition: all 0.3s;}
.btn.btn-pdf:hover {background-color: #AA0D17;}

.btn.btn-regist {font-size: 3.2rem; padding: 1rem 14rem; border-radius: 7.2rem;}

.toast-message {font-size: 1.8rem;}

#footer {background-color: #2F2F2F; padding-bottom: 4.5rem;}
.fmenus {border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 2.8rem 0; margin-bottom: 6rem;}
.fmenus .usepageMenu li a {font-size: 1.6rem; color: #999999; display: block; padding: 0 1.7rem;}
.fmenus select {
	color: rgba(255, 255, 255, 0.50);
	border-radius: 0;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(/css/egovframework/img/userpage/select-arrow2.svg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right +10px center;
	border: 1px solid #5B5B5B;
	padding: 6px 8.1rem 6px 11px;
	font-size: 1.4rem;
}
.fmenus select option {
	background-color: #3E3E3E;
	color: rgba(255, 255, 255, 0.50);
}

.finfo {margin-bottom: 8rem;}
.finfo ul li {margin-bottom: 1.7rem;}
.finfo ul li span {font-size: 1.6rem; color: #999999; font-weight: 600;}
.finfo ul li span:nth-child(1) {color: #AFAFAF;}

.fcopyright {font-weight: 600; color: #999999; font-size: 1.6rem;}

#header {position: fixed; width: 100%; left: 0; z-index: 100; top: 0;}
#header .menus {background: #FFFFFF; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);}
#header.whel {box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); background: #FFFFFF;}

.header-mobile {position: absolute; z-index: 5; background: #ffffff; width: 310px; right: 0; top: 0; height: 100vh; overflow-y: scroll; display: none;}
.header-mobile.active {display: block;}
.mheader {background-color: #003399; padding: 10px 20px;}

#header .header-mobile .hm-menu > li {padding: 0; text-align: left; border-bottom: 1px solid #DBDBDB;}
#header .hm-menu > li > a {color: #000000; padding-top: 20px; padding-bottom: 20px; padding-left: 32px; font-size: 18px; font-weight: 600; display: block;}
#header .hm-menu .header-sub-menu {padding-top: 4px; padding-bottom: 4px; position: relative; width: 100%; left: 0; display: none;}
#header .hm-menu .on .header-sub-menu {display: block;}
#header .hm-menu > li.on .header-sub-menu {border-top: 1px solid #DBDBDB;}
#header .hm-menu .header-sub-menu > li > a {color: #000000; text-align: left; padding: 15px 50px; font-size: 16px;  display: block;}
.header-logo {max-width: 22.8rem;}

.menu input {display: none;}
.menu input + label {display: block; width: 3.3rem; height: 2.6rem; position: relative;}
.menu label span {display: block; width: 3.3rem; height: 2px; position: absolute; transition: all 0.5s; margin: 0; background: #FFFFFF;}
.whel .menu label span {background: #000000;}
.active .menu label span {background: #FFFFFF;}
.menu label span:nth-child(1) {top: 0;}
.menu label span:nth-child(2) {top: 50%; transform: translateY(-50%);}
.menu label span:nth-child(3) {bottom: 0;}
.menu input[type=checkbox]:checked + label span:nth-child(1) {top: 50%; transform: translateY(-50%) rotate(45deg);}
.menu input[type=checkbox]:checked + label span:nth-child(2) {opacity: 0;}
.menu input[type=checkbox]:checked + label span:nth-child(3) {top: 50%; transform: translateY(-50%) rotate(-45deg);}

.header-menu {z-index: 10; position: relative;}
.header-menu > li {position: relative; }
.header-menu > li > a {font-size: 2rem; font-weight: 600; display: block; position: relative; transition: color 0.1s; color: #383838;}
.whel .header-menu > li > a {color: #000000;}
.active .header-menu > li > a {color: #000000;}
.header-sub-menu {position: absolute; width: 100%; display: none; height: 27.8rem; border-right: 1px solid #E6E6E6;}
.header-menu > li:nth-child(1) .header-sub-menu {border-left: 1px solid #E6E6E6;}
.active .header-sub-menu {display: block;}
.header-sub-menu li a {font-size: 1.5rem; color: #3D3D3D; display: block; padding: 1.3rem 0; text-align: left;}
.header-menu-back {
	height: 27.8rem; background-color: #FFFFFF; position: absolute; width: 100%; left: 0; border-top: 1px solid #EDEDED; display: block; border-top: 1px solid #EDEDED;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.20); display: none;
}
.active .header-menu-back {display: block;}

.header-mobile .header-sub-menu {height: auto;}

.header-func li a {display: block; font-size: 1.4rem; color: #003399; padding: 2px 1.7rem; border: 1px solid #003399; font-weight: 600;}
/*공통*/

/*게시판*/
.bdsearch {margin-bottom: 3rem;}
.bdsearch .total {font-size: 2rem; font-weight: bold; margin-bottom: 0;}
.bdsearch select {font-size: 1.6rem; padding: 8px; border: 1px solid #D9D9D9; width: 100%; max-width: 120px; margin-right: 2px; border-radius: 4px;}
.bdsearch input {font-size: 1.6rem; padding: 1rem 4rem 1rem 2.9rem; border-radius: 20px; background-color: #F2F2F2; width: 340px; max-width: 100%; border: 0;}
.bdsearch button {position: absolute; right: 1.7rem; top: 50%; transform: translateY(-50%); background-color: transparent;}
.bdsearch input:focus {outline: none;}

.bdgallery > div {margin-top: 12px; margin-bottom: 40px;}
.bdgallery .bdthumb {width: 100%; position: relative; border-radius: 10px 10px 0 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #F8F8F8;}
.bdgallery .bdthumb:after {content: ''; display: block; padding-bottom: 67.53%;}
.bdgallery .bdthumb > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bdgallery .bdinfo {padding: 1.6rem; background-color: #F8F8F8; border-radius: 0 0 10px 10px;}
.bdgallery .bdinfo span {font-size: 1.3rem; color: #3399CC; display: inline-block; padding: 5px 7px; background-color: #F0F9FF; border-radius: 4px;  margin-bottom: 5px;}
.bdgallery .bdinfo h5 {font-size: 1.8rem; color: #333333; margin-bottom: 5px; font-weight: bold;}
.bdgallery .bdinfo p {font-size: 1.4rem; color: #878787; margin-bottom: 0;}

.bdtable {border-top: 2px solid #003399;}
.bdtable th {font-size: 2rem; padding: 1.5rem 0; background-color: #F8F8F8; color: #333333; text-align: center;}
.bdtable td {font-size: 1.6rem; padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #CDCDCD;}
.bdtable td:last-child {border-right: 0;}
.bdtable td .bdt-info li {font-size: 1.5rem; margin-top: 10px; margin-right: 10px; padding-right: 10px; position: relative; line-height: 1;}
.bdtable td .bdt-info li:after {
	position: absolute; content: ''; display: block; height: 100%; width: 1px; background: #000000; top: -1px; right: 0;
}
.bdtable td .bdt-info li:last-child:after {display: none;}
.bdtable td.title a {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}

.bdtable .dp-type {font-size: 1.4rem; padding: 4px 1rem; border-radius: 4px; background-color: #EDF7FB; color: #00537D; font-weight: bold;}
.bdtable .dp-type.dt5 {background-color: #EDF7FB; color: #00537D;}
.bdtable .dp-type.dt6 {background-color: #F3EDFB; color: #43007D;}
.bdtable .dp-type.dt201 {background-color: #FBF8ED; color: #7D4D00;}
.bdtable .dp-type.dt202 {background-color: #EDFBF2; color: #007D17;}

.boardGubun {display: flex; align-items: center; flex-wrap: wrap;}
.boardGubun li {margin-right: 3px; margin-bottom: 3px;}
.boardGubun li a {font-size: 1.6rem; display: block; padding: 1.5rem 2.5rem; background-color: #F8F8F8; border-radius: 4px;}
.boardGubun li.on a {background-color: #003399; color: #FFFFFF;}

.pagination li {width: 3.9rem; height: 3.9rem; display: flex; justify-content: center; align-items: center; margin: 0 4px; border: 1px solid #DFDFDF;}
.pagination li a {font-size: 1.6rem; color: #7D7D7D !important; line-height: 1;}
.pagination li.active {background: #003399; border: 1px solid #003399; font-weight: bold;}
.pagination li.active a {color: #FFFFFF !important;}
.pagination li.pg-arw {background-color: #DFDFDF; margin: 0 2rem;}

.bddetail {border-top: 4px solid #003399;}
.bddetail th, .bddetail td {padding: 2rem; border-bottom: 1px solid #C1C1C1;}
.bddetail h5 {font-size: 2.3rem; font-weight: 500;}
.bdd-info li {font-size: 1.7rem; color: #666666; font-weight: 400; padding-left: 2rem; padding-right: 2rem; margin-top: 2rem; margin-bottom: 2rem; position: relative; line-height: 1;}
.bdd-info li:last-child:after {display: none;}
.bdcontent {font-size: 1.7rem;}
.bdcontent img {max-width: 100%; height: auto;}
.bdfile {background: #F8F8F8;}
.bdfile ul li {font-size: 1.7rem;}
.bftext {padding-right: 2rem; margin-top: 4px; position: relative; flex: none; line-height: 1;}
.bflist {padding-left: 2rem; word-break: break-word;}
.bflist a {font-size: 1.7rem; color: #000000 !important;}
.bflist a:hover {text-decoration: underline;}

.pn-table  {border-top: 1px solid #c7c7c7;}
.pn-table th, .pn-table td {padding: 17px 0; border-bottom: 1px solid #C7C7C7; font-size: 1.7rem;}
/*게시판*/

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	display: block;
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	z-index: 2000;
}

.wrap-loading div{ /*로딩 이미지*/
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
}

#content {padding-bottom: 8rem;}
.ms-item {position: relative; display: flex; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center;}
.ms-item:after {content: ''; display: block;}
.ms-item > div {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ms-text {padding-bottom: 7.6rem;}
.ms-text h1 {font-size: 7.4rem;}
.ms-text h2 {font-size: 5.6rem;}

.ms-slider .slick-dots {top: auto; bottom: 23.72%;}
.ms-slider .slick-dots li, .ms-slider .slick-dots li button, .ms-slider .slick-dots li button:before {width: 10px; height: 10px;}
.ms-slider .slick-dots li {margin-right: 20px;}
.ms-slider .slick-dots li button:before {background-color: #D9D9D9; border: 1px solid #D9D9D9;}
.ms-slider .slick-dots li.slick-active button:before {background-color: #3399CC; border: 1px solid #3399CC;}

.ms-button {position: absolute;}
.ms-button li {margin: 0 5px;}
.ms-button li a {display: block; width: 4.7rem; height: 4.7rem; display: flex; align-items: center; justify-content: center; background-color: rgba(217, 217, 217, 0.15); border-radius: 100%;}

.mt-menu {padding: 1.6rem 0; background-color: #3399CC;}
.mtm-zone h2 {color: #FFFFFF; font-size: 2.4rem;}
.mtm-zone ul li {position: relative; display: flex; align-items: center;}
.mtm-zone ul li a {position: absolute; width: 100%; height: 100%;}
.mtm-zone ul li span {font-size: 1.8rem; color: #FFFFFF; font: 500;}

.section2 {padding: 8.7rem 0 8.3rem; background-color: #F8F8F8;}
.s2-img:after {content: ''; display: block; width: 100%; height: 100%; background-color: #D9D9D9; position: absolute; bottom: -16px; right: -13px; z-index: 1;}
.s2-img img {position: relative; z-index: 2;}
.s2-txt h2 {font-size: 4.3rem; font-weight: bold; display: table; padding: 0 9px; position: relative; margin-bottom: 5rem;}
.s2-txt h2:after {content: ''; display: block; width: 100%; height: 2.3rem; background-color: rgba(51, 153, 204, 0.25); position: absolute; bottom: -1.3rem; left: 0;}

.section3 {padding: 7rem 0;}
.s3-iitem {margin: 0 2px; position: relative; border-radius: 30px;}
.s3-iitem:after {content: ''; display: block; padding-bottom: 71.07%;}
.s3-iitem > div {position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.s3i-icon {height: 12rem; display: flex; align-items: center; justify-content: center;}
.s3i-icon > img {max-height: 100%;}
.s3i-text h6 {font-size: 2.2rem;}

.section4 {padding: 4rem 0 10rem;}
.mb-menu li {margin: 0 5px; width: 8.2rem; border: 1px solid #EBEBEB; border-radius: 3px; overflow: hidden;}
.mb-menu li a {display: block; width: 100%; text-align: center; padding: 5px 0; font-size: 1.6rem; font-weight: 500;}
.mb-menu li.on a {background-color: #202020; border-color: #202020; color: #FFFFFF;}

.mb-parent > div {display: none;}
.mb-parent > div.on {display: block;}

.mb-item {position: relative; border: 1px solid #E6E6E6; border-radius: 10px;}
.mb-item:after {content: ''; display: block; padding-bottom: 94.78%;}
.mb-item > a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}
.mb-item > div {position: absolute; padding: 4rem 2.7rem;}
.mb-item .type {padding: 5px 1rem; font-size: 13px; color: #3399CC; border-radius: 4px; background-color: #E9F8FF; display: inline-block; margin-bottom: 2rem; font-weight: 600;}
.mb-item h5 {
	display: -webkit-box;
    display: -ms-flexbox;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 1.5;
    max-height: 6rem;
    min-height: 6rem;
}
.mb-item p {
	font-size: 1.6rem;
	display: -webkit-box;
    display: -ms-flexbox;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 1.5;
    max-height: 4.8rem;
    min-height: 4.8rem;
	margin-bottom: 2rem;
}
.mb-item .date {font-size: 1.5rem; color: #949494;}

.micon {height: 4.2rem; width: 4.2rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.micon img {max-width: 80%;}

.mp-children {height: calc(100% - 9.4rem); display: flex; flex-direction: column; justify-content: space-between;}
.mp-info {margin-bottom: 3rem;}
.mp-info li {align-items: start;}
.mp-info li span:nth-child(1) {padding: 1px 0; padding-left: 3rem; background-color: #F8F8F8; font-weight: 600; border-radius: 19px; display: block; flex: 0 0 18rem; max-width: 18rem;}
.mp-office {background-color: #3399CC; padding: 12px 3.4rem 3rem 3.4rem; border-radius: 10px; margin-bottom: 2rem;}
.mp-office h5 {padding-bottom: 8px; margin-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.mp-department {background-color: #003399; padding: 1rem 3.4rem 1rem 3.4rem; border-radius: 10px;}
.mp-department h5 {padding-bottom: 8px; margin-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.page-menu {background-color: #003399;}
.parentmenu h3 {
	font-size: 2rem; font-weight: bold; background-color: #3399CC; padding: 2rem; width: 23.3rem; color: #FFFFFF; cursor: pointer;
	background-image: url('/css/egovframework/img/userpage/parentmenu.svg'); background-repeat: no-repeat; background-position: right +2rem center;
}
.parentmenu ul {position: absolute; width: 100%; left: 0; z-index: 1; display: none;}
.parentmenu.on ul {display: block;}
.parentmenu li {border-bottom: 1px solid #C7C7C7;}
.parentmenu li:last-child {border-bottom: 0;}
.parentmenu li a {font-size: 1.6rem; display: block; width: 100%; background-color: #FFFFFF; color: #000000; padding: 1rem;}
.childmenu li a {font-size: 1.6rem; color: #FFFFFF; padding: 0 3rem;}

.page-top {padding: 6.4rem 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-top2 {padding: 12.3rem 0 10rem; background-repeat: no-repeat; background-position: center; background-size: cover;}

.page-top2 h1 {font-size: 5.6rem;}

.pagebread {padding: 4.7rem 0;}
.pagebread li {padding: 0 1.7rem; position: relative; display: flex; align-items: center;}
.pagebread li:last-child {padding-right: 0;}
.pagebread li:after {content: ''; display: block; width: 2rem; height: 2rem; background-image: url('/css/egovframework/img/userpage/page-arrow.svg'); background-size: 100% 100%; position: absolute; top: 3px; right: -1.1rem;}
.pagebread li:last-child:after {display: none;}
.pagebread li a {font-size: 1.6rem; font-weight: 500; color: #333333;}

span.ceo {padding: 9px 3rem; border: 1px solid #333333; color: #333333; border-radius: 21px; font-size: 1.6rem; font-weight: 500; display: inline-block;}

.bi-zone1 {padding: 7.8rem 0 7rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/css/egovframework/img/userpage/business/bi-zone1.png');}
.bi-zone1 h3 {font-size: 6.4rem;}

.bi-zone2 {background-color: #003399; border-radius: 10px; padding: 2.4rem 0;}
.bi-zone2 span {font-size: 4rem; display: inline-block; padding: 1rem 1.5rem; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 1; color: #FFFFFF; font-weight: bold; margin: 0 2.7rem;}

.biv-first {max-width: 37.4rem; width: 100%; background: #FFFFFF; border-radius: 10px; text-align: center;}
.biv-first:after {content: ''; display: block; padding-bottom: 106.95%;}
.biv-first > div {position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}

.biv-parent {background-repeat: no-repeat; background-position: left +35% center; background-size: 25%;}
.biv-item {padding-left: 11.3rem; position: relative; margin-bottom: 7rem;}
.biv-item h3 {width: 15.9rem; height: 15.9rem; position: absolute; top: 0; left: 0;}
.biv-item h3 span {position: absolute; width: 100%; height: 100%; color: #FFFFFf; font-size: 3.2rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; border-radius: 100%; z-index: 2;}
.biv-item h3:before {content: ''; display: block; width: calc(100% + 4.6rem); height: calc(100% + 4.6rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 1;}
.biv-item:nth-child(1) h3:before {background-color: rgba(51, 204, 133, 0.2);}
.biv-item:nth-child(2) h3:before {background-color: rgba(156, 51, 204, 0.2);}
.biv-item:nth-child(3) h3:before {background-color: rgba(204, 133, 51, 0.2);}
.biv-item > div {background-color: #FFFFFF; border-radius: 11px; padding-left: 10rem; min-height: 15.6rem; display: flex; flex-direction: column; justify-content: center;}

.bic-item {padding-right: 2rem;}
.bic-item > img {position: absolute; height: 100%;}

.bic-item > div {background-repeat: no-repeat; background-position: center; background-size: 100% 100%; position: relative;}
.bic-item > div:after {content: ''; display: block; padding-bottom: 100%;}

.bic-item > div > div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bic-item > div > div h1 {font-size: 9.6rem; position: relative;}
.bic-item > div > div h1:after {content: ''; display: block; width: 6.2rem; height: 6.2rem; border-radius: 100%; position: absolute; top: 0; left: -1rem;}
.bic-parent > div:nth-child(1) h1:after {background-color: rgba(51, 153, 204, 0.1);}
.bic-parent > div:nth-child(2) h1:after {background-color: rgba(156, 51, 204, 0.1);}
.bic-parent > div:nth-child(3) h1:after {background-color: rgba(204, 133, 51, 0.1);}
.bic-parent > div:nth-child(4) h1:after {background-color: rgba(51, 204, 133, 0.1);}


.org-table {border-radius: 10px 10px 0 0; overflow: hidden; border-bottom: 2px solid #003399;}
.org-table thead th {padding: 1.8rem 0; background-color: #003399; font-size: 1.8rem; color: #FFFFFF; text-align: center;}
.org-table tbody td {padding: 1.8rem 0; font-size: 1.8rem; color: #404040; text-align: center; border-right: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF;}
.org-table tbody tr:nth-child(2n + 1) td {background-color: #FFFFFF;}
.org-table tbody tr:nth-child(2n) td {background-color: #F9F9F9;}
.org-table tbody tr:last-child td {border-bottom: 0;}
.org-table tbody tr td:last-child {border-right: 0;}

.organization {padding: 6.8rem 0; background-color: #F9F9F9; border-radius: 10px;}
.organization .chief {width: 33.6rem; margin: 0 auto 4rem auto; position: relative;}
.organization .chief:after {content: ''; display: block; width: 2px; height: 4rem; background-color: #E8E8E8; position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%);}
.organization .chief span {padding: 2.3rem 0; background-color: #003399; border-radius: 50px; width: 100%; text-align: center; display: block;}
.organization .middle {width: 33.6rem; margin: 0 auto 6rem auto; position: relative;}
.organization .middle:after {content: ''; display: block; width: 2px; height: 6rem; background-color: #E8E8E8; position: absolute; bottom: -6rem; left: 50%; transform: translateX(-50%);}
.organization .middle span {font-size: 2rem; padding: 2.3rem; background-color: #FFFFFF; border-radius: 50px; width: 100%; text-align: center; display: block;}
.organization .last {width: 33.6rem; margin: 0 auto 3rem auto; text-align: center; position: relative;}
.organization .last:before {content: ''; display: block; width: calc(100% + 30px); height: calc(100% + 30px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(51, 153, 204, 0.2); border-radius: 50px; z-index: 1;}
.organization .last:after {content: ''; display: block; width: 1px; height: 3rem; border-left: 2px dotted #E8E8E8; position: absolute; bottom: -3rem; left: 50%; transform: translateX(-50%);}
.organization .last span {font-size: 2rem; padding: 2.3rem; background-color: #3399CC; color: #FFFFFF; border-radius: 50px; width: 100%; display: block; position: relative; z-index: 2;}
.organization .manage {max-width: 96.5rem; margin: 0 auto; position: relative; display: flex;}
.organization .manage li {margin-bottom: 14px; width: 36.2rem; position: relative;}
.organization .manage li:first-child:after {left: auto; right: -12.1rem;}
.organization .manage li span {font-size: 2rem; padding: 2.3rem 0; display: block; border-radius: 50px; background-color: #EBF8FF; font-weight: 600; width: 100%; text-align: center;}
.organization .department {position: relative;}
.organization .department li {width: 33rem; padding: 0 7px; position: relative;}
.organization .department li span {font-size: 2rem; padding: 2.3rem 0; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #FFFFFF; font-weight: 600; width: 100%; text-align: center;}

.maptitle:after {content: ''; display: block; width: 100%; height: 3px; background-color: #E1E9FB; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.maptitle h4 {background-color: #FFFFFF; position: relative; z-index: 2;}
.mapinfo {border-bottom: 3px solid #E1E9FB;}
.mapinfo ul li {padding: 2.3rem 0; border-bottom: 1px solid #CACACA;}
.mapinfo ul li:last-child {border-bottom: 0px;}
.mapinfo ul li span {font-size: 1.4rem; padding: 1px 8px; color: #3399CC; background-color: #EBF3F8; border-radius: 4px;}

.mapitem {padding-left: 5rem; min-height: 14.4rem; border-radius: 10px; background-color: #F4F4F4; display: flex; align-items: center;}

.dp-icon {width: 11.3rem; height: 11.3rem; border-radius: 100%;}
.dp-item {padding: 3.8rem;}
.dp-item > div {padding: 0 4rem;}

.process-table {border-spacing: 3px; table-layout: fixed;}
.process-table thead th {font-size: 1.8rem; color: #FFFFFF; background-color: #003399; border-radius: 4px; padding: 1.2rem 0; text-align: center; font-weight: bold;}
.process-table thead td {font-size: 1.5rem; color: #003399; background-color: #E1E9FB; border-radius: 4px; padding: 1.2rem 0; text-align: center; font-weight: bold;}
.process-table tbody th {font-size: 1.6rem; color: #003399; background-color: #E1E9FB; border-radius: 4px; padding: 1.2rem 0; text-align: center; font-weight: bold;}
.process-table tbody td {font-size: 1.4rem; border-radius: 4px; padding: 0.9rem 0; text-align: center; color: #333333; font-weight: 500;}
.process-table tbody td.quest {background-color: #FEFBF2;}
.process-table tbody td.practice {background-color: #FDE8F3;}
.process-table tbody td.core {background-color: #FFF2E4;}
.process-table tbody td.none {background-color: #F8F8F8;}

.custom-table {border-spacing: 6px; table-layout: fixed;}
.custom-table thead th {font-size: 2.2rem; color: #FFFFFF; background-color: #003399; padding: 1.6rem 0; text-align: center; font-weight: bold;}
.custom-table thead td {font-size: 2.2rem; color: #003399; background-color: #E1E9FB; padding: 1.6rem 0; text-align: center; font-weight: bold; border-radius: 4px;}
.custom-table tbody th {font-size: 2rem; color: #003399; background-color: #E1E9FB; border-radius: 4px; padding: 1.6rem 0; text-align: center; font-weight: bold;}
.custom-table tbody td {font-size: 2rem; color: #333333; background-color: #F8F8F8; border-radius: 4px; padding: 1.6rem 0; text-align: center;}

.custom-table2 thead th:first-child {border-radius: 10px 0 0 0;}
.custom-table2 thead th:last-child {border-radius: 0 10px 0 0;}

.custom-table3 thead th {border-radius: 10px 10px 0 0;}
.custom-table3 tbody td {background-color: #FFFFFF; border-radius: 4px;}

.custom-table4 thead th {font-size: 2rem;}
.custom-table4 thead td {font-size: 2rem;}
.custom-table4 tbody th {font-size: 1.8rem;}
.custom-table4 tbody td {font-size: 1.8rem;}

.dep-thumb {width: 100%; position: relative; background-size: cover; background-position: center; background-image: url('/css/egovframework/img/userpage/department/professor.png')}
.dep-thumb:after {content: ''; display: block; padding-bottom: 101.4%;}
.sightseeing .dep-thumb {background-color: #EFFAFF;}
.culinary .dep-thumb {background-color: #FDF9FF;}
.smart .dep-thumb {background-color: #FFFAEF;}
.beauty .dep-thumb {background-color: #F6FFEF;}

.dep-info {padding: 2rem 4rem;}
.sightseeing .dep-info {background-color: #003399;}
.culinary .dep-info {background-color: #6F4173;}
.smart .dep-info {background-color: #735641;}
.beauty .dep-info {background-color: #417356;}

.dep-info h5 {font-size: 3.2rem; color: #FFFFFF; font-weight: bold;}
.dep-info h5 span {font-size: 2rem; font-weight: 400;}
.dep-info a {font-size: 1.6rem; padding: 2px 2rem; color: #FFFFFF; border-radius: 16px; display: flex; align-items:  center; justify-content: center; max-width: 15.7rem;}
.sightseeing .dep-info a {border: 1px solid #5482DF;}
.culinary .dep-info a {border: 1px solid #AD8FCD;}
.smart .dep-info a {border: 1px solid #9F9679;}
.beauty .dep-info a {border: 1px solid #B2CCAF;}

.counsel {padding: 10rem 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/css/egovframework/img/userpage/department/counsel-back.png');}

.ic-benefit {position: relative; border: 3px solid #EBEBEB;}
.ic-benefit:after {content: ''; display: block; padding-bottom: 103.96%;}
.ic-benefit > div {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.icb-icon {height: 11.6rem; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;}
.icb-icon img {max-height: 100%;}

.icc-content {background-color: #F8F8F8; padding: 16px; position: relative;}
.icc-title {flex: 0 0 17.7rem; max-width: 17.7rem; position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.8rem; color: #FFFFFF;}
.icc-title:after {content: ''; display: block; padding-bottom: 100%;}
.check2 {width: 1.6rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-top: 7px; margin-right: 1rem;}

.icc-item ul li {position: relative;}
.icc-item:nth-child(1) .icc-title {order: 2;}
.icc-item:nth-child(1) ul {order: 1;}

.icp-parent {position: relative;}
.icp-parent .num {position: absolute; width: 5.6rem; height: 5.6rem; border-radius: 100%; font-size: 3.2rem; color: #FFFFFF; font-weight: 900; top: 3rem; right: 2rem; display: flex; align-items: center; justify-content: center;}
.icp-parent > div {padding-top: 6.4rem; padding-left: 3rem; padding-right: 3rem; min-height: 40rem;}
.icp-icon {height: 10.1rem; display: flex; align-items: center;}
.icp-icon > img {max-height: 100%;}

.icg-back {background-size: cover; background-image: url('/css/egovframework/img/userpage/introduce/icg-back.png'); padding: 4.5rem 0;}
.icg-back h1 {font-size: 4.3rem;}
.icg-back .check2 {width: 1.8rem; height: 1.8rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-top: 7px; background-color: #003399;}

.icp-list li {padding: 1rem 2.4rem; border: 2px solid #D8E5FF; border-radius: 4px; margin-bottom: 8px; display: flex;}
.icp-list li span {font-size: 1.6rem; color: #003399;}
.icp-list li span:nth-child(1) {font-weight: bold; flex: 0 0 10.9rem; max-width: 10.9rem; margin-right: 1.8rem;}

.ici-parent {height: calc(100% - 6rem); display: flex; flex-direction: column; justify-content: space-between;}

.company-zone {padding: 12rem 0 10rem; background-color: #EFFAFF;}
.company-zone h1 {font-size: 5rem;}
.company-zone h1 span {font-size: 3rem;}

.dp-company {padding: 2.6rem 2.3rem; background-color: #FFFFFF;}
.dp-company h6 {font-size: 2.4rem; color: #FFFFFF; font-weight: bold; background-color: #003399; padding: 1.1rem 0; text-align: center; min-width: 30.6rem;}
.dp-company ul li {padding: 1rem 0; border-bottom: 1px solid #F0F0F0; font-size: 1.8rem; position: relative; padding-left: 1rem;}
.dp-company ul li:after {content: '·'; display: block; position: absolute; top: 1rem; left: 0; font-size: 2rem;}
.dp-company ul li span {cursor: pointer; padding-right: 9.3rem; display: inline-block; position: relative;}
.dp-company ul li img {position: absolute; top: 50%; transform: translateY(-50%); right: 0; max-height: 4.1rem; max-width: 8.3rem;}

.cv-title {padding: 5rem 0; background-size: cover; background-image: url('/css/egovframework/img/userpage/company/cv-title.png');}
.cv-content h1 {font-size: 4.3rem;}
.cv-content ul li {
	background-repeat: no-repeat; background-image: url('/css/egovframework/img/userpage/company/check-icon.svg'); background-position: left +26px top +16px; 
	font-size: 1.8rem; padding: 1rem 3.7rem 1rem 5.7rem;
	background-color: #F8F8F8; border-radius: 10px; margin-bottom: 7px;
}
.effect {position: relative; display: table; padding-bottom: 10px;}
.effect:before {content: ''; display: block; width: calc(100% + 11px); height: 1.9rem; bottom: 0; left: -3px; background-color: #EFFAFF; border-radius: 10px; position: absolute; z-index: -1;}

.ccv-flex {display: flex; flex-wrap: wrap; margin: 0 -2.5rem;}
.ccv-flex > div {padding: 0 2.5rem; position: relative;}
.ccv-flex > div:after {content: '▶'; display: block; font-size: 1.8rem; color: #333333; position: absolute; top: 50%; right: -8px; transform: translateY(-50%);}
.ccv-flex > div:first-child:after {color: #003399;}
.ccv-flex > div:last-child:after {display: none;}

.ccv-flex2 {display: flex; flex-wrap: wrap; margin: 0 -4px;}
.ccv-flex2 > div {padding: 0 4px; min-height: 13.6rem; display: flex; align-items: center;}
.ccv2-child {background-color: #FFFFFF; border-radius: 10px; padding-left: 5rem;}

.ccv2-text {height: 100%; background-color: #4A4A4A; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.ccv2-text h5 {font-size: 2.6rem; color: #FFFFFF;}

.ccv3-text {padding: 1.7rem 4.4rem; background-color: #FFFFFF; border-radius: 10px;}

.faq-item {border: 1px solid #CDCDCD; border-top: 2px solid #003399;}
.fi-title {display: flex; align-items: center; padding: 2.5rem 3.2rem; padding-right: 6rem; cursor: pointer; background-color: #FFFFFF; background-image: url('/css/egovframework/img/userpage/community/faq-arrow.png'); background-repeat: no-repeat; background-position: center right +30px;}
.fi-title > div:nth-child(1) {flex: 0 0 4.4rem; max-width: 4.4rem; height: 4.4rem; display: flex; align-items: center; justify-content: center; background-color: #003399; border-radius: 100%;}
.fi-title > div:nth-child(1) span {font-size: 3rem; color: #FFFFFF; line-height: 1; position: relative; top: -4px; font-weight: bold;}
.fi-title > div:nth-child(2) {flex: 0 0 calc(100% - 4.4rem); max-width: calc(100% - 4.4rem); padding-left: 1.6rem;}
.fi-title > div:nth-child(2) h4 {margin-bottom: 0; font-size: 2.2rem;}
.fi-title > div:nth-child(2) h4 span {font-weight: bold; color: #003399;}
.fi-content {align-items: start; padding: 2.5rem 3.2rem; background-color: #F8F8F8; display: none; padding-bottom: 9rem;}
.on .fi-content {display: flex;}
.fi-content > div:nth-child(1) {flex: 0 0 4.4rem; max-width: 4.4rem; height: 4.4rem; display: flex; align-items: center; justify-content: center; background-color: #3399CC; border-radius: 100%;}
.fi-content > div:nth-child(1) span {font-size: 3rem; color: #FFFFFF; line-height: 1; position: relative; top: -4px; font-weight: bold;}
.fi-content > div:nth-child(2) {flex: 0 0 calc(100% - 4.4rem); max-width: calc(100% - 4.4rem); padding-left: 1.6rem;}
.fi-content > div:nth-child(2) p {margin-bottom: 0; font-size: 2rem; color: #383838; line-height: 1.8;}

.pf-profile {width: 20.2rem; position: relative; border-radius: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #FFFFFF;}
.pf-profile:after {content: ''; display: block; padding-bottom: 100%;}
.pf-info {padding-bottom: 3rem; border-bottom: 3px solid #E5E5E5; flex: 1; padding-left: 2rem;}
.pf-info h1 {font-size: 4.8rem; color: #333333; font-weight: bold;}
.pf-info h1 span {font-size: 2.4rem; font-weight: 400;}

.btn.btn-professor {width: 54rem; max-width: 100%; padding: 1.5rem 0; text-align: center; font-size: 2rem; color: #FFFFFF; border-radius: 55px;}

.btn.btn-receipt {font-size: 2rem; color: #FFFFFF; padding: 1.6rem 2.6rem; border: 1px solid #FFFFFF;}
.btn.btn-receipt img {position: relative; top: -1px;}

.professor-item h5 {font-size: 1.8rem; font-weight: bold; padding-bottom: 6px; border-bottom: 1px solid #E6E6E6;}
.professor-item ul li {padding: 6px 0; padding-left: 3.9rem; border-bottom: 1px solid #E6E6E6; font-size: 1.6rem; position: relative;}
.professor-item ul li:after {content: '•'; color: #DDDEE0; font-size: 1.6rem; position: absolute; top: 4px; left: 2.3rem;}

#companyModal .modal-dialog {max-width: 120rem}
#companyModal h4 {padding-left: 6rem; background-image: url('/css/egovframework/img/userpage/department/beauty-icon.svg'); background-repeat: no-repeat; background-size: auto 100%; background-position: left center;}
#companyModal.dt5 h4 {background-image: url('/css/egovframework/img/userpage/department/sightseeing-icon.svg');}
#companyModal.dt6 h4 {background-image: url('/css/egovframework/img/userpage/department/culinary-icon.svg');}
#companyModal.dt201 h4 {background-image: url('/css/egovframework/img/userpage/department/smart-icon.svg');}
#companyModal.dt202 h4 {background-image: url('/css/egovframework/img/userpage/department/beauty-icon.svg');}
#companyModal .modal-content {background-color: #FFFFFF; border-radius: 2rem; padding: 3.6rem 4rem;}
.company-children .company-close {position: absolute; top: 0; right: 0;}

#companyInfoImage {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}

.sitemap > .sitemap-menu > li {display: flex;}
.sitemap > .sitemap-menu > li > a {font-size: 2.5rem; flex: 0 0 25rem; max-height: 25rem; margin-bottom: 0; padding: 2rem 0 0; border-top: 2px solid #003399; font-weight: bold;}
.sitemap > .sitemap-menu > li .header-sub-menu {display: block; position: relative; display: flex; height: auto; padding: 0; flex-wrap: wrap; border-top: 1px solid #C7C7C7; border-right: 0;}
.sitemap > .sitemap-menu > li .header-sub-menu li {margin-bottom: 8rem; border-top: 1px solid #C7C7C7; position: relative; top: -1px;}
.sitemap > .sitemap-menu > li .header-sub-menu li a {font-size: 1.8rem; padding: 1rem 0; padding-top: 2rem;}

.fixed-menu {position: fixed; bottom: 20rem; right: 0;}
.fixed-menu li {width: 21.4rem; border-radius: 30px 0 0 30px; background-color: #F6F6F6; margin: 5px 0; background-size: cover; background-position: center;}
.fixed-menu li a {font-size: 1.6rem; color: #000000; padding: 1.6rem 1.5rem 1.6rem 3rem; display: flex; align-items: center; font-weight: 500;}
.fixed-menu li.instagram {background-image: url('/css/egovframework/img/userpage/instagram-back.png');}
.fixed-menu li.instagram a {color: #FFFFFF;}
.fixed-menu li.kakao {background-color: #FFEA00;}
.fixed-menu li.kakao a {color: #171717;}
.fixed-menu li.top, .fixed-menu li.down {background-color: #003399;}
.fixed-menu li.top a, .fixed-menu li.down a {color: #FFFFFF; cursor: pointer;}

.sp-title h3 {font-size: 3rem;}
.sp-list li {font-size: 1.8rem; padding: 1rem 1.5rem; border-radius: 4px; color: #000000; font-weight: bold;}