@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('/custom/font/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
  min-width:340px;  
}
body{
	color:#0a1b3f;
	font-family: 'Noto Sans KR', sans-serif;
	word-break: keep-all;
	font-optical-sizing: none;
    font-style: normal;
	font-size:1.05rem;	
}
::selection {
  color: #ffffff;
  background-color: #619520;
}
.fw-200{font-weight:200}
a{
	text-decoration:underline;
	cursor:pointer;
	color:#e9900f;
	text-underline-offset: 4px;
}
a:hover, a:not([href]):not([class]):hover{
	color:#64a90d;
	text-decoration:underline;
}
.upload_file_item_inner a{text-decoration:none}
 input:focus, input:active, .form-control:focus, .form-control:active, .form-select:focus, .form-select:active{
     outline: 0 !important;
     box-shadow: none !important;
}
input:-webkit-autofill,  input:-webkit-autofill:hover, input:-webkit-autofill:focus, .input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px rgb(255,255,255) inset !important;
    -webkit-text-fill-color: #212121 !important;
}
.form-control:focus, .form-check-input:focus, .form-check-input:active{
	border:1px solid #79b133;	
}
.form-check-input {
	width: 1.4em;
	height: 1.4em;
	margin-top: .1em;
    vertical-align: middle;
}
.form-check label{padding-left:.3rem;}
.form-control, .btn{font-size:1.05rem}
.h6, h6 {
    font-size: calc(1.05rem + .1vw);
}
.h5, h5 {
    font-size: calc(1.12rem + .2vw);
}
.h4, h4 {
    font-size: calc(1.375rem + .3vw);
}
.h3, h3 {
    font-size: calc(1.4rem + .6vw);
}
.h2, h2 {
    font-size: calc(1.425rem + .9vw);
}
.h1, h1 {
    font-size: calc(1.475rem + 1.5vw);
}
.form-label-1rem{font-size:1rem}
@media (min-width: 1200px) {
    .h6, h6 {
        font-size: 1.1rem;
    }	
    .h5, h5 {
        font-size: 1.3rem;
    }	
    .h4, h4 {
        font-size: 1.6rem;
    }
    .h3, h3 {
        font-size: 1.85rem;
    }
    .h2, h2 {
        font-size: 2.1rem;
    }
    .h1, h1 {
        font-size: 2.6rem;
    }	
}
 .btn.focus, .btn:focus, button:focus{
     outline: 0!important;
     box-shadow: none!important;
}
 .btn{
	cursor:pointer;
	padding: .5rem 1.5rem;
	border-radius:100px;
	white-space: nowrap;
	text-decoration:none;
}
.btn-footer{
	cursor:pointer;
	border-radius:100px;
	font-size:1.1rem;
	padding: .5rem 2rem;
}
@media (max-width: 575px) {
	.btn-footer {
		padding: .5rem 1.1rem;
	}
}
.btn-group-lg>.btn, .btn-lg {
    padding: .8rem 2rem;
    font-size: 1.25rem;
}
.btn-xl {
    padding: .8rem 3.5rem;
    font-size: 1.5rem;
}
.btn-sm {
	cursor: pointer;
	padding: .3rem 1rem;
	border-radius: 100px;
	font-size: .925rem;
}
.input-group .btn{border-radius:0;}
.form-check-input:checked {
    background-color: #e9900f;
    border-color: #e9900f;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0em;
    vertical-align: middle;
}
.form-check label{padding-left:.3rem;}
.input-group.rounded>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.input-group.rounded>.btn{
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;	
}
.big{font-size:1.15rem;}
.patten1{
	background-image:url(/custom/img/bg_pattern1.png);
}
.patten2{
	background-image:url(/custom/img/bg_pattern2.png);
}
.patten3{
	background-image:url(/custom/img/bg_pattern3.png);
}
.w-1rem{
	 width:1.3rem;
 }
.w-2rem{
	 width:2.5rem;
 }
 .w-3rem{
	 width:3.5rem;
 }
 .w-4rem{
 width:4.5rem!important;
}
.w-5rem{
 width:5.5rem;
}
 .w-5-5rem{
 width:5.5rem!important;
}
.w-6rem{
 width:6.5rem;
}
.w-8rem{
 width:8rem;
}
.w-10rem{
	 width:10rem;
 }
 .w-12rem{
	 width:12rem;
 }
