body {
	background-color: #000000;
}

.panel-title {
	letter-spacing: -1px;
}


.ListArea, .ViewArea{
	background-color: #ffffff;
}

.NoticArea{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #ffffff;
}

.MainTitle { 
	font-size: 30px;
    text-align: center;
}

.MenuMain{
	padding-top: 30px;
	padding-bottom: 30px;
}

.MenuMain .iconBox{
	padding-right: 0px;
    padding-left: 0px;
}


.MenuMain.PcMode{
	background-color: #ffffff;
	min-height: 900px;
}

.MenuMain.MobileMode{
	background-color: #ffffff;
}

.MenuMain .InquiryArea{
	min-height: 500px;
	/*background-color: #f9f9f9;*/
}

.MenuMain .QAArea{
	min-height: 500px;
	/*background-color: #f7e3e3;*/
}

.MenuMain .PersonalPayArea{
	/*min-height: 300px;*/
	/*background-color: #eff7e3;*/
}

.MenuMain .OsMakeDataArea{
	min-height: 300px;
	background-color: #e3eff7;
}

.ListArea{
	min-height: 400px;
	color: #000000;
	/*
	padding-top: 50px;
	padding-bottom: 50px;
	*/
}

.stuffBox {
    min-height: 250px;
    border: 1px solid rgba(161, 161, 161, 0);
    transition: border 0.5s;
}

.stuffBox:hover{	
	border:1px solid rgba(161, 161, 161, 1);	
	transition: border 0.5s;
}

.stuffImgBox {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    transition: background-size 0.5s;
}

.stuffImgBox:hover{	    
    background-size: 120% auto;
    transition: background-size 0.5s;
}

.stuffTextBox > .stuff_name, .stuffTextBox > .text-muted {
    padding-left: 5px;
    padding-right: 5px;
}

.stuffTextBox {
    text-align: left;
    color: #000000;
    font-weight: 600;
}


.ViewArea{
	color: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 60vmin;
}

.Title{
	padding:0px;
}


.BtnArea{
	/*
	padding-top: 30px;
	padding-bottom: 30px;
	*/
	padding-left: 0px;
	padding-right: 0px;
}



.CommentArea{
	color: #000000;
}



.CommentArea > .body div{
	padding: 0px;	
}

.CommentArea, .CommentWriteArea {    
    background-color: #efefef;
}

.CommentWriteArea .title{
	padding:0px;
}


/*
.BtnArea button{
	margin-top: 30px;
	margin-bottom: 30px;	
}
*/



