@charset "utf-8";

/* common */
html{scroll-behavior:smooth}
.compet250317 *{box-sizing:border-box;-webkit-box-sizing:border-box}
.compet250317 .inner{position:relative;width:1140px;margin:0 auto}
.compet250317 .mainCnt{overflow:hidden;width:100%;min-width:1440px;padding:0}
.compet250317 img{display:block}
.compet250317 button{overflow:visible;padding:0;border:none;border-radius:0;background:inherit;box-shadow:none;cursor:pointer}
.hideTxt{overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.flexBox{display:flex;display:-webkit-flex;display:-ms-flexbox}

/* main */
.mainCover{background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/bg_topvisual.jpg) #5429f3 no-repeat top center}
.mainCover .topVisual{width:1140px;min-height:929px;padding-top:130px;margin:0 auto}
.mainCover .topVisual .motions{position:relative}
.mainCover .topVisual .motions .mainImg{position:absolute;top:52px;left:-157px}
.mainCover .topVisual .motions .decoImg{position:absolute;top:548px;right:-145px}
.mainCover .topVisual .motions .badge{position:absolute;z-index:10;top:100px;right:24px;transform-origin:0 100%;opacity:0;}
.mainCover .topVisual .motions .tit01{position:absolute;top:-80px;left:559px;opacity:0}
.mainCover .topVisual .motions .tit02{position:absolute;top:340px;left:559px;opacity:0}
.mainCover .topVisual .motions .btnApplyTop{position:absolute;top:500px;left:559px;display:block;opacity:0;pointer-events:auto}
.mainCover .topVisual .motions .btnApplyTop:after{content:'';background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/ico_apply.png) no-repeat top center;width:196px;height:36px;position:absolute;top:-18px;left:50%;transform: translate(-50%,0);}
.mainCover .topVisual .motions .btnApplyTop.noAfter:after{display:none}
.mainCover .topVisual .motions .btnApplyTop.noClick{pointer-events:none}
.mainCover .conInfo{background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/bg_cont.jpg) #5429f3 no-repeat top center}
.mainCover .conInfo .inner{width:1000px;min-height:3176px;padding:85px 0 96px}
.mainCover .conInfo .btnFormDown{display:block;margin:29px 0 78px;}
.mainCover .conInfo .btnApplyBtm{display:block;margin:80px auto 0;pointer-events:auto;position: relative;}
.mainCover .conInfo .btnApplyBtm:after{content:'';background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/ico_apply.png) no-repeat top center;width:196px;height:36px;position:absolute;top:-18px;left:50%;transform: translate(-50%,0);}
.mainCover .conInfo .btnApplyBtm.noAfter:after{display:none}
.mainCover .conInfo .btnApplyBtm.noClick{pointer-events:none}