.text-main{
	color: #79b133;
}
.text-sub{
	color: #e9900f;
}
.text-red{
	color: #cc3a6e;
}
.text-blue{
	color: #1a5ac1;
}
.text-gray{
	color:#aaaaaa;
}
.text-point{
	color:#547fba;
}
.text-point1{
	color:#ff973f;
}
.stu-blue{
	padding:.3rem .9rem;
	background-color:#1a5ac1;
	color:#ffffff;
	font-size:.9rem
}
.stu-red{
	padding:.3rem .9rem;
	background-color:#cc3a6e;
	color:#ffffff;
	font-size:.9rem	
}
.bg-d-gray{
	background-color:#e2e4eb
}
.bg-main{
	background-color:#79b133;
	color:#ffffff;
}
.bg-sub{
	background-color:#e9900f;
	color:#ffffff;
}
.bg-point{
	background-color:#547fba;
	color:#ffffff;
}
.bg-point1{
	background-color: #c6baa4;
	color:#ffffff;	
}
.bg-gray{
	background-color: #eff1f3;
}
.bg-line-sub{
	border:1px solid #e9900f;
	background-color:#ffffff;
	color:#e9900f;
}
.btn-main{
	border:1px solid #79b133;
	background-color:#79b133;
	color:#ffffff;
}
.btn-sub{
	border:1px solid #e9900f;
	background-color:#e9900f;
	color:#ffffff;
}
.btn-point{
	border:1px solid #547fba;
	background-color:#547fba;
	color:#ffffff;
}
.btn-red{
	border:1px solid #cc3a6e;
	background-color:#cc3a6e;
	color:#ffffff;
}
.btn-footer-del{
	border:1px solid #cc3a6e;
	background-color:#ffffff;
	color:#cc3a6e;
}
.btn-point2{
	background-color: #deb681;
	border:1px solid #deb681;
	color:#ffffff;
}
.btn-point1{
	border: 1px solid #c6baa4;
	background-color: #c6baa4;
	color:#ffffff;	
}
.btn-white{
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color:#6c757d;		
}
.btn:hover, .btn-sub:hover, .btn-point:hover, .btn-red:hover, .btn-point1:hover, .btn-point2:hover{
	border:1px solid #7a5854;
	background-color:#7a5854;
	color:#ffffff;	
	text-decoration:none;
}
.btn-search-zip{
	border: 1px solid #c6baa4!important;
	background-color: #c6baa4!important;
	color:#ffffff!important;
	cursor:pointer;
}
.btn svg, .btn img{
    width:1.2rem;
	margin-top:-.2rem;
}
.btn:hover svg, .btn:hover img{
    fill:#ffffff;
	-webkit-animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;	
}
@-webkit-keyframes scale-up-center {
  1% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(.3);
            transform: scale(.3);
  }  
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  1% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(.3);
            transform: scale(.3);
  }  
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.btn-white svg{
	fill:#6c757d;
}
.btn-white:hover{
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color:#000000;		
}
.btn-white:hover svg{
	fill:#000000;
}
.btn-rotate:hover {
	-webkit-animation: rotate-90-cw 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-90-cw 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-90-cw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes rotate-90-cw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.board-reset{position:absolute; top:50%; right:1.7rem; transform: translate(0, -50%); height:100%; }
.board-reset svg{width:1.2rem;}
input.btn_search , input.board-reset {
	opacity: 0.5;
	padding: .4rem;
	margin: 0;
	width: 2rem !important;
}
input.btn_search{
	position: relative;
	display: block;
}
input.btn_search:hover , input.board-reset:hover, input.btn_search:focus , input.board-reset:focus{
	border:0;
	opacity:1;
}
.paly-save-control .btn-white:hover svg{
	fill:#000000;
}
.paly-save-control .btn-white:hover{
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color:#000000;		
}
.topTop-wrapper{
    position: fixed;
	bottom:1rem;
	width:100%;		
}
#toTop {
	width: 2.5rem;
	height: 2.5rem;
	background-image: url(/custom/img/toTop.svg);
	opacity: 0.4;
	filter: alpha(opacity=40);
	left: unset;
	right: 1rem;
	bottom: calc(50% - 1.25rem);
	margin-left: unset;
}
#alret_bar a{text-decoration:none}
/******리스트 스타일******/
.circle_list {
  counter-reset: circle 0;
  padding:0;
}
.circle_item {
  position: relative;
  list-style: none;
  padding-left:2rem;
}
.circle_item::before {
	position: absolute;
	top: .2rem;
	left: .8rem;
	counter-increment: circle 1;
	content: counter(circle);
	font-size: 0.7em;
}
.circle_item::after {
    content: '';
    position: absolute;
    top: .25rem;
    left: .5rem;
    display: inline-block;
    border: 1px solid #333;
    border-radius: 50%;
    width: 1.05rem;
    height: 1.05rem;
}
/******게시판 파일 리스트 컴포넌트*****/
div.attach_title { padding: 0 0px 20px 0px;}
div.attach_title svg{width:1.2rem; margin-right:.2rem}
div.attach_images { clear:both; width: 100%; overflow: auto; white-space: nowrap; }
div.attach_image { width: 100px; height: 80px; background-size: cover; border: 1px solid #c8ced5; margin:0 .5rem .5rem 0 }
div.attach_desc { height: 22px;
	padding: 0 5px;
	line-height: 22px;
	margin-top: 57px;
	background-color: rgba(0, 0, 0, .3);
	color: #fff;
	font-size: .8rem;
	text-overflow: ellipsis;
	overflow: hidden;}
div.attach_image:hover>.attach_desc {  background-color: rgba(0,0,0,.7); } 
hr{border-top:1px solid #83898f!important; margin: 2rem 0 2rem 0!important;}
div.attach_files { width: 100%;}
div.attach_file { display: block; border-radius: 5px; border-top:1px solid #dddddd; margin-bottom:4rem;}
.attach_files a{padding:.5rem .8rem; border:1px solid #c8ced5; color:#889099; display:inline-block;;  margin:0 .5rem .5rem 0; text-decoration:none}
.attach_files a:hover{border:1px solid #889099; background-color:#889099; color:#ffffff;}
a.attach_image { width: 100px; height: 80px; background-size: cover; border: 1px solid #c8ced5; margin:0 .5rem .5rem 0; display:inline-block }

/******게시판 파일첨부 컴포넌트*****/
#file_list{
	Z-INDEX:2;
	margin-left:-2px;
	margin-right:-2px;
	min-height:5rem;
	display: flex;
    flex-wrap: wrap;	
}
#file_list_wrapper{
	min-height:7rem;
	border:1px solid #ced4da;
	padding:.5rem;
	background-color:#f8f9fa;
	border-radius:.375rem;	
	position:relative;
}
.file-upload-text{
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:5rem;
	z-index;1;
	white-space:nowrap;
	text-align:center;
}
.btn-upload{
	position:relative;
	left:50%;
	transform: translateX(-50%);
	margin-top:.7rem;
	cursor:pointer;
}
.btn-upload small{
	cursor:pointer;
}
.upload_file_item_inner{
	background-color:#ffffff;
	height:100%;
	padding:5px;
	font-size:.875rem;
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius:.375rem;	
}
.upload_file_item{
	width:50%;
	padding:2px;
	flex: 0 0 auto;
	z-index: 3;
}
.fileupload_progress_wrapper{margin-top: 10px; border-radius: 3px; height: 10px; background-color: #eee; overflow: hidden;}
#fileupload_progress{width: 0px; height: 10px;}
.upload_file_name { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: 100%; margin-bottom: 10px;}
.upload_file_name img{width:1.2rem}
.button_file { padding: .25rem .5rem;font-size: .875rem; border-radius: .2rem; background-color: #ffffff; color: #b6c0c5; border:1px solid #b6c0c5; margin-right: 5px; display: inline-block;}
.button_file:hover, .button_file:focus{ background-color: #b6c0c5; color: #ffffff;}
.button_file_red { padding: .25rem .5rem;font-size: .875rem; height:2rem; border-radius: .2rem; color: #b6c0c5; margin-right: 5px; display: inline-block; background-size:1.2rem; background-position:center; background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b6c0c5'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");}
.button_file_red:hover, .button_file_red:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cc3a6e'%3E%3Cpath d='M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z'%3E%3C/path%3E%3C/svg%3E");}
.button_file_red svg{height:1rem; margin-top:-2px;}
#fileupload{cursor:pointer;}
@media (min-width: 576px) {
	.upload_file_item{
		width:33.333333%;
	}
}	
@media (min-width: 767px) {
	.upload_file_item{
		width:33.333333%;
	}
}
@media (min-width: 992px) {
	.upload_file_item{
		width:25%;
	}
}
@media (min-width: 1200px) {
	.upload_file_item{
		width:25%;
	}
}
@media (min-width: 1400px) {
	.upload_file_item{
		width:20%;
	}
}
/*******modal********/
.modal-header{align-items: flex-start !important;}
#popup_screen, #message_screen, .modal{
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)	
}
#popup_screen{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100vw;
	height: 100vh;
	background-color:rgba(0,0,0,.5);
	display:none;
}
#popup_wrap{
	position: fixed!important;
	top: 0;
	left: 0;
	z-index: 2001;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;	
	padding:5px;
}
#popup{
	position: relative!important;
	pointer-events: auto;
	background-clip: padding-box;
	border-radius: 0;
	outline: 0;	
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	transition: transform .3s ease-out;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
}
#popup_wrap.poup-show #popup{ 
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#popup-inner{
	max-width:1200px;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .5rem;
	outline: 0;
	overflow:hidden;
}
.modal-large{
	max-width:1400px;
}
#popup_button{
	display:none
}
.modal-header{
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 1rem!important;
}
.modal-contents{
	position: relative;
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 1rem;	
}
.pop-back svg{
	width:2rem;
}
div.attach_file a, div.attach_file{
    max-width: 300px!important;
    background-color: #565656!important;
	color:#ffffff!important;
}
body.show-modal{
	overflow:hidden;
}
.popup-footer{
	border-top:1px solid #ced4da;
	padding: 1rem;	
}
@media (min-width: 576px) {
	#popup_wrap {
        	padding:1.5rem;
    }
	#popup-inner{
		border-radius:.5rem;
	}	
}	
/*****툴팁*****/
.tool-tip {
	position: relative;
	display: inline-block;
}

.tool-tip  .tooltiptext {
	display:none;
	width: 180px;
	background-color: #0a1b3f;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	font-size:.85rem;
	line-height:1.2;
	padding: 8px 5px 11px 5px;
	position: absolute;
	z-index: 10;
	top:2.5rem;
	left: 50%;
	transform: translate(-10%, 0); 
}
.tool-tip  .tooltiptext::before {
	content:'';
	width: 0;
	height: 0;
	border-bottom: 5px solid #0a1b3f;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 50%;
	transform: translate(-750%, 0);
	top:-10px;	
	Position:absolute;
}
.tool-tip:hover .tooltiptext {
	display:block
}
@media (min-width: 576px) {
	.tool-tip  .tooltiptext {
		left: 50%;
		transform: translate(-90%, 0); 
		top:2.2rem;
	}
	.tool-tip  .tooltiptext::before {
		left: 100%;
		transform: translate(-250%, 0);
	}	
}
/*****달력*****/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0;
	background: #ffffff;
	font-weight: normal;
	color: #4c4b4b;
	display: flex;
	border-radius: 50%;
	margin: 2px;
	align-items: center;
	/* text-align: center; */
	justify-content: center;
	width: 2rem;
	height: 2rem;	
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: .5em;
    width: 2em;
    height: 2em;
}
.ui-icon {
	background-size:100%;
	background-position:center;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{
	border:0
}
.ui-datepicker-prev span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dddddd'%3E%3Cpath d='M22.0003 13.0001L22.0004 11.0002L5.82845 11.0002L9.77817 7.05044L8.36396 5.63623L2 12.0002L8.36396 18.3642L9.77817 16.9499L5.8284 13.0002L22.0003 13.0001Z'%3E%3C/path%3E%3C/svg%3E")!important;	
}
.ui-datepicker-prev:hover span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M22.0003 13.0001L22.0004 11.0002L5.82845 11.0002L9.77817 7.05044L8.36396 5.63623L2 12.0002L8.36396 18.3642L9.77817 16.9499L5.8284 13.0002L22.0003 13.0001Z'%3E%3C/path%3E%3C/svg%3E")!important;	
}
.ui-datepicker-next span{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dddddd'%3E%3Cpath d='M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z'%3E%3C/path%3E%3C/svg%3E")!important;
}
.ui-datepicker-next:hover span{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M1.99974 13.0001L1.9996 11.0002L18.1715 11.0002L14.2218 7.05044L15.636 5.63623L22 12.0002L15.636 18.3642L14.2218 16.9499L18.1716 13.0002L1.99974 13.0001Z'%3E%3C/path%3E%3C/svg%3E")!important;
}
.ui-state-default:hover{
	background-color:#f8f8f8;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #4c4b4b;
	font-weight: bold;
}	
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #f67280;
	background: #f67280;
	color: #ffffff;
	padding: 0;	
}	
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: .9rem;
    font-weight: normal;
    color: #c2c8cb;
}	
.ui-widget-header {
    border: 0;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .5em 0;
}
.ui-widget-content {
	border:0;
	background: #ffffff;
	color: #222222;
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .2);
}	
@media (min-width: 576px) {
	.ui-datepicker {
		width: 26rem;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		width: 3.2rem;
		height: 3.2rem;
	}
}

