@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: 'Mabiyet';
    src: url('/custom/font/MabinogiClassicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HanYongUn';
    src: url('/custom/font/HAN-YONG-UN.woff') format('woff');
    font-weight: normal;
    font-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:350px;  
}
body{
	color:#383e49;
	font-family: 'Noto Sans JP', 'Noto Sans KR', sans-serif;
	word-break: break-all;
	font-optical-sizing: none;
    font-style: normal;
	font-size:1.05rem;	
}
::selection {
  color: #ffffff;
  background-color: #fa607e;
}
.fw-200{font-weight:200}
.modal-body img{max-width:100%; width:auto;}
a{
	text-decoration:none;
	cursor:pointer;
	color:#25b1bf;
}
a.link-black{color:#ADB8C2;}
a:hover, a:not([href]):not([class]):hover, a.link-black:hover{
	color:#fa607e;
	text-decoration:none;
}

a.underline{
	text-decoration:underline;
	cursor:pointer;
	color:#fa607e;
	text-underline-offset: 4px;
}
a.underline:hover{
	text-decoration:underline;
	text-underline-offset: 4px;
}
 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 #fa607e;	
}
.form-check-input {
	width: 1.4em;
	height: 1.4em;
	margin-top: 0.05em;
	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}
.keep-all{word-break: keep-all;}
@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.15rem;
	padding: .5rem 3rem;
}
@media (max-width: 575px) {
	.btn-footer {
		padding: .5rem 2rem;
	}
}
.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: 1rem !important;
}
.input-group .btn{border-radius:0;}
.form-check-input:checked {
    border-color: #fa607e;
	background-color:#fa607e;
}
.form-check-input {
	width: 1.4em;
	height: 1.4em;
	margin-top: 0.05em;
	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;}

.small, small {
    font-size: .9em;
}
p {
    margin-top: 0;
    margin-bottom: .5rem;
}
.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-1-1rem{
	 width:1rem!important;
	 margin-top:-.1rem;
 }
.w-1rem{
	 width:1.3rem!important
 }
.w-2rem{
	 width:2.5rem!important;
 }
 .w-3rem{
	 width:3.5rem!important;
 }
 .w-4rem{
	width:4.5rem!important;
}
.w-5rem{
	width:5.5rem;
}
 .w-5-5rem{
 width:5.5rem!important;
}
.w-6rem{
 width:6.5rem;
}
.w-7rem{
 width:7rem;
}
.w-8rem{
 width:8rem;
}
.w-10rem{
	width:10rem;
 }
.w-12rem{
	width:12rem;
 }
.w-15rem{
	width:15rem;
 } 
 .max-width-1500{max-width:1500px}
 .mt-up-sm{
	 margin-top: -.3rem;
 }
.mt-5-5{margin-top:5rem}
.mt-6{margin-top:6rem}
.mt-7{margin-top:7rem}
.mt-10{margin-top:10rem}
.mb-5-5{margin-bottom:5rem}
.pt-5-5{padding-top:5rem}
.pb-5-5{padding-bottom:5rem}
.link-gray a{
	color:#aaaaaa!important
}
.link-gray:hover a{
	color:#005461!important;
	text-decoration:none;
}
.border-main{
	border:1px solid #fa607e!important;
}
.border-sub{
	border:1px solid #25b1bf;
}
.text-main{
	color: #fa607e;
}
.text-sub{
	color: #25b1bf;
}
.text-red{
	color: #7128e5;
}
.text-blue{
	color: #1a5ac1;
}
.text-gray{
	color:#ADB8C2;
}
.text-point{
	color:#005461;
}
.text-point1{
	color:#ff973f;
}
.text-num{
	font-family: 'Montserrat';
}
.text-NohHaeChan{
	font-family: 'HanYongUn';	
}
.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-light {
    background-color: #e9e8ff4f !important;
}
.bg-d-gray{
	background-color:#a8a9c526
}
.bg-main{
	background-color:#fa607e!important;
	color:#ffffff!important;
}
.bg-sub{
	background-color:#25b1bf;
	color:#ffffff;
}
.bg-point1{
	background-color:#fbc13a;
	color:#ffffff;
}
.bg-point2{
	background-color: #f7cac9;
	color:#ffffff;	
}
.bg-gray{
	background-color: #eff1f3;
}
.bg-line-sub{
	border:1px solid #25b1bf;
	background-color:#ffffff;
	color:#25b1bf;
}
.fill-main{fill:#fa607e}
.btn-main{
	border:1px solid #fa607e;
	background-color:#fa607e;
	color:#ffffff!important;
}
.btn-sub{
	border:1px solid #25b1bf!important;
	background-color:#25b1bf!important;
	color:#ffffff!important;
}
.btn-point1{
	border:1px solid #005461;
	background-color:#005461;
	color:#ffffff;
}
.btn-footer-del{
	border:1px solid #fa607e;
	background-color:#ffffff;
	color:#fa607e;
}
.btn-point2{
	background-color: #fdb100;
	border:1px solid #fdb100;
	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-line-main{
	border:1px solid #fa607e;
	background-color:#ffffff;
	color:#fa607e;
}
.btn-line-sub{
	border:1px solid #25b1bf;
	background-color:#ffffff;
	color:#25b1bf;
}
.btn-circle{width:1.8rem!important; height:1.8rem!important; border-radius:50%; padding: .5rem !important; display:flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.btn-circle svg{width:1.2rem;}
.btn:hover, .btn-main:hover, .btn-sub:hover, .btn-point:hover, .btn-red:hover, .btn-point1:hover, .btn-point2:hover{
	border:1px solid #005461!important;
	background-color:#005461!important;
	color:#ffffff!important;	
	text-decoration:none;
}
.btn-link{
	color:#25b1bf;
	text-decoration:none;
	padding: .375rem .4rem!important;
	border:0!important;
}
.btn-link:hover, .btn-link:active, .btn-link:focus{
	text-decoration:none;
	background-color:transparent!important;
	color:#005461!important;
	border:0!important;
}
.btn-link svg, .btn-link img{
	width:2rem;
}
.btn-link:hover svg, .btn-link:active svg, .btn-link:focus svg{
	fill:#005461!important;
}
.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);
  }
}
.link-svg svg{color:#25b1bf}
.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 {
	Z-INDEX:99999999;
}
#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: .15rem;
	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;
}
.circle-numbered-list {
  list-style: none; /* Remove default markers */
  counter-reset: item; /* Initialize the counter */
  padding-left: 1rem; /* Adjust padding as needed */
}

