@charset "UTF-8";
/* splash */
.splashCon { height: 100vh; background: #6e5bf2; overflow: hidden; position: relative; }

.splashCon > .txt { width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.splashCon > .txt img { width: 35.00vw; margin-bottom: 4.44vw; }

.splashCon > .txt p { font-size: 3.61vw; color: #fff; font-weight: 200; }

.authorityCon { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; }

.authorityCon .black_bg { display: block; }

.authorityCon .authority { width: 88.89vw; border-radius: 1.67vw; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }

.authority dl { padding: 4.17vw 5.56vw 13.19vw; background: #fff; }

.authority dl dt { padding: 5.56vw 0; font-size: 5.00vw; font-weight: bold; border-bottom: 0.14vw solid #eee; text-align: center; }

.authority dl dd { margin-top: 6.94vw; }

.authority dl dd ul li { margin-bottom: 6.25vw; font-size: 0; }

.authority dl dd ul li:last-of-type { margin-bottom: 0; }

.authority dl dd ul li img { width: 9.72vw; margin-right: 4.17vw; vertical-align: top; }

.authority dl dd ul li .txt { display: inline-block; width: calc(100% - 13.89vw); vertical-align: top; }

.authority dl dd ul li .txt span { display: block; margin-bottom: 1.39vw; font-size: 3.61vw; font-weight: bold; }

.authority dl dd ul li .txt p { font-size: 3.61vw; color: #666; line-height: 1.46; }

.authority .btn { display: block; height: 13.89vw; line-height: 13.89vw; font-size: 3.89vw; color: #fff; background: #6e5bf2; text-align: center; }

/* header */
.headerWrap { width: 100%; position: fixed; top: 0; left: 0; z-index: 30; }

.headerWrap .header { height: 14.17vw; line-height: 13.89vw; border-bottom: 0.28vw solid #ddd; background: #fff; text-align: center; }

.header h1 { display: inline-block; width: 21.67vw; margin-top: -1.53vw; vertical-align: middle; }

.header img { width: 100%; }

.header a { display: block; }

.header .searchBtn { width: 6.53vw; padding: 0.69vw; position: absolute; top: 50%; left: 4.86vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.header .notiBtn { width: 6.53vw; padding: 0.69vw; position: absolute; top: 50%; right: 4.86vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.header .notiBtn.on:after { content: ""; display: block; width: 1.25vw; height: 1.25vw; position: absolute; top: 0; right: -0.56vw; background: #6e5bf2; border-radius: 50%; }

.header .eggBtn { position: absolute; top: 50%; right: 5.56vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; }

.header .eggBtn img { width: 5.28vw; margin-right: 1.67vw; vertical-align: middle; }

.header .eggBtn span { font-size: 5vw; color: #6556ca; font-weight: bold; vertical-align: middle; }

/* sub header */
.subHeader h1 { width: 69.44vw; margin-top: 0; font-size: 4.44vw; color: #000; font-weight: bold; }

.subHeader .backBtn { width: 6.94vw; padding: 0.69vw; position: absolute; top: 50%; left: 4.86vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.subHeader .header_xBtn { width: 5.42vw; padding: 0.69vw; position: absolute; top: 50%; right: 4.86vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* 검색 헤더 */
.headerWrap.searchHearder { padding: 0 5.56vw; background-color: #fff; }

.headerWrap.searchHearder .header { border-bottom: 0.56vw solid #333; }

.headerWrap.searchHearder .header .searchInput { position: absolute; left: 50%; top: calc(50% - 0.28vw); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 69.44vw; height: 11.11vw; font-size: 3.61vw; color: #333; }

.headerWrap.searchHearder .header .searchInput::-webkit-input-placeholder { color: #999; }

.headerWrap.searchHearder .header .searchInput::-moz-placeholder { color: #999; }

.headerWrap.searchHearder .header .searchInput:-ms-input-placeholder { color: #999; }

.headerWrap.searchHearder .header .searchInput::-ms-input-placeholder { color: #999; }

.headerWrap.searchHearder .header .searchInput::placeholder { color: #999; }

/* footer */
.footer { padding: 8.33vw 5.56vw 28.47vw; background: #333; }

.footer dt { padding-bottom: 5.56vw; margin-bottom: 5.56vw; border-bottom: 0.28vw solid rgba(255, 255, 255, 0.1); font-size: 0; }

.footer dt a { display: inline-block; width: calc(50% - 1.39vw); height: 9.72vw; line-height: 9.17vw; margin-right: 2.78vw; font-size: 3.33vw; color: #fff; border: 0.28vw solid rgba(255, 255, 255, 0.2); border-radius: 4.86vw; text-align: center; }

.footer dt a:last-of-type { margin-right: 0; }

.footer dd ul { margin-bottom: 2.78vw; }

.footer dd ul li { display: inline-block; margin-right: 3.47vw; }

.footer dd ul li:last-of-type { margin-right: 0; }

.footer dd ul li a { font-size: 3.33vw; color: #fff; }

.footer dd p { font-size: 3.06vw; color: #666; line-height: 1.54; letter-spacing: -0.065em; }

.footer dd p span { display: inline-block; width: 0.28vw; height: 2.64vw; margin: 0 2.08vw; background: #4d4d4d; vertical-align: -0.14vw; }

/* bottomMenu */
.bottomMenu { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 60; background: #000; font-size: 0; }

.bottomMenu li { display: inline-block; width: 25%; height: 15.28vw; vertical-align: top; text-align: center; }

.bottomMenu li a { display: block; height: 100%; }

.bottomMenu li .icon { display: inline-block; width: 5.42vw; height: 5.00vw; margin-top: 2.78vw; background-position: center center; background-size: 5.42vw auto; background-repeat: no-repeat; }

.bottomMenu li p { margin-top: 2.08vw; font-size: 3.06vw; color: #666; }

.bottomMenu li.on p { color: #6e5bf2; }

.bottomMenu li:first-of-type .icon { background-image: url("../img/layout/bottomMenu01_off.png"); }

.bottomMenu li:nth-of-type(2) .icon { background-image: url("../img/layout/bottomMenu02_off.png"); }

.bottomMenu li:nth-of-type(3) .icon { background-image: url("../img/layout/bottomMenu03_off.png"); }

.bottomMenu li:last-of-type .icon { background-image: url("../img/layout/bottomMenu04_off.png"); }

.bottomMenu li.on:first-of-type .icon { background-image: url("../img/layout/bottomMenu01_on.png"); }

.bottomMenu li.on:nth-of-type(2) .icon { background-image: url("../img/layout/bottomMenu02_on.png"); }

.bottomMenu li.on:nth-of-type(3) .icon { background-image: url("../img/layout/bottomMenu03_on.png"); }

.bottomMenu li.on:last-of-type .icon { background-image: url("../img/layout/bottomMenu04_on.png"); }