/*******nav*********/
header{
	box-shadow: 10px 5px 15px 1px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 6;	
	background-color:#ffffff;
}

.navbar-brand{
    width: 30%;
    max-width: 120px;
    min-width: 60px;
}
.navbar-brand img{
	width:100%;
}
.main-nav {
	z-index:2
}
.main-nav li a{
	color:#0a1b3f;
	display:block;
	padding-bottom: .8rem;
	font-size:1.15rem;
}
.main-nav>li>a {
	padding:.5rem;
	font-size:1.3rem;
	font-weight:500;
	display:block;
}
.main-nav .dropdown-toggle::after {
	display:none
}
.main-nav>li.select>a, .main-nav>li>a:active, .main-nav>li>a:hover, .main-nav .menu-inner a:hover{
        color: #79b133;
		cursor:pointer;
}
.main-nav a{text-decoration:none!important}
.main-nav a:hover, .main-nav a:active, .main-nav a:focus{
	text-decoration:none!important
}
/***single down****/	
.main-nav > li> .submenu_group{
		box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1);
		background-color: #f8f8f8eb;
		border:0;
		border-top: 1px solid #ccc;
		width: 100%;
		border-radius: 0;
		margin-top: 0;
		padding: 0;		
	}	
.main-nav > li> .submenu_group a{
	padding:.5rem 
}			
/***end single down****/	
header .top-menu{
	display:flex;
}
header .top-menu a, header .top-menu .user-name{
	color: #9ca0a9;
	padding: .2rem .5rem;
	padding:.2rem .5rem;
}
header .top-menu .user-name{
	color:#626671
}
header .top-menu a{text-decoration:none!important}
header .top-menu a:hover, header .top-menu a:active{
        color: #0a1b3f!important;
		text-decoration:none;
		
}
header .top-menu a:hover svg, header .top-menu a:active svg{
        fill: #0a1b3f!important;
}
header .top-point-menu a:last-child{
	padding-right:0
}
header .top-menu svg{
	width:1.1rem;
	vertical-align:middle;
	margin-bottom:.2rem;
}
header .top-menu a svg{
	fill:#abafb5
}
header .top-menu .top-ststem a svg{
	fill:#9bd158!important
}
header .top-menu .top-ststem a:hover svg{
	fill:#e9900f!important
}
header .top-menu .top-point-menu a svg{
	fill:#547fba	
}
header .top-menu .top-point-menu, header .top-menu .top-ststem{
	border-top:1px solod #ced4da
}
.main-nav > li> .submenu_full_group{
	border:0;
	background-color:#f8f8f8eb
}
.main-nav > li> .submenu_full_group a span{
	display:block;
	padding-left:1rem;
}	
.main-nav > li> .submenu_full_group a:hover{
	color:#79b133
}
.navbarNavAltMarkup-close{
	display:none
}
.navbar-toggler {
	position: absolute;
	top: 0;
	left: 0;
	/* transform: translate(0, -50%); */
	width: 3.5rem;
	height: 100%;
	padding: 0;
	border-radius: 0;
	border: 0;
	background-color: #3c4249;
}
.navbar-light .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E");
}
.contents-box {Z-INDEX:1}
.link-band, .link-youtube, .link-blog{display:flex; opacity:.8; width:1.6rem; height:1.6rem; padding:0!important; background-size:1.6rem 1.6rem;}
.link-band { background-image:url(/custom/img/icon-band-gray.svg);}
.link-blog{ background-image:url(/custom/img/icon-blog-gray.svg);}
.link-youtube{ background-image:url(/custom/img/icon-youtube-gray.svg);}
.link-youtube img, .link-band img, .link-blog img{width:1.6rem; opacity:0}
.link-youtube:hover img, .link-band:hover img, .link-blog:hover img{width:1.6rem; opacity:1}
.link-youtube:hover, .link-band:hover, .link-blog:hover{opacity:1}
@media (min-width: 576px) {

	.top-menu .user-name {
			max-width:190px;
			overflow:hidden;
			text-align: right;
			text-overflow: ellipsis;
			white-space: nowrap
	}	
}	
@media (min-width: 992px) {
	header{
		height:130px;
	}
	body.fix-header header{
		position: fixed;
		right: 0;
		left: 0;
		top:-60px;
		z-index: 100;
		transition: top 1000s ease-in-out;	
	}			
	body.fix-header .navbar-brand {
        margin-top: 55px;
		max-width:120px;
    }	
	body.fix-header main{
		margin-top:120px
	}	
	.navbar-brand{
		width:30%;
		max-width:130px;
		transition: all .15s ease-in-out;		
	}
	header .top-menu{
		margin-top:5px;
		margin-bottom:5px;
	}
	.main-nav>li>a {
		padding: 1.5rem 0 1.7rem 0;
		line-height:1
	}
	.main-nav>li>a>span {
		display:block;
	}	
/***single down****/		
	.main-nav > li> .submenu_group{
			position: absolute;
			top:130px;
			min-height: 11rem;
			left: 0;
	}	
	.main-nav > li.select> .submenu_group, .main-nav > li.select> .submenu_group.show{
			display: block;
	}
	.main-nav > li.is-PC> .submenu_group.show{
			display: none;
	}	
	.main-nav > li.is-PC.select> .submenu_group.show{
			display: block;
	}	
	.main-nav > li> .submenu_group h4{
		font-weight:400;
		font-size:1.8rem;
		padding-top:.5rem;
	}		
	.main-nav>li:last-child>a {
		margin-right:0rem;
		padding-right:0;
	}	
	.main-nav .submenu_group .menu-inner{
		border-left:1px solid #ccc;
		min-height: 9rem;
		padding-left: calc(1.5rem);
	}
	.main-nav .submenu_group .menu-inner{
		max-width:15rem;
	}	
/***end single down****/	
/*** full down****/	
	.main-nav>li>a{width:10rem; text-align:center}
	.main-nav > li> .submenu_full_group{
		margin: 0;
		margin-top: -1px;
		padding-left: 0;
		border: 0;
		background-color: transparent;
		border-radius:0;
		height:12rem;
		position:relative;
		
		
	}	
	.main-nav.mainmenu-select:hover .fulldown-bg{
		position:absolute;
		left:0;
		right:0;
		top:130px;
		height:11rem;
		box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.1);
		background-color: #f8f8f8f7;
		
	}		
	.main-nav:hover  li  .submenu_full_group{
		display:none!important
	}		
	.main-nav.mainmenu-select:hover  li  .submenu_full_group{
		display:block!important
	}	
	.main-nav .submenu_full_group .menu-inner{
		margin-top: 1.5rem;
		border-left: 1px solid #ced4da;
		height: calc(100% - 4rem);
		margin-bottom: 2rem;	
	}	
	.main-nav li > a span{	
		border-right:1px solid #dddddd;
	}
	.main-nav li:last-child > a > span{	
		border-right:0!important
	}	
	.main-nav.mainmenu-select:hover li > a span{
		border-right:1px solid transparent;
	}		
	.main-nav.mainmenu-select li:hover > a{
		color:#79b133
	}
	body.fix-header .main-nav{
		padding-top:.3rem;
		
	}
	body.fix-header  .navbar-brand{
		width:30%;
		max-width:120px;
	}	
	
/***end full down****/		
}
@media (min-width: 1400px) {

	.top-menu .user-name {
			max-width:400px;
			overflow:hidden;
			text-align: right;
			text-overflow: ellipsis;
			white-space: nowrap
	}	
}
@media (max-width: 991px) {	
	#navbarNavAltMarkup{
		position:fixed;
		top:0;
		transform: translateX(-100%);
		width:100%;
		max-width:500px;
		bottom:0;
		left:0;
		background-color:#ffffff;
		z-index:1000;
		overflow: auto;
		transition: all .5s ease-out;		
	}
	.sidebarShow #navbarNavAltMarkup{
-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;	
	}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}	
	.navbarNavAltMarkup-close{
		width:3rem;
		height:3rem;
		position:absolute; 
		top:.5rem;
		right:.5rem;
		display:block;
		border:0;
		background-color:transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230000008c'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E");
	}
	.main-nav{
		margin-top:4rem;
	}
	.main-nav>li{
		border-top:1px solid #ced4da;
	}	
	.main-nav>li>a{
		padding:1rem 1.5rem;
		font-size:1.35rem;
	}	
	.main-nav > li> .submenu_full_group a span {
		padding-left: 1.5rem;
	}		
	.main-nav > li> .submenu_group a {
		padding:.5rem 1.5rem;
	}	
    .main-nav .menu-inner a{
		font-size: 1.25rem;
		padding-top: .8rem;
    }			
	header .top-menu a, header .top-menu .user-name {
		padding: .2rem .3rem;		
	}	
