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

.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; }
.bxsb { box-sizing: border-box; }
.borR310 { border-radius: 310px; }
.borR100 { border-radius: 100px; }
.borR30 { border-radius: 30px; }
.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; }
.border2 { border: 2px solid #bd498f !important; }
.border4 { border: 1px solid #8f46b8 !important; }
.border3 { border-bottom: 1px solid #c0c0c0 !important; }
.border10 { border: 10px solid #e6e6e6; }
.border10-2 { border: 10px solid #004098; }

.eng {/*  transform: skew(-0.03deg);  */font-family: 'Roboto', sans-serif; }
.fc-fff { color: #fff; }
.fc-ccc { color: #ccc; }
.fc-111 { color: #111; }
.fc-333 { color: #333; }
.fc-777 { color: #777; }
.fc-474747 { color: #474747; }
.fc-747474 { color: #747474; }
.fc-f4f7f8 { color: #f4f7f8; }
.fc-ece1f4 { color: #ece1f4; }
.fc-8f46b8 { color: #8f46b8; }
.fc-c878ef { color: #c878ef; }
.fc-000 { color: #000 !important; }

.bgc-000 { background: #000; }
.bgc-fff { background: #fff !important; }
.bgc-666 { background: #666 !important; }
.bgc-7f7f7f { background: #7f7f7f; }
.bgc-f4f7f8 { background: #f4f7f8; }
.bgc-ebfafa { background: #ebfafa; }
.bgc-c0c0c0 { background: #c0c0c0; }
.bgc-ece1f4 { background: #ece1f4; }
.bgc-8f46b8 { background: #8f46b8; }
.bgc-fbf6ff { background: #fbf6ff; }
.ff-nm { font-family: 'Nanum Myeongjo', serif; }
.ff-godo { font-family: 'Godo'; }
.ff-noto { font-family: 'Noto Sans KR' !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; }
.lh23 { line-height: 2.3 !important; }
.lt0 { letter-spacing: 0px; }
.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; }

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

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

.mgt0 { margin-top: 0 !important; }
.pdl605 { padding-left: 605px !important; }
.w1193 { width: 1093px !important; }

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

.scrollActive {}
.scrollActive .childActive { opacity: 0; transition: translateX .7s ease-in-out, translateY .7s ease-in-out, translate .7s ease-in-out, opacity .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.active .childActive { opacity: 1; transform: translate(0,0); }