::-webkit-scrollbar {
	background-color: transparent;
	width: 0px;
}
.agree_box::-webkit-scrollbar {
	background-color: #eee;
	width: 8px;
}
.agree_box::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
}

html {
	scroll-behavior: smooth;
}

body {
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

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

.floating {
	position: fixed;
	left: 50%;
	top: 280px;
	margin-left: 435px;
	z-index: 999;
	cursor: pointer;
}

.mfloating {
	display: none;
}


.bg_01 {
	background-image: url(../img/bg_01.jpg);
	height: 1335px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	z-index: 2;
	width: 1920px;
	overflow: hidden;
	/*width: 100vw;*/
	/*background-position-y: bottom;*/
	/*background-size: cover;*/
}

.logo {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
}

.titles {
	display: flex;
	flex-direction: column;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
}

.title_01 {
	position: relative;
	top: 50px;
}

.title_02 {
	position: relative;
	top: 65px;
}

.title_03 {
	position: relative;
	top: 80px;
}

.b01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -1003px;
	top: 313px;
	animation: section01_bird02_a ease-in-out 1.5s infinite;
}

.b02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -394px;
	animation: section01_bird02_a ease-in-out 1.5s infinite;
	top: 6px;
}

@keyframes section01_bird02_a {
	0% {
		transform: translateX(calc(-50% + 700px)) translateY(20px);
	}

	50% {
		transform: translateX(calc(-50% + 700px)) translateY(0);
	}

	100% {
		transform: translateX(calc(-50% + 700px)) translateY(20px);
	}
}

.c01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -520px;
	top: 187px;
}

.c02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 675px;
	top: 140px;
}



.obj {
	display: flex;
	flex-direction: row;

}

.obj01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 14;
	margin-left: -572px;
	top: 226px;
}

.obj02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 554px;
	z-index: 12;
	top: 237px;
	width: 811px;
}

.obj03 {
	position: absolute;
	z-index: 14;
	top: 425px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 702px;
	width: 517px;
}


.road {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 687px;
	z-index: 13;
	margin-left: 75px;
	width: 1205px;
}


.forest {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 306px;
	top: 652px;
	z-index: 12;
}

.puz01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -172px;
	z-index: 19;
	top: 844px;
}

.puz02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 108px;
	z-index: 22;
	top: 1073px;
}

.puz03 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 334px;
	z-index: 22;
	top: 846px;
}

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

.puz01 img {
	animation: flipY 2.6s infinite;
	animation-delay: 0.5s;
}

.puz02 img {
	animation: flipY 2.1s infinite;
	animation-delay: 1.2s;
}

.puz03 img {
	animation: flipY 3.2s infinite;
	animation-delay: 0.9s;
}

.puz01 img,
.puz02 img,
.puz03 img {
	opacity: 0;
	transform: scale(0.95);
	transition: opacity 0.7s cubic-bezier(.55,.06,.68,.19), transform 0.7s cubic-bezier(.55,.06,.68,.19);
}

.puz01 img.visible,
.puz02 img.visible,
.puz03 img.visible {
	opacity: 1;
	transform: scale(1);
}




.p01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -268px;
	z-index: 11;
	top: 971px;
}

.p02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 379px;
	z-index: 15;
	top: 965px;
}

.p01 img,
.p02 img {
	opacity: 0;
	transition: opacity 0.3s;
}

.loop-zoom-in-up {
	opacity: 1 !important;
	animation: zoomInUpLoop 1.7s cubic-bezier(.2,.8,.2,1) infinite;
}

