@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration:none !important; color: #000; }
img { vertical-align: top; }
body { background: rgb(255, 255, 255); font: 0.75em/1.5 "Noto Sans KR", "Malgun Gothic", dotum, sans-serif; color: #000; font-size-adjust: none; font-stretch: normal; font-weight: 400; /* overflow: hidden;  */}
br { font-family: "Malgun Gothic", dotum, sans-serif; }
input[type=checkbox]{}
input[type=text]{}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333 !important; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #333 !important; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #333 !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333 !important; }
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder { color: #333 !important; }

input, select, label { font-family: "Noto Sans KR" !important; }

.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; }

.overflow-hidden { overflow: hidden; }
.uppercase { text-transform: uppercase; }
.rotate180 { transform: rotate(180deg); }
.cursor { cursor: pointer; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.ellipsis-line2 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line3 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-line4 { line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.img-center { position: relative; left: 50%; margin-left: -960px; width: 1920px; }
.img-center img { max-width: 100%; }
.flex { display: flex !important; }
.flex-center { justify-content: center; align-items: center; }
.flex-wrap { flex-wrap: wrap; }
.flex-ac { align-items: center; }
.flex-as { align-items: flex-start !important; }
.flex-ae { align-items: flex-end; }
.flex-js { justify-content: flex-start; }
.flex-je { justify-content: flex-end; }
.flex-jc { justify-content: center; }
.flex-jsb { justify-content: space-between; }
.flex-col { flex-direction: column; }
.flex-auto { flex: 0 0 auto; }
.none { display: none !important; }
.overflow { overflow: hidden; }
.bxsb { box-sizing: border-box; }
.borR100 { border-radius: 100px; }
.borR50 { border-radius: 50px; }
.borR25 { border-radius: 25px; }
.borR12 { border-radius: 12px; }
.borR10 { border-radius: 10px; }
.borR5 { border-radius: 5px; }
.borR2 { border-radius: 2px; }
.borR0 { border-radius: 0px !important; }
.border0 { border: 0; }
.border { border: 1px solid #000; }
.border1_1 { border: 1px solid #c0c0c0; }
.border1 { border: 1px solid #fff; }
.border2 { border: 2px solid #bd498f !important; }
.border3 { border: 3px solid #003da5 !important; }
.border4 { border: 1px solid #003da5 !important; }
.border5 { border: 1px solid #282828 !important; }
.border10 { border: 10px solid #e6e6e6; }
.border10-2 { border: 10px solid #004098; }

.eng { transform: skew(-0.03deg); }
.fc-fff { color: #fff; }
.fc-ccc { color: #ccc; }
.fc-111 { color: #111; }
.fc-333 { color: #333; }
.fc-777 { color: #777; }
.fc-999 { color: #999; }
.fc-000 { color: #000 !important; }
.fc-003da5 { color: #003da5 !important; }
.fc-013ca6 { color: #013ca6 !important; }
.fc-191919 { color: #191919 !important; }
.fc-282828 { color: #282828 !important; }
.fc-fefcf2 { color: #fefcf2 !important; }
.fc-2d1f02 { color: #2d1f02 !important; }
.fc-1047ab { color: #1047ab !important; }
.fc-ff0000 { color: #ff0000 !important; }
.fc-9c9c9c { color: #9c9c9c !important; }
.fc-016533 { color: #016533 !important; }
.fc-fdeb03 { color: #fdeb03 !important; }
.fc-003da5 { color: #003da5 !important; }
.fc-054c48 { color: #054c48 !important; }

.bgc-000 { background: #000; }
.bgc-fff { background: #fff !important; }
.bgc-e62118 { background: #e62118 !important; }
.bgc-d7d7d7 { background: #d7d7d7 !important; }
.bgc-fefcf2 { background: #fefcf2 !important; }
.bgc-003da5 { background: #003da5 !important; }
.bgc-1047ab { background: #1047ab !important; }
.bgc-013ca6 { background: #013ca6 !important; }
.bgc-f3f8fe { background: #f3f8fe !important; }
.bgc-d9e1eb { background: #d9e1eb !important; }
.bgc-ffe8e8 { background: #ffe8e8 !important; }
.bgc-f2f2f2 { background: #f2f2f2 !important; }
.bgc-bababa { background: #bababa !important; }
.bgc-fff-08 { background: rgba(255,255,255,0.8) !important; }

.ff-nm { font-family: 'Nanum Myeongjo', serif; }
.ff-godo { font-family: 'Godo'; }
.ff-noto { font-family: 'Noto Sans KR' !important; }
.ff-gmarket { font-family: 'GmarketSans' !important; }
.fw100 { font-weight: 100 !important; } /* thin */
.fw300 { font-weight: 300 !important; } /* light */
.fw400 { font-weight: 400 !important; } /* legular */
.fw500 { font-weight: 500 !important; } /* medium */
.fw700 { font-weight: 700 !important; } /* bold */
.fw900 { font-weight: 900 !important; } /* black */
.lh10 { line-height: 1 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2.0 !important; }
.lh24 { line-height: 2.4 !important; }
.lh25 { line-height: 2.5 !important; }
.lt0 { letter-spacing: 0px; }
.lt300m { letter-spacing: -3px; }
.lt250m { letter-spacing: -2.5px; }
.lt200m { letter-spacing: -2.0px; }
.lt100m { letter-spacing: -1px; }
.lt075m { letter-spacing: -0.75px; }
.lt050m { letter-spacing: -0.5px; }
.lt030m { letter-spacing: -0.3px; }
.lt025m { letter-spacing: -0.25px; }

.keepAll { word-break: keep-all; }

.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }

.wAuto { width: auto !important; }
.wp100 { width: 100% !important; }
.wp50 { width: 50% !important; }
.wp33 { width: 33.3333% !important; }
.wp25 { width: 25% !important; }
.w0 { width: 0 !important; }
.hAuto { height: auto !important; }
.hp100 { height: 100% !important; }
.h0 { height: 0 !important; }
.w1470 { width: 1470px !important; }

.posR { position: relative; }
.posA { position: absolute; }
.posF { position: fixed; }
.topAuto { top: auto !important; }
.bottomAuto { bottom: auto !important; }
.leftAuto { left: auto !important; }
.rightAuto { right: auto !important; }
.top0 { top: 0 !important; }
.bottom0 { bottom: 0 !important; }
.left0 { left: 0 !important; }
.right0 { right: 0 !important; }
.mgAuto { margin-left: auto !important; margin-right: auto !important; }

.after { position: relative; }
.after::after { content: ''; position: absolute; }

.mgt0 { margin-top: 0 !important; }

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


.scrollActive {}
.scrollActive .childActive { opacity: 0; transition: all .7s ease-in-out; }
.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.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); }