.nav-overlay{position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 99;
    display: none;
    transition: all 0.5s ease-out;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);}		
}
@media (max-width: 575px) {	
	.main-nav>li>a{
		padding:1rem 1rem;
	}	
	.main-nav > li> .submenu_full_group a span {
		padding-left: 1rem;
	}	
	header .top-menu a, header .top-menu .user-name {
		padding: .2rem .2rem;
	}
	.top-menu .link-band-wrap, .top-menu .link-youtube, .top-menu .link-blog{
		display:none
	}
	#navbarNavAltMarkup  .link-band-wrap, #navbarNavAltMarkup .link-youtube, #navbarNavAltMarkup .link-blog{
		display:inline-block;
	}
	#navbarNavAltMarkup  .link-band img, #navbarNavAltMarkup .link-youtube img, #navbarNavAltMarkup .link-blog img{	
	width:1.8rem
	}
	#navbarNavAltMarkup .link-sns{
		position:absolute;
		top: 1rem;
		left: .6rem;
		display:flex;
	}
    .top-menu .user-name {
		overflow:hidden;
		text-align: right;
		text-overflow: ellipsis;
        white-space: nowrap;		
        max-width: 85px;
    }	
	.link-band, .link-youtube, .link-blog{
		margin: .2rem .3rem;
		width:1.8rem;
		height:1.8rem;
		padding:0;	
		background-size:1.8rem 1.8rem;		
	}
	.link-band img, .link-youtube img, .link-blog img{
		width:1.8rem;
		height:1.8rem;
	}	
	.link-band:hover img, .link-youtube:hover img, .link-blog:hover img{
		opacity:1
	}	
	
}
@media (max-width: 767px) {	
	header .top-menu svg {
		width: 1.4rem;
		vertical-align: middle;
		margin-bottom: 0;
	}
}
@media (max-width: 991px) {	
	.navbar{
		padding-left:3.5rem;
	}
	.top-menu{
		font-size:.95rem
	}
	.navbar-brand {
		width: 30%;
		max-width: 100px;
		min-width: 60px;
		display: flex;
		flex-wrap: nowrap;		
	}	
}
/*****intro*****/
.visual-100{
	height:100%
}
.visual-50{
	height:50%
}
.visual{
	width: 100%; height: 100%; top: 0; left: 0;  position:absolute; overflow:hidden;
	font-family: 'ONE-Mobile-Title';
}
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.bg-video video, .bg-video iframe {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	Z-INDEX:2
}
.visual .visual video{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden; inset: 0px; 
	/*background-image: url('/custom/img/visual.jpg');
	background-size:cover;
	background-position:center;	*/
	z-index:-1;
}
.visual video::-webkit-media-controls {
  display: none !important;
  opacity: 0; 
}
.visual video::-webkit-media-controls-start-playback-button {
    display: none !important;
}
.news-list{
	Z-INDEX:2;
}
.news-bg{
	position:relative;
	transition: all .15s ease-in-out;
}
/*
.news-bg:hover{
	background: linear-gradient(135deg,rgba(255, 255, 255, 1) 0%, rgba(226, 228, 235, 1) 80%, rgba(226, 228, 235, 1) 100%);
}*/
.news-bg .news-light{
	background-image: url('/custom/img/news-bg.svg');
	background-repeat: no-repeat;
	background-position:top left;
	background-size:3rem;	
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.video-overlay{
	width: 100%;
	height: 100%;
	background-image: url(/custom/img/gridtile.png);
	position: absolute;
	background-color:#06252752;
	left: 0;
	top: 0;
	z-index: 3;
}
.bg-video-text{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;	
  Z-INDEX:4;
}
.visual h1{
	font-size:calc(2rem + 2.5vw);
	font-weight: 900;
	/*opacity: .8;*/
	color: #9bd158  !important;
	word-break: keep-all;
}
.visual h4{
	font-size:calc(1rem + 1vw);
	font-weight: normal;
	/*opacity: .8;*/
	color: #e9b262  !important;
	word-break: keep-all;
}
.visual-100-auto .eyebrow{
	font-size:1.2rem;
	font-weight:normal;
	opacity:.7;
}
.intro-img-box{
	overflow:hidden
}
.bg1{background-color: #d8d2da;}
.bg2{background-color: #c7ccd0;}
.owl-carousel{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
	inset: 0px;
	pointer-events: none;
	z-index:2;
}
.owl-stage-outer, .owl-stage, .owl-item{
	height:100%
}
.owl-carousel .item{
	width:100%;
	min-height:100%;
	height:100%;
	background-position:center;
	background-size:cover;	
}
.owl-carousel .item.slide01{
	background-image: url(/custom/img/scroll2.jpg);		
}
.owl-carousel .item.slide02{
	background-image: url(/custom/img/scroll3.jpg);		
}
.owl-carousel .item.slide03{
	background-image: url(/custom/img/scroll1.jpg);		
}
.owl-carousel .item.slide04{
	background-image: url(/custom/img/scroll4.jpg);		
}
.intro-img{
	background-position:center;
	background-size:cover;
	position:absolute;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:100%;
}
.intro-img-pic1{
	background-image: url(/custom/img/main-img5.jpg);
	transform:scale(1);
	transition: all .4s ease-in-out;
}
.intro-img-pic2{
	background-image: url(/custom/img/main-img2.jpg);
	transform:scale(1);
	transition: all .4s ease-in-out;	
}
.intro-img-pic3{
	background-image: url(/custom/img/main-img3.jpg);
	transform:scale(1);
	transition: all .4s ease-in-out;	
}
.edu-box{overflow:hidden;}
.intro-bg-gray{background-color:#c7c1cb}
.flip-icon:hover .intro-img-pic1,
.flip-icon:hover .intro-img-pic2{
	transform:scale(1.1)
}
.edu-box:hover .intro-img-pic3{
	transform:scale(1.1)	
}
.btn-notice{padding:0; width:2em; height:2rem; border-radius:50%; line-height:1.8rem;}
.slideup{	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.zoomin{
	-webkit-animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;	
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (min-width: 2200px) {
	.visual h1{
		font-size:5.5rem;
	}
	.visual h4{
		font-size:2.4rem;		
	}
}
@media (min-width: 992px) {
	.visual-height{
		height:calc(100lvh)
	}	
	.mid-height{
		 height: calc(100lvh - 70x);		
	}
	.mid-middle-h{
		height:50%;
	}		
}
@media (min-width: 1200px) {
	.visual-height{
		 height: calc(100lvh);
	}
}

@media (max-width: 991px) {
	.visual-height{
		height:33rem;
	}		
	.pic-h{
		height:27rem;
	}
   .end-height{
        min-height: 26rem;
    }	
}
@media (max-width: 575px) {	
	.pic-h{
		height:20rem;
	}
}
@media (max-width: 400px) {
	.visual-height{
		height:28rem;
	}	
}	
@media (min-width: 992px){
    .mid-height, .end-height, .intro-wrapper {
        min-height: 840px;
    }	
	.end-height{
		min-height: 28rem;
		height:28rem;
	}
}
@media (min-width: 1401px){
    .mid-height, .end-height, .visual-height, .intro-wrapper {
        min-height: 650px;
    }
	.end-height{
		 height: calc(100lvh - 70px);		
	}
	.end-middle-h{
		height:50%;
	}		
}
@media screen and (orientation: portrait) {
  /* 세로 모드일 때 적용할 스타일 */
	@media screen and (min-width: 992px) and (max-width: 1199px){
		.intro-wrapper, .mid-height {
			height:auto;
		}
		 .visual-height{
			height:50lvh;
		}
		.mid-height, .visual-height{width:100%}
	}  
}
.flip-icon img, .flip-icon svg{
-webkit-animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}
.flip-icon:hover img, .flip-icon:hover svg{
	-webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}
@-webkit-keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes flip-vertical-left {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
/*****mouse*****/
.mouse-arrow span {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);

  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 6px;
}
.mouse-arrow{margin-left:-1px; margin-top:2px;}
.unu {
  margin-top: 6px;
}

.unu,
.doi,
.trei {
  -webkit-animation: mouse-scroll 1s infinite;
  -moz-animation: mouse-scroll 1s infinite;
}

.unu {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-direction: alternate;
}

.doi {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-direction: alternate;
}

.trei {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-direction: alternate;
}
.mouse-wrap{
  bottom:2rem;
  left:50%;
  margin-left:-7px;	
  position:absolute;
  z-index:5;
  opacity:.6;
}
.mouse {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  transform: none;
  border: 2px solid white;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
}

.wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel {
  0% {
    top: 1px;
  }
  50% {
    top: 2px;
  }
  100% {
    top: 3px;
  }
}

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*****key Visual*****/
.aniview{
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
	will-change: transform;	
}
.wrap_location_box{
	position:absolute;
	top:calc(24rem + 1px);
	left:0rem;
	right:0rem;
	height:4rem;
	background-color:#ffffff;
	z-index:2;
}
.wrap_location{
	margin-top:1.5rem;
	font-size:.85rem;
	display:inline-block;
}
.wrap_location a{
	color:#6f7173;
}
@media (min-width: 576px) {	
	.wrap_location_box{
		margin-left:-2rem;
		margin-right:-2rem;		
	}
	
}
.key-visual {
    width: 100%;
    position: relative;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
	height:28rem;
    background-repeat: no-repeat;
    background-size: cover;
	color:#ffffff;
	margin-bottom:3px;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;
	font-family: 'ONE-Mobile-Title';
	overflow:hidden;	
	
}
.key-img {
    width: 100%;
    position: absolute;
    background-position: center;
    width: 100%;
	height:28rem;
    background-repeat: no-repeat;
    background-size: cover;
	color:#ffffff;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;
	Z-INDEX:-1;	
	transform:scale(1.4);
	filter: blur(10px);
	-webkit-filter: blur(5px);
	transition: all 1s ease-in-out;
}
.key-img.effect{
	transform:scale(1);
	filter: blur(0);	
}
.key-visual .container{
	padding-bottom:3rem;
}	
.key-visual h1 {
    z-index: 1;
    font-size: calc(1.5vw + 36px);
    color: #fff;
    font-weight: 400;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 15px #000000;
}
.key-visual .sub_copy{
	font-size:1.2rem;
}
.sub_page_title02{
	background-image:url(/custom/img/subimg-2-1.jpg);
}
.sub_page_title02_2{
	background-image:url(/custom/img/subimg-2-2.jpg);
}
.sub_page_title02_3{
	background-image:url(/custom/img/subimg-2-3.jpg);
}
.sub_page_title03_1{
	background-image:url(/custom/img/subimg-3-1.jpg);
}
.sub_page_title03_3{
	background-image:url(/custom/img/subimg-3-3.jpg);
}
.sub_page_title04_1{
	background-image:url(/custom/img/subimg-4-1.jpg);
}
.sub_page_title04_2{
	background-image:url(/custom/img/subimg-4-2.jpg);
	    background-position: center bottom;
}
.sub_page_title05_1{
	background-image:url(/custom/img/subimg-5-1.jpg);
}
.sub_page_title06_1{
	background-image:url(/custom/img/sub-img6-1.jpg);	
}
.sub_page_title012_1{
	background-image:url(/custom/img/sub-img12-1.jpg);	
	background-position: left center	
}
.sub_page_title012_2{
	background-image:url(/custom/img/sub-img12-2.jpg);	
}
.sub_page_title015_1{
	background-image:url(/custom/img/subimg-15-1.jpg);	
}
.sub_page_title011_1{
	background-image:url(/custom/img/main-img12-1.jpg);	
}
.sub_page_title011_2{
	background-image:url(/custom/img/main-img12-2.jpg);	
}
.sub_page_title011_3{
	background-image:url(/custom/img/main-img12-3.jpg);	
}
@media (max-width: 2000px) {	
	.sub_page_title05_1 {
		background-size: 2000px auto;
	}	
}
@media (max-width: 575px) {	
	.sub_page_title05_1 {
		background-size: 1300px auto;
	}	
	.key-img, .key-visual {
		height:20rem;
	}	
	.wrap_location_box {
		position: absolute;
		top: calc(16rem + 1px);
	}	
}
@media (min-width: 2000px) {	
	.key-visual h1 {
		font-size: 4rem;
	}
}

/*****board*****/
.front-container-xxl{padding:0!important; max-width:!00%!important}
@media (min-width: 1400px) {
	.front-container-xxl.container-xxl{padding:0!important; 
	max-width:100%!important}
}
.list-box{
	border:1px solid #ced4da;
	padding:1.5rem;
	margin:-1px;
	color:#53575b;
}
.list-box:hover{
	background-color:#f8f8f8;
}
.list-box a{color:#0a1b3f}
.list-box a:hover{color:#e9900f}
.board-file svg{
	width: 1.15rem;
	margin-bottom: .2rem;
	fill: #676a6b;
 }
.list-box .board-state img{
	width:1.3rem;
}
.list-box .num{
	width:120px;
}
.list-box .message{
	width:50px;
}
.list-box .num svg{
	width:1.3rem;
	fill:#86898f
}
.list-box .list-tltle{
	font-size:1.15rem;
	text-decoration:none!important
}
.input-group-text{
	background-color: #f5f7f9;
}
.multy-input-group{
	display:flex;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	margin-top:-1px;
}
.multy-input-group .input-group-text{
	display: flex;
	align-items: center;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #ffffff;
	border: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right:1px solid #ced4da;
	background-color: #e9ecef;
}
.multy-input-group .form-control, .multy-input-group .form-select{
	border:0;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;	
	border-radius:0;
	background-color:transparent
}
.multy-input-group span.text{
		padding: .375rem .75rem;
}
@media (max-width: 575px) {	
	.list-box{
		padding:1.5rem 1rem;
	}
	.form-input-group, .multy-input-group{
		flex-direction: column;
	}
	.form-input-group .input-group-text{
		border:0;
		padding:0;
		padding-bottom:.3rem;
		background-color:transparent;
	}
	.multy-input-group .input-group-text{
		padding-bottom:.3rem;
		border:0;
		border-bottom:1px solid #ced4da;
		width:100%;	
		border-top-right-radius: .25rem;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;	
	}	
	.form-input-group>.form-control, .multy-input-group .form-control{
		width:100%
	}	
	.multy-input-group .form-control.datepicker {
		width:47%
	}
}
@media (min-width: 992px) {	
	.list-box .board-list-num{
		width:100px;
	}
}

/*****paging******/
.page a{
	border:1px solid #ced4da;
    width: 2.5rem;
    height: 2.5rem;
	border-radius:50%;
	display: inline-block;
	text-align:center;
	line-height:2.4rem;
	color:#86898f;
	font-size: .9rem;
	margin-bottom:.3rem;
	text-decoration:none;
	font-family: 'Montserrat';
	font-weight:500;
}
.page a:hover{
	border:1px solid #79b133;
	color:#79b133	;
	text-decoration:none;
}
.page a.no_selected{
	background-color:#79b133;
	border:1px solid #79b133;
	color:#ffffff;
	text-decoration:none;
	
}
.page a.disabled, .page a.disabled:hover{
	border:1px solid #ced4da;
	color:#ced4da;	
	display:none;
}
/*****gallery*****/
#popup-inner-gallery {
    max-width: 1800px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    outline: 0;
	overflow: hidden;
}

.gallery_group .message {
	width: 4rem;
	height: 2rem;
	background-color: #222a3dd1;
	position: absolute;
	Z-INDEX: 1;
	top: .6rem;
	right: .6rem;
	border-radius:100px;
}
.gallery_group .message span{
	width:100%; text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gallery_group{
	height:100%;
	overflow:hidden;
}
.gallery_group .card-img{
	width:100%;
	background-position:center;
	background-size:cover;
    transition: all .3s ease-in-out;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;	
	
}
.gallery_group:hover .card-img{
	transform: scale(120%);
}
.gallery_group .gallery-body{
    flex: 1 1 auto;
    width: 100%;
    padding: 1rem 1rem;
    position: absolute;
    bottom: -1px;
	color: #212121;
	background-color: #f8f7f8e6;
	text-align:center;	
}
.gallery_group:hover .card-img{
	filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%);	
}
.gallery-h-100, .gallery-bb-h-100{
	height:100%!important;
}
.modal-side-cintainer{
	display: flex;
	flex-direction: column;	
	pointer-events: auto;
}
.bxslider{
	padding:0;
	margin:0;
}
#bx-pager a{width:3.5rem; height:3.5rem; 	display:inline-block; background-position:center; background-size:cover;}
.bx-wrapper{
	object-fit: contain;
}
.bx-wrapper .bx-viewport{
	height:100%!important;
	width:100%;
}
.bx-wrapper, .bx-wrapper .bx-viewport .bxslider, .bx-wrapper .bx-viewport .bxslider > div{
	height:100%!important;
	width: 100% !important;
}
.bx-wrapper .bx-viewport .bxslider > div{
	text-align: center;
	line-height: 100%;
	position:relative;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
	max-height: 100%;
	display:inline-block;
position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: auto;	
}
.bx-wrapper .bx-viewport {
    border-radius: 0;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: unset;
    border: 0;
    padding: 0;
    left: 0;
    background: #eeeeee;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.gallery-overflow-scroll{
	overflow-y:auto;
	overflow-y:hide;
}
.gallery-nail{
	overflow-x:auto;
}
.gallery-nail-inner{
	padding:1rem 1rem 0 1rem;
	white-space: nowrap
}
.gallery-nail-inner a:last-child{
	margin-right:1rem;
}
.bx-wrapper .bx-controls-direction a {
    margin-top: -25px;
    outline: 0;
    width: 50px;
    height: 50px;
	opacity:.7;	
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover{
    right: 0;
    background: url(/custom/img/arrow-right-wide-line.svg) no-repeat;
	background-size:cover;
}
.bx-wrapper .bx-prev {
    left: 0;
    background: url(/custom/img/arrow-left-wide-line.svg) no-repeat;
	background-size:cover;
}
.bx-wrapper .bx-controls-direction a:hover{
	opacity:1;	
}
@media (max-width: 1199px) {	
	.gallery-h-100{
		height:calc(100% - 2rem)!important;
	}
	.gallery-bb-h-100{
		height:auto!important;
	}	
}
@media (max-width: 575px) {	
	.gallery-h-100{
		height:40vh!important;
	}
}
.mfp-wrap {
    z-index: 100043!important;
}
/*****blog*****/
.blog-card{
	cursor:pointer;
}
.blog-img{
	width:100%;
	height:calc(200px + 2vw);
	background-position:center;
	background-size:cover;
	background-color: #f2f3f3;
}
.blog_contents {
    height: 44px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 22px;
}
.message svg{width:1.2rem; margin-bottom:.2rem}
/*****Q&A*****/
.qna-statue{
	width:100px;
	font-size:.95rem;
}
.qna-statue img{
	width:1.25rem;
	margin-top:-.2rem;	
}
.qna_title svg{
	width:1.1rem;
	margin-top:-.2rem;	
	opacity:.8
}
.board-list-num img{
	width:1.2rem;
	margin-top:-.2rem;		
}
.cate-listgroup a{
	color:#6c757d;
	padding: .5rem 1rem;
	display:block
}
.cate-listgroup li{
	padding:0;
}
.cate-listgroup li.select{
	background-color:#212529
}
.cate-listgroup li.select a{
	color:#ffffff
}
/*****온라인 강좌****/
.online_title_group button{
	width:4rem;
	height:4rem;
	border-radius:50%;
	background-color:#cccccc;
	border:0;
	color:#ffffff;
}
.online_title_group button.selected{
	background-color:#79b133;
	color:#ffffff;
}
.online_list{
	border: 1px solid #ced4da;
	padding: 1.5rem;
	margin: -1px;
}
.online_list:hover{
	background-color: #f8f9fa !important;	
}
.online_list .study_title{
	color:#0a1b3f;
	text-decoration:none;
}
.online_list .study_title:hover{
	color:#e9900f;	
}
.online_list .mv-photo{
	width: 400px;  background-size: cover; background-position: center;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;
	transition: all .3s ease-in-out;
	overflow:hidden;	
}
.online-pic02{
	background-size: cover; background-position: center;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;
	background-image:url(/custom/img/edu02_rgefsht.jpg);	
}
.online-pic03{
	background-size: cover; background-position: center;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;	
	background-image:url(/custom/img/edu03_rgefsht.jpg);	
}
.num-circle{width: 1.4em; height: 1.4em;border-radius:50%; text-align:center; display:block; Position:relative; margin-right:.5rem; font-family: 'Montserrat';
    font-weight: 500; font-size:1.5rem}
.num-circle svg{width:.6em;left:50%; top:50%; transform:translate(-50%, -50%); Position:absolute}
@media (min-width: 1200px) {	
	.border-md-left{border-left:1px solid #ced4da}
}
.program-pic{
	background-size: cover; background-position: center;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;	
 --bs-aspect-ratio: calc(5 / 21 * 100%)	
}
.camp-pic{
	background-size: cover; background-position: center bottom;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;	
    height:100%;
	background-image:url(/custom/img/pic07.jpg); 
}
.program-pic01{
	background-image:url(/custom/img/pic102.jpg);	
}
.program-pic02{
	background-image:url(/custom/img/pic02.jpg);	
}
.program-pic03{
	background-image:url(/custom/img/pic03.jpg);	
}
.program-pic04{
	background-image:url(/custom/img/pic04.jpg);	
}
.program-pic05{
	background-image:url(/custom/img/pic05.jpg);	
}
.program-pic06{
	background-image:url(/custom/img/pic101.jpg);	
}
.link-edu-blog, .link-edu-blog:hover{text-decoration:none}
.link-edu-blog img{width:2rem; margin-right: .3rem;}
#play_image{
	width: 200px; height: 250px; background-size: cover; background-position: center;
	image-rendering: -webkit-optimize-contrast; 
	transform: translateZ(0);
	backface-visibility: hidden;	
}
.online_list .badge{
    margin-top: -.3rem;
    vertical-align: middle;
}

.move-bix_basic_state{
	background-color:#e9900f!important;
	color:#ffffff!important;
	padding:.2rem .6rem !important;
	height: auto!important;
	line-height: unset!important;
	margin-bottom:.2rem;
}
.movie-box{
	border: .1rem solid #e7e7e8;
	box-shadow: 0 1.2rem 2.4rem -1rem rgba(0, 0, 0, .1);
	margin-bottom:5rem;
}
.movie-play-list-title{
	background-color:#c4c4c4;
	color:#ffffff;
}
.mv-icon-size{
	width:3rem;
}
.study_title svg{
	width:1rem;
	margin-top:-4px;
}
@media (max-width: 991px) {	
	.online_list .mv-photo, #play_image {
		width: 100%;
		height:14rem;
	}
	
}
@media (max-width: 766px) {	
	.online_list .mv-photo, #play_image {
		width: 100%;
	}
	.program-pic{
		background-size: cover; background-position: center;
		image-rendering: -webkit-optimize-contrast; 
		transform: translateZ(0);
		backface-visibility: hidden;	
	 --bs-aspect-ratio: calc(7/ 21 * 100%)	
	}	
.camp-pic{
    height:15rem;;
}	
}
@media (max-width: 575px) {	
	.online_list{
		padding: 1rem;
	}
	.program-pic{
		background-size: cover; background-position: center;
		image-rendering: -webkit-optimize-contrast; 
		transform: translateZ(0);
		backface-visibility: hidden;	
	 --bs-aspect-ratio: calc(9/ 21 * 100%)	
	}
	.camp-pic{
		height:10rem;;
	}	
	.online_list .mv-photo, #play_image {
		width: 100%;
		height:10rem;
	}	
}
/*****온라인 강의 신청****/
.mv-order-steps-group{
	display:flex;
	flex-wrap: wrap;
}
.mv-order-steps{
	width:5rem;
	height:5rem;
	border-radius:50%;
	background-color:#ffffff;
	border:1px dashed #cccccc;
	position:relative;	
	line-height:5rem;
	text-align:center;
	color:#cccccc;
	font-size:.9rem;	
}
.mv-order-steps label{
	position:absolute;
	left:0;
	top:-.5rem;
	padding:0 .5rem;
	font-size:.7rem;
	line-height:1.6rem;
	height:1.6rem;
	border-radius:100px;
	background-color:#cccccc;
	color:#ffffff;
}
.mv-order-steps.on{
	background-color:#deb681;
	border:1px solid #deb681;
	color:#ffffff;
}
.mv-order-steps.on label{
	background-color:#565656;
}
.order-box{
	border:1px solid #ced4da;
	border-radius:.25rem;
	padding:.75rem;
}
.order-img-box{
	width: 300px;
	height: 150px;
	background-size: cover;
	background-position: center;
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden;
}
@media (max-width: 991px) {	
	.order-img-box{
		width: 260px;
		height: 200px;
	}
}
@media (max-width: 767px) {	
	.order-heading {
		text-align:center
	}
	.order-img-box{
		width: 100%;
		height: calc(5rem + 30vw);
	}	
}
/*****증면서 발급 신창*****/
.btn-circle{
	border-radius:50%;
	width:5rem;
	height:5rem;
}
.card.disabled .btn{
	background-color:#ffffff;
	border:1px solid #dddddd;
	color:#cccccc;
}
.card.disabled img{
	 filter: grayscale(100%);
	 opacity: 0.5
}
.card.disabled{
	border:1px solid #eeeeee;
	color:#cccccc;	
}
.card.disabled .mail a{color:#cccccc!important; text-decoration:none!important}
.card.cardprev .btn.disabled {
	border:0;
	padding-left:0;
	color:#000000;
	background-color:transparent;
}
#my-vod-list-wrapper .card-footer:last-child {
    padding-bottom: 1.2rem;
}
.my-vod-label{
	padding: .4rem .8rem;
	font-size: .85rem;
	background-color: #a4a9ad;
	line-height: 1;
	color: #ffffff;
	position: absolute;
	top: .5rem;
	right: .5rem;
	border-radius: 100px;
}
.card.disabled .my-vod-label{
	background-color: #e3e5e7;
}
.mypage-mv-photo{
	width: 300px;
	/* max-width: 300px; */
	background-size: cover;
	background-position: center;
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden;
	border-radius: .23rem;
}
.lic-flow h6{white-space: nowrap}
.lic-flow .card{height:100%; min-width:140px}
/*****QnA*****/
.accordion-button:not(.collapsed) {
    color: #79b133;
    background-color: #eff1f1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
	font-size:1.08rem;
}
.accordion-button{
	font-size:1.08rem;
}
.accordion-button .badge, .accordion-body .badge{font-size:.8rem;}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}
.list-style-lower-latin{
	list-style-type: lower-latin
}
.accordion .bg-gray{
	background-color:#79b133
}
.accordion .collapsed .bg-gray{
	background-color:#d2d5d7
}
.accordion-body h6{
	font-size:1rem;
}
/*****로그인 관련****/
.password-wrapper{
	position:relative
}
.password-wrapper img{
	position:absolute;
	z-index:2;
	width:1.2rem;
	top:50%;
	right:.5rem;
	margin-top:-.6rem;
}
.password-wrapper span{
	display:inline-block;
	cursor:pointer;
	position:absolute;
	z-index:2;
	width:1.2rem;
	height:1.2rem;
	top:50%;
	right:.5rem;
	margin-top:-.6rem;	
}
.login-box .form-control-lg{
	padding:.8rem 1rem;
	
}
.m_login-menu > a{
	position: relative;
	padding: 0 24px;
	color: #4a4a4a;
	font-size: 15px;
	line-height: 50px;
	text-align: center;	
}
.m_login-menu > a:nth-child(n+2)::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    height: 10px;
    border-left: 1px solid #cdcdcd;
    content: "";
}
#-u_address_zip{
	cursor:pointer
}
#layer{
	width: 330px !important;
	height: 340px !important;
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;

}
.m_login-menu a{
	text-decoration:none
}
.m_login-menu a:hover{
	color:#64a90d;
	text-decoration:underline;
}
/*****연혁*****/
.history-tab {border-radius:0; overflow:hidden; padding-top:1px; padding-left:1px}
.history-tab li a{
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dddddd!important;
	cursor:pointer;
	margin-left:-1px;
	margin-top:-1px;
	border-radius: 0!important;
	text-align: center;
}
.history-tab>.list-group-item:last-child, .history-tab>.list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
.history-tab li:hover{
	background-color:#efefef;
}
.history-tab li.active a, .history-tab li.active:hover a{
	background-color:#79b133!important;
	border:1px solid #79b133!important;
	color:#ffffff;
	Z-INDEX:2;
	margin-top: -1px!important;
}
.history-year-container{width:100%; position:relative;}
.history-year-warp{z-index:2; position:relative; width:110rem; height:20rem; display:flex; justify-content: space-between; margin:0 auto; align-items: center;}
.history-year-tab{z-index:2; position:relative; width:100%; display:flex; justify-content: space-between; margin:0 auto; align-items: center; padding:0 1rem}
.history-year-tab::after{z-index:1;content:""; width:100%; height:2px; background-color:#e6f5d3; position:absolute; top:calc(1rem - 1px); left:0;}
.history-year-tab li{width:initial; height:initial; display: flex;}
.history-year-tab li a{
 display: flex;
 text-align: center;
 flex-direction: column;
 justify-content: center;
 align-items: center;Z-INDEX:4;padding:0; color: #212121; border:0; text-decoration:none!important}
 .history-year-tab li a:active, .history-year-tab li a, .history-year-tab li a:hover{border:0!important;}
.history-year-tab li.active a i,
.history-year-tab li a:hover i{ 
 background-image:url(/custom/img/year-active.svg);
}
.history-year-tab li i::before{content:""; width:0.8rem;  height:0.8rem; margin:0 auto; display:block; border-radius: 50rem; border:1px solid #79b133;}
.history-year-tab li.active a i::before,
.history-year-tab li a:hover i::before{border:1px solid #e9900f;}
.history-year-tab li i{width:2rem; height:2rem; display:flex; align-items: center; background-color:#ffffff;}
.history-year-tab li span{color:#333; margin-top:.2rem; display:block;}
.history-year-tab li.active a{padding:0; border:0;}
.history-month{color:#79b133; width:4rem; text-align:center; margin-right:1rem; margin-bottom:1rem;}
.history-month:after{content:"月"; padding-top:.5rem;display: block; font-size: .9rem;}
.history-month span{border-bottom:1px solid #79b133; display:block; padding-bottom:.5rem;}
.history-month-contents{position:relative; padding-left:2rem;}
.history-month-contents:before{position:absolute; top:.7rem; left:1rem; width:3px; height:3px; border-radius:50%; background-color:#212121; content:'';}
/*****조직도*****/
.chart-waapper, .chart-waapper .step-box1, .chart-waapper .step-box3, .chart-waapper .step-box6, .chart-waapper .step-box2, .chart-waapper .step-box4, .chart-waapper .step-box3{position:relative}
.chart-waapper .text-box{padding:.8rem 0; border-radius:100px; display:inline-block;     width: 13rem; text-align: center;}
.chart-waapper .step-box1 .line{position:absolute; width:1px; height:100%; top:0; left:50%; background-color:#dddddd;Z-INDEX:-1}
.chart-waapper .step-box1 .text-box1, .chart-waapper .step-box1 .text-box2{}
.chart-waapper .step-box3{width:100%; max-width:900px; margin:0 auto;}
.chart-waapper .step-box5{position:absolute; top:0;}
.chart-waapper .step-box5{    width: 100%; max-width: 600px; margin-top:6rem;}
.chart-waapper  .step-box5 .line{width:100%; height:1px; top:1.5rem; left:0;  background-color:#dddddd;Z-INDEX:-1}
.chart-waapper .step-box6 .line{position:absolute; width:1px; height:100%; top:0; left:50%; background-color:#dddddd;Z-INDEX:-1}
.chart-waapper .step-box6{margin-top:6rem}
.chart-waapper .step-box2 > .line{width:calc(100% - 13rem); height:1px; top:0; left:6.5rem;  background-color:#dddddd;Z-INDEX:-1; position:absolute}
.mrtsw{margin-top:-1rem;}
.chart-waapper .step-box2{    width: 100%; margin: 0 auto; max-width: 800px;}
.chart-waapper .step-box4{padding-top:2rem;}
.chart-waapper .step-box4 > .line{position:absolute; width:1px; height:100%; top:0; left:50%; background-color:#dddddd;Z-INDEX:-1}
.step-box5 .step-box5-2 .line{display:none;}
@media (max-width: 991px){
.chart-waapper .step-box5{width:100%}
.chart-waapper .step-box5 .step-box5-1{width:10rem}
.step-box2  .text-box{width:10rem}
.chart-waapper .step-box2 > .line{width:calc(100% - 10rem); height:1px; top:0; left:5rem;  background-color:#dddddd;Z-INDEX:-1; position:absolute}
}
@media (max-width: 575px){
.chart-waapper .step-box2{max-width: 100%; left:1rem;}	
.chart-waapper .step-box2 .text-box{width:15rem}
.chart-waapper .step-box5 .step-box5-1{width:13rem}
.chart-waapper .step-box1 > .line{left:1rem;height: calc(100% - 2rem);}
.chart-waapper .step-box6 {
    margin-top: 3rem;
}
.chart-waapper .step-box5 {position: relative;}
.chart-waapper .step-box5{width:10rem; padding-left:2rem; margin-top: 0rem;}
.chart-waapper .step-box5 .text-box{width:16rem}
.chart-waapper .step-box2 > .line{left:3rem; height:1rem; width:1px;}
.chart-waapper .step-box4{padding:0; padding-left:2rem;}
.chart-waapper .step-box6 >.line{left:2rem}
.chart-waapper .step-box4 > .line{left:1rem}
.chart-waapper .step-box5 > .line {
	width: 2rem;
	height: 1px;
	top: 2.5rem;
	left: 1rem;
	background-color: #dddddd;
	Z-INDEX: -1;
}
.chart-waapper .step-box4.step-last-box > .line {height:1.5rem}
.chart-waapper .step-box4-3, .chart-waapper .step-box4-1{position:relative}
.chart-waapper .step-box4 .step-box4-3> .line {
        width: 3rem;
        height: 1px;
        position: absolute;
        left: -1rem;
        top: 1.5rem;
        background-color: #dddddd;
        z-index: -1;
    }
.chart-waapper .step-box4 .step-box4-1> .line {
        width: 3rem;
        height: 1px;
        position: absolute;
        left: -1rem;
        top: 1.3rem;
        background-color: #dddddd;
        z-index: -1;
    }	
	.history-year-tab{padding:0 .5rem}
	.mrtsw{margin-top:0;}	
	.chart-waapper .text-box {
		width: 18rem; text-align:left; padding-left:2rem;
	}	
.step-box5 .step-box5-2 .line{
		display:block;
		top: 7.4rem;
		left: 1rem;
	}
}
@media (max-width: 500px) {	
	.history-tab.program-tab li{
		width:33.33333%
	}
	.history-tab.program-tab li a{
		width:100%
	}	
}
/*****찾아오시는 길*****/
.root_daum_roughmap .section .title {
    color: #222;
    display: block;
    font-size: 1.05rem;
    line-height: 1.5;
    margin-bottom: 8px;
}
.root_daum_roughmap .section_busstop .wrap_list li a {
    color: #222;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    overflow: hidden;
}
.root_daum_roughmap, .root_daum_roughmap button, .root_daum_roughmap input, .root_daum_roughmap select, .root_daum_roughmap td, .root_daum_roughmap textarea, .root_daum_roughmap th {
    color: #333;
    font-size: 1rem;
	font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px;
    line-height: 1.5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
    .root_daum_roughmap .section_busstop .icon_bus {
        margin-top: 4px;
    }
}
.root_daum_roughmap .section_busstop .icon_bus {
        margin-top: 5px;
    }
.root_daum_roughmap .section_busline .wrap_list .txt .txt_item {
    color: #222;
    float: left;
    font-size: 1rem;
    line-height: 1.8;
}
.root_daum_roughmap .section_busline .how_way .txt_bar {
    background-color: #e2e2e2;
    display: inline-block;
    height: 10px;
    margin: 10px 10px 0;
    vertical-align: top;
    width: 1px;
}
.root_daum_roughmap a:hover{
	color:#79b133;
	text-decoration:none!important;
}
.root_daum_roughmap .section_address .tit {
    color: #222;
    float: left;
    font-size: 1rem;
    line-height: 1.5;
    width: 78px;
}
.root_daum_roughmap .section_address .txt {
    border: 0;
    border-radius: 2px;
    color: #222;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    overflow: hidden;
}
.root_daum_roughmap .section_busline .icon_bus {
	margin-top:7px;
}
/*****footer******/
footer {
	background-color:#ffffff;
}
footer .footer-inner{
	font-size:.9rem
}
footer .footer-inner svg{
	width:1.6rem;
	margin-top:-.2rem;
}
footer .footer-inner .btn{
	font-size:.8rem;
	border:1px solid #979797;
	color:#979797;
	padding:.5rem .9rem
}
footer .footer-inner .btn.btn-help{
	font-size:.8rem;
	border:1px solid #79b133;
	color:#79b133;
	padding:.5rem .9rem
}
footer .footer-inner .btn:hover{
	border:1px solid #7a5854;
	color:#ffffff;
}
footer .footer-inner .text-light{
	color:#d8dbdf!important
}
.footer-inner{
	background-color: #4c5054;
	display: block;
	padding-top: 4rem;
	padding-bottom: 4rem;
	position: relative;
	color:#979797;
}
footer .line-ss{Position:relative; padding-left:.5rem; margin-left:.5rem;}
footer .line-ss:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-35%);
	width: 1px;
	height: 10px;
	background-color: #7f7f7f;	
}
footer .copyright{
	padding-top:2rem;
	padding-bottom:2rem;
	font-size:.9rem;
}
footer a{color:#979797; text-decoration:none!important}
footer .footer-inner a svg{width:1.2rem; margin-bottom:0; margin-top:.05rem;}

footer .footer-sns{
	width: calc(3.5rem);
	height: calc(3.5rem);
	border-radius: 50%;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
	opacity: .5;
	position: relative;
	border: 1px solid #979797;
	display: block;
}
footer .footer-sns:hover{
	filter: grayscale(0);
	opacity:1;	
}
footer .footer-sns-bnad{
	background-image:url(/custom/img/sns-band.svg)
}
footer .footer-sns-bnad:hover{
	background-color:#31b24a;
	border:1px solid #31b24a
}
footer .footer-sns-blog{
	background-image:url(/custom/img/sns-blog.svg)
}
footer .footer-sns-blog:hover{
	background-color:#31b24a;
	border:1px solid #31b24a
}
footer .footer-sns-youtube{
	background-image:url(/custom/img/sns-youtube.svg)
}
footer .footer-sns-youtube:hover{
	background-color:#d2262b;
	border:1px solid #d2262b
}
footer .tool-tip .tooltiptext {
	left: 50%;
	transform: translate(-50%, 0);
	top: 4rem;
}

footer .tool-tip .tooltiptext::before {
	left: 50%;
	transform: translate(-50%, 0);
}	
@media (max-width: 500px) {	
	footer .footer-sns{
		width:calc(3rem);
		height:calc(3rem);
	}
	footer .tool-tip .tooltiptext {
		top: 3.5rem;
	}	
}
/*******결제 레이어**********/
#_lguplus_popup__div div:nth-child(2){
	max-width:700px!important;
	width:98%!important;
	max-height: 650px!important;
	height:90dvh!important;
	border-radius:20px;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%)!important;
	overflow: scroll!important;
	text-align:center;
	position:absolute;
	z-index:20000000000000000000000;
	background:#fff;
	margin-left: unset!important;
	margin-top: unset!important;  
}
#_lguplus_popup__div iframe{
	height:650px!important;
}


/*******popup**********/

.popup-modal .btn-dark, .popup-toast  .btn-dark{
	font-size:.8rem;
}
.popup-modal{position:fixed; top:0; left:0; right:0; background-color:rgba(0,0,0,.5); z-index:1000;    bottom: 0;  max-height: calc(100%); overflow:auto}
.popup-modal-wrapper{position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
	transition: transform .3s ease-out; transform:none; display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);}
.popup-modal-contents{ position: relative;
    display: flex;
    flex-wrap: wrap;	
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;	
}
.popup-wrapper{width:280px; padding:30px; background-size:cover; background-position:top center; position:relative; line-height:1.2; margin:.5rem; display: flex; flex-direction: column;     flex: 0 0 auto; width: auto;}
.popup-wrapper .popUrl{padding:.8rem 1rem; border-radius:100px; display:block; text-align:center; margin-top:.5rem;}
.popup-wrapper .popTitle{font-size:2rem; margin-bottom:1rem;}
.popup-wrapper .popUrlText{font-size:1.1rem; text-align:center; }
.popup-wrapper .popContents{margin-bottom:1rem; }
.popModalIcon {margin-bottom:1rem}
.popup-wrapper .btn-close{position:absolute; top: -.2rem;
    right: -.2rem;
    background-color: #ffffff;
    padding: .5rem;
    border-radius: 50%;
    border: 2px solid #ffffff;}	
.popup-modal-body{
	position: relative;
	flex: 1 1 auto;
	padding: 0;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.popup-modal-body p{margin:0}
.popup-modal-body a{display:block; margin:.3rem}
.popup-modal-body>div{
	margin:.2rem;
}
.popup-modal-body img {border-radius: .3rem;}
@media (min-width: 576px){
	.pop-modal-contents{    margin: 1.75rem auto;}
}
@media (max-width: 576px){
	.popup-modal-body img{max-width:450px; width:100%}
}
.popup-wrapper-toast{
	min-width:280px;
	max-width: 350px;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    border-radius: .25rem;
	background-color:#ffffff;
	margin-top:.25rem;
}
.popup-toast .btn-close{border-radius: 0;
    border-radius: 0;
    top: 0;
    right: 0;
    position: absolute;
    width: 1em !important;
    height: 1em !important;
    background-size: 17px;
    padding: 10px;
    padding: .3em .3em;
    border: 0;
	
}
.popup-toast{position:fixed; right:10px; bottom:10px; padding-left:10px;  z-index:10000; font-family: 'Cafe24Ohsquare'; }
.popup-wrapper-toast .popUrl{padding:.3rem 0 0 0; border-radius:0; display:flex; text-align:left; align-items: center !important; font-size: .9rem;}
.popup-wrapper-toast .popUrlText{margin-left:5px}
.popup-wrapper-toast .toastArrow{width:15px}
.popup-wrapper .popUrlText{font-size:15px; text-align:center; }
.popup-wrapper-toast{position:relative; display:flex;}
.popup-wrapper-toast .toastContents{padding:1rem;}
.popup-wrapper-toast .popTitle{line-height:1; border:0; padding:0; background-color:transparent; font-size:.98rem}
.popup-wrapper-toast .popTosatContent{line-height:1.2; border:0; padding:0; background-color:transparent; font-size:.9rem}
.popup-wrapper-toast .popToastIcon{width:60px; padding-top:1rem; text-align:center}
.popup-wrapper-toast .popToastIcon img{width:30px}
.popModalIcon img{height:3rem}
.popModalIconTop{position:absolute; top:0; left:50%; border-radius:50%; background-color:#ffffff; display:flex;     justify-content: center !important; align-items: center !important; overflow:hidden}
.popup-wrapper-toast .popToastIconGroup{border-radius:50%; width:calc(26px + 1rem); height:calc(26px + 1rem); display:inline-block; margin-left:15px; display:flex; justify-content: center !important; align-items: center !important;}
.popup-wrapper-toast .popToastIconGroup img{width:24px}
.popModalIcon {margin-bottom:1rem}
@media (min-width: 576px){
	.popup-modal-contents{    margin: 1.75rem auto;}
}