/* 공통 상단비주얼 */
.mainCnt.applyTop{min-height:400px;background:#f8e2ff url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/apply_top_bg.jpg) no-repeat 50% 0}

/* 응모하기 */
.conApply{min-height:880px;background:#fff;line-height:1;font-family:'Noto Sans KR';letter-spacing:-0.03rem}
.conApply h3{margin-top:40px;font-size:28px;font-weight:600;color:#151539}
.conApply .bar{width:100%;height:1px;margin-top:10px;background:#e9e9e9}
.conApply h4{margin:26px 0 20px;font-size:18px;font-weight:600;color:#111}
.conApply h4 > em{color:#6646ff}
.conApply h4 > span{font-size:16px;font-weight:100;color:#333}
.conApply .agreeBox{overflow-y:scroll;width:100%;height:320px;padding:20px 16px;border:1px solid #d8d8d8}
.conApply .agreeBox p{font-size:15px;font-weight:400;color:#222}
.conApply .agreeBox p .deco{display:inline-block;vertical-align:top}
.conApply .agreeBox .desc{font-weight:100;color:#666;line-height:1.3}
.conApply .agreeBox ul{margin-top:24px}
.conApply .agreeBox li:not(:first-child){margin-top:24px}
.conApply .agreeBox li p:nth-child(2){margin-top:4px}
.conApply .chkRadio{margin:12px 0 50px;gap:30px}
.conApply .chkRadio input[type="radio"]{display:none}
.conApply .chkRadio input[type="radio"] + label{position:relative;padding-left:26px;cursor:pointer}
.conApply .chkRadio input[type="radio"] + label::before{content:'';position:absolute;top:2px;left:0;display:block;width:20px;height:20px;background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/ico_check.png) no-repeat 50% 0;background-size:20px}
.conApply .chkRadio input[type="radio"]:checked + label::before{background-position:0 -20px}
.conApply .chkRadio label{font-size:16px;font-weight:400;color:#111}
.conApply .confirmBox{width:100%;height:60px;padding:22px 18px 20px;border:1px solid #d8d8d8;font-size:16px;font-weight:400;color:#222;}
.conApply .chkConfirm{margin:12px 0 40px}
.conApply .chkConfirm input[type="checkbox"]{display:none}
.conApply .chkConfirm input[type="checkbox"] + label{position:relative;padding-left:26px;cursor:pointer}
.conApply .chkConfirm input[type="checkbox"] + label::before{content:'';position:absolute;top:2px;left:0;display:block;width:20px;height:20px;background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/ico_check.png) no-repeat 50% 0;background-size:20px}
.conApply .chkConfirm input[type="checkbox"]:checked + label::before{background-position:0 -20px}
.conApply .chkConfirm label{font-size:16px;font-weight:400;color:#111}
.conApply .infoList li{position:relative;padding-left:8px;font-size:16px;font-weight:400;color:#666;line-height:1.4;letter-spacing:-0.05rem}
.conApply .infoList li::before{content:'';position:absolute;top:9px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#666}
.conApply .btnNextGo{display:block;width:280px;height:80px;margin:48px auto 80px;background:#6646ff;font-size:28px;font-weight:600;color:#fff;line-height:80px;text-align:center}

/* 정보입력 */
.conApply .topTit{justify-content:space-between}
.conApply .topTit .btnFormDown{align-self:flex-end}
.conApply .chkConfirm.mt30{margin:30px 0 0}
.conApply .chkConfirm.mt30 input[type="checkbox"] + label{letter-spacing:-0.05rem;font-weight:600}
.conApply .btnSubmit{margin:60px 0 53px;text-align:center}
.conApply .btnSubmit a{width:280px; height:80px; background:#6646ff; text-align:center;display:block;margin:0 auto;font-size:28px;line-height:80px;font-weight:600;color:#fff}
.conApply .applyNotice{overflow:hidden;margin-top:30px;padding-bottom:15px;border-bottom:1px solid #e9e9e9}
.conApply .applyNotice h4{font-size:18px;font-weight:600;color:#111;line-height:18px;width:127px;float:left;margin:0}
.conApply .applyNotice ul{float:left}
.conApply .applyNotice ul li{font-size:14px;font-weight:normal;color:#9c9c9c;padding-bottom:10px;}
.conApply .applyNotice strong{color:#3c3c3c; font-weight:600; letter-spacing:-0.5px;}

.conApply .applyFormWrap{overflow:hidden;margin:30px 0 0;padding-bottom:30px;border-bottom:1px solid #e9e9e9}
.conApply .applyFormWrap h4{margin:0 0 20px;font-size:18px;line-height:18px;font-weight:600;color:#111}
.conApply .applyFormWrap .leftApplyForm{float:left;width:540px}
.conApply .applyFormWrap .leftApplyForm .infoBox{border:1px solid #d8d8d8;padding:8px 0;width:536px;margin-top:10px}
.conApply .applyFormWrap .leftApplyForm .infoBox span{width:105px;height:29px;display:inline-block;text-align:center;font-size:16px;line-height:29px;font-weight:400;color:#111;border-right:1px solid #d8d8d8}
.conApply .applyFormWrap .leftApplyForm .infoBox input[type=text]{border:0;height:29px;width:70%;margin-left:20px;font-size:16px;font-weight:normal;color:111}
.conApply .applyFormWrap .leftApplyForm p:first-child{margin-top:0px}
.conApply .applyFormWrap .clearApply{clear:both; font-size:15px; color:#777; line-height:23px; letter-spacing:-0.5px; padding-top:14px}

.conApply .applyInfo{overflow:hidden; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #e9e9e9}
.conApply .applyInfo h4{margin:0 0 20px;font-size:18px; line-height:18px; font-weight:600; color:#111}
.conApply .applyInfo h2{font-size:16px; float:left; width:100px; color:#333; clear:both}
.conApply .applyInfo ul{float:left; margin:-5px 0 10px}
.conApply .applyInfo ul>li{font-size:16px; line-height:26px; color:#777}

.conApply .applyUploadform{overflow:hidden;display:flex;display:-webkit-flex;display:-ms-flexbox;padding:30px 0;border-bottom:1px solid #e9e9e9}
.conApply .applyUploadform dt{font-size:18px;font-weight:600;color:#111;width:126px}
.conApply .applyUploadform dt.lh26{line-height:50px}
.conApply .applyUploadform dd{position:relative;width:1011px}
.conApply .applyUploadform dd.first{display:flex;display:-webkit-flex;display:-ms-flexbox;align-items:center;line-height:normal}

.conApply .applyUploadform .chkSector{width:176px}
.conApply .applyUploadform .chkSector input[type=radio]{position:absolute;top:1px;left:1px;z-index:0;margin:5px 0 0;width:0;height:0}
.conApply .applyUploadform .chkSector input[type=radio] + label{position:relative;border-right:0;z-index:2;display:inline-block;width:auto;height:20px;line-height:20px;padding:0 0 0 30px;margin-top:-10px;letter-spacing:-1px;cursor:pointer;background:url(//cdndata.milkt.co.kr/ele/www/images/partner/260220_compet/ico_radio.png) no-repeat 0 0;font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:600;color:#111}
.conApply .applyUploadform .chkSector input[type=radio]:checked + label{background-position:0 -20px;}
.conApply .applyUploadform dd input[type=text]{width:987px;height:50px;padding:0 10px;border:1px solid #d8d8d8;font-family:'Noto Sans KR';font-size:16px}

.conApply .applyUploadform .uploadInfoTxt{margin-top:15px}
.conApply .applyUploadform .uploadInfoTxt li{font-size:13px;font-weight:normal;color:#9c9c9c;line-height:1}
.conApply .applyUploadform .uploadInfoTxt li:not(:last-child){padding-bottom:10px}

/* 파일 업로드 */
.filebox{position:relative}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{display:inline-block;font-size:inherit;line-height:normal;vertical-align:middle;cursor:pointer}
.filebox .uploadName{width:817px;height:50px;display:inline-block;padding:0 150px 0 10px;margin-left:7px;font-size:16px;line-height:normal;font-weight:400;color:#111;vertical-align:middle;background:#fff;border:1px solid #d8d8d8;-webkit-appearance:none;/* 네이티브 외형 감추기 */-moz-appearance:none;appearance:none}
.filebox .uploadDisplay{margin-bottom:0px}
.filebox .uploadThumbWrap{display:inline-block;width:54px;padding:2px;vertical-align:middle;border:1px solid #ddd;border-radius:5px;background-color:#fff;display:none}
.filebox .uploadDisplay img{display:block;max-width:100%;width:100% \9;height:auto}
.filebox .fileReset{position:absolute;top:17px;right:39px}
.filebox .uploadSize{position:absolute;top:17px;right:75px;font-size:16px;color:#c8c8c8}

::placeholder{color:#d8d8d8;opacity:1/* Firefox */}
:-ms-input-placeholder{ /* Internet Explorer 10-11 */color:#d8d8d8}
::-ms-input-placeholder{ /* Microsoft Edge */color:#d8d8d8}

/* 응모중 팝업 */
.lpopUpload{position:absolute;z-index:300;top:0;left:0;width:100%;height:100%}
.lpopUpload button{overflow:visible;padding:0;border:none;border-radius:0;background:inherit;box-shadow:none;cursor:pointer}
.lpopUpload .dim{position:fixed;z-index:20;top:0;left:0;display:block;width:100%;height:100%;background:#000;opacity:0.7}
.lpopUpload .layout{position:fixed;top:50%;left:50%;z-index:21;width:580px;height:480px;border-radius:20px;background:#e7e2ff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.lpopUpload .popBox{-webkit-flex-direction:column;flex-direction:column;padding-top:38px;text-align:center}
.lpopUpload .popBox h5{font-size:28px;font-weight:600;color:#151539;line-height:1;letter-spacing:-0.05rem}
.lpopUpload .popBox h5 em{color:#6646ff}
.lpopUpload .popBox .char{position:relative;margin:60px auto 23px;}
.lpopUpload .popBox .char img{animation:motionUpdown 1s ease-in-out infinite alternate}
.lpopUpload .popBox .char::before{content:'';position:absolute;z-index:-1;top:51px;left:-102px;display:block;width:133px;height:83px;background:url(//cdndata.milkt.co.kr/ele/www/images/partner/250317_compet/img_lpop_cloudL.png) no-repeat 50% 0;animation:motionUpdown02 1.5s ease-in-out infinite}
.lpopUpload .popBox .char::after{content:'';position:absolute;z-index:-1;top:51px;right:-99px;display:block;width:86px;height:60px;background:url(//cdndata.milkt.co.kr/ele/www/images/partner/250317_compet/img_lpop_cloudR.png) no-repeat 50% 0;animation:motionUpdown02 1.4s ease-in-out infinite}
.lpopUpload .popBox p{letter-spacing:-0.05rem;font-size:20px;font-weight:400;color:#333;line-height:1.3}
.lpopUpload .popBox button{margin-top:36px}
@keyframes motionUpdown{
	0%{transform:translateY(-30px)}
	100%{transform:translateY(0)}
}
@keyframes motionUpdown02{
	0%{transform:translateX(0);opacity:1}
	10%{transform:translateX(0);opacity:1}
	100%{transform:translateX(-40px);opacity:0}
}

/* 응모완료 */
.conApply .appliedBox{margin:60px auto 0;text-align:center;letter-spacing:-0.05rem}
.appliedBox .colorBlue{color:#6646ff}
.appliedBox h4{font-size:40px;font-weight:600;color:#151539;line-height:1}
.appliedBox .stit{margin-top:18px;font-size:18px;color:#151539;line-height:1.3;font-weight: 400;}
.appliedBox .personal{-webkit-flex-direction:column;flex-direction:column;width:720px;height:254px;margin:36px auto 0;border-radius:10px;border:2px solid #e2dcfb}
.appliedBox .personal li{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;flex:1 1 auto}
.appliedBox .personal li:not(:last-child){border-bottom:1px solid #e2dcfb}
.appliedBox .personal li .type{width:140px;font-size:17px;font-weight:400;color:#151539}
.appliedBox .personal li:nth-child(1) .type{letter-spacing:2px;margin-left:1px}
.appliedBox .personal li:nth-child(4) .type{letter-spacing:3px;margin-left:1px}
.appliedBox .personal li:nth-child(2) .data{font-weight:600}
.appliedBox .personal li .data{font-size:16px;font-weight:100;color:#333}
.appliedBox .infoSmall{margin:12px auto 0;font-size:16px;font-weight:100;color:#444;line-height:1}
.appliedBox .infoBold{margin:46px auto 0;font-size:22px;font-weight:400;color:#111;line-height:1.45}
.appliedBox .infoBlue{font-size:18px;font-weight:100;color:#6646ff;line-height:1}
.appliedBox .infoBlue:nth-of-type(1){position:relative;display:inline-block;margin-top:24px}
.appliedBox .infoBlue:nth-of-type(1)::after{content:'';display:block;width:calc(100% + 2px);height:2px;background:#6646ff;position:absolute;bottom:-4px;left:-1px}
.appliedBox .infoBlue:nth-of-type(2){display:block;margin-top:12px}