.SnsIcon{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.WriteArea, .UpdArea{	
	color: #000000;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #fff;
	min-height: 1060px;

}

.CommnetTextArea{
	color: #000000;
}

.CommentArea .title, .CommentArea .CommnetTextArea{
	/*padding: 0px;*/
}

.CommnetTextArea blockquote{
	font-size: 12px;
	padding: 2px 20px;
}

.CommnetTextArea blockquote button{	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.media-body{
	padding-left: 10px;
}

.SiteMapArea{
	color:#000000;
	min-height: 1000px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #efefef;
}

.SiteMapArea .page-header{	
    border-bottom: 1px solid #006698;
}

.list-group-item {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ddd0;
}

.list-group-item a, .list-group-item button{
	color: #000000;
	transition:all 0.5s;
}

.list-group-item a:hover, .list-group-item button:hover{
	color: #6f6f6f;	
	transition:all 0.5s;
}

.page-header > h4 a{
	font-weight: 600;
	color:#006698;
}

.page-header > h4 a:hover{
	color:#002f46;
}

.iconBox a{
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.circle {
    margin:0px;
    width: 75px;
    height: 75px;
    font-size: 50px;
	border: 3px solid #ffffff;
    transition: all 0.5s;
}

.circle span{
    margin-top: 10px;
}

.circle .glyphicon-grain{
	left:-2px;
}

.circle .glyphicon-save-file{
	left: 10px;
}


div.Q_A_title > .panel-title{
	padding-top:5px;
	padding-bottom:5px;	
	padding-left:10px;
	padding-right:10px;
}

div.Q_A_body > .panel-body{
	padding-top:20px;
	padding-bottom:20px;	
	padding-left:10px;
	padding-right:10px;
}

div.Q_A_body > .panel-body div{	
	margin-bottom:13px;		
}

/*
.TopSideBtn > a {
	padding-left: 8px;
    padding-right: 8px;
    transition: all 0.5s;
}
*/

.DiscripTionArea{
	/*
	border-top:1px dashed rgba(161, 161, 161, 0.4);
	border-bottom:1px dashed rgba(161, 161, 161, 0.4);
	*/
	min-height: 600px;	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.Title{
	padding:0px;
}

.Title h3{	
	margin-top: 10px;
	margin-bottom: 0px;
}

.WordInfor h6{
	margin-top: 5px;
}

.BtnArea{
	/*
	padding-top: 30px;
	padding-bottom: 30px;
	*/
	padding-left: 0px;
	padding-right: 0px;
}



.CommentArea > .body div{
	padding: 0px;	
}

.CommentArea{
	padding-left: 5px;
	padding-right: 5px;	
    background-color: #efefef;
}

.CommentWriteArea .title{
	padding:0px;
}

/*
.BtnArea button{
	margin-top: 30px;
	margin-bottom: 30px;	
}
*/

.Q_A_title{
	font-size: 12px;
}

.modal-footer button, .modal-footer a {
    margin-top: 0px;
    margin-bottom: 0px;
}



.ADarea{
	margin: 0px;
	padding: 0px;    
}

.ADarea.ViewMode{
	padding-top: 15px;
	padding-bottom: 15px;
}

.panel-title > a.btn{
	padding: 0px;
}


.ListBox.guide{
	background-color: #efefef;
	padding:15px;
	margin-bottom: 10px;
}
.ListBox.guide:hover{
	background-color: #f8f8f8;
}
.ListBox.guide.active{
	background-color: #cfcfcf;
}
.guide .CountInfor{
	padding-top: 40px;
}

.Subject{
	padding-left: 35px;
}

.WordInfor{
	padding-left: 35px;
}

.guide a{
    color: #249299;
}

.guide a:hover{
    color: #1f7b81;
}

.guide .title .glyphicon{
	animation:LeftRight 1s 0s;
	animation-direction: alternate-reverse;
    animation-iteration-count: infinite; /*애니메이션 무한실행*/

	-webkit-animation:LeftRight 1s 0s;
	-webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite; /*애니메이션 무한실행*/    
}

@-webkit-keyframes LeftRight {	
    from {
    	left:-5px;
    }
    to {
    	left:0px;
    }
}

@keyframes LeftRight {	
    from {
    	left:-5px;
    }
    to {
    	left:0px;
    }
}

.SearchContralArea{
	padding-top: 10px;
	padding-bottom: 10px;
}

.SearchContralArea .pull-left,
.SearchContralArea .pull-right{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}

.ThisGoodArea{
	padding-top: 20px;
	padding-bottom: 20px;
}

.ThisGoodBtn{
	width: 80px;
	height: 80px;
	border-radius:50%;
}

.tab-content.OsMakeData > .tab-pane{
	padding-bottom: 25px;
	padding-top: 25px;
}

.OsMakeData {
	min-height: 700px;
}

.AdminBtnArea{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*
.OsMakeDataBox{	
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 15px;
}
*/

.OsMakeDataBox > .BoxRow{
	background-color: #d7d7d7;
}

/*
.OsMakeDataListArea, .tab-pane > .AdminBtnArea{
	padding-left: 0px;
	padding-right: 0px;
}
*/


.FileDownLoadArea{
	margin-bottom: 50px;
}

.Hit{
	color:#01b300
}

.BusinessTripViewArea{
	min-height: 60vmin;
	background-color: #fff;
	color: #000;
}

.BusinessTripViewArea .StepArea,
.BusinessTripViewArea .InforArea{
	padding-top: 45px;
	padding-bottom: 45px;
}

.BusinessTripViewArea .alert h3{
	margin-top: 30px;
	margin-bottom: 30px;
}

.ListArea .table td{
   vertical-align: middle;    
}

.UpdView{
	/*min-height: 1100px*/
}

.AsInqArea{
	background-color: #fff;
	min-height: 900px;	
	color:#000;
}

.AsInqArea .AsInqControlArea{
	padding-top: 50px;
	padding-bottom: 50px;
}

.AsInqArea .AsInqListArea{
	padding-top: 30px;
	padding-bottom: 30px;
}

.AsInqControlArea .FoundAsInqArea,
.AsInqControlArea .AsInqAddBtnArea{
	padding-left: 0px;
	padding-right: 0px;
}

.AsInqControlArea .btn{
    white-space: unset;
}

.AsInqControlArea .Loding,
.FormControlArea .Loding{
	font-size: 12px;
}

.AsInqListArea .FormControlArea{
	padding-top: 40px;
	padding-bottom: 40px;
}

.InquiryArea .InquiryOneArea,
.QAArea .QAOneArea,
.PersonalPayArea .PersonalPayOne{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.PersonalPayArea .PersonalPayOne{
	padding-top: 0px;
}

.InquiryArea .InquiryOneArea,
.QAArea .QAOneArea,
.PersonalPayArea .PersonalPayOne{
	background-color: #f9f9f9;
}

.InquiryArea .InquiryOneArea .title,
.QAArea .QAOneArea .title,
.PersonalPayArea .PersonalPayOne .title{
	color: #000;
}

/*
.PersonalPayArea .PersonalPayOne{
	width: 100%;
}

.PersonalPayArea .PersonalPaySection:nth-of-type(2){
	padding-left: 0px;
}

.PersonalPayArea .PersonalPaySection:last-of-type{
	padding-right: 0px;	
}
*/

.ExhibitionArea {
    padding-top: 35px;
    padding-bottom: 35px;
    background-size: cover;
    background-position: center center;
    transition: all 0.5s;
}

.ExhibitionArea .PointImgDiv {
    position: relative;
    height: 0px;
    top: -40px;
    left: 20%;
    opacity: 0;
    transition: all 0.5s;
}

.ExhibitionArea .PointTextDiv {
    position: relative;
    color: #ffffff;
    height: 0px;
    top: -20px;
    left: 15px;
    font-size: 20px;
}

.ExhibitionArea .PointImgDiv img {
    max-width: 70px;
    transition: all 0.5s;
}

.ExhibitionArea .BigPointText{
	font-size: 13px;
	transition: all 0.5s;
}

.ExhibitionArea .SmallPointText{
	font-size: 10px;	
	transition: all 0.5s;
}

.WriteBtnArea{
	text-align: center;
}

.TopTextBox a {
    margin: 0px;
    padding: 6px 12px; 
}

.AsPolicyViewArea .DiscripTionArea{
	border-top: 0px;
    border-bottom: 0px;
}

.AsPolicyViewArea h2{
	margin-top: 0px;
}

@media (min-width: 700px){
	.SearchContralArea .pull-left,
	.SearchContralArea .pull-right{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
	}

	.ExhibitionArea .PointImgDiv img {
	    max-width: 80px;
	}

	.ExhibitionArea .BigPointText{
		font-size: 20px;
	}

	.ExhibitionArea .SmallPointText{
		font-size: 12px;
	}
}

@media (min-width: 768px){
	.WriteBtnArea{
		text-align: right;
	}
}

@media (min-width: 800px){
	.panel-title > a.btn{
		padding: 5px;
	}
	.panel-title {
		letter-spacing: -0.5px;
	}
	.ExhibitionArea {
	    padding-top: 44px;
	    padding-bottom: 44px;
	}
}
@media (min-width: 1024px){
	.panel-title > a.btn{
		padding: 10px;
	}
	.Q_A_title {
	    font-size: 13px;
	}
	.panel-title {
		letter-spacing: 0px;
	}
}

@media (min-width: 1680px){	
	.circle {
		width: 200px;
    	height: 200px;
	    font-size: 125px;
	    border: 7px solid #ffffff;
	    transition: all 0.5s;
	}

	.circle span{
	    margin-top: 30px;
	    transition: all 0.5s;
	}

	.circle .glyphicon-grain{
		left:-7px;
	}

	.MainTitle { 
		font-size: 60px;
	}

	.ListArea{
		min-height: 900px;
		color: #000000;
		/*
		padding-top: 100px;
		padding-bottom: 100px;
		*/
	}

	

	.DiscripTionArea{
		padding: 40px;
	}

	.Q_A_title{
		font-size: 18px;
	}
	
}

/*새 디자인 시작*/
.SiteMapArea{
    padding:40px 0 80px;
    background:#f8fafc;
}

.SiteMapArea .card{
    height:100%;

    border:none;

    border-radius:20px;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 8px 30px rgba(15,23,42,.05);

    transition:.2s ease;
}

.SiteMapArea .card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 20px 40px rgba(15,23,42,.08);
}

.SiteMapArea .card-header{
    border:none;

    padding:18px 20px;

    font-weight:700;
}

.SiteMapArea .card-header h5{
    font-size:1.05rem;
    font-weight:800;
}

.SiteMapArea .list-group-item{
    padding:0;

    border-color:#f1f5f9;
}

.SiteMapArea .list-group-item a{
    padding:13px 18px;

    color:#334155;

    font-weight:500;

    transition:.15s ease;
}

.SiteMapArea .list-group-item a:hover{
    background:#f8fafc;

    color:#4f46e5;

    padding-left:24px;
}

.SiteMapArea .list-group-item i{
    margin-right:8px;

    opacity:.8;
}

.SiteMapArea .card-body{
    padding:18px;
}

.SiteMapArea .card-header{
    background:#fff !important;
    color:#111827 !important;

    border-bottom:1px solid #eef2f7 !important;
}

.SiteMapArea .card-header i{
    color:#6366f1;
}

/*새 디자인 끝*/