@charset "utf-8";
* { padding: 0; margin: 0; list-style: none; }
body { font-family: 'GmarketSans'; }
/* img { display: inline-block; vertical-align: top; max-width: 100%; } */
/* input { -webkit-appearance: none; -webkit-border-radius: 0; } */
input, select, label, pre, textarea, input[type=text]::placeholder, textarea::placeholder { font-family: "GmarketSans" !important; }
.blur {	filter: blur(6px); -webkit-filter: blur(6px); -moz-filter: blur(6px); -o-filter: blur(6px); margin-top: -60px; }
.none { display: none !important; }
.body-layer { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); display: none; z-index: 98; }
.youtube_frame { width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.youtube_frame iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#fboardlist { position: relative; }
.fix_btn,
.btn_submit,
#bo_cate #bo_cate_on:after { background: #004098 !important; }
#bo_vc h2 span,
#bo_cate #bo_cate_on { color: #004098 !important; }
.bo_v_cate { background: #004098 !important; color: #fff !important; }
.filebox .btn_file { color: #004098 !important; border: 1px solid #004098 !important; }
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; -webkit-tap-highlight-color : transparent; }

.blend-luminosity { mix-blend-mode: luminosity; }

.keepAll { word-break: keep-all; }
.uppercase { text-transform: uppercase; }
.overflow-hidden { overflow: hidden; }

.fc-fff { color: #fff !important; }
.fc-ccc { color: #ccc !important; }
.fc-111 { color: #111 !important; }
.fc-333 { color: #333 !important; }
.fc-777 { color: #777 !important; }
.fc-000 { color: #000 !important; }
.fc-000 { color: #000 !important; }
.fc-282828 { color: #282828 !important; }
.fc-b251fb { color: #b251fb !important; }
.fc-f9f9f9 { color: #f9f9f9 !important; }
.fc-ab4df1 { color: #ab4df1 !important; }
.fc-9e9e9e { color: #9e9e9e !important; }

.bgc-000 { background: #000 !important; }
.bgc-fff { background: #fff !important; }
.bgc-b251fb { background: #b251fb !important; }
.bgc-3a3a3a { background: #3a3a3a !important; }

.btn_submit { background: #004098 !important; }
#login_password_lost { color: #004098 !important; }

@keyframes zoom{
	0% {transform:scale(1.3);}
	100% {transform:scale(1);}
}
@keyframes fadeIn{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes fadeIn02{
	0% { opacity: 0;}
	100% { opacity: 0.4;}
}
@keyframes fadeUp{
	0% {transform:translateY(200px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}
@keyframes fadeUp02{
	0% {transform:translateY(100px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}
@keyframes fadeUp03{
	0% {transform:translateY(50px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}
@keyframes fadeDown{
	0% {transform:translateY(-200px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}
@keyframes fadeLeft{
	0% {transform:translateX(-200px); opacity: 0;}
	100% {transform:translateX(0); opacity: 1;}
}
@keyframes upDown{
	0% {transform:translateY(-20px); opacity: 0;}
	100% {transform:translateY(10px); opacity: 1;}
}

.scrollActive {}
.scrollActive .childActive {
	opacity: 0;
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(.21,.46,.43,.87);
}
.scrollActive.active .childActive.stay { opacity: 0; }

.scrollActive .childActive.right,
.scrollActive.active .childActive.right.stay { transform: translateX(100px); }

.scrollActive .childActive.left,
.scrollActive.active .childActive.left.stay { transform: translateX(-100px); }

.scrollActive .childActive.top,
.scrollActive.active .childActive.top.stay { transform: translateY(-100px); }

.scrollActive .childActive.bottom,
.scrollActive.active .childActive.bottom.stay { transform: translateY(100px); }

.scrollActive .childActive.bottom02,
.scrollActive.active .childActive.bottom02.stay { transform: translateY(50px); }

.scrollActive .childActive.bottom03,
.scrollActive.active .childActive.bottom03.stay { transform: translateY(200px); }

.scrollActive .childActive.leftTop,
.scrollActive.active .childActive.leftTop.stay { transform: translate(-102px,86px); }

.scrollActive .childActive.leftBottom,
.scrollActive.active .childActive.leftBottom.stay { transform: translate(-109px,-65px); }

.scrollActive .childActive.rightBottom,
.scrollActive.active .childActive.rightBottom.stay { transform: translate(106px,-79px); }

.scrollActive .childActive.rightTop,
.scrollActive.active .childActive.rightTop.stay { transform: translate(106px,79px); }

.scrollActive .childActive.flip { transform: perspective(500px) rotateX(-90deg); transition: transform 0.7s ease; }
.scrollActive.active .childActive.flip { transform: perspective(500px) rotateX(0); backface-visibility: hidden; transition-property: transform; }

.scrollActive .childActive.stamp {  transform: scale(3); transition: all 0.5s cubic-bezier(0.310, 0.950, 0.375, 1.055); }
.scrollActive.active .childActive.stamp { transform: scale(1); }

.scrollActive.active .childActive { opacity: 1; transform: translate(0,0); }