@charset "utf-8"; /* body */ body.scrollx {overflow:hidden;} /* header */ header {position:fixed;padding-top:env(safe-area-inset-top);top:0;left:0;width:100%;height:13.3333vw;background:#fff;z-index:109;box-sizing:content-box;} header .Logo {position:absolute; left:0; top:0; width:30.5556vw; height:13.3333vw; overflow: hidden;} header .Logo .logoLink {position:absolute; left:0; top:0; display:inline-block; width:30.5556vw; height:100%; background-image: url('../img/common/logo_text.png'); background-position: center center; background-repeat: no-repeat; background-size: 22.2222vw 5.3278vw;} header .blindLogo{overflow:hidden;font-size:0;line-height:0;position:absolute;height:0;width:0;} header > h2 {font-size:5vw; font-weight:600; text-align:center; line-height:13.3333vw; height:13.3333vw} header .btnPrev {position:absolute; top:env(safe-area-inset-top); left:0; width:13.3333vw; height:13.3333vw; background:url(../img/common/icon_prev.png) 0 0 no-repeat; background-size:13.3333vw 13.3333vw} header .btnMenu {position:absolute; top:env(safe-area-inset-top); right:0; width:13.3333vw; height:13.3333vw; background:url(../img/common/icon_menu.png) 0 0 no-repeat; background-size:13.3333vw 13.3333vw} header .btnMenu.new {background:url(../img/common/icon_menu_new.png) 0 0 no-repeat; background-size:13.3333vw 13.3333vw} header .btnSetting {width:13.3333vw;height:13.3333vw;background:url(../img/common/icon_setting.png) 0 0 no-repeat;background-size:13.3333vw 13.3333vw; display:block; flex:0 0 13.3333vw;} header .btnPush {position:relative;display:block;flex:0 0 13.3333vw;width:13.3333vw;height:13.3333vw;background:url(../img/common/icon_push.png) 0 0 no-repeat;background-size:13.3333vw 13.3333vw;} header .btnPush .newPush {position:absolute;right:1.1111vw;top:1.1111vw;width:5.0000vw;height:5.0000vw;line-height:5.0000vw;background-color:#E8441A;border-radius:50%;font-size:2.7778vw;font-weight:600;text-align:center;color:#fff;} header .btnHome {display:block;flex:0 0 13.3333vw;right:26.6668vw;width:13.3333vw;height:13.3333vw;background:url(../img/common/icon_home.png) 0 0 no-repeat;background-size:13.3333vw 13.3333vw;} header .btnClose {width:13.3333vw;height:13.3333vw;background:url(../img/common/icon_close.png) 0 0 no-repeat;background-size:13.3333vw 13.3333vw;display:block;flex:0 0 13.3333vw;} .fullPopupLayer.state header .btnClose, #splash header .btnClose {position:absolute; top:env(safe-area-inset-top); right:0;background:url(../img/common/icon_close_wh.png) 0 0 no-repeat;background-size:13.3333vw 13.3333vw;} /* container */ #container {width:91.1111vw; min-height:100vh; margin:0 auto; padding:calc(13.3333vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom));} main.noHead #container {padding-top:calc(0vw + env(safe-area-inset-top)) !important;} /* title */ .BTitle {position:relative; font-size:6.6667vw; font-weight:600; line-height:8.8889vw; padding-top:8.8889vw; transition:all .4s; overflow:hidden;} .BTitle.blue {color:#3B5094} .BTitle span.blue {font-size:6.6667vw; font-weight:600; line-height:8.8889vw; color:#3B5094} .BTitle.hide {padding-top:0; height:0;} .MTitle {position:relative;display:inline-block;vertical-align:middle;font-size:5vw;font-weight:600;line-height:5.5556vw;padding-top:11.1111vw;} .MTitle.highlight {font-size:5vw; line-height:6.6667vw;} .MTitle.highlight:after {content:''; position:absolute; left:0; bottom:0.5556vw; width:100%; height:2.2222vw; background-color:rgba(50, 89, 216, .3); border-radius:1.9444vw} .MTitle.subtxt {font: 300 4.4444vw/1.188 'Apple SD Gothic Neo'; letter-spacing: -0.02em; margin:0 0 2.2222vw 0; padding:0;} /* title - description */ .Tdesc {display:block; line-height:5.5556vw; color:#888} .Tdesc em.red {line-height:5.5556vw; color:#E8441A} .BTitle + .Tdesc {padding-top:2.2222vw} .MTitle + .Tdesc {padding-top:2.2222vw} .MTitle + .listType {padding-top:2.2222vw} .MTitle.highlight + .Tdesc {padding-top:4.4444vw} .Tdesc.link{display:block;line-height:4.7222vw;text-decoration:underline;} /* issues/57 2022-02-23 */ dl.Tdesc {display:flex; justify-content:flex-start; align-items:flex-start;} dl.Tdesc dt {color:#888888; white-space:pre; line-height:1.5;} dl.Tdesc dd {width:100%; text-align:left; color:#888888; line-height:1.5; word-break:keep-all; padding:0 1vw;} /* tag */ .tagLabel {display:inline-block; height:6.9444vw; line-height:6.3889vw; border:0.2778vw solid #3259D8; border-radius:1.1111vw; padding:0 2.2222vw; color:#3259D8;} .tagLabel.gray {border:0.2778vw solid #888; color:#888} /* dim */ .dim{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:111; background:rgba(0, 0, 0, .5)} .dim.sideDim {z-index:112;} /* footMenu */ .footMenu {display:flex; position:fixed; left:0; bottom:0; z-index:112; width:100%; height:calc(15.5556vw + env(safe-area-inset-bottom)); background-color:#fff; border-top:0.2778vw solid #eee} .footMenu a {position:relative; flex:1; padding-top:9.7222vw; color:#888; font-size:3.3333vw; font-weight:300; text-align:center; transition:.3s} .footMenu a.on {font-weight:600; color:#222} .footMenu a:before{content:''; position:absolute; top:1.9444vw; left:50%; transform:translateX(-50%); width:6.6667vw; height:6.6667vw; background-image:url('../img/common/icon_footSprite.png'); background-repeat:0 0 no-repeat; background-size:46.6667vw 13.3333vw; background-position:0 0;} .footMenu a.on:before {background-position:0 -6.6667vw} .footMenu a.footHome:before {background-position:0 0;} .footMenu a.footHome.on:before {background-position:0 -6.6667vw;} .footMenu a.footSearch:before {background-position:-6.6667vw 0;} .footMenu a.footSearch.on:before {background-position:-6.6667vw -6.6667vw;} .footMenu a.footBenefit:before {background-position:-13.3333vw 0;} .footMenu a.footBenefit.on:before {background-position:-13.3333vw -6.6667vw;} .footMenu a.footTip:before {background-position:-20.0000vw 0;} .footMenu a.footTip.on:before {background-position:-20.0000vw -6.6667vw;} .footMenu a.footMy:before {background-position:-26.6667vw 0;} .footMenu a.footMy.on:before {background-position:-26.6667vw -6.6667vw;} /* 레이어 팝업 */ .alertLayerBtn{display:block; width:50vw; height:20vw; margin:0 auto; background:#f5f5f5; text-align:center; line-height:20vw;} .alertLayer{display:none; position:fixed; left:0; bottom:-50%; z-index:125; width:100%; border-radius:4.4444vw 4.4444vw 0 0; overflow:hidden; transition:bottom 0.4s;} .alertLayer.on{bottom:0;} .alertLayer .inner{display:block;width:100%;background:#fff;padding:11.1111vw 4.4444vw;} .alertLayer .LayerHead {position:relative; min-height:6.6667vw;} .alertLayer .LayerHead h2 {font-size:6.1111vw; font-weight:600;} .alertLayer .LayerHead p {font-weight:300; color:#888; margin-top:2.2222vw;} .alertLayer .closeAlertLayer {position:absolute;right:2.2222vw;top:2.2222vw;background:url(../img/common/icon_close.png) no-repeat 0 0; background-size:13.3333vw 13.3333vw;font-size:0;width:13.3333vw;height:13.3333vw;z-index:1;} .alertLayer .LayerInfo {position:relative; padding:6.6667vw 0 4.4444vw;} .alertLayer .LayerInfo h3 {font-size:5vw; text-align:center; font-weight:600; margin-top:6.6667vw} .alertLayer .LayerInfo h3.onlyText {font-size:5vw; text-align:center; font-weight:600; margin:0 0 6.6667vw} /* 2021-09-30 issues/10#note_47850 */ .alertLayer .LayerInfo p{text-align:center; font-size:3.8889vw; font-weight:400; margin-top:2.2222vw; line-height:5.5556vw; color:#888;} .alertLayer .LayerInfo p span {font-size:3.8889vw; font-weight:600; line-height:5.5556vw; color:#888;} .alertLayer .LayerContents {position:relative; overflow:hidden; margin-top:9.4444vw} .alertLayer .LayerContents .MTitle {padding-top:0} .alertLayer .LayerContents + .LayerContents {margin-top:11.1111vw} .alertLayer .LayerIcon {display:block; margin: 0 auto; width:15.5556vw; height:15.5556vw;} .alertLayer .LayerIcon.message {background:url(../img/common/icon_message.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.license {background:url(../img/common/icon_license.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.edit {background:url(../img/common/icon_edit_cal.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.sms {background:url(../img/common/icon_smsDetail.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.setPass {background:url(../img/common/icon_setpass.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.setStop {background:url(../img/common/icon_setstop.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.nDel {background:url(../img/setting/icon_notDel.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.dDel {background:url(../img/setting/icon_doDel.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.iMain {background:url(../img/common/icon_imain.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.iCancle {background:url(../img/common/icon_matching_cancle.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.prevInput {background:url(../img/common/icon_prevInput.png) no-repeat; background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.inputNoti {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg id='icon_rs_stop' transform='translate(5832.944 2737.943)'%3E%3Cg id='Group_12656' data-name='Group 12656' transform='translate(-6131.041 -3050.785)'%3E%3Cg id='Group_12654' data-name='Group 12654' transform='translate(304.805 319.284)'%3E%3Crect id='Rectangle_7754' data-name='Rectangle 7754' width='31.358' height='38.2' rx='1.273' transform='translate(0 4.916)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_7755' data-name='Rectangle 7755' width='24.973' height='32.031' rx='1.036' transform='translate(3.192 7.928)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7715' data-name='Path 7715' d='M327.352,322.237h-3.693v-2.329a.625.625,0,0,0-.624-.624h-5.1a.625.625,0,0,0-.624.624v2.329h-3.693a.985.985,0,0,0-.982.981v5.119a.984.984,0,0,0,.982.981h13.737a.984.984,0,0,0,.982-.981v-5.119A.985.985,0,0,0,327.352,322.237Z' transform='translate(-304.805 -319.284)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7716' data-name='Path 7716' d='M312.681,335.921l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.387)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_350' data-name='Line 350' x2='5.888' transform='translate(17.641 16.269)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7717' data-name='Path 7717' d='M312.681,343.522l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.441)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_351' data-name='Line 351' x2='5.888' transform='translate(17.641 23.821)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7718' data-name='Path 7718' d='M312.681,351.124l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.495)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_352' data-name='Line 352' x2='5.888' transform='translate(17.641 31.373)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_12655' data-name='Group 12655' transform='translate(340.356 334.47)'%3E%3Cpath id='Path_7720' data-name='Path 7720' d='M347.855,340.493v-3.462a2.285,2.285,0,0,0-2.279-2.279h0a2.286,2.286,0,0,0-2.279,2.279v3.462Z' transform='translate(-340.826 -334.752)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7721' data-name='Path 7721' d='M347.855,355.858l-2.279,4.793-2.279-4.793' transform='translate(-340.826 -334.752)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_353' data-name='Line 353' y2='1.836' transform='translate(4.75 25.899)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_7756' data-name='Rectangle 7756' width='4.558' height='15.675' rx='0.31' transform='translate(7.029 21.416) rotate(-180)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Crect id='Rectangle_7757' data-name='Rectangle 7757' width='56' height='56' transform='translate(-5832.944 -2737.943)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.dmNoti {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56.873' viewBox='0 0 56 56.873'%3E%3Cg id='icon_rs_stop' transform='translate(5832.944 2737.943)'%3E%3Cg id='Group_12656' data-name='Group 12656' transform='translate(-6128.973 -3050.687)'%3E%3Cg id='Group_12654' data-name='Group 12654' transform='translate(304.805 319.284)'%3E%3Crect id='Rectangle_7754' data-name='Rectangle 7754' width='31.358' height='38.2' rx='1.273' transform='translate(0 4.916)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_7755' data-name='Rectangle 7755' width='24.973' height='32.031' rx='1.036' transform='translate(3.192 7.928)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7715' data-name='Path 7715' d='M327.352,322.237h-3.693v-2.329a.625.625,0,0,0-.624-.624h-5.1a.625.625,0,0,0-.624.624v2.329h-3.693a.985.985,0,0,0-.982.981v5.119a.984.984,0,0,0,.982.981h13.737a.984.984,0,0,0,.982-.981v-5.119A.985.985,0,0,0,327.352,322.237Z' transform='translate(-304.805 -319.284)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7716' data-name='Path 7716' d='M312.681,335.921l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.387)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_350' data-name='Line 350' x2='5.888' transform='translate(17.641 16.269)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7717' data-name='Path 7717' d='M312.681,343.522l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.441)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_351' data-name='Line 351' x2='5.888' transform='translate(17.641 23.821)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7718' data-name='Path 7718' d='M312.681,351.124l1.46,1.421,3.78-3.4' transform='translate(-304.805 -319.495)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_352' data-name='Line 352' x2='5.888' transform='translate(17.641 31.373)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='타원_903' data-name='타원 903' cx='8' cy='8' r='8' transform='translate(20.585 29.654)' fill='%23fff' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_12661' data-name='Group 12661' transform='translate(29.448 29.156)'%3E%3Cline id='Line_408' data-name='Line 408' x2='4.637' y2='4.967' transform='translate(4.363 14.797)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect id='Rectangle_7757' data-name='Rectangle 7757' width='56' height='56' transform='translate(-5832.944 -2737.943)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size:15.5556vw 15.5556vw;} .alertLayer .LayerIcon.shareIcon {background-size:100% auto; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg id='icon_rs_pw' transform='translate(5832.944 2737.944)'%3E%3Crect id='사각형_7515' data-name='사각형 7515' width='56' height='56' transform='translate(-5832.944 -2737.944)' fill='none'/%3E%3Cg id='Group_12650' data-name='Group 12650' transform='translate(-6039.458 -3015.737)'%3E%3Crect id='Rectangle_7749' data-name='Rectangle 7749' width='26.165' height='40.917' rx='2.492' transform='translate(224.349 281.793)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_346' data-name='Line 346' x2='3.825' transform='translate(235.646 284.89)' fill='%23f5f5f7' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_371' data-name='Line 371' x2='1' transform='translate(237.514 319.793)' fill='%23f5f5f7' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_347' data-name='Line 347' x2='25.684' transform='translate(224.497 288.079)' fill='%23f5f5f7' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_348' data-name='Line 348' x2='25.684' transform='translate(224.497 317.438)' fill='%23f5f5f7' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_12647' data-name='Group 12647' transform='translate(218.514 303.459)'%3E%3Cpath id='Path_7712' data-name='Path 7712' d='M229.4,325.266a3.633,3.633,0,0,1,.659-2.771c.99-1.319.858-5.673.858-5.673l2.111-2.815s1.65-1.869,0-3.123-3.233.659-3.233.659l-5.527,4.6V302.29l-4.434,7.868a7,7,0,0,0-1.064,5.636,75.322,75.322,0,0,1,1.591,9.472Z' transform='translate(-218.507 -302.362)' fill='%23fff' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7713' data-name='Path 7713' d='M231.123,326.647c0-2.969-1.386-3.43-1.386-3.43H220.37c-2.177,0-1.836,3.43-1.836,3.43h12.59Z' transform='translate(-218.514 -300.313)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='Path_7736' data-name='Path 7736' d='M5.206,9.724l3.668,3.712,6.549-6.845' transform='translate(227.138 292.344)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} .alertLayer .uploadThumb {width:100%; object-fit:cover;} /* 2021-09-30 issues/10#note_47850 */ .alertLayer .placeInfo {position: relative; margin-top: 4.4444vw; overflow: hidden;} .alertLayer .placeInfo dl {display:flex; justify-content:flex-start; align-items:center;} .alertLayer .placeInfo dt {font-weight: 300; margin-top: 2.2222vw; width: 28.8889vw;} .alertLayer .placeInfo dt:first-of-type, .placeInfo dd:first-of-type {margin-top: 0;} .alertLayer .placeInfo dd {font-weight: 300; color: #888; margin-top: 2.2222vw; width: 44.4444vw;} .alertLayer.mainNotice {display:block} .alertLayer.mainNotice .closeAlertLayer {background:url(../img/common/icon_close_24.png) no-repeat 0 0; background-size:6.6667vw 6.6667vw; width:6.6667vw; height:6.6667vw; top:3.3333vw; right:4.4444vw;} .dim.mainDim {background:rgba(0, 0, 0, .85);} .alertLayer.mainNotice .mainNoticeWrap {text-align:center;} .alertLayer.mainNotice .mainNoticeWrap > a{display:block;} .alertLayer.mainNotice .mainNoticeWrap .appIcon {display:block; width:33.3333vw;height:27.7778vw; margin:0 auto;} .alertLayer.mainNotice .mainNoticeWrap .appCard{display:block;width:22.7778vw;height:23.3333vw;margin:0 auto;} .alertLayer.mainNotice .mainNoticeWrap strong{display:block;line-height:7.2222vw;font-size:5.5556vw;font-weight:600;color:#222;margin-top:6.6667vw;} .alertLayer.mainNotice .mainNoticeWrap .mainNoticeTxt{margin-top:4.444vw;color:#888;line-height:5.5556vw;letter-spacing:-0.0778vw;} .alertLayer.mainNotice .mainNoticeWrap .mainNoticeBtn {position:relative;text-align:center;display:flex;justify-content:center;align-items:center;margin:6.6667vw auto 0;width:77.7778vw;height:15.5556vw;border-radius:2.2222vw;background-color:#3259D8;} .alertLayer.mainNotice .mainNoticeWrap .mainNoticeBtn .appBtn {color:#fff;font-size:4.4444vw;font-weight:600;} .alertLayer.mainNotice .mainNoticeWrap .mainNoticeBtn .appBtn.inactive {background-color:#eee; color:#000} .alertLayer.mainNotice .mainNoticeWrap .todayNotView {display:inline-block;font-size:3.8889vw;font-weight:300;color:#888;text-decoration:underline;line-height:4.7222vw;margin-top:9.7222vw;} /* added 2021-10-08 issues/15#note_49845 */ .alertLayer.mainNotice .mainNoticeWrap .swiper-pagination .swiper-pagination-bullet {background:#fff; opacity:1; transition:.3s; width:2.2222vw; height:2.2222vw; margin:0 1.1111vw; border-radius:50%} .alertLayer.mainNotice .mainNoticeWrap .swiper-pagination .swiper-pagination-bullet-active {background:#a4a4a4} /* 미들 레이어 팝업 */ .alertLayer.middleLayer{bottom:inherit; width:91.1111vw; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:5.5556vw; margin-top:10vw; transition:margin-top 0.4s;} .alertLayer.middleLayer.on{margin-top:0;} .alertLayer.middleLayer .inner {padding:4.4444vw;} .alertLayer.middleLayer .closeAlertLayer {top:0;right:0;} /* imgPop */ .imgPop.middleLayer img {width: 100%; height:auto;} .imgPop.middleLayer .middleLayer {border-radius: 0;} .imgPop.middleLayer .inner {background-color: transparent; padding:0;} .imgPop.middleLayer .inner .LayerInfo {padding:0;} .imgPop.middleLayer .layerBtnArea {display:flex; justify-content: center; align-items: center; width: inherit;} .imgPop.middleLayer .layerBtnArea a {width:100%; color:#fff; font-size: 3.8889vw;} .imgPop.middleLayer .layerBtnArea.floatingBtn {position:absolute; bottom:0; background: inherit;} .imgPop.middleLayer .layerBtnArea.floatingBtn a {height:100%; background: transparent; font-size: 0;} .imgPop.middleLayer + .dim {z-index: 126;} /*fixedLayer*/ .fixedLayer {position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;border-radius:0;z-index:127; background: rgba(0, 0, 0, .85);} .fixedLayer img {width: 100%; height:auto;} .fixedLayer .middleLayer {border-radius: 0;} .fixedLayer .middleLayer .inner {background-color: transparent; padding:0;} .fixedLayer .middleLayer .inner .LayerInfo {padding:0;} .fixedLayer .middleLayer .layerBtnArea {display:flex; justify-content: center; align-items: center; position:absolute; bottom:0; width: inherit;} .fixedLayer .middleLayer {z-index: 126;} /* textPop */ .textPop .inner {padding:4.4444vw 0;} .textPop .inner .LayerInfo h3 {font-size: 6.1111vw; font-weight: 800; margin-top: 0;} .textPop .inner .LayerInfo .text {display:block; font-size: 3.3338vw; line-height:5.5556vw; color:#888; padding: 4.4444vw; text-align: center; word-break: keep-all;} .textPop .inner .LayerInfo .notice {font-size: 3.3338vw; color:#888;} .textPop .inner .LayerInfo .textBox.blueBox {color:#fff; text-align: center; background:#3259D8; padding:4.444vw; box-sizing: border-box;} .textPop .inner .LayerInfo .textBox.blueBox dl {color:inherit; font-weight: normal;} .textPop .inner .LayerInfo .textBox.blueBox dl +dl {padding-top: 4.4444vw;} .textPop .inner .LayerInfo .textBox.blueBox dl dt {display:inline-block; position:relative; font-size:4.4444vw; color:inherit; font-weight: 700; padding-bottom: 1.1111vw;} .textPop .inner .LayerInfo .textBox.blueBox dl dt::before {position:absolute; left:-2.2222vw; top:2.2222vw; transform: translate(0,-50%); content: ""; width: 1.1111vw; height: 1.1111vw; border-radius: 50%; overflow: hidden; background: #fff;} .textPop .inner .LayerInfo .textBox.blueBox dl dd {font-size:3.3338vw; color: inherit; font-weight: 300;} /* imgPop */ .fixedLayer {position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;border-radius:0;z-index:127;} .fixedLayer.imgPop img {width: 100%; height:auto;} .fixedLayer.imgPop .middleLayer {border-radius: 0;} .fixedLayer.imgPop .inner {background-color: transparent; padding:0;} .fixedLayer.imgPop .inner .LayerInfo {padding:0;} .fixedLayer.imgPop .layerBtnArea {display:flex; justify-content: center; align-items: center; position:absolute; bottom:0; width: inherit;} .fixedLayer.imgPop .layerBtnArea a {display:inline-flex; flex:0 auto; background: transparent; color: transparent; padding: 0 1.5em;} .fixedLayer.imgPop + .dim {z-index: 126;} /* textPop */ .textPop .inner {padding:4.4444vw 0;} .textPop .inner .LayerInfo h3 {font-size: 6.1111vw; font-weight: 800; margin-top: 0;} .textPop .inner .LayerInfo .text {display:block; font-size: 3.3338vw; line-height:5.5556vw; color:#888; padding: 4.4444vw; text-align: center; word-break: keep-all;} .textPop .inner .LayerInfo .notice {font-size: 3.3338vw; color:#888;} .textPop .inner .LayerInfo .textBox.blueBox {color:#fff; text-align: center; background:#3259D8; padding:4.444vw; box-sizing: border-box;} .textPop .inner .LayerInfo .textBox.blueBox dl {color:inherit; font-weight: normal;} .textPop .inner .LayerInfo .textBox.blueBox dl +dl {padding-top: 4.4444vw;} .textPop .inner .LayerInfo .textBox.blueBox dl dt {display:inline-block; position:relative; font-size:4.4444vw; color:inherit; font-weight: 700; padding-bottom: 1.1111vw;} .textPop .inner .LayerInfo .textBox.blueBox dl dt::before {position:absolute; left:-2.2222vw; top:2.2222vw; transform: translate(0,-50%); content: ""; width: 1.1111vw; height: 1.1111vw; border-radius: 50%; overflow: hidden; background: #fff;} .textPop .inner .LayerInfo .textBox.blueBox dl dd {font-size:3.3338vw; color: inherit; font-weight: 300;} /* 레이어 팝업 하단 버튼 */ .layerBtnArea{position:sticky; display:flex;height:15.5556vw;} .layerBtnArea a{flex:1; text-align:center; color:#fff; font-size:4.4444vw; font-weight:600; line-height:15.5556vw; height:calc(15.5556vw + env(safe-area-inset-bottom))} .layerBtnArea a.black {background-color:#222} .layerBtnArea a.blue{color:#fff; background:#3259D8;} .layerBtnArea a.gray{background:#eee; color:#ccc; font-weight:300;} .layerBtnArea a.third{flex:0 0 33.3333vw;width:33.3333vw;} .layerBtnArea a.noBtn{flex:inherit; width:33.3333vw; background:#222;} /* 풀 레이어 팝업 */ .fullPopupLayer{display:none; position:fixed; left:0; top:30vh; z-index:111; width:100vw; height:100vh; background:#fff; transition:top 0.3s;} .fullPopupLayer.on{top:0;} header .btnFullClose { position:absolute; left:0; top:env(safe-area-inset-top); width:13.3333vw; height:13.3333vw; font-size:0; background:url('../../assets/img/common/icon_close.png') no-repeat 0 0; background-size:100%;} .fullPopupLayer .fullContainer {background:#f5f5f5; height:100vh; overflow-x:hidden; overflow-y:scroll;} /* 체크박스 */ .formChkbox {position:relative;display:inline-block;vertical-align:middle;padding-left:10.0000vw;min-height:6.6667vw;} .formChkbox input[type='checkbox'] { position:absolute; width:0; height:0; line-height:0; text-indent:-2777.5000vw;} .formChkbox .icon {position:absolute;top:50%;transform:translateY(-50%);left:0;width:6.6667vw;height:6.6667vw;background:url('../img/common/icon_form_chk.png') no-repeat;background-size:6.6667vw 6.6667vw;} .formChkbox .icon:before {content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:0;height:6.6667vw;background:url('../img/common/icon_form_chk_b.png') no-repeat;background-size:6.6667vw 6.6667vw;transition:0.3s ease-in;} .formChkbox input[type='checkbox']:checked + .icon:before { width:6.6667vw;} .formChkbox .txt {color:#666;font-weight:600;line-height:6.6667vw;} .checkboxArea {width:100%; margin-top:2.2222vw;} .checkboxArea:after { content:''; clear:both; display:block;} .checkboxArea .roundCheckbox {float:left; margin:2.2222vw 1.1111vw 0 0;} .checkBox .formChkbox input[type='checkbox']:checked + .icon:before { width:6.6667vw; width:6.6667vw; background: url(../img/common/icon_form_chk_circle_b.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;} .roundCheckbox input[type='checkbox'] { position:absolute; width:0; height:0; line-height:0; text-indent:-2777.5000vw;} .roundCheckbox label { display:inline-block; height:8.8889vw; padding:0 6.6667vw; text-align:center; line-height:8.3333vw; font-weight:300; border:0.2778vw solid #eee; border-radius:11.1111vw; background:#fff; min-width:17.7778vw; transition:0.4s} .roundCheckbox input[type='checkbox']:checked + label {color:#fff; background:#3b5094; border:0.2778vw solid #3b5094; font-weight:300} /* 21.07.29 */ .infoAdd .stepWrap .MTitle{line-height:1.44;} .stepWrap .subWrap{margin-top:4.4444vw;} .checkboxArea.mSize{width:100%;display:flex;flex-wrap:wrap;color:#888;margin:2.2222vw 0 0 0;} .checkboxArea.mSize .roundCheckbox{float:inherit;flex:0 0 21.1111vw;width:21.1111vw;display:table;margin:0;} .checkboxArea.mSize .roundCheckbox + .roundCheckbox{margin-left:2.2222vw;} .checkboxArea.mSize .roundCheckbox label{display:table-cell;height:13.3333vw;padding:0;border-radius:2.2222vw;line-height:13.3333vw;} .checkboxArea.bold .roundCheckbox input[type='checkbox']:checked + label {font-weight: 600;} .radioArea.mSize {margin:2.2222vw 0 0 0;} .radioArea.mSize .roundRadio{flex:0 0 28.8889vw;width:28.8889vw;} .radioArea.bold .roundRadio input[type='radio']:checked + label {font-weight: 600;} .stepWrap .checkboxArea.side .roundCheckbox{margin:2.2222vw 0.5556vw 0 0;} .stepWrap .checkboxArea.side .roundCheckbox:nth-child(n+4){margin:2.2222vw 0 0 0;} /* radio */ .radioArea { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4.4444vw} .radioArea + .listType {margin-top:2.2222vw} .radioArea .roundRadio {flex:0 0 44.4444vw;width:44.4444vw;display:table;} .radioArea.multi {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-top:2.7777vw;} .radioArea.multi span {display:flex; justify-content:center; align-items:center; width:auto; flex:1 auto;} .radioArea.multi span:not(:first-child) {margin-left:2.2222vw;} .radioArea.multi .roundRadio label .radioValue {display:flex; width:100%; height:100%;} .radioArea.payBtn {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin-top: 3.3333vw;} .radioArea.payBtn .roundRadio {display:flex; justify-content:center; align-items:center; flex:0 auto; margin:1.1111vw 0;} .radioArea.payBtn .roundRadio label {display:flex; justify-content: center; align-items: center; width:100%;} .roundRadio input[type='radio'] { position:absolute; width:0; height:0; line-height:0; text-indent:-2777.5000vw;} .roundRadio label {display:table-cell;vertical-align:middle;width:100%;height:13.3333vw;text-align:center;border:0.2778vw solid #eee;border-radius:2.2222vw;background:#fff; min-width:17.7778vw;} .roundRadio label .radioValue {display:block; font-weight:300; color:#888; } .roundRadio.type2 label {height:22.2222vw;} .roundRadio.type2 label .radioValue {margin-top:0.5556vw;} .roundRadio.type2 label i {display:block; width:8.8889vw; height:8.8889vw; margin:0 auto;} .roundRadio.type2 label i.car {background:url(../img/common/icon_car.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio.type2 label i.truck {background:url(../img/common/icon_truck.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio.type2 label i.auto {background:url(../img/common/icon_auto.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio.type2 label i.stick {background:url(../img/common/icon_stick.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio.type3 label {height:27.7778vw;} .roundRadio.type3 label .radioValue {margin-top:0.5556vw;} .roundRadio.type3 label .radioDsc {display:block; color:#888; margin-top:1.1111vw; font-weight:300;} .roundRadio.type3 input[type='radio']:checked + label .radioDsc {color:#fff; font-weight:300;} .roundRadio.type3 label i {display:block; width:8.8889vw; height:8.8889vw; margin:0 auto;} .roundRadio.type3 label i.day3 {background:url(../img/common/icon_day3.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio.type3 label i.day5 {background:url(../img/common/icon_day5.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw; } .roundRadio input[type='radio']:checked + label {background:#3b5094; border:0.2778vw solid #3b5094;} .roundRadio input[type='radio']:checked + label .radioValue, .roundRadio input[type='radio']:checked + label .radioDsc {color:#fff; font-weight:600;} .roundRadio input[type='radio']:checked + label i.car {background:url(../img/common/icon_car_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio input[type='radio']:checked + label i.truck {background:url(../img/common/icon_truck_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio input[type='radio']:checked + label i.auto {background:url(../img/common/icon_auto_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio input[type='radio']:checked + label i.stick {background:url(../img/common/icon_stick_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio input[type='radio']:checked + label i.day3 {background:url(../img/common/icon_day3_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio input[type='radio']:checked + label i.day5 {background:url(../img/common/icon_day5_b.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label {background:#eee; border:0.2778vw solid #eee;} .roundRadio.disabled input[type='radio'] + label .radioValue, .roundRadio.disabled input[type='radio'] + label .radioDsc {color:#BBBCBC; font-weight:600;} .roundRadio.disabled input[type='radio'] + label i.car {background:url(../img/common/icon_car_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label i.truck {background:url(../img/common/icon_truck_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label i.auto {background:url(../img/common/icon_auto_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label i.stick {background:url(../img/common/icon_stick_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label i.day3 {background:url(../img/common/icon_day3_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .roundRadio.disabled input[type='radio'] + label i.day5 {background:url(../img/common/icon_day5_g.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} /* btn style */ .btnArea{display:flex; height:15.5556vw;} .btnArea a{flex:1; text-align:center; color:#fff; font-size:4.4444vw; line-height:15.5556vw; height:calc(15.5556vw + env(safe-area-inset-bottom)); font-weight:600;} .btnArea a span {font:inherit; height:3.8889vw; color:inherit;} .btnArea a.third {flex:0 0 33.3333vw; width:33.3333vw;} .btnArea a.blue{background:#3259D8} .btnArea a.yellow{background:#FFCC00;} .btnArea a.black{background:#222} .btnArea a.gray{background:#eee; color:#ccc; font-weight:300;} .btnArea a.borderR {border-radius: 2.2222vw; overflow: hidden; border: 1px solid #eee; color:#222;} .btnArea.hide {display:none;} .btnArea.view {display:flex;} .btnWrap {display:flex; justify-content: center; align-items: center; flex:initial; width:100%; height:100%;} .btnWrap a {display:flex; justify-content: center; align-items: center; width:100%; height:13.3333vw; border-radius: 2.2222vw; overflow: hidden; color:#222; box-sizing: border-box;} .btnWrap a.btnLine {border: 1px solid #eee; } .btnWrap a span.btnTxt {display:inline-flex; align-items: center; height:4.4445vw; color:#222; font:600 3.8889vw/1 'Apple SD Gothic Neo';} .btnWrap a span.btnTxt.textGray {color:#888; font-weight: 300;} .btnWrap a i.iconArrow {width:3.8889vw; height: 3.8889vw; background-position:right center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.061' height='8' viewBox='0 0 5.061 8'%3E%3Cpath id='Path_48769' data-name='Path 48769' d='M340.747,423.044l4,4-4,4' transform='translate(-340.394 -422.69)' fill='none' stroke='%23222' stroke-width='1'/%3E%3C/svg%3E%0A");} .btnWrap.mtop {margin-top: 2.2222vw;} .btnWrap.foldCont {flex-flow:row wrap; justify-content: space-between; align-items: center; margin-top: 3.3333vw;} .btnWrap.foldCont li {display:flex; justify-content: space-between; align-items: center; width:100%; margin: 1.1111vw 0;} .btnWrap.foldCont li a {width:44.4444vw; height:13.3333vw;} .btnFold a.viewBtn .btnTxt {display:flex; justify-content: flex-start; align-items: center; position:relative; width:14.4444vw; height: 4.7222vw} .btnFold a.viewBtn .btnTxt::after {content:'접기'; display:flex; justify-content: center; align-items: center; position:absolute; top:0; left:0; width:100%; height:100%; font:inherit; background: #fff;} .btnFold.on a.viewBtn .btnTxt::after {content:'펼치기'; display:flex; justify-content: center; align-items: center; position:absolute; top:0; left:0; width:100%; height:100%; font:inherit; background: #fff;} .btnFold a.viewBtn i.iconArrowFoot {transform:rotate(-180deg); transition: transform .3s linear;} .btnFold.on a.viewBtn i.iconArrowFoot {transform:rotate(0deg);} .btnMore.more{font:600 3.3333vw/1.215 'Apple SD Gothic Neo';} .btnMore.more:after{content: '';display:inline-block;width: 1.1111vw;height: 2.2222vw;vertical-align:middle;background:url('../img/common/icon_detail.png') 0 0 no-repeat;background-size: 1.1111vw 2.2222vw;margin: -0.5556vw 0 0 2.2222vw;} .btnMore.more.new:before {content: '';display: inline-block; vertical-align: middle; width: 2.2222vw; height: 2.2222vw; background-color: #E8441A; border-radius: 50%; margin: -0.5556vw 1.6667vw 0 0;} /* btn - fixed style */ .btnArea.fixed{ position:fixed; bottom:0; width:100%; height:calc(15.5556vw + env(safe-area-inset-bottom)); z-index:110;} .btnArea.fixed a {line-height:15.0000vw; font-weight:600;} .btnArea.fixed a.gray {font-weight:300;} .btnWrap.fixed {position:fixed; bottom:0; width:100%; height:calc(24.4444vw + env(safe-area-inset-bottom)); z-index:110; background: #fff; } .btnWrap.fixed .btnInner {display:flex; justify-content: space-between; align-items: flex-start; width:91.1111vw; height:calc(24.4444vw + env(safe-area-inset-bottom)); margin:0 auto;} .btnWrap.fixed .btnInner .btnFix{display:flex;justify-content:center;align-items:center;width:100%; max-width: 44.4444vw; height:13.3333vw;border-radius:2.2222vw;overflow:hidden;color:#222;box-sizing:border-box;line-height:15vw;font-weight:600;background:#fff;color:#222;border:1px solid #eee} .btnWrap.fixed .btnInner .btnFix .icon {height: 100%;} .btnWrap.fixed .btnInner .btnFix .icon span {display: inline-flex; justify-content: center; align-items: center; height: 4.4445vw; font:600 3.8889vw/1 'Apple SD Gothic Neo'; margin: 0 0 0 2.2222vw;} .btnWrap.fixed .btnInner .btnFix .iconLike{height:4.72223vw; background-size:100% 100%; background-position: center; background-image: url("data:image/svg+xml,%3Csvg id='Component_51_26' data-name='Component 51 – 26' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='Rectangle_27705' data-name='Rectangle 27705' width='16' height='16' fill='none'/%3E%3Cg id='Icon_feather-heart' data-name='Icon feather-heart' transform='translate(-2.323 -4.497)' fill='none' stroke-linecap='round'%3E%3Cpath d='M17.089,5.912a3.841,3.841,0,0,0-5.955,0l-.811.93-.811-.93a3.842,3.842,0,0,0-5.955,0,5.341,5.341,0,0,0,0,6.828l.811.93L10.323,20.5l5.955-6.828.811-.93a5.34,5.34,0,0,0,0-6.828Z' stroke='none'/%3E%3Cpath d='M 14.11176109313965 5.497259140014648 C 13.28021144866943 5.497259140014648 12.4904613494873 5.877849578857422 11.88784122467041 6.569089889526367 L 10.32286167144775 8.363359451293945 L 8.757871627807617 6.569089889526367 C 8.155282020568848 5.878208160400391 7.365481376647949 5.49772834777832 6.533951759338379 5.49772834777832 C 5.702421188354492 5.49772834777832 4.912611961364746 5.878208160400391 4.310022354125977 6.569089889526367 C 3.67357063293457 7.298788070678711 3.323060989379883 8.277729034423828 3.323060989379883 9.325589179992676 C 3.323060989379883 10.37344932556152 3.67357063293457 11.35238933563232 4.310022354125977 12.08207893371582 L 10.32286167144775 18.97591018676758 L 16.33584213256836 12.0819091796875 C 16.97246170043945 11.35236930847168 17.32306098937988 10.37348937988281 17.32306098937988 9.325589179992676 C 17.32306098937988 8.277688980102539 16.97246170043945 7.298809051513672 16.33554077148438 6.568918228149414 C 15.73306179046631 5.877849578857422 14.94331169128418 5.497259140014648 14.11176109313965 5.497259140014648 M 14.11176681518555 4.497264862060547 C 15.18948173522949 4.497264862060547 16.26719665527344 4.968769073486328 17.08931159973145 5.911779403686523 C 18.73431205749512 7.796909332275391 18.73431205749512 10.85426902770996 17.08931159973145 12.73939895629883 L 10.32286167144775 20.49725914001465 L 3.556402206420898 12.73939895629883 C 1.911951065063477 10.85400867462158 1.911951065063477 7.797168731689453 3.556402206420898 5.911779403686523 C 5.200861930847168 4.026378631591797 7.86704158782959 4.026378631591797 9.511491775512695 5.911779403686523 L 10.32286167144775 6.842018127441406 L 11.13422203063965 5.911779403686523 C 11.95633697509766 4.968769073486328 13.0340518951416 4.497264862060547 14.11176681518555 4.497264862060547 Z' stroke='none' fill='%23222'/%3E%3C/g%3E%3C/svg%3E%0A");} .btnWrap.fixed .btnInner .btnFix.on .iconLike{animation-duration:.45s;animation-name:like-button-animation;animation-timing-function:ease-in-out;transform:scale(1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Icon_feather-heart' data-name='Icon feather-heart' d='M17.089,5.912a3.841,3.841,0,0,0-5.955,0l-.811.93-.811-.93a3.842,3.842,0,0,0-5.955,0,5.341,5.341,0,0,0,0,6.828l.811.93L10.323,20.5l5.955-6.828.811-.93a5.34,5.34,0,0,0,0-6.828Z' transform='translate(-2.323 -4.497)' fill='%23e8441a'/%3E%3C/svg%3E%0A");} /* btnIcon */ .btnIcon {display:flex; justify-content:center; align-items:center;} .btnIcon .btnTxt {color:#222; font:600 3.8889vw/1 'Apple SD Gothic Neo'; margin-left:1.1111vw;} .btnIcon .btnTxt.icon {display:flex; justify-content:center; align-items:center; height:6.6668vw; color:#fff; font-weight:600; text-align:center; line-height:1; font-size:4.4444vw;box-sizing:border-box;} .btnIcon i {display:inline-flex; background-repeat:no-repeat; background-position:center; background-size:100% auto;} /* btn - Calendar style */ .btnCalendar {display:block;width:100%;height:13.3333vw;border-radius:2.2222vw;border:0.2778vw solid #3B5094;margin-top:5.5556vw; position:relative;line-height:13.3333vw;padding-left:31.6667vw;font-weight:600;} .btnCalendar:before {content:'';position:absolute;width:6.6667vw;height:6.6667vw;background:url(../img/common/icon_calendar.png) 0 0 no-repeat;background-size:6.6667vw 6.6667vw;top:50%;left:23.8889vw;transform:translateY(-50%);} .btnCalendar.on {border:0.2778vw solid #3259D8} @keyframes like-button-animation { 0% { transform: scale(1) } 25% { transform: scale(1.2) } 50% { transform: scale(.95) } 100% { transform: scale(1) } } /* icon */ .icon {display:flex;justify-content:center;align-items:center;position:relative;height:calc(15.5556vw + env(safe-area-inset-bottom));} .icon > i {display:inline-flex; background-repeat:no-repeat; background-position:center; background-size:100% auto;} i.icon {display:inline-flex; background-repeat:no-repeat; background-position:center; background-size:100% auto;} .icon > span {color:#222; font:300 3.8889vw/1.215 'Apple SD Gothic Neo'; margin-left:1.1111vw;} i.icon_question_white {width:6.6667vw; height:6.6667vw; margin-left:1.1111vw; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_tooltip_white' transform='translate(-110 -419)'%3E%3Cpath id='Path_49067' data-name='Path 49067' d='M0,0H24V24H0Z' transform='translate(110 419)' fill='rgba(255,255,255,0)'/%3E%3Cpath id='Path_49068' data-name='Path 49068' d='M8,0A8,8,0,1,1,0,8,8.144,8.144,0,0,1,2.723,1.987,7.778,7.778,0,0,1,8,0Z' transform='translate(114 423)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ctext id='_' data-name='%3F' transform='translate(119 436)' fill='%23fff' font-size='14' font-family='AppleSDGothicNeoSB, Apple SD Gothic Neo' letter-spacing='-0.02em'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");} i.iconLike {width:4.4445vw; height:4.4445vw; margin-left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Icon_feather-heart' data-name='Icon feather-heart' d='M17.089,5.912a3.841,3.841,0,0,0-5.955,0l-.811.93-.811-.93a3.842,3.842,0,0,0-5.955,0,5.341,5.341,0,0,0,0,6.828l.811.93L10.323,20.5l5.955-6.828.811-.93a5.34,5.34,0,0,0,0-6.828Z' transform='translate(-2.323 -4.497)' fill='%23e8441a'/%3E%3C/svg%3E%0A");} i.iconEye {width:4.4445vw; height:4.4445vw; margin-left: 0;background-image: url("data:image/svg+xml,%3Csvg id='Component_51_44' data-name='Component 51 – 44' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='Rectangle_27705' data-name='Rectangle 27705' width='16' height='16' fill='none'/%3E%3Cg id='Icon_feather-eye' data-name='Icon feather-eye' transform='translate(-0.236 -2.898)'%3E%3Cg id='Path_48798' data-name='Path 48798' transform='translate(-1.264 -0.101)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5,11s2.909-5,8-5,8,5,8,5-2.909,5-8,5S1.5,11,1.5,11Z' stroke='none'/%3E%3Cpath d='M 9.5 7 C 7.663860321044922 7 5.917360305786133 7.739689826965332 4.309020042419434 9.19851016998291 C 3.566379547119141 9.872103691101074 3.0218505859375 10.55513381958008 2.700910568237305 11.00075149536133 C 3.546145439147949 12.1761589050293 5.946990013122559 15 9.5 15 C 11.33613967895508 15 13.08263969421387 14.26031017303467 14.69097995758057 12.80148983001709 C 15.43362045288086 12.12789630889893 15.9781494140625 11.44486618041992 16.2990894317627 10.99924850463867 C 15.45385456085205 9.823841094970703 13.05300998687744 7 9.5 7 M 9.5 6 C 14.59090995788574 6 17.5 11 17.5 11 C 17.5 11 14.59090995788574 16 9.5 16 C 4.409090042114258 16 1.5 11 1.5 11 C 1.5 11 4.409090042114258 6 9.5 6 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3Cpath id='Path_48799' data-name='Path 48799' d='M17.5,15.5a2,2,0,1,1-2-2A2,2,0,0,1,17.5,15.5Z' transform='translate(-7.264 -4.601)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");} i.iconArrow {width:1.4058vw; height:3.8889vw; background-position:center; background-repeat: no-repeat; background-size:1.2195vw 2.4390vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.061' height='8.707' viewBox='0 0 5.061 8.707'%3E%3Cpath id='Path_48769' data-name='Path 48769' d='M340.747,423.044l4,4-4,4' transform='translate(-340.394 -422.69)' fill='none' stroke='%23222' stroke-width='1'/%3E%3C/svg%3E%0A");} i.iconCar {width:6.6668vw; height:6.6668vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_27714' data-name='Rectangle 27714' width='16' height='15' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_12742' data-name='Group 12742' transform='translate(-65.405 -69.454)'%3E%3Crect id='사각형_4253' data-name='사각형 4253' width='24' height='24' transform='translate(65.405 69.454)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Group_20275' data-name='Group 20275' transform='translate(69.405 74.454)'%3E%3Cg id='Group_20274' data-name='Group 20274' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_48776' data-name='Path 48776' d='M11.5,5A1.5,1.5,0,0,1,13,6.5V9a1,1,0,0,1-1,1H2A1,1,0,0,1,1,9V6.5A1.5,1.5,0,0,1,2.5,5Zm0-1h-9A2.5,2.5,0,0,0,0,6.5V9a2,2,0,0,0,2,2H12a2,2,0,0,0,2-2V6.5A2.5,2.5,0,0,0,11.5,4' fill='%23888'/%3E%3Cpath id='Path_48777' data-name='Path 48777' d='M5,11a1,1,0,0,1-2,0Zm1-1H2v1a2,2,0,0,0,4,0Z' fill='%23888'/%3E%3Cpath id='Path_48778' data-name='Path 48778' d='M11.5,14.5a4,4,0,1,1,4-4,4,4,0,0,1-4,4' fill='%23fff'/%3E%3Cpath id='Path_48779' data-name='Path 48779' d='M11.5,7A3.5,3.5,0,1,1,8,10.5,3.5,3.5,0,0,1,11.5,7m0-1A4.5,4.5,0,1,0,16,10.5,4.5,4.5,0,0,0,11.5,6' fill='%23888'/%3E%3Cline id='Line_435' data-name='Line 435' y2='1' transform='translate(4 7)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_436' data-name='Line 436' x1='1' transform='translate(1 3)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48780' data-name='Path 48780' d='M10.115,1a.74.74,0,0,1,.714.469L11.715,4H2.284L3.17,1.469A.74.74,0,0,1,3.885,1Zm0-1H3.885A1.744,1.744,0,0,0,2.226,1.138L.875,5h12.25L11.773,1.138A1.744,1.744,0,0,0,10.115,0' fill='%23888'/%3E%3Cline id='Line_437' data-name='Line 437' x1='1' transform='translate(12 3)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_438' data-name='Line 438' x2='1.389' y2='1.417' transform='translate(10 10.583)' fill='none' stroke='%23888' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_439' data-name='Line 439' x1='2' y2='2' transform='translate(11.389 10)' fill='none' stroke='%23888' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} i.iconVs {width:6.6668vw; height:6.6668vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_27715' data-name='Rectangle 27715' width='16' height='15.5' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_12694' data-name='Group 12694' transform='translate(-229.405 -68.623)'%3E%3Crect id='사각형_4250' data-name='사각형 4250' width='24' height='24' transform='translate(229.405 68.623)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Group_20279' data-name='Group 20279' transform='translate(233.405 72.873)'%3E%3Cline id='Line_440' data-name='Line 440' x2='10.5' transform='translate(2.75 2)' fill='none' stroke='%23888' stroke-miterlimit='10' stroke-width='1'/%3E%3Cg id='Group_20278' data-name='Group 20278'%3E%3Cg id='Group_20277' data-name='Group 20277' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_48781' data-name='Path 48781' d='M9.5,2A1.5,1.5,0,1,1,8,.5,1.5,1.5,0,0,1,9.5,2' fill='%23fff'/%3E%3Ccircle id='Ellipse_1421' data-name='Ellipse 1421' cx='1.5' cy='1.5' r='1.5' transform='translate(6.5 0.5)' fill='none' stroke='%23888' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_48782' data-name='Path 48782' d='M5,7.893C5,8.781,3.993,9.5,2.75,9.5S.5,8.781.5,7.893' fill='none' stroke='%23888' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_48783' data-name='Path 48783' d='M2.75,2,.5,7.893H5Z' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48784' data-name='Path 48784' d='M15.5,7.893c0,.888-1.007,1.607-2.25,1.607S11,8.781,11,7.893' fill='none' stroke='%23888' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_48785' data-name='Path 48785' d='M13.25,2,11,7.893h4.5Z' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_441' data-name='Line 441' y2='9' transform='translate(8 3.5)' fill='none' stroke='%23888' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_48786' data-name='Path 48786' d='M11,12.5a1,1,0,0,1,1,1v1H4v-1a1,1,0,0,1,1-1Zm0-1H5a2,2,0,0,0-2,2v1a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1v-1a2,2,0,0,0-2-2' fill='%23888'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} i.iconArrowFoot {width:3.3333vw; height:4.7222vw; background-position: right center; background-size: 2.43561vw auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.707' height='5.061' viewBox='0 0 8.707 5.061'%3E%3Cpath id='Path_48769' data-name='Path 48769' d='M0,0,4,4,0,8' transform='translate(8.354 0.354) rotate(90)' fill='none' stroke='%23888' stroke-width='1'/%3E%3C/svg%3E%0A");} i.iconCarSearch {width:6.6668vw; height:6.6668vw;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_27714' data-name='Rectangle 27714' width='16' height='15' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_20276' data-name='Group 20276' transform='translate(-65.405 -69.454)'%3E%3Crect id='사각형_4253' data-name='사각형 4253' width='24' height='24' transform='translate(65.405 69.454)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Group_20275' data-name='Group 20275' transform='translate(69.405 74.454)'%3E%3Cg id='Group_20274' data-name='Group 20274' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_48776' data-name='Path 48776' d='M11.5,5A1.5,1.5,0,0,1,13,6.5V9a1,1,0,0,1-1,1H2A1,1,0,0,1,1,9V6.5A1.5,1.5,0,0,1,2.5,5Zm0-1h-9A2.5,2.5,0,0,0,0,6.5V9a2,2,0,0,0,2,2H12a2,2,0,0,0,2-2V6.5A2.5,2.5,0,0,0,11.5,4' fill='%23888'/%3E%3Cpath id='Path_48777' data-name='Path 48777' d='M5,11a1,1,0,0,1-2,0Zm1-1H2v1a2,2,0,0,0,4,0Z' fill='%23888'/%3E%3Cpath id='Path_48778' data-name='Path 48778' d='M10.952,13.4A3.452,3.452,0,1,1,14.4,9.952,3.456,3.456,0,0,1,10.952,13.4' transform='translate(-0.069 -0.069)' fill='%23fff'/%3E%3Cpath id='Path_48779' data-name='Path 48779' d='M10.884,6.863A3.021,3.021,0,1,1,7.863,9.884a3.024,3.024,0,0,1,3.021-3.021m0-.863a3.884,3.884,0,1,0,3.884,3.884A3.884,3.884,0,0,0,10.884,6' fill='%23888'/%3E%3Cline id='Line_435' data-name='Line 435' y2='1' transform='translate(4 7)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_436' data-name='Line 436' x1='1' transform='translate(1 3)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48780' data-name='Path 48780' d='M10.115,1a.74.74,0,0,1,.714.469L11.715,4H2.284L3.17,1.469A.74.74,0,0,1,3.885,1Zm0-1H3.885A1.744,1.744,0,0,0,2.226,1.138L.875,5h12.25L11.773,1.138A1.744,1.744,0,0,0,10.115,0' fill='%23888'/%3E%3Cline id='Line_437' data-name='Line 437' x1='1' transform='translate(12 3)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_438' data-name='Line 438' x2='1.389' y2='1.417' transform='translate(13.611 12.612)' fill='none' stroke='%23888' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} i.iconEntry {width:6.6668vw; height:6.6668vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_consult_x24' transform='translate(-229.405 -68.623)'%3E%3Crect id='사각형_4250' data-name='사각형 4250' width='24' height='24' transform='translate(229.405 68.623)' fill='rgba(255,255,255,0)'/%3E%3Cg id='Group_12736' data-name='Group 12736' transform='translate(171.487 -245.357)'%3E%3Cg id='Group_12734' data-name='Group 12734' transform='translate(63.918 317.98)'%3E%3Cpath id='Path_7768' data-name='Path 7768' d='M73.776,317.98H64.441a.525.525,0,0,0-.523.527v14.945a.525.525,0,0,0,.523.527H76.081a.525.525,0,0,0,.523-.527V320.9' transform='translate(-63.918 -317.98)' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_7769' data-name='Path 7769' d='M72.71,317.98l2.931,2.931H72.71Z' transform='translate(-62.954 -317.98)' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3Cline id='Line_387' data-name='Line 387' x1='3.528' transform='translate(67.335 323.049)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_389' data-name='Line 389' x1='3.528' transform='translate(67.335 325.325)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Crect id='Rectangle_11479' data-name='Rectangle 11479' width='4' height='4' transform='translate(73.918 330.979)' fill='%23fff'/%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M2.692,9.45,0,9.544.094,6.852,6.946,0l2.6,2.6Z' transform='translate(69.975 325.979)' fill='%23fff' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} i.iconTip {margin-top:0.5556vw; background-size: 4.4444vw 4.4444vw; background-position:center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cg id='Group_12852' data-name='Group 12852' transform='translate(-114 -423)'%3E%3Ccircle id='Ellipse_1115' data-name='Ellipse 1115' cx='8' cy='8' r='8' transform='translate(114 423)' fill='%23eee'/%3E%3Ctext id='_' data-name='%3F' transform='translate(119 436)' fill='%23888' font-size='14' font-weight='700' font-family='AppleSDGothicNeoSB, Apple SD Gothic Neo' letter-spacing='-0.02em'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");} i.iconShare {width:4.4444vw; height:4.72223vw; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.4' height='17' viewBox='0 0 15.4 17'%3E%3Cg id='Icon_feather-share-2' data-name='Icon feather-share-2' transform='translate(0.5 0.5)'%3E%3Cpath id='Path_48787' data-name='Path 48787' d='M27.31,5.405A2.405,2.405,0,1,1,24.905,3,2.405,2.405,0,0,1,27.31,5.405Z' transform='translate(-12.91 -3)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48788' data-name='Path 48788' d='M9.31,15.905A2.405,2.405,0,1,1,6.905,13.5,2.405,2.405,0,0,1,9.31,15.905Z' transform='translate(-4.5 -7.905)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48789' data-name='Path 48789' d='M27.31,26.405A2.405,2.405,0,1,1,24.905,24,2.405,2.405,0,0,1,27.31,26.405Z' transform='translate(-12.91 -12.81)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48790' data-name='Path 48790' d='M12.885,20.265l5.476,3.191' transform='translate(-8.419 -11.062)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48791' data-name='Path 48791' d='M18.353,9.765l-5.468,3.191' transform='translate(-8.419 -6.159)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");} i.iconImg {width:6.6668vw; height:6.6668vw; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_1' transform='translate(-178 -758)'%3E%3Crect id='Rectangle_7583' data-name='Rectangle 7583' width='24' height='24' transform='translate(178 758)' fill='none'/%3E%3Cg id='Group_20284' data-name='Group 20284' transform='translate(179.4 762.4)'%3E%3Cg id='Group_20309' data-name='Group 20309'%3E%3Crect id='Rectangle_27716' data-name='Rectangle 27716' width='20' height='16' rx='1' transform='translate(0.6 -0.4)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='Line_442' data-name='Line 442' y1='3' x2='5' transform='translate(0.6 8.6)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='Line_443' data-name='Line 443' y1='5' x2='7' transform='translate(9.6 6.6)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='Line_444' data-name='Line 444' x2='4' y2='3' transform='translate(5.6 8.6)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='Line_445' data-name='Line 445' x2='4' y2='3' transform='translate(16.6 6.6)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Ccircle id='Ellipse_1422' data-name='Ellipse 1422' cx='1.5' cy='1.5' r='1.5' transform='translate(3.6 3.6)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} /* list */ .listType li {position:relative;color:#888;padding-left:2.2222vw;line-height:5.5556vw;} .listType li span {font-weight:600; color:#888} .listType li:before {content:'';position:absolute;left:0;top:1.9444vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888} .listType li + li {margin-top:1.1111vw;} /* select */ .selectBox { position:relative;} .selectBox select { padding-right:6.6667vw; width:100%; height:13.3333vw; font-size:4.4444vw; color:#222; border:0.2778vw solid #00C7CF; border-radius:2.2222vw; line-height:13.3333vw; padding-left:4.4444vw;background:url(../img/common/icon_arrow_24.png) 97.6% 50% no-repeat; background-size:6.6667vw 6.6667vw;background-color:#fff} .selectBox.gray select {border:0.2778vw solid #eee} /* textarea style */ .textareaWrap{position:relative; margin-top:2.2222vw;} .textareaWrap textarea{display:block; width:100%; height:66.6667vw;; padding:4.4444vw 4.4444vw 8.8889vw; background:#fff; border:0.2778vw solid #eee; border-radius:2.2222vw; font-size:4.4444vw; resize:none;} .textareaWrap p{position:absolute; right:4.4444vw; bottom:4.4444vw;} .textareaWrap p strong{color:#3259D8; font-weight:600;} /* input */ .formInput { position:relative; margin-top:6.6667vw} .formInput input { width:100%; height:13.3333vw; font-size:4.4444vw; caret-color:#00C7CF; border:0.2778vw solid #00C7CF; border-radius:2.2222vw; padding:0 4.4444vw; transition:0.4s} .formInput input::placeholder {font-size:4.4444vw; color:#888; font-weight:300;} .formInput .btnDel {display:none; position:absolute; top:50%; right:2.2222vw; transform:translateY(-50%); width:8.3333vw; height:8.3333vw; font-size:0; background:url('../img/common/icon_delete.png') no-repeat; background-size:8.3333vw auto;} /* tab */ .tab {width:100vw; margin-left:-4.4444vw;} .tab ul {display:flex; position:relative;} .tab ul li {flex:1;} .tab ul li a {display:block; height:15.5556vw; line-height:15.5556vw; color:#888; font-size:4.4444vw; text-align:center; border-bottom:0.5556vw solid #eee; transition:.3s;} .tab ul li.on a {font-weight:600; border-bottom:0.5556vw solid #3259D8; color:#3259D8} .tabCont {margin-top: 6.6666vw;} /* progressBar */ .noHead .pbWrap {top:calc(0vw + env(safe-area-inset-top));} .pbWrap {position:fixed;left:0;top:calc(13.3333vw + env(safe-area-inset-top));width:100vw;background-color:#fff;z-index:2;overflow:hidden;} .progressBar {position:relative;height:0.5556vw;margin-top:3.8889vw;background-color:#eee;} .progressBar .bar {position:absolute; left:0; top:0; height:100%; background-color:#3B5094;} .progressBar .bar:after {content:'';position:absolute;top:-3.8889vw;right:0;background:url(../img/common/icon_indi_car.png) 0 0 no-repeat;background-size:7.7778vw 3.8889vw; width:7.7778vw; height:3.8889vw;} /* datepicker *//*21.08*/ #ui-datepicker-div{left:4.4444vw !important;} /* #ui-datepicker-div{left:8vw !important;}*/ .ui-datepicker {width:91.1111vw;margin-top:4.4444vw;padding:0;border-radius:2.2222vw;background-color:#e8e8e8;} .ui-datepicker.ui-widget.ui-widget-content{padding:4.4444vw;} .ui-datepicker.ui-widget.ui-widget-content {border:none;} .ui-datepicker .ui-widget-header {border:none;padding:0;border-radius:2.2222vw;background-color:#e8e8e8;} .ui-datepicker .ui-datepicker-title {margin:0; height:6.6667vw;line-height:7.7778vw;text-align:center; color:#333; font-size:5vw; font-weight:600;} .ui-datepicker .ui-datepicker-title span {font-size:5.0000vw; font-weight:600;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {border:0;background:transparent;top:50%;transform:translateY(-50%);width:6.6667vw;height:6.6667vw;opacity:1;} .ui-datepicker .ui-datepicker-next {right:0;} .ui-datepicker .ui-datepicker-prev {left:0;} .ui-datepicker .ui-datepicker-prev span {background:url('../img/common/icon_cal_prev.png') no-repeat;background-size:6.6667vw 6.6667vw;width:6.6667vw;height:6.6667vw;margin:0;position:relative;left:0;top:0;} .ui-datepicker .ui-datepicker-next span {background:url('../img/common/icon_cal_next.png') no-repeat;background-size:6.6667vw 6.6667vw;width:6.6667vw;height:6.6667vw;margin:0;left:0;top:0;position:relative;} .ui-datepicker .ui-datepicker-calendar {margin:4.4444vw 0 0 0;} .ui-datepicker .ui-datepicker-calendar th {width:11.1111vw; height:11.1111vw; font-weight:600;} .ui-datepicker .ui-datepicker-calendar th span {color:#666; font-weight:inherit;} .ui-datepicker .ui-datepicker-calendar thead tr th:first-child span, .ui-datepicker .ui-datepicker-calendar tbody tr td:first-child a {color:#e13737; font-weight:inherit;} .ui-datepicker .ui-datepicker-calendar thead tr th:last-child span {color:#3B5094; font-weight:inherit;} .ui-datepicker .ui-datepicker-calendar td { padding:0 0 2.2222vw 0; opacity:1;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable span {color:#ccc} .ui-datepicker .ui-datepicker-calendar tbody tr:last-child td { padding:0; } .ui-datepicker td span, .ui-datepicker td a {text-align:center;padding:0;margin:0 auto;width:11.1111vw;height:11.1111vw;line-height:11.1111vw;font-size:3.8889vw;} .ui-datepicker .ui-datepicker-calendar td .ui-state-default {display:flex; justify-content:center; align-items:center; color:#333;background:none;border:none;transition:0.4s;} .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {color:#fff;background:#3B5094;border-radius:50%;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {position:relative; font-size:0; opacity:1} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today span {display:none;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today:before {content:'오늘';position:absolute;top:3.6111vw;left:50%;transform:translateX(-50%);font-size:3.3333vw;font-weight:600;color:#3B5094;} /*.ui-datepicker-year {display:none;}*/ .ui-datepicker .ui-datepicker-calendar td.haveScd {position:relative; background:#fff;} .ui-datepicker .ui-datepicker-calendar td.haveScd a {color:#3B5094; font-weight:600;} .ui-datepicker .ui-datepicker-calendar td.haveScd:before {content:'';position:absolute;left:50%;margin-left:-0.5556vw;top:1.1111vw;border-radius:50%;width:1.1111vw;height:1.1111vw;background-color:#3B5094;} .datePickWrap .hide{z-index:-1;position:absolute;width:0;height:0;color:transparent;overflow:hidden;font-size:0;line-height:0;} .datePickWrap{position:relative;} .datePickWrap input.hasDatepicker{position:relative;display:block;width:100%;height:13.3333vw;margin-top:4.4444vw;color:#888;font-size:4.4444vw;line-height:13.3333vw;border-radius:2.2222vw;padding:0 4.4444vw;border:0.2778vw solid #eee;} .datePickWrap button.ui-datepicker-trigger{position:absolute;top:50%;right:2.2222vw;transform:translateY(-50%);width:8.8889vw;height:8.8889vw;} .datePickWrap button.ui-datepicker-trigger img{width:100%;height:100%;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default.ui-state-highlight {position:relative; font-size:0; opacity:1} .schCalender .ui-datepicker{border:none;background-color:#fff;} .schCalender .ui-datepicker .ui-widget-header {border-radius:0;background-color:#fff;} .schCalender .ui-datepicker .ui-datepicker-calendar th {width:11.1111vw; height:11.1111vw; font-weight:600;} /*//21.08*/ /* .inpCalender */ .inpCalender {display:none;} .inpCalender.on {display:table;} .inpCalender .ui-datepicker {background:#fff;} .inpCalender .ui-datepicker.ui-widget.ui-widget-content {padding:0;} .inpCalender .ui-datepicker .ui-datepicker-header {background:#fff;} .inpCalender .ui-datepicker table {height:76.19vw;} .inpCalender .ui-datepicker tbody tr td {position:relative; box-sizing:border-box;} .inpCalender .ui-datepicker tbody tr td a{position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:none; font-weight:600; box-sizing:border-box; padding:1.1111vw 0;} /*.ui-datepicker-today 오늘 */ .inpCalender .ui-datepicker tbody tr td.ui-datepicker-today {display:flex; justify-content:center; align-items:center; top:0; left:0; width:100%; height:100%; transform:translate(0,0);} .inpCalender .ui-datepicker tbody tr td.ui-datepicker-today:before {display:flex; justify-content:center; align-items:center; top:0; left:0; width:100%; height:100%; transform:translate(0,0);} /*.ui-state-active 클릭했을때*/ .inpCalender.daySelect .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {position:relative; color:#3B5094; background:none;} .inpCalender.daySelect .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active:after {content:""; position:absolute; top:1.1111vw; width:1.1111vw; height:1.1111vw; border-radius:50%; overflow:hidden; background:#3B5094;} .inpCalender.daySelect .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active:before {display:none;} /*첫날~미지막 사이기간 */ .inpCalender.select .ui-datepicker tbody tr td.onDay a {position:relative; width:100%; height:100%;} .inpCalender.select .ui-datepicker tbody tr td.onDay a:before {position:absolute; top:0; right:0; width:100%; height:100%; background:rgba(59, 80, 148,.1); content:"";} .inpCalender.select .ui-datepicker tbody tr td.onDay.firstDay a:before {display:block; position:absolute; top:0; right:0; width:50%; height:100%; background:rgba(59, 80, 148,.1); content:"";} /* 첫날 */ .inpCalender.select .ui-datepicker tbody tr td.onDay.firstDay a {color:#fff; z-index:1; display:inline-block;} .inpCalender.select .ui-datepicker tbody tr td.onDay.firstDay a:after {content:""; color:#fff; top:0; width:100%; height:100%; z-index:-1;} .inpCalender.select .ui-datepicker tbody tr td.onDay.firstDay a:before {position:absolute; top:0; right:0; width:50%; height:100%; background:rgba(59, 80, 148,.1); content:"";} /* 마지막날 */ .inpCalender.select .ui-datepicker tbody tr td.onDay.lastDay a {position:relative; color:#fff; z-index:1; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:none; font-weight:600;} .inpCalender.select .ui-datepicker tbody tr td.onDay.lastDay a::after {content:""; position:absolute; color:#fff; top:0; width:100%; height:100%; z-index:-1; border-radius:50%; overflow:hidden; background:#3B5094;} .inpCalender.select .ui-datepicker tbody tr td.onDay.lastDay a::before {position:absolute; top:0; left:0; width:50%; height:100%; background:rgba(59, 80, 148,.1); content:"";} /* toastpopup */ .toastPop {position:fixed;display:none; top:0;height:13.3333vw;width:100vw;text-align:center;background-color:#ffcc00;border-radius:0 0 2.2222vw 2.2222vw ;animation:toast 4s linear; justify-content:center; align-items:center;} main.noHead .toastPop {top:-13.3333vw; animation:toastnoHead 4s linear;} .toastPop p {font-weight:600;} .toastPop.mint {background-color:#00C7CF;} .toastPop.mint p {color:#fff} .toastPop.on {display:block;} /*21.07.29 추가*/ .toastPop.error{height:auto;max-height:26.1111vw;background-color:#E0182D;} .toastPop.error .content{width:91.1111vw;margin:0 auto;padding:4.4444vw 0;} .toastPop.error p{display:-webkit-box;color:#fff;line-height:1.3;letter-spacing:-0.1167vw;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;} /*//21.07.29 추가*/ @keyframes toast { 0% {top:0} 20% {top:13.3333vw} 80% {top:13.3333vw} 100% {top:0} } @keyframes toastnoHead { 0% {top:-13.3333vw} 20% {top:0} 80% {top:0} 100% {top:-13.3333vw} } @keyframes toast2 { 0% {top:0} 20% {top:17.7778vw} 80% {top:17.7778vw} 100% {top:0} } @keyframes toastnoHead2 { 0% {top:-13.3333vw} 20% {top:4.4445vw} 80% {top:4.4445vw} 100% {top:-13.3333vw} } @keyframes toast3 { 0% {top:-13.3333vw} 20% {top:0} 80% {top:0} 100% {top:-13.3333vw} } /*stepwrap*/ .stepWrap {margin-top:11.1111vw; transition:all .4s} .stepWrap.btLine {padding:0 4.4444vw 8.8889vw 4.4444vw;border-bottom:2.2222vw solid #f8f8f8;width:100vw;margin-left:-4.4444vw;} .stepWrap.btLine + .stepWrap {margin-top:8.8889vw;} .stepWrap .unitWrap {margin-top:6.6667vw;} .stepWrap .stepTit {position:relative;} .stepWrap .MTitle {padding-top:0;} .stepWrap .actionLink {float:right; color:#888; line-height:5.8333vw; text-decoration:underline;} .stepWrap .subText {font-size:4.4444vw; text-align:center;} .stepWrap .subText a.certificateBtn {line-height:inherit;text-decoration:underline;font-weight:600;display:inline;font-size:inherit;background:transparent;} .stepWrap.flexB {display:flex; justify-content: space-between; align-items: center;} /* hashListSwipe 2021-09-17 수정 issues/8 */ .hashListSwipe {margin-top:4.4444vw;} .hashListSwipe ul.hashiconList {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;} .hashListSwipe ul.hashiconList li {width:21.1111vw; height:100%; text-align:center;} .hashListSwipe ul.hashiconList li img {width:15.5555vw; height:15.5555vw; border-radius:50%; background:#F8F8F8; height:auto;} .hashListSwipe ul.hashiconList li span {display:inline-block; font:300 3.8888vw/1 'Apple SD Gothic Neo'; color:#222; letter-spacing:-0.02em; word-break:keep-all; padding:.8em 0; box-sizing:border-box;} /* hashList */ .hashList {overflow:hidden;margin-top:3.3333vw;} .hashList li {float:left;height:7.5000vw;padding:0 3.3333vw;text-align:center;font-size:3.3333vw; font-weight:300;line-height:7.5000vw;border-radius:4.4444vw;background:#F8F8F8;margin:1.1111vw 1.1111vw 0 0;} /* preCaution */ .preCaution {margin-top:11.1111vw;} .preCaution > p {display:flex; align-items:center; font-weight:600;color:#E8441A;overflow:hidden;} .preCaution > p:before {content:'';display:inline-block;vertical-align:middle;width:3.8889vw;height:3.8889vw;background:url(../img/common/icon_warning.png) 0 0 no-repeat;background-size:3.8889vw 3.8889vw;margin-right:1.1111vw;} .preCaution .cautionsList {margin-top:2.2222vw; padding:4.4444vw; border:0.2778vw solid #E8441A; border-radius:2.2222vw;} .preCaution .cautionsList li {position:relative;font-weight:300; color:#888; padding-left:2.2222vw; line-height:6.1111vw} /* 2022-02-08*/ .preCaution .cautionsList li:before {content:'';position:absolute;left:0;top:2.5000vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888} /* benefits 2021-09-30 issues/10#note_47850 */ .benefits {margin-top:11.1111vw;} .benefits > p {display:flex; align-items:center; font-weight:600;color:#888;overflow:hidden;} .benefits > p:before {content:'';display:inline-block;vertical-align:middle;margin-right:1.1111vw;width:3.8889vw;height:3.8889vw;background:url(../img/common/icon_benefits.png) 0 0 no-repeat;background-size:3.8889vw 3.8889vw;} .benefits .benefitsList {margin-top:2.2222vw; padding:3.6111vw 4.4444vw; border:0.2778vw solid #888; border-radius:2.2222vw;} .benefits .benefitsList li {position:relative;font-weight:300; color:#888; padding-left:2.2222vw; line-height:6.1111vw; word-break:keep-all;} .benefits .benefitsList li:before {content:'';position:absolute;left:0;top:2.5000vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888} .benefits .benefitsList li.colorBlue {color:#3B5094;} .benefits .benefitsList li.colorBlue:before {color:#3B5094;} .benefits .listType {margin-top:2.2222vw;} /* //benefits 2021-09-30 issues/10#note_47850 */ /* 21.07.29 */ /* refundPolicy */ .search .refundPolicy{margin-top:-4.4444vw;} .search .refundPolicy dl.on dt:after{transform:rotate(-180deg);} .search .refundPolicy dt{position:relative;width:100vw;height:13.3333vw;margin-left:-4.4444vw;padding:0 4.4444vw;font-size:4.4444vw;line-height:13.3333vw;font-weight:600;} .search .refundPolicy dt:after{content:'';position:absolute;top:50%;right:4.4444vw;width:6.6667vw;margin-top:-3.8889vw;height:6.6667vw;background:url(../img/common/icon_arrow_24.png) 0 0 no-repeat;background-size:6.6667vw 6.6667vw;transition:.3s;} .search .refundPolicy dd{display:none;width:100vw;height:38.8889vw;margin-left:-4.4444vw;background-color:#F8F8F8;overflow:hidden;} .search .refundPolicy dd .refundPolicyArea{max-height:30.0000vw;overflow:auto;margin:4.4444vw;padding:0;border:none;border-radius:none;} .search .refundPolicy .refundInfo {margin-top:1.1111vw;} .refundPolicy {margin-top:11.1111vw;} .refundPolicy > p {display:flex; align-items:center; font-weight:600;color:#888;overflow:hidden;} .refundPolicy > p:before {content:'';display:inline-block;vertical-align:middle;margin-right:1.1111vw;width:3.8889vw;height:3.8889vw;background:url(../img/common/icon_benefits.png) 0 0 no-repeat;background-size:3.8889vw 3.8889vw;} .refundPolicy .refundPolicyArea {margin-top:2.2222vw; padding:4.4444vw 4.4444vw 3.3333vw; border:0.2778vw solid #888; border-radius:2.2222vw; max-height:50.0000vw; overflow:auto;} .refundPolicy .refundPolicyArea > p {display:block; font-size:3.8889vw; color:#888888; line-height:5.5556vw;} .refundPolicy .refundPolicyArea > strong {display:block; font-size:3.8889vw; color:#888; line-height:5.5556vw; font-weight:700; margin-top:4.1667vw;} .refundPolicy .refundPolicyArea ol {margin-top:2.2222vw;} .refundPolicy .refundPolicyArea ol li {font-size:3.8889vw; color:#888; line-height:5.5556vw;} .refundPolicy .refundPolicyArea ol li + li {margin-top:1.3889vw;} .refundPolicy .refundPolicyArea ol li ol {padding-left:4.1667vw;} .refundPolicy .refundPolicyArea ol li ol li p {font-size:3.8889vw; color:#888; line-height:5.5556vw; margin-top:1.3889vw;} .refundPolicy .refundPolicyArea ol li ol li ul {margin-top:1.3889vw;} .refundPolicy .refundInfo {margin-top:3.3333vw;} .refundPolicy .refundInfo li {position:relative;font-weight:300; color:#888; padding-left:2.2222vw; line-height:6.1111vw} .refundPolicy .refundInfo li:before {content:'';position:absolute;left:0;top:2.5000vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888} /* totalAmount */ .totalAmount.btLine {border-bottom:2.2222vw solid #f8f8f8;width:100vw;margin-left:-4.4444vw;padding:0 4.4444vw 8.8889vw 4.4444vw;} .totalAmount.btLine + .stepWrap {margin-top:8.8889vw;} /* 2022-06-03 */ .totalAmount.flexLyB {display:flex; justify-content:space-between; align-items:flex-start;} .totalAmount.flexLyB .fullPrice {text-align:right;} .totalAmount.flexLyB .fullPrice p {justify-content:flex-end;} .totalAmount.flexLyB .fullPrice .KRW span {margin-right:0.1em;} .totalAmount.flexLyB .fullPrice .priceWrap .salePrice {margin:0 1.6666vw 0 0;} .totalAmount.flexLyB .fullPrice .priceWrap {flex-direction:row-reverse;} .saleTag{display:flex; justify-content:center; align-items:center; height:4.4444vw;padding:0.8333vw 1.1111vw;border-radius:2.2222vw;color:#fff;font-size:2.7778vw;letter-spacing:-0.0556vw;background-color:#E8441A;} /*Modified issues/18*/ .saleTag em{color:#fff;font-size:2.7778vw;letter-spacing:-0.0556vw;} .totalAmount .benefits{margin-top:4.4444vw;} .priceWrap{margin-top:2.222vw;} .priceWrap .amount{display:flex;align-items:center;} .priceWrap .amount em{font-size:6.6667vw;font-weight:600;color:#3B5094;} .priceWrap .amount b{font-size:3.8889vw;font-weight:600;color:#3B5094;margin-left:0.5556vw;vertical-align:middle;} .priceWrap .amount.sale{margin-top:1.1111vw;} .priceWrap .amount.sale del{color:#888;font-size:5.0000vw;} .priceWrap .amount.sale b{margin-left:0.5556vw;color:#888;font-size:3.8889vw;} .priceWrap .amount.sale .saleTag{margin-left:1.9444vw;} .priceWrap .amount.sale .saleTag em{color:#fff;font-size:2.7778vw;letter-spacing:-0.0556vw;padding-right:.2em;box-sizing:border-box;} /*Modified issues/18*/ /* //21.07.29 */ /* sideMenu */ #sideMenu {position:fixed; width:100vw; height:100vh; top:0; left:0; background-color:#fff; z-index:113; transform:translateX(70%); transition:transform .6s ease; display:none;} #sideMenu.on {transform:translateX(0);} #sideMenu header {background-color:#fff;display:flex;justify-content:flex-end;} .sideContents {padding:calc(13.3333vw + env(safe-area-inset-top)) 4.4444vw calc(46.6667vw + env(safe-area-inset-bottom));height:100vh;overflow:auto;} .sideContents .sideHead {margin-top:6.6667vw; overflow:hidden;} .sideContents .sideHead .user {float:left; font-size:6.6667vw; font-weight:600; line-height:10.0000vw;} .sideContents .sideHead .user span {font-size:6.6667vw; font-weight:600; color:#3B5094} .sideContents .sideHead .tagLabel{float:right;} .sideContents .sideHead .btnMatch {display:inline-block; font-weight:600; padding:0 4.1667vw; height:10.0000vw; line-height:10.0000vw; background-color:#f8f8f8; color:#3259D8; border-radius:5.0000vw; float:right;} .sideContents .sideHead .btnLogout {float:left; margin-left:2.2222vw; margin-top:1.6667vw; width:6.6667vw; height:6.6667vw; background:url(../img/common/icon_logout.png) 0 0 no-repeat; background-size:6.6667vw 6.6667vw; font-size:0;} .sideContents .sideHead .passNum {display:block; clear:both; padding-top:2.2222vw; font-weight:300; color:#888} .sideContents .sideHead a.passNum {text-decoration:underline;} .sideContents .sideSearch {margin-top:8.8889vw;} .sideContents .sideSearch .formInput input {position:relative; padding-right:22vw;} .sideContents .sideSearch .formInput .searchBtn {position:absolute; top:50%; right:2.2222vw; transform:translateY(-50%); width:8.8889vw; height:8.8889vw; background:url(../img/common/icon_search.png) 0 0 no-repeat; background-size:8.8889vw 8.8889vw;} .sideContents .sideSearch .formInput .btnDel {right:13.3333vw;} .sideContents .sideEvent {width:100%; margin-top:4.4444vw;} .sideContents .sideEvent a {display:block; overflow:hidden;} .sideContents .sideEvent a img {width:100%; height:auto; border-radius:2.2222vw;} .sideContents .sideEventCoupon {width:100%; margin-top:4.4444vw;} .sideContents .sideEventCoupon a {display:block; overflow:hidden;} .sideContents .sideEventCoupon a img {width:100%; height:auto; border-radius:2.2222vw;} .sideContents .menuList {margin-top:8.8889vw;} .sideContents .menuList + .menuList {margin-top:11.1111vw} .sideContents .menuList .menuTit {display:block;position:relative; font-size:5.0000vw;font-weight:600;line-height:6.6667vw;padding-bottom:2.2222vw;border-bottom:0.2778vw solid #eee;} .sideContents .menuList .menuTit:after {content:'';position:absolute;right:0;top:0;width:6.6667vw;height:6.6667vw;background:url(../img/common/icon_gomatch.png) 0 0 no-repeat;background-size:6.6667vw 6.6667vw;} .sideContents .menuList .linkList {display:flex;justify-content:space-between;flex-flow:row wrap;margin-top:3.3333vw;} .sideContents .menuList .linkList li {flex:0 0 42.2222vw;} .sideContents .menuList .linkList li:nth-child(n+3) {margin-top:2.2222vw;} .sideContents .menuList .linkList li a {display:block; position:relative; font-weight:300; height:6.6667vw; line-height:6.6667vw; padding-left:7.7778vw; color:#222} /*21.12 issues/40*/ .sideContents .menuList .linkList li a:before {content:'';position:absolute;left:0;top:0;width:6.6667vw;height:6.6667vw;background-image:url(../img/common/sprite_menu.png); background-repeat:no-repeat; background-size:87.7777vw 6.6667vw; background-position:0 0;} .sideContents .menuList .linkList li a.md01:before {background-position:0 0} .sideContents .menuList .linkList li a.md02:before {background-position:-6.6667vw 0} .sideContents .menuList .linkList li a.md03:before {background-position:-13.3333vw 0} .sideContents .menuList .linkList li a.md04:before {background-position:-20.0000vw 0} .sideContents .menuList .linkList li a.md05:before {background-position:-26.6667vw 0} .sideContents .menuList .linkList li a.md06:before {background-position: -74.4444vw 0} .sideContents .menuList .linkList li a.md07:before {background-position: -81.1111vw 0} /* 2022-06-15 issues/85*/ .sideContents .menuList .linkList li a.md08:before {background-size: 6.6667vw 6.6667vw; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon' transform='translate(-229.405 -68.623)'%3E%3Crect id='사각형_4250' data-name='사각형 4250' width='24' height='24' transform='translate(229.405 68.623)' fill='none'/%3E%3Cg id='Group_20198' data-name='Group 20198' transform='translate(-2 -0.227)'%3E%3Cg id='Group_12851' data-name='Group 12851' transform='translate(162.204 2.668)'%3E%3Cpath id='Path_7758' data-name='Path 7758' d='M84.018,82.964H73.927l1.247-3.8a1.069,1.069,0,0,1,1-.715h5.812A1.074,1.074,0,0,1,83,79.229Z' transform='translate(0.293)' fill='%23fff' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_378' data-name='Line 378' x1='1.062' transform='translate(73.202 81.861)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_425' data-name='Line 425' x1='1.062' transform='translate(84.222 81.861)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_379' data-name='Line 379' y1='1.062' transform='translate(74.871 87.923)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_380' data-name='Line 380' y1='1.062' transform='translate(84.222 87.923)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_7759' data-name='Path 7759' d='M75.68,84.606' transform='translate(1.002 2.486)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_7760' data-name='Path 7760' d='M79.254,84.606' transform='translate(2.446 2.486)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_7761' data-name='Path 7761' d='M81.5,86.506h3.349a.888.888,0,0,0,.876-.9V83.469a1.779,1.779,0,0,0-1.752-1.8H74.954a1.779,1.779,0,0,0-1.752,1.8v2.137a.888.888,0,0,0,.876.9H81.5Z' transform='translate(0 1.298)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_382' data-name='Line 382' y2='0.722' transform='translate(75.219 85.141)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_383' data-name='Line 383' y2='0.722' transform='translate(83.602 85.141)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_20244' data-name='Group 20244' transform='translate(-379.916 -929.855)'%3E%3Cg id='Ellipse_1462' data-name='Ellipse 1462' transform='translate(617.321 999.705)' fill='%23fff' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Ccircle cx='7' cy='7' r='7' stroke='none'/%3E%3Ccircle cx='7' cy='7' r='6.5' fill='none'/%3E%3C/g%3E%3Cg id='Subtraction_7' data-name='Subtraction 7' transform='translate(-5184 -7932)' fill='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M 5812.564453125 8937.205078125 L 5804.07568359375 8937.205078125 C 5804.701171875 8935.4345703125 5806.39794921875 8934.205078125 5808.3212890625 8934.205078125 C 5810.2431640625 8934.205078125 5811.939453125 8935.4345703125 5812.564453125 8937.205078125 Z' stroke='none'/%3E%3Cpath d='M 5811.78564453125 8936.705078125 C 5811.0859375 8935.498046875 5809.7763671875 8934.705078125 5808.3212890625 8934.705078125 C 5806.865234375 8934.705078125 5805.5546875 8935.498046875 5804.85498046875 8936.705078125 L 5811.78564453125 8936.705078125 M 5813.22021484375 8937.705078125 L 5803.419921875 8937.705078125 C 5803.8896484375 8935.38671875 5805.95166015625 8933.705078125 5808.3212890625 8933.705078125 C 5810.689453125 8933.705078125 5812.75 8935.38671875 5813.22021484375 8937.7041015625 L 5813.22021484375 8937.705078125 Z' stroke='none' fill='%23888'/%3E%3C/g%3E%3Cg id='Intersection_1' data-name='Intersection 1' transform='translate(-5186 -7932)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5805.321,8938.711a4.9,4.9,0,0,1,4.5,4.971A5,5,0,0,1,5805.321,8938.711Z' stroke='none'/%3E%3Cpath d='M 5806.5439453125 8940.0244140625 C 5806.72021484375 8940.529296875 5806.99755859375 8940.998046875 5807.36474609375 8941.400390625 C 5807.71484375 8941.7841796875 5808.13037109375 8942.091796875 5808.58740234375 8942.3125 C 5808.2294921875 8941.28515625 5807.48779296875 8940.4541015625 5806.5439453125 8940.0244140625 M 5805.3212890625 8938.7109375 C 5807.82080078125 8938.84765625 5809.80908203125 8941.0185546875 5809.82177734375 8943.681640625 C 5807.29736328125 8943.431640625 5805.32421875 8941.302734375 5805.3212890625 8938.7109375 Z' stroke='none' fill='%23888'/%3E%3C/g%3E%3Cg id='Intersection_2' data-name='Intersection 2' transform='translate(629.321 1011.706) rotate(180)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5.026A4.894,4.894,0,0,1,0,4.994,5,5,0,0,1,4.5.026Z' stroke='none'/%3E%3Cpath d='M 3.264792919158936 1.395325660705566 C 2.807559490203857 1.615571260452271 2.392127513885498 1.92339015007019 2.042586803436279 2.306665182113647 C 1.675433874130249 2.709243535995483 1.398262977600098 3.177121639251709 1.222197771072388 3.681637763977051 C 2.16526985168457 3.251875162124634 2.906982183456421 2.421706199645996 3.264792919158936 1.395325660705566 M 4.498946666717529 0.0256953239440918 C 4.486696720123291 2.687635183334351 2.499006748199463 4.858465194702148 -0.0008530616760253906 4.994494915008545 C 0.002476692199707031 2.404285192489624 1.974726915359497 0.2764949798583984 4.498946666717529 0.0256953239440918 Z' stroke='none' fill='%23888'/%3E%3C/g%3E%3Ccircle id='Ellipse_1470' data-name='Ellipse 1470' cx='1.039' cy='1.039' r='1.039' transform='translate(623.282 1006.467)' fill='%238a8a8a'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} .sideContents .menuList .linkList li a.md09:before {background-size: 6.6667vw 6.6667vw; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_sale' transform='translate(-229.405 -68.623)'%3E%3Crect id='사각형_4250' data-name='사각형 4250' width='24' height='24' transform='translate(229.405 68.623)' fill='none'/%3E%3Cg id='Group_20307' data-name='Group 20307' transform='translate(234.495 71.373)'%3E%3Cline id='Line_447' data-name='Line 447' x1='6.549' transform='translate(3.306 8.201)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48792' data-name='Path 48792' d='M3.231,4.05l.722.733L5.121,3.505' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cg id='Group_20306' data-name='Group 20306'%3E%3Cg id='Group_20308' data-name='Group 20308'%3E%3Cpath id='Path_48793' data-name='Path 48793' d='M11,.5H1.077A.588.588,0,0,0,.5,1.1h0V15.9a.589.589,0,0,0,.577.6H13.922a.589.589,0,0,0,.578-.6V4.141' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48794' data-name='Path 48794' d='M11.125.5,14.5,4H11.125Z' fill='none' stroke='%23888' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_48795' data-name='Path 48795' d='M12.82,8.5a5,5,0,1,1-5,5,5,5,0,0,1,5-5' transform='translate(0 1)' fill='%23fff'/%3E%3Cpath id='Path_48796' data-name='Path 48796' d='M12.82,8.875A4.625,4.625,0,1,1,8.195,13.5,4.625,4.625,0,0,1,12.82,8.875' transform='translate(0 1)' fill='%23fff'/%3E%3Ccircle id='Ellipse_1426' data-name='Ellipse 1426' cx='4.625' cy='4.625' r='4.625' transform='translate(8.195 9.875)' fill='none' stroke='%23888' stroke-width='1'/%3E%3Cpath id='Path_48797' data-name='Path 48797' d='M11.487,12.191a1.333,1.333,0,1,1,2.666,0,1.3,1.3,0,0,1-.6,1.091,1.66,1.66,0,0,0-.735,1.387' transform='translate(0 1)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_448' data-name='Line 448' y2='0.262' transform='translate(12.82 16.88)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} /*//21.12 issues/40*/ .sideContents .menuList .linkList li a.cs01:before {background-position:-40.0000vw 0} .sideContents .menuList .linkList li a.cs02:before {background-position:-46.6667vw 0} .sideContents .menuList .linkList li a.cs03:before {background-position:-53.3333vw 0} .sideContents .menuList .linkList li a.cs04:before {background-position:-33.3333vw 0} .sideContents .menuList .linkList li a.dt01:before {background-position:-60.0000vw 0} .sideContents .menuList .linkList li a.dt02:before {background-position:-66.6667vw 0} .sideContents .menuList .linkList li a.dt03:before {background-size: 6.6667vw 6.6667vw; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='icon_buy-tip' transform='translate(-229.405 -68.623)'%3E%3Crect id='사각형_4250' data-name='사각형 4250' width='24' height='24' transform='translate(229.405 68.623)' fill='none'/%3E%3Cg id='Group_12851' data-name='Group 12851' transform='translate(162.204 2.455)'%3E%3Cpath id='Path_7758' data-name='Path 7758' d='M84.018,82.964H73.927l1.247-3.8a1.069,1.069,0,0,1,1-.715h5.812A1.074,1.074,0,0,1,83,79.229Z' transform='translate(0.293)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_378' data-name='Line 378' x1='1.062' transform='translate(73.202 81.861)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_379' data-name='Line 379' y1='1.062' transform='translate(74.871 87.923)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_380' data-name='Line 380' y1='1.062' transform='translate(84.222 87.923)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_381' data-name='Line 381' x2='1.297' transform='translate(84.32 81.861)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cpath id='Path_7759' data-name='Path 7759' d='M75.68,84.606' transform='translate(1.002 2.486)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cpath id='Path_7760' data-name='Path 7760' d='M79.254,84.606' transform='translate(2.446 2.486)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cpath id='Path_7761' data-name='Path 7761' d='M81.5,86.506h3.349a.888.888,0,0,0,.876-.9V83.469a1.779,1.779,0,0,0-1.752-1.8H74.954a1.779,1.779,0,0,0-1.752,1.8v2.137a.888.888,0,0,0,.876.9H81.5Z' transform='translate(0 1.298)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_382' data-name='Line 382' y2='0.722' transform='translate(75.219 85.141)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3Cline id='Line_383' data-name='Line 383' y2='0.722' transform='translate(83.602 85.141)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.75'/%3E%3C/g%3E%3Cg id='Ellipse_1105' data-name='Ellipse 1105' transform='translate(236.405 69.623)' fill='none' stroke='%23888' stroke-width='0.75'%3E%3Ccircle cx='5' cy='5' r='5' stroke='none'/%3E%3Ccircle cx='5' cy='5' r='4.625' fill='none'/%3E%3C/g%3E%3Cg id='Group_20304' data-name='Group 20304' transform='translate(240.072 71.994)'%3E%3Cpath id='Path_7756' data-name='Path 7756' d='M239.97,212.444a1.333,1.333,0,0,1,2.666,0,1.3,1.3,0,0,1-.6,1.091,1.66,1.66,0,0,0-.735,1.387' transform='translate(-239.97 -211.136)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_377' data-name='Line 377' y2='0.262' transform='translate(1.333 4.997)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} /* phoneCerification */ .cerifyWrap {margin-top:11.1111vw;} .cerifyWrap .cerifyType {display:block;} .cerifyWrap .cerifyType + .cerifyType {margin-top:9.4444vw;} .cerifyWrap .cerifyType .type {display:flex;overflow:hidden;} .cerifyWrap .cerifyType .type i {flex:0 0 17.7778vw;} .cerifyWrap .cerifyType .type i.pass {width:17.7778vw;height:17.7778vw;background:url(../img/common/icon_pass.png) 0 0 no-repeat;background-size:17.7778vw 17.7778vw;} .cerifyWrap .cerifyType .type i.sms {width:17.7778vw;height:17.7778vw;background:url(../img/common/icon_sms.png) 0 0 no-repeat;background-size:17.7778vw 17.7778vw;} .cerifyWrap .cerifyType .type .typeCont {flex:1;margin-left:4.4444vw;} .cerifyWrap .cerifyType .type .typeCont .MTitle {padding-top:0} .cerifyWrap .cerifyType .smsDetail {display:inline-block;vertical-align:middle;margin-left:22.2222vw;margin-top:2.2222vw;font-size:3.3333vw;font-weight:600;height:6.6667vw;line-height:6.6667vw;} .cerifyWrap .cerifyType .smsDetail:after {content:'';display:inline-block;vertical-align:middle;width:1.1111vw;height:2.2222vw;background:url(../img/common/icon_detail.png) 0 0 no-repeat;background-size:1.1111vw 2.2222vw;margin:-0.5556vw 0 0 2.2222vw;} /* mailOrder */ .mailOrder {margin-top:11.1111vw; display:block; color:#888; line-height:6.1111vw;} /* apply fullpopup header */ .apply .fullPopupLayer header .btnFullClose {left:auto; right:0;} /* ios fixed 버그 픽스용 */ .console{position:fixed; left:0; bottom:0; width:0; height:0; font-size:0; opacity:0; line-height:0;} .console p{width:0; height:0; font-size:0; opacity:0; line-height:0;} /* 20200730 dateNone 추가 */ .dateNoneWrap{padding-top:20.0000vw;} .dateNoneWrap .icon{display:block;margin:0 auto;width:17.7778vw;height:17.7778vw;} .dateNoneWrap .icon.nodate{background:url('../img/common/icon_nodate.png') no-repeat;background-size:17.7778vw 17.7778vw;} .dateNoneWrap p{display:block;margin-top:4.4444vw;font-size:4.4444vw;font-weight:600;text-align:center;} .dateNoneWrap span{display:block;margin-top:2.2222vw;font-size:3.8889vw;font-weight:300;text-align:center;color:#888;} /*21.08*/ .dateNoneWrap .benefits p{text-align:left;} /*//*21.08/ /* table */ table{width:100%; border-collapse:collapse; border:0;border-spacing:0; word-break:break-all;} caption{visibility:hidden; height:0;font-size:0;line-height:0;opacity:0;overflow:hidden;} .tblWrap{width:91.1111vw;margin:0 auto;} .tblWrap .tbl thead tr{border-bottom:0.5556vw solid #eee;} .tblWrap .tbl thead tr th { height:13.8889vw; font-size:4.4444vw; text-align:center; font-weight:600; box-sizing:border-box;} .tblWrap .tbl tbody tr td { height:13.8889vw; color:#888; border-bottom:0.2778vw solid #eee; text-align:center;box-sizing:border-box;} /* loadingBar */ .loadingBar {width:100%;height:26.6667vw;display:flex;background-color:#f8f8f8;justify-content:center;align-items:center;} .loadingBar img {width:8.8889vw; height:8.8889vw; flex:0 0 auto;} #footer {padding-bottom:calc(28.8889vw + env(safe-area-inset-bottom)); background-color:#eee; margin-top:22.2222vw} /* footerWrap */ .footerWrap {background-color:#eee; padding:5.5556vw 4.4444vw;} .footerWrap h3 {font-weight:600; color:#888; line-height:5.8333vw;} .footerWrap .hyundaiLogo {display:block; width:40.2778vw; height:6.6667vw; background:url(../img/common/icon_hyundai.png) 0 0 no-repeat; background-size:40.2778vw 6.6667vw;} .footerWrap .linkWrap {margin-top:2.2222vw;} .footerWrap .linkWrap ul {display:flex} .footerWrap .linkWrap ul li {flex:0 0 auto;position:relative;} .footerWrap .linkWrap ul li + li {margin-left:4.4444vw;} .footerWrap .linkWrap ul li + li:before {content:'';position:absolute;left:-2.2222vw;top:50%;transform:translateY(-50%);width:0.2778vw;height:2.2222vw;background-color:#ccc;} .footerWrap .linkWrap ul li a {font-weight:600; color:#999; font-size:3.4vw} .footerWrap .linkWrap ul li:nth-child(2) a{color:#222;} .footerWrap > p {margin-top:2.2222vw; font-size:3.0556vw; color:#888; line-height:4.1667vw} .footerWrap .businessInfo {margin-top:4.4444vw;} .footerWrap .businessInfo dt {display:inline-block; font-weight:500; color:#888; position:relative; cursor:pointer; font-size:3.4vw} .footerWrap .businessInfo dt:after {content:'';position:absolute;right:-5.0000vw;top:50%;transform:translateY(-50%) rotate(180deg); width:3.3333vw; height:4.4444vw; background:url(../img/common/icon_arrow_business.png) 0 0 no-repeat;background-size:3.3333vw 4.4444vw; transition:.3s;} .footerWrap .businessInfo dt.on:after {transform:translateY(-50%) rotate(0);} .footerWrap .businessInfo dd .company + .company {margin-top:2.2222vw} .footerWrap .businessInfo dd {margin-top:2.2222vw; display:none;} .footerWrap .businessInfo dd p {display:block;} .footerWrap .businessInfo dd p span{position:relative; font-size:3.3333vw; color:#999} .footerWrap .businessInfo dd p span + span {margin-left:4.7222vw;} .footerWrap .businessInfo dd p span + span:before {content:'';position:absolute;left:-2.2222vw;top:50%;transform:translateY(-50%);width:0.2778vw;height:2.2222vw;background-color:#ccc;} /* 메인공지팝업 추가 */ .mainNoticeWrap.textNoti .category{display:block;width:33.3333vw;height:27.7778vw;margin:0 auto;} .mainNoticeWrap.textNoti .category.benefit{background:url('../img/common/category_benefit.png') 0 0 no-repeat;background-size:33.3333vw 27.7778vw;} .mainNoticeWrap.textNoti .category.police{background:url('../img/common/category_police.png') 0 0 no-repeat;background-size:33.3333vw 27.7778vw;} .mainNoticeWrap.textNoti .category.drive{background:url('../img/common/category_drive.png') 0 0 no-repeat;background-size:33.3333vw 27.7778vw;} .mainNoticeWrap.textNoti .category.event{background:url('../img/common/category_event.png') 0 0 no-repeat;background-size:33.3333vw 27.7778vw;} .mainNoticeWrap.textNoti .category.drivetip{background:url('../img/common/category_driveTip.png') 0 0 no-repeat;background-size:33.3333vw 27.7778vw;} .mainNoticeWrap.textNoti.webApp .category{width:19.4444vw;height:19.4444vw;background:url('../img/common/app_icon.png') 0 0 no-repeat;background-size:19.4444vw 19.4444vw;} .mainNoticeWrap.textNoti .textWrap{width:82.2222vw;margin:0 auto;} .mainNoticeWrap.textNoti .textWrap .tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mainNoticeWrap.textNoti .textWrap .subtxt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4.4444vw;height:10.8333vw;color:#888;line-height:6.1111vw;overflow:hidden;text-overflow:ellipsis;} .mainNoticeWrap.textNoti .mainPopBtn{width:66.6667vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mainNoticeWrap.textNoti .mainNoticeBtn + .todayNotView{margin-top:4.4444vw;} .mainNoticeWrap.imgNoti .imgNotiSlide{width:100vw;margin:0 -4.4444vw;} .mainNoticeWrap.imgNoti .imgNotiSlide img{width:100%;height:auto;} .mainNoticeWrap.imgNoti .imgNotiSlide + .todayNotView{margin-top:4.4444vw;} .mainNoticeWrap.textNoti.webApp .subtxt{height:14.4444vw;line-height:7.2222vw;font-size:5.5556vw;font-weight:600;color:#222;margin-top:6.6667vw;} .mainNoticeWrap.textNoti.webApp .tit{display:none;} /* 레이어 키패드 */ .keyPad {display:none; position:fixed; left:0; bottom:-50%; width:100vw; background-color:#3259D8; transition:bottom 0.4s;} .keyPad.on {bottom:0;} .keyPad .keyWrap {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-bottom:calc(0vw + env(safe-area-inset-bottom));} .keyPad .keyWrap .keyBtn {flex:0 0 auto; width:33.3333vw; height:18.3333vw; background-color:#3259D8; font-size:6.6667vw; font-weight:400; color:#fff; display:inline-flex; align-items:center; justify-content:center;} .keyPad .keyWrap .keyBtn .back {display:inline-block; width:7.7778vw; height:5.5556vw; background:url(../img/common/icon_keypad_back.png) 0 0 no-repeat; background-size:7.7778vw 5.5556vw;} .keyPad .keyWrap .keyBtn + .keyBtn {border-left:0.2778vw solid #3654B5} .keyPad .keyWrap .keyBtn:nth-child(3n+1) {border-left:0;} .keyPad .keyWrap .keyBtn:nth-child(n+4) {border-top:0.2778vw solid #3654B5} /* 에러 페이지 */ .error .errorWrap {text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .error .errorWrap .bonet {display:block; width:15.5556vw;height:15.5556vw;background:url(../img/common/icon_car_bonnet.png) 0 0 no-repeat; background-size:15.5556vw 15.5556vw; margin:0 auto;} .error .errorWrap p {display:block; font-size:4.4444vw; font-weight:600; margin-top:4.4444vw; color:#222; line-height:5.2778vw;} .error .errorWrap span {display:block; margin-top:2.2222vw; font-size:3.8889vw; font-weight:300; color:#888; line-height:5.5556vw;} /* driveApplyPop */ .driveApplyPop .LayerInfo{padding:0 4.4444vw 4.4444vw;} .driveApplyPop .noti{margin-top:4.4444vw;} .driveApplyPop .noti dd{margin-top:2.2222vw;color:#888;line-height:5.8333vw;} .driveApplyPop .openingInfo{margin-top:6.6667vw;overflow:hidden;} .driveApplyPop .openingInfo p{margin-top:0;color:#222;text-align:left;} .driveApplyPop .openingInfo dl{margin-top:4.4444vw;overflow:hidden;} .driveApplyPop .openingInfo dt{float:left; clear:both; font-weight:300; margin-top:2.2222vw; width:14.4444vw;} .driveApplyPop .openingInfo dt:first-of-type, .driveApplyPop .openingInfo dd:first-of-type {margin-top:0;} .driveApplyPop .openingInfo dd{float:left; clear:right; font-weight:600; margin-top:2.2222vw; width:25.0000vw;} /* 주소 찾기 - 가까운 매칭 가능 지역 */ .matchPosWrap h2{padding-top:8.8889vw;} .matchPosWrap ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4.4444vw;} .matchPosWrap ul li{flex:0 0 44.4444vw;width:44.4444vw;display:table;} .matchPosWrap ul li .localSec{display:table-cell;width:100%;height:25.5556vw;min-width:17.7778vw;border:0.2778vw solid #eee;border-radius:2.2222vw;text-align:center;vertical-align:middle;background:#fff;} .matchPosWrap ul li .localSec span{display:block;} .matchPosWrap ul li .localSec .localTit{width:25.0000vw;margin:0 auto;color:#222;line-height:5.2778vw;font-weight:600;word-break:keep-all;} .matchPosWrap ul li .localSec .localSt{margin-top:2.2222vw;color:#3B5094;} .matchPosWrap ul li .localSec .localSt .localMark{display:inline-block;width:4.4444vw;height:4.4444vw;margin-right:1.1111vw;vertical-align:text-top;background:url(../img/common/icon_localmark.png) 0 0 no-repeat;background-size:4.4444vw 4.4444vw;} .matchPosWrap + .benefits{margin-top:17.7778vw;} /*21.08*/ .matchBenefit{display:block;margin-top:8.8889vw;font-size:4.4444vw;font-weight:600;color:#3259D8;line-height:13.3333vw;height:13.3333vw;text-align:center;background-color:#F8F8F8;border-radius:2.2222vw;} .matchBenefit + .benefits{margin-top:8.8889vw;} /*//21.08*/ /* 신규 newTag */ .newTag{position:relative;} .newTag a:after{z-index:2;content:'';position:absolute;bottom:8.8889vw;right:9.4444vw;width:7.7778vw;height:4.4444vw;background:url('../img/common/icon_new.png') 0 0 no-repeat;background-size:7.7778vw 4.4444vw;} .newTag1{position:relative;} .newTag1{z-index:2;content:'';position:absolute;bottom:16.8889vw;right:17.4444vw;width:7.7778vw;height:4.4444vw;background:url('../img/common/icon_new.png') 0 0 no-repeat;background-size:7.7778vw 4.4444vw;} .nTag{position:relative;} .moreView.nTag{padding-left:5.5556vw;line-height:6.6667vw !important;} .moreView.nTag:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.4444vw;height:4.4444vw;background:url('../img/common/icon_n.png') 0 0 no-repeat;background-size:4.4444vw 4.4444vw;} .menuList .linkList li.nTag:after{content:'';position:absolute;top:50%;right:9.7222vw;transform:translateY(-50%);width:4.4444vw;height:4.4444vw;background:url('../img/common/icon_n.png') 0 0 no-repeat;background-size:4.4444vw 4.4444vw;} .menuList .linkList li:nth-child(3).nTag:after{right:15.5556vw;} .menuList .linkList li:nth-child(4).nTag:after{right:11.1111vw;} /* 고객센터 안내 추가 */ .menuList + .cusCenter{margin-top:6.6667vw;} .cusCenter{position:relative;padding:4.4444vw;border-radius:2.2222vw;background-color:#F8F8F8;} .cusCenter .titWrap{display:flex;justify-content:space-between;color:#222;font-weight:600;line-height:6.6667vw;} .cusCenter .titWrap span{position:relative;padding-left:7.2222vw;font-size:4.4444vw;line-height:6.6667vw;} .cusCenter .titWrap span:before{content:'';position:absolute;left:0;top:0;width:6.6667vw;height:6.6667vw;background:url('../img/common/icon_call.png') 0 0 no-repeat;background-size:6.6667vw;} .cusCenter > p{margin-top:1.1111vw;color:#888;font-size:3.3333vw;} /* issues/57 2022-02-11 */ #container.trainingCerti, #container.trainingCertiAdd{padding:calc(17.7778vw + env(safe-area-inset-top)) 0 0; min-height:calc(100vh - calc(37.7778vw + env(safe-area-inset-bottom)));} .trainingCerti .addressView{position:relative; width:100%;height:13.3333vw;margin-top:4.4444vw;} .trainingCerti .addressView a{position:relative;display:block;height:13.3333vw;padding-left:4.4444vw;padding-right:11.1111vw;color:#888;font-size:4.4444vw;line-height:13.3333vw;border-radius:2.2222vw;border:0.2778vw solid #eee;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .trainingCerti .addressView a:after{content:'';position:absolute;top:50%;right:2.2222vw;transform:translateY(-50%);width:8.8889vw;height:8.8889vw;background:url(../img/common/icon_search.png) 0 0 no-repeat;background-size:8.8889vw 8.8889vw;} .trainingCerti #imgUpload .fileBox .imgName{display:none;} .trainingCerti #imgUpload .fileBox input[type="file"]{position:absolute;padding:0;width:0.2778vw;height:0.2778vw;margin:-0.2778vw;overflow:hidden;clip:rect(0,0,0,0);border:0;} .trainingCerti #imgUpload .endCalender{position:relative; display:flex; justify-content:center; align-items:center; height:100%; font-size:3.8889vw; line-height:100%; font-weight:600;} .trainingCerti #imgUpload .endCalender:before{content:''; width:6.6667vw; height:6.6667vw; background:url(../img/common/icon_photo.png) no-repeat; background-size:100% auto; margin-right:.2em;} .trainingCerti #imgUpload .uploadDisplay{width:26.6667vw;height:26.6667vw;margin-top:4.4444vw;border:0.2778vw solid #eee;border-radius:2.2222vw;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;} .trainingCerti #imgUpload .uploadDisplay img{width:100%;height:100%;border-radius:2.2222vw;} .trainingCerti #imgUpload {padding:4.4444vw 0 7.5vw;} .trainingCerti #imgUpload .fileImgWraps .fileBoxWraps {display:flex; justify-content:space-between; align-items:flex-start;} .trainingCerti #imgUpload .fileImgWraps .fileBoxWraps .fileBox {display:flex; flex-flow:column wrap; justify-content:center; align-items:center; position:relative; width:28.0555vw; height:28.0555vw; border:1px solid #3B5094;border-radius:2.2222vw; overflow:hidden; box-sizing:border-box;} .trainingCerti #imgUpload .fileFormat{display:flex; flex-flow:column; justify-content:center; align-items:center; position:relative; height:100%; font-size:3.8889vw; line-height:1.22; font-weight:600;} .trainingCerti #imgUpload .icon {display:block; position:relative; width:6.6668vw; height:6.6668vw; margin:0 auto;} .trainingCerti #imgUpload .icon > svg {width:100%;} .trainingCerti #imgUpload .previewImg {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box;-webkit-box-sizing:border-box;} .trainingCerti #imgUpload .previewImg img {position:absolute; width:100%; height:100%; object-fit:cover; z-index:1; background:#fff;} .trainingCerti #imgUpload .previewImg button {position:absolute; top:0; right:0; width:7.7777vw; height:7.7777vw; font-size:0; background:url(../img/common/icon_close.png) no-repeat center / 100% auto; cursor:pointer; z-index:1;} .trainingCertiComplete .stepWrap:first-child{margin-top:8.8889vw;} .trainingCertiComplete .stepWrap:first-child .BTitle{padding-top:0;} .trainingCertiComplete .certiList{margin-top:2.2222vw;padding:4.4444vw;border:0.2778vw solid #eee;border-radius:2.2222vw;overflow:hidden;} .trainingCertiComplete .certiList dl{overflow:hidden;} .trainingCertiComplete .certiList dl dt{float:left;clear:both;font-weight:300;color:#888;margin-top:2.2222vw;width:22.2222vw;} .trainingCertiComplete .certiList dl dd{float:left;clear:right;font-weight:600;margin-top:2.2222vw;width:58.3333vw;} .trainingCertiComplete .Tdesc + .benefits{margin-top:8.8889vw;} .trainingCertiComplete .certiList dl dt:first-of-type, .trainingCertiComplete .certiList dl dd:first-of-type{margin-top:0;} .trainingCertiComplete .certiList dl dd .lineBox{width:33.3333vw;height:33.3333vw;border:0.2778vw solid #eee;border-radius:2.2222vw;box-sizing:border-box;-webkit-box-sizing:border-box;} .trainingCertiComplete .certiList dl dd .lineBox img{width:100%;height:100%;border-radius:2.2222vw;} .acaPlacePop .searchPlace .resultPlace{margin-top:8.8889vw;} .acaPlacePop .searchPlace .resultPlace .MTitle{padding-top:0;} .acaPlacePop .searchPlace .resultPlace .MTitle span{font-size:5.0000vw;font-weight:600;color:#3B5094;} .acaPlacePop .searchPlace .resultPlace .acaList{margin-top:4.4444vw;} .acaPlacePop .searchPlace .resultPlace .acaList li + li {margin-top:4.4444vw} .acaPlacePop .searchPlace .resultPlace .acaList li a {display:block; padding:1.6667vw 0;} .acaPlacePop .searchPlace .resultPlace .acaList .name {position:relative; font-size:4.4444vw; font-weight:600; } .acaPlacePop .searchPlace .resultPlace .acaList .place {display:flex;margin-top:2.2222vw;align-items:flex-start;} .acaPlacePop .searchPlace .resultPlace .acaList .place .address {flex:1;font-weight:300;color:#888;} .acaPlacePop .searchPlace .formInput input{position:relative;padding-right:22vw;} .acaPlacePop .searchPlace .formInput .searchBtn{position:absolute;top:50%;right:2.2222vw;transform:translateY(-50%);width:8.8889vw;height:8.8889vw;background:url(../img/common/icon_search.png) 0 0 no-repeat;background-size:8.8889vw 8.8889vw;} .acaPlacePop .searchPlace .formInput .btnDel{right:13.3333vw;} .trainingCertiAdd .stepWrap .MTitle{line-height:1.44;} .trainingCertiAdd .stepWrap .formInput {margin-top:4.4444vw} .trainingCertiAdd .stepWrap.recommend .radioArea .roundRadio:nth-child(n+3){margin-top:2.2222vw} .trainingCertiAdd .stepWrap.recommend .formInput input::placeholder{font-size:3.8889vw;} .trainingCertiAdd .addressView{position:relative;width:100%;height:8.3333vw;margin-top:2.2222vw;} .trainingCertiAdd .addressView a {position:relative; display:block; font-size:4.4444vw; color:#888; line-height:8.3333vw; padding-left:7.7778vw; padding-right:8.3333vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .trainingCertiAdd .addressView a:before {content:''; position:absolute; left:0; top:50%;transform:translateY(-50%); width:6.6667vw; height:6.6667vw; background:url(../img/common/icon_place.png) 0 0 no-repeat;background-size:6.6667vw 6.6667vw;} .trainingCertiAdd .addressView a:after {content:''; position:absolute; right:0; top:50%;transform:translateY(-50%); width:8.3333vw; height:8.3333vw; background:url(../img/common/icon_reselect.png) 0 0 no-repeat;background-size:8.3333vw 8.3333vw;} .recommend .radioArea .roundRadio input[type='radio']:checked + label .radioValue, .recommend .radioArea .roundRadio input[type='radio']:checked + label .radioDsc {font-weight: 400;} /*//2021-09-30 issues/10#note_47850*/ /* component */ .component {position:relative; width:100%;} .component.btLine {border-bottom:2.2222vw solid #f8f8f8;width:100vw;margin-left:-4.4444vw;padding:0 4.4444vw 8.8889vw 4.4444vw;} .component .stepWrap {margin-top:8.8888vw;} .component .stepWrap .Tdesc {line-height:1.215 5; font-weight:400;} .component .btnTop {margin-top:11.1111vw;} .component .stepWrap .Tdesc .nowrap {white-space:nowrap; color:inherit; line-height:1.5; font-weight:inherit;} .component .subWrap{margin-top:4.4444vw;} .subWrap .tipQnA + .tipQnA {margin-top: 8.6111vw;} /* /issues/63 */ .fullPrice {position:relative; margin-top:2.2222vw;} .fullPrice .KRW {font:600 3.8889vw/1.25 'Apple SD Gothic Neo'; color:#888;} .fullPrice p {display:flex; justify-content:flex-start; align-items:center;} .fullPrice .currentPrice {color:#3B5094;} .fullPrice .currentPrice .cost {font:600 6.6667vw/1.2086 'Apple SD Gothic Neo'; color:#3B5094; letter-spacing:-0.04em;} .fullPrice .priceWrap {display:flex; justify-content:flex-start; align-items:center; margin-top:0;} .fullPrice .priceWrap .orginalPrice .cost {font:600 5vw/1.25 'Apple SD Gothic Neo'; color:#888; letter-spacing:-0.02em;} .fullPrice .priceWrap .salePrice {display:inline-flex; justify-content:center; align-items:center; position:relative; height:auto; background:#E8441A; border-radius:4vh; color:#fff; font:700 2.7778vw/1 'Apple SD Gothic Neo'; padding:0.4em 1.084em 0.2em; box-sizing:border-box; margin-left:1.6666vw;} .fullPrice .priceWrap .salePrice .cost {font:inherit; color:inherit; letter-spacing:-0.02em; padding-right:.2em;} /* textStyle */ .textBox {width:100%;} .textBox > p {font:inherit; color:inherit;} .fontDot {position:relative; color:#888; padding-left:2.2222vw; word-break:keep-all;} .fontDot:before {content:'';position:absolute;left:0;top:3.8889vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888} .fontBold {font-weight:bold; color:inherit;} .fontSub {display:block; color:#888; font:400 3.3333vw/1.25 'Apple SD Gothic Neo'; padding-top:2.2222vw;} .noteCaution {color:#E0182D; font-size:3.3333vw; letter-spacing:-0.04em; margin-top:1.1111vw; box-sizing:border-box;} .fontBlue {color:#3B5094;} .fontBlue span {font:inherit; letter-spacing:inherit; color:inherit;} .fontDel {text-decoration:line-through; color:#888888;} .fontDel span {font:inherit; letter-spacing:inherit; color:inherit;} .noMatchText > p {font:600 3.8889vw/1.429 'Apple SD Gothic Neo';} .textBox.notice {font:400 3.8889vw/1.215 'Apple SD Gothic Neo'; color:#888; text-align:center;} .textBox.notice .noticeTit {color:#222; padding-bottom:3.3333vw;} .textBox.notice .noticeTit strong {color:#3259D8; text-decoration:underline;} .Mnoti {font:400 3.8889vw/1.322 'Apple SD Gothic Neo'; color:#888; margin-top:4.4444vw;} .textBox.listType {color:#222; padding-top:3.3333vw;} .textBox.listType li {color:#222; font:600 3.8889vw/1.215 'Apple SD Gothic Neo';} .textBox.listType li + li {margin-top:2.2222vw;} .textBox .priceWrap {display:flex; justify-content:flex-start; align-items:center; margin-top:0;} .textBox .priceWrap .orginalPrice {color:#888; letter-spacing:-0.02em;} .textBox .priceWrap .salePrice {display:inline-flex; justify-content:center; align-items:center; position:relative; height:auto; background:#E8441A; border-radius:4vh; color:#fff; padding:0.2em 0.4em 0.1em; box-sizing:border-box; margin-left:1.1111vw;} .textBox .priceWrap .salePrice .cost {font:inherit; color:inherit; letter-spacing:-0.02em; font-weight:bold;} /* radio */ .formRadio{display:inline-block;position:relative;width:6.6668vw; height:6.6668vw; margin-right:4.4444vw;} .formRadio .icon{display:flex; justify-content:center; align-items:center; position:absolute;left:0;top:0;width:6.6668vw; height:6.6668vw;border-radius:50%;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff; transition:all .3s; transition-duration:0.3s;overflow:hidden;} .formRadio input[type="radio"]{position:absolute;width:0;height:0;opacity:0;} .formRadio input[type="radio"] + .icon:before {content:''; position:absolute; width:3.3333vw; height:3.3333vw; border-radius:50%; background:#ddd; transition-timing-function:cubic-bezier(0.64, 1.57, 0.67, 1.53);} .formRadio input[type="radio"] + .icon:after{content:''; width:3.3333vw; height:3.3333vw;border-radius:50%; transform:scale(0); background-color:#ddd; transform:scale(0); transition:transform .3s .1s; transition-timing-function:cubic-bezier(0.64, 1.57, 0.67, 1.53);} .formRadio input[type="radio"]:checked + .icon{background:#fff; border:1px solid #3259D8;} .formRadio input[type="radio"]:checked + .icon:before{transform:scale(0);} .formRadio input[type="radio"]:checked + .icon:after{background-color:#3259D8; transform:scale(1);} .formRadio input[type="radio"]:disabled + .icon:after{background-color:#ddd;} .formRadio input[type="radio"]:disabled + .icon + .txt{color:#ddd;} /* CodeModifyPop*/ .CodeModifyPop.alertLayer.middleLayer .inner {padding:4.444vw 7.7777vw; box-sizing:border-box;} .CodeModifyPop .pmCodeInfo {overflow:hidden;} .CodeModifyPop .pmCodeInfo dl {display:flex; justify-content:flex-start; align-items:flex-start; font:500 3.8889vw/1.215 'Apple SD Gothic Neo'; padding-bottom:3.6111vw;} .CodeModifyPop .pmCodeInfo dl dt {width: 22.2222vw; flex:0 auto; font:inherit; color:inherit; white-space:pre; box-sizing:border-box;} .CodeModifyPop .pmCodeInfo dl dd {width: calc(100% - 22.2222vw); text-align:left; font:inherit; color:#888888; word-break: break-all;} .CodeModifyPop .pmCodeInfo dl.inputInner {flex-flow:column wrap; align-items:flex-start;} .CodeModifyPop .pmCodeInfo dl.inputInner dd {width:100%;} .CodeModifyPop .pmCodeInfo .formInput {margin-top:0;} .CodeModifyPop .pmCodeInfo .formInput input {padding:0 10vw 0 4.4444vw;} /* FAQ */ #container.faq {width: 100vw;} .faqHash {display: flex; justify-content: space-between; flex-flow: row wrap; margin: 8.8889vw 4.4444vw 0;} .faqHash .category {flex: 0 0 29.4444vw; height: 9.1667vw; border: 0.2778vw solid #eee; border-radius: 11.1111vw; text-align: center; line-height: 8.6111vw; transition: .3s} .faqHash .category.on {background-color:#3B5094; border: 0.2778vw solid #3B5094; color: #fff } .faqHash .category:nth-child(n+4) {margin-top: 2.2222vw} .faqWrap {height: 100%; overflow: auto;} .faqWrap dl {padding: 2.2222vw 0;margin: 0 4.4444vw; border-bottom: 0.2778vw solid #eee;} .faqWrap dl:last-child {border-bottom: 0;} .faqWrap dl.on {border-bottom: 0;} .faqWrap dt {position: relative; padding: 4.4444vw 0; cursor: pointer;} .faqWrap dt .title {position: relative; font-size: 4.4444vw; line-height: 6.6667vw; padding:0 7.7778vw; font-weight: 600;} .faqWrap dt .title:before {content: ''; position: absolute; left: 0; top: 0; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_faq.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw;} .faqWrap dt .title:after {content: ''; position: absolute; right: 0; top: 0; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_arrow_24.png) 0 0 no-repeat; background-size: 6.6667vw 6.6667vw; transition: .3s;} .faqWrap dl.on dt .title:after {transform: rotate(-180deg);} .faqWrap dd {display: none; width: 100vw; margin-left: -4.4444vw; background-color: #f8f8f8; padding: 4.4444vw 6.6667vw;} .faqWrap dd .answer p {line-height: 6.1111vw;} .faqWrap .searchArea + dl{margin-top:4.4444vw;} .faqNodata{padding-top:46.6667vw;text-align:center;} .faqNodata .noData{display:block;margin:4.4444vw auto;width:17.7778vw;height:17.7778vw;background:url(../img/common/icon_cs_noaddress.png) 0 0 no-repeat;background-size:17.7778vw 17.7778vw;} .faqNodata p{ display:block;margin-top:4.4444vw;color:#222;font-size:4.4444vw;font-weight:600;} .faqNodata span{display:block;color:#888;margin-top:2.2222vw;} .obj {position:relative;} .obj img {width:100%; height:auto;} /*.labelTag*/ .labelTagWrap {display: inline-flex; justify-content: flex-start; align-items: center; position:relative;} .labelTagWrap span + span {margin-left:1.1111vw;} .labelTag {display:inline-flex; justify-content: center; align-items: center; height:6.9445vw; font: 500 3.8889vw/1 'Apple SD Gothic Neo'; border: 1px solid #3259D8; color:#3259D8; border-radius: 1.1111vw; overflow: hidden; padding:1.1111vw 2.2222vw; box-sizing: border-box;} .labelTag.complete {border-color: #3259D8; color: #3259D8;} .labelTag.wait {border-color: #888; color: #888;} .labelTag.except {border-color: #E0182D; color: #E0182D;} .postBoard .labelTag + .postList .postWrap {padding:0; border-radius: 0;} /*.postWrap*/ .postWrap {display:block; width:100%; box-sizing: border-box;} .postWrap .postDesc {position:relative; padding-bottom:4.4445vw;} .postWrap .postSort {display:flex; justify-content: flex-start; align-items: center; background: #00C7CF; color:#fff; font:700 3.8889vw/1.215 'Apple SD Gothic Neo'; letter-spacing: -0.01111em; padding: 2.2223vw 4.4444vw 1.9445vw; box-sizing: border-box;} .postWrap .postTitle {height:13.3333vw; font:700 5vw/1.334'Apple SD Gothic Neo'; letter-spacing: -0.02em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#222; margin: 5.5556vw 5vw 0; box-sizing: border-box;} .postWrap .postAuthor {display:flex; justify-content: space-between; align-items: center; position:relative; border-top:1px solid #eee; padding:4.4445vw 0 4.7223vw; margin: 0 5vw; box-sizing: border-box;} .postWrap .postAuthor .authorName {color:#888; font:300 3.8889vw/1.215 'Apple SD Gothic Neo';} .postWrap .postAuthor .authorName .name {color: inherit; font: inherit;} .postWrap .icon {height:auto;} .postWrap .postAuthor .userTip {display:flex; justify-content: center; align-items: center;} .postWrap .postAuthor .userTip .icon + .icon {padding-left: 3.3333vw;} .postWrap.complete .labelTag {border-color: #3259D8; color: #3259D8;} .postWrap.wait .labelTag {border-color: #888; color: #888;} .postWrap.except .labelTag {border-color: #E0182D; color: #E0182D;} .postWrap.wait .postAuthor .userTip {display:none;} .postWrap.except .postAuthor .userTip {display:none;} .postViewType.selectBox select {width:21.6666vw; height: 9.16667vw; font:700 3.3333vw/1.215 'Apple SD Gothic Neo'; border:none; border-radius: 5vh; overflow: hidden; background-color:#F8F8F8; background-size: 4.4444vw 4.4444vw; background-position: right 2.2222vw center; padding-left: 4.1666vw; padding-right: 3.6111vw;} .resultNo {display: flex; justify-content: center; align-items: center; flex-flow: column nowrap; position:relative; padding:11.1111vw 0 4.4444vw;} .resultNo.middle {height: calc(100vh - 28.888vh);} .resultNo .NoIcon {display:flex; justify-content: center; align-items: center; width: 100%; height: 12.7778vw; background-position: center; background-repeat: no-repeat; background-size: 13.6111vw 12.7778vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.221' height='48' viewBox='0 0 51.221 48'%3E%3Cg id='Group_12663' data-name='Group 12663' transform='translate(-113.485 -225.814)'%3E%3Cpath id='Path_7725' data-name='Path 7725' d='M146.959,226.814h-22.4a1.309,1.309,0,0,0-1.3,1.317V265.46a1.31,1.31,0,0,0,1.3,1.318h28.992a1.31,1.31,0,0,0,1.3-1.318V234.807' fill='none' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cellipse id='타원_903' data-name='타원 903' cx='9.863' cy='9.9' rx='9.863' ry='9.9' transform='translate(143.98 253.014)' fill='%23fff' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7726' data-name='Path 7726' d='M159.131,267.58' transform='translate(-0.403 -0.036)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7727' data-name='Path 7727' d='M147.261,226.814l8,8h-8Z' transform='translate(-0.317)' fill='none' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_12662' data-name='Group 12662' transform='translate(114.706 233.774)'%3E%3Cpath id='Path_7729' data-name='Path 7729' d='M118.263,241.027l-2.8-2.8a2.613,2.613,0,0,1,0-3.683h0a2.613,2.613,0,0,1,3.684,0l2.8,2.8Z' transform='translate(-114.706 -233.786)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7730' data-name='Path 7730' d='M133,255.769l5.715,2.032-2.032-5.715' transform='translate(-114.706 -233.786)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_359' data-name='Line 359' x2='0.742' y2='0.742' transform='translate(24.014 24.014)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_7760' data-name='Rectangle 7760' width='5.209' height='21.202' rx='0.354' transform='translate(3.557 7.241) rotate(-45)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='Path_7731' data-name='Path 7731' d='M139.059,239.712H149.3' transform='translate(-1 2)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_7732' data-name='Path 7732' d='M139.059,239.712h5.921' transform='translate(-1 7)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='Group_12737' data-name='Group 12737' transform='translate(150.706 256.813)'%3E%3Cpath id='Path_7756' data-name='Path 7756' d='M239.97,214.187a3,3,0,1,1,6,0,3.058,3.058,0,0,1-1.345,2.544,3.891,3.891,0,0,0-1.655,3.234' transform='translate(-239.97 -211.136)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_377' data-name='Line 377' y2='0.564' transform='translate(3 11.436)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");} .resultNo .WaitIcon {display:flex; justify-content: center; align-items: center; width: 100%; height: 12.7778vw; background-position: center; background-repeat: no-repeat; background-size: 13.6111vw 12.7778vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.221' height='48' viewBox='0 0 51.221 48'%3E%3Cg id='Group_12663' data-name='Group 12663' transform='translate(-113.485 -225.814)'%3E%3Cpath id='Path_7725' data-name='Path 7725' d='M146.959,226.814h-22.4a1.309,1.309,0,0,0-1.3,1.317V265.46a1.31,1.31,0,0,0,1.3,1.318h28.992a1.31,1.31,0,0,0,1.3-1.318V234.807' fill='none' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cellipse id='타원_903' data-name='타원 903' cx='9.863' cy='9.9' rx='9.863' ry='9.9' transform='translate(143.98 253.014)' fill='%23fff' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7726' data-name='Path 7726' d='M159.131,267.58' transform='translate(-0.403 -0.036)' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7727' data-name='Path 7727' d='M147.261,226.814l8,8h-8Z' transform='translate(-0.317)' fill='none' stroke='%233b5094' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_12662' data-name='Group 12662' transform='translate(114.706 233.774)'%3E%3Cpath id='Path_7729' data-name='Path 7729' d='M118.263,241.027l-2.8-2.8a2.613,2.613,0,0,1,0-3.683h0a2.613,2.613,0,0,1,3.684,0l2.8,2.8Z' transform='translate(-114.706 -233.786)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_7730' data-name='Path 7730' d='M133,255.769l5.715,2.032-2.032-5.715' transform='translate(-114.706 -233.786)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_359' data-name='Line 359' x2='0.742' y2='0.742' transform='translate(24.014 24.014)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_7760' data-name='Rectangle 7760' width='5.209' height='21.202' rx='0.354' transform='translate(3.557 7.241) rotate(-45)' fill='%23fff' stroke='%233b5094' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='Path_7731' data-name='Path 7731' d='M139.059,239.712H149.3' transform='translate(-1 2)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_7732' data-name='Path 7732' d='M139.059,239.712h5.921' transform='translate(-1 7)' fill='none' stroke='%233b5094' stroke-linecap='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_1423' data-name='Ellipse 1423' cx='1.5' cy='1.5' r='1.5' transform='translate(147.706 261.813)' fill='%233b5094'/%3E%3Ccircle id='Ellipse_1424' data-name='Ellipse 1424' cx='1.5' cy='1.5' r='1.5' transform='translate(152.706 261.813)' fill='%233b5094'/%3E%3Ccircle id='Ellipse_1425' data-name='Ellipse 1425' cx='1.5' cy='1.5' r='1.5' transform='translate(157.706 261.813)' fill='%233b5094'/%3E%3C/g%3E%3C/svg%3E%0A");} .resultNo p {font: 600 4.4444vw/1.429 'Apple SD Gothic Neo'; text-align:center; margin-top:6.6667vw} .postCont .resultNo {padding: 11.1111vw 0 7.7777vw;} .postCont .tipListTit .toolTip .toolTipBox {z-index: 1; height:34.7222vw;} /*.swiper .postWrap*/ .swiper .postWrap{display:block;width:100%;box-shadow:0 1.1111vw 4.4444vw 0 rgba(0,0,0,.1);border-radius:3.33333vw;overflow:hidden;box-sizing:border-box} /*.postBoard .postWrap*/ .postBoard {position:relative;} .postBoard.roundLY {border:1px solid #eee; border-radius: 3.33333vw; overflow: hidden; padding:1.82vw 4.4445vw; box-sizing: border-box; margin-top: 0;} .postBoard ul.postList {position:relative; box-sizing: border-box;} .postBoard ul.postList li {padding:2.2222vw 0;} .postBoard ul.postList li:not(:last-child) {border-bottom:1px solid #eee;} .postBoard ul.postList li .labelTag {margin-bottom:2.2222vw; box-sizing: border-box;} .postBoard .postWrap {padding:1.3933vw 0;} .postBoard .postWrap .postDesc {display: flex; justify-content: flex-start; align-items: center; max-height:10.8334vw; padding:0;} .postBoard .postWrap .postDesc .postSort {display:inline-flex; white-space: pre; font-size:3.8889vw; color:#222; padding:0; background: #fff; margin-right: 1.1111vw;} .postBoard .postWrap .postDesc .postTitle {height:auto; font: 600 3.8889vw/1.5 'Apple SD Gothic Neo'; margin:0;} .postBoard .postWrap .postAuthor {border-top:none; padding:1.1111vw 0 0; margin:0;} .postBoard .postWrap .date {position:relative; font:inherit; color:#888; padding-right:4.4444vw; box-sizing: border-box;} .postBoard .postWrap .date.bar::after {position:absolute; top:50%; right:0; transform:translate(0,-50%); content: ""; width:1px; height:3.3333vw; background: #eee; margin:0 2.2222vw;} .postBoardDetail .detailTit .postSort {display:inline-flex; justify-content: center; align-items: center; position:relative;height:6.9445vw;font:500 3.8889vw/1 'Apple SD Gothic Neo';background-color:#fff; color:#3259D8; border:1px solid #3259D8; border-radius: 1.1111vw; overflow: hidden; padding: 1.1111vw 2.2222vw;} .postBoardDetail .detailTit .postTitle {height:auto; font: 700 6.6666vw/1.334 'Apple SD Gothic Neo'; margin: 0 auto;} .postBoardDetail .detailTit .postDesc {padding:4.4444vw 0 3.3333vw;} .postBoardDetail .detailTit .postAuthor {width:100%; border-top:none; padding:0; margin:0; box-sizing: border-box;} .postBoardDetail .detailTit .postAuthor .date {position:relative; font:inherit; color:#888; padding-right:4.4444vw; box-sizing: border-box;} .postBoardDetail .detailTit .postAuthor .authorName .date::after {position:absolute; top:50%; right:0; transform:translate(0,-50%); content: ""; width:1px; height:3.3333vw; background: #eee; margin:0 2.2222vw;} .postBoardDetail .detailCon {position:relative; width:100%; height:100%;} .postBoardDetail .detailCon .secDetail {margin: 0 auto; padding:4.4444vw;} .postBoardDetail .detailCon .secDetail.authorWrite {background-color: #F8F8F8;} .postBoardDetail .detailCon .secDetail.replyWrite {background-color: #fff;} .postBoardDetail .detailCon .secDetail > * {margin:1em 0; font: 300 3.8889vw/1.5 'Apple SD Gothic Neo'; width:100%; height:auto; word-break: keep-all;} #container.tipDetail.fullWith {width:100vw; padding: calc(13.3333vw + env(safe-area-inset-top)) 0;} #container.tipDetail.fullWith .postBoardDetail .detailTit{width:91.1111vw; margin:0 auto 7.7778vw;}