#splashWrap { width: 100%; height: 100%; float: left; display: table; table-layout: fixed; }
#splashWrap > div { display: table-cell; vertical-align: middle; text-align: center; padding: 0 25%; }

#accountWrap { width: 100%; float: left; padding: 50px 40px; }

#accountWrap > .typeTitleWrap { width: 100%; float: left; text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 50px; }

#accountWrap > .tabListWrap { width: 100%; float: left; margin-bottom: 40px; }
#accountWrap > .tabListWrap > li { width: 50%; float: left; }
#accountWrap > .tabListWrap > li > a { width: 100%; height: 55px; line-height: 50px; float: left; text-align: center; font-weight: 400; font-size: 21px; }
#accountWrap > .tabListWrap > li.active > a { border-bottom: 4px solid #311EC7; font-weight: 500; }

#accountWrap > .frmWrap { width: 100%; float: left; margin-bottom: 20px; }
#accountWrap > .frmWrap > .frmItem { width: 100%; float: left; padding-top: 20px; }
#accountWrap > .frmWrap > .frmItem.border { border-bottom: 1px solid #D5D5D5; padding-bottom: 20px; }
#accountWrap > .frmWrap > .frmItem > .label { width: 100%; float: left; font-size: 16px; font-weight: 500; margin-bottom: 15px; }
#accountWrap > .frmWrap > .frmItem > .subLabel { width: 100%; float: left; font-size: 14px; font-weight: 400; margin-bottom: 10px; }
#accountWrap > .frmWrap > .frmItem > .inputLabel { width: 35px; height: 45px; line-height: 45px; float: left; font-size: 14px; font-weight: 400; }
#accountWrap > .frmWrap > .frmItem > .inputLabel + .txtBox { width: calc(100% - 35px); }
#accountWrap > .frmWrap > .frmItem > .txtBox { width: 100%; height: 45px; float: left; border-radius: 5px; border: 1px solid #B8B8B8; font-size: 14px; padding: 0 10px; margin-bottom: 10px; }
#accountWrap > .frmWrap > .frmItem > a { width: 100%; height: 20px; line-height: 20px; float: left; font-size: 14px; margin-bottom: 10px; }
#accountWrap > .frmWrap > .frmItem > a > .icon { display: inline-block; float: right; font-size: 28px; }
#accountWrap > .frmWrap > .frmItem > button { height: 45px; float: left; color: #FFF; background-color: #311EC7; border-radius: 5px; text-align: center; font-size: 15px; padding: 0 15px; margin-bottom: 10px; }
#accountWrap > .frmWrap > .frmItem > .notice { width: calc(100% - 80px); height: 45px; line-height: 45px; float: left; text-align: center; color: #321EC7; font-size: 13px; font-weight: 500; }
#accountWrap > .frmWrap > .frmItem > .notice > img { vertical-align: middle; margin-right: 5px; }
#accountWrap > .frmWrap > .frmItem > .notice + button { width: 80px; }
#accountWrap > .frmWrap > .frmItem > .notice.result { width: 100%; height: 20px; line-height: inherit; }
#accountWrap > .frmWrap > .frmItem > .checkList { width: 100%; float: left; }
#accountWrap > .frmWrap > .frmItem > .checkList > div { width: 33.33%; float: left; }
#accountWrap > .frmWrap > .frmItem > .checkList > div > input { width: 20px; height: 20px; float: left; left: 50%; margin-left: -10px; border: 1px solid #B8B8B8; background: none; background-color: #FFF; padding: 2px; -webkit-appearance: none; border-radius: 5px; }
#accountWrap > .frmWrap > .frmItem > .checkList > div > label { width: 100%; float: left; padding-top: 10px; color: #6C6C6C; font-size: 14px; text-align: center; }
#accountWrap > .frmWrap > .frmItem > .checkList > div > input:checked::after { content: ""; width: 100%; height: 100%; float: left; border-radius: 3px; background-color: #311EC7; }
#accountWrap > .frmWrap > .frmItem > .checkList > div > input:checked + label { color: #424242; }
#accountWrap > .frmWrap > .frmItem > *:last-child { margin-bottom: 0; }

#accountWrap > .frmWrap > .frmResultItem { text-align: center; }
#accountWrap > .frmWrap > .frmResultItem > span { font-size: 14px; }
#accountWrap > .frmWrap > .frmResultItem.sizeBig { margin-bottom: 40px; }
#accountWrap > .frmWrap > .frmResultItem.sizeBig > span { font-size: 16px; font-weight: 500; }

#accountWrap > .btnWrap { width: 100%; float: left; }
#accountWrap > .btnWrap > button { width: 100%; height: 45px; float: left; color: #FFF; background-color: #311EC7; border-radius: 5px; text-align: center; font-size: 15px; }

#accountWrap > .noticeWrap { width: 100%; height: 50px; line-height: 50px; float: left; text-align: center; color: #321EC7; font-size: 13px; font-weight: 500; }
#accountWrap > .noticeWrap > img { vertical-align: middle; margin-right: 10px; }