@keyframes zoomInUpLoop {
	0% {
		opacity: 0;
		transform: scale(0.8) translateY(80px);
	}
	30% {
		opacity: 0.7;
		transform: scale(1.05) translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}


.main_byuri {
	position: relative;
	left: 50%;
	top: 312px;
	margin-left: -189px;
	z-index: 20;
	width: 607px;
	height: 310px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
	transform-origin: left top;
}

.main_byuri.active {
	opacity: 1;
	pointer-events: auto;
	animation: byuri-smooth-s 0.9s linear forwards;
}



@keyframes byuri-smooth-s {
	0%   { transform: scale(0.12) translateX(200px); opacity: 1;translateY(-50px) }
	25%  { transform: scale(0.35) translateX(220px)translateY(-50px) ; }
	50%  { transform: scale(0.6)  translateX(300px) translateY(-50px); }
	75%  { transform: scale(0.8)  translateX(450px) translateY(-50px);}
	100% { transform: scale(1)    translateX(-10px)   translateY(0px); opacity: 1;}
}
.byuri_01 img {
	width: 310px;
	height: auto;
	position: absolute;
	left: 156px;
	top: -106px;
	margin: 0;
}

.byuri_ok img {
	width: 165px;
	height: auto;
	position: absolute;
	left: 297px;
	top: 10px;
	margin: 0;
	animation: byuriDiagonalDoubleUp 1.3s ease-in-out infinite;
}
@keyframes byuriDiagonalDoubleUp {
	0% {
		transform: translate(0, 0);
	}
	15% {
		transform: translate(10px, -7px);
	}
	30% {
		transform: translate(0, 0);
	}
	45% {
		transform: translate(10px, -7px);
	}
	60% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
.car01 img {
	width: 532px; height: auto;
	position: absolute; left: 0; top: 150px; margin: 0;
}










.bg_02 {
	background-image: url(../img/bg_02.png);
	height: 2230px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	/*z-index: 2;*/
	background: linear-gradient(to bottom, #fff 0%, #EAF8FF 100%);

}

.youtube-center {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* padding: 20px 0; */
	margin-top: 60px;
}

.youtube-center iframe {
	width: 100%;
	max-width: 700px;
	aspect-ratio: 16/9;
	border: none;
	border-radius: 15px;
	outline: none;
	background: transparent;
	display: block;
}

@media (max-width: 600px) {
	.youtube-center iframe {
		max-width: 320px;
	}
}


.con01 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 65px;
}

.con02 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 120px;
}

.bg_03 {
	background-image: url(https://onlinepage.co.kr/gyeongnam_road/css/../img/game_bg.png);
	height: 1012px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	/* z-index: 2; */
	width: 100vw;
	background-position-y: bottom;
	background-size: cover;
	border-top: 2px solid #000;
}


.game_title {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -90px;
}






.game_pan {
	position: relative;
	display: inline-block;
	top: -50px;
}
.drop-zone {
	position: absolute;
	width: 80px; height: 80px;
	top: 50px; left: 60px;
	/*border: 3px solid red;*/
}
.drop-zone[data-index="1"] {
	left: 165px;
	top: 86px;
}
.drop-zone[data-index="2"] {
	top: 143px;
	left: 243px;
}
.drop-zone[data-index="3"] {
	top: 142px;
	left: 322px;
}

.game_puz01.puzzle {
	position: absolute;
	left: 997px;
	top: -124px;
}

.game_puz02.puzzle {
	margin-right: 21px;
	position: absolute;
	left: 822px;
	top: -63px;
}

.game_puz03.puzzle {
	position: absolute;
	left: 693px;
	top: -142px;
}


.game_puz01.puzzle,
.game_puz02.puzzle,
.game_puz03.puzzle {
	/*width: 100%; !* 기본 100% *!*/
	/*transition: width 0.3s;*/
}

.puzzle {
	display: inline-block;
	margin: 10px;
	cursor: grab;
}

.puzzle img {
	height: auto;
}

.shake {
	animation: shake 0.5s;
}
@keyframes shake {
	0% { transform: translateX(0); }
	20% { transform: translateX(-5px);}
	40% { transform: translateX(5px);}
	60% { transform: translateX(-5px);}
	80% { transform: translateX(5px);}
	100% { transform: translateX(0);}
}
.puz_shadow {
	position: relative;
	left: 102px;
	top: -10px;
}
.puzzle-list {
	/* display: flex
; */
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	top: -89px;
	margin-left: -824px;
	left: 50%;
}
.game_byuri img {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -355px;
	top: 650px;
}


.boong {
	position: absolute;
	margin-left: 729px;
	bottom: 82px;
	animation: gas01 ease-in-out .95s infinite;
	left: 50%;
	display: none;
}

@keyframes gas01 {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



#clearCar {
	position: absolute;
	display: none;
	width: 138px !important;
	transition: left 2.1s linear;
	z-index: 10;
}
#clearCar.animate {
	left: 500px;
}


#clearCar {
	display: none;
	position: absolute;
	width: 120px;
	z-index: 10;
	pointer-events: none;
	transition: none;
	bottom: auto;
}
#clearCar.animate {
	animation: carMove 6.1s cubic-bezier(.5,0,.4,1.1) forwards;
}
@keyframes carMove {
	0%   { top: 60px; left: -20px; }
	10%  { top: 45px; left: 38px; }
	20%  { top: 70px; left: 73px; }
	30%  { top: 50px; left: 135px; }
	40%  { top: 82px; left: 181px; }
	50%  { top: 71px; left: 216px;}
	60%  { top: 110px; left: 280px; }
	70%  { top: 136px; left: 342px; }
	80%  { top: 180px; left: 397px; }
	90%  { top: 94px; left: 497px; }
	95%  { top: 41px; left: 539px; }
	100% { top: 24px; left: 567px; }
}










