/* style css */
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  user-select:none;
}

body, html {
	overflow-x:hidden;
}

img {
	-webkit-user-drag: none;
}

::selection {
   background: #c67fff;
   color: #fff
}

::-moz-selection {
   background: #c67fff;
   color: #fff
}

::-webkit-selection {
    background: #c67fff;
   color: #fff
}

body {
	-webkit-font-smoothing: antialiased;
	color:#333;
}

.container {
	max-width: 1920px;
	margin: auto;
}

.footer {
	background-color: #fff;
	padding: 70px 0 80px;
	text-align: center;
}

.apply_popup {
	max-width:750px;
	width: 96%;
	display:none;
	text-align:center;
}

.apply_popup .title {
	font-family:'KOHIBaeum';
	color:#fff;
	font-size: 48px;
	letter-spacing: -1px;
	padding-top: 20px;
}

.board_write_form {
    width: 100%;
	padding: 25px 20px;
}

.board_write_form_table {
	position:relative;
	z-index: 5;
	border-collapse: separate;  
	border-radius: 20px;        
	overflow: hidden;           
	border: 2px solid #09003e;     
}

.board_write_form .form_field th {
    width: 220px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    background-color: #1f136a;
    padding: 20px;
    vertical-align: middle;
	border-right: 2px solid #09003e;   
	border-bottom:1px solid #4f4f4f;
	font-family:'Hakgyoansim Allimjang OTF R';
}

.board_write_form .vote th {
	line-height: 32px;
}

.board_write_form td.field {
	width: 500px;
    font-size: 24px;
    padding: 15px;
    text-align: left;
	border-bottom:1px solid #d9d9d9;
	background-color: #fff;
	vertical-align:middle;
	font-family:'Hakgyoansim Allimjang OTF R';
}

.board_write_form input[type='text'], 
.board_write_form input[type='tel'], 
.board_write_form select {
    height: 50px;
	font-size: 22px;
	font-family:'Hakgyoansim Allimjang OTF R';
	padding-left: 10px;
}

.board_write_form .file__ label {
   display: inline-block;
    padding: 5px 20px;
    margin-right: 10px;
    color: #fff;
    background: #5b0f99;
    border-radius: 10px;
    cursor: pointer;
	font-size: 23px;
 }

 .board_write_form input[type="file"] {
    display: none; 
}

.upload-name {
	font-size: 22px;
	white-space: normal;  
    word-break: break-all;
}

.hypen {
	display: inline-block;
	font-size: 22px;
	font-family:'Hakgyoansim Allimjang OTF R';
	margin: 0 3px;
}

.agree_wrap {
	position: relative;
	width: 100%;
    height: 300px;
    border-radius: 20px;        
    overflow: hidden;          
    border: 2px solid #09003e;  
	border-top: none;
	z-index: 5;
}

.agree_box {
    width: 100%;
    height: 100%;
    overflow-y: auto;           
    padding: 25px 30px;
    background: #fff;
    color: #000;
    font-size: 20px;
    text-align: left;
    letter-spacing: -1px;
    line-height: 100%;
    font-family: 'NotoSansKR-Regular';
}

.agree_box .h5 {
    font-size: 22px;
	margin-bottom: 15px;
	font-family:'NotoSansKR-Medium';
}

.agree_box .h6 {
	font-family:'NotoSansKR-Medium';
	margin-bottom: 5px;
}
 
.agree_radio {
    font-size: 22px;
	text-align: center;
	color: #fff;
	margin: 30px 0 25px;
	letter-spacing: 1px;
	font-family:'Hakgyoansim Allimjang OTF R';
}

.agree_radio span {
	padding-right: 5px;
}

.agree_radio label {
	cursor:pointer;
	margin-left: 5px;
}

.agree_radio input {
  width: 20px !important;
  height: 20px !important;
  margin-bottom: 4px;
  cursor:pointer;
}

.agree_radio input:checked {
  accent-color: #5b0f99 !important;
}

.board_write_form .buttons {
	display: flex;
	justify-content: space-between;
	margin: auto;
	max-width: 720px;
}

.board_write_form .buttons a {
	display: inline-block;
    font-size: 32px;
    width: 345px;
    height: 85px;
    line-height: 80px;
	background-color:#fff;
	color:#000;
	cursor:pointer;
	border-radius: 20px;                
	border: 2px solid #09003e;     
	font-family:'KOHIBaeum';
}