.circle-numbered-list>li {
	counter-increment: item; /* Increment the counter for each list item */
	  Position:relative;
	  padding-left:1.5rem;
}

.circle-numbered-list>li::before {
	content: counter(item);
	/* background-color: #eee; */
	border-radius: 50%;
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid #6d6b6b;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.5em;
	font-size: .85rem;
	line-height: 1em;
	Position: absolute;
	left: 0rem;
	top: .2rem;
}
.decimal{list-style-type: decimal;}
.list-style-none{list-style:none}
.list-style-lower-latin{list-style-type: lower-latin;}
/******게시판 파일 리스트 컴포넌트*****/
.attach_title { padding: 0 0px 20px 0px;}
.attach_title svg{width:1.2rem; margin-right:.2rem}
.attach_images { clear:both; width: 100%; overflow: auto; white-space: nowrap; }
.attach_image { width: 100px; height: 80px; background-size: cover; border: 1px solid #c8ced5; margin:0 .5rem .5rem 0 }
.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;}
.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;}
.attach_files { width: 100%; display: flex; flex-wrap: wrap;}
.attach_file { display: block; border-radius: 5px;}
.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 }
.upload_file_name a{color:#717171}
.upload_file_name a:hover{color:#fa607e}

/******게시판 파일첨부 컴포넌트*****/
#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;
}
.upload_file_name a{color:#7f8a93!important;}
.upload_file_name a:hover{color:#005461!important;}
.icon-download{
	background-size: 1rem;
	background-position: 0 center;
	padding-left: 1.4rem;
	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='currentcolor'%3E%3Cpath d='M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-mail{
	background-size: 1rem;
	background-position: 0 center;
	padding-left: 1.4rem;
	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='currentColor'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-phone{
	background-size: 1rem;
	background-position: 0 center;
	padding-left: 1.4rem;
	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='currentColor'%3E%3Cpath d='M9.36556 10.6821C10.302 12.3288 11.6712 13.698 13.3179 14.6344L14.2024 13.3961C14.4965 12.9845 15.0516 12.8573 15.4956 13.0998C16.9024 13.8683 18.4571 14.3353 20.0789 14.4637C20.599 14.5049 21 14.9389 21 15.4606V19.9234C21 20.4361 20.6122 20.8657 20.1022 20.9181C19.5723 20.9726 19.0377 21 18.5 21C9.93959 21 3 14.0604 3 5.5C3 4.96227 3.02742 4.42771 3.08189 3.89776C3.1343 3.38775 3.56394 3 4.07665 3H8.53942C9.0611 3 9.49513 3.40104 9.5363 3.92109C9.66467 5.54288 10.1317 7.09764 10.9002 8.50444C11.1427 8.9484 11.0155 9.50354 10.6039 9.79757L9.36556 10.6821ZM6.84425 10.0252L8.7442 8.66809C8.20547 7.50514 7.83628 6.27183 7.64727 5H5.00907C5.00303 5.16632 5 5.333 5 5.5C5 12.9558 11.0442 19 18.5 19C18.667 19 18.8337 18.997 19 18.9909V16.3527C17.7282 16.1637 16.4949 15.7945 15.3319 15.2558L13.9748 17.1558C13.4258 16.9425 12.8956 16.6915 12.3874 16.4061L12.3293 16.373C10.3697 15.2587 8.74134 13.6303 7.627 11.6707L7.59394 11.6126C7.30849 11.1044 7.05754 10.5742 6.84425 10.0252Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-download:empty, .icon-mail:empty, .icon-phone:empty{display:none}
.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%;
	}
}
/*****paging******/
.control_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;
}
.control_page a.selected, .control_page a.selected:hover{
	border: 1px solid #fa607e;
	background-color: #fa607e;
	color: #ffffff;
}
.control_page a:hover{
	border:1px solid #fa607e;
	color:#fa607e	;
	text-decoration:none;
}
.control_page a.no_selected, .control_page a.no_selected:hover{
	background-color:#fa607e;
	border:1px solid #fa607e;
	color:#ffffff;
	text-decoration:none;
	
}
.control_page a.disabled, .control_page a.disabled:hover{
	border:1px solid #ced4da;
	color:#ced4da;	
	display:none;
}
/*******modal********/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.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-box{
	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;
}
#popup{
	position: relative;
	flex: 1 1 auto;
	overflow-y: auto;
}
#popup_wrap.poup-show #popup-box{ 
	-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:1380px;
	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;
}
.modal-contents{
	position: relative;
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 1rem;	
}
.pop-back svg{
	width:2rem;
}
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;
	}	
}	
@media (min-width: 1200px) {
	.modal-body {padding:1rem 3rem 2rem 3rem;}
	.modal-header{padding-left:3rem;}
	.modal-footer{padding: 1.5rem 3rem;}
}
/*****리스트****/
.list-dot{
    position: relative;
    padding-left: 1rem;
}
.list-dot:before {
    position: absolute;
    top: .7rem;
    left: 0rem;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fa607e;
    content: '';
}
.list-dash{	
	 list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}