.bg_04 {
	background-color: #b6efff;
	height: 1535px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	/*z-index: 2;*/
}

.bg_05 {
	background-color: #b6efff;
	height: 1500px;
	position: relative;
	margin: auto;
	background-position: top;
	background-repeat: no-repeat;
	align-items: center;
	text-align: center;
	max-width: 100%;
	/*z-index: 2;*/
}

.con03 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 100px;
}

.con04 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 180px;
}

.sns_box {
	position: absolute;
	z-index: 6;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
	width: 714px;
}

.sns_con {
	position: absolute;
	top: 93px;
	z-index: 8;
	left: 50%;
	transform: translateX(-50%);
	width: 646px;
}


.notice {
	color: #fff;
	font-family: 'Noto Sans CJK KR', sans-serif;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	font-size: 17px;
	margin-top: 375px;
}

.notice_con {
	padding: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 800px;
	padding-top: 150px
}

.notice_con > * {
	text-align: left;
	width: 100%;
}

.sns_background {
	background-image: url(../img/sns_background.png);
	height: 482px;
	border-top: 2px solid #000;
	width: 100vw;
	background-position-y: bottom;
	background-size: cover;
}

.footer_con {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	padding: 50px;
    padding-top: 60px;
	border-top: 2px solid #000;
}