.board_write_form .buttons a.confirm {
    background-color: #5b0f99;
	color:#fff;
}

.w120 {
    width: 120px;
}

.w200 {
	width: 270px;
}

.w500 {
    width: 390px;
}

.right_wingbanner {
	position:fixed;
	top: 280px;
	height: 307px;
	left: 50%;
	margin-left: 450px;
	transition: all .3s ease-in-out;
	z-index: 99999;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.right_wingbanner .ani {
	position: absolute;
	left: calc(50% + 2px);
	transform: translateX(-50%);
	bottom: -44px;
	width: 84px;
	z-index: 999;
	animation: wingbanner_ani ease-in-out 2s infinite;
}

@keyframes wingbanner_ani {
	0% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    60% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    75% {
        opacity: 0;
        transform: translate(-50%, 10px);
    }
    80% {
        opacity: 0;
        transform: translate(-50%, -14px);
    }
    85% {
        opacity: 0.5;
        transform: translate(-50%, 8px);
    }
    95% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
	}
}

.section01 {
	position: relative;
	text-align: center;
	background-image:url('../img/section01_bg_new.jpg');
	background-position:center 0;
	height: 1350px;
	padding-top: 50px;
}

.section01 .title {
	margin: 60px 0 30px;
}

.section01 .main_obj01 {
	position: absolute;
	top: 444px;
    left: calc(50% - 480px);
    width: 994px;
	animation: main_obj01 .8s 1.1s ease-in-out both;
}

@keyframes main_obj01 {
	0% {
		opacity: 0;
		visibility:hidden;
		transform: scale(0.9);
    }

	70% {
		opacity: 1;
		visibility:visible;
		transform: scale(1.05);
	}
   
    100% {
		opacity: 1;
		visibility:visible;
		transform: scale(1);
    }
}

.section01 .main_obj02 {
	position: absolute;
    top: 845px;
    left: calc(50% - 138px);
    width: 320px;
    animation: main_obj02 .8s .7s ease-in-out both;
    z-index: 22;
}

@keyframes main_obj02 {
	0% {
        transform: translateY(35px);
		opacity: 0;
		visibility:hidden;
    }
   
    100% {
        transform: translateY(0);
		opacity: 1;
		visibility:visible;
    }
}

.section01 .main_obj03 {
	position: absolute;
    top: 770px;
    left: calc(50% - 310px);
    width: 646px;
	animation: main_obj03 .8s 1.5s ease-in-out both;
}

@keyframes main_obj03 {
	0% {
        transform: translateY(20px);
		opacity: 0;
		visibility:hidden;
    }
   
    100% {
        transform: translateY(0);
		opacity: 1;
		visibility:visible;
    }
}

.section01 .main_obj04 {
	position: absolute;
	top: -40px;
    right: -60px;
    width: 60px;
	animation: main_obj04 ease-in-out 1.2s 1.2s infinite;
}

@keyframes main_obj04 {
	0% {
		 transform: translateY(0);
	}
	50% {
		 transform: translateY(-15px);
	}
	100% {
		 transform: translateY(0);
	}
}

.section01 .main_obj05 {
	position: absolute;
	top: 165px;
    left: -62px;
    width: 60px;
	transform: translateY(-15px);
	animation: main_obj05 ease-in-out 1.2s 1.2s infinite;
}

@keyframes main_obj05 {
	0% {
		transform: translateY(-15px);
	}
	50% {
		 transform: translateY(0);
	}
	100% {
		 transform: translateY(-15px);
	}
}

.section02 {
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 80px 0 120px;
}

.section02 .item {
	margin-top: 5px;
	margin-left: 50px;
}

.section03 {
	position: relative;
	text-align: center;
	background-image:url('../img/section03_bg.png');
	background-position:center 0;
	height: 534px;
	padding-top: 70px;
}

.section03 .btn_area {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: auto;
	max-width: 680px;
}

.section03 .btn_area .btn a {
	display: block;
}

.section03 .btn_area .btn_ani {
	position: absolute;
	top: 100px;
    right: 15px;
    width: 104px;
	animation: btn_ani linear 1.2s infinite;
}

@keyframes btn_ani {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-6deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(6deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.section03 p {
	position: relative;
	font-family:'NotoSansKR-Regular';
	font-size: 17px;
	color: #1d1d1d;
	line-height: 175%;
	letter-spacing: -1px;
	text-align: left;
	margin: 50px auto 0;
	max-width: 600px;
}