#accountWrap > .linkWrap { width: 100%; float: left; padding-top: 20px; border-top: 1px solid #E6E6E6; }
#accountWrap > .linkWrap > li { width: 50%; height: 15px; line-height: 15px; float: left; border-right: 1px solid #636363; text-align: center; }
#accountWrap > .linkWrap > li > a { width: 100%; text-align: center; font-size: 13px; }
#accountWrap > .linkWrap > li:first-of-type > a { text-align: left; }
#accountWrap > .linkWrap > li:last-of-type { border-right: 0; }
#accountWrap > .linkWrap > li:last-of-type > a { text-align: right; }

#accountWrap > .linkBigWrap { width: 100%; float: left; padding-top: 20px; text-align: center; }
#accountWrap > .linkBigWrap > a { font-size: 16px; color: #636363; }

#accountWrap.welcome { height: 100%; float: left; display: table; table-layout: fixed; padding: 0; }
#accountWrap.welcome > div { display: table-cell; vertical-align: middle; text-align: center; }

#accountWrap.welcome img { max-width: 40%; margin-bottom: 30px; }
#accountWrap.welcome .name { font-size: 24px; font-weight: 900; color: #321EC7; margin-bottom: 10px; }
#accountWrap.welcome .word { font-size: 15px; line-height: 24px; font-weight: 500; }

#mainMenuListWrap { width: 100%; height: 100%; float: left; display: table; table-layout: fixed; }
#mainMenuListWrap > ul { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
#mainMenuListWrap > ul > li { width: 100%; float: left; text-align: center; margin-bottom: 30px; }
#mainMenuListWrap > ul > li > a { width: 200px; height: 60px; line-height: 60px; display: inline-block; border-radius: 50px; background-color: #311EC7; box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.15); color: #FFF; font-weight: 500; font-size: 21px; transform: scale(1); transition: transform 0.5s; }
#mainMenuListWrap > ul > li > a:hover { transform: scale(1.3); }

#myIntroWrap { width: 100%; height: 100%; float: left; display: table; table-layout: fixed; }
#myIntroWrap > div { height: 100%; float: none; display: table-cell; vertical-align: top; }

#myIntroWrap > .left { width: 80px; z-index: 2; padding-right: 20px; }
#myIntroWrap > .left > .iconWrap { width: 100%; height: 60px; line-height: 60px; float: left; text-align: right; }
#myIntroWrap > .left > .iconWrap > img { width: 20px; vertical-align: middle; }

#myIntroWrap > .right { box-shadow: 0 3px 46px rgba(0, 0, 0, 0.08); padding: 30px; padding-top: 0; }
#myIntroWrap > .right > .logoWrap { width: 100%; height: 60px; line-height: 60px; float: left; font-size: 24px; font-weight: 900; color: #321EC7; }
#myIntroWrap > .right > .userInfoWrap { width: 100%; float: left; margin-top: 45px; }
#myIntroWrap > .right > .userInfoWrap > .name { width: 100%; float: left; font-size: 15px; font-weight: 500; margin-bottom: 5px; }
#myIntroWrap > .right > .userInfoWrap > .name > b { font-size: 21px; margin-right: 5px; }
#myIntroWrap > .right > .userInfoWrap > .level { width: 100%; float: left; font-size: 18px; font-weight: bold; color: #321EC7; }

#myIntroWrap > .right > .bookWrap { width: 100%; float: left; border-top: 1px solid #D5D5D5; margin-top: 20px; }
#myIntroWrap > .right > .bookWrap > .titleWrap { width: 100%; float: left; }
#myIntroWrap > .right > .bookWrap > .titleWrap > div { height: 70px; line-height: 70px; }
#myIntroWrap > .right > .bookWrap > .titleWrap > .left { font-size: 17px; font-weight: bold; }
#myIntroWrap > .right > .bookWrap > .titleWrap > .left > img { width: 20px; margin-left: 5px; vertical-align: middle; top: -2px; }
#myIntroWrap > .right > .bookWrap > .titleWrap > .right > a { font-size: 12px; }
#myIntroWrap > .right > .bookWrap > .titleWrap > .right > a > img { height: 14px; vertical-align: middle; top: -2px; margin-left: 10px; }

#myIntroWrap > .right > .bookWrap > .listWrap { width: 100%; float: left; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul { width: 100%; float: left; margin-bottom: 15px; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul:last-of-type { margin-bottom: 0; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul > li { width: 100%; float: left; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul > li.title { font-size: 17px; font-weight: bold; margin-bottom: 5px; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul > li.info { font-size: 13px; }
#myIntroWrap > .right > .bookWrap > .listWrap > ul > li.info > b { color: #2B1AAD; }

#myIntroWrap > .right > .btnWrap { width: 100%; float: left; text-align: center; border-top: 1px solid #D5D5D5; margin-top: 25px; padding-top: 20px; }
#myIntroWrap > .right > .btnWrap > a { font-size: 13px; color: #636363; font-weight: 500; }


/* 개인정보처리방침 */
#privacy_wrap {
    width: 100%;
    float: left;
    padding: 20px 40px 50px;
}

.privacy_cont .text_cont{word-break: break-all; white-space: break-spaces;}