.pop_byuri {
	display: flex;
	justify-content: center;
	z-index: 99999;
	position: relative;
	top: 22px;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.3s, transform 0.3s;
	/*height: 300px;*/
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(130px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pop_byuri.show {
	animation: fadeUp 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.275) forwards;
}



.apply_popup {
max-width:720px;
width: 96%;
display:none;
text-align:center;
left: 50% !important;
transform: translateX(-50%) !important;
padding-top: 80px;
}

.apply_popup .title {
background-color: #ffffff;
padding: 20px 0;
color: #fff;
font-size: 50px;
font-family:'NotoSansKR-Regular';
}

.board_write_form {
width: 100%;
padding: 0 50px 30px 50px !important;
background-color: #fff;
}

.board_write_form_table {
position:relative;
z-index: 5;
border: 1px solid #cecece;
border-right: none;
}

.id_notice {
font-size: 15px;
margin-top: 10px;
}

.board_write_form .form_field {
font-size: 15px;
}

.board_write_form .form_field th {
width: 250px;
font-size: 20px;
color: #fff;
text-align: center;
background-color: #2d2d2d;
padding: 15px 20px;
vertical-align: middle;
border-bottom:1px solid #575757;
font-family:'NotoSansKR-Medium';
}

input::placeholder {
font-size: 15px;
font-family:'NotoSansKR-Medium';
}

.board_write_form td.field {
width: 500px;
font-size: 21px;
padding: 15px;
text-align: left;
border-bottom:1px solid #cecece;
background-color: #fff;
vertical-align:middle;
}

.board_write_form td.field.answer span {
margin-right: 15px;
}

.board_write_form .buttons {
display:flex;
text-align: center;
justify-content: space-between;
	gap: 12px;
	cursor: pointer;
}

/*.board_write_form .buttons a {*/
/*display: inline-block;*/
/*flex-basis: calc(50% - 5px);*/
/*font-size: 30px;*/
/*height: 80px;*/
/*line-height: 75px;*/
/*background-color:#fff;*/
/*color:#000;*/
/*cursor:pointer;*/
/*border: 2px solid #171b27;*/
/*font-family:'NotoSansKR-Bold';*/
/*letter-spacing: -1px;*/
/*}*/

.board_write_form .buttons a.confirm {

}

.board_write_form .form-group:nth-of-type(2) {
margin: 5px 0;
}

.w120 {
width: 120px;
}

.w200 {
width: 395px;
}

.w500 {
width: 400px;
}

.board_write_form input[type='text'],
.board_write_form input[type='tel'],
.board_write_form select {
height: 45px;
font-size: 20px;
font-family:'NotoSansKR-Medium';
}

.answer {
font-family:'NotoSansKR-Medium';
}

.agree_radio input, .answer input {
width: 20px !important;
height: 20px !important;
margin-bottom: 5px;
}

.answer input {
margin-right: 5px;
}

.agree_radio input:checked, .answer input:checked {
accent-color: #004ea2 !important;
}


.apply-form {
/* max-width:1100px;
margin: auto; */
	padding: 80px 0;
}

.apply-form form {
	max-width:720px;
	margin: auto;
}

.agree_box {
	width: 100%;
	overflow-y: auto;
	border: 2px solid #cecece;
	padding: 20px;
	box-sizing: border-box;
	height: 210px;
	background: #f1f1f1;
	color: #333;
	font-size: 18px;
	text-align: left;
	font-family:'NotoSansKR-Regular';
	margin-top: 30px;
}

.agree_box .h5 {
	display: inline-block;
	font-size: 21px;
	margin-bottom: 10px;
	font-family:'NotoSansKR-Medium';
}

.agree_box .h6 {
	font-family:'NotoSansKR-Medium';
}

.agree_radio {
	font-size: 21px;
	text-align: center;
	color: #000;
	margin: 20px 0 25px;
	font-family:'NotoSansKR-Medium';
}

.agree_radio .block {
	display: block;
	margin-bottom: 10px;
}

.agree_radio label, .answer label {
	cursor:pointer;
}




/* 모바일 */
@media screen and (max-width: 768px) {
	.pop_byuri.show {
		animation: none !important;
		opacity: 1;
		transform: translateY(0) !important;
	}
	.bottom_banner {
		position: fixed;
		left: 50%;
		bottom: 0;
		z-index: 99999;
		transform: translateX(-50%);
		width: 750px;
	}

	.bottom_banner .ani {
		position: absolute;
		left: 302px;
		bottom: 109px;
		width: 84px;
		animation: wingbanner_ani ease-in-out 2.2s infinite;
	}
	.bg_03 {
		width: auto !important;
	}
	.notice {
		font-size: 18px;
	}
	.agree_radio {
		font-size: 21px !important;
	}
	.footer_con {
		padding-bottom: 265px;
	}
	.agree_box .h5 {
		font-size: 24px;
	}
	.agree_box {
		font-size: 22px !important;
	}
	.forest {
		display: none;
	}
	.bg_02 iframe {
		/*max-width: 320px;*/
	}

	.game_puz01.puzzle {
		/*left: 411px;*/
		/*top: -74px;*/
	}

	.game_puz02.puzzle {
		/*left: 236px;*/
		/*top: -13px;*/
	}

	.game_puz03.puzzle {
		/*left: 107px;*/
		/*top: -92px;*/
	}

	/*.sns_box {*/
	/*	width: 714px;*/
	/*}*/
	.notice {
		font-size: clamp(14px, 2vw, 18px);
		width: 100%;
		margin-top: 380px;
		padding: 27px;
	}
	.container {
		display: none;
	}
	.sns_background {
		width: auto;
	}
}

@media (min-width: 768px) and (max-width: 1300px) {
	.bg_03 {
		width: auto !important;
	}
	.sns_background {
		width: auto;
		height: 565px;
	}
	.sns_box {
		width: 714px;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 140px;
	}
	.notice {
		margin-top: 305px;
		width: 581px;
		font-size: clamp(14px, 2vw, 18px);
		left: 50%;
		transform: translateX(-50%);
		margin-left: 120px;
	}
}

.right_wingbanner {
	position: fixed;
	top: 163px;
	left: 50%;
	margin-left: 380px;
	transition: all .3s ease-in-out;
	z-index: 99999;
	text-align: center;
}

@media screen and (max-width: 1440px) {
	.right_wingbanner {
		margin-left: 430px;
	}
}


.right_wingbanner .top .ani {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -12px;
	animation: wingbanner_ani ease-in-out 2.2s infinite;
	z-index: 9;
}

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


.right_wingbanner .top {
	position: relative;
	/* height: 196px; */
	cursor: pointer;
	overflow: hidden;
	/* border-bottom-left-radius: 86px; */
	/* border-bottom-right-radius: 88px; */
	/* box-shadow: rgba(27, 27, 27, 0.15) 0px 8px 0px 0px; */
	z-index: 2;
}

.right_wingbanner .bt {
	position: relative;
	margin-top: -26px;
	z-index: 10;
	cursor: pointer;
}


.container {
	width: 173px;
	height: 250px; /* 겹침 영역 고려해서 충분히 크게 */
	position: relative;
	margin: 40px;
}
.circle {
	width: 173px;
	height: 173px;
	background: rgb(19 19 19 / 18%);
	border-radius: 50%;
	position: relative;
	left: 0;
	z-index: -2 !important;
}
.circle.top {
	top: -350px;
	left: 3px;
}
.circle.bottom {
	top: -380px;
	left: 6px;
}




/* style css */
body, html {
	overflow-x:hidden;
	min-width:1280px
}

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

::selection {
   background: #96E4FF;
   color: #000
}

::-moz-selection {
   background: #96E4FF;
   color: #fff
}


::-webkit-selection {
    background: #96E4FF;
   color: #fff
}


body, html {
	
}

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

.row {
	padding: 0 20px;
	margin: auto
}

/* ��� */
.header {
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align:center;
	z-index: 999999;
	transition:all 300ms ease-in-out;
	min-width:1280px;
	background-color:#fff;
	height: 100px;
}

.header .row {
	position:relative;
	display:flex;
	align-items:center;
	justify-content: space-between;
	height: 100%;
}

.header .nav {
	display:flex;
	/*position:absolute;
	left: 50%;
	transform:translate(-50%, 0);*/
}

.header .right_box {
	display:flex;
	align-items:center;
	height: 100%;
}

.header .nav li {
	width: 120px;
	text-align:center;
	height: 100%;
	line-height:100px;
}

.header .nav li a {
	font-family:'NotoSansKR-Bold';
	letter-spacing:-1px;
}

.header .nav li.on a,
.header .nav li a:hover {
	color:#96E4FF;
}

.header .drop_menu {
	display:none; 
	position:absolute;
	background-color:#96E4FF;
	width: 100%;
	top: 100px;
	left: 0;
	padding: 30px 0;
	height: 315px;
}

.header .drop_menu .drop {
	position:absolute;
	z-index: 998;
	left: 50%;
	transform:translate(-50%, 0);
	font-size:15px;
	display: flex;
}

.header .drop_menu .drop > li {
	width: 120px;
	text-align:center;
}

.header .drop_menu .drop > li a {
	color:#fff;
}

.header .drop_menu .drop > li a:hover {
	font-weight: bold;
}

.header .drop_menu .sub_menu > li {
	margin-bottom: 15px;
	letter-spacing:-1px
}

.footer {
	padding: 60px 0;
	text-align:center;
	background-color:#11243a;
}

.video-container {
    position: relative;
    padding-bottom: 53.5%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media(min-width:992px) {
	.pc {
		display:block !important
	}

	.mobile {
		display:none !important
	}
}

@media(max-width:991px) {

	.pc {
		display:none !important
	}

	.mobile {
		display:block !important
	}

	

}

@media(max-width:575px) {

	


}