@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');


/* ----------------------------------------------
  Everland Resort CastAPP Cascading Style Sheets
-------------------------------------------------*/
* {
	-webkit-touch-callout: none;
}
html, body { width:100%; margin:0; padding:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; }
body { font-family:'Noto Sans KR',HelveticaNeue,'Helvetica Neue',AppleSDGothicNeo,'Apple SD Gothic Neo',sans-serif; font-size:14px; font-weight:300; line-height:19px; color:#666; }

div, p, ul, ol, li, dl, dt, dd, form, fieldset, button, blockquote, table, th, td, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
table { border-collapse:collapse; }
table caption { text-align:left; display:none; }

ul, ol, li { list-style:none; }

form, input, select, textarea, button { font-family:'Noto Sans KR',HelveticaNeue,'Helvetica Neue',AppleSDGothicNeo,'Apple SD Gothic Neo',sans-serif; font-size:14px; font-weight:400; line-height:19px; color:#666; }
button { border:0; margin:0; padding:0; cursor:pointer; outline-style:none; }
input, select, textarea { background:#fff; margin:0; outline:none; -webkit-appearance:none; }
fieldset { border:0; margin:0; padding:0; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }


img { border:0; }
i, em, cite { font-style:normal; }

a { color:#000; text-decoration:none; cursor:pointer; }
a:hover { color:#000; text-decoration:none; cursor:pointer; }




/* layout ------------------------------------------------------------------------*/
/* Top */
#wrapTop { position:relative; z-index:10; width:100%; height:60px; background:#fff; margin-bottom:-60px; }
#wrapTop h1,
#wrapTop h2 { height:60px; font-size:17px; font-weight:500; color:#000; line-height:60px; text-align:center; display:block; overflow:hidden; box-sizing:border-box; }
#wrapTop h1 { height:60px; margin:0 60px; font-family:Roboto; }
#wrapTop h2 { position:absolute; z-index:2; top:0; left:50px; right:50px; background:#fff; padding:0 50px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
#wrapTop > a { position:absolute; z-index:9; top:0; height:60px; background-image:url('../../resources/images/btn_header.png'); background-repeat:no-repeat; background-size:auto 21px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
#wrapTop .btnLink { top:15px; right:20px; height:30px; background:#f2f4f5; border-radius:50px; padding:0 12px; font-size:12px; font-weight:500; color:#000; line-height:30px; letter-spacing:-1px; text-indent:0; text-align:center; }
#wrapTop .btnBack { left:63px; width:49px; background-position:-25px center; }
#wrapTop .btnMenu { left:0; width:60px; background-position:20px center; -webkit-tap-highlight-color:transparent; }
#wrapTop .btnBadge { right:0; width:61px; background-position:-59px center; -webkit-tap-highlight-color:transparent; }
#wrapTop.stop { position:fixed; top:0; left:0; border-bottom:solid 1px #dedede; margin-bottom:0; }


/* Menu */
#wrapMenu { position:fixed; z-index:99; top:0; left:0; bottom:0; width:100%; max-width:340px; background:#fff; display:none; }
#wrapMenu .btnSet,
#wrapMenu .btnHome,
#wrapMenu .btnClose { position:absolute; z-index:15; background-image:url('../../resources/images/btn_menu.png'); background-repeat:no-repeat; background-size:auto 19px; background-color:transparent; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }

#wrapMenu .btnSet { position:relative; width:16px; height:16px; background-position:-55px center; margin:-4px 0 0 3px; vertical-align:middle; display:inline-block; }
#wrapMenu .btnHome { top:20px; left:23px; width:22px; height:19px; background-position:0 center; }
#wrapMenu .btnClose { top:21px; right:25px; width:17px; height:17px; background-position:-30px center; }
#wrapMenu .btnLogout { position:absolute; z-index:10; right:25px; bottom:20px; width:68px; height:23px; background:#fff; border:solid 1px #d4d4d4; border-radius:25px; margin-top:-30px; padding-bottom:1px; font-size:12px; color:#666; line-height:18px; box-sizing:border-box; }

#wrapMenu .userInfo { position:absolute; z-index:10; top:0; left:0; right:0; height:111px; background:#fff; border-bottom:solid 8px #f0f2f3; padding:55px 90px 0 23px; font-size:25px; color:#000; line-height:30px; overflow:hidden; box-sizing:border-box; }
#wrapMenu .userInfo:after { content:''; display:block; clear:both; }

.memuBox { position:relative; z-index:1; width:100%; height:100%; padding-top:111px; overflow:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; scrollbar-track-color:transparent; scrollbar-face-color:transparent; }
.memuBox hr { width:100%; height:8px; background:#f0f2f3; border:0; margin:0; padding:0; }
.memuBox .subj { border-bottom:solid 1px #dedede; margin:32px 0 0 23px; padding-bottom:13px; font-size:17px; font-weight:500; color:#8636c6; display:block; }
.memuBox::-webkit-scrollbar { width:0; background-color:transparent; -webkit-appearance:none; }

.memuBox a.off { font-weight:400; color:#ccc !important; }
.memuBox > ul { margin-left:23px; padding:1px 0 33px 0; }
.memuBox > ul > li { margin-top:26px; font-size:15px; font-weight:500; color:#000; }
.memuBox > ul > li:last-child .depth { margin-bottom:0 !important; }
.memuBox mark.bday { width:75px; height:24px; background:#fff; border:solid 1px #8636c6; border-radius:30px; margin:-7px 0 -4px 5px; font-size:12px; font-weight:400; color:#8636c6; line-height:21px; letter-spacing:-0.5px; text-align:center; vertical-align:middle; display:inline-block; box-sizing:border-box; }
.memuBox .depth { margin:-31px 0 -2px 137px; }
.memuBox .depth > li { margin-top:10px; font-size:13px; color:#ccc; }
.memuBox .depth > li a { font-weight:300 !important; color:#666; }
.memuBox .depth mark { margin-top:-6px; }

.memuBox .policy { padding:22px 0 27px 23px; }
.memuBox .policy a { border-bottom:solid 1px #ab70d5; padding-bottom:1px; font-size:13px; color:#8636c6; display:inline-block; }

.menuMask { position:fixed; z-index:90; top:0; left:0; right:0; bottom:0; background:#000; opacity:.7; }


/* Content */
#wrapCont { position:relative; z-index:1; padding-top:60px; }
#wrapCont .btnTop { position:fixed; z-index:5; right:20px; bottom:20px; width:34px; height:34px; background:url('../../resources/images/btn_gotop.png') center center no-repeat #fff; background-size:9px auto; border:solid 1px #dedede; border-radius:50px; font-size:0; line-height:0; display:none; overflow:hidden; }
#wrapCont .btnTop.active { display:block; }




/* gate(index) --------------------------------------------------------------------- */
#wrapGate { position:fixed; top:0; left:0; right:0; bottom:0; background:#a460d9; overflow:hidden; overflow-y:auto; }
#wrapGate a { position:absolute; z-index:90; left:50%; bottom:6.7vh; width:155px; height:45px; background:#9048c9; border-radius:50px; margin-left:-77.5px; font-size:17px; color:#fff; line-height:43px; text-align:center; display:block; overflow:hidden; }
#wrapGate h1 { width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; }
#wrapGate .intro { position:relative; width:100%; max-width:720px; height:100%; min-height:480px; background:url('../../resources/images/img_gate.png') center top no-repeat; background-size:100% auto; margin:0 auto; }
#wrapGate .intro p { position:absolute; z-index:10; left:0; right:0; bottom:0; background:#fff; padding:6.3vh 5vw 18.3vh 5vw; color:#666; text-align:center; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
#wrapGate .intro p:before { content:''; position:absolute; z-index:-1; top:0; left:-100%; right:-100%; bottom:0; background:#fff; display:block; }
#wrapGate .intro span { display:inline-block; }


/* 회원 로그인 */
.gateLogin { position:relative; padding:56px 0 30px 0; box-sizing:border-box; }
.gateLogin > * { background:#fff; }
.gateLogin:before { content:''; position:fixed; z-index:-1; top:100px; left:0; right:0; bottom:0; background:#f3f4f7; }

.gateLogin h1 { width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; }
.gateLogin h2 { padding:0 20px 0 18px; font-size:30px; font-weight:300; color:#8636c6; line-height:32px; letter-spacing:-1px; }
.gateLogin .intro { padding:15px 20px 0 20px; font-size:13px; color:#666; word-wrap:break-word; word-break:keep-all; }
.gateLogin .intro span { display:inline-block; }

.gateLogin .linkBox { padding:21px 20px 67px 20px; text-align:center; }
.gateLogin .linkBox li { font-size:13px; display:inline-block; }
.gateLogin .linkBox li a { color:#666; }
.gateLogin .linkBox li:before { content:''; width:1px; height:12px; background:#d6d8df; margin:-3px 11px 0 8px; vertical-align:middle; display:inline-block; }
.gateLogin .linkBox li:first-child:before { display:none; }

.gateLogin .btnKakao { position:relative; height:45px; background:#f7e409; border-radius:50px; margin:30px 20px 0 20px; font-size:17px; font-weight:400; color:#4e3901; line-height:45px; text-align:center; display:block; }
.gateLogin .btnKakao:before { content:''; width:22px; height:20px; background:url('../../resources/images/icon_kakao.png') left center no-repeat; background-size:auto 20px; margin:-3px 8px 0 0; vertical-align:middle; display:inline-block; }

.gateLogin .btnApple { position:relative; height:45px; background:#fff; border:solid 1px #000; border-radius:50px; margin:12px 20px 0 20px; font-size:17px; font-weight:400; color:#000; line-height:42px; text-align:center; display:block; box-sizing:border-box; }
.gateLogin .btnApple:before { content:''; width:15px; height:16px; background:url('../../resources/images/icon_apple.png') left center no-repeat; background-size:auto 16px; margin:-5px 7px 0 0; vertical-align:middle; display:inline-block; }

.loginBox { padding:87px 20px 0 20px; }
.loginBox input[type='text'],
.loginBox input[type='password'] { width:100%; height:53px; border:solid 1px #dcdcdc; padding:0 20px; font-size:15px; color:#000; box-sizing:border-box; }
.loginBox input[type='text'] { border-radius:6px 6px 0 0; }
.loginBox input[type='password'] { border-radius:0 0 6px 6px; margin-top:-1px; }
.loginBox input::placeholder { font-size:15px; font-weight:300; color:#949494; }
.loginBox input::-moz-placeholder { font-size:15px; font-weight:300; color:#949494; }
.loginBox input:-ms-input-placeholder { font-size:15px; font-weight:300; color:#949494; }
.loginBox input::-webkit-input-placeholder { font-size:15px; font-weight:300; color:#949494; }
.loginBox .auto { position:relative; z-index:2; margin:15px 0 0 5px; display:inline-block; overflow:hidden; }
.loginBox .auto span { padding-left:26px; font-size:13px; color:#666; }
.loginBox .auto span:before { content:''; position:absolute; top:0; left:0; width:19px; height:19px; background:url('../../resources/images/mark_check_login.png') left center no-repeat; background-size:40px auto; border-radius:25px; display:block; }
.loginBox .auto input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.loginBox .auto input:checked + span:before { background-position:right center; }
.loginBox .notify { min-height:21px; margin:7px 0 -7px 5px; font-size:12px; color:#f00; line-height:15px; display:block; }
.loginBox .btnLogin { width:100%; height:45px; background:#9146ca; border-radius:50px; margin-top:21px; padding-bottom:3px; text-align:center; font-size:17px; color:#fff; line-height:42px; display:block; box-sizing:border-box; }


/* 사용신청 */
.gateApply { padding:56px 20px 45px 20px; box-sizing:border-box; }
.gateApply h1 { width:0; height:0; font-size:0; line-height:0; display:block; overflow:hidden; }
.gateApply h2 { margin-left:-2px; font-size:30px; font-weight:300; color:#8636c6; line-height:32px; letter-spacing:-1px; }
.gateApply .intro { margin:15px 20% 0 0; font-size:13px; color:#666; }
.gateApply .intro span { display:inline-block; }

.gateApply .agree { margin-top:120px; }
.gateApply .agree label { position:relative; height:50px; border:solid 1px #dedede; margin-bottom:-1px; padding-left:60px; color:#666; line-height:48px; display:block; overflow:hidden; }
.gateApply .agree label span:before { content:''; position:absolute; z-index:1; top:11px; left:20px; width:26.5px; height:26.5px; background:url('../../resources/images/mark_check.png') center center no-repeat #d7d7d7; background-size:auto 10px; border-radius:30px; display:block; }
.gateApply .agree label input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.gateApply .agree label input:checked + span:before { background-color:#9048c9; }
.gateApply .agree button { position:fixed; left:50%; bottom:60px; width:155px; height:45px; background:#9048c9; border-radius:50px; margin-left:5px; font-size:17px; color:#fff; line-height:43px; text-align:center; display:block; }
.gateApply .agree legend { margin-bottom:20px; font-size:18px; font-weight:500; color:#000; letter-spacing:-0.5px; display:block; }
.gateApply .agree .btnLink { position:fixed; right:50%; bottom:60px; width:155px; height:45px; background:#fff; border:solid 1px #9048c9; border-radius:50px; margin-right:5px; font-size:17px; font-weight:400; color:#8636c6; line-height:43px; text-align:center; display:block; box-sizing:border-box; }

.gateApply .finish { position:fixed; top:50%; left:50%; width:100%; max-width:560px; height:420px; margin-top:-230px; padding:0 20px; transform:translateX(-50%); box-sizing:border-box; }
.gateApply .finish span { width:100%; height:146px; margin-left:-3px; display:table; box-sizing:border-box; }
.gateApply .finish span em { padding:2px 50% 0 0; font-size:50px; font-weight:100; color:#8636c6; line-height:60px; letter-spacing:-3px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.gateApply .finish span:before { content:''; position:absolute; z-index:-1; top:0; right:27px; width:153px; height:146px; background:url('../../resources/images/img_apply.png') left center no-repeat; background-size:auto 100%; }
.gateApply .finish .info { margin-top:68px; }
.gateApply .finish .info li { position:relative; margin-top:9px; padding-left:7px; font-size:13px; color:#666; line-height:18px; word-wrap:break-word; word-break:keep-all; }
.gateApply .finish .info li i { display:inline-block; }
.gateApply .finish .info li b { margin-top:1px; font-family:Roboto; font-size:14px; font-weight:400; color:#000; display:block; }
.gateApply .finish .info li:before { content:'-'; position:absolute; top:0; left:0; display:block; }
.gateApply .finish .btnMove { position:absolute; left:50%; bottom:0; width:155px; height:45px; border:solid 1px #9048c9; border-radius:50px; margin-left:-77.5px; font-size:17px; font-weight:400; color:#8636c6; line-height:41px; text-align:center; display:block; box-sizing:border-box; }




/* common --------------------------------------------------------------------- */
.bodyStop { overflow:hidden; }
.layerMask { position:fixed; z-index:900; top:0; left:0; right:0; bottom:0; background:#000; opacity:.5; }


/* 안내 */
.guideBox { margin-top:-2px; padding:0 20px 57px 20px; }
.guideBox p { position:relative; margin-top:8px; padding-left:9px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.guideBox p:before { content:'-'; position:absolute; top:0; left:0; }
.guideBox span { display:inline-block; }
.guideBox .tit { margin-bottom:9px; font-weight:400; color:#000; display:inline-block; }
.guideBox .tel { font-family:Roboto; font-weight:400; color:#000; letter-spacing:0; line-height:13px; display:inline-block; }


/* 알림 */
.notify { font-size:12px; color:#f00; word-wrap:break-word; word-break:keep-all; display:block; }


/* message */
.msgBox { position:fixed; top:50%; left:50%; width:100%; max-width:560px; height:420px; margin-top:-230px; padding:0 20px; transform:translateX(-50%); box-sizing:border-box; }
.msgBox h1 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; opacity:0; }
.msgBox > a { position:absolute; bottom:0; width:155px; height:45px; border-radius:50px; font-size:17px; font-weight:400; line-height:41px; text-align:center; display:block; box-sizing:border-box; }
.msgBox .tit { position:relative; width:100%; height:146px; margin-left:-3px; display:table; box-sizing:border-box; }
.msgBox .tit em { padding:0 50% 3px 0; font-size:50px; font-weight:100; color:#8636c6; line-height:60px; letter-spacing:-3px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.msgBox .tit span { display:inline-block; }
.msgBox .tit:before { content:''; position:absolute; z-index:-1; top:0; right:4px; width:153px; height:146px; background:url('../../resources/images/img_apply.png') left center no-repeat; background-size:auto 100%; }
.msgBox .info { padding-top:59px; }
.msgBox .info p { position:relative; margin-top:9px; padding-left:9px; }
.msgBox .info p:before { content:'-'; position:absolute; top:0; left:0; display:block; }
.msgBox .info span { display:inline-block; }
.msgBox .info .tel { font-family:Roboto; color:#666; display:inline-block; }
.msgBox .btnLink1 { right:50%; background:#fff; border:solid 1px #9048c9; margin-right:5px; color:#8636c6; }
.msgBox .btnLink2 { left:50%; background:#9048c9; margin-left:5px; color:#fff; }
.msgBox .btnMove { left:50%; background:#fff; border:solid 1px #9048c9; margin-left:-77.5px; color:#8636c6; }

.msgBox.type1 { height:420px; margin-top:-230px; }
.msgBox.type1 .tit { height:146px; }
.msgBox.type1 .tit:before { top:0; right:4px; width:153px; height:146px; background-image:url('../../resources/images/img_apply.png'); }
.msgBox.type1 .info { padding-top:59px; }
.msgBox.type1 .info p { margin-top:9px; padding-left:9px; }
.msgBox.type1 .info p:before { content:'-'; position:absolute; top:0; left:0; display:block; }

.msgBox.type2 { height:482px; margin-top:-255px; }
.msgBox.type2 .tit { height:185px; }
.msgBox.type2 .tit:before { bottom:0; right:12px; width:145px; height:170px; background-image:url('../../resources/images/img_certif.png'); }
.msgBox.type2 .info { padding-top:33px; }
.msgBox.type2 .info p { margin-top:14px; }

/* 근무정보 */
.myInfo { min-height:115px; background:#9f5bdb; padding:19px 10px 16px 20px; color:#fff; box-sizing:border-box; }
.myInfo .tit { position:absolute; top:1px; left:0; width:85px; height:35px; background:#7e34bf; border-radius:3px; line-height:35px; text-align:center; display:block; }
.myInfo .cont { height:35px; padding-left:110px; font-family:Roboto,'Noto Sans KR'; font-size:15px; font-weight:400; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.myInfo .cont span:after { content:''; width:1px; height:11px; background:#b491d2; margin:-3px 4px 0 8px; vertical-align:middle; display:inline-block; }
.myInfo .cont span:last-child { display:inline-block; }
.myInfo .cont span:last-child:after { display:none; }
.myInfo .infoBox { position:relative; width:100%; height:40px; display:table; }


/* 직무 아이콘 */
.pict1:before { background-position:0 top; }
.pict2:before { background-position:-47px top; }
.pict3:before { background-position:-94px top; }
.pict4:before { background-position:-141px top; }
.pict5:before { background-position:-188px top; }
.pict6:before { background-position:-235px top; }
.pict7:before { background-position:-282px top; }
.pict8:before { background-position:-329px top; }
.pict9:before { background-position:-376px top; }
.pict10:before { background-position:-423px top; }
.pict11:before { background-position:-470px top; }
.pict12:before { background-position:-517px top; }
.pict13:before { background-position:-564px top; }
.pict14:before { background-position:-611px top; }
.pict15:before { background-position:-658px top; }
.pict16:before { background-position:-705px top; }
.pict17:before { background-position:-752px top; }
.pict18:before { background-position:-799px top; }
.pict19:before { background-position:-846px top; }




/* main ------------------------------------------------------------------------*/
.main { background:#f0f2f3; padding:121px 20px 40px 20px !important; }
.main h2 { font-size:16px; font-weight:500; color:#000; }
.main:before { content:''; position:fixed; z-index:-1; top:0; left:0; right:0; bottom:0; background:#f0f2f3; display:block; }

.main .tabBox { position:relative; z-index:10; height:61px; background:#fff; border-top:solid 1px #dedede; margin:-61px -20px 0 -20px; padding-top:18px; text-align:center; box-sizing:border-box; }
.main .tabBox a,
.main .tabBox em { position:relative; margin:0 29px; font-size:18px; font-weight:500; line-height:20px; display:inline-block; }
.main .tabBox a { color:#999; }
.main .tabBox em { color:#000; }
.main .tabBox em:after { content:''; position:absolute; left:50%; bottom:-13px; width:7px; height:7px; background:#9048c9; border-radius:10px; margin-left:-3.5px; }
.main .tabBox.stop { position:fixed; top:60px; left:0; right:0; margin-top:0; }

.main .linkBox { margin:28px -6px 0 -6px; }
.main .linkBox > p { position:relative; float:left; width:50%; margin-top:12px; padding:0 6px; box-sizing:border-box; }
.main .linkBox > p a { height:95px; background-color:#fff; border-radius:7px; padding:17px 20px 0 20px; font-size:16px; font-weight:500; color:#000; word-wrap:break-word; word-break:keep-all; display:block; box-sizing:border-box; box-shadow:2px 3px 6px rgba(0,0,0,.03); }
.main .linkBox > p a span { display:block; }
.main .linkBox > p a:before { content:''; position:absolute; z-index:1; bottom:11px; height:45px; background-image:url('../../resources/images/icon_mainlink.png'); background-repeat:no-repeat; background-size:auto 45px; }
.main .linkBox:after { content:''; display:block; clear:both; }

.main .linkBox .card a { height:115px; background-color:#b174e2; box-shadow:none; }
.main .linkBox .card a:before { right:31px; width:25px; background-position:left bottom; }

.main .linkBox .wage a:before{ right:23px; width:33px; background-position:-143px bottom; }
.main .linkBox .certif a:before { right:23px; width:32px; background-position:-30px bottom; }
.main .linkBox .ticket a:before { right:26px; width:39px; background-position:-67px bottom; }
.main .linkBox .receipt a:before { right:25px; width:27px; background-position:-111px bottom; }
.main .linkBox .mealtkt a:before { right:25px; width:39px; background-position:-223px bottom; }
.main .linkBox .dutyinfo a:before { right:23px; width:37px; background-position:-181px bottom; }

.main .linkBox .bigday { width:100%; }
.main .linkBox .bigday a { height:60px; padding-top:20px; }
.main .linkBox .bigday a:before { right:23px; width:37px; background-position:-181px bottom; }

.main .workTime { position:relative; float:left; width:50%; height:115px; margin-top:12px; padding:0 6px; overflow:hidden; box-sizing:border-box; }
.main .workTime dt,
.main .workTime dd { background:#b174e2; }
.main .workTime dt { height:20px; border-radius:7px 7px 0 0; padding:17px 0 0 20px; font-size:16px; font-weight:500; color:#000; }
.main .workTime .time { height:45px; border-radius:0 0 7px 7px; padding:8px 19px 0 0; font-size:35px; color:#fff; letter-spacing:-0.5px; text-align:right; }
.main .workTime .time span { width:4px; height:16px; background:url('../../resources/images/mark_sep_time.png') center center no-repeat; background-size:auto 16px; margin:-7px -3px 0 -3px; font-size:0; line-height:0; text-indent:-9999px; vertical-align:middle; display:inline-block; overflow:hidden; }
.main .workTime .date { height:25px; padding-left:20px; font-family:Roboto; font-weight:400; color:#000; }

.main .btnMore { position:absolute; z-index:10; top:29px; left:20px; right:20px; height:17px; font-size:0; line-height:0; display:block; overflow:hidden; }
.main .btnMore:after { content:''; position:absolute; top:2px; right:0; width:7px; height:12px; background:url('../../resources/images/btn_more.png') right top no-repeat; background-size:7px auto; }


/* 공지사항 */
.main .notice { position:relative; background:#fff; border-radius:7px; margin-top:12px; padding:28px 20px 27px 20px; box-shadow:2px 3px 6px rgba(0,0,0,.03); }
.main .notice a { color:#666; }
.main .notice li { margin-top:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main .notice ul { padding-top:5px; }


/* 근무이력 */
.main .myHistory { position:relative; background:#fff; border-radius:7px; margin-top:12px; padding:28px 20px 27px 20px; box-shadow:2px 3px 6px rgba(0,0,0,.03); }
.main .myHistory h2 { margin-bottom:6px; }
.main .myHistory h2 b { font-weight:500; color:#8636c6; }
.main .myHistory .cont { position:relative; padding-top:4px; }
.main .myHistory .cont .part { margin-top:4px; vertical-align:top; display:inline-block; }
.main .myHistory .cont .part i { position:relative; }
.main .myHistory .cont .part i:before { content:''; width:1px; height:11px; background:#ddd; margin:-3px 7px 0 3px; vertical-align:middle; display:inline-block; }
.main .myHistory .cont .term { min-width:139px; margin:5px 21px 0 0; font-family:Roboto,'Noto Sans KR'; letter-spacing:-0.5px; vertical-align:top; display:inline-block; }


/* 빅데이 */
.main .bigDayAd,
.main .myBigDay { position:relative; background:#fff; border-radius:7px; padding:28px 0 27px 0; box-shadow:2px 3px 6px rgba(0,0,0,.03); }
.main .bigDayAd h2,
.main .myBigDay h2 { padding-left:20px; }
.main .bigDayAd .totalNum,
.main .myBigDay .totalNum { position:absolute; top:23px; right:20px; width:27px; height:27px; background:#9d54d7; border-radius:30px; font-family:Roboto; font-size:15px; font-weight:400; color:#fff; line-height:29px; text-align:center; display:block; }

.main .bigDayAd { margin-top:40px; }
.main .bigDayAd li { position:relative; border-top:solid 1px #e3e3e3; margin-top:16px; padding:17px 63px 0 0; font-family:Roboto,'Noto Sans KR'; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.main .bigDayAd li button { position:absolute; top:50%; right:0; width:60px; height:35px; background:#fff; border:solid 1px #d7d7d7; border-radius:50px; margin-top:-10px; color:#000; text-align:center; box-sizing:border-box; }
.main .bigDayAd li:first-child { border-top:0; }
.main .bigDayAd li.off { color:#888; }
.main .bigDayAd li.off .date { color:#888 !important; }
.main .bigDayAd li.off .state { background:#efefef; border:0; color:#888; }
.main .bigDayAd .time { font-size:14px; margin-bottom:8px; font-weight:500; color:#000; letter-spacing:0; }
.main .bigDayAd .date { margin-bottom:8px; font-size:15px; font-weight:500; color:#000; letter-spacing:0; }
.main .bigDayAd .pos {  margin-Top:8px; display:block;}
.main .bigDayAd .state { position:absolute; top:50%; right:0; width:60px; height:35px; background:#efefef; border-radius:50px; margin-top:-10px; font-weight:400; color:#000; line-height:35px; text-align:center; box-sizing:border-box; }
.main .bigDayAd .nothing { text-align:center; margin-Top:20px; display:block;}
.main .bigDayAd .listBox { position:relative; margin-top:-6px; }
.main .bigDayAd .listBox .bundle { padding:0 20px; }
.main .bigDayAd .bx-pager { margin:12px 0 -2px 0; font-size:0; line-height:0; text-align:center; }
.main .bigDayAd .bx-pager div { margin:0 5px; font-size:0; line-height:0; display:inline-block; }
.main .bigDayAd .bx-pager div a { width:6px; height:6px; background:#e1e1e1; border-radius:10px; display:block; overflow:hidden; }
.main .bigDayAd .bx-pager div a.active { background:#000; }
.main .bigDayAd + .linkBox { margin-top:0; }

.main .myBigDay { margin-top:12px; }
.main .myBigDay dl { width:125px; height:125px; background:#f2f4f5; border-radius:7px; margin-left:7px; vertical-align:top; display:inline-block; overflow:hidden; }
.main .myBigDay dt { height:38px; background:#666; margin-bottom:22px; padding-left:25px; font-size:13px; font-weight:400; color:#fff; line-height:38px; }
.main .myBigDay dd { padding-left:25px; font-family:Roboto,'Noto Sans KR'; letter-spacing:-0.5px; }
.main .myBigDay dd:last-child { margin:6px 10px 0 0; font-weight:500; color:#000; letter-spacing:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.main .myBigDay .close dt { background:#77707e; }
.main .myBigDay .apply dt { background:#6986d9; }
.main .myBigDay .decide dt { background:#9e5bda; }
.main .myBigDay dt.close { background:#77707e; }
.main .myBigDay dt.apply { background:#6986d9; }
.main .myBigDay dt.decide { background:#9e5bda; }
.main .myBigDay .nodata { width:100%; padding:0 0 2px 7px; text-align:center; display:inline-block; overflow:hidden; box-sizing:border-box; }
.main .myBigDay .nodata:before { content:''; width:37px; height:37px; background:url('../../resources/images/mark_tip.png') 17px center no-repeat; background-size:auto 17px; border:solid 1px #d7d7d7; border-radius:40px; margin:0 auto 16px auto; display:block; }
.main .myBigDay .listBox { max-height:125px; margin:18px 0 4px 0; padding:0 20px 0 13px; white-space:nowrap; overflow-x:auto; scrollbar-track-color:transparent; scrollbar-face-color:transparent; }
.main .myBigDay .listBox::-webkit-scrollbar { width:0; height:0; background-color:transparent; -webkit-appearance:none; }

.main .guidInfo { padding-top:30px; }
.main .guidInfo li { position:relative; margin-top:6px; padding-left:7px; font-size:13px; color:#666; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.main .guidInfo li:before { content:'-'; position:absolute; top:0; left:0; display:block; }




/* sub ------------------------------------------------------------------------- */
/* 나의 업무 - 근무이력 */
.workHistory { background:#f2f4f5; margin-bottom:38px; padding:28px 20px 40px 20px; }
.workHistory .role:after { display:none !important; }
.workHistory .period { margin-bottom:8px; font-size:15px; font-weight:500; color:#000; display:block; }

.workHistory li { position:relative; min-height:47px; background:#fff; border-radius:7px; margin-top:12px; padding:19px 15px 15px 80px; font-family:Roboto,'Noto Sans KR'; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; overflow:hidden; box-shadow:2px 2px 6px rgba(0,0,0,.03); }
.workHistory li span { display:inline-block; }
.workHistory li span:after { content:''; width:1px; height:11px; background:#c9c9c9; margin:-3px 4px 0 8px; vertical-align:middle; display:inline-block; }
.workHistory li:before { content:'icon'; position:absolute; top:50%; left:20px; width:47px; height:47px; background-image:url('../../resources/images/icon_work_history.png'); background-repeat:no-repeat; background-color:#b375e3; background-size:auto 47px; border-radius:50px; margin-top:-24px; font-size:0; line-height:0; display:block; overflow:hidden; }
.workHistoryNodata { background: #f2f4f5; margin-bottom: 38px; padding: 40px 20px 40px 20px; text-align:center; }

/* 나의 업무 - 근무실적 */
.perform { position:relative; height:105px; background:#9f5bdb; padding:0 20px; color:#fff; text-align:right; box-sizing:border-box; }
.perform select { position:absolute; top:27px; left:20px; width:130px; height:50px; background:url('../../resources/images/mark_select.png') right 21px no-repeat #fff; background-size:32px auto; border:solid 1px #7d3fb4; padding-left:16px; font-family:Roboto; font-size:18px; color:#8636c6; letter-spacing:-0.5px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.perform .detail { margin-top:8px; font-size:12px; font-weight:300; display:block; }
.perform .detail i { font-family:Roboto; font-weight:300; }
.perform .detail i:first-child:after { content:''; width:1px; height:9px; background:#fff; margin:-2px 6px 0 9px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.perform .totalTime { margin-top:22px; font-size:15px; font-weight:400; text-align:center; display:inline-block; }
.perform .totalTime strong { margin:0 -1px -8px 0; font-family:Roboto; font-size:35px; font-weight:500; line-height:40px; letter-spacing:-1px; vertical-align:bottom; display:inline-block; }
.perform .totalTime strong.min { margin-left:13px; }

.perfList { background:#f2f4f5; margin-bottom:38px; padding:28px 20px 40px 20px; }
.perfList dl { position:relative; background:#fff; border-radius:7px; margin-top:12px; padding:0 20px 20px 20px; font-family:Roboto,'Noto Sans KR'; overflow:hidden; box-shadow:2px 2px 6px rgba(0,0,0,.03); }
.perfList dt { background:#e4dfe8; margin:0 -20px; padding:13px 20px 13px 20px; color:#000; }
.perfList dd { display:inline-block; }
.perfList .time { margin:17px 0 4px 0; font-family:'Noto Sans KR'; font-size:13px; display:block; }
.perfList .time i { font-family:Roboto; font-weight:300; }
.perfList .time i:after { content:''; width:1px; height:10px; background:#c9c9c9; margin:-2px 3px 0 7px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.perfList .time i:last-child:after { display:none; }
.perfList .time strong { margin:0 11px 0 0; font-family:Roboto; font-size:24px; font-weight:500; color:#8636c6; line-height:30px; letter-spacing:-0.5px; vertical-align:middle; display:inline-block; }
.perfList .facil:after,
.perfList .dept:after { content:''; width:1px; height:10px; background:#c9c9c9; margin:-2px 3px 0 7px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.perfListNodata { background: #f2f4f5; padding: 40px 20px 40px 20px; text-align:center;}


/* 나의 업무 - 급여 조회 */
.wageFind { padding:132px 20px 80px 20px; }
.wageFind .guide span { display:block; }
.wageFind .wbox { margin-top:17px; }
.wageFind .wbox input { width:100%; height:50px; border:solid 1px #dedede; font-family:Roboto; color:#000; padding:0 20px; box-sizing:border-box; }
.wageFind .wbox input::placeholder { font-weight:300; color:#666; }
.wageFind .wbox input::-moz-placeholder { font-weight:300; color:#666; }
.wageFind .wbox input:-ms-input-placeholder { font-weight:300; color:#666; }
.wageFind .wbox input::-webkit-input-placeholder { font-weight:300; color:#666; }
.wageFind .notify { margin-top:5px; }
.wageFind .btnCancel,
.wageFind .btnConfirm { position:fixed; bottom:0; width:50%; height:50px; font-size:17px; font-weight:400; line-height:50px; text-align:center; display:block; }
.wageFind .btnCancel { left:0; background:#e7e7e7; color:#000; }
.wageFind .btnConfirm { right:0; background:#9048c9; color:#fff; }

.wageDate { height:60px; border-top:solid 1px #dedede; padding:0 14px 0 8px; white-space:nowrap; text-align:center; display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-track-color:transparent; scrollbar-face-color:transparent; }
.wageDate button { position:relative; width:70px; height:60px; background:#fff; margin-left:6px; font-family:Roboto; font-size:17px; font-weight:300; color:#999; letter-spacing:-0.35px; text-align:center; }
.wageDate button.on { font-weight:500; color:#000; letter-spacing:-0.5px; }
.wageDate button.on:after { content:''; position:absolute; left:50%; bottom:11px; width:6px; height:6px; background:#9048c9; border-radius:10px; margin-left:-3px; display:block; overflow:hidden; }
.wageDate::-webkit-scrollbar { width:0; height:0; background-color:transparent; -webkit-appearance:none; }

.wageDetail { background:#9f5bdb; padding:40px 20px 40px 20px; }
.wageDetail .info { margin:30px 0 -4px 0; }
.wageDetail .info li { position:relative; margin-top:10px; padding-left:8px; font-size:13px; font-family:Roboto,'Noto Sans KR'; color:#fff; line-height:18px; word-wrap:break-word; word-break:keep-all; }
.wageDetail .info li .tel { font-weight:400; color:#fff; }
.wageDetail .info li:before { content:'-'; position:absolute; top:0; left:0; display:block; }
.wageDetail .netPay { background:#f2f4f5; border-bottom:solid 1px #dedede; border-radius:7px 7px 0 0; margin-bottom:7px; padding:20px 20px 30px 20px; font-size:12px; font-weight:400; color:#8636c6; }
.wageDetail .netPay span { position:relative; height:70px; background:#9954ce; border-radius:7px; margin-top:7px; padding:17px 30px 0 0; font-size:23px; color:#fff; line-height:35px; text-align:right; display:block; box-sizing:border-box; box-shadow:1px 1px 2px rgba(0,0,0,.4) inset; }
.wageDetail .netPay span:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:7px; display:block; box-shadow:3px 3px 6px rgba(0,0,0,0.03); }
.wageDetail .netPay strong { margin:0 0 4px 0; font-family:Roboto; font-size:30px; font-weight:500; letter-spacing:-1px; vertical-align:middle; display:inline-block; }
/* .wageDetail .depBox { margin:0 20px; } */
.wageDetail .depBox { margin:0 20px;}
/* .wageDetail .depBox p { padding: 0 27px 27px 0} */
/* .wageDetail .depBox dl { padding:27px 32px 15px 0; font-family:Roboto,'Noto Sans KR'; } */
.wageDetail .depBox dl { padding:0 32px 0 0; font-family:Roboto,'Noto Sans KR'; }
.wageDetail .depBox dl:after { content:''; display:block; clear:both; }
.wageDetail .depBox dt { float:left; letter-spacing:-0.5px; clear:both; }
.wageDetail .depBox dd { float:right; margin-bottom:11px; }
.wageDetail .depBox .total { position:relative; border-bottom:solid 1px #dedede; padding:21px 32px 19px 0; font-size:16px; font-weight:500; color:#000; }
.wageDetail .depBox .total b { font-weight:500; color:#8636c6; }
.wageDetail .depBox .total em { float:right; font-size:18px; letter-spacing:-0.5px; }
.wageDetail .depBox .total em i { margin-right:-1px; font-family:Roboto; display:inline-block; }
.wageDetail .depBox .total:after { content:''; position:absolute; top:50%; right:0; width:12px; height:7px; background:url('../../resources/images/mark_fold.png') left center no-repeat; background-size:auto 7px; margin-top:-3px; display:block; }
.wageDetail .depBox:after { content:''; display:block; clear:both; }
.wageDetail .depBox.off dl { display:none; }
.wageDetail .depBox.off .total { border-bottom:0; }
.wageDetail .depBox.off .total:after { background-position:right center; }
.wageDetail .depBox + .depBox { border-top:solid 1px #dedede; }
.wageDetail .nodata,
.wageDetail .amount { position:relative; background:#fff; border-radius:7px; padding-bottom:20px; box-shadow:2px 3px 6px rgba(0,0,0,.03); }
.wageDetail .nodata:after,
.wageDetail .amount:after { content:''; position:absolute; z-index:2; left:18px; right:18px; bottom:-6px; height:10px; background:url('../../resources/images/bg_wage.png') left bottom repeat-x; background-size:auto 10px; display:block; }
.wageDetail .nodata { padding:112px 0; color:#000; text-align:center; }

.wageDown { width:100%; }
.wageDown button { width:100%; height:50px; background:#9048c9; font-family:Roboto,'Noto Sans KR'; font-size:17px; color:#fff; }
.wageDown.off button { background:#e7e7e7; }

.wageGuide { padding:30px 20px 70px 20px; }
.wageGuide p { padding-left:8px; }
.wageGuide span { display:block; }
.wageGuide .tel { font-family:Roboto; font-weight:400; color:#000; letter-spacing:0; display:inline-block; }
.wageGuide .link { width:118px; height:33px; border:solid 1px #d7d7d7; border-radius:35px; margin:12px 0 21px 0; font-weight:400; color:#000; line-height:33px; text-align:center; display:block; }


/* 계좌정보 수정 */
.accInfo { position:relative; background:#9f5bdb; width:100%; height:115px; padding:58px 20px 17px 130px; color:#fff; display:table; box-sizing:border-box; }
.accInfo dd { font-size:15px; font-weight:400; box-sizing:border-box; }
.accInfo dt { position:absolute; top:60px; left:20px; width:85px; height:35px; background:#7e34bf; border-radius:3px; line-height:35px; text-align:center; display:block; }
.accInfo dt:first-child { top:20px; }
.accInfo dd:nth-child(2) { position:absolute; top:27px; left:130px; margin:0; }
.accInfo .num { height:40px; margin-bottom:-5px; font-family:Roboto; vertical-align:middle; display:table-cell; }
.accInfo .num i { font-family:'Noto Sans KR'; margin-right:13px; font-weight:400; display:inline-block; }
.accInfo .accNone { vertical-align:middle; display:table-cell; }

.accModify { padding:40px 20px 80px 20px; }
.accModify .wbox { position:relative; padding-left:133px; }
.accModify .wbox input { width:100%; height:50px; border:solid 1px #dedede; padding:0 20px; font-family:Roboto; font-size:15px; color:#000; line-height:51px; box-sizing:border-box; }
.accModify .wbox input::placeholder { font-family:'Noto Sans KR'; font-weight:300; font-size:14px; color:#666; line-height:50px; }
.accModify .wbox input::-moz-placeholder { font-family:'Noto Sans KR'; font-weight:300; font-size:14px; color:#666; line-height:50px; }
.accModify .wbox input:-ms-input-placeholder { font-family:'Noto Sans KR'; font-weight:300; font-size:14px; color:#666; line-height:50px; }
.accModify .wbox input::-webkit-input-placeholder { font-family:'Noto Sans KR'; font-weight:300; font-size:14px; color:#666; line-height:50px; }
.accModify .wbox select { position:absolute; top:0; left:0; width:125px; height:50px; background:url('../../resources/images/mark_select.png') 105% -11px no-repeat #fff; background-size:32px auto; border:solid 1px #dedede; padding:0 30px 0 16px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.accModify .guide { padding-top:28px; }
.accModify .guide li { position:relative; margin-top:8px; padding-left:9px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.accModify .guide li:before { content:'-'; position:absolute; top:0; left:0; }
.accModify .notify { min-height:25px; margin-bottom:-25px; padding-top:5px; box-sizing:border-box; }

.accApply { position:fixed; left:0; right:0; bottom:0; }
.accApply button { width:100%; height:50px; background:#9048c9; font-size:17px; color:#fff; line-height:50px; display:block; }


/* 증명서 발급 */
.ctfList { background:#f2f4f5; margin-bottom:38px; padding:28px 20px 40px 20px; }
.ctfList li { position:relative; min-height:65px; background:#fff; border-radius:7px; margin-top:12px; padding:23px 100px 20px 20px; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; box-shadow:2px 2px 6px rgba(0,0,0,.03); }
.ctfList button { position:absolute; top:50%; right:20px; width:70px; height:30px; background:#fff; border:solid 1px #dedede; border-radius:35px; margin-top:-16px; font-size:13px; color:#000; line-height:26px; letter-spacing:-1px; text-align:center; display:block; box-sizing:border-box; }
.ctfList .tip { position:absolute; top:0; left:-26px; width:19px; height:19px; background:url('../../resources/images/mark_tip.png') -17px center no-repeat; background-size:auto 17px; border:solid 1px #e0e0e0; border-radius:25px; display:block; }
.ctfList .tip sup { position:absolute; z-index:10; top:37px; right:-51px; width:170px; background:#fff; border:solid 1px #b6b6b6; border-radius:7px; padding:15px 20px; font-size:13px; font-weight:300; display:none; box-sizing:border-box; }
.ctfList .tip sup:before { content:''; position:absolute; top:-15px; right:50px; width:19px; height:15px; background:url('../../resources/images/mark_tooltip.png') center bottom no-repeat; background-size:auto 15px; display:block; }
.ctfList .tip sup.case1 { width:170px; }
.ctfList .tip sup.case2 { width:145px; }
.ctfList .tip.active sup { display:block; }
.ctfList .tit { margin-right:21px; font-weight:400; color:#000; display:inline-block; }
.ctfList .date { font-family:Roboto; font-size:15px; letter-spacing:-0.5px; display:inline-block; }
.ctfList .state { position:absolute; top:50%; right:20px; height:19px; margin-top:-11px; font-size:13px; letter-spacing:-1px; }
.ctfList .nodata { padding:23px 20px 20px 20px; text-align:center; }

.ctfReq { padding:0 20px; }
.ctfReq .wbox { position:relative; margin-top:38px; }
.ctfReq .wbox b { margin-bottom:14px; font-size:18px; font-weight:500; color:#000; display:block; }
.ctfReq .wbox input { width:100%; height:50px; border:solid 1px #dedede; padding:0 20px; font-weight:400; color:#000; box-sizing:border-box; }
.ctfReq .wbox input::placeholder { font-weight:300; font-size:14px; color:#888; }
.ctfReq .wbox input::-moz-placeholder { font-weight:300; font-size:14px; color:#888; }
.ctfReq .wbox input:-ms-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.ctfReq .wbox input::-webkit-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.ctfReq .wbox select { width:100%; height:50px; background:url('../../resources/images/mark_select.png') right -11px no-repeat #fff; background-size:32px auto; border:solid 1px #dedede; padding:0 20px; font-family:Roboto; font-size:15px; font-weight:400; color:#000; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.ctfReq .wbox .notify { position:absolute; left:0; bottom:-24px; }
.ctfReq .guide { padding-top:28px; }
.ctfReq .guide li { position:relative; margin-top:8px; padding-left:9px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.ctfReq .guide li span { display:inline-block; }
.ctfReq .guide li:before { content:'-'; position:absolute; top:0; left:0; }
.ctfReq .guide .tel { font-family:Roboto; font-weight:400; color:#000; letter-spacing:0; display:inline-block; }
.ctfReq .nodata { background:#f5f5f5; border-radius:7px; margin-top:40px; padding:57px 35px; color:#000; word-wrap:break-word; word-break:keep-all; text-align:center; }

.ctfAccept { margin-top:70px; }
.ctfAccept label,
.ctfAccept button { position:relative; width:100%; height:50px; box-sizing:border-box; }
.ctfAccept label { background:#f0f2f3; padding:0 60px 0 20px; display:table; overflow:hidden; }
.ctfAccept label span { height:50px; font-size:13px; line-height:17px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.ctfAccept label span:after { content:''; position:absolute; top:50%; right:20px; width:27px; height:27px; background:url('../../resources/images/mark_check.png') center center no-repeat #c9c9c9; background-size:auto 10px; border-radius:30px; margin-top:-13px; display:block; }
.ctfAccept label input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.ctfAccept label input:checked + span:after { background-color:#9048c9; }
.ctfAccept button { background:#9048c9; font-size:17px; color:#fff; line-height:50px; display:block; }
.ctfAccept.fix { position:fixed; left:0; right:0; bottom:0; }
.ctfAccept.off label { display:none; }
.ctfAccept.off button { background:#e7e7e7; }

.ctfAcptEnd { position:fixed; top:50%; left:50%; width:100%; max-width:560px; height:482px; margin-top:-255px; padding:0 20px; box-sizing:border-box; transform:translateX(-50%); }
.ctfAcptEnd h1 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; opacity:0; }
.ctfAcptEnd > a { position:absolute; bottom:0; width:155px; height:45px; border-radius:50px; font-size:17px; font-weight:400; line-height:41px; text-align:center; display:block; box-sizing:border-box; }
.ctfAcptEnd .tit { position:relative; width:100%; height:185px; margin-left:-3px; display:table; box-sizing:border-box; }
.ctfAcptEnd .tit em { padding:0 50% 3px 0; font-size:50px; font-weight:100; color:#8636c6; line-height:60px; letter-spacing:-3px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.ctfAcptEnd .tit span { display:inline-block; }
.ctfAcptEnd .tit:before { content:''; position:absolute; z-index:-1; bottom:0; right:12px; width:145px; height:170px; background:url('../../resources/images/img_certif.png') left center no-repeat; background-size:auto 100%; }
.ctfAcptEnd .info { padding-top:33px; }
.ctfAcptEnd .info p { margin-top:14px; }
.ctfAcptEnd .info span { display:inline-block; }
.ctfAcptEnd .info .tel { font-family:Roboto; color:#666; display:inline-block; }
.ctfAcptEnd .btnMove { right:50%; background:#fff; border:solid 1px #9048c9; margin-right:5px; color:#8636c6; }
.ctfAcptEnd .btnCertifList { left:50%; background:#9048c9; margin-left:5px; color:#fff; }


/* 퇴직 희망일 등록 */
.quitDate { position:relative; margin:37px 20px 38px 20px; padding-right:40px; }
.quitDate button { position:absolute; z-index:2; font-size:0; line-height:0; text-indent:-9999px; display:block;overflow:hidden; }
.quitDate input[type='text'] { width:100%; height:50px; background:#fff; border:solid 1px #dedede; margin-top:12px; padding:0 60px 0 20px; font-family:Roboto,'Noto Sans KR'; color:#000; box-sizing:border-box; }
.quitDate .btnCal { right:0; bottom:14px; width:21px; height:21px; background:url('../../resources/images/btn_calendar.png') center center no-repeat; background-size:100% auto; }
.quitDate .btnDel { right:60px; bottom:12px; width:26px; height:26px; background:url('../../resources/images/btn_delete.png') 9px center no-repeat #e5e5e5; background-size:auto 9px; border-radius:30px; }

.quitAccept { position:fixed; left:0; right:0; bottom:0; }
.quitAccept button { float:left; width:50%; height:50px; background:#e7e7e7; font-size:17px; color:#000; line-height:50px; display:block; }
.quitAccept button:last-child { width:100%; background:#9048c9; color:#fff; }
.quitAccept button + button:last-child { width:50%; }
.quitAccept:after { content:''; display:block; clear:both; }

.bdayAlarm { border-top:solid 1px #000; border-bottom:solid 1px #dedede; margin:40px 20px 38px 20px; }
.bdayAlarm label { position:relative; height:50px; display:block; }
.bdayAlarm label span { font-size:14px; font-weight:400; color:#000; line-height:50px; letter-spacing:-0.5px; }
.bdayAlarm label span:after { content:''; position:absolute; top:50%; right:0; width:26px; height:26px; background:url('../../resources/images/mark_check.png') center center no-repeat #c9c9c9; background-size:auto 10px; border-radius:30px; margin-top:-13px; display:block; }
.bdayAlarm label input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.bdayAlarm label input:checked + span:after { background-color:#9048c9; }
.bdayAlarm .note { border-top:solid 1px #dedede; padding:16px 0 17px 0; font-size:13px; }
.bdayAlarm .note span { display:inline-block; }


/* 쿠폰 - 목록 */
.couponTab { height:61px; background:#fff; border-top:solid 1px #dedede; padding-top:18px; text-align:center; box-sizing:border-box; }
.couponTab a,
.couponTab em { position:relative; margin:0 23px; font-size:18px; font-weight:500; line-height:20px; display:inline-block; }
.couponTab a { color:#999; }
.couponTab em { color:#000; }
.couponTab em:after { content:''; position:absolute; left:50%; bottom:-13px; width:7px; height:7px; background:#9048c9; border-radius:10px; margin-left:-3.5px; }

.couponList { background:#9f5bdb; margin-bottom:38px; padding:28px 20px 60px 20px; }
.couponList li { position:relative; background:#fff; margin-top:12px; border-radius:7px; padding:26px 85px 25px 24px; word-wrap:break-word; word-break:keep-all; box-shadow:2px 3px 6px rgba(0,0,0,.02); }
.couponList li a { margin:-26px -85px -25px -24px; padding:26px 85px 25px 24px; display:block; }
.couponList li:after,
.couponList li:before { content:''; position:absolute; right:71px; width:13px; background-image:url('../../resources/images/bg_coupon.png'); background-repeat:no-repeat; background-size:13px auto; display:block; }
.couponList li:after { z-index:11; bottom:-1px; height:7px; background-position:left bottom; }
.couponList li:before { z-index:10; top:-1px; bottom:0; background-position:left -14px; }
.couponList .tit { margin-bottom:12px; font-size:17px; font-weight:500; color:#000; display:block; }
.couponList .date,
.couponList .numb { position:relative; padding-left:63px; font-family:Roboto,'Noto Sans KR'; color:#666; line-height:18px; letter-spacing:-0.5px; display:block; }
.couponList .date i,
.couponList .numb i { position:absolute; top:0; left:0; width:57px; color:#000; letter-spacing:-1px !important; display:inline-block; }
.couponList .date i:after,
.couponList .numb i:after { content:''; position:absolute; top:3px; right:0; width:1px; height:10px; background:#cacaca; display:block; }
.couponList .numb,
.couponList .date { letter-spacing:-1px; }
.couponList .date + .date { margin-top:9px; }
.couponList .state { position:absolute; top:0; right:0; bottom:0; width:78px; background:#eeeaf0; border-radius:0 7px 7px 0; display:block; }
.couponList .state mark { position:absolute; top:50%; left:20px; right:20px; background:transparent; font-size:15px; font-weight:400; color:#eeeaf0; line-height:20px; text-align:center; display:block; transform:translateY(-50%); }
.couponList .state .poss { color:#8636c6; }
.couponList .state .compl { color:#000; }
.couponList .state .unposs { color:#bfbfbf; }
.couponList .nodata { padding:40px 0 41px 0 !important; color:#000; text-align:center; box-sizing:border-box; }
.couponList .nodata:after,
.couponList .nodata:before { top:50%; bottom:auto; width:7px; height:13px; margin-top:-7px; }
.couponList .nodata:after { right:-1px !important; background-position:right top; }
.couponList .nodata:before { left:-1px !important; background-position:left top; }

.couponList.ticket li { padding:27px 85px 26px 24px; }
.couponList.ticket li a { margin:-27px -85px -26px -24px; padding:27px 85px 26px 24px; }
.couponList.ticket .tit { margin-bottom:18px; }

.couponListPg { position:relative; z-index:2; height:75px; background:#9f5bdb; margin:-80px 0 38px 0; font-family:Roboto; font-size:13px; color:#fff; text-align:center; }
.couponListPg a { width:15px; height:16px; background-image:url('../../resources/images/btn_paging.png'); background-repeat:no-repeat; background-size:60px auto; margin-top:-3px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.couponListPg b,
.couponListPg span { vertical-align:middle; display:inline-block; }
.couponListPg .sep { margin:0 5px 0 3px; font-style:italic; font-size:11px; font-weight:300; }
.couponListPg .now { margin-top:-2px; font-size:18px; font-weight:400; }
.couponListPg .total { opacity:.7; }
.couponListPg .btnPrev { background-position:4px center; margin-right:8px; }
.couponListPg .btnNext { background-position:-14px center; margin-left:8px; }


/* 쿠폰 - 식권 */
.mealtktDet { position:relative; left:50%; max-width:360px; background:#fff; border-radius:13px; margin:10px 70px 40px 0; box-shadow:6px 11px 23px rgba(0,0,0,.2); transform:translateX(-50%); }
.mealtktDet dl { padding:9px 30px 40px 30px; line-height:18px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
.mealtktDet dt { margin-top:23px; font-weight:500; color:#000; }
.mealtktDet dd { margin-top:6px; font-size:13px; }
.mealtktDet dd span { display:inline-block; }
.mealtktDet dd:nth-child(2) { font-family:Roboto; font-size:14px; }
.mealtktDet .QRCode { position:relative; z-index:2; background:#9b52d0; border-radius:13px 13px 0 0; padding:11px 0 10px 0; font-size:12px; color:#fff; text-align:center; }
.mealtktDet .QRCode .num { font-family:Roboto; }
.mealtktDet .QRCode .time { display:block; }
.mealtktDet .QRCode .time b { font-family:Roboto; font-weight:400; }
.mealtktDet .QRCode .imgBox { position:relative; z-index:1; background:#fff; border:solid 1px #7d33b7; border-radius:7px; margin:4px 0 0 0; padding:9px; font-size:0; line-height:0; display:inline-block; overflow:hidden; }
.mealtktDet .QRCode .imgBox img { width:86px; }
.mealtktDet .QRCode .btnReload { position:absolute; z-index:3; top:64px; left:50%; width:45px; height:45px; background:url('../../resources/images/btn_refresh.png') 12px center no-repeat #fff; background-size:auto 21px; border-radius:50px; margin-left:-22px; font-size:0; line-height:0; text-indent:-9999px; display:none; overflow:hidden; box-shadow:5px 7px 7px rgba(0,0,0,.2); }
.mealtktDet .QRCode:after,
.mealtktDet .QRCode:before { content:''; position:absolute; z-index:10; bottom:-10px; width:10px; height:19px; background-image:url('../../resources/images/bg_mealtkt.png'); background-repeat:no-repeat; background-size:25px auto; display:block; }
.mealtktDet .QRCode:after { right:-1px; background-position:right center; }
.mealtktDet .QRCode:before { left:-1px; background-position:left center; }
.mealtktDet .QRCode.expire .imgBox { opacity:.12; }
.mealtktDet .QRCode.expire .btnReload { display:block; }
.mealtktDet.fix { position:fixed; top:50%; width:80.5vw; margin:-15px 0 0 0; transform:translate(-50%, -50%); }

.goList { position:relative; font-weight:400; }
.goList a { width:100%; height:50px; background:#9048c9; font-size:17px; color:#fff; line-height:50px; text-align:center; display:block; }
.goList.fix { position:fixed; left:0; bottom:0; width:100%; }


/* 쿠폰 - 이용권 */
.dayPassDet { margin:38px 0 50px 0; padding:0 20px; }
.dayPassDet dt { margin-bottom:17px; font-size:20px; font-weight:500; color:#000; line-height:21px; letter-spacing:-1px; display:block; }
.dayPassDet .date { letter-spacing:-0.5px; }
.dayPassDet .date i { font-family:Roboto; letter-spacing:0; }
.dayPassDet .date:after { content:''; height:8px; background:#f0f2f3; margin:36px -20px; display:block; }
.dayPassDet .guide { padding:0 25% 37px 0; display:block; }
.dayPassDet .guide span { display:inline-block; }
.dayPassDet .numBox { position:relative; width:100%; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; padding-right:90px; display:table; box-sizing:border-box; }
.dayPassDet .numBox button { position:absolute; top:50%; right:0; width:85px; height:35px; background:#fff; border:solid 1px #dedede; border-radius:50px; margin-top:-18px; font-size:14px; font-weight:400; color:#000; text-align:center; box-sizing:border-box; }
.dayPassDet .numBox .num { height:110px; font-size:17px; font-weight:100; vertical-align:middle; display:table-cell; }
.dayPassDet .numBox .num b { margin-left:14px; font-family:Roboto; font-weight:400; color:#000; display:inline-block; }
.dayPassDet .numBox .notify { position:absolute; right:0; bottom:14px; width:85px; text-align:center; }

.dayPassReg { margin-top:-10px; padding:0 20px 57px 20px; }
.dayPassReg .tit { font-weight:500; color:#000; display:block; }
.dayPassReg .step { position:relative; left:50%; width:298px; margin-left:-149px; padding:9px 0 33px 10px; }
.dayPassReg .step li { position:relative; float:left; width:145px; min-height:175px; background-image:url('../../resources/images/img_coupon_reg.jpg'); background-repeat:no-repeat; background-size:auto 106px; margin:23px 0 0 4px; padding-top:118px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
.dayPassReg .step li:before { content:''; position:absolute; z-index:10; top:-11px; left:-7px; width:28px; height:28px; background:#9f5bdb; border-radius:30px; font-family:'Roboto'; font-size:15px; color:#fff; line-height:28px; text-align:center; display:block; }
.dayPassReg .step li:nth-child(1) { background-position:0 top; letter-spacing:-0.5px; }
.dayPassReg .step li:nth-child(2) { background-position:-150px top; }
.dayPassReg .step li:nth-child(3) { background-position:-300px top; }
.dayPassReg .step li:nth-child(4) { background-position:-450px top; }
.dayPassReg .step li:nth-child(1):before { content:'1'; }
.dayPassReg .step li:nth-child(2):before { content:'2'; }
.dayPassReg .step li:nth-child(3):before { content:'3'; }
.dayPassReg .step li:nth-child(4):before { content:'4'; }
.dayPassReg .step li:nth-child(odd) { clear:both; }
.dayPassReg .step:after { content:''; display:block; clear:both; }
.dayPassReg .note { padding-top:10px; }
.dayPassReg .note li { position:relative; margin-top:8px; padding-left:10px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.dayPassReg .note li:before { content:'-'; position:absolute; top:0; left:0; display:block; }

.goLink { margin-bottom:73px; text-align:center; }
.goLink a { width:290px; height:45px; border:solid 1px #9048c9; border-radius:50px; font-size:17px; font-weight:400; color:#8636c6; line-height:43px; letter-spacing:-1px; text-align:center; display:inline-block; box-sizing:border-box; overflow:hidden; }


/* 쿠폰 - 연간이용권 */
.yearlyDet { margin:37px 0 93px 0; padding:0 20px; }
.yearlyDet .guide { margin-bottom:34px; word-wrap:break-word; word-break:keep-all; }
.yearlyDet .guide strong { font-weight:400; color:#000; }
.yearlyDet .guide span { margin-right:35%; display:inline-block; }
.yearlyDet .regist { position:relative; margin-top:37px; padding-top:83px; padding-right:90px; display:block; }
.yearlyDet .regist input { width:100%; height:50px; border:solid 1px #dedede; padding:0 20px; font-family:Roboto,'Noto Sans KR'; color:#000; box-sizing:border-box; }
.yearlyDet .regist legend { position:absolute; top:45px; left:0; display:block; }
.yearlyDet .regist button { position:absolute; right:0; bottom:0; width:90px; height:50px; background:#9048c9; font-size:17px; color:#fff; line-height:50px; text-align:center; display:block; }
.yearlyDet .regist:before { content:''; position:absolute; top:0; left:-20px; right:-20px; height:8px; background:#f0f2f3; display:block; }
.yearlyDet .joinLink,
.yearlyDet .manuals { font-size:16px; font-weight:500; color:#000; display:inline-block; }
.yearlyDet .joinLink:after,
.yearlyDet .manuals:after { content:''; width:7px; height:12px; background:url('../../resources/images/mark_link.png') right center no-repeat; background-size:7px auto; margin:-3px 0 0 11px; vertical-align:middle; display:inline-block; }
.yearlyDet .joinLink { margin-right:36px; }

.yearlyRegEnd { position:fixed; top:50%; left:50%; width:100%; max-width:560px; height:482px; margin-top:-255px; padding:0 20px; box-sizing:border-box; transform:translateX(-50%); }
.yearlyRegEnd h1 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; opacity:0; }
.yearlyRegEnd > a { position:absolute; bottom:0; width:155px; height:45px; border-radius:50px; font-size:17px; font-weight:400; line-height:41px; text-align:center; display:block; box-sizing:border-box; }
.yearlyRegEnd .tit { position:relative; width:100%; height:185px; margin-left:-3px; display:table; box-sizing:border-box; }
.yearlyRegEnd .tit em { padding:3px 40% 0 0; font-size:50px; font-weight:100; color:#8636c6; line-height:60px; letter-spacing:-3px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.yearlyRegEnd .tit span { display:inline-block; }
.yearlyRegEnd .tit:before { content:''; position:absolute; z-index:-1; top:0; right:0; width:157px; height:148px; background:url('../../resources/images/img_ticket.png') left center no-repeat; background-size:auto 100%; }
.yearlyRegEnd .info { padding-top:14px; }
.yearlyRegEnd .info p { margin-top:14px; word-wrap:break-word; word-break:keep-all; }
.yearlyRegEnd .info span { display:inline-block; }
.yearlyRegEnd .info .tel { font-family:Roboto; color:#666; display:inline-block; }
.yearlyRegEnd .btnMove { right:50%; background:#fff; border:solid 1px #9048c9; margin-right:5px; color:#8636c6; }
.yearlyRegEnd .btnGoApp { left:50%; background:#9048c9; margin-left:5px; color:#fff; }


/* 빅데이 - 근무안내 */
.bdayIntro { padding:37px 20px 72px 20px; }
.bdayIntro h3 { margin-top:34px; font-size:14px; font-weight:500; color:#000; }
.bdayIntro li { word-wrap:break-word; word-break:keep-all; }
.bdayIntro .link { margin-top:14px; font-weight:500; color:#000; display:inline-block; }
.bdayIntro .link:after { content:''; width:7px; height:12px; background:url('../../resources/images/mark_link.png') right center no-repeat; background-size:7px auto; margin:-3px 0 0 11px; vertical-align:middle; display:inline-block; }
.bdayIntro .infoBox li { position:relative; margin-top:8px; padding-left:8px; font-size:13px; }
.bdayIntro .infoBox li:before { content:'-'; position:absolute; top:0; left:0; display:block; }
.bdayIntro .applyStep { margin:13px 0 46px 0; }
.bdayIntro .applyStep li { position:relative; margin-top:-1px; border:solid 1px #dedede; padding:14px 15px 15px 62px; letter-spacing:-0.5px; }
.bdayIntro .applyStep li i { position:absolute; top:50%; left:20px; width:28px; height:28px; background:#9f5bdb; border-radius:35px; margin-top:-14px; font-family:Roboto; font-size:15px; font-weight:400; color:#fff; line-height:29px; text-align:center; display:block; }
.bdayIntro .readyInfo { margin-top:13px; }
.bdayIntro .readyInfo li { position:relative; width:100%; margin-top:-1px; border:solid 1px #dedede; display:table; }
.bdayIntro .readyInfo li span { height:44px; padding:10px 10px 10px 62px; font-size:13px; letter-spacing:-0.5px; vertical-align:middle; display:table-cell; }
.bdayIntro .readyInfo li span:before { content:''; position:absolute; z-index:10; top:50%; left:20px; width:28px; height:28px; background:url('../../resources/images/icon_bday_intro.png') 30px center no-repeat #9f5bdb; background-size:auto 12px; border-radius:35px; margin-top:-14px; font-family:Roboto; font-size:15px; font-weight:400; color:#fff; line-height:29px; text-align:center; display:block; }
.bdayIntro .readyInfo li:nth-child(1) span:before { background-position:9px center; }
.bdayIntro .readyInfo li:nth-child(2) span:before { background-position:-16px center; }
.bdayIntro .readyInfo li:nth-child(3) span:before { background-position:-41px center; }
.bdayIntro .readyInfo li:nth-child(4) span:before { background-position:-68px center; }


/* 빅데이 - 목록 */
.bdayList { background:#f2f4f5; margin:0 0 38px 0; padding:40px 20px 48px 20px; }
.bdayList li { position:relative; background:#fff; margin-bottom:12px; border-radius:7px; box-shadow:2px 3px 6px rgba(0,0,0,.02); overflow:hidden; }
.bdayList li a { display:block; }
.bdayList li a.off { pointer-events: none; cursor: default; opacity:.65; }
.bdayList li a.off mark { color:#666 !important; }
.bdayList li.off { opacity:.65; }
.bdayList li.off mark { color:#666 !important; }
.bdayList mark { position:absolute; z-index:3; top:12px; right:15px; width:60px; height:26px; background:#fff; border-radius:30px; font-size:12px; font-weight:400; line-height:26px; letter-spacing:-0.5px; text-align:center; display:block; }
.bdayList mark.poss,
.bdayList mark.decid { color:#8636c6; }
.bdayList mark.compl { color:#3d73e1; }
.bdayList mark.unposs { color:#666; }
.bdayList .date { height:50px; background:#e4dfe8; border-radius:7px 7px 0 0; padding-left:20px; font-family:Roboto,'Noto Sans KR'; font-weight:400; color:#000; line-height:51px; display:block; overflow:hidden; }
.bdayList .part { position:relative; width:100%; padding:20px 20px 21px 20px; color:#666; word-wrap:break-word; word-break:keep-all; display:block; box-sizing:border-box; }
.bdayList .part i:after { content:''; width:1px; height:11px; background:#c9c9c9; margin:-3px 5px 0 8px; vertical-align:middle; display:inline-block; }
.bdayList .nodata { padding:40px 0 41px 0; color:#000; text-align:center; }

.bdayList.refer { padding-top:0; }
.bdayList.refer .part { padding:0 20px 0 80px; height:75px; vertical-align:middle; display:table-cell; }
.bdayList.refer .part:before { content:''; position:absolute; top:50%; left:20px; width:47px; height:47px; background-image:url('../../resources/images/icon_work_history.png'); background-repeat:no-repeat; background-color:#b375e3; background-size:auto 47px; border-radius:50px; margin-top:-24px; }
.bdayList.refer .off .part:before { opacity:.84; filter:grayscale(100%); }

.bdayListPg { position:relative; z-index:2; height:75px; background:#f2f4f5; margin:-80px 0 38px 0; font-family:Roboto; font-size:13px; color:#999; text-align:center; }
.bdayListPg a { width:15px; height:16px; background-image:url('../../resources/images/btn_paging.png'); background-repeat:no-repeat; background-size:60px auto; margin-top:-3px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.bdayListPg b,
.bdayListPg span { font-weight:400; vertical-align:middle; display:inline-block; }
.bdayListPg .sep { margin:0 5px 0 3px; font-style:italic; font-size:11px; font-weight:300; color:#ccc; }
.bdayListPg .now { margin-top:-2px; font-size:18px; color:#000; }
.bdayListPg .btnPrev { background-position:-31px center; margin-right:8px; }
.bdayListPg .btnNext { background-position:-49px center; margin-left:8px; }


/* 빅데이 - 조회 */
.bdayReferInfo { height:25px; background:#f2f4f5; padding:23px 20px 15px 20px; }
.bdayReferInfo button { float:right; width:27px; height:25px; background:url('../../resources/images/btn_refer.png') center center no-repeat #fff; background-size:auto 15px; border:solid 1px #dedede; border-radius:3px; font-size:0; line-height:0; display:block; overflow:hidden; }
.bdayReferInfo .num { float:left; font-size:13px; line-height:25px; margin-top:6px; display:block; }
.bdayReferInfo .num b { font-family:Roboto; font-size:14px; font-weight:400; color:#000; }
.bdayReferInfo:after { content:''; display:block; clear:both; }

.bdayReferSet { background:#f2f4f5; border-top:solid 8px #fff; padding:25px 15px 30px 20px; display:none; }
.bdayReferSet span { position:relative; float:left; height:28px; background:#fff; border:solid 1px #dedede; border-radius:30px; margin:5px 5px 0 0; padding:0 30px 0 14px; font-size:13px; color:#000; line-height:28px; display:inline-block; overflow:hidden; }
.bdayReferSet span button { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px; display:block; }
.bdayReferSet span button:before { content:''; position:absolute; top:9px; right:9px; width:13px; height:10px; background:url('../../resources/images/btn_delete.png') -21px center no-repeat; background-size:auto 10px; display:block; }
.bdayReferSet:after { content:''; display:block; clear:both; }
.bdayReferSet.active { display:block; }


/* 빅데이 - 신청 */
.bdayReq { padding:0 20px; }
.bdayReq > p > b { font-size:18px; font-weight:500; color:#000; letter-spacing:-0.5px; display:block; }
.bdayReq .dorm { position:relative; height:98px; border-bottom:solid 8px #f0f2f3; margin:0 -20px; padding:35px 20px 0 20px; box-sizing:border-box; overflow:hidden; }
.bdayReq .dorm label span { position:absolute; z-index:2; top:32px; right:20px; width:71px; height:25px; background:#9f5bdb; border-radius:30px; padding-left:15px; font-size:0; color:#fff; line-height:0; display:block; box-sizing:border-box; overflow:hidden; opacity:0; }
.bdayReq .dorm label span:after { content:''; position:absolute; top:2px; right:2px; width:21px; height:21px; background:#fff; border-radius:25px; display:block; overflow:hidden; }
.bdayReq .dorm input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.bdayReq .dorm label input:checked + span { z-index:1; font-size:12px; line-height:24px; opacity:1; }
.bdayReq .dorm label + label span { background:#bcbcbc; padding:0 10px 0 0; text-align:right; }
.bdayReq .dorm label + label span:after { left:2px; right:unset; }
.bdayReq .sanit { margin-top:38px; }
.bdayReq .sanit b { margin-bottom:12px; }
.bdayReq .sanit b small { font-size:14px; font-weight:300; color:#666; display:inline-block; }
.bdayReq .sanit input { width:100%; height:50px; border:solid 1px #dedede; padding:0 20px; font-family:Roboto; font-weight:400; color:#000; box-sizing:border-box; }
.bdayReq .sanit input::placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayReq .sanit input::-moz-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayReq .sanit input:-ms-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayReq .sanit input::-webkit-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayReq .sanit .notify { min-height:20px; margin:5px 0 -4px 0; }
.bdayReq .guide dt { margin-top:19px; font-weight:500; color:#000; }
.bdayReq .guide dd { position:relative; margin-top:8px; padding-left:8px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.bdayReq .guide dd span { display:inline-block; }
.bdayReq .guide dd:before { content:'-'; position:absolute; top:0; left:0; display:block; }
.bdayReq .guideTit { margin-top:37px; font-weight:500; color:#000; display:block; }
.bdayReq .link { margin-top:5px; font-weight:500; color:#000; display:inline-block; }
.bdayReq .link:after { content:''; width:7px; height:12px; background:url('../../resources/images/mark_link.png') right center no-repeat; background-size:7px auto; margin:-3px 0 0 11px; vertical-align:middle; display:inline-block; }

.bdayAccept { margin-top:72px; }
.bdayAccept label,
.bdayAccept button { position:relative; height:50px; box-sizing:border-box; }
.bdayAccept label { width:100%; background:#f0f2f3; padding:0 60px 0 20px; display:table; overflow:hidden; }
.bdayAccept label span { height:50px; font-size:13px; line-height:17px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.bdayAccept label span:after { content:''; position:absolute; top:50%; right:20px; width:27px; height:27px; background:url('../../resources/images/mark_check.png') center center no-repeat #c9c9c9; background-size:auto 10px; border-radius:30px; margin-top:-13px; display:block; }
.bdayAccept label input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
.bdayAccept label input:checked + span:after { background-color:#9048c9; }
.bdayAccept button { float:left; width:50%; background:#e7e7e7; font-size:17px; color:#000; line-height:50px; display:block; }
.bdayAccept button:last-child { background:#9048c9; color:#fff; }
.bdayAccept:after { content:''; display:block; clear:both; }
.bdayAccept.fix { position:fixed; left:0; right:0; bottom:0; }

.bdayAcptEnd { position:fixed; top:50%; left:50%; width:100%; max-width:560px; height:482px; margin-top:-255px; padding:0 20px; box-sizing:border-box; transform:translateX(-50%); }
.bdayAcptEnd h1 { width:0; height:0; font-size:0; line-height:0; overflow:hidden; opacity:0; }
.bdayAcptEnd > a { position:absolute; bottom:0; width:155px; height:45px; border-radius:50px; font-size:17px; font-weight:400; line-height:41px; text-align:center; display:block; box-sizing:border-box; }
.bdayAcptEnd .tit { position:relative; width:100%; height:185px; margin-left:-3px; display:table; box-sizing:border-box; }
.bdayAcptEnd .tit em { padding:0 40% 2px 0; font-size:50px; font-weight:100; color:#8636c6; line-height:60px; letter-spacing:-3px; word-wrap:break-word; word-break:keep-all; vertical-align:middle; display:table-cell; }
.bdayAcptEnd .tit span { display:inline-block; }
.bdayAcptEnd .tit:before { content:''; position:absolute; z-index:-1; top:0; right:-5px; width:153px; height:146px; background:url('../../resources/images/img_bigday.png') left center no-repeat; background-size:auto 100%; }
.bdayAcptEnd .info { padding-top:33px; }
.bdayAcptEnd .info p { margin-top:14px; word-wrap:break-word; word-break:keep-all; }
.bdayAcptEnd .info span { display:inline-block; }
.bdayAcptEnd .info .tel { font-family:Roboto; color:#666; display:inline-block; }
.bdayAcptEnd .btnMove { right:50%; background:#fff; border:solid 1px #9048c9; margin-right:5px; color:#8636c6; }
.bdayAcptEnd .btnMove + .btnMove { left:50%; background:#9048c9; margin-left:5px; color:#fff; }


/* 빅데이 - 신청내역 */
.bdayCase { position:relative; background:#9f5bdb; padding:44px 20px 41px 20px; word-wrap:break-word; word-break:keep-all; }
.bdayCase > * { position:relative; z-index:2; }
.bdayCase span { display:inline-block; }
.bdayCase strong { margin:0 37% 0 -3px; font-size:40px; font-weight:100; color:#fff; line-height:45px; letter-spacing:-3px; display:block; }
.bdayCase .intro { margin:19px 50% 0 0; font-family:Roboto,'Noto Sans KR'; color:#000; }
.bdayCase:after { content:''; position:absolute; z-index:1; right:0; bottom:-6px; width:166px; height:150px; background-image:url('../../resources/images/img_bigday_case.png'); background-repeat:no-repeat; background-size:auto 150px; display:block; }
.bdayCase.apply:after { background-position:0 bottom; }
.bdayCase.decide strong { margin-right:50%; }
.bdayCase.decide:after { background-position:-175px bottom; }

.bdayInfo { border-bottom:solid 8px #f0f2f3; padding:38px 20px 40px 20px; }
.bdayInfo b { font-size:18px; font-weight:500; color:#000; }
.bdayInfo dl { padding-top:12px; }
.bdayInfo dt { width:90px; height:30px; background:#9f5bdb; border-radius:35px; margin:5px 0 -30px 0; font-size:13px; color:#fff; line-height:29px; letter-spacing:-0.5px; text-align:center; }
.bdayInfo dd { min-height:30px; padding:6px 0 4px 105px; font-size:15px; font-family:Roboto,'Noto Sans KR'; font-weight:400; color:#000; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
.bdayInfo dd i:after { content:''; width:1px; height:11px; background:#cecece; margin:-4px 5px 0 9px; vertical-align:middle; display:inline-block; }

.bdayGuide { margin-top:0; padding:28px 20px 72px 20px; }
.bdayGuide dt { margin-top:20px; font-weight:500; color:#000; }
.bdayGuide dt:first-child { margin-top:9px; }
.bdayGuide dd { position:relative; margin-top:7px; padding-left:8px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
.bdayGuide dd span { display:inline-block; }
.bdayGuide dd small { margin-top:7px; font-size:13px; letter-spacing:-1px; display:block; }
.bdayGuide dd:before { content:'-'; position:absolute; top:0; left:0; }

.bdayLink { height:50px; }
.bdayLink a { float:left; width:50%; height:50px; background:#e7e7e7; font-size:17px; font-weight:400; color:#000; line-height:50px; text-align:center; display:block; }
.bdayLink a:last-child { background:#9048c9; color:#fff; }
.bdayLink:after { content:''; display:block; clear:both; }
.bdayLink.fix { position:fixed; left:0; right:0; bottom:0; }


/* 빅데이 - 취소 */
.bdayCanc { padding:38px 20px 0 20px; }
.bdayCanc .info { position:relative; background:#9f5bdb; margin:0 -20px; padding:60px 20px 26px 32px; }
.bdayCanc .info dt { position:absolute; top:0; left:0; right:0; height:33px; background:#fff; padding-left:20px; font-size:18px; font-weight:500; color:#000; display:block; }
.bdayCanc .info dd { font-family:Roboto,'Noto Sans KR'; font-size:15px; font-weight:400; color:#fff; display:inline-block; }
.bdayCanc .info dd:after { content:''; width:1px; height:11px; background:#b491d2; margin:-4px 4px 0 8px; vertical-align:middle; display:inline-block; }
.bdayCanc .info dd:nth-child(2) { position:relative; margin-bottom:16px; display:block; }
.bdayCanc .info dd:nth-child(2):before { content:''; position:absolute; top:8px; left:-12px; width:7px; height:1px; background:#fff; display:block; }
.bdayCanc .info dd:last-child:after,
.bdayCanc .info dd:nth-child(2):after { display:none; }
.bdayCanc .info:before { content:''; position:absolute; top:103px; left:20px; width:7px; height:1px; background:#fff; display:block; }
.bdayCanc .note { padding:37px 15% 0 0; word-wrap:break-word; word-break:keep-all; }
.bdayCanc .note span { display:inline-block; }
.bdayCanc .wbox { padding-top:38px; }
.bdayCanc .wbox b { margin-bottom:14px; font-size:18px; font-weight:500; color:#000; display:block; }
.bdayCanc .wbox input { width:100%; height:50px; border:solid 1px #dedede; padding:0 20px; font-weight:400; color:#000; box-sizing:border-box; }
.bdayCanc .wbox input::placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayCanc .wbox input::-moz-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayCanc .wbox input:-ms-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayCanc .wbox input::-webkit-input-placeholder { font-weight:300; font-size:14px; color:#888; }
.bdayCanc .wbox .notify { height:20px; margin:5px 0 -25px 0; }


/* 공지사항 */
.noticeList { padding:15px 0 0 20px; }
.noticeList li { border-bottom:solid 1px #dedede; padding:22px 20px 19px 0; word-wrap:break-word; word-break:keep-all; }
.noticeList li a { color:#666; display:block; }
.noticeList .date { margin-top:8px; font-family:Roboto; font-size:12px; color:#888; display:block; }

.noticeListPg { position:relative; z-index:2; height:75px; margin-top:21px; font-family:Roboto; font-size:13px; color:#999; text-align:center; }
.noticeListPg a { width:15px; height:16px; background-image:url('../../resources/images/btn_paging.png'); background-repeat:no-repeat; background-size:60px auto; margin-top:-3px; font-size:0; line-height:0; vertical-align:middle; display:inline-block; overflow:hidden; }
.noticeListPg b,
.noticeListPg span { font-weight:400; vertical-align:middle; display:inline-block; }
.noticeListPg .sep { margin:0 5px 0 3px; font-style:italic; font-size:11px; font-weight:300; color:#ccc; }
.noticeListPg .now { margin-top:-2px; font-size:18px; color:#000; }
.noticeListPg .btnPrev { background-position:-31px center; margin-right:8px; }
.noticeListPg .btnNext { background-position:-49px center; margin-left:8px; }

.noticeView { padding:38px 0 0 20px; word-wrap:break-word; word-break:keep-all; }
.noticeView .tit { margin:0 20px 8px 0; font-size:16px; font-weight:500; color:#000; display:block; }
.noticeView .date { font-family:Roboto; font-size:12px; color:#888; }
.noticeView .contBox { border-top:solid 1px #dedede; margin-top:19px; padding:22px 20px 37px 0; }
.noticeView .btnList { height:50px; background:#9048c9; margin-left:-20px; font-size:17px; font-weight:400; color:#fff; line-height:50px; text-align:center; display:block; }
.noticeView .btnList.fix { position:fixed; left:0; right:0; bottom:0; margin-left:0; }


/* 이용약관, 오픈소스 */
.policyCont { padding:37px 20px 37px 20px; }
.openSource { padding:37px 20px 37px 20px; }


/* 설정 */
.setLogIn label, .setReport label { position:relative; display:block; overflow:hidden; }
.setLogIn label span, .setReport label span { height:25px; line-height:24px; display:block; box-sizing:border-box; }
.setLogIn label span:after, .setReport label span:after, .setLogIn label span:before, .setReport label span:before { content:''; position:absolute; border-radius:30px; display:block; }
.setLogIn label span:after, .setReport label span:after { top:2px; right:28px; width:21px; height:21px; background:#fff; }
.setLogIn label span:before, .setReport label span:before { top:0; right:0; width:51px; height:25px; background:#bcbcbc; }
.setLogIn label input, .setReport label input { position:absolute; top:-15px; right:-15px; width:0; height:0; opacity:0; }
.setLogIn label input:checked + span:after, .setReport label input:checked + span:after { right:2px; }
.setLogIn label input:checked + span:before, .setReport label input:checked + span:before { background:#9f5bdb; }

.setLogIn { height:100px; border-top:solid 8px #f0f2f3; padding:40px 20px 0 23px; }
.setLogIn label,
.setLogIn button { font-size:15px; font-weight:500; color:#000; }
.setLogIn label { border-bottom:solid 1px #dedede; padding-bottom:12px; }
.setLogIn button { position:relative; width:100%; height:23px; background:url('../../resources/images/mark_link.png') right center no-repeat transparent; background-size:7px auto; margin-top:12px; line-height:20px; text-align:left; display:block; }

.setReport { position:relative; border-top:solid 8px #f0f2f3; padding:32px 20px 30px 23px; }
.setReport b { font-size:15px; font-weight:500; color:#000; }
.setReport label { margin-top:20px; }
.setReport .all { position:relative; left:100%; width:52px; margin:-22px 0 25px -52px; font-size:0; line-height:0; }
.setReport .tip { position:relative; width:16px; height:16px; background:url('../../resources/images/mark_tip.png') -17px center no-repeat; background-size:auto 16px; border:solid 1px #dedede; border-radius:25px; margin:-3px 0 0 3px; vertical-align:middle; display:inline-block; }
.setReport .tip i { position:absolute; z-index:5; top:35px; left:-53px; min-width:152px; background:#fff; border:solid 1px #b6b6b6; border-radius:10px; padding:17px 19px; font-size:13px; line-height:18px; display:none; }
.setReport .tip i:after { content:''; position:absolute; top:-15px; left:50px; width:19px; height:15px; background:url('../../resources/images/mark_tooltip.png') center bottom no-repeat; background-size:auto 15px; display:block; }
.setReport .tip span { display:inline-block; }
.setReport .tip.active i { display:block; }
.setReport:before { content:''; position:absolute; top:67px; left:23px; right:20px;  height:1px; background:#dedede; display:block; }

.otherLink { border-top:solid 8px #f0f2f3; padding:13px 20px 12px 23px; }
.otherLink li { height:50px; border-top:solid 1px #dedede; padding-top:12px; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
.otherLink li:first-child { border-top:0; }
.otherLink li a { height:23px; background:url('../../resources/images/mark_link.png') right center no-repeat transparent; background-size:7px auto; font-size:15px; font-weight:500; color:#000; line-height:23px; display:block; }

.withdraw { margin:15px 20px 35px 23px; }
.withdraw button { background:transparent; border-bottom:solid 1px #a1a2a3; padding-bottom:1px; font-weight:300; }

.copy { margin:0 20px 31px 23px; font-family:Roboto; font-size:11px; }


/* 처리중 */
.loadWaiting { position:fixed; z-index:99999; top:0; left:0; right:0; bottom:0; display:block; }
.loadWaiting .imgBox { position:absolute; z-index:10; top:50%; left:50%; width:138px; height:146px; background:url('../../resources/images/img_load.png') center center no-repeat; background-size:100% auto; margin:-146px 0 0 -69px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.loadWaiting .loading { position:absolute; z-index:10; top:50%; left:50%; width:56px; height:8px; background:url('../../resources/images/mark_loading.png') right top no-repeat; background-size:auto 8px; margin:18px 0 0 -28px; font-size:0; line-height:0; display:block; animation:loadmove 1.5s 0.3s infinite steps(1); }
.loadWaiting:before { content:''; position:fixed; z-index:1; top:0; left:0; right:0; bottom:0; background:#fff; display:block; opacity:.75; }

@keyframes loadmove{
	0% { background-position:-64px top; }
	20% { background-position:-48px top; }
	40% { background-position:-32px top; }
	60% { background-position:-16px top; }
	80% { background-position:0 top; }
	100% { background-position:-64px top; }
}




/* layerPopup ------------------------------------------------------------------------- */
.layerPopup { position:fixed; z-index:999; top:50%; left:50%; background:#fff; display:none; }
.layerPopup.posAbs { position:absolute; top:25px; }

.layerPopup.notice { width:260px; margin-left:-130px; }
.layerPopup.notice .btnBox a,
.layerPopup.notice .btnBox button { float:left; width:50%; height:40px; background:#e8e8e8; font-size:16px; font-weight:400; color:#000; line-height:40px; text-align:center; display:block; }
.layerPopup.notice .btnBox a:last-child,
.layerPopup.notice .btnBox button:last-child { width:100%; background:#9048c9; color:#fff; }
.layerPopup.notice .btnBox button + a:last-child,
.layerPopup.notice .btnBox button + button:last-child { width:50%; }
.layerPopup.notice .btnBox:after { content:''; display:block; clear:both; }
.layerPopup.notice .contBox { padding:42px 15px; text-align:center; word-wrap:break-word; word-break:keep-all; }
.layerPopup.notice .contBox span { display:inline-block; }
.layerPopup.notice .accNum { margin-top:7px; }
.layerPopup.notice .accNum b { font-family:Roboto; font-weight:300; }

.layerPopup.confirm { width:300px; margin-left:-150px; }
.layerPopup.confirm .btnBox a,
.layerPopup.confirm .btnBox button { float:left; width:50%; height:40px; background:#e8e8e8; font-size:16px; font-weight:400; color:#000; line-height:40px; text-align:center; display:block; }
.layerPopup.confirm .btnBox a:last-child,
.layerPopup.confirm .btnBox button:last-child { width:100%; background:#9048c9; color:#fff; }
.layerPopup.confirm .btnBox button + a:last-child,
.layerPopup.confirm .btnBox button + button:last-child { width:50%; }
.layerPopup.confirm .btnBox:after { content:''; display:block; clear:both; }
.layerPopup.confirm .contBox { padding:28px 25px 30px 25px; text-align:left; word-wrap:break-word; word-break:keep-all; }
.layerPopup.confirm .contBox span { display:inline-block; }
.layerPopup.confirm .contBox .tit { margin-bottom:25px; font-size:18px; font-weight:500; color:#000; display:block; }
.layerPopup.confirm .contBox .cont { max-height:250px; overflow:auto; }
.layerPopup.confirm .contBox .cont.boxType { max-height:265px; border:solid 1px #dedede; margin-top:-5px; padding:15px; box-sizing:border-box; }


/* 모바일 사원증 */
#myBadge { position:fixed; z-index:999; top:0; left:0; right:0; bottom:0; background:#a460d9; display:none; overflow:hidden; box-shadow:0 0 25px rgba(0,0,0,.3); }
#myBadge .btnClose { position:absolute; z-index:90; top:25px; right:20px; width:17px; height:17px; background:url('../../resources/images/btn_close.png') left center no-repeat; background-size:auto 17px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }

#myBadge > div { position:relative; z-index:1; left:50%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto; }
#myBadge > div > p { position:absolute; top:50%; left:50%; width:230px; margin-left:-115px; text-align:center; }
#myBadge .part { margin-top:64px; font-size:16px; color:#fff; }
#myBadge .part span { display:block; }
/* #myBadge .num { margin-top:5px; font-family:Roboto; font-size:12px; color:#7e7e7e; line-height:20px; letter-spacing:0; display:block; } */
#myBadge .num { margin-top:5px; font-family:Roboto; font-size:12px; color:#7e7e7e; line-height:0px; letter-spacing:0; display:block; }
#myBadge .name { font-size:35px; font-weight:400; color:#000; line-height:40px; letter-spacing:-1px; }
#myBadge .state { background:#fff; border:solid 1px #9855cd; border-radius:25px; color:#9855cd; }
#myBadge .photo { width:75px !important; height:75px !important; background:#c9ced0; border-radius:100px; margin-left:-38px !important; font-size:0; line-height:0; overflow:hidden; }
#myBadge .photo img { width:100%; height:100%; }

#myBadge .tipBox { position:absolute; z-index:5; top:50%; right:50%; width:210px; margin:53px -105px 0 0; }
#myBadge .tipBox dt { position:absolute; top:-3px; right:4px; width:16px; height:16px; background:url('../../resources/images/mark_tip_badge.png') 6px center no-repeat; background-size:auto 12px; border:solid 1px #fff; border-radius:20px; font-size:0; line-height:0; display:block; }
#myBadge .tipBox dd { position:relative; margin:34px 0 0 11px; padding-left:8px; color:#fff; word-wrap:break-word; word-break:keep-all; letter-spacing:-0.7px; display:none; }
#myBadge .tipBox dd span { display:inline-block; }
#myBadge .tipBox dd:before { content:'-'; position:absolute; top:0; left:0; display:block; }
#myBadge .tipBox dd + dd { margin-top:14px; }
#myBadge .tipBox.active dt { background-position:-7px center; }
#myBadge .tipBox.active dd { display:block; }
#myBadge .tipBox.active:after { content:''; position:absolute; z-index:-1; top:0; left:0; width:100%; height:198px; background:#9855cd; border-radius:7px; display:block; }

#myBadge .QRCord { margin-top:119px; text-align:center; }
#myBadge .QRCord .time { margin-top:2px; font-size:12px; font-weight:400; color:#fff; display:block; }
#myBadge .QRCord .time b { margin-left:3px; font-family:Roboto; font-size:13px; font-weight:400; display:inline-block; }
#myBadge .QRCord .imgBox { position:relative; z-index:1; height:105px; background:#fff; border:solid 1px #7d33b7; border-radius:7px; margin:0 auto; padding:9px; font-size:0; line-height:0; display:inline-block; overflow:hidden; box-sizing:border-box; }
#myBadge .QRCord .imgBox img { height:100%; }
#myBadge .QRCord .btnReload { position:absolute; z-index:3; top:30px; left:50%; width:45px; height:45px; background:url('../../resources/images/btn_refresh.png') 12px center no-repeat #fff; background-size:auto 21px; border-radius:50px; margin-left:-22px; font-size:0; line-height:0; text-indent:-9999px; display:none; overflow:hidden; box-shadow:5px 7px 7px rgba(0,0,0,.2); }
#myBadge .QRCord.expire .imgBox { opacity:.12; }
#myBadge .QRCord.expire .btnReload { display:block; }

#myBadge .hold { width:360px; background-image:url('../../resources/images/img_badge_hold.png'); margin-left:-180px; }
#myBadge .hold .name { margin-top:-52px; }
#myBadge .hold .state { width:59px; height:21px; margin:28px 0 0 -30px !important; font-size:12px; line-height:20px; }
#myBadge .hold .photo { margin-top:-136px; }

#myBadge .retire { width:380px; background-image:url('../../resources/images/img_badge_retire.png'); margin-left:-190px; }
#myBadge .retire .note { margin-top:90px; font-size:14px; color:#fff; }
#myBadge .retire .note span { display:block; }
#myBadge .retire .name { margin-top:-56px; }
#myBadge .retire .state { width:72px; height:25px; margin:35px 0 0 -36px !important; font-size:13px; line-height:24px; }
#myBadge .retire .photo { margin-top:-146px; }

#myBadge .retire.pass { width:360px; background-image:url('../../resources/images/img_badge_hold.png'); margin-left:-180px; }
#myBadge .retire.pass .name { margin-top:-52px; }
#myBadge .retire.pass .state { width:59px; height:21px; margin:28px 0 0 -30px !important; font-size:12px; line-height:20px; }
#myBadge .retire.pass .photo { margin-top:-136px; }


/* 앱 사용신청 - 이용약관, 개인정보 정책 */
#popupTerms,
#popupInfoPolicy { top:40%; width:320px; height:70%; margin-left:-160px; padding:67px 25px 70px 25px; box-sizing:border-box; }
#popupTerms button,
#popupInfoPolicy button { position:absolute; z-index:10; left:0; bottom:0; width:50%; height:40px; background:#e8e8e8; font-size:16px; color:#000; text-align:center; display:block; }
#popupTerms button:last-child,
#popupInfoPolicy button:last-child { left:unset; right:0; background:#9048c9; color:#fff; }
#popupTerms .tit,
#popupInfoPolicy .tit { position:absolute; top:28px; left:25px; font-size:18px; font-weight:500; color:#000; display:block; }
#popupTerms .contBox,
#popupInfoPolicy .contBox { height:100%; border:solid 1px #dedede; padding:16px 20px; font-size:12px; line-height:17px; word-wrap:break-word; word-break:keep-all; overflow:auto; box-sizing:border-box; }
#popupTerms .contBox b,
#popupTerms .contBox b { font-weight:400; }
#popupTerms .contBox li,
#popupTerms .contBox li { margin-top:6px; }
#popupInfoPolicy .contBox b,
#popupInfoPolicy .contBox b { font-weight:400; }
#popupInfoPolicy .contBox li,
#popupInfoPolicy .contBox li { margin-top:6px; }


/* 로그아웃 확인 */
#popupLogoutChk { width:300px; margin-left:-150px; }
#popupLogoutChk .cont { padding:42px 20px 82px 20px; text-align:center; word-wrap:break-word; word-break:keep-all; }
#popupLogoutChk .cont b { margin-top:10px; font-weight:300; display:block; }
#popupLogoutChk .cont span { display:block; }
#popupLogoutChk button { position:absolute; left:0; bottom:0; width:50%; height:40px; font-size:16px; font-weight:400; color:#000; line-height:40px; text-align:center; display:block; }
#popupLogoutChk button + button { left:auto; right:0; background:#9048c9; color:#fff; }


/* 달력 */
#popupDate { width:340px; margin-left:-170px; overflow:hidden; }
#popupDate button { position:absolute; left:0; bottom:0; width:50%; height:40px; font-size:16px; font-weight:400; color:#000; line-height:40px; text-align:center; display:block; }
#popupDate button + button { left:auto; right:0; background:#9048c9; color:#fff; }
#popupDate .titBox { padding-top:35px; font-size:18px; font-weight:500; color:#000; text-align:center; display:block; }
#popupDate .dateCalBox { position:relative; margin:22px 0 95px 0; padding:0 10px; }
#popupDate .dateCalBox .ui-datepicker { position:relative; z-index:1; background:#fff; border-radius:30px 30px 15px 15px; padding:0 12px 24px 12px; letter-spacing:0; }
#popupDate .dateCalBox .ui-datepicker table { width:100%; }
#popupDate .dateCalBox .ui-datepicker table th { padding-bottom:13px; font-weight:400; color:#555; }
#popupDate .dateCalBox .ui-datepicker table td { font-family:Roboto,arial; font-size:15px; font-weight:400; color:#000; text-align:center; }
#popupDate .dateCalBox .ui-datepicker table td a { position:relative; z-index:1; padding:11px 0; display:block; }
#popupDate .dateCalBox .ui-datepicker table td.ui-state-disabled { color:#c9c9c9; }
#popupDate .dateCalBox .ui-datepicker-title { font-family:Roboto,arial; }
#popupDate .dateCalBox .ui-datepicker-year { position:absolute; right:20px; bottom:14px; font-size:13px; font-weight:400; line-height:15px; }
#popupDate .dateCalBox .ui-datepicker-month { padding-top:15px; font-size:35px; font-weight:400; line-height:40px; display:block; }
#popupDate .dateCalBox .ui-datepicker-header { position:relative; height:64px; background:#9a53cf; border-radius:15px 15px 0 0; margin:0 -12px 36px -12px; padding:0; color:#fff; text-align:center; box-sizing:border-box; }
#popupDate .dateCalBox .ui-datepicker-prev,
#popupDate .dateCalBox .ui-datepicker-next { position:absolute; z-index:10; top:26px; width:16px; height:16px; background-image:url('../../resources/images/btn_arrow_cal.png'); background-repeat:no-repeat; background-color:transparent; background-size:32px auto; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
#popupDate .dateCalBox .ui-datepicker-prev { right:50%; background-position:left center; margin-right:37px; }
#popupDate .dateCalBox .ui-datepicker-next { left:50%; background-position:right center; margin-left:37px; }
#popupDate .dateCalBox .ui-state-default { padding:11px 0; display:block; }
#popupDate .dateCalBox .ui-state-active { color:#9a53cf; }
#popupDate .dateCalBox .ui-state-active:after { content:''; position:absolute; z-index:-1; top:50%; left:50%; width:42px; height:42px; border:solid 1px #9a53cf; border-radius:50px; margin:-22px 0 0 -22px; display:block; clear:both; box-sizing:border-box; }
#popupDate .dateCalBox .ui-state-highlight { color:#000; }
#popupDate .dateCalBox .ui-state-highlight:after { display:none; }
#popupDate .dateCalBox:after,
#popupDate .dateCalBox:before { content:''; position:absolute; z-index:-1; left:0; right:0; background-image:url('../../resources/images/bg_calendar.png'); background-repeat:no-repeat; background-size:100% auto; display:block; }
#popupDate .dateCalBox:after { top:-76px; height:200px; background-position:center top; }
#popupDate .dateCalBox:before { bottom:-75px; height:530px; background-position:center bottom; }


/* 빅데이 조회 직무필터 */
#popupBdayFilter { position:fixed; z-index:999; top:0; left:0; right:0; bottom:0; background:#fff; display:none; overflow-y:auto; }
#popupBdayFilter .contBox { padding:105px 20px 100px 20px; text-align:right; }
#popupBdayFilter .contBox label { position:relative; height:50px; border-bottom:solid 1px #dedede; line-height:50px; display:block; }
#popupBdayFilter .contBox label span { padding-left:45px; display:inline-block; }
#popupBdayFilter .contBox label span:before { content:''; position:absolute; z-index:1; top:11px; left:5px; width:26.5px; height:26.5px; background:url('../../resources/images/mark_check.png') center center no-repeat #d7d7d7; background-size:auto 10px; border-radius:30px; display:block; }
#popupBdayFilter .contBox label input { position:absolute; top:-15px; left:-15px; width:0; height:0; opacity:0; }
#popupBdayFilter .contBox label input:checked + span:before { background-color:#9048c9; }
#popupBdayFilter .contBox .choice { border-top:solid 1px #000; margin-top:10px; text-align:left; overflow:hidden; }
#popupBdayFilter .btnClose { position:absolute; z-index:90; top:25px; right:20px; width:17px; height:17px; background:url('../../resources/images/btn_close.png') -25px center no-repeat; background-size:auto 17px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
#popupBdayFilter .btnReset { position:relative; height:26px; background:transparent; padding-right:37px; font-size:13px; line-height:26px; }
#popupBdayFilter .btnReset:after { content:''; position:absolute; top:0; right:0; width:24px; height:24px; background:url('../../resources/images/btn_refresh.png') -27px center no-repeat #fff; background-size:auto 21px; border:solid 1px #dfdfdf; border-radius:30px; display:block; }
#popupBdayFilter .btnSearch { position:fixed; z-index:9999; left:0; bottom:0; width:100%; height:50px; background:#9048c9; font-size:17px; color:#fff; line-height:50px; text-align:center; display:block; }


/* 쿠폰 등록 방법 */
#popupCpReg { width:320px; margin-left:-160px; }
#popupCpReg .tit { padding:28px 0 0 25px; font-size:18px; font-weight:500; color:#000; display:block; }
#popupCpReg .btnClose { position:absolute; z-index:90; top:25px; right:25px; width:17px; height:17px; background:url('../../resources/images/btn_close.png') right center no-repeat; background-size:auto 17px; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }


#popupCpReg .contStep { padding:12px 0 33px 16px; }
#popupCpReg .contStep li { position:relative; float:left; width:140px; min-height:160px; background-image:url('../../resources/images/img_coupon_reg.jpg'); background-repeat:no-repeat; background-size:auto 106px; margin:38px 0 0 9px; padding-top:118px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
#popupCpReg .contStep li:before { content:''; position:absolute; z-index:10; top:-11px; left:-7px; width:28px; height:28px; background:#9f5bdb; border-radius:30px; font-family:'Roboto'; font-size:15px; color:#fff; line-height:28px; text-align:center; display:block; }
#popupCpReg .contStep li:nth-child(1):before { content:'1'; }
#popupCpReg .contStep li:nth-child(2):before { content:'2'; }
#popupCpReg .contStep li:nth-child(3):before { content:'3'; }
#popupCpReg .contStep li:nth-child(4):before { content:'4'; }
#popupCpReg .contStep li:nth-child(5):before { content:'5'; }
#popupCpReg .contStep li:nth-child(6):before { content:'6'; }
#popupCpReg .contStep li:nth-child(odd) { clear:both; }
#popupCpReg .contStep:after { content:''; display:block; clear:both; }
#popupCpReg .contStep.yearly li:nth-child(1) { background-position:-600px top; }
#popupCpReg .contStep.yearly li:nth-child(2) { background-position:-750px top; }
#popupCpReg .contStep.yearly li:nth-child(3) { background-position:-900px top; }
#popupCpReg .contStep.yearly li:nth-child(4) { background-position:-1050px top; padding-right:10px; }
#popupCpReg .contStep.yearly li:nth-child(5) { background-position:-1200px top; }
#popupCpReg .contStep.yearly li:nth-child(6) { background-position:-1350px top; }

#popupCpReg .contNote { margin-top:-2px; padding:0 20px 37px 20px; }
#popupCpReg .contNote li { position:relative; margin-top:8px; padding-left:10px; font-size:13px; word-wrap:break-word; word-break:keep-all; }
#popupCpReg .contNote li:before { content:'-'; position:absolute; top:0; left:0; display:block; }


/* 쿠폰 등록 확인 */
#popupCpUse { width:300px; margin-left:-150px; }
#popupCpUse .btnBox button { float:left; width:50%; height:55px; background:#e8e8e8; padding-top:3px; font-size:16px; font-weight:400; color:#000; text-align:center; display:block; }
#popupCpUse .btnBox button i { font-size:14px; font-weight:300; display:block; }
#popupCpUse .btnBox button:last-child { background:#9048c9; color:#fff; }
#popupCpUse .btnBox:after { content:''; display:block; clear:both; }
#popupCpUse .contBox { padding:28px 25px 37px 25px; letter-spacing:-0.5px; text-align:left; word-wrap:break-word; word-break:keep-all; }
#popupCpUse .contBox ul { margin:14px 0; letter-spacing:0; }
#popupCpUse .contBox strong { font-weight:400; color:#9048c9; letter-spacing:0; display:block; }
#popupCpUse .contBox .tit { margin-bottom:27px; font-size:18px; font-weight:500; color:#000; display:block; }


/* 포켓 앱 접근 권한 안내 */
#popupAccept { width:300px; min-height:440px; margin-left:-150px; padding:0 25px 68px; box-sizing:border-box; }
#popupAccept .tit { margin:29px 0 25px;font-size:18px; font-weight:500; color:#000; display:block;letter-spacing: -0.08em; }
#popupAccept .tit2 { font-size:14px; font-weight:400; color:#000; display:block;letter-spacing: -0.08em; }
#popupAccept .contBox { margin:17px 0;background-color:#f8f8f8;border:solid 1px #dedede; padding:15px 15px 22px; font-size:12px; line-height:17px; word-wrap:break-word; word-break:keep-all; overflow:auto; box-sizing:border-box; }
#popupAccept .contBox dl { margin-bottom: 20px;}
#popupAccept .contBox dl:last-child { margin-bottom: 0;}
#popupAccept .contBox dl dt { font-size: 13px;font-weight: 400;color:#000;margin-bottom:4px;letter-spacing: -0.08em;}
#popupAccept .contBox dl dd { font-size: 13px;font-weight: 300;color:#666;line-height: 1.38;letter-spacing: -0.08em;}
#popupAccept p { font-size: 12px;font-weight: 300;color:#666;line-height: 1.5;letter-spacing: -0.05em;}
#popupAccept button { position:absolute;left:0;right:0;bottom:0;width:100%; height:40px; background:#9048c9; color:#fff;  font-size:16px;text-align:center; display:block; }


/* 포켓 앱 에러 popup */
#popupError { width:300px; min-height:440px; margin-left:-150px; padding:0 25px 68px; box-sizing:border-box; }
#popupError .tit { margin:29px 0 25px;font-size:18px; font-weight:500; color:#000; display:block;letter-spacing: -0.08em; }
#popupError .tit2 { font-size:14px; font-weight:400; color:#000; display:block;letter-spacing: -0.08em; }
#popupError p { font-size: 12px;font-weight: 300;color:#666;line-height: 1.5;letter-spacing: -0.05em;}
#popupError button { position:absolute;left:0;right:0;bottom:0;width:100%; height:40px; background:#9048c9; color:#fff;  font-size:16px;text-align:center; display:block; }



/* OtherSize ------------------------------------------------------------------------- */
@media screen and (max-width:320px){
.dayPassDet .numBox .num b { margin:0 20px 0 0; }
}


@media screen and (max-width:340px){
.gateApply .agree button,
.gateApply .agree .btnLink { width:135px; }
.gateApply .finish span:before { right:-11px !important; }

.perform select { width:110px; padding-left:13px; background-position:110% 21px; }

.ctfAcptEnd > a { width:135px; }
.ctfAcptEnd .tit:before { right:-6px !important; }

.yearlyRegEnd > a,
.bdayAcptEnd > a { width:135px; }

.bdayCase:after { width:145px; }
.bdayAccept label i { display:inline-block; }
}


@media screen and (min-width:768px){
#wrapGate a { bottom:50px; }
#wrapGate .intro p { padding:47px 20% 137px 20%; }

.perfList { padding:28px 13px 40px 13px; }
.perfList dl { width:48%; box-sizing:border-box; float:left; margin:12px 1% 0 1%; }
.perfList dl:nth-child(2n+1) { clear:both; }
.perfList dl:last-child { width:98%; }
.perfList dl + dl:last-child { width:48%; }
.perfList:after { content:''; display:block; clear:both; }

.ctfList { padding:28px 13px 40px 13px}
.ctfList li { float:left; width:48%; margin:12px 1% 0 1%; box-sizing:border-box; }
.ctfList li.nodata { width:98% !important; padding:67px 20px; }
.ctfList li:last-child { width:98%; }
.ctfList li + li:last-child { width:48%; }
.ctfList:after { content:''; display:block; clear:both; }

.couponList.meal { padding:28px 13px 60px 13px; }
.couponList.meal li { float:left; width:48%; margin:12px 1% 0 1%; box-sizing:border-box; }
.couponList.meal li.nodata { width:98% !important; }
.couponList.meal li:last-child { width:98%; }
.couponList.meal li + li:last-child { width:48%; }
.couponList.meal:after { content:''; display:block; clear:both; }
.couponList.ticket li { height:100px; padding-bottom:0; box-sizing:border-box; }
.couponList.ticket .tit { width:150px; height:40px; margin-bottom:-38px; }
.couponList.ticket .date,
.couponList.ticket .numb { margin-left:163px; }
.couponList.ticket .numb { margin-top:8px; }

.dayPassReg .step { width:690px; margin-left:-350px; }
.dayPassReg .step li { margin-left:25px; }
.dayPassReg .step li:nth-child(odd) { clear:none; }

#popupCpReg { width:620px; margin-left:-310px; }
#popupCpReg .contStep li:nth-child(odd) { clear:none; }
#popupCpReg .contStep.yearly li { margin-left:46px; }
#popupCpReg .contStep.yearly li:nth-child(3n+1) { clear:both; }
}


@media screen and (max-height:585px){
.gateApply .agree { text-align:center; }
.gateApply .agree label,
.gateApply .agree legend { text-align:left; }
.gateApply .agree button,
.gateApply .agree .btnLink { position:relative; left:unset; right:unset; bottom:0; margin:75px 0 0 0; display:inline-block; }
.gateApply .agree .btnLink { margin-right:6px; }
.gateApply .finish { position:relative; top:0; left:0; margin-top:0; padding:0; transform:none; }
.gateApply .finish span:before { right:7px; }

#myBadge { top:-20px; overflow-y:auto; }
#myBadge > div { height:650px; }
#myBadge .retire { height:90.5%; min-height:510px; margin-top:55px; }
#myBadge .retire.pass { height:650px; margin-top:0; }
#myBadge .btnClose { top:45px; }

.quitAccept { position:relative; }
.ctfAcptEnd,
.yearlyRegEnd,
.bdayAcptEnd { position:relative; top:0; left:0; margin:48px 0 45px 0; transform:none; }
}


@media screen and (min-height:810px){
.wageDown.off { position:fixed; left:0; bottom:0; }
}


@media screen and (min-height:950px){
.gateApply .agree { margin-top:250px; }

#myBadge { top:50%; left:50%; right:auto; bottom:auto; width:460px; height:740px; margin:-370px 0 0 -230px; }

.goList,
.ctfAccept { position:fixed; left:0; right:0; bottom:0; }
}

/* 팝업 프라이버시 표시 */
#popupTerms,
#popupInfoPrivacy { top:40%; height:70%; padding:67px 25px 70px 25px; box-sizing:border-box; }
#popupTerms button,
#popupInfoPrivacy button { position:absolute; z-index:10; left:0; bottom:0; width:50%; height:40px; background:#e8e8e8; font-size:16px; color:#000; text-align:center; display:block; }
#popupTerms button:last-child,
#popupInfoPrivacy button:last-child { left:unset; right:0; background:#9048c9; color:#fff; }
#popupTerms .tit,
#popupInfoPrivacy .tit { position:absolute; top:28px; left:25px; font-size:18px; font-weight:500; color:#000; display:block; }
#popupTerms .contBox,
#popupInfoPrivacy .contBox { height:auto; border:solid 2px #dedede; padding:16px 20px; font-size:12px; line-height:17px; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; }
#popupTerms .contBox b,
#popupTerms .contBox b { font-weight:400; }
#popupTerms .contBox li,
#popupTerms .contBox li { margin-top:6px; }
#popupInfoPrivacy .contBox b,
#popupInfoPrivacy .contBox b { font-weight:400; }
#popupInfoPrivacy .contBox li,
#popupInfoPrivacy .contBox li { margin-top:6px; }

#popupPrivacy { top:40%; width:320px; height:70%; margin-left:-160px; padding:67px 25px 70px 25px; box-sizing:border-box; }

#popupPrivacy #popupTerms,
#popupInfoPrivacy {height:100%; padding:0px;}

#popupPrivacy #popupTerms .contBox,
#popupInfoPrivacy .contBox { height:100%; border:solid 1px #dedede; padding:16px 20px; font-size:12px; line-height:17px; word-wrap:break-word; word-break:keep-all; overflow:auto; box-sizing:border-box; }