.select-list{Position:relative}
.select-list:before{
	content:'';
	width:1rem;
	height:1rem;
	background-size:cover;
	Position:absolute;
	top: 50%;
	transform: translateY(-50%); 
	right: .5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
.select-list .form-control{padding-right:2rem;}
/*****툴팁*****/
.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);
	}	
}




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

.navbar-brand{
    width: 30%;
    max-width: 120px;
    min-width: 60px;
	padding-top:0;
	padding-bottom:0;
}
.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: #fa607e;
		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
}
.m_myinfo-menu > a{
	position: relative;
	padding: 0 24px!important;
	color: #4a4a4a;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.m_myinfo-menu > a:nth-child(n+2)::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    height: 10px;
    border-left: 1px solid #cdcdcd;
    content: "";
}
/***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: .275rem .5rem;
}
header .top-menu .user-name{
	color:#626671;
	
}
header .top-menu .user-name::after{display:none}
header .top-menu a{font-size:1rem;}
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: #005461!important;
}
header .top-point-menu a:last-child{
	padding-right:0
}
header .top-menu svg{
	width:1.1rem;
	vertical-align:middle;
	margin-bottom:.25rem;
}
header .top-menu a svg{
	fill:#abafb5
}
header .top-exam a{
	background-color:#fa607e;
	color:#ffffff!important;
	border-radius:100px;
	padding: .3rem 1rem .4rem 1rem;
}
header .top-exam a svg{
	fill:#ffffff	
}
header .top-exam a:hover{
	background-color:#005461;
	color:#ffffff!important;
}
header .top-exam a:hover svg{
	fill:#ffffff!important;	
}
.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:#fa607e
}
.navbarNavAltMarkup-close{
	display:none
}
.navbar-toggler {
	position: absolute;
	top: 0;
	right: .5rem;
	/* transform: translate(0, -50%); */
	width: 2.5rem;
	height: 2.5rem;
	/* height: 100%; */
	padding: 0;
	border-radius: 0;
	border: 0;
	top: 50%;
	transform: translateY(-50%);
}
.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 main{
		margin-top:120px
	}	
	.navbar-brand{
		width:30%;
		max-width:100px;
		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: 19rem;
			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:19.5rem;
		position:relative;
		
		
	}	
	.main-nav.mainmenu-select:hover .fulldown-bg{
		position:absolute;
		left:0;
		right:0;
		top:130px;
		height:15rem;
		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;
		width: 100%;
	}	
	.main-nav .submenu_full_group .menu-inner{
		margin-top: 1.5rem;
		border-left: 1px solid #ced4da;
		height: calc(100% - 6.5rem);
		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:#fa607e
	}
	body.fix-header .main-nav{
		padding-top:.3rem;
		
	}
	body.fix-header  .navbar-brand{
		margin-top: 53px;
		max-width: 75px;
	}	
	
/***end full down****/		
}
@media (min-width: 992px) {

	.top-menu .user-name {
			max-width:400px;
			overflow:hidden;
			text-align: right;
			text-overflow: ellipsis;
			white-space: nowrap
	}
    .main-nav>li>a {
        width: 11rem;
    }	
}
@media (min-width: 1200px) {
	.main-nav>li>a {
        width: 13rem;
    }
}
@media (max-width: 991px) {	
	#navbarNavAltMarkup{
		position: fixed;
        top: 0;
        width: 100%;
        max-width: 500px;
        bottom: 0;
        left: -100%;
        background-color: #ffffff;
        z-index: 1000;
        overflow: auto;
        transition: all .5s ease-out;		
	}
	.sidebarShow #navbarNavAltMarkup{
		left:0;
		transition: all .5s ease-out;
	}	
	.navbarNavAltMarkup-close{
        width: 3rem;
        height: 3rem;
        position: absolute;
        top: .5rem;
        left: .5rem;
        display: block;
        border: 0;
        background-size: 2rem;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M15.0712 4.92883L16.4854 6.34305L11.8286 10.9999L21.0004 11L21.0004 13L11.8286 12.9999L16.4854 17.6568L15.0712 19.071L8.00016 11.9999L15.0712 4.92883ZM4.00037 18.9998L4.00037 4.99985H6.00037L6.00037 18.9998H4.00037Z'%3E%3C/path%3E%3C/svg%3E");
	}
	.main-nav{
		margin-top:60px;
	}
	.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;
    }			
