#roominfodiv{ display:flex; gap:4px 12px; border:1px solid #ddd; padding:8px 12px; width:96%; margin:auto;}
#roominfodiv > h4{ font-size:12px;}
#roominfodiv > ul{ display:flex; flex-wrap:wrap; gap:4px 20px}
#roominfodiv > ul > li > ul{ display:flex; gap:4px 4px;}
#roominfodiv > ul > li > ul > li{ display:flex; align-items:center;}
#roominfodiv > ul > li > ul > li > label{ display:none;}
#roominfodiv > ul > li > ul > li > div{ font-size:12px; font-weight:400;}
#roominfodiv > ul > li > ul > li > div > img{ width:50px; height:45px; }
section .shedulestepdiv{ display:none;}
#shedulestep4 .infodiv > div{ display:none;}
section[data-step='2'] .shedulestep2div{ display:block;}
section[data-step='room'] .shedulesteproomselectdiv{ display:block;}
section[data-step='3'] .shedulestep3div{ display:block;}
section[data-step='4'] .shedulestep4div{ display:block;}
#shedulestep4 .infodiv[data-tab='1'] > div[data-tab-content='1']{ display:block;}
#shedulestep4 .infodiv[data-tab='2'] > div[data-tab-content='2']{ display:block;}
#shedulestep4 .infodiv[data-tab='3'] > div[data-tab-content='3']{ display:block;}
#shedulestep4 .infodiv[data-tab='4'] > div[data-tab-content='4']{ display:block;}
body[data-login='0'] #shedulestep2 > div > .stepbtnnav > a.shedule_submitbtn > span{ font-size:0;}
body[data-login='0'] #shedulestep2 > div > .stepbtnnav > a.shedule_submitbtn > span:before{ content:"ë¡œê·¸ì¸ í›„ ì´ìš©í•˜ì„¸ìš”."; font-size:17px;}
#shedulestep2 > h3{ margin:50px auto; text-align:center;}
#shedulestep2 > div{ width:90%; max-width:640px; margin:70px auto;}
#shedulestep2 > div > h4 > span{ font-size:28px; font-weight:normal; color:#363636;}
#shedulestep2 > div > h4 > span > span{ font-size:28px; font-weight:bold; color:#363636;}
#shedulestep2 > div > p{ display:flex; gap:4px 8px; flex-wrap:wrap;}
#shedulestep2 > div > p > span{ font-size:26px; color:#949494;}
#shedulestep2 > div > p > span:before{ content:"#"; color:#0066FF;}
#shedulestep2 > .formdiv > div > ul{ display:flex; flex-direction: column; gap:12px;}
#shedulestep2 > .formdiv > div > ul > li{ display:flex; flex-wrap:wrap;}
#shedulestep2[data-movetype='0'] > .formdiv > div > ul > li.movebackli{ display:none;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movebackli{ display:none;}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movebackli{ display:flex;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movegoli > label:before{ content:"í–‰ì„ ì§€"; font-size:32px;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movegoli > label{ font-size:0;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movegoli > div > div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movegoli > div > div > .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='1'] > .formdiv > div > ul > li.movegoli > div > div > .moveicon > span{ width:16px; height:16px; display:inline-block; background-size:contain; background-position:center; background-repeat:no-repeat; font-size:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22round-trip-return-repeat%22%20style%3D%22enable-background%3Anew%200%200%2015.405%2014.707%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2015.405%2014.707%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M5.061%2C8L1.914%2C4.854h9.793c1.378%2C0%2C2.5%2C1.122%2C2.5%2C2.5h1c0-1.93-1.57-3.5-3.5-3.5H1.914l3.146-3.146L4.354%2C0L0%2C4.354%20%20l4.354%2C4.354L5.061%2C8z%22%2F%3E%3Cpath%20d%3D%22M11.061%2C6l-0.708%2C0.706l3.14%2C3.147H3.707c-1.378%2C0-2.5-1.122-2.5-2.5h-1c0%2C1.93%2C1.57%2C3.5%2C3.5%2C3.5h9.786L10.353%2C14%20%20l0.708%2C0.706l4.344-4.353L11.061%2C6z%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movegoli > div > div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movegoli > div > div > .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movegoli > div > div > .moveicon > span{ width:16px; height:16px; display:inline-block; background-size:contain; background-position:center; background-repeat:no-repeat; font-size:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cg%20data-name%3D%22Layer%202%22%20id%3D%22Layer_2%22%3E%3Cpath%20d%3D%22M22%2C9a1%2C1%2C0%2C0%2C0%2C0%2C1.42l4.6%2C4.6H3.06a1%2C1%2C0%2C1%2C0%2C0%2C2H26.58L22%2C21.59A1%2C1%2C0%2C0%2C0%2C22%2C23a1%2C1%2C0%2C0%2C0%2C1.41%2C0l6.36-6.36a.88.88%2C0%2C0%2C0%2C0-1.27L23.42%2C9A1%2C1%2C0%2C0%2C0%2C22%2C9Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movebackli > div > div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movebackli > div > div > .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='2'] > .formdiv > div > ul > li.movebackli > div > div > .moveicon > span{ width:16px; height:16px; display:inline-block; background-size:contain; background-position:center; background-repeat:no-repeat; font-size:0; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cg%20data-name%3D%22Layer%202%22%20id%3D%22Layer_2%22%3E%3Cpath%20d%3D%22M22%2C9a1%2C1%2C0%2C0%2C0%2C0%2C1.42l4.6%2C4.6H3.06a1%2C1%2C0%2C1%2C0%2C0%2C2H26.58L22%2C21.59A1%2C1%2C0%2C0%2C0%2C22%2C23a1%2C1%2C0%2C0%2C0%2C1.41%2C0l6.36-6.36a.88.88%2C0%2C0%2C0%2C0-1.27L23.42%2C9A1%2C1%2C0%2C0%2C0%2C22%2C9Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
#shedulestep2 > .formdiv > div > ul.positionul > li > div > .radioul{ gap:4px 30px;}
#shedulestep2 > .formdiv > div > ul > li > label{ width:calc(100% - 32px); display:inline-block; font-weight:900; padding:4px 16px; }
.positionul{ border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 20px 0px;
background-color: rgb(255, 255, 255);
margin-top: 10px;
margin-bottom: 10px;
padding: 20px 22px;
}
#shedulestep2 > .formdiv > div > ul > li > div{ width:100%; background-color:rgba(217,217,217,0.24); }
#shedulestep2 > .formdiv > div > ul > li > div > p{ color:#f00; font-size:22px; margin-left:8px;}
#shedulestep2 > .formdiv > div{ margin-top:74px; border:1px solid#dbdbdb; box-shadow:1px 1px 8px #DBDBDB; padding-bottom:37px;}
#shedulestep2 > .formdiv > div > ul > li > div > .movetypeul{ display:flex; gap:4px 50px; padding-top:20px; padding-bottom:35px; width:82%; margin:auto;}
#shedulestep2 > .formdiv > div > ul > li > div > .movetypeul > li > input[name=movetype]{ display:none;}
#shedulestep2 > .formdiv > div > ul > li > div > .movetypeul > li > input[name=movetype] + label{ color:#949496; font-size:18px; font-weight:600; display:inline-block;}
#shedulestep2 > .formdiv > div > ul > li > div > .movetypeul > li > input[name=movetype]:checked + label{ color:#0062FF; display:inline-block; position:relative;}
#shedulestep2 > .formdiv > div > ul > li > div > .movetypeul > li > input[name=movetype]:checked + label:after{ content:""; position:absolute; left:50%; bottom:0; margin-bottom:-10px; margin-left:-4px; width:8px; height:8px; border-radius:50%; background-color:#0062FF;}
#shedulestep2[data-movetype='1'] > .formdiv > div > .movetype_1_div{ display:flex;}
#shedulestep2[data-movetype='1'] > .formdiv > div > .movetype_2_div{ display:none;}
#shedulestep2[data-movetype='1'] > .formdiv > div > .movetype_1_nav{ display:flex;}
#shedulestep2[data-movetype='1'] > .formdiv > div > .movetype_2_nav{ display:none;}
#shedulestep2[data-movetype='2'] > .formdiv > div > .movetype_1_div{ display:none;}
#shedulestep2[data-movetype='2'] > .formdiv > div > .movetype_2_div{ display:flex;}
#shedulestep2[data-movetype='2'] > .formdiv > div > .movetype_1_nav{ display:none;}
#shedulestep2[data-movetype='2'] > .formdiv > div > .movetype_2_nav{ display:flex;}
#shedulestep2 > .formdiv > div > .movetype_1_div > table{ margin:auto; margin-top:57px; width:82%;}
#shedulestep2 > .formdiv > div > .movetype_1_div > table > tbody > tr{ }
#shedulestep2 > .formdiv > div > .movetype_1_div > table > tbody > tr:last-child{ border:0;}
/*
#shedulestep2 > .formdiv > div > .movetype_1_div > table > tbody > tr > td > input[type=text]{ width:calc(100% - 60px); padding:30px; font-weight:bold; font-size:17px; background-color:transparent; display:inline-block; border:0;}
*/
#shedulestep2 > .formdiv > div > .movetype_1_div > table > tbody > tr > td{}
#shedulestep2 > .formdiv > div > .movetype_1_div > table > tbody > tr > td > a{ border-bottom:1px solid #DEE2E6; width:100%;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table{ margin:auto; margin-top:57px; width:82%;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table > tbody > tr{ border-bottom:1px solid #DEE2E6; border-radius:20px;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table > tbody > tr > td > input[type=text]{ width:calc(100% - 60px); padding:30px; font-weight:bold; font-size:17px; background-color:transparent; display:inline-block; border:0;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table > tbody > tr > td.img > img{ width:45px; height:45px;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table > tbody > tr > td.datetd{ position:relative; text-align:center; width:190px;}
#shedulestep2 > .formdiv > div > .movetype_2_div > table > tbody > tr > td.datetd:before{ content:""; width:1px; height:50%; background-color:#f3f3f3; display:inline-block; position:absolute; left:0; top:25%;}
#shedulestep2 > .formdiv > div > .stepbtnnav{ display:flex; justify-content:center; gap:4px 50px; margin:37px auto;}
#shedulestep2 > .formdiv > div > .stepbtnnav > a{ background-color:#f1f1f1; width:251px; display:flex; justify-content:center; align-items:center; height:54px; pointer-events: none;}
#shedulestep2 > .formdiv > div > .stepbtnnav > a > span{ font-size:18px; font-weight:600; color:#959595; line-height:1;}
#shedulestep2 > .formdiv > div > .stepbtnnav > a.active{ background-color:#000000;pointer-events: auto;}
#shedulestep2 > .formdiv > div > .stepbtnnav > a.active:hover{ background-color:#0062FF;}
#shedulestep2 > .formdiv > div > .stepbtnnav > a.active > span{ color:#fff;}
#shedulestep2 > .noticediv{ width:90%; padding:0 13px;}
#shedulestep2 > .noticediv > .noticetitle{ display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #CED4DA; padding:24px 0;}
#shedulestep2 > .noticediv > .noticetitle > h4 > span{ font-size:16px; font-weight:600; }
#shedulestep2 > .noticediv > .noticetitle > nav > a{ font-size:14px; font-weight:500; color:#848C94;}
#shedulestep2 > .noticediv > .noticecontent > ul > li{ display:flex; justify-content:space-between; border-bottom:1px solid #CED4DA; align-items:center; padding:17px 0;}
#shedulestep2 > .noticediv > .noticecontent > ul > li > a{ font-size:15px; font-weight:400; color:#495056; }
#shedulestep2 > .noticediv > .noticecontent > ul > li > aside{ font-size:13px; font-weight:400; color:#848C94; }
#shedulestep2 > div > ul > li.calendarli > label{ display:none;}
#shedulestep2 > div > ul > li.calendarli > div{ width:100%; padding:50px 0;}
#shedulestep2 > div > ul > li > div > ul{ display:flex; flex-wrap:wrap; gap:8px 3px;}
#shedulestep2 > div > ul > li > div > div > select{ border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 8px;}
#shedulestep2 > div > ul > li > div > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 8px; }
#shedulestep2 > div > ul > li > div > div{ }
#shedule_calendar_div{ position:relative; overflow:hidden;}
.swiper-slide{ width:calc(50% - 20px);}
#shedulestep2 > div > ul > li.shipbackdateli{ display:none;}
#shedulestep2 > div > ul > li.shipbackdateli.active{ display:flex;}
.calendarlist > .calendar_title{ display:inline-block; width:100%;}
.calendarlist > .calendar_title > h3{ display:inline-block; text-align:center; width:100%; padding:4px 0;}
.calendarlist > .calendar_title > h3{line-height:1; float:left;}
.calendarlist > .calendar_title > h3 > span{ line-height:1; font-size:20px; font-weight:800;}
.calendar_bodyer_ul{ width:100%;}
.calendar_bodyer_ul > li > a{ opacity:0.2; pointer-events:none; text-decoration:line-through; position:relative;}
.calendar_bodyer_ul > li > a > span{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; font-size:18px; font-weight:500;}
.calendar_bodyer_ul > li.selected > a{ position:relative;}
.calendar_bodyer_ul > li.selected > a > span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}
.calendar_bodyer_ul > li.dayshover > a{ /*background-color:#f0fbff;*/ background-color:#E6E6E6;}
.calendar_bodyer_ul > li.fdays > a > span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}
.calendar_bodyer_ul > li.ldays > a > span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}
.calendar_bodyer_ul > li.fdays.hoverdisable > a{ position:relative; border-radius:0 50% 50% 0;}
.calendar_bodyer_ul > li.ldays.hoverdisable > a{ position:relative; border-radius:50% 0 0 50%;}
#shedule_calendar_div[data-selectcomplete=''][data-selectday2=''] .calendar_bodyer_ul > li.fdays > a{ background: linear-gradient(to right, #eee 50%, #f0fbff 50%); }
#shedule_calendar_div[data-selectcomplete=''][data-selectday1=''] .calendar_bodyer_ul > li.ldays > a{ background: linear-gradient(to right, #f0fbff 50%, #eee 50%); }
#shedule_calendar_div[data-selectcomplete='1'] .calendar_bodyer_ul > li.fdays > a{ background: linear-gradient(to right, transparent 50%, #f0fbff 50%); }
#shedule_calendar_div[data-selectcomplete='1'] .calendar_bodyer_ul > li.ldays > a{ background: linear-gradient(to right, #f0fbff 50%, transparent 50%); }
#shedule_calendar_div .calendar_bodyer_ul > li.hoverdisable > a{ background-color:#eee;}
/*
#shedule_calendar_div .calendar_bodyer_ul > li.hoverdisable{ background: repeating-linear-gradient(transparent, transparent 0px, #eee 0, #eee 38px, transparent 0,transparent 100px);}
*/
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li.hoverdisable > a{ pointer-events:none !important;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.hoverdisable > a{ pointer-events:none !important;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul > li.hoverdisable > a{ pointer-events:none !important;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li[data-send='true'][data-sendclient='0'] > a{ color:#949494 !important; pointer-events:none !important;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li[data-send='true'][data-sendclient='0'] > a:after{ content:"ê°ì‹¤ì—†ìŒ";}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li[data-recv='true'][data-recvclient='0'] > a{ color:#949494 !important; pointer-events:none !important;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li[data-recv='true'][data-recvclient='0'] > a:after{ content:"ê°ì‹¤ì—†ìŒ";}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li.selected[data-send='true'][data-sendclient='0'] > a:after{ content:"";}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li.selected[data-recv='true'][data-recvclient='0'] > a:after{ content:"";}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li[data-send='false'] > a{ color:#e7e7e7; opacity:1; pointer-events:none; text-decoration:line-through; pointer-events:none ;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li[data-send='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li[data-recv='false'] > a{ color:#e7e7e7; opacity:1; pointer-events:none; text-decoration:line-through; pointer-events:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li[data-recv='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li.selected[data-send='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul > li.selected[data-recv='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-send='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-send='false'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-send='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-send='false'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-recv='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul > li.selected[data-recv='false'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul > li.selected[data-send='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul > li.selected[data-send='false'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul > li.selected[data-recv='true'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul > li.selected[data-recv='false'] > a{ opacity:1; pointer-events:auto; text-decoration:none;}
#popup_calendardiv0{ max-width:880px;}
#popup_calendardiv0 > div{ padding:30px;}
#popup_calendardiv0 > div > h3{ margin-bottom:16px;}
#popup_calendardiv0 > div > h3 > span{ font-size:17px; font-weight:700;}
#popup_calendardiv0 > div > aside{ margin:auto; margin-bottom:15px; width:90%;}
#popup_calendardiv0 > div > aside > ul{ margin-top:15px;}
#popup_calendardiv0 > div > aside > ul > li{ font-size:15px; font-weight:400; margin-left:18px; position:relative;}
#popup_calendardiv0 > div > aside > ul > li:before{ content:"※"; position:absolute; left:-18px; top:0;}
#popup_calendardiv0 > div > nav{ display:flex; justify-content:center; }
#popup_calendardiv0 > div > nav > a{ padding:19px 0; width:90%; display:flex; gap:0 8px; background-color:#000; color:#fff; justify-content:center; }
#popup_calendardiv0 > div > nav > a:hover{ background-color:#0062FF;}
#popup_calendardiv0 > div > nav > a > span{ font-size:18px; font-weight:600; color:#fff;}
#popup_calendardiv0 > div > nav > a.popupcalendarselectbtn:after{ content:""; font-size:18px; font-weight:600;}
#popup_calendardiv0 > div > nav > a.popupcalendarselectbtn.active:after{ content:" ì„ íƒì™„료";}
.calendar_content{ display:flex; flex-direction: column; gap:8px; width:100%;}
.calendar_content > ul{ /* display:flex; flex-wrap:wrap; justify-content:center;*/ display: grid; grid-template-columns: repeat(7, 1fr); gap:0; width:280px; margin:auto;}
.calendar_content > ul > li{ width:40px; text-align:center; height:50px; position:relative;}
.calendar_content > ul > li > span{ display:flex; font-size:14px; font-weight:400; width:40px; height:40px; justify-content:center; align-items:center; }
.calendar_content > ul > li > a{ display:flex; font-size:14px; width:40px; height:40px; justify-content:center; align-items:center; position:relative;}
.calendar_content > ul > li > a:after{ content:""; position:absolute; top:100%; left:50%; margin-left:-60px; width:120px; text-align:center; font-size:10px; color:#949494; }
.calendar_content > ul > li.sat > a
,.calendar_content > ul > li.sat > span{ color:#00f;}
.calendar_content > ul > li.sun > a
,.calendar_content > ul > li.sun > span{ color:#f00;}
.calendar_content > ul > li.holi > a
,.calendar_content > ul > li.holi > span{ color:#f00;}
/* ::part를 사용한 네비게ì´ì…˜ 버튼 스타ì¼ë§ */
swiper-container::part(button-next),
swiper-container::part(button-prev) {
color: #626264; /* ìƒ‰ìƒ ë³€ê²½ */
top: 25px; /* 위치를 top 0으로 ì„¤ì • */
z-index: 10; /* ë²„íŠ¼ì´ ë‹¤ë¥¸ 요소 ìœ„ì— ì˜¤ë„ë¡ ì„¤ì • */
width:15px; height:25px;
}
/* 버튼 위치 ì¡°ì • */
swiper-container::part(button-next) {
right: 10px;
}
swiper-container::part(button-prev) {
left: 10px;
}
.shipinfo{ border-top:1px solid #ddd; }
.shipinfo > li{ display:flex; border-bottom:1px solid #ddd;}
.shipinfo > li > label{ width:80px; padding:6px 10px; background-color:#fff; font-size:26px; font-weight:600;}
.shipinfo > li > div{ width:calc(100% - 112px); padding:6px; font-size:26px;}
.radioul > li > label{ display:flex; gap:4px 8px; align-items:center;}
.radioul > li > input[type=radio]{ display:none;}
.radioul > li > input[type=radio] + label:before{ content:""; background-image: url("https://file.k-friends.kr/data/20241219/125015_0.svg"); width:20px; height:20px; background-size:contain; }
.radioul > li > input[type=radio]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.radioul > li > input[type=radio]:disabled + label{ opacity:0.3;}
.checkboxul > li > label{ display:flex; gap:4px 8px; align-items:center;}
.checkboxul > li > input[type=checkbox]{ display:none;}
.checkboxul > li > input[type=checkbox] + label:before{ content:""; background-image: url("https://file.k-friends.kr/data/20241219/125015_0.svg"); width:20px; height:20px; background-size:contain; }
.checkboxul > li > input[type=checkbox]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.checkboxul > li > input[type=checkbox]:disabled + label{ opacity:0.3;}
#shedulestep2 > div > ul > li.cartypeli{ display:none;}
#shedulestep2 > div > ul > li.cartypeli.active{ display:flex;}
.roomselecttbl{ width:100%;}
.roomselecttbl > tbody > tr > td > label{ display:flex; gap:4px 8px; align-items:center;}
.roomselecttbl > tbody > tr > td > input[type=checkbox]{ display:none;}
.roomselecttbl > tbody > tr > td > input[type=checkbox] + label:before{ content:""; background-image: url("https://file.k-friends.kr/data/20241219/125015_0.svg"); width:20px; height:20px; background-size:contain; }
.roomselecttbl > tbody > tr > td > input[type=checkbox]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.roomselecttbl > tbody > tr > td > input[type=checkbox]:disabled + label{ opacity:0.3;}
.roomselecttbl > tbody > tr > td > input[type=text]{ width:calc(100% - 14px); max-width:60px; border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 8px;}
.clientcnt{ display:flex; flex-wrap:wrap; gap:4px 8px;}
.clientcnt > li > select{ border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 6px;}
#docstep3{ width:90%; max-width:640px; margin:auto;}
#docstep3 > div > table{ border-top:1px solid #ddd; border-collapse:collapse; width:100%;}
#docstep3 > div > table > thead > tr > th{ font-size:26px; padding:6px; text-align:center; border-bottom:1px solid #ddd;}
#docstep3 > div > table > tbody > tr > td{ font-size:26px; padding:6px; text-align:center; border-bottom:1px solid #ddd;}
#popup_positiondiv0{ }
#popup_positiondiv0 > ul{ display:flex; gap:4px 11px; padding:20px;}
#popup_positiondiv0 > ul > li > input[type=radio]{ display:none;}
#popup_positiondiv0 > ul > li > input[type=radio] + label{ font-size:16px; font-weight:600; color:#7F7E7E; background-color:#E2E2E2; padding:7.7px 26px; display:inline-block;}
#popup_positiondiv0 > ul > li > input[type=radio]:checked + label{ color:#fff; background-color:#252525;}
#popup_positiondiv0 > div{ width:100%; display:inline-block; padding:0 20px;}
#popup_positiondiv0 > div > h4{ font-size:14px; margin:16px 0;}
#popup_positiondiv0 > div > ul{ display:flex; flex-wrap:wrap; gap:4px 15px; }
#popup_positiondiv0 > div > ul > li > input[type=radio]{ display:none;}
#popup_positiondiv0 > div > ul > li > input[type=radio] + label{ font-size:18px; font-weight:600; color:#000; border:2px solid #000; padding:16px 20px; display:inline-block;}
#popup_positiondiv0 > div > ul > li > input[type=radio] + label:hover{color:#fff; border:2px solid #0062FF; background-color:#0062FF;}
#popup_positiondiv0 > div > ul > li > input[type=radio]:checked + label{ background-color:#000; color:#fff; border:2px solid #000;}
#popup_positiondiv0 > aside{ border-top:1px solid #959595; padding:30px; margin-top:30px; width:100%; display:inline-block; }
#popup_positiondiv0 > aside > ul > li{ font-size:15px; font-weight:400; margin-left:20px; position:relative;}
#popup_positiondiv0 > aside > ul > li:before{ content:"※"; position:absolute; left:-20px; top:0;}
#popup_positiondiv0 > aside > ul > li > ul{ margin-top:10px;}
#popup_positiondiv0[data-type='0'] > .type0{ display:block;}
#popup_positiondiv0[data-type='0'] > .type1{ display:none;}
#popup_positiondiv0[data-type='1'] > .type0{ display:none;}
#popup_positiondiv0[data-type='1'] > .type1{ display:block;}
#popup_optionsdiv0{ max-width:640px;}
#popup_optionsdiv0 > div{ padding:30px 70px;}
#popup_optionsdiv0 > div > h3 > span{ font-size:18px; font-weight:600;}
#popup_optionsdiv0 > div > aside{ margin:53px auto;}
#popup_optionsdiv0 > div > aside > ul > li{ font-size:15px; font-weight:400; margin-left:18px; position:relative;}
#popup_optionsdiv0 > div > aside > ul > li:before{ content:"※"; position:absolute; left:-18px; top:0;}
#popup_optionsdiv0 > div > aside > ul > li > ul > li > span{ color:#0062FF;}
#popup_optionsdiv0 > div > nav{ display:flex; justify-content:center; }
#popup_optionsdiv0 > div > nav > a{ padding:13px 0; width:100%; display:flex; gap:0 8px; background-color:#000; justify-content:center; }
#popup_optionsdiv0 > div > nav > a:hover{ background-color:#0062FF;}
#popup_optionsdiv0 > div > nav > a > span{ font-size:18px; font-weight:600; color:#fff;}
#popup_optionsdiv0 > div > table{ table-layout:fixed; margin-top:40px; width:100%;}
#popup_optionsdiv0 > div > table > thead > tr > td{ text-align:center;}
#popup_optionsdiv0 > div > table > thead > tr > td:nth-child(2){ width:108px;}
#popup_optionsdiv0 > div > table > thead > tr > td:nth-child(3){ width:108px;}
#popup_optionsdiv0 > div > table > thead > tr > td:nth-child(4){ width:108px;}
#popup_optionsdiv0 > div > table > thead > tr > td > h4{ font-weight:normal; font-size:17px;}
#popup_optionsdiv0 > div > table > thead > tr > td > p{ font-size:11px; color:#939393;}
#popup_optionsdiv0 > div > table > tbody > tr:nth-child(3){ border-top:1px solid #BFBFC0;}
#popup_optionsdiv0 > div > table > tbody > tr:nth-child(2) > td{ padding-bottom:16px;}
#popup_optionsdiv0 > div > table > tbody > tr:nth-child(3) > td{ padding-top:16px;}
#popup_optionsdiv0 > div > table > tbody > tr > td{ text-align:center;}
#popup_optionsdiv0 > div > table > tbody > tr > td > h4{ font-size:18px; font-weight:400;}
#popup_optionsdiv0 > div > table > tbody > tr > td > p{ font-size:12px; font-weight:400; color:#848C94;}
#popup_optionsdiv0 > div > table > tbody > tr > td > select{ font-size:17px; border:0; text-align:center;
-webkit-appearance: none; /* Chrome, Safari, Opera */
-moz-appearance: none; /* Firefox */
appearance: none; /* 표준 */
/* background: transparent url('your-custom-icon.png') no-repeat right center;*/
padding-right: 20px; /* 화살표를 ìˆ¨ê¸°ê³ ì—¬ë°±ì„ ì¶”ê°€ */
}
.numbercontrolul{ display:flex; align-items:center; justify-content:center;}
.numbercontrolul > li > input[type=number]{ border:0; width:45px; text-align:center; font-size:28px; font-weight:700;}
.numbercontrolul > li > a{ display:flex; width:25px; height:25px; justify-content:center; align-items:center; font-size:0;
background-repeat:no-repeat; background-size:contain; background-repeat:no-repeat;
font-weight:0;
}
.numbercontrolul > li > a.plusbtn{ pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23f2f2f4%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23f2f2f4%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%2288%22%20y2%3D%22168%22%2F%3E%0A%3C%2Fsvg%3E");}
.numbercontrolul > li > a.plusbtn.active{ pointer-events:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23FFFFFF%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23f2f2f4%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%2288%22%20y2%3D%22168%22%2F%3E%0A%3C%2Fsvg%3E")}
.numbercontrolul > li > a.plusbtn.active:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23FFFFFF%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23004cff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%22128%22%20x2%3D%22128%22%20y1%3D%2288%22%20y2%3D%22168%22%2F%3E%0A%3C%2Fsvg%3E");}
.numbercontrolul > li > a.minusbtn{ pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23f4f4f6%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23f4f4f6%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%235d5d5f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%3C%2Fsvg%3E");}
.numbercontrolul > li > a.minusbtn.active{ pointer-events:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23FFFFFF%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23f4f4f6%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%235d5d5f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%3C%2Fsvg%3E");}
.numbercontrolul > li > a.minusbtn.active:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22%23FFFFFF%22%20r%3D%2296%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20fill%3D%22none%22%20r%3D%2296%22%20stroke%3D%22%23004CFF%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%228%22%2F%3E%0A%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23004CFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%228%22%20x1%3D%2288%22%20x2%3D%22168%22%20y1%3D%22128%22%20y2%3D%22128%22%2F%3E%0A%3C%2Fsvg%3E");}
#popup_optionsdiv0 > div > ul{ border-top:1px solid #959595; border-bottom:1px solid #959595; padding:30px 0; width:100%;}
#popup_optionsdiv0 > div > ul > li{ display:flex; gap:4px 10px; align-items:center; width:100%;}
#popup_optionsdiv0 > div > ul > li > label{ text-align:center; flex-grow:1;}
#popup_optionsdiv0 > div > ul > li > label > h4{ font-size:17px; font-weight:normal; }
#popup_optionsdiv0 > div > ul > li > label > p{ font-size:16px;}
#popup_optionsdiv0 > div > ul > li > div{ width:325px; display:flex;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* 파ì´ì–´í스ì—ì„œ 화살표 숨기기 */
input[type="number"] {
-moz-appearance: textfield;
}
#shedulestep3 > div > h3{ margin:26px 27px;}
#shedulestep3 > div > h3 > span{ font-size:20px; font-weight:600;}
#shedulestep3 > div{ width:90%; max-width:730px; margin:auto;}
#shedulestep3 > div > .step3ticketdiv{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:40px 0;}
#shedulestep3 > div > .step3ticketdiv > ul{ display:flex; gap:50px 4px; flex-direction: column; width:82%; margin:0 auto; margin-bottom:20px; position:relative;}
#shedulestep3 > div > .step3ticketdiv > ul:before{ content:""; width:100%; height:1px; display:inline-block; position:absolute; left:0; top:50%; background-color:#DEE2E6;}
#shedulestep3 > div > .step3ticketdiv > ul > li{ display:flex; padding:16px 20px; gap:4px 30px;}
#shedulestep3 > div > .step3ticketdiv > ul > li > label{ width:170px; min-width:170px; max-width:170px; display:flex; flex-direction: column; justify-content:space-between;}
#shedulestep3 > div > .step3ticketdiv > ul > li > label > h4 > span{ font-size:16px; font-weight:600;}
#shedulestep3 > div > .step3ticketdiv > ul > li > label > ul > li{ font-size:13.5px; font-weight:400; margin-left:30px; position:relative;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div{ width:calc(100% - 200px); position:relative;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > div > h4 > span{ font-size:16px; font-weight:500;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > div > p{ position:relative; }
#shedulestep3 > div > .step3ticketdiv > ul > li > div > div > p > span{ font-size:14px; font-weight:400;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline{ margin-top:17px; margin-bottom:8px;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul{ display:flex; flex-grow:1; justify-content:space-between; align-items:center; gap:12px;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li{ text-align:center;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li > label{ font-size:13.5px; font-weight:400;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li > p{ font-size:17px; font-weight:600;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li.timebar{ flex-grow:1;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li.timebar > p{ color:#898989; width:calc(100% - 8px); padding:4px; border-bottom:3px solid #e2e2e2; position:relative; font-size:12px; font-weight:400;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li.timebar > p:before{ content:""; width:8px; height:8px; display:inline-block; position:absolute; left:0; bottom:-5.5px; background-color:#000; border-radius:50%;}
#shedulestep3 > div > .step3ticketdiv > ul > li > div > .timeline > ul > li.timebar > p:after{ content:""; width:8px; height:8px; display:inline-block; position:absolute; right:0; bottom:-5.5px; background-color:#000; border-radius:50%;}
#shedulestep3 > div > .step3ticketdiv > aside{ width:82%; margin:auto;}
#shedulestep3 > div > .step3ticketdiv > aside > ul{ margin:16px 0; background-color:rgba(217,217,217,0.2); border-top:1px solid #DEE2E6; border-bottom:1px solid #DEE2E6; padding:20px;}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li{ display:flex; justify-content:space-between; align-items:center;}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > label{ font-size:16px; font-weight:600; min-width:100px;}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > ul{ display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; gap:4px 40px;}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > ul > li{ }
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > ul > li > a{ font-size:13px; font-weight:400; color:#555555; position:relative;}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > ul > li > a:after{ content:""; position:absolute; top:1px; left:100%; width:15px; height:15px; display:inline-block; background-repeat:no-repeat; background-position:center;
background-size:contain; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep3 > div > .step3ticketdiv > aside > ul > li > ul > li > a:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23004cff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
.KumGubunKRW{ font-size:24px; font-weight:500; color:#0362e2; display:flex; align-items:center; gap:1px; }
.KumGubunKRW:after{ content:"ì›"; font-size:22px; color:#000; font-weight:500;}
#shedulestep3 > div > nav{ display:flex; justify-content:space-between; align-items:center; padding:36px;}
#shedulestep3 > div > nav > ul > li > input[type=checkbox]{ display:none;}
#shedulestep3 > div > nav > ul > li > label{ font-size:18px; font-weight:bold;display:flex; align-items:center; gap:4px 8px; display:none;}
#shedulestep3 > div > nav > ul > li > input[type=checkbox] + label:before{ content:"";
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Icons%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23DAD9DC%22%20d%3D%22M12%2C1A11%2C11%2C0%2C1%2C0%2C23%2C12%2C11%2C11%2C0%2C0%2C0%2C12%2C1Zm5.707%2C8.707-7%2C7a1%2C1%2C0%2C0%2C1-1.414%2C0l-3-3a1%2C1%2C0%2C0%2C1%2C1.414-1.414L10%2C14.586l6.293-6.293a1%2C1%2C0%2C0%2C1%2C1.414%2C1.414Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat; background-size:contain; background-position:center; width:25px; height:25px; display:inline-block;
}
#shedulestep3 > div > nav > ul > li > input[type=checkbox]:checked + label:before{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Icons%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230062FF%22%20d%3D%22M12%2C1A11%2C11%2C0%2C1%2C0%2C23%2C12%2C11%2C11%2C0%2C0%2C0%2C12%2C1Zm5.707%2C8.707-7%2C7a1%2C1%2C0%2C0%2C1-1.414%2C0l-3-3a1%2C1%2C0%2C0%2C1%2C1.414-1.414L10%2C14.586l6.293-6.293a1%2C1%2C0%2C0%2C1%2C1.414%2C1.414Z%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep3 > div > nav > div{ display:flex; justify-content:flex-end; }
#shedulestep3 > div > nav > div > a{ background-color:#f1f1f1; padding:9px 50px; display:inline-block; pointer-events: none;}
#shedulestep3 > div > nav > div > a > span{ color:#959595; font-size:18px; font-weight:600; }
#shedulestep3 > div > nav > div > a.active{ background-color:#000000; pointer-events: auto; }
#shedulestep3 > div > nav > div > a.active:hover{ background-color:#0062FF; }
#shedulestep3 > div > nav > div > a.active > span{ color:#fff; }
#shedulestep4 > div{ width:90%; max-width:850px; margin:auto;}
#shedulestep4 > div > h3{ margin:26px 27px;}
#shedulestep4 > div > h3 > span{ font-size:20px; font-weight:600;}
#shedulestep4 > div > .step4ticketdiv{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:40px 0;}
#shedulestep4 > div > .step4ticketdiv > ul{ display:flex; gap:30px 4px; flex-direction: column; position:relative; width:90%; margin:auto;}
#shedulestep4 > div > .step4ticketdiv > ul:before{ content: "";
width: 100%;
height: 1px;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
background-color: #DEE2E6;
}
#shedulestep4 > div > .step4ticketdiv > ul > li{ display:flex; gap:4px 30px; flex-grow:1; justify-content:space-between; align-items:center; padding:0 27px;}
#shedulestep4 > div > .step4ticketdiv > ul > li > label{ display:flex; flex-direction: column; width:170px;}
#shedulestep4 > div > .step4ticketdiv > ul > li > label > h4{ order:2; }
#shedulestep4 > div > .step4ticketdiv > ul > li > label > h4 > span{ font-size:18px; font-weight:500;}
#shedulestep4 > div > .step4ticketdiv > ul > li > label > p{ order:1; }
#shedulestep4 > div > .step4ticketdiv > ul > li > label > p > span{ font-size:14px; font-weight:400;}
#shedulestep4 > div > .step4ticketdiv > ul > li > aside{ display:flex; flex-wrap:wrap; flex-grow:1; justify-content:space-between; position:relative; gap:4px 20px;}
#shedulestep4 > div > .step4ticketdiv > ul > li > aside > p{ font-size:16px; font-weight:400; position:relative;}
#shedulestep4 > div > .step4ticketdiv > ul > li > aside > p:before{content:""; width:1px; height:30px; background-color:#f6f6f6; display:inline-block; position:absolute; left:-11px; top:50%; margin-top:-15px;}
#shedulestep4 > div > .step4ticketdiv > aside{ width:90%; margin:auto;}
#shedulestep4 > div > .step4ticketdiv > aside > ul{ margin-top:16px; background-color:rgba(217,217,217,0.2); border-top:1px solid #DEE2E6; border-bottom:1px solid #DEE2E6; padding:20px;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li{ display:flex; justify-content:space-between; align-items:center;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > label{ font-size:13px; font-weight:500;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul{ display:flex; justify-content:space-around; align-items:center; gap:40px;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a{ font-size:13px; position:relative;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a:after{ content:""; position:absolute; top:1px; left:100%; width:15px; height:15px; display:inline-block; background-repeat:no-repeat; background-position:center;
background-size:contain; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23004cff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep4 > div > .step4ticketdiv > aside > div{ display:flex; justify-content:flex-end; padding:6px 0;}
#shedulestep4 > div > .step4ticketdiv > aside > div > p{ margin-left:16px; position:relative; color:#0261e3; font-size:13px; font-weight:400;}
#shedulestep4 > div > .step4ticketdiv > aside > div > p:before{ content:"※"; position:absolute; left:-16px; top:0; font-size:13px; font-weight:400;}
/*
#shedulestep4 > div > .step4ticketdiv > aside > ul{ margin-top:16px; padding:20px;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li{ display:flex; justify-content:space-between; align-items:center;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > label{ font-size:15px; font-weight:bold;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul{ display:flex; justify-content:space-around; align-items:center; gap:40px;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a{ font-size:12px; position:relative;}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a:after{ content:""; position:absolute; top:1px; left:100%; width:15px; height:15px; display:inline-block; background-repeat:no-repeat; background-position:center;
background-size:contain; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
#shedulestep4 > div > .step4ticketdiv > aside > ul > li > ul > li > a:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23004cff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
*/
#shedulestep4 .infodiv{ margin-top:20px;}
#shedulestep4 .infodiv > nav > ul{ display:flex; justify-content:space-between; position:relative;}
#shedulestep4 .infodiv > nav > ul:before{ content:""; width:98%; height:25px; position:absolute; left:1%; bottom:-25px; background-color:#F4F4F4; display:inline-block; border-radius:6px;}
#shedulestep4 .infodiv > nav > ul:after{ content:""; width:0%; height:25px; position:absolute; left:1%; bottom:-25px; background-color:#000; display:inline-block; border-radius:6px; transition-duration:0.1s;}
#shedulestep4 .infodiv[data-tab='1'] > nav > ul:after{ width:108px; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul:after{ width:50%; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul:after{ width:75%; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul:after{ width:100%; border-radius:6px 6px 6px 6px;}
#shedulestep4 .infodiv > nav > ul > li{ display:flex; position:relative;}
#shedulestep4 .infodiv > nav > ul > li > a{ padding:12px; display:inline-block; pointer-events: none; position:relative;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1'] > a{ pointer-events:inherit;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1'] > a{ pointer-events:inherit;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2'] > a{ pointer-events:inherit;}
#shedulestep4 .infodiv > nav > ul > li > a:after{ content:""; position:absolute; width:16px; height:16px; display:inline-block; left:50%; top:100%; margin-left:-13px; margin-top:0px; background-repeat:no-repeat; background-size:contain; background-position:center;
border-radius:50%; border:5px solid transparent; z-index:3;
}
#shedulestep4 .infodiv > nav > ul > li > a > span{ font-size:18px; font-weight:600; color:#cccccc;}
#shedulestep4 .infodiv[data-tab='1'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:26px; height:26px; left:calc(50% - 13px); border-radius:26px; }
#shedulestep4 .infodiv[data-tab='1'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='3']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='3'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='3']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='3'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%237F7E7E%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='4']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='4'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
/*
#shedulestep4 .infodiv > nav > ul > li:before{ content:""; height:26px; background-color:#f5f5f5; width:100%; display:inline-block; top:100%; position:absolute;}
#shedulestep4 .infodiv > nav > ul > li:after{ content:""; height:26px; background-color:#f5f5f5; width:100%; display:inline-block; top:100%; position:absolute;}
#shedulestep4 .infodiv > nav > ul > li:first-child:before{ width:calc(50% + 13px); left:calc(50% - 13px); border-radius:26px 0 0 26px;;}
#shedulestep4 .infodiv > nav > ul > li:last-child:before{ width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv > nav > ul > li:first-child:after{ width:calc(50% + 13px); left:calc(50% - 13px); border-radius:26px 0 0 26px;;}
#shedulestep4 .infodiv > nav > ul > li:last-child:after{ width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='3']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='3'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='1'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='2'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='3']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='3'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23395db5%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='4']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='4'] > a:after{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%232f57ff%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
*/
#shedulestep4 .infodiv[data-tab='1'] > nav > ul > li[data-tab-href='1'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='1'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='2'] > nav > ul > li[data-tab-href='2'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='1'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='2'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='3'] > nav > ul > li[data-tab-href='3'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='1'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='2'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='3'] > a > span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] > nav > ul > li[data-tab-href='4'] > a > span{ color:#000;}
#shedulestep4 .infodiv > div > nav{ display:flex; justify-content:flex-end; }
#shedulestep4 .infodiv > div > nav > a{ background-color:#f1f1f1; padding:10px 20px; display:flex; justify-content:center; align-items:center; min-width:130px; pointer-events: none;}
#shedulestep4 .infodiv > div > nav > a > span{ font-size:16px; font-weight:600; color:#959595;}
#shedulestep4 .infodiv > div > nav > a.active{ background-color:#000; pointer-events: auto;}
#shedulestep4 .infodiv > div > nav > a.active > span{ color:#fff;}
#shedulestep4 .infodiv > div > nav > a.active:hover{ background-color:#0062FF;}
.pgselectdiv > div{ display:flex; gap:44px; flex-grow:1; margin-top:55px;}
.pgselectdiv > div > ul { width:50%;}
.pgselectdiv > div > ul > li > label{ font-size:14px; padding:8px 0; width:100%; display:inline-block;}
.pgselectdiv > div > ul > li > div select{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
appearance: none; /* 기본 ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-webkit-appearance: none; /* Safari 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-moz-appearance: none; /* Firefox 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
padding:16px 0;
text-align:center;
}
.pgselectdiv > div > ul > li > div select::-ms-expand {
display: none; /* Internet Explorerì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
}
.pgtypeul{ display:flex; gap:4px 6px; flex-wrap:wrap; justify-content:space-between;}
.pgtypeul > li{ flex-grow:1; }
.pgtypeul > li > label{ width:100%; min-width:140px; display:flex; justify-content:center; align-items:center; border:1px solid #959595; padding:27px 0; border-radius:5px; gap:4px;}
.pgtypeul > li > label:before{ content:""; width:20px; height:20px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center;}
.pgtypeul > li > label.pgbank:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20data-name%3D%22Layer%201%22%20id%3D%22Layer_1%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23adadad%22%20d%3D%22M30%2C10V6a1%2C1%2C0%2C0%2C0-1-1H3A1%2C1%2C0%2C0%2C0%2C2%2C6V26a1%2C1%2C0%2C0%2C0%2C1%2C1H29a1%2C1%2C0%2C0%2C0%2C1-1V22H28v3H4V7H28v3Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23adadad%22%20d%3D%22M31%2C21H23a1%2C1%2C0%2C0%2C1%2C0-2h7V13H23a1%2C1%2C0%2C0%2C1%2C0-2h8a1%2C1%2C0%2C0%2C1%2C1%2C1v8A1%2C1%2C0%2C0%2C1%2C31%2C21Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23adadad%22%20d%3D%22M23%2C17a1%2C1%2C0%2C1%2C1%2C0-2h0a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23adadad%22%20d%3D%22M23%2C21a5%2C5%2C0%2C0%2C1%2C0-10%2C1%2C1%2C0%2C0%2C1%2C0%2C2%2C3%2C3%2C0%2C0%2C0%2C0%2C6%2C1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23adadad%22%20d%3D%22M31%2C11H23a5%2C5%2C0%2C0%2C0%2C0%2C10h8a1%2C1%2C0%2C0%2C0%2C1-1V12A1%2C1%2C0%2C0%2C0%2C31%2C11Zm-1%2C8H23a3%2C3%2C0%2C0%2C1%2C0-6h7Z%22%2F%3E%3C%2Fsvg%3E");}
.pgtypeul > li > label.pgcard:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20d%3D%22M26%2C26H6a3%2C3%2C0%2C0%2C1-3-3V9A3%2C3%2C0%2C0%2C1%2C6%2C6H26a3%2C3%2C0%2C0%2C1%2C3%2C3V23A3%2C3%2C0%2C0%2C1%2C26%2C26ZM6%2C8A1%2C1%2C0%2C0%2C0%2C5%2C9V23a1%2C1%2C0%2C0%2C0%2C1%2C1H26a1%2C1%2C0%2C0%2C0%2C1-1V9a1%2C1%2C0%2C0%2C0-1-1Z%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Cpath%20d%3D%22M14%2C22H8a1%2C1%2C0%2C0%2C1%2C0-2h6a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Cpath%20d%3D%22M28%2C13H4a1%2C1%2C0%2C0%2C1%2C0-2H28a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%20fill%3D%22%23adadad%22%2F%3E%3C%2Fg%3E%0A%3Cg%20id%3D%22frame%22%3E%3Crect%20fill%3D%22none%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.pgtypeul > li > label.pgmobile:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%20128%20128%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M91%2C0H37A11%2C11%2C0%2C0%2C0%2C26%2C11V117a11%2C11%2C0%2C0%2C0%2C11%2C11H91a11%2C11%2C0%2C0%2C0%2C11-11V11A11%2C11%2C0%2C0%2C0%2C91%2C0ZM32%2C22.69H96V99.58H32ZM37%2C6H91a5%2C5%2C0%2C0%2C1%2C5%2C5v5.69H32V11A5%2C5%2C0%2C0%2C1%2C37%2C6ZM91%2C122H37a5%2C5%2C0%2C0%2C1-5-5V105.58H96V117A5%2C5%2C0%2C0%2C1%2C91%2C122Z%22%20fill%3D%22%23adadad%22%20%2F%3E%0A%3Ccircle%20cx%3D%2264%22%20cy%3D%22113.91%22%20r%3D%226%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Cpath%20d%3D%22M56.13%2C14.22H71.88a3%2C3%2C0%2C1%2C0%2C0-6H56.13a3%2C3%2C0%2C1%2C0%2C0%2C6Z%22%20fill%3D%22%23adadad%22%2F%3E%3C%2Fsvg%3E");}
.pgtypeul > li > label.pgvbank:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%0A%3Cpath%20d%3D%22M29%2C0H3A3%2C3%2C0%2C0%2C0%2C0%2C3V15a1%2C1%2C0%2C0%2C0%2C1%2C1H6V30a2%2C2%2C0%2C0%2C0%2C2%2C2H24a2%2C2%2C0%2C0%2C0%2C2-2V16h5a1%2C1%2C0%2C0%2C0%2C1-1V3A3%2C3%2C0%2C0%2C0%2C29%2C0ZM24%2C30H8V10H24Zm6-16H26V12h1a1%2C1%2C0%2C0%2C0%2C1-1V9a1%2C1%2C0%2C0%2C0-1-1H5A1%2C1%2C0%2C0%2C0%2C4%2C9v2a1%2C1%2C0%2C0%2C0%2C1%2C1H6v2H2V3A1%2C1%2C0%2C0%2C1%2C3%2C2H29a1%2C1%2C0%2C0%2C1%2C1%2C1Z%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Crect%20height%3D%222%22%20width%3D%2212%22%20x%3D%2210%22%20y%3D%224%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Cpath%20d%3D%22M16%2C24a6%2C6%2C0%2C1%2C0-6-6A6%2C6%2C0%2C0%2C0%2C16%2C24Zm0-10a4%2C4%2C0%2C1%2C1-4%2C4A4%2C4%2C0%2C0%2C1%2C16%2C14Z%22%20fill%3D%22%23adadad%22%2F%3E%0A%3Crect%20height%3D%222%22%20width%3D%222%22%20x%3D%2215%22%20y%3D%2226%22%20fill%3D%22%23adadad%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.pgtypeul > li > label > span{ font-size:14px; color:#959595; font-weight:bold;}
.pgtypeul > li > input[type=radio]{ display:none;}
.pgtypeul > li > input[type=radio]:checked + label{ border:1px solid #0766e4;}
.pgtypeul > li > input[type=radio]:checked + label > span{ color:#000;}
.pgtypeul > li > input[type=radio]:checked + label.pgbank:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20data-name%3D%22Layer%201%22%20id%3D%22Layer_1%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M30%2C10V6a1%2C1%2C0%2C0%2C0-1-1H3A1%2C1%2C0%2C0%2C0%2C2%2C6V26a1%2C1%2C0%2C0%2C0%2C1%2C1H29a1%2C1%2C0%2C0%2C0%2C1-1V22H28v3H4V7H28v3Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M31%2C21H23a1%2C1%2C0%2C0%2C1%2C0-2h7V13H23a1%2C1%2C0%2C0%2C1%2C0-2h8a1%2C1%2C0%2C0%2C1%2C1%2C1v8A1%2C1%2C0%2C0%2C1%2C31%2C21Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M23%2C17a1%2C1%2C0%2C1%2C1%2C0-2h0a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M23%2C21a5%2C5%2C0%2C0%2C1%2C0-10%2C1%2C1%2C0%2C0%2C1%2C0%2C2%2C3%2C3%2C0%2C0%2C0%2C0%2C6%2C1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M31%2C11H23a5%2C5%2C0%2C0%2C0%2C0%2C10h8a1%2C1%2C0%2C0%2C0%2C1-1V12A1%2C1%2C0%2C0%2C0%2C31%2C11Zm-1%2C8H23a3%2C3%2C0%2C0%2C1%2C0-6h7Z%22%2F%3E%3C%2Fsvg%3E");}
.pgtypeul > li > input[type=radio]:checked + label.pgcard:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20d%3D%22M26%2C26H6a3%2C3%2C0%2C0%2C1-3-3V9A3%2C3%2C0%2C0%2C1%2C6%2C6H26a3%2C3%2C0%2C0%2C1%2C3%2C3V23A3%2C3%2C0%2C0%2C1%2C26%2C26ZM6%2C8A1%2C1%2C0%2C0%2C0%2C5%2C9V23a1%2C1%2C0%2C0%2C0%2C1%2C1H26a1%2C1%2C0%2C0%2C0%2C1-1V9a1%2C1%2C0%2C0%2C0-1-1Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20d%3D%22M14%2C22H8a1%2C1%2C0%2C0%2C1%2C0-2h6a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20d%3D%22M28%2C13H4a1%2C1%2C0%2C0%2C1%2C0-2H28a1%2C1%2C0%2C0%2C1%2C0%2C2Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%0A%3Cg%20id%3D%22frame%22%3E%3Crect%20fill%3D%22none%22%20height%3D%2232%22%20width%3D%2232%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.pgtypeul > li > input[type=radio]:checked + label.pgmobile:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%20128%20128%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M91%2C0H37A11%2C11%2C0%2C0%2C0%2C26%2C11V117a11%2C11%2C0%2C0%2C0%2C11%2C11H91a11%2C11%2C0%2C0%2C0%2C11-11V11A11%2C11%2C0%2C0%2C0%2C91%2C0ZM32%2C22.69H96V99.58H32ZM37%2C6H91a5%2C5%2C0%2C0%2C1%2C5%2C5v5.69H32V11A5%2C5%2C0%2C0%2C1%2C37%2C6ZM91%2C122H37a5%2C5%2C0%2C0%2C1-5-5V105.58H96V117A5%2C5%2C0%2C0%2C1%2C91%2C122Z%22%20fill%3D%22%23000000%22%20%2F%3E%0A%3Ccircle%20cx%3D%2264%22%20cy%3D%22113.91%22%20r%3D%226%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20d%3D%22M56.13%2C14.22H71.88a3%2C3%2C0%2C1%2C0%2C0-6H56.13a3%2C3%2C0%2C1%2C0%2C0%2C6Z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E");}
.pgtypeul > li > input[type=radio]:checked + label.pgvbank:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%0A%3Cpath%20d%3D%22M29%2C0H3A3%2C3%2C0%2C0%2C0%2C0%2C3V15a1%2C1%2C0%2C0%2C0%2C1%2C1H6V30a2%2C2%2C0%2C0%2C0%2C2%2C2H24a2%2C2%2C0%2C0%2C0%2C2-2V16h5a1%2C1%2C0%2C0%2C0%2C1-1V3A3%2C3%2C0%2C0%2C0%2C29%2C0ZM24%2C30H8V10H24Zm6-16H26V12h1a1%2C1%2C0%2C0%2C0%2C1-1V9a1%2C1%2C0%2C0%2C0-1-1H5A1%2C1%2C0%2C0%2C0%2C4%2C9v2a1%2C1%2C0%2C0%2C0%2C1%2C1H6v2H2V3A1%2C1%2C0%2C0%2C1%2C3%2C2H29a1%2C1%2C0%2C0%2C1%2C1%2C1Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Crect%20height%3D%222%22%20width%3D%2212%22%20x%3D%2210%22%20y%3D%224%22%20fill%3D%22%23000000%22%2F%3E%0A%3Cpath%20d%3D%22M16%2C24a6%2C6%2C0%2C1%2C0-6-6A6%2C6%2C0%2C0%2C0%2C16%2C24Zm0-10a4%2C4%2C0%2C1%2C1-4%2C4A4%2C4%2C0%2C0%2C1%2C16%2C14Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3Crect%20height%3D%222%22%20width%3D%222%22%20x%3D%2215%22%20y%3D%2226%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
.pgselectdiv > div > div{ width:50%;}
.pgselectdiv > div > div > ul{ width:100%;}
.pgselectdiv > div > div > ul > li{ display:flex; border-top:1px solid #ebebeb; gap:4px 30px; width:100%; padding:16px 0;}
.pgselectdiv > div > div > ul > li:first-child{ border:0;}
.pgselectdiv > div > div > ul > li > label{ font-size:16px; font-weight:600; width:80px;}
.pgselectdiv > div > div > ul > li > div{ display:flex; justify-content:flex-end; align-items:center; font-size:16px; font-weight:600; width:calc(100% - 80px); text-align:right;}
.pgselectdiv > div > div > ul > li > div > ul > li{ display:flex; flex-direction: column-reverse;}
.pgselectdiv > div > div > ul > li > div > ul > li > h4{ }
.pgselectdiv > div > div > ul > li > div > ul > li > h4 > span{ font-size:14px; font-weight:400;}
.pgselectdiv > div > div > ul > li > div > ul > li > p{ }
.pgselectdiv > div > div > ul > li > div > ul > li > p > span{ font-size:14px; font-weight:400;}
.pgselectdiv > div > div > aside{ margin-top:50px;}
.pgselectdiv > div > div > aside > a{ display:none;}
.pgselectdiv > div > div > aside > a > span{ font-size:12px; position:relative;}
.pgselectdiv > div > div > aside > a > span:after{
content: ""; position: absolute; top: 1px; left: 100%; width: 15px; height: 15px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23000000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}
.pgselectdiv > div > div > aside > a:hover > span:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20id%3D%22Layer_1%22%20version%3D%221.0%22%20viewBox%3D%220%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolyline%20fill%3D%22none%22%20points%3D%228.5%2C3%2017.5%2C12%208.5%2C21%20%22%20stroke%3D%22%23004cff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");}
.pgselectdiv > div > div > nav{ margin:4px 0;}
.pgselectdiv > div > div > nav > a{ width:100%; display:flex; justify-content:center; align-items:center; background-color:#000; padding:25px 0; }
.pgselectdiv > div > div > nav > a > span{ font-size:25px; font-weight:600; color:#fff; display:flex; align-items:center; gap:4px;}
.pgselectdiv > div > div > nav > a > span.KumGubunKRW:after{ content:"ì› ê²°ì œí•˜ê¸°"; font-size:18px; font-weight:600; color:#fff;}
.pgselectdiv > div > div > nav > p { position:relative; color:#0062FF; font-size:13px; font-weight:400; text-align:center; margin:7px 0;}
.pgselectdiv > div > div > nav > p:before{ content:"※ ";}
.motodiv > h4{ font-weight:normal; margin:40px 0;}
.motodiv > h4 > span{ font-size:14px;}
.motodiv > div{ margin-top:55px;}
.motodiv > div > div{ position:relative;}
.motodiv > div > div > h4{ border-bottom:2px solid #282828; padding:12px 8px;}
.motodiv > div > div > h4 > span{ font-size:16px;}
.docmenualalinkbtn {
position: absolute;
right: 0;
top: 8px;
background-color: #fff;
color:#16171A;
border:1px solid #16171A;
padding: 6.35px 19.3px;
display: inline-block;
font-size:14px; font-weight:400;
}
.docmenualalinkbtn:hover{ background-color:#0062FF; border:1px solid #0062FF; color:#fff;}
.motodiv > div > div > ul { }
.motodiv > div > div > ul.bikebasicul{ display:flex; gap:4px 16px; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #e8e8e8; margin-bottom:24px;}
.motodiv > div > div > ul > li{ flex-grow:1; min-width:180px;}
.motodiv > div > div > ul > li > label{ font-size:14px; padding:8px 0; width:100%; display:inline-block;}
.motodiv > div > div > ul > li[data-ess='Y'] > label:after{ content:"*"; color:#fe0005;}
/*
.motodiv > div > div > ul > li > div input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc; padding:16px; width:calc(100% - 34px);}
*/
.motodiv > div > div > ul > li > div input[type=file]{ display:none; }
.motodiv > div > div > ul > li > div > label{font-size:15px; font-weight:400; border:1px solid #cccccc; padding:16px; padding-right:50px; width:calc(100% - 68px); display:inline-block; color:#ccc; position:relative;}
.motodiv > div > div > ul > li > div > label:before{ content:""; position:absolute; right:17px; top:calc(50% - 9px); width:23px; height:17px; background-image:url(/file/img/file.png); background-size:contain; background-position:center; background-repeat:no-repeat;filter: grayscale(1);}
.motodiv > div > div > ul > li > div > label.active{color:#000;}
.motodiv > div > div > ul > li > div > label.active:before{ filter: grayscale(0);}
.motodiv > div > div > ul > li > div input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
padding:16px 0;
text-align:center;
}
.motodiv > div > div > ul > li > div select{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
appearance: none; /* 기본 ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-webkit-appearance: none; /* Safari 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-moz-appearance: none; /* Firefox 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
padding:16px 0;
text-align:center;
}
.motodiv > div > div > ul > li > div select::-ms-expand {
display: none; /* Internet Explorerì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
}
.motodiv > div > div > ul > li > div .bikeccdiv{ display:flex; gap:4px 4px; align-items:center;}
.motodiv > div > div > ul > li > div .bikeccdiv > input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
padding:16px 0;
text-align:center;
}
.motodiv > div > div > ul > li > div .bikeccdiv > input[type=number]{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
padding:16px 0;
text-align:center;
}
.motodiv > div > div > ul > li > div .bikeccdiv > span{ font-size:20px;}
.motodiv > div > div > ul > li > div input[type=text]:after{ content:"cc";}
.motodiv > div > div > ul > li > div > p{ color:#0062FF; font-size:14px; position:absolute;}
.motodiv > div > div > .menualinfoaside > h4{ padding:12px 8px;}
.motodiv > div > div > .menualinfoaside > h4 > span{ font-size:16px;}
.motodiv > div > div > .menualinfoaside > ul{ display:flex; flex-direction: column; gap:8px 0; margin-left:20px; margin-bottom:30px;}
.motodiv > div > div > .menualinfoaside > ul > li{ background-color:#f5f5f5; border-radius:8px; padding:18px; position:relative; }
.motodiv > div > div > .menualinfoaside > ul > li > label{font-size:15px; font-weight:500; position:relative; margin-left:34px; display:inline-block; }
.motodiv > div > div > .menualinfoaside > ul > li > label > span{ color:#d40e0d;}
.motodiv > div > div > ul > li.doclistli > div > ul{ margin-bottom:24px;}
.motodiv > div > div > ul > li.doclistli > div > ul > li{ gap:4px 16px; align-items:center; padding:11px 0; border-bottom:1px solid #eaeaea;}
.motodiv > div > div > ul > li.doclistli > div > ul > li[data-category='0']{ display:flex;}
.motodiv > div > div > ul > li.doclistli > div > ul > li[data-category='1']{ display:none;}
.motodiv > div > div > ul > li.doclistli > div > ul.category1on > li[data-category='1']{display:flex;}
.motodiv > div > div > ul > li.doclistli > div > ul > li > label{ font-size:15px; font-weight:400; padding-left:22px; width:calc(50% - 22px);}
.motodiv > div > div > ul > li.doclistli > div > ul > li > label:after{ content:"*"; font-size:16px; font-weight:400; color:#f00;}
.motodiv > div > div > ul > li.doclistli > div > ul > li > button{ font-size:15px; font-weight:600; background-color:#fff; color:#000; border:1px solid #000; width:100px; height:36px; position:relative;}
.motodiv > div > div > ul > li.doclistli > div > ul > li > button:hover{ background-color:#0062FF; color:#fff; border:1px solid #0062FF; }
.motodiv > div > div > ul > li.doclistli > div > ul > li > button:after{ position:absolute; right:-105px;; font-size:14px;; color:#c1c1c1; font-weight:400;}
.motodiv > div > div > ul > li.doclistli > div > ul > li[data-wr='N'] > button:after{ content:"ì„ íƒëœ 파ì¼ì—†ìŒ"; font-size:14px; font-weight:400;}
.motodiv > div > div > ul > li.doclistli > div > ul > li[data-wr='Y'] > button:after{ content:"ìž‘ì„±ëœ íŒŒì¼ì—†ìŒ"; font-size:14px; font-weight:400;}
.motodiv > div > div > ul > li.doclistli > div > ul > li.active > button{ font-size:0; background-color:#000;}
.motodiv > div > div > ul > li.doclistli > div > ul > li.active > button:hover{ background-color:#0062FF; }
.motodiv > div > div > ul > li.doclistli > div > ul > li.active > button:after{ position:relative; font-size:14px; color:#fff; right:auto;}
.motodiv > div > div > ul > li.doclistli > div > ul > li.active[data-wr='N'] > button:after{ content:"첨부완료";}
.motodiv > div > div > ul > li.doclistli > div > ul > li.active[data-wr='Y'] > button:after{ content:"작성완료";}
.motodiv > div > div > ul > li.doclistli > div > ul > li > .uploaddocfilelist{ flex-grow:1;}
.motodiv > div > div > ul > li.doclistli > div > ul > li > .uploaddocfilelist > li{ display:flex; flex-grow:1; justify-content:space-between;}
.motodiv > div > div > ul > li.doclistli > div > ul > li > .uploaddocfilelist > li > label{font-size:15px; font-weight:400; color:#000; width:120px;overflow-wrap: break-word;
}
.motodiv > div > div > ul > li.doclistli > div > ul > li > .uploaddocfilelist > li > a{font-size:14px; font-weight:400; color:#000; }
.motodiv > div > div > .menualinfoaside > ul > li > label:before{ content:""; position:absolute; left:-34px; width:28px; height:28px; background-size:contain; background-repeat:no-repeat; display:inline-block;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%20icon-tabler%20icon-tabler-checkbox%22%20%0Afill%3D%22none%22%20height%3D%2224%22%20stroke%3D%22%23c0c0c0%22%20stroke-linecap%3D%22round%22%20%0Astroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpolyline%20points%3D%229%2011%2012%2014%2020%206%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201%20-2%202h-12a2%202%200%200%201%20-2%20-2v-12a2%202%200%200%201%202%20-2h9%22%2F%3E%0A%3C%2Fsvg%3E")
}
.motodiv > div > div > .menualinfoaside > ul > li:nth-child(1) > label:before
,.motodiv > div > div > .menualinfoaside > ul > li:nth-child(2) > label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%20icon-tabler%20icon-tabler-checkbox%22%20%0Afill%3D%22none%22%20height%3D%2224%22%20stroke%3D%22%23065fdf%22%20stroke-linecap%3D%22round%22%20%0Astroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpolyline%20points%3D%229%2011%2012%2014%2020%206%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201%20-2%202h-12a2%202%200%200%201%20-2%20-2v-12a2%202%200%200%201%202%20-2h9%22%2F%3E%0A%3C%2Fsvg%3E");}
.motodiv > div > div > ul > li.doclistli > label{ display:none;}
/*.motodiv > div > div > ul > li.doclistli > div a*/
.doclistli > div > p{ position:relative; color:#717171; font-size:12px; margin:16px 0;}
.doclistli > div > p:before{ content:"※"; position:absolute; left:-20px; top:0;}
.doclist{ display:flex; flex-direction: column; gap:4px;}
.passengerinfodiv > h4{ margin-top:58px; margin-bottom:20px; }
.passengerinfodiv > h4 > span{ font-size:16px; font-weight:600; position:relative; margin-left:26px;}
.passengerinfodiv > h4 > span:before{ content:""; position:absolute; left:-26px; top:calc(50% - 8px); width:17px; height:17px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2217%22%20fill%3D%22%23000000%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); border-radius:50%; overflow:hidden;}
.passengerinfodiv > div{ display:flex; gap:44px; flex-grow:1;}
.passengerinfodiv > div > ul{ display:flex; flex-wrap:wrap; gap:4px 7px; justify-content:space-between;}
.passengerinfodiv > div > ul > li{ width:calc(50% - 14px);}
.passengerinfodiv > div > ul > li > label{ font-size:15px; font-weight:400; padding:8px 0; width:100%; display:inline-block;}
.passengerinfodiv > div > ul > li[data-ess='Y'] > label:after{ content:"*"; color:#fe0005;}
.passengerinfodiv > div > ul > li > div input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc; padding:16px; width:100%;}
.passengerinfodiv > div > ul > li.nationli{ margin-left:14px;}
.passengerinfodiv > div > ul > li.nationli
,.passengerinfodiv > div > ul > li.genderli{ width:calc(25% - 14px);}
.passengerinfodiv > div > ul > li.nameENli > div ul > .nameENli1{ width:35%;}
.passengerinfodiv > div > ul > li.nameENli > div ul > .nameENli2{ }
.passengerinfodiv > div > ul > li.emailli > div ul > .emailli1{ width:50%;}
.passengerinfodiv > div > ul > li.emailli > div ul > .emailli2{ width:5%;}
.passengerinfodiv > div > ul > li.emailli > div ul > .emailli3{ width:45%;}
.addfindbtn{font-size:14px; border:1px solid #0062e3; border-radius:5px; padding:16px; width:calc(100% - 34px); display:inline-block;}
/*
*/
.passengerinfodiv > div > ul > li > div select{ font-size:15px; font-weight:400; border:1px solid #cccccc; width:calc(100% - 2px);
appearance: none; /* 기본 ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-webkit-appearance: none; /* Safari 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
-moz-appearance: none; /* Firefox 브ë¼ìš°ì €ì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
padding:16px 0;
text-align:center;
}
.passengerinfodiv > div > ul > li > div select::-ms-expand {
display: none; /* Internet Explorerì—ì„œ ë“œë¡ë‹¤ìš´ 화살표 ì œê±° */
}
.blockul{ display:flex; gap:7px; align-items:center;}
.blockul > li{ flex-grow:1;}
.orderthankdiv > div{ margin:100px 0; margin-top:160px; width:100%; display:inline-block;}
.orderthankdiv > div > h4{ display:flex; flex-direction: column; text-justify:center; align-items:center;}
.orderthankdiv > div > h4 > span:before{ content:""; position:absolute; left:50%; margin-left:-21px; bottom:100%; width:42.18px; height:42.18px;
display:inline-block; background-size:cover; background-position:center; margin-bottom:22.73px;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23000000%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M13.67%2C22a1%2C1%2C0%2C0%2C1-.73-.32l-4.67-5a1%2C1%2C0%2C0%2C1%2C1.46-1.36l3.94%2C4.21%2C8.6-9.21a1%2C1%2C0%2C1%2C1%2C1.46%2C1.36l-9.33%2C10A1%2C1%2C0%2C0%2C1%2C13.67%2C22Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); }
.orderthankdiv > div > h4 > span{ font-size:22px; font-weight:600; position:relative;}
.orderthankdiv > div > h4 > span > span{ font-size:22px; font-weight:600;}
.orderthankdiv > div > p{ text-align:center; line-height:1.2;}
.orderthankdiv > div > p > span{ color:#a8a8a8; font-size:14px; font-weight:400; line-height:1;}
.orderthankdiv > nav{ display:flex; justify-content:flex-end;}
.orderthankdiv > nav > div > a {
padding: 11px 52px;
display: inline-block;
}
.orderthankdiv > nav > div > a > span { font-size: 16px; font-weight:600;}
.orderthankdiv > nav > div > a.orderlistbtn {background-color: #fff; border:1px solid #3b70a2;}
.orderthankdiv > nav > div > a.orderlistbtn > span { color: #000;}
.orderthankdiv > nav > div > a.completebtn {background-color: #16171A;}
.orderthankdiv > nav > div > a.completebtn > span { color: #fff;}
.shiptitle{ }
.shiptitle > span{ position:relative; margin-left:33px;}
.shiptitle > span:before{ content:""; position:absolute; left:-33px; top:1px; background-repeat:no-repeat; background-size:contain; background-position:right top; width:30px; height:20px; display:inline-block;}
.shiptitle[data-comp='1'] > span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_0.png");}
.shiptitle[data-comp='2'] > span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_3.png");}
.shiptitle[data-comp='3'] > span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_2.png");}
.shiptitle[data-comp='4'] > span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_1.png");}
.shiptitle[data-comp='5'] > span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025609_0.png");}
.personcnttext{ position:relative; margin-left:33px;}
.personcnttext:before{ content:""; position:absolute; left:-33px; top:1px; background-repeat:no-repeat; background-size:contain; background-position:center top; width:30px; height:20px; display:inline-block;}
.personcnttext:before{ background-image:url(https://file.k-friends.kr/img/20250407/110917_1.png);}
.roomcnttext{ position:relative; margin-left:33px;}
.roomcnttext:before{ content:""; position:absolute; left:-33px; top:1px; background-repeat:no-repeat; background-size:contain; background-position:center top; width:30px; height:20px; display:inline-block;}
.roomcnttext:before{ background-image:url(https://file.k-friends.kr/img/20250407/110917_0.png);}
.bikecnttext{ position:relative; margin-left:33px;}
.bikecnttext:before{ content:""; position:absolute; left:-33px; top:1px; background-repeat:no-repeat; background-size:contain; background-position:center top; width:30px; height:20px; display:inline-block;}
.bikecnttext:before{ background-image:url(https://file.k-friends.kr/img/20250407/110917_2.png);}
.freightregulationsdiv{ padding:30px;}
.freightregulationsdiv > div > h4 > span{ font-size:16px; font-weight:bold;}
.freightregulationsdiv > div > ul{ margin:30px 0;}
.freightregulationsdiv > div > ul > li{ position:relative; margin-left:16px; font-size:13px; color:#707070;}
.freightregulationsdiv > div > ul > li:before{ content:"-"; position:absolute; left:-16px; top:0;}
.freightregulationsdiv > nav{ display:flex; justify-content:center; align-items:center; }
.freightregulationsdiv > nav > a{ width:96%; padding:16px 0; text-align:center; background-color:#0062FF; display:flex; justify-content:center; align-items:center; margin:auto;}
.freightregulationsdiv > nav > a > span{ color:#fff; font-size:16px;}
.paymentsdetailsdiv{ padding:30px; min-width:580px;}
.paymentsdetailsdiv > div > h4 > span{ font-size:16px; font-weight:bold;}
.paymentsdetailsdiv > div > ul{ margin:8px 0;}
.paymentsdetailsdiv > div > ul > li{ display:flex; justify-content:space-between;}
.paymentsdetailsdiv > div > ul > li > label{ font-size:16px; font-weight:bold;}
.paymentsdetailsdiv > div > ul > li > div > .KumGubunKRW{ font-size:16px; font-weight:bold; color:#000;}
.paymentsdetailsdiv > div > ul > li > div > .KumGubunKRW:after{ font-size:16px;}
.paymentsdetailsdiv > div > div > ul{}
.paymentsdetailsdiv > div > div > ul > li{ display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #959595; flex-wrap:wrap; padding:8px 0;}
.paymentsdetailsdiv > div > div > ul > li > label{ font-size:14px; position:relative; margin-left:16px;}
.paymentsdetailsdiv > div > div > ul > li > label:before{ content:"- "; position:absolute; left:-16px; top:0;}
.paymentsdetailsdiv > div > div > ul > li > div > .KumGubunKRW{ font-size:14px; font-weight:bold; color:#000;}
.paymentsdetailsdiv > div > div > ul > li > div > .KumGubunKRW:after{ font-size:14px;}
.paymentsdetailsdiv > div > div > ul > li > ul{ width:100%; display:flex; flex-direction: column; gap:8px 4px; margin:8px 0;}
.paymentsdetailsdiv > div > div > ul > li > ul > li{ display:flex; justify-content:space-between; align-items:center;}
.paymentsdetailsdiv > div > div > ul > li > ul > li > label{ margin-left:16px; font-size:14px; color:#8a8a8a;}
.paymentsdetailsdiv > div > div > ul > li > ul > li > div > .KumGubunKRW{ font-size:14px; font-weight:bold; color:#8a8a8a;}
.paymentsdetailsdiv > div > div > ul > li > ul > li > div > .KumGubunKRW:after{ font-size:14px; color:#8a8a8a;}
.hotelFindListDiv{ overflow:hidden; width:calc(100% - 8px); padding:0px 4px; transition-duration:0.3; height:0;}
.hotelFindListDiv.active{ height:auto; padding:4px;}
#hotelFindListUL{ display:flex; flex-direction: column; gap:16px; transition-duration:0.3s; max-width:640px;}
#hotelFindListUL > li{ display:flex; justify-content:space-between; align-items:center; gap:16px; box-shadow:1px 1px 6px gray; padding:16px; font-size:12px;}
#hotelFindListUL > li > div{ width:calc(100% - 60px); font-size:12px;;}
#hotelFindListUL > li > div > .addressKo{ position:relative; margin-left:65px;}
#hotelFindListUL > li > div > .addressKo:before{ content:"한글주소 : ";position:absolute; left:-65px; top:0;}
#hotelFindListUL > li > div > .addressEn{ position:relative; margin-left:65px;}
#hotelFindListUL > li > div > .addressEn:before{ content:"ì˜ë¬¸ì£¼ì†Œ : ";position:absolute; left:-65px; top:0;}
#hotelFindListUL > li > div > .phone:before{ content:"ì—°ë½ì²˜ : ";}
#hotelFindListUL > li > nav{ width:80px;}
#hotelFindListUL > li > nav > a{ background-color:#000000; color:#fff; padding:8px 0; font-size:14px; width:100%; display:inline-block; text-align:center;}
#AddressFindDiv{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:302; display:flex; align-items:center; justify-content:center;}
#AddressFindDiv > div{ display:inline-block; background-color:#fff;}
#AddressFindDiv > div > form{ padding:30px; width:calc(96% - 60px); max-width:600px; overflow:auto;}
#AddressFindDiv > div > form > .searchdiv{ display:flex; flex-grow:1; align-items:center; justify-content:space-between;}
#AddressFindDiv > div > form > .searchdiv > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0; flex-grow:1;}
#AddressFindDiv > div > form > .searchdiv > a{ padding:8px 0; min-width:80px; width:80px; text-align:center; display:inline-block; margin-left:4px; font-size:24px; border:1px solid #000;}
#AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn{ background-color:#000; color:#fff;}
#AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn:hover{ color:#ffff00;}
#AddressFindDiv > div > form > p{ color:#004cff; font-size:18px; margin:4px 0;}
#AddressFindDiv > div > form > #AddressList{ height:calc(100vh - 300px);}
#AddressFindDiv > div > form > #AddressList > table{ margin-top:30px; table-layout:fixed; width:100%;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > th{ border-top:2px solid #000; border-bottom:1px solid #000; padding:12px 8px; font-size:18px;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > th:first-child{ width:100px;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > td{ border-bottom:1px solid #000; padding:8px; font-size:18px;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > td:first-child{ text-align:center;}
#AddressFindDiv > div > form > #AddressList > nav{ display:flex; flex-grow:1; align-items:center; justify-content:center; padding:30px 0;}
#AddressFindDiv > div > form > #AddressList > nav > a{ border:1px solid #004cff; color:#004cff; padding:8px; margin:4px; display:inline-block; min-width:20px; text-align:center;}
#AddressFindDiv > div > form > #AddressList > nav > a:hover{ background-color:#004cff; color:#fff;}
#AddressFindDiv > div > form > #AddressList > nav > span{ border:1px solid #f1f1f1; padding:8px; margin:4px; display:inline-block; background-color:#f1f1f1; min-width:20px; text-align:center;}
#option_fselect,#option_lselect{ display:none;}
.movetype_2_div > table > tbody > tr > .fposition{ width:calc(30% - 15px);}
.movetype_2_div > table > tbody > tr > .lposition{ width:calc(30% - 15px);}
.movetype_2_div > table > tbody > tr > .img{ width:45px;}
.movetype_2_div > table > tbody > tr > .datetd{ width:calc(40% - 15px);}
.movetype_2_div > table > tbody > tr > .datetd > .typeinput_a{ padding:22px 30px; text-align:center;}
.typeinput_a{ font-size:16px; padding:22px 30px; display:inline-block; font-weight:600; color:#000;}
.typeinput_a[data-value='']{ color:#CDCBCF;}
#type1_fposition_a[data-value='']:before{ content:"출발지 ì„ íƒ";}
#type1_lposition_a[data-value='']:before{ content:"ë„착지 ì„ íƒ";}
#type1_fdateldate_a[data-value='']:before{ content:"ê°€ëŠ”ë‚ ~ì˜¤ëŠ”ë‚ ì„ íƒ";}
#type1_options_a[data-value='']:before{ content:"ìŠ¹ê° 1명, 차량(ë°”ì´í¬) 1";}
#type2_fposition1_a[data-value='']:before{ content:"출발지 ì„ íƒ";}
#type2_lposition1_a[data-value='']:before{ content:"ë„착지 ì„ íƒ";}
#type2_fdatetext_a[data-value='']:before{ content:"íƒ‘ìŠ¹ì¼ ì„ íƒ";}
#type2_ldatetext_a[data-value='']:before{ content:"íƒ‘ìŠ¹ì¼ ì„ íƒ";}
#type2_fposition2_a[data-value='']:before{ content:"출발지 ì„ íƒ";}
#type2_lposition2_a[data-value='']:before{ content:"ë„착지 ì„ íƒ";}
#type2_options_a[data-value='']:before{ content:"ìŠ¹ê° 1명, 차량(ë°”ì´í¬) 1";}
#type2_fdateldate_a[data-value='']:before{ content:"ê°€ëŠ”ë‚ ~ì˜¤ëŠ”ë‚ ì„ íƒ";}
#popup_documentsinfodiv0 > div{ padding:20px 40px; }
#popup_documentsinfodiv0 > div > h3{ display:none;}
.popup_documentsinfo_content > div > form > h4{ margin:16px 0;}
.popup_documentsinfo_content > div > form > h4 > span{ font-size:23px; font-weight:600;}
#infodoclist{ width:100%;}
#infodoclist > nav{ display:flex;}
#infodoclist > nav > a{ background-color:#E5E4E3; border-left:1px solid #35529A; flex-grow:1; position:relative; font-size:18px; font-weight:600; padding:20px 0; text-align:center; color:#707070;}
#infodoclist > nav > a:first-child{ border-left:0;}
#infodoclist[data-tab='1'] > nav > a.infotab1{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='1'] > nav > a.infotab1:after{ content:"";
width:0; height:0;
border-top:12px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff; display:inline-block; position:absolute; left:calc(50% - 6px); bottom:0;}
#infodoclist[data-tab='2'] > nav > a.infotab2{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='2'] > nav > a.infotab2:after{ content:"";
width:0; height:0;
border-top:12px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff; display:inline-block; position:absolute; left:calc(50% - 6px); bottom:0;}
#infodoclist[data-tab='3'] > nav > a.infotab3{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='3'] > nav > a.infotab3:after{ content:"";
width:0; height:0;
border-top:12px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff; display:inline-block; position:absolute; left:calc(50% - 6px); bottom:0;}
#infodoclist[data-tab='4'] > nav > a.infotab4{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='4'] > nav > a.infotab4:after{ content:"";
width:0; height:0;
border-top:12px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff; display:inline-block; position:absolute; left:calc(50% - 6px); bottom:0;}
#infodoclist[data-tab='5'] > nav > a.infotab5{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='5'] > nav > a.infotab5:after{ content:"";
width:0; height:0;
border-top:12px solid transparent;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff; display:inline-block; position:absolute; left:calc(50% - 6px); bottom:0;}
#infodoclist > ul{ margin-top:40px; border-top:0.3px solid #000; border-bottom:0.3px solid #000; width:100%; min-height:420px; }
#infodoclist > ul > li{ display:none; flex-direction:column;}
#infodoclist > ul > li > ul{ display:flex; gap:1px;}
#infodoclist > ul > li > ul > li{ flex-grow:1; width:50%; border-left:1px solid #000;}
#infodoclist > ul > li > ul > li > h4{ background-color:#F8F8F8; font-size:15px; font-weight:400; padding:10px 0; text-align:center;}
#infodoclist > ul > li > ul > li:first-child{ border-left:0;}
#infodoclist[data-tab='1'] > ul > li.infotab1{ display:flex;}
#infodoclist[data-tab='2'] > ul > li.infotab2{ display:flex;}
#infodoclist[data-tab='3'] > ul > li.infotab3{ display:flex;}
#infodoclist > ul > li > ul > li > ul{ margin:8px 10px; display:flex; flex-direction:column; gap:11px 8px;}
#infodoclist > ul > li > ul > li > ul > li{ font-size:15px; font-weight:400; position:relative; margin-left:25px;}
#infodoclist > ul > li > ul > li > ul > li:before{ position:absolute; left:-20px;}
#infodoclist > ul > li > ul > li > ul > li:nth-child(1):before{ content:"1.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(2):before{ content:"2.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(3):before{ content:"3.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(4):before{ content:"4.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(5):before{ content:"5.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(6):before{ content:"6.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(7):before{ content:"7.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(8):before{ content:"8.";}
#infodoclist > ul > li > ul > li > ul > li:nth-child(9):before{ content:"9.";}
#infodoclist > ul > li > ul > li > nav{ display:flex; flex-wrap:wrap; margin:0 10px; margin-bottom:25px; gap:3px 5px;}
#infodoclist > ul > li > ul > li > nav > a{ padding:4px 8px; display:flex; gap:6px;}
#infodoclist > ul > li > ul > li > nav > a.downbtn{ background-color:#0062E3;}
#infodoclist > ul > li > ul > li > nav > a.downbtn > .linktext{ color:#fff;}
#infodoclist > ul > li > ul > li > nav > a.samplebtn{ background-color:#E5E4E3;}
#infodoclist > ul > li > ul > li > nav > a.samplebtn > .linktext{ color:#606060;}
#infodoclist > ul > li > ul > li > nav > a > .linkicon{ order:2; display:flex; align-items:center;}
#infodoclist > ul > li > ul > li > nav > a > .linkicon:before{ content:""; width:14px; height:12px; background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block;}
#infodoclist > ul > li > ul > li > nav > a.downbtn > .linkicon:before{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2212%22%20viewBox%3D%220%200%2015%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.42325%200.185497H1.89301C0.993051%200.185497%200.693359%200.438678%200.693359%201.2157V10.8194C0.693359%2011.5702%201.00303%2011.8321%201.87299%2011.8321H12.8724C13.7524%2011.8321%2014.0428%2011.5789%2014.0428%2010.8194V1.18075C14.0428%200.456105%2013.7326%200.185488%2012.8827%200.176758H7.68275C6.78279%200.176758%206.50312%200.421225%206.50312%201.22444V4.85635C6.50312%204.94366%206.50312%205.03097%206.50312%205.13574V5.4675H4.50322L7.34292%207.93828L10.2129%205.45876H8.213V4.64682C8.213%203.77376%208.213%202.9007%208.213%202.08002C8.213%201.86176%208.58303%201.70461%208.77303%201.69587H10.4629H11.5829C11.7813%201.6814%2011.9783%201.73458%2012.1327%201.84428C12.1975%201.91127%2012.2453%201.98951%2012.2728%202.07379C12.3004%202.15807%2012.3073%202.24645%2012.2929%202.33319C12.2929%204.18408%2012.2929%206.03496%2012.2929%207.88585V9.73678C12.2929%2010.2868%2012.1929%2010.3741%2011.5629%2010.3741H3.27331C2.55334%2010.3741%202.3632%2010.2082%202.3632%209.58832L2.42325%200.185497Z%22%20fill%3D%22url(%23paint0_linear_21_1825)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_21_1825%22%20x1%3D%227.38307%22%20y1%3D%2211.867%22%20x2%3D%227.38307%22%20y2%3D%220.176758%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");}
#infodoclist > ul > li > ul > li > nav > a.samplebtn > .linkicon:before{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2212%22%20viewBox%3D%220%200%2015%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.42325%200.185497H1.89301C0.993051%200.185497%200.693359%200.438678%200.693359%201.2157V10.8194C0.693359%2011.5702%201.00303%2011.8321%201.87299%2011.8321H12.8724C13.7524%2011.8321%2014.0428%2011.5789%2014.0428%2010.8194V1.18075C14.0428%200.456105%2013.7326%200.185488%2012.8827%200.176758H7.68275C6.78279%200.176758%206.50312%200.421225%206.50312%201.22444V4.85635C6.50312%204.94366%206.50312%205.03097%206.50312%205.13574V5.4675H4.50322L7.34292%207.93828L10.2129%205.45876H8.213V4.64682C8.213%203.77376%208.213%202.9007%208.213%202.08002C8.213%201.86176%208.58303%201.70461%208.77303%201.69587H10.4629H11.5829C11.7813%201.6814%2011.9783%201.73458%2012.1327%201.84428C12.1975%201.91127%2012.2453%201.98951%2012.2728%202.07379C12.3004%202.15807%2012.3073%202.24645%2012.2929%202.33319C12.2929%204.18408%2012.2929%206.03496%2012.2929%207.88585V9.73678C12.2929%2010.2868%2012.1929%2010.3741%2011.5629%2010.3741H3.27331C2.55334%2010.3741%202.3632%2010.2082%202.3632%209.58832L2.42325%200.185497Z%22%20fill%3D%22url(%23paint0_linear_21_1825)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_21_1825%22%20x1%3D%227.38307%22%20y1%3D%2211.867%22%20x2%3D%227.38307%22%20y2%3D%220.176758%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23606060%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23606060%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");}
#infodoclist > ul > li > ul > li > nav > a > .linktext{ order:1; font-size:14px; font-weight:400; }
/* 서류 */
#popup_documentsdiv0 > div{ padding:20px 40px; }
#popup_documentsdiv0 > div > h3{ display:none;}
.popup_documents_content > div > form > h4{ margin:16px 0;}
.popup_documents_content > div > form > h4 > span{ font-size:23px; font-weight:600;}
.popup_documents_content > div > form > div > .samplediv > p{ font-size:12px; font-weight:400;}
.popup_documents_content > div > form > div > aside > ul.redcheckul > li{ position:relative; padding:8px;}
.popup_documents_content > div > form > div > aside > ul.redcheckul > li > label:before{ content:""; position:absolute; left:-34px; width:28px; height:28px; background-size:contain; background-repeat:no-repeat; display:inline-block;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22icon%20icon-tabler%20icon-tabler-checkbox%22%20%0Afill%3D%22none%22%20height%3D%2224%22%20stroke%3D%22%23f00911%22%20stroke-linecap%3D%22round%22%20%0Astroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%20stroke%3D%22none%22%2F%3E%0A%20%20%3Cpolyline%20points%3D%229%2011%2012%2014%2020%206%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201%20-2%202h-12a2%202%200%200%201%20-2%20-2v-12a2%202%200%200%201%202%20-2h9%22%2F%3E%0A%3C%2Fsvg%3E");
}
.popup_documents_content > div > form > div > aside > ul.redcheckul > li > label{ display:inline-block; font-size:18px; font-weight:400; line-height:1.6; margin-left:24px; position:relative;}
.popup_documents_content > div > form > div > aside > ul.redcheckul > li > label > span{ color:#0062FF;}
.popup_documents_content > div > form > div > aside > ul.redcheckul > li > label > p{ }
.popup_documents_content > div > form > div > nav{ display:flex; width:100%; margin-bottom:60px;}
.popup_documents_content > div > form > div > nav.centernav{ justify-content:center;}
.popup_documents_content > div > form > div > nav > a{ width:328px; height:64px; display:flex; justify-content:center; align-items:center; background-color:#16171A; color:#fff; font-size:20px; font-weight:600; }
.popup_documents_content > div > form > div > nav > a:hover{ background-color:#0062FF;}
.popupdivlayout{
/*display: grid;*/
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
}
.popupdivlayout > aside{grid-area: 1 / 1 / 3 / 4;}
.popupdivlayout > .samplediv{ grid-area: 1 / 4 / 6 / 6; width:460px; padding-right:30px;}
.popupdivlayout > nav{ grid-area: 3 / 1 / 6 / 4;}
.popupdivlayout.layout2{
/*display: grid;*/
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.popupdivlayout.layout2 > aside{ width:500px; grid-area: 1 / 1 / 2 / 2;}
.popupdivlayout.layout2 > .samplediv{ grid-area: 1 / 2 / 4 / 3; }
.popupdivlayout.layout2 > nav{ grid-area:2 / 1 / 3 / 2;}
.popupdivlayout.layout3{
/*display: grid;*/
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.popupdivlayout.layout3 > aside{grid-area: 1 / 1 / 4 / 4;}
.popupdivlayout.layout3 > .samplediv{ grid-area: 1 / 4 / 5 / 6; width:460px; padding-right:30px;}
.popupdivlayout.layout3 > nav{ grid-area: 4 / 1 / 5 / 4;}
.popupdivlayout.wrlayout1{
display: flex;
flex-wrap:wrap;
width:100%;
}
.popupdivlayout.wrlayout1 > .wrsample{ display:flex; justify-content:center; width:100%;}
.popupdivlayout.wrlayout1 > aside{grid-area: 1 / 1 / 2 / 3; width:100%;}
.popupdivlayout.wrlayout1 > .wrformdiv{ grid-area: 1 / 3 / 5 / 6; width:100%; margin-top:40px;}
.popupdivlayout.wrlayout1 > nav{ grid-area: 2 / 1 / 5 / 3;}
.wrformdiv > div{ }
.wrformdiv > div > h4{ text-align:center; margin-bottom:12px; display:none;}
.wrformdiv > div > h4 > span{ font-size:18px;}
.wrformdiv > div > div > h4{ padding:3px 10px; background-color:#000; color:#fff; flex-grow:1;font-size:15.28px;;}
.wrformdiv > div > div > h4:before{content:"â– ";}
.wrformdiv > div > div > ul{ display:flex; flex-wrap:wrap; flex-grow:1; flex-direction:column; gap:8px; margin-bottom:30px; margin-top:8px;}
.wrformdiv > div > div > ul > li{ flex-grow:1; position:relative; border-bottom:1px solid #707070;}
.wrformdiv > div > div > ul > li:last-child{ border:0;}
.wrformdiv > div > div > ul > li.engaddrli{ padding-bottom:0;}
.wrformdiv > div > div > ul > li.signli{ padding:0;}
.wrformdiv > div > div > ul > li.signli > div > .signdiv > nav{ margin-top:8px; text-align:right;}
.wrformdiv > div > div > ul > li > label{ font-size:13.58px; font-weight:400; padding-left:20px; display:inline-block;}
.wrformdiv > div > div > ul > li > label:before{ content:"* "; color:#f00;}
.wrformdiv > div > div > ul > li > div{ width:100%; display:flex; flex-wrap:wrap; font-size:12px; }
.wrformdiv > div > div > ul > li > div > div{ flex-grow:1;}
.wrformdiv > div > div > ul > li > div input[type=text]{ border:0; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}
.wrformdiv > div > div > ul > li > div input[type=date]{ border:0; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}
.wrformdiv > div > div > ul > li > div select{ border:0; padding:7.5px 28px; font-size:13.58px; font-weight:400;}
.wrformdiv > div > div > ul > li > div select option{ text-align:center;}
.wrformdiv > div > div > ul > li > div textarea{ border:0; border-bottom:1px solid #707070; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}
.wrformdiv > div > div > ul > li > div > ul{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 30px; width:100%;}
.wrformdiv > div > div > ul > li > div > ul > li{ color:#f00; font-size:14.26px; position:relative; margin-left:16px;}
.wrformdiv > div > div > ul > li > div > ul > li:first-child:before{ content:"※"; position:absolute; left:-14px; top:0;}
.wrformdiv > div > div > ul > li > div > a{ position:absolute; font-size:11.88px; font-weight:400; background-color:#E5E4E3; display:inline-block; padding:2px 10px; top:2.5px; left:90px;}
.wrformdiv > div > div > ul > li > div > div > ul{ display:flex; gap:4px 8px;}
.wrformdiv > div > div > nav > ul{ display:flex; gap:4px; margin:8px auto; margin-left:30px;}
.wrformdiv > div > div > nav > ul > li{ display:flex; gap:4px; margin:8px 0; align-items:center;}
.wrformdiv > div > div > nav > ul > li > label{ font-size:16px; font-weight:bold; display:none;}
.wrformdiv > div > div > nav > ul > li > div{ display:flex;}
.wrformdiv > div > div > nav > ul > li > div > input[type=text]{ border:0; border-bottom:1px solid #000; padding:6px 6px; display:inline-block; width:200px; font-size:13.58px;}
.wrformdiv > div > div > nav > ul > li > div > a{ font-size: 10px;
background-color: #e8e8e8;
display: inline-block;padding: 8px 10px;}
.wrformdiv > div > div > ul > li > div .checkboxul{ display:flex; flex-direction:column; gap:4px 30px; flex-wrap:wrap; margin:8px 0;}
.wrformdiv > div > div > ul > li > div .radioul{ display:flex; gap:4px 30px; flex-wrap:wrap; margin:8px 0;}
.popup_documents_content > div > form > nav{ text-align:center; margin:30px 0;}
.popup_documents_content > div > form > nav > a{ background-color:#0061e3; color:#fff; padding:12px 30px; display:inline-block; min-width:130px; border-radius:5px;}
.signdiv{ margin-left:30px;}
.signdiv > div{ position:relative; border:1px solid #000; display:inline-block;}
.signdiv > nav > a{ background-color:#e8e8e8; padding:8px 15px; display:inline-block; font-size:12px;}
.wrformdiv > div > div > ul.carinfoul{
}
.wrformdiv > div > div > ul.carinfoul > li > div > div > ul > li > #car_bike_chk_2{ display:none;}
.wrformdiv > div > div > ul.carinfoul > li > div > div > ul > li > label{ font-size:13.58px; font-weight:400; margin-left:36px;}
.wrformdiv > div > div > ul.carinfoul > li > div > div > ul.checkboxul > li > label{ margin-left:6px;}
.wrformdiv > div > div > ul.carinfoul > li > div > div > ul.checkboxul > li > textarea{ width:100%; border-bottom:1px solid #707070;}
.wrformdiv > div > div > ul.carinfoul > ul > li > div select{ width:160px;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(1) .radioul > li > input[type=radio]:checked + label:before{ opacity:0;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(7) select{ padding:7.5px 0;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(7) select:nth-child(1){ padding-left:28px;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(9) > div > div > ul{ margin-left:28px;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(9) > div > div > ul > li:last-child{ display:flex; align-items:flex-start; flex-grow:1;}
.wrformdiv > div > div > ul.carinfoul > li:nth-child(9) > div > div > ul > li > textarea{ flex-grow:1; padding:3px 7.5px; width:100%;}
/* 서류 */
.sheduleroomform > div > div{ display:none;}
.sheduleroomform[data-tab='1'] > div > .sendroomdiv{ display:block;}
.sheduleroomform[data-tab='2'] > div > .recvroomdiv{ display:block;}
.sheduleroomform[data-shiptype='0'][data-tab='1'] > div > .sendroomdiv{ display:block;}
.sheduleroomform[data-shiptype='0'][data-tab='1'] > div > .recvroomdiv{ display:none;}
.sheduleroomform[data-shiptype='0'][data-tab='2'] > div > .sendroomdiv{ display:none;}
.sheduleroomform[data-shiptype='0'][data-tab='2'] > div > .recvroomdiv{ display:block;}
.sheduleroomform[data-shiptype='1'] > div > .sendroomdiv > h3 > span:before{ content:"ê°€ëŠ”ë‚ ";}
.sheduleroomform[data-shiptype='1'] > div > .recvroomdiv > h3 > span:before{ content:"ì˜¤ëŠ”ë‚ ";}
.sheduleroomform > div{width: 90%; max-width: 840px; margin: 70px auto;}
.sheduleroomform > div > div > h3{ margin:30px 0;}
.sheduleroomform > div > div > h3 > span{ font-size:23px; font-weight:600;}
.sheduleroomform > div > div > h3 > span > span{ font-size:23px; font-weight:300; margin-left:16px; position:relative;}
.sheduleroomform > div > div > h3 > span > span:before{ content:"|"; position:absolute; left:-8px; }
.sheduleroomform > div > div > div > ul{ display:flex; flex-direction:column; gap:14px;}
.sheduleroomform > div > div > div > ul > li{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:31px 35px;}
.sheduleroomform > div > div > div > ul > li[data-client='0']{ pointer-events:none; }
.sheduleroomform > div > div > div > ul > li[data-client='0'] > label > .text > nav > a{ background-color:#eeeeee; font-size:0;}
.sheduleroomform > div > div > div > ul > li[data-client='0'] > label > .text > nav > a:before{ content:"매진"; font-size:18px; color:#707070;}
.sheduleroomform > div > div > div > ul > li > input[type=radio]{ display:none;}
.sheduleroomform > div > div > div > ul > li > label{ display:flex; gap:4px 47px;}
.sheduleroomform > div > div > div > ul > li > label > .img > img{ width:230px; height:239px;}
.sheduleroomform > div > div > div > ul > li > label > .text{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.sheduleroomform > div > div > div > ul > li > label > .text > h4{ font-size:22px; font-weight:600; line-height:l.1; width:100%;}
.sheduleroomform > div > div > div > ul > li > label > .text > h4 > span{ font-size:17px; font-weight:600;}
.sheduleroomform > div > div > div > ul > li > label > .text > h4 > span:before{ content:" / ";}
.sheduleroomform > div > div > div > ul > li > label > .text > p{ font-size:14px; font-weight:400; margin-bottom:11px; width:100%;}
.sheduleroomform > div > div > div > ul > li > label > .text > .notice{ font-size:14px; font-weight:400; margin-bottom:23px; width:100%;}
.sheduleroomform > div > div > div > ul > li > label > .text > aside > h4{ font-size:14px; font-weight:400;}
.sheduleroomform > div > div > div > ul > li > label > .text > aside > p{ font-size:10px; font-weight:400; color:#707070;}
.sheduleroomform > div > div > div > ul > li > label > .text > .notice{ font-size:14px; font-weight:400; margin-bottom:23px;}
.sheduleroomform > div > div > div > ul > li > label > .text > .pricediv{ font-size:25px; font-weight:600;}
.sheduleroomform > div > div > div > ul > li > label > .text > .pricediv:after{ content:"ì›"; font-size:16px; font-weight:400;}
.sheduleroomform > div > div > div > ul > li > label > .text > nav{ width:100%; display:flex; justify-content:flex-end; margin-top:10px;}
.sheduleroomform > div > div > div > ul > li > label > .text > nav > a{ background-color:#000; color:#fff; font-size:18px; font-weight:600; width:150px; height:43px; display:flex; align-items:center; justify-content:center;}
.sheduleroomform > div > div > div > ul > li > label > .text > nav > a:hover{ background-color:#0062FF;}
.sheduleroomform > div > div > div > ul > li > input[type=radio]:checked + label > .text > nav > a{ background-color:#0062FF;}