#bList a {text-decoration:none; color:#222;}

.FileA a {text-decoration:none; color:#222cb4}

.infoTop {color:#333; font-size:12px; margin:0 0 10px;}
.BSearch {padding:20px 10px; text-align:center; margin-bottom:20px; background:#f2f4f7; border-radius:1em;}
.btnSearch {height:40px; padding:2px 15px; border:1px solid #4163a5; background:#fff; color:#4163a5; cursor:pointer; border-radius:8px;}
.BtLogin {margin:0 0 10px;}
.BtLogin a {color:#333; text-decoration:none; border-radius:8px; line-height:1.5; transition:0.3s;}
.BtLogin a:hover {box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.05);}

@media(max-width:1199px) {
	.btnSearch {height:34px;}
}

/* ±âº»Å×À̺í */
.SkinA_List {width:100%; height:auto; border-top:2px solid #333;}
	.SkinA_List thead th {background:#fff; padding:17px 5px; transition:all 0.3s ease-out; font-weight:bold; border-bottom:1px solid #e0e0e0;}
	.SkinA_List tbody td {text-align:center; border-bottom:1px solid #e0e0e0; padding:17px 5px; transition:all 0.3s ease-out; color:#222;}
	.SkinA_List tbody tr:hover {background-color:#fafafa;}
	.SkinA_List .TBleft {text-align:left;}
	.SkinA_List tbody td a {color:#333; text-decoration:none;}

.SkinA_View {width:100%; height:auto;}
	.SkinA_View tbody th {background-color:#f7f7f7; padding:17px 5px; border-bottom:1px solid #e0e0e0;}
	.SkinA_View tbody td {border-bottom:1px solid #e0e0e0; padding:17px 5px; word-break:break-all;}

@media(max-width:768px) {
	.contbx img {width:100%; min-width:100% !important; height:auto !important;}
	.contbx iframe {width:100% !important; max-width:560px !important; max-height:315px !important}

	.SkinA_List.mobile {display:block; overflow:hidden; font-size:14px;}
	.SkinA_List.mobile thead {display:none;}
	.SkinA_List.mobile tbody {text-align:left;}
	.SkinA_List.mobile tbody, .SkinA_List.mobile tbody tr, .SkinA_List.mobile tbody tr th, 
	.SkinA_List.mobile tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
	.SkinA_List.mobile tbody tr {position:relative; padding:15px; border:1px solid #e0e0e0; border-bottom:none; border-left:none; border-right:none;}
	.SkinA_List.mobile tbody tr:first-child {border-top-width:0;}
	.SkinA_List.mobile tbody tr:last-child {border-bottom:1px solid #e0e0e0;}
	.SkinA_List.mobile tbody tr:nth-child(odd) {background:#f9f9f9;}
	.SkinA_List.mobile tbody tr th {padding:0; border-top-width:0; background-color:transparent; text-align:left;}
	.SkinA_List.mobile tbody tr td {border-top-width:0; text-align:left; padding:0;}
	.SkinA_List.mobile.request tbody tr td:nth-child(1),
	.SkinA_List.mobile.request tbody tr td:nth-child(2) {width:auto; clear:initial; margin:0 5px 0 0;}
	.SkinA_List.mobile.request tbody tr td:nth-child(1) {padding:0 0 0 60px;}
	.SkinA_List.mobile.request tbody tr td:nth-child(3) {font-weight:bold; margin:7px 0 0;}

	.SkinA_List.mobile tbody tr td.SubJ {margin:0 0 10px;}
	.SkinA_List.mobile .Non {display:none;} /*¸ð¹ÙÀÏ °¨Ãã*/
	.basicN {margin:0 0 5px; font-size:12px;}
	.SkinA_List .list_ct i {margin:0 0 5px; font-size:12px;}

	.basicN.ct1 {vertical-align:middle;}
	.basicN.ct2 {vertical-align:middle;}
}

.SkinA_View {overflow:hidden; width:100%; height:auto; border-top:1px solid #2b2b2b;}
.SkinA_View tbody th {background-color:#f9f9f9; padding:0 10px; font-weight:bold;}
.SkinA_View tbody .title {font-weight:800; color:#333;}
.SkinA_View tbody th.date {padding:10px 10px 20px;}
.SkinA_View tbody th a {color:#555;}
.SkinA_View tbody td {border-bottom:1px solid #e5e5e5; padding:20px;}
.SkinA_View td p.check {position:relative;}
.contbx {min-height:300px !important; vertical-align:top;}

.SkinA_View tbody td .Nick {}
.SkinA_View tbody td .Time {color:#777;}
.SkinA_View tbody td a {color:#555;}

@media(max-width:1000px) {
	.SkinA_View.mobile {display:block}
	.SkinA_View.mobile thead {display:none;}
	.SkinA_View.mobile tbody {text-align:left;}
	.SkinA_View.mobile tbody,
	.SkinA_View.mobile tbody tr, 
	.SkinA_View.mobile tbody tr th, 
	.SkinA_View.mobile tbody tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box; border:none;}
	.SkinA_View.mobile tr:nth-child(odd) {background-color:#fafafa;}
	.SkinA_View.mobile tbody tr {padding-top:14px; padding-bottom:14px; border:1px solid #c6c6c6; border-bottom:none; border-left:none; border-right:none;}
	.SkinA_View.mobile tbody tr:first-child {border-top-width:0;}
	.SkinA_View.mobile tbody tr:last-child {border-bottom:1px solid #c6c6c6;}
	.SkinA_View.mobile tbody tr th {padding:0 20px 10px; border-top-width:0; background-color:transparent; text-align:left;}
	.SkinA_View.mobile tbody tr td {border-top-width:0; text-align:left; padding:0 20px;}
}

/* ÄÚ¸àÆ® */
.ComBasic {margin-top:40px;}
.ComBasic .comment {margin-top:40px;}
.comment div textarea {width:90%; height:200px; border:1px solid #ccc; padding:10px; line-height:1.5;}
.comment div.txtA {width:100%;}
.comment div.btnA {}

/* ÆäÀÌ¡ */
.BTnum {text-align:center; margin:20px auto;}
.BTnum a {padding:0 5px; color:#333; text-decoration:none;}
.BTnum a:hover {font-weight:bold;}

.page_num {color:#333; text-align:center; margin:30px 50px 4em; font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;gap:5px;}
.page_num a {		
	display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; text-decoration:none; color:#333; 
	box-sizing: border-box; transition:0.3s; border-radius:10px; border:1px solid #ddd; overflow:hidden;
}
.page_num a:hover {border:1px solid #333; background:#fff; font-weight:bold;}
.page_num strong a {font-weight:bold; background:#1161be; color:#fff !important; border:1px solid #1161be;}
.page_num strong a:hover {background:#1161be; color:#fff !important;}
.page_num input,
.page_num select {border:1px solid #ddd; padding:15px;}

@media(max-width:1199px) {
	.page_num {font-size:12px; align-items:normal;}
	.page_num a {width:26px; height:26px;}
}


/* ¹öÆ° */
.btnBottom {margin:10px 0; text-align:right;}
.InCom {border:1px solid #ccc; padding:3px;}

.Btextarea300H {width:100%; height:300px; border:1px solid #ccc; padding:3px;}
.Btextarea400H {height:400px;}

.sInput01 {width:10%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput02 {width:20%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput03 {width:30%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput04 {width:40%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput05 {width:50%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput06 {width:60%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput07 {width:70%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput08 {width:80%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}
.sInput09 {width:90%; height:38px; padding:0 4px; border:1px solid #ccc; border-radius:8px;}

.bList input[type="text"],
.bList input[type="password"],
.bList input[type="button"],
button, select {
	width:auto; 
	border:1px solid #ccc; 
	height:30px; line-height:30px; 
	padding:0 5px; 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-oppearance:none; 
	border-radius:0; 
	font-size:1.0em; 
	vertical-align:middle; 
	color:#777; 
}
.search-select {	
	height:40px; line-height:40px; 
	display:inline-block; 
	padding:0 35px 0 5px; padding /*\**/: 0 0 0 5px\9; 
	background:url("../images/cont/sel_arr.png") no-repeat center right, #fff; 
	font-size:1em; border-radius:8px;
}
.search-input {
	border:1px solid #ccc; 
	height:33px; line-height:33px; 
	display:inline-block; 
	font-size:15px; 
}
select::-ms-expand {display: none;} 

.Work_Ing {font-size:13px; border:1px solid #ff6955; color:#fff; background:#ff6955; width:70px; padding:3px 0; display:inline-block; border-radius:8px; line-height:1.5;}
.Work_End {font-size:13px; border:1px solid #9e9e9e; background:#9e9e9e; color:#999; width:70px; padding:3px 0; display:inline-block; border-radius:8px; line-height:1.5;}

.work {width:70px; padding:3px 0; display:inline-block; border-radius:8px; line-height:1.5; font-weight:bold; box-sizing:border-box;}
.Work_0 {font-size:13px; border:1px solid #ff6955; color:#ffffff; background:#ff6955;}
.Work_1 {font-size:13px; border:1px solid #9e9e9e; color:#fff; background:#9e9e9e;}
.Work_2 {font-size:13px; border:1px solid #ff6955; color:#ff6955; background:#fff;}
.Work_3 {font-size:13px; border:1px solid #1161be; color:#ffffff; background:#1161be;}
.Work_4 {font-size:13px; border:1px solid #6B66FF; color:#ffffff; background:#6B66FF;}
.Work_99 {font-size:13px; border:1px solid #1161be; color:#ffffff; background:#5377bf;}

.LButton {
	padding:0 10px; height:40px; border:1px solid #555; background:#fff; 
	display:inline-flex; align-items:center; border-radius:8px; font-weight:500; font-size:14px; box-sizing:border-box;
}
.gButton {
	padding:0 10px; height:40px; border:1px solid #555; background:#fff; 
	display:inline-flex; align-items:center; border-radius:8px; font-weight:500; font-size:14px; box-sizing:border-box;
}


/* ¹öÆ° */
.basicA, .basicB, .basicD {display:inline-flex; align-items:center; height:40px; padding:0 20px; text-decoration:none; outline:none; cursor:pointer; border-radius:8px; transition:0.3s; font-weight:bold;}
.basicA {border:1px solid #5377bf; background:#fff; color:#5377bf;}
.basicA:hover,
.basicA:active {border:1px solid #5377bf; background:#5377bf; color:#fff;}
.basicB {border:1px solid #1161be; background:#1161be; color:#fff;}
.basicB:hover,
.basicB:active {border:1px solid #1161be; background:#fff; color:#1161be;}
.basicD {border:1px solid #7e7e7e; background:#7e7e7e; color:#fff;}
.basicD:hover,
.basicD:active {border:1px solid #343434; background:#343434; font-weight:bold;}

@media(max-width:1199px) {
	.sInput01 {width:20%; height:32px; padding:0 4px;}
	.sInput02 {width:20%; height:32px; padding:0 4px;}
	.sInput03 {width:40%; height:32px; padding:0 4px;}
	.sInput04 {width:40%; height:32px; padding:0 4px;}
	.sInput05 {width:50%; height:32px; padding:0 4px;}
	.sInput06 {width:60%; height:32px; padding:0 4px;}
	.sInput07 {width:70%; height:32px; padding:0 4px;}
	.sInput08 {width:80%; height:32px; padding:0 4px;}
	.sInput09 {width:90%; height:32px; padding:0 4px;}

	.search-select {height:34px; line-height:34px;}

	.work {
		position:absolute; top:16px; left:15px; display:inline-block; border-radius:8px; line-height:1.3; text-align:center; 
		font-size:11px; width:52px; padding:3px; box-sizing:border-box; 
	}
	.noti .work {position:relative; top:0; left:0;}

	.LButton {font-size:12px; padding:0 10px; height:30px;}
	.gButton {font-size:12px; padding:0 10px; height:30px;}

	/* ¹öÆ° */
	.basicA, 
	.basicB, 
	.basicD {height:30px; padding:0 15px; font-size:14px;}
}

/* ÅÂºí¸´ */
 @media (min-width:768px) and (max-width:1199px) {
	.work {
		position:relative; top:0; left:0; display:inline-block; border-radius:8px; line-height:1.3; text-align:center; 
		font-size:11px; width:50px; padding:3px; box-sizing:border-box; 
	}
}


/* ·Îµù */
#LOADINGAREA {width:100%; height:100%; position:fixed; z-index:9999; display:none;}
.loadingbg {
	position:fixed; 
	top:0; background:black; 
	left:0; 
	width:100%; 
	height:100%; 
	position:fixed; z-index:999; opacity:0.5; 
}
.loadingbox {
	position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; z-index:9999; 
	width:170px; height:174px; 
}

/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.load-wrapp {
	position:fixed; z-index:99999; 
	top:0; left:0; right:0; bottom:0; 
    width: 100px; 
    height: 100px; 
    margin:auto; 
    padding: 20px 20px 20px; 
    border-radius: 5px; 
    text-align: center; 
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    border-radius: 0; 

}

.ring-1 {
    width: 10px; 
    height: 10px; 
    margin: 0 auto; 
    padding: 10px; 
    border: 7px dashed white; 
    border-radius: 100%; 
}

.ring-2 {
    position: relative; 
    width: 45px; 
    height: 45px; 
    margin: 0 auto; 
    border: 4px solid #4b9cdb; 
    border-radius: 100%; 
}

.ball-holder {
    position: absolute; 
    width: 12px; 
    height: 45px; 
    left: 17px; 
    top: 0px; 
}

.ball {
    position: absolute; 
    top: -11px; 
    left: 0; 
    width: 16px; 
    height: 16px; 
    border-radius: 100%; 
    background: #4282B3; 
}

.letter-holder {padding: 16px;}

.letter {
    float: left; 
    font-size: 14px; 
    color: #777; 
}

.square {
    width: 12px; 
    height: 12px; 
    border-radius: 4px; 
    background-color: #4b9cdb; 
}

.spinner {
    position: relative; 
    width: 45px; 
    height: 45px; 
    margin: 0 auto; 
}

.bubble-1,
.bubble-2 {
    position: absolute; 
    top: 0; 
    width: 25px; 
    height: 25px; 
    border-radius: 100%; 
    background-color: #4b9cdb; 
}

.bubble-2 {
    top: auto; 
    bottom: 0; 
}

.bar {
    float: left; 
    width: 15px; 
    height: 6px; 
    border-radius: 2px; 
    background-color: #4b9cdb; 
}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.load-1 .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.load-1 .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF; 
    animation-duration: 1.6s; 
    animation-iteration-count: infinite; 
    animation-direction: linear; 
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0 {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0 {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0 {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}
  
  50% {
      transform: translate(80px,0); 
      background-color: #f5634a; 
      width: 25px; 
  }
}