.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: 991px) {	
	.navbar{
		padding-right:3.5rem;
		padding-top: .5rem;
		padding-bottom: .5rem;		
	}
	.top-menu{
		font-size:.95rem
	}
	.navbar-brand {
		width: 20%;
		max-width: 60px;
		min-width: 40px;	
	}	
	.navbar .container-xxl{padding-right:0}
}
@media (max-width: 767px) {	
	header .top-menu a, header .top-menu .user-name {
		padding: 0;
		width: 2.2rem;
		height: 2.2rem;
		display: flex;
		text-align: center;
		line-height: 2.5rem;
		justify-content: center !important;
		align-items: center !important;	
	}	
	header .top-menu svg {
		width: 1.5rem;
		vertical-align: middle;
		margin-top: .25rem;
	}
	header .top-exam a{
		background-color:transparent;
	}
	header .top-exam a svg{
		fill:#fa607e
	}	
	.navbar{
		padding-right:3rem;	
	}	
}
@media (max-width: 575px) {	
	.main-nav>li>a{
		padding:1rem 1rem;
	}	
	.main-nav > li> .submenu_full_group a span {
		padding-left: 1rem;
	}	
	.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
	}	
	
}
/*****사이드 바*****/
#wrapper{
	min-height:100%;
}
#content{width:100%;  background-color: #f9fbfd;}
#content-wrapper{min-height:calc(100lvh - 63.56px)}
header.sldebar{
	height:63.56px!important;
}
#navbarNavAltMarkupSide {
	min-height: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 300px;
    left: 0;
	background: #192137;
    transition: all 0.5s ease-out;
}
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(33, 37, 41, 0.35);
    z-index: 99;
    display: none;
	transition: all 0.5s ease-out;		
}
.sidebar-overlay.fadeIn{
	opacity:1;
	transition: all 0.5s ease-out;	
}
.toggled.sidebar {
	left:0;
    transition: all 0.5s ease-out;	
}
.sidebar-overlay {
    display: none;
}
.widthSidemenu .box {
	box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .03);
	border: 1px solid #edf2f9;
	background-color: #ffffff;
	border-radius: .25rem;
	padding: 1.5rem;	
}
    .sidebar .main-nav>li>a img{
        width: 1.2rem;
		margin-top:-.2rem;
    }
@media (min-width: 1401px) {
    #content-wrapper {
        display: -ms-flexbox!important;
        display: flex !important;
    }
    .sidebar .main-nav>li>a {
        width: 100%;
        text-align: left;
		padding-left:.75rem;
		font-size:1.1rem;
		font-weight:normal;
		color:#a1a8bd;
    }	
    .sidebar .main-nav>li>a img{
        width: 1rem;
		margin-top:-.2rem;
    }		
    .sidebar .main-nav>li>a:hover{
		color:#ffffff;
    }		
    .sidebar .main-nav>li {
        border-bottom: 1px solid #ced4da47;
    }	
	.key-sidebar-visual {
		height: 5.8rem!important
	}	
}
@media (max-width: 1400px) {	
    #navbarNavAltMarkupSide {
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 300px;
        bottom: 0;
        left:-100%;
        background-color: #ffffff;
        z-index: 1000;
        overflow: auto;
        transition: all .5s ease-out;
    }	
    #navbarNavAltMarkupSide.show {
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 300;
        bottom: 0;
        left:0;
        background-color: #ffffff;
        z-index: 1000;
        overflow: auto;
        transition: all .5s ease-out;
    }	
	#navbarNavAltMarkupSide .navbarNavAltMarkup-close{
        width: 3rem;
        height: 3rem;
        position: absolute;
        top: .5rem;
        left: .5rem;
        display: block;
        border: 0;
        background-size: 2rem;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M15.0712 4.92883L16.4854 6.34305L11.8286 10.9999L21.0004 11L21.0004 13L11.8286 12.9999L16.4854 17.6568L15.0712 19.071L8.00016 11.9999L15.0712 4.92883ZM4.00037 18.9998L4.00037 4.99985H6.00037L6.00037 18.9998H4.00037Z'%3E%3C/path%3E%3C/svg%3E");
	}
	.sldebar .navbar{
		padding-right:3.5rem;
		padding-top: .5rem;
		padding-bottom: .5rem;		
	}
	.sidebar .main-nav>li>a {
        width: 100%!important;
		text-align:left!important;
        padding: 1rem;		
    }	
	.sidebar .main-nav {
        margin-top: 60px;
    }
	.sidebar .main-nav>li {
        border-top: 1px solid #ced4da;
    }	
	.sldebar .top-menu{
		font-size:.95rem
	}
	.sldebar .navbar-brand {
		width: 20%;
		max-width: 60px;
		min-width: 40px;	
	}	
	.sldebar .navbar .container-xxl{padding-right:0}	
    .sldebar .navbar-brand {
        width: 30%;
        max-width: 60px;
        transition: all .15s ease-in-out;
    }	
    .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 (min-width: 992px) {
    .sldebar .navbar-brand {
        width: 30%;
        max-width: 60px;
        transition: all .15s  ease-in-out;
    }
}
@media (max-width: 766px) {
    .widthSidemenu .box {
        padding: 1.5rem .75rem;
    }
}	
/*****gallery*****/
.show-gallery {
    max-width: 1800px!important;
    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-h-100{
	height: 40svh;
}		
.fotorama__thumb-border {
    border-color: #fa607e;
}
.fotorama, .fotorama__wrap, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__stage__frame{height:100%!important}
.fotorama__wrap--slide .fotorama__stage__frame{justify-content: center !important; display: flex !important; width:100%!important; align-items: center !important;}
.fotorama__wrap--css3 .fotorama__stage{width:100%!important; height:100%!important;}
.fotorama__wrap--css3 .fotorama__stage .fotorama__img{max-width:100%!important; max-height:100%!important; width:auto!important; height:auto!important;left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;}
.fotorama__nav-wrap{Position:absolute; bottom:1rem; left:0; right:0;}	
.fotorama__loaded .fotorama__img{opacity:.5;  filter: grayscale(100%);}
.fotorama__active  .fotorama__img{opacity:1;  filter: grayscale(0);}
@media (min-width: 576px) {
	.gallery-h-100{
		height: 60svh;
	}	
}
@media (min-width: 1200px) {
	.show-gallery #modal-header{display:none}
	.show-gallery .modal-body{
		overflow-y: auto;
	}
	.gallery-modal-contents{
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		outline: 0;		
		height:100%;
	}
	.gallery-h-100{
		height: 100%;
	}	
}
.fotorama__arr {
    position: absolute;
    width: 2.5rem!important;
    height: 2.5rem!important;
    top: 50%;
    margin-top:-1.25rem!important;
	background-repeat:no-repeat;
	background-size:2.5rem;
	background-position: center !important;
}
   .fotorama__arr.fotorama__arr--prev {
        background-image:url(/custom/img/icon-prev.svg)!important;
		opacity:.5;
    }
	.fotorama__arr.fotorama__arr--next {
        background-image:url(/custom/img/icon-next.svg)!important;
		opacity:.5;
    }
.fotorama__arr--disabled {
    opacity: .1!important;
}
.gallery-modal-contents img{max-width:100%}
/*****intro*****/
.visual{
    height: calc(100svh - 130px + 3rem);	
	width: 100%; position:relative; overflow:hidden;
	min-height:35rem;
}
.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;
}
.video-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color:#31090952;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 1;
}
.bg-video-text{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;	
  Z-INDEX:4;
}
.visual video::-webkit-media-controls {
  display: none !important;
  opacity: 0; 
}
.visual video::-webkit-media-controls-start-playback-button {
    display: none !important;
}
.visual h1{
	font-size:calc(3rem + 2.5vw);
	font-weight: 900;
	/*opacity: .8;*/
	color: #fff3e0!important;
	word-break: keep-all;
	 font-family: 'Mabiyet';
}
.visual h4{
	font-size:calc(1rem + 1vw);
	font-weight: normal;
	/*opacity: .8;*/
	color: #fff3e0  !important;
	word-break: keep-all;
}
.visual-100-auto .eyebrow{
	font-size:1.2rem;
	font-weight:normal;
	opacity:.7;
}
@media (max-width: 1199px) {
	.visual {
		height: 100svh;
	}
}
@media (min-width: 2000px) {
	.visual {
		font-size:6rem;
	}
	.visual h1{
		font-size:6rem;
	}
	.visual h4{
		font-size:2.2rem;
	}	
}
.scroll {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 5rem;
	margin-left: -16px;
	width: 32px;
	height: 46px;
	border: 2px solid #ffffff;
	border-radius: 20px;
	z-index: 5;
}
.scroll .arrow {
    display: block;
    position: absolute;
    left: 50%;
    height: 6px;
    width: 10px;
    display: block;
    width: 8px;
    height: 8px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 0 -4px;
 }
    
 .arrow.top {
  opacity: 0.5;
  top: 12px;
  animation: arrowTop 1.2s infinite;
  -webkit-animation: arrowTop 1.2s infinite;
}

