@charset "UTF-8";
.main { overflow: auto scroll; }

.main .wrap { padding-top: 0; height: auto; }

.main .mainInner { margin: 0 auto; padding: 120px 0; width: 1128px; }

.main .bold { font-weight: 700; }

.main h2 { margin-bottom: 20px; font-size: 40px; font-weight: 700; }

.main h3 { margin-bottom: 24px; font-size: 32px; line-height: 1.6; }

.main p { font-size: 20px; line-height: 1.6; }

.main .desc { color: #9A9A9A !important; font-size: 18px; }

.main .point { color: #FF3F7F; }

.main .btnCon .btnBg + .btnBg { margin-left: 16px; }

.main .btnBg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 320px; height: 80px; color: #fff; font-size: 24px; font-weight: 700; border-radius: 10px; background-color: #FF3F7F; }

.main .btnBg.small { width: 200px; height: 48px; font-size: 16px; border-radius: 4px; }

.main .btnBg.middle { width: 100%; height: 56px; font-size: 16px; border-radius: 4px; }

.main .btnBg.purple { background-color: #3C39AF; }

.main .download::before { content: ''; display: inline-block; margin-right: 8px; width: 18px; height: 18px; background: url("../img/icon/ico_download_w.png") no-repeat center/18px 18px; vertical-align: middle; }

.main .btnTxt { display: inline-block; color: #535353; font-size: 16px; }

.main .btnTxt::after { content: ''; display: block; margin-top: -2px; width: 100%; height: 1px; background-color: #535353; }

.main .btnLine { color: #FF3F7F; font-size: 16px; border: 1px solid #FF3F7F; border-radius: 4px; }

.main .btnInput { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; }

.popup_con2 { display: none; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); }

.popup_con2 .inner { overflow: hidden auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 40px 0 26px; max-width: 600px; max-height: 800px; background-color: #fff; }

.popup_con2 .txtCon { text-align: center; }

.popup_con2 .txtCon .btnBg.small { margin-top: 36px; padding: 0 38px; width: auto; }

/* header */
.header h1 { width: 141px; }

.header.topStyle { height: 140px; background-color: rgba(255, 255, 255, 0.6); border-bottom: none; }

.header.topStyle h1 { width: 206px; }

.header.topStyle .navMenu { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; }

.header.topStyle .navMenu li { font-size: 26px; }

.header.topStyle .navMenu li:hover { color: #FF3F7F; }

.header.topStyle .navMenu li + li { margin-left: 150px; }

.header.topStyle .userMenu { font-size: 26px; }

.header.topStyle.scroll { position: fixed; top: 0; height: 77px; background-color: #fff; }

.header.topStyle.scroll h1 { width: 141px; }

.header.topStyle.scroll .navMenu li { font-size: 16px; }

.header.topStyle.scroll .userMenu { font-size: 16px; }

/* footer */
.main footer { background-color: #383838; }

.main footer .mainInner { padding: 60px 0; width: 1440px; }

.main footer .footerMenu { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 24px; }

.main footer .footerMenu li + li { margin-left: 35px; }

.main footer .logo { margin: 50px 0 12px; width: 116px; }

.main footer .copyRight { color: #DEDEDE; font-size: 16px; font-weight: 200; }

/* main content */
.main .keyVisual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 1080px; background: url("../img/content/bg_main_kv.jpg") no-repeat center/cover; text-align: center; }

.main .keyVisual .txtCon p { font-size: 35px; }

.main .keyVisual .txtCon .bold { margin: 40px 0 50px; font-weight: 500; }

.main .info { height: 912px; background: url("../img/content/bg_main_intro.jpg") no-repeat center/cover; }

.main .info .txtCon { padding-top: 320px; width: 36%; }

.main .infoBrand .txtCon { margin-bottom: 70px; }

.main .infoBrand .imgCon { position: relative; }

.main .infoBrand .imgCon::before { content: ''; display: block; width: 100%; padding-top: 38%; }

.main .infoBrand .imgCon img { position: absolute; top: 0; left: 0; }

.main .advertise { background-color: #F7F7F7; }

.main .advertise h3 { margin-bottom: 48px; font-size: 28px; text-align: center; }

.main .advertise .tabList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 74px; }

.main .advertise .tabList li a { display: inline-block; padding: 12px; width: 160px; color: #FF3F7F; font-size: 24px; border: 1px solid #FF3F7F; border-radius: 40px; background-color: #fff; text-align: center; }

.main .advertise .tabList li.active a { color: #fff; background-color: rgba(255, 63, 127, 0.6); }

.main .advertise .tabDetail li { position: relative; display: none; }

.main .advertise .tabDetail li .txtCon { position: absolute; padding: 90px; width: 68%; }

.main .advertise .tabDetail li .txtCon h3 { margin-bottom: 10px; text-align: left; }

.main .advertise .tabDetail li .txtCon p { font-size: 28px; }

.main .advertise .tabDetail li .txtCon .tip { margin: 44px 0 30px; font-size: 20px; }

.main .advertise .tabDetail li .txtCon .tip::before { content: ''; display: block; width: 45px; height: 31px; background: url("../img/icon/ico_tip.png") no-repeat center/cover; }

.main .banner_inquiry { background: url("../img/content/bg_main_inquiry.jpg") no-repeat center/cover; }

.main .banner_inquiry .desc { margin: 16px 0 50px; }

.main .fullScreen section { position: relative; width: 100vw; height: 100vh; }

.main .fullScreen section .mainInner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main .inquiry .txtCon { margin: 0 auto; width: 52%; text-align: center; }

.main .inquiry .txtCon h1 { margin: 0 auto; width: 245px; }

.main .inquiry .txtCon p { margin: 32px 0 16px; color: #707070; }

.main .inquiry .txtCon p.strong { margin: 32px 0 -30px 0; font-size: 24px; font-weight: 700; color: #535353; }

.main .inquiry .txtCon .subTit { margin: 60px 0 40px; color: #535353; font-size: 24px; }

.main .inquiry .formStyle { margin: 95px auto 150px; width: 980px; }

.main .inquiry .formStyle dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main .inquiry .formStyle dl.field { display: block; }

.main .inquiry .formStyle dl.field dd { width: 100%; }

.main .inquiry .formStyle dl.field .tit { margin-bottom: 50px; }

.main .inquiry .formStyle dl.field .search_con { display: block; }

.main .inquiry .formStyle dl.field .search_con .searchFieid input { width: 100%; }

.main .inquiry .formStyle dl.field .left { margin-right: 30px; width: 400px; }

.main .inquiry .formStyle dl.field .right { width: calc(100% - 430px); height: 372px; border: 1px solid #E2E2E2; border-radius: 4px; }

.main .inquiry .formStyle dl.field .right .optionList { margin-top: 0; width: 100%; max-height: 100%; border: none; border-radius: 0; }

.main .inquiry .formStyle dl:last-of-type { margin-bottom: 0; }

.main .inquiry .formStyle dl.mb20 { margin-bottom: 20px; }

.main .inquiry .formStyle dl dt { width: 220px; font-size: 24px; }

.main .inquiry .formStyle dl.big dt { width: 280px; }

.main .inquiry .formStyle dl dt .required { font-size: 24px; color: #EF366F; }

.main .inquiry .formStyle dl dd { width: calc(100% - 220px); }

.main .inquiry .formStyle dl.big dd { width: calc(100% - 280px); }

.main .inquiry .formStyle dl dd.checkWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main .inquiry .formStyle dl dd.checkWrap a { color: #9A9A9A; text-decoration: underline; }

.main .inquiry .formStyle dl dd .business_con .txtBox { width: calc(50% - 75px); }

.main .inquiry .formStyle dl dd .business_con .moreBtn { width: 150px; }

.main .inquiry .formStyle dl dd .business_con .delBtn { width: 150px; }

.main .inquiry .formStyle dl dd .fileBox { padding: 48px 0 25px; }

.main .inquiry .formStyle dl dd .fileBox p { margin-bottom: 0; }

.main .inquiry .formStyle .noScrh { margin: 0 auto 30px; width: 600px; }

.main .inquiry .btnCon { text-align: center; }

.main .inquiry .btnCon .btnBg + .btnBg { margin-left: 0; margin-top: 15px; }

.main .inquiry.complete .btnCon { margin: 140px auto 0; width: 200px; }

.main .login .login .mainInner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.main .login h1 { width: 35%; }

.main .login .txtCon { margin-left: 25%; width: 40%; }

.main .login .txtCon h3 { text-align: center; }

.main .login .form .field .tit { font-size: 20px; }

.main .login .form .btnCon { margin: 8px 0 25px; text-align: right; }

.main .login .form .btnCon .btnTxt { color: #9A9A9A; }

.main .login .form .btnCon .btnTxt::before { content: ''; display: inline-block; margin: -3px 14px 0; width: 1px; height: 16px; background-color: #9A9A9A; vertical-align: middle; }

.main .login .form .btnCon .btnTxt:first-child::before { display: none; }

.main .login .form .btnCon .btnTxt::after { display: none; }

.main .login .infoTxt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 46px; }

.main .login .infoTxt span { font-size: 14px; }

.main .login .infoTxt .desc { font-size: 16px; letter-spacing: -1px; }

.main .id_find h3 { text-align: center; }

.main .id_find .txtCon { margin: 0 auto; width: 52%; }

.main .id_find .field .detail { position: relative; }

.main .id_find .field.certification .detail { position: relative; }

.main .id_find .field.certification .time { position: absolute; top: 50%; left: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.main .id_find .field.certification input { padding-left: 88px; }

.main .id_find .btnCon { margin-top: 100px; }

.main .id_find.complete .txtCon p { font-size: 32px; text-align: center; }

.main .id_find.complete .btnCon { margin: 80px auto 0; width: 284px; }

.main .id_find.complete .bgTxt { position: fixed; top: 80px; right: 0; color: #FF3F7F; font-size: 250px; white-space: nowrap; }

/* 2021.11.04 변경 */
.main .id_find.complete .txtCon { width: 100%; }

.main .fullScreen.fixed section { overflow: hidden auto; margin-top: 140px; height: calc(100vh - 140px); }

.main .fullScreen.fixed section .mainInner { padding-top: 20px; position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

/* // 2021.11.04 변경 */

/* 2021.12.30 수정 */
.main .terms .txtCon { margin: 0 auto; width: 52%; text-align: center; }

.main .terms .txtCon h1 { margin: 0 auto; width: 245px; }

.main .terms .txtCon p { margin: 32px 0 16px; color: #707070; }

.main .terms .txtCon p.strong { margin: 32px 0 -30px 0; font-size: 24px; font-weight: 700; color: #535353; }

.main .terms .termsCon { margin: 95px auto 150px; width: 980px; }

.main .terms .termsCon p { font-size: 20px; line-height: 1.6; }

.main .terms .termsCon .tit { margin: 30px 0; }

/* //2021.12.30 수정 */

/*# sourceMappingURL=maps/main.css.map */