.arrow.bt {
  animation: arrowBt 1.5s infinite;
  -webkit-animation: arrowBt 1.5s infinite;
  top: 20px;
}

@keyframes arrowTop {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.5;
  }
}

 

@keyframes arrowBt {
  0% {
    opacity: 0.25;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }

}

 

@-webkit-keyframes arrowTop {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.5;
  }
}

 

@-webkit-keyframes arrowBt {
  0% {
    opacity: 0.25;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.25;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.bg-main-gr{background: #fff;
    z-index: 9;
    border-radius: 12px;
    -webkit-box-shadow: 0px 30px 30px rgba(115, 117, 165, 0.1);
    box-shadow: 0px 30px 30px rgba(115, 117, 165, 0.1); margin-top:-3rem; Position:relative}
.intro-point-menu {}
.intro-point-menu svg{width:2rem;}
.intro-point-menu a{color:#383e49;  border:0; padding:0; border-radius:0; flex-direction: column;align-items: center; font-size:1.15rem;}
.intro-point-menu a:hover, .intro-point-menu a:active{background-color:transparent!important; border:0!important; color:#383e49!important}
.intro-point-menu a:hover .svg-circle{background-color:#005461;}
.intro-point-menu a .svg-circle{width:4rem; height:4rem; border-radius:50%; background-color:#25b1bf; display:flex; justify-content: center !important; align-items: center !important;}
.intro-point-menu a svg{    fill: #ffffff !important; margin-top:0}
.intro-point-menu a svg.arrow{fill:#ffffff!important;}
.intro-point-menu a:hover svg.arrow{fill:#baf6f7!important;}
.intro-point-menu a.paper-send{border-radius:200px;
	background: #FA607E;
	background: linear-gradient(141deg, rgba(250, 96, 126, 1) 0%, rgba(250, 96, 126, 1) 60%, rgb(219 58 89) 100%);
	color: #ffffff;
	flex-direction: revert; font-size: 1.5rem; transition: all 0.5s; 
    text-decoration: none;
    -webkit-box-shadow: 0 0px 15px -5px #000000;
    box-shadow: 0 0px 15px -5px #000000;}
.intro-point-menu a.paper-send:hover{
	background: linear-gradient(141deg, rgba(250, 96, 126, 1) 0%, rgba(250, 96, 126, 1) 60%, rgb(219 58 89) 100%);
	color: #ffffff;
	border:0!important;
	color:#ffffff!important;}
.intro-point-menu a.paper-send svg{fill:#ffffff!important;}
.intro-point-menu a svg.arrow{
    -webkit-transform: translateX(0);
            transform: translateX(0);	
			fill:#ffffff!important; 
}
.intro-point-menu a:hover svg.arrow{
	-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;	
			fill:#ffffff!important;
}
@media (max-width: 576px) {	
	.intro-point-menu a{ border-radius:1rem;}	
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

@-webkit-keyframes slide-start {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-start {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.main_board_list a, .sc_tit, .main_board_list-box a{color:#383e49; font-weight:normal}
.main_board_list a:hover, .sc_tit, .main_board_list-box a:hover{color:#fa607e}
.main_board_box dl:nth-child(4), .main_board_box dl:nth-child(5){display:none}
.main_board_box dl{margin-bottom:.5rem}
.sc_list_tomorrow li{margin-bottom:.5rem}
.sc_num{padding: .25rem .5rem .25rem 1.5rem;
    border-radius: 50px;
    font-size: .85rem;
    Position: relative;
    min-width: 3.5rem;
    text-align: center;}
.sc_num span{display:none}
.sc_num:empty:before{
	content:'0'
}
.sc_num::after{
	content:'';
	width:1rem;
	height:1rem;
	Position:absolute;
	left:.5rem;
	top:50%;
	transform:translateY(-50%);
	background-size:cover;
	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='%23ffffff'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM8 13V15H6V13H8ZM13 13V15H11V13H13ZM18 13V15H16V13H18ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
}
@media (min-width: 992px) {	
	.main_board_list{Position:relative}
	.main_board_list:before{content:''; Position:absolute; left:1rem; width:1px; height:100%; background-color:#e7e7e7}
}

.masonry-list {
  display: grid;
}

.masonry-item {
    column-width: 15rem;
    column-gap: 2rem;
}

.masonry-card {
    display:block;
    margin: 0;
    width: 100%;
	margin-bottom: 2rem;
}
.masonry-card a{Position:relative; overflow:hidden}
.masonry-card .overlay{
	background-color:#000000;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
}
.masonry-card:hover .overlay{
	opacity:.5;
}
.masonry-card .zoom{width:3rem; height:3rem; border-radius:50%; position: absolute;
    top: 50%;
    left: 50%;
	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='M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 9.46243 8.96243 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 15.5376 15.0376 18 12 18ZM12 16C13.933 16 15.5 14.433 15.5 12.5C15.5 10.567 13.933 9 12 9C10.067 9 8.5 10.567 8.5 12.5C8.5 14.433 10.067 16 12 16Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:1.4rem;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#25b1bf;
	transition: all .2s ease-in-out;
	opacity:0;
	 transform: translate(-50%, -90%);
	
	}
.masonry-card:hover .zoom{
	opacity:1;	
 transform: translate(-50%, -50%);	
}
.masonry-card img{width:100%}
@media (min-width: 992px) {	
	.masonry-item {
		column-width: 15rem;
	}
}
/****서브 타이틀 비쥬얼*****/
.key-visual {
    width: 100%;
    position: relative;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
	height:24rem;
    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-sidebar-visual {
    width: 100%;
    position: relative;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
	height:4.45rem;
	background-image:none;
	overflow:hidden;	
	background-color: #ffffff;
	color:#383e49;
	border-bottom: 1px solid #edf2f9;	
	
}
.key-img {
    width: 100%;
    position: absolute;
    background-position: center;
    width: 100%;
	height:24rem;
    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 .5s ease-in-out;
}
.key-img.effect{
	transform:scale(1);
	filter: blur(0);
}	
.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-bg1-1{
	background-image:url(/custom/img/sub-title-bg1-1.jpg)
}
.sub-bg1-2{
	background-image:url(/custom/img/sub-title-bg1-2.jpg)
}
.sub-bg1-3{
	background-image:url(/custom/img/sub-title-bg1-3.jpg)
}
.sub-bg1-4{
	background-image:url(/custom/img/sub-title-bg1-4.jpg)
}
.sub-bg1-5{
	background-image:url(/custom/img/sub-title-bg1-5.jpg)
}
.sub-bg1-6{
	background-image:url(/custom/img/sub-title-bg1-6.jpg)
}
.sub-bg2-1{
	background-image:url(/custom/img/sub-title-bg2-2.jpg)
}
.sub-bg2-2{
	background-image:url(/custom/img/sub-title-bg2-1.jpg)
}
.sub-bg2-3{
	background-image:url(/custom/img/sub-title-bg1-6.jpg)
}
.sub-bg2-4{
	background-image:url(/custom/img/sub-title-bg1-6.jpg)
}
.sub-bg3-1{
	background-image:url(/custom/img/sub-title-bg3-1.jpg)
}
.sub-bg4-1{
	background-image:url(/custom/img/sub-title-bg4-1.jpg)
}
.sub-bg4-2{
	background-image:url(/custom/img/sub-title-bg4-2.jpg)
}
.sub-bg4-3{
	background-image:url(/custom/img/sub-title-bg4-2.jpg)
}
.sub-bg4-4{
	background-image:url(/custom/img/sub-title-bg4-2.jpg)
}
.sub-bg4-5{
	background-image:url(/custom/img/sub-title-bg4-2.jpg)
}
.sub-bg4-6{
	background-image:url(/custom/img/sub-title-bg4-2.jpg)
}
.sub-bg5-1{
	background-image:url(/custom/img/sub-title-bg5-1.jpg)
}
.sub-bg5-2{
	background-image:url(/custom/img/sub-title-bg5-2.jpg)
}
.sub-bg5-3{
	background-image:url(/custom/img/sub-title-bg5-3.jpg)
}
.sub-bg5-4{
	background-image:url(/custom/img/sub-title-bg5-4.jpg)
}
.sub-bg6-1{
	background-image:url(/custom/img/sub-title-bg6-1.jpg)
}
.sub-bg6-2{
	background-image:url(/custom/img/sub-title-bg6-2.jpg)
}
.sub-bg6-3{
	background-image:url(/custom/img/bg-210.jpg)
}
.sub-bg7-1{
	background-image:url(/custom/img/sub-title-bg7-1.jpg)
}
.sub-bg8-1{
	background-image:url(/custom/img/bg-201.jpg)
}
.sub-bg8-2{
	background-image:url(/custom/img/bg-202.jpg)
}
.sub-bg8-3{
	background-image:url(/custom/img/bg-203.jpg)
}
.sub-bg8-4{
	background-image:url(/custom/img/sub-title-bg5-7.jpg)
}
.sub-bg8-5{
	background-image:url(/custom/img/bg-204.jpg)
}
@media (max-width: 576px) {	
	.key-visual, .key-img {
		height:15rem;
	}
}
ul.tab_simple { border-radius: 0;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
	list-style: none;
	}
ul.tab_simple li { padding: 0px;}
ul.tab_simple li a {position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #212529 !important;
    cursor: pointer;
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 0 !important;
    text-align: center;}
ul.tab_simple li a:hover{background-color:#efefef; color:#212529!important}		
ul.tab_simple li.selected a{ background:url(/web/_image/kun/bg_pattern_black1.gif); color: #fff!important }
/*****tab*****/
.select_group .nav-link {
    color: #fa607e!important;
}
.select_group .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff!important;
    background-color: #fa607e!important;
}	
/*****인사말*****/
.chairman-sign{
	Position:absolute;
	bottom:1rem;
	right:1rem;
	color:#ffffff;
	font-size: .875em;
}
.chairman-sign .sign{font-size:1.2rem;}
@media (min-width: 768px) {	
	.chairman-sign{
		right:2rem;
	}
}
/*****설립 목적*****/
.fix-bg {
    height: 20rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg_type1 {
    background-image: url('/custom/img/bg-101.jpg');
}
/*****연혁*****/
.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:#fa607e!important;
	border:1px solid #fa607e!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:#fa607e30; 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 i::before{content:""; width:0.8rem;  height:0.8rem; margin:0 auto; display:block; border-radius: 50rem; border:1px solid #fa607e;}
.history-year-tab li.active a i::before,
.history-year-tab li a:hover i::before{width:0.8rem;  height:0.8rem; border:1px solid #25b1bf; background-color:#25b1bf}
.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; font-family: 'Mabiyet';}
.history-year-tab li.active a{padding:0; border:0;}
.history-month{color:#fa607e; width:4rem; text-align:center; margin-right:1rem; margin-bottom:1rem; font-family: 'Mabiyet';}
.history-month:after{content:"月"; padding-top:.5rem;display: block; font-size: .9rem;}
.history-month span{border-bottom:1px solid #fa607e; display:block;}
.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:'';}
/*****회칙*****/
.list_zero{ list-style-type:decimal-leading-zero}
.list-style-none{list-style-type:none}
.bylaw{text-align:justify}
.bylaw dl dd{margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #dee2e6}
.bylaw .tit{margin-top:2.5rem; margin-bottom:1.5rem;}
.bylaw dl dd p{color:#fa607e}
/*****임원*****/
.organ .border:hover{border:1px solid #25b1bf!important}
/*****입회안내*****/
.icon-circle{
	width:calc(4.5rem + 1vw);
	height:calc(4.5rem + 1vw);
	border:1px solid #fa607e;
	border-radius:50%;
}
.icon-circle img{width:calc(2.5rem + .5vw);}
.btn-circle-link {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 50%;
    padding: 0 !important;
position: absolute;
    right: 1rem;	
	top:1rem;
}
.btn-circle-link svg, .btn-circle-link img {
    width: 1rem;
    margin-top: -.2rem;
}
@media (min-width: 768px) {	
	.border-md-right{
		border-left:1px solid #dee2e6
	}
}
.border-box:hover{border:1px solid #25b1bf!important}
.how-paper b{font-weight:500}
/*****학회횅사일정*****/
.cal_group .cal_cell .cal_cell_month {
	color: #212529;
	padding:1rem;
	text-align:center;		
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dddddd !important;
	
}
.cal_group .cal_cell:nth-child(2) .cal_cell_month{
	background: url(/web/_image/kun/bg_pattern_black1.gif);
	color: #fff;
}
.cal_cell_item_wrap{
	Position:relative
}
.cal_cell_item_wrap:before{
	content:'일정이 없습니다';
	Position:absolute;
	left:1.2rem;
	top:0;
	color:#aaaaaa;
		z-index:-1;
}
.cal_cell_item{
	border-bottom:1px solid #dee2e6;
	background-color:#ffffff;
	margin:1rem;
}
.cal_cell_item a{
	color: #383e49;
}
.cal_cell_item a:hover{
	color: #fa607e
}
.data dt{margin-bottom:.7rem;}
.data dd{margin-bottom:1.5rem; padding-bottom:1rem;border-bottom:1px solid #dee2e6}
.list-data dt{}
.list-box{
	border:1px solid #ced4da;
	padding:1.5rem;
	margin:-1px;
	color:#53575b;
}
.modal-body .list-box a{
	color:#25b1bf;
}
@media (max-width: 576px) {	
	.list-box{
		padding:1.5rem 1rem;
	}
}
@media (min-width: 992px) {
    .list-box .board-list-num {
        width: 80px;
		padding-right:0;
    }
}
.list-box:hover{
	background-color:#f8f8f8;
}
.list-box a{color:#0a1b3f; font-size:1.15rem}
.list-box a:hover{color:#fa607e}
.board-file svg{
	width: 1.15rem;
	margin-bottom: .2rem;
	fill: #676a6b;
 }
.list-box img{
	margin-top:-.2rem
 }
.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
}
.btn-search{color:#ADB8C2}
.btn-search:hover{color:#ec607e}
.search-box:hover, .search-focus:hover{border: 1px solid #ec607e!important}
.search-box .form-control::placeholder{color:#ADB8C2}
/*****논문투고*****/
.paper_send .qu_ou {
    padding: 5px;
    background: url(/web/_image/kun/bg_line.png);
}
.paper_send .qu_ou dl {
    background: #fefdfa;
    padding: 20px;
    margin: 0;
	width:100%;
}
.paper_send .qu_ou dt {
    display: block;
    padding: .3rem 0 .3rem 2rem;
	font-weight:500;
	font-size:1.12rem;
	background-size:1.8rem;
	background-repeat:no-repeat;
	background-position:top .3rem left;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(250,96,126,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z'%3E%3C/path%3E%3C/svg%3E");
}
.paper_send .qu_ou dd{
	padding-left:2rem;
}
/*****갤러리*****/
.gallery_group{
	height:100%;
	overflow:hidden;
}
.gallery_group .card-img {
	overflow:hidden;
	Position:relative;
}
.gallery_group .card-img .img{
	width:100%;
	height: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 .img{
	transform: scale(120%);
}
.gallery_group .gallery-body.isPC{
	flex: 1 1 auto;
	width: 100%;
	padding:1rem;
	color: #212121;
	background-color: #ffffffe0;
	text-align: center;
	word-break: keep-all;
}
.gallery_group .gallery-body.isMobile{
	flex: 1 1 auto;
	width: 100%;
	padding: .3rem 1rem 1rem 1rem;
	color: #212121;
	background-color: #ffffffe0;
	text-align: center;
	word-break: keep-all;
}
.gallery_group:hover .card-img{
	filter: contrast(100%) brightness(100%) grayscale(0%) sepia(0%);	
}
.gallery_group .card-img  .overlay{
	background-color:#000000;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
}
.gallery_group:hover .card-img  .overlay{
	opacity:.5;
}
.gallery_group .card-img  .zoom{width:3rem; height:3rem; border-radius:50%; position: absolute;
    top: 50%;
    left: 50%;
	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='M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 9.46243 8.96243 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 15.5376 15.0376 18 12 18ZM12 16C13.933 16 15.5 14.433 15.5 12.5C15.5 10.567 13.933 9 12 9C10.067 9 8.5 10.567 8.5 12.5C8.5 14.433 10.067 16 12 16Z'%3E%3C/path%3E%3C/svg%3E");
	background-size:1.4rem;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#25b1bf;
	transition: all .2s ease-in-out;
	opacity:0;
	transform: translate(-50%, 0%);
	position: absolute;	
}
.gallery_group:hover .card-img  .zoom{
	opacity:1;	
	transform: translate(-50%, -50%);	
}
/****floating*****/
.form-floating-select {
    position: relative;
}
.form-floating-select>.form-control {
	padding: 1rem .75rem;
	padding-top: 1.625rem;
	padding-bottom: .625rem;
	height: calc(3.5rem + 2px);
	line-height: 1.25;	
}
.form-floating-select>label{
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 1rem .75rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s 
	ease-in-out, transform .1s 
	ease-in-out;	
}
.form-floating-file{
	display: block;
	width: 100%;
	padding: .375rem .75rem 1rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	
}
.form-floating-radio{
	display: block;
	width: 100%;
	padding: .75rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	
}
.filebox{Position:relative;
	height: 40px;
	width: 120px;
	overflow:hidden;
	}
.filebox>.upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}
.filebox>label {
	display: inline-block;

	color: #fff;
	vertical-align: middle;
	background-color: #999999;	
	cursor: pointer;
	height: 40px;
	width: 120px;
	left: 0;
	top: 0;
	line-height: 40px;
	text-align: center;
	position: relative;
	Z-INDEX: 2;
	cursor:pointer;
	border-radius:100px;
}
.filebox>input[type="file"] {
    position: absolute;
    width: 120px;
    height:80px;
    padding: 0;
    overflow: hidden;
    border: 0;
	left:0;
	top:-40px;
	cursor:pointer;
	opacity:0;
	border-radius:100px;	
	Z-INDEX:3;
}
/*****공지사항******/
#content_body .modal-body{padding:0 0 2rem 0}
#popup .container{padding:0!important; max-width: 100%;}
#popup .container>.modal-body {padding:1rem}
@media (min-width: 1200px) {
	#popup .container>.modal-body {padding:2rem 3rem}
	#popup .container>.modal-body{padding-left:3rem;}
	#popup .container>.modal-body{padding-left:3rem; padding-right:3rem;}
}
/*****로그인 관련****/
.password-wrapper{
	position:relative
}
.password-wrapper img{
	position:absolute;
	z-index:2;
	width:1.2rem;
	top:50%;
	right:.5rem;
	margin-top:-.6rem;
}
.password-wrapper .togglePassword{
	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: "";
}
.qty1, .qty1:hover, .qty1:focus{
	background-color:transparent!important;
	border:0!important;
	font-weight:500;
}
.modal-body .list-box a.download-list{color:#212529 }
.modal-body .list-box a.download-list:hover{color:#fa607e }
/*****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 #fa607e;
	color:#fa607e;
	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);
}	
footer .freiends img{height:2.5rem;} 
@media (max-width: 500px) {	
	footer .footer-sns{
		width:calc(3rem);
		height:calc(3rem);
	}
	footer .tool-tip .tooltiptext {
		top: 3.5rem;
	}	
}




/*******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; transition: all 0.5s ease-out;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);}
.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 a{display:block; margin:.3rem}
.popup-modal-body>.popup-section{
	margin:.2rem;
}
.popup-modal-body>.popup-section>.popup-content{
	max-width:400px; width:100%;
	background-color:#ffffff;
	border-radius:.3rem;
	padding:1rem;
}
.popup-modal-body>.popup-section img{max-width:100%}
.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: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;}
}