<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#roominfodiv{ display:flex; gap:4px 12px; border:1px solid #ddd; padding:8px 12px; width:96%; margin:auto;}
#roominfodiv &gt; h4{ font-size:12px;}
#roominfodiv &gt; ul{ display:flex; flex-wrap:wrap; gap:4px 20px}
#roominfodiv &gt; ul &gt; li &gt; ul{ display:flex; gap:4px 4px;}
#roominfodiv &gt; ul &gt; li &gt; ul &gt; li{ display:flex; align-items:center;}
#roominfodiv &gt; ul &gt; li &gt; ul &gt; li &gt; label{ display:none;}
#roominfodiv &gt; ul &gt; li &gt; ul &gt; li &gt; div{ font-size:12px; font-weight:400;}
#roominfodiv &gt; ul &gt; li &gt; ul &gt; li &gt; div &gt; img{ width:50px; height:45px; }

section .shedulestepdiv{ display:none;}

#shedulestep4 .infodiv &gt; 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'] &gt; div[data-tab-content='1']{ display:block;}
#shedulestep4 .infodiv[data-tab='2'] &gt; div[data-tab-content='2']{ display:block;}
#shedulestep4 .infodiv[data-tab='3'] &gt; div[data-tab-content='3']{ display:block;}
#shedulestep4 .infodiv[data-tab='4'] &gt; div[data-tab-content='4']{ display:block;}

body[data-login='0'] #shedulestep2 &gt; div &gt; .stepbtnnav &gt; a.shedule_submitbtn &gt; span{ font-size:0;}
body[data-login='0'] #shedulestep2 &gt; div &gt; .stepbtnnav &gt; a.shedule_submitbtn &gt; span:before{ content:"ë¡œê·¸ì¸ í›„ ì´ìš©í•˜ì„¸ìš”."; font-size:17px;}

#shedulestep2 &gt; h3{ margin:50px auto; text-align:center;}
#shedulestep2 &gt; div{ width:90%; max-width:640px; margin:70px auto;}
#shedulestep2 &gt; div &gt; h4 &gt; span{ font-size:28px; font-weight:normal; color:#363636;}
#shedulestep2 &gt; div &gt; h4 &gt; span &gt; span{ font-size:28px; font-weight:bold; color:#363636;}

#shedulestep2 &gt; div &gt; p{ display:flex; gap:4px 8px; flex-wrap:wrap;}
#shedulestep2 &gt; div &gt; p &gt; span{ font-size:26px; color:#949494;}
#shedulestep2 &gt; div &gt; p &gt; span:before{ content:"#"; color:#0066FF;}

#shedulestep2 &gt; .formdiv &gt; div &gt; ul{ display:flex; flex-direction: column; gap:12px;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li{ display:flex; flex-wrap:wrap;}

#shedulestep2[data-movetype='0'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli{ display:none;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli{ display:none;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli{ display:flex;}

#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; label:before{ content:"í–‰ì„&nbsp;ì§€"; font-size:32px;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; label{ font-size:0;}

#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div &gt; .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div &gt; .moveicon &gt; 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'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div &gt; .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; ul &gt; li.movegoli &gt; div &gt; div &gt; .moveicon &gt; 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'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli &gt; div &gt; div{ display:flex; gap:8px 12px; align-items:center;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli &gt; div &gt; div &gt; .moveicon{ display:flex; align-items:center;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; ul &gt; li.movebackli &gt; div &gt; div &gt; .moveicon &gt; 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 &gt; .formdiv &gt; div &gt; ul.positionul &gt; li &gt; div &gt; .radioul{ gap:4px 30px;}

#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; 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 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div{ width:100%; background-color:rgba(217,217,217,0.24); }
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; p{ color:#f00; font-size:22px; margin-left:8px;}
#shedulestep2 &gt; .formdiv &gt; div{ margin-top:74px; border:1px solid#dbdbdb; box-shadow:1px 1px 8px #DBDBDB; padding-bottom:37px;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; .movetypeul{ display:flex; gap:4px 50px; padding-top:20px; padding-bottom:35px; width:82%; margin:auto;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; .movetypeul &gt; li &gt; input[name=movetype]{ display:none;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; .movetypeul &gt; li &gt; input[name=movetype] + label{ color:#949496; font-size:18px; font-weight:600; display:inline-block;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; .movetypeul &gt; li &gt; input[name=movetype]:checked + label{ color:#0062FF; display:inline-block; position:relative;}
#shedulestep2 &gt; .formdiv &gt; div &gt; ul &gt; li &gt; div &gt; .movetypeul &gt; li &gt; 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'] &gt; .formdiv &gt; div &gt; .movetype_1_div{ display:flex;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; .movetype_2_div{ display:none;}

#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; .movetype_1_nav{ display:flex;}
#shedulestep2[data-movetype='1'] &gt; .formdiv &gt; div &gt; .movetype_2_nav{ display:none;}

#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; .movetype_1_div{ display:none;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; .movetype_2_div{ display:flex;}

#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; .movetype_1_nav{ display:none;}
#shedulestep2[data-movetype='2'] &gt; .formdiv &gt; div &gt; .movetype_2_nav{ display:flex;}


#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table{ margin:auto; margin-top:57px; width:82%;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table &gt; tbody &gt; tr{ }
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table &gt; tbody &gt; tr:last-child{ border:0;}
/*
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table &gt; tbody &gt; tr &gt; td &gt; input[type=text]{ width:calc(100% - 60px); padding:30px; font-weight:bold; font-size:17px; background-color:transparent; display:inline-block; border:0;}
*/
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table &gt; tbody &gt; tr &gt; td{}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_1_div &gt; table &gt; tbody &gt; tr &gt; td &gt; a{ border-bottom:1px solid #DEE2E6; width:100%;}

#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table{ margin:auto; margin-top:57px; width:82%;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table &gt; tbody &gt; tr{ border-bottom:1px solid #DEE2E6; border-radius:20px;}

#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table &gt; tbody &gt; tr &gt; td &gt; input[type=text]{ width:calc(100% - 60px); padding:30px; font-weight:bold; font-size:17px; background-color:transparent; display:inline-block; border:0;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table &gt; tbody &gt; tr &gt; td.img &gt; img{ width:45px; height:45px;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table &gt; tbody &gt; tr &gt; td.datetd{ position:relative; text-align:center; width:190px;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .movetype_2_div &gt; table &gt; tbody &gt; tr &gt; td.datetd:before{ content:""; width:1px; height:50%; background-color:#f3f3f3; display:inline-block; position:absolute; left:0; top:25%;}


#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav{ display:flex; justify-content:center; gap:4px 50px; margin:37px auto;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav &gt; a{ background-color:#f1f1f1; width:251px; display:flex; justify-content:center; align-items:center; height:54px; pointer-events: none;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav &gt; a &gt; span{ font-size:18px; font-weight:600; color:#959595; line-height:1;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav &gt; a.active{ background-color:#000000;pointer-events: auto;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav &gt; a.active:hover{ background-color:#0062FF;}
#shedulestep2 &gt; .formdiv &gt; div &gt; .stepbtnnav &gt; a.active &gt; span{ color:#fff;}
#shedulestep2 &gt; .noticediv{ width:90%; padding:0 13px;}
#shedulestep2 &gt; .noticediv &gt; .noticetitle{ display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #CED4DA; padding:24px 0;}
#shedulestep2 &gt; .noticediv &gt; .noticetitle &gt; h4 &gt; span{ font-size:16px; font-weight:600; }
#shedulestep2 &gt; .noticediv &gt; .noticetitle &gt; nav &gt; a{ font-size:14px; font-weight:500; color:#848C94;}
#shedulestep2 &gt; .noticediv &gt; .noticecontent &gt; ul &gt; li{ display:flex; justify-content:space-between; border-bottom:1px solid #CED4DA;  align-items:center; padding:17px 0;}
#shedulestep2 &gt; .noticediv &gt; .noticecontent &gt; ul &gt; li &gt; a{ font-size:15px; font-weight:400; color:#495056; }
#shedulestep2 &gt; .noticediv &gt; .noticecontent &gt; ul &gt; li &gt; aside{ font-size:13px; font-weight:400; color:#848C94; }

#shedulestep2 &gt; div &gt; ul &gt; li.calendarli &gt; label{ display:none;}
#shedulestep2 &gt; div &gt; ul &gt; li.calendarli &gt; div{ width:100%; padding:50px 0;}
#shedulestep2 &gt; div &gt; ul &gt; li &gt; div &gt; ul{ display:flex; flex-wrap:wrap; gap:8px 3px;}

#shedulestep2 &gt; div &gt; ul &gt; li &gt; div &gt; div &gt; select{ border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 8px;}

#shedulestep2 &gt; div &gt; ul &gt; li &gt; div &gt; input[type=text]{ border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 8px; }
#shedulestep2 &gt; div &gt; ul &gt; li &gt; div &gt; div{ }

#shedule_calendar_div{ position:relative;  overflow:hidden;}
.swiper-slide{ width:calc(50% - 20px);}

#shedulestep2 &gt; div &gt; ul &gt; li.shipbackdateli{ display:none;}
#shedulestep2 &gt; div &gt; ul &gt; li.shipbackdateli.active{ display:flex;}

.calendarlist &gt; .calendar_title{ display:inline-block; width:100%;}
.calendarlist &gt; .calendar_title &gt; h3{  display:inline-block; text-align:center; width:100%; padding:4px 0;}
.calendarlist &gt; .calendar_title &gt; h3{line-height:1; float:left;}
.calendarlist &gt; .calendar_title &gt; h3 &gt; span{ line-height:1; font-size:20px; font-weight:800;}
.calendar_bodyer_ul{ width:100%;}
.calendar_bodyer_ul &gt; li &gt; a{ opacity:0.2; pointer-events:none; text-decoration:line-through; position:relative;}

.calendar_bodyer_ul &gt; li &gt; a &gt; span{ width:100%; height:100%; display:flex; justify-content:center; align-items:center;  position:relative; font-size:18px; font-weight:500;}


.calendar_bodyer_ul &gt; li.selected &gt; a{ position:relative;}
.calendar_bodyer_ul &gt; li.selected &gt; a &gt; span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}

.calendar_bodyer_ul &gt; li.dayshover &gt; a{ /*background-color:#f0fbff;*/ background-color:#E6E6E6;}

.calendar_bodyer_ul &gt; li.fdays &gt; a &gt; span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}
.calendar_bodyer_ul &gt; li.ldays &gt; a &gt; span{ /*background-color:#0063e4;*/ background-color:#000; color:#fff; text-decoration:none;}

.calendar_bodyer_ul &gt; li.fdays.hoverdisable &gt; a{ position:relative; border-radius:0 50% 50% 0;}
.calendar_bodyer_ul &gt; li.ldays.hoverdisable &gt; a{ position:relative; border-radius:50% 0 0 50%;}


#shedule_calendar_div[data-selectcomplete=''][data-selectday2=''] .calendar_bodyer_ul &gt; li.fdays &gt; a{ background: linear-gradient(to right, #eee 50%, #f0fbff 50%); }
#shedule_calendar_div[data-selectcomplete=''][data-selectday1=''] .calendar_bodyer_ul &gt; li.ldays &gt; a{ background: linear-gradient(to right, #f0fbff 50%, #eee 50%); }

#shedule_calendar_div[data-selectcomplete='1'] .calendar_bodyer_ul &gt; li.fdays &gt; a{ background: linear-gradient(to right, transparent 50%, #f0fbff 50%); }
#shedule_calendar_div[data-selectcomplete='1'] .calendar_bodyer_ul &gt; li.ldays &gt; a{ background: linear-gradient(to right, #f0fbff 50%, transparent 50%); }

#shedule_calendar_div .calendar_bodyer_ul &gt; li.hoverdisable &gt; a{ background-color:#eee;}
/*
#shedule_calendar_div .calendar_bodyer_ul &gt; 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 &gt; li.hoverdisable &gt; a{ pointer-events:none !important;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.hoverdisable &gt; a{ pointer-events:none !important;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul &gt; li.hoverdisable &gt; a{ pointer-events:none !important;}

#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li[data-send='true'][data-sendclient='0'] &gt; a{ color:#949494 !important; pointer-events:none !important;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li[data-send='true'][data-sendclient='0'] &gt; a:after{ content:"ê°ì‹¤ì—†ìŒ";}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li[data-recv='true'][data-recvclient='0'] &gt; a{ color:#949494 !important; pointer-events:none !important;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li[data-recv='true'][data-recvclient='0'] &gt; a:after{ content:"ê°ì‹¤ì—†ìŒ";}


#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li.selected[data-send='true'][data-sendclient='0'] &gt; a:after{ content:"";}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li.selected[data-recv='true'][data-recvclient='0'] &gt; a:after{ content:"";}


#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li[data-send='false'] &gt; a{ color:#e7e7e7; opacity:1; pointer-events:none; text-decoration:line-through; pointer-events:none ;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li[data-send='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li[data-recv='false'] &gt; a{ color:#e7e7e7; opacity:1; pointer-events:none; text-decoration:line-through; pointer-events:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li[data-recv='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}


#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li.selected[data-send='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='0'] .calendar_bodyer_ul &gt; li.selected[data-recv='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-send='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-send='false'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-send='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-send='false'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-recv='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='1'] .calendar_bodyer_ul &gt; li.selected[data-recv='false'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul &gt; li.selected[data-send='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul &gt; li.selected[data-send='false'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul &gt; li.selected[data-recv='true'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}
#shedule_calendar_div[data-selected='2'] .calendar_bodyer_ul &gt; li.selected[data-recv='false'] &gt; a{ opacity:1; pointer-events:auto; text-decoration:none;}


#popup_calendardiv0{ max-width:880px;}
#popup_calendardiv0 &gt; div{ padding:30px;}
#popup_calendardiv0 &gt; div &gt; h3{ margin-bottom:16px;}
#popup_calendardiv0 &gt; div &gt; h3 &gt; span{ font-size:17px; font-weight:700;}
#popup_calendardiv0 &gt; div &gt; aside{ margin:auto; margin-bottom:15px; width:90%;}
#popup_calendardiv0 &gt; div &gt; aside &gt; ul{ margin-top:15px;}
#popup_calendardiv0 &gt; div &gt; aside &gt; ul &gt; li{ font-size:15px; font-weight:400; margin-left:18px; position:relative;}
#popup_calendardiv0 &gt; div &gt; aside &gt; ul &gt; li:before{ content:"â€»"; position:absolute; left:-18px; top:0;}


#popup_calendardiv0 &gt; div &gt; nav{ display:flex; justify-content:center;  }
#popup_calendardiv0 &gt; div &gt; nav &gt; a{ padding:19px 0; width:90%; display:flex; gap:0 8px; background-color:#000; color:#fff; justify-content:center; }
#popup_calendardiv0 &gt; div &gt; nav &gt; a:hover{ background-color:#0062FF;}
#popup_calendardiv0 &gt; div &gt; nav &gt; a &gt; span{ font-size:18px; font-weight:600; color:#fff;}
#popup_calendardiv0 &gt; div &gt; nav &gt; a.popupcalendarselectbtn:after{ content:""; font-size:18px; font-weight:600;}
#popup_calendardiv0 &gt; div &gt; nav &gt; a.popupcalendarselectbtn.active:after{ content:" ì„&nbsp;íƒì™„ë£Œ";}

.calendar_content{ display:flex; flex-direction: column; gap:8px; width:100%;}
.calendar_content &gt; 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 &gt; ul &gt; li{ width:40px; text-align:center; height:50px; position:relative;}
.calendar_content &gt; ul &gt; li &gt; span{ display:flex; font-size:14px; font-weight:400; width:40px; height:40px; justify-content:center; align-items:center; }
.calendar_content &gt; ul &gt; li &gt; a{ display:flex; font-size:14px; width:40px; height:40px; justify-content:center; align-items:center; position:relative;}
.calendar_content &gt; ul &gt; li &gt; a:after{ content:""; position:absolute; top:100%; left:50%; margin-left:-60px; width:120px; text-align:center; font-size:10px; color:#949494; }
.calendar_content &gt; ul &gt; li.sat &gt; a
,.calendar_content &gt; ul &gt; li.sat &gt; span{ color:#00f;}
.calendar_content &gt; ul &gt; li.sun &gt; a
,.calendar_content &gt; ul &gt; li.sun &gt; span{ color:#f00;}
.calendar_content &gt; ul &gt; li.holi &gt; a
,.calendar_content &gt; ul &gt; li.holi &gt; span{ color:#f00;}

/* ::partë¥¼ ì‚¬ìš©í•œ ë„¤ë¹„ê²Œì´ì…˜ ë²„íŠ¼ ìŠ¤íƒ€ì¼ë§ */
    swiper-container::part(button-next),
    swiper-container::part(button-prev) {
      color: #626264; /* ìƒ‰ìƒ ë³€ê²½ */
      top: 25px; /* ìœ„ì¹˜ë¥¼ top 0ìœ¼ë¡œ ì„¤ì&nbsp;• */
      z-index: 10; /* ë²„íŠ¼ì´ ë‹¤ë¥¸ ìš”ì†Œ ìœ„ì— ì˜¤ë„ë¡ ì„¤ì&nbsp;• */
	  width:15px; height:25px;
    }

    /* ë²„íŠ¼ ìœ„ì¹˜ ì¡°ì&nbsp;• */
    swiper-container::part(button-next) {
      right: 10px;
    }

    swiper-container::part(button-prev) {
      left: 10px;
    }

.shipinfo{ border-top:1px solid #ddd; }
.shipinfo &gt; li{ display:flex; border-bottom:1px solid #ddd;}
.shipinfo &gt; li &gt; label{ width:80px; padding:6px 10px; background-color:#fff; font-size:26px; font-weight:600;}
.shipinfo &gt; li &gt; div{ width:calc(100% - 112px); padding:6px; font-size:26px;}


.radioul &gt; li &gt; label{ display:flex; gap:4px 8px; align-items:center;}
.radioul &gt; li &gt; input[type=radio]{ display:none;}
.radioul &gt; li &gt; 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 &gt; li &gt; input[type=radio]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.radioul &gt; li &gt; input[type=radio]:disabled + label{ opacity:0.3;}

.checkboxul &gt; li &gt; label{ display:flex; gap:4px 8px; align-items:center;}
.checkboxul &gt; li &gt; input[type=checkbox]{ display:none;}
.checkboxul &gt; li &gt; 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 &gt; li &gt; input[type=checkbox]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.checkboxul &gt; li &gt; input[type=checkbox]:disabled + label{ opacity:0.3;}


#shedulestep2 &gt; div &gt; ul &gt; li.cartypeli{ display:none;}
#shedulestep2 &gt; div &gt; ul &gt; li.cartypeli.active{ display:flex;}

.roomselecttbl{ width:100%;}
.roomselecttbl &gt; tbody &gt; tr &gt; td &gt; label{ display:flex; gap:4px 8px; align-items:center;}
.roomselecttbl &gt; tbody &gt; tr &gt; td &gt; input[type=checkbox]{ display:none;}
.roomselecttbl &gt; tbody &gt; tr &gt; td &gt; 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 &gt; tbody &gt; tr &gt; td &gt; input[type=checkbox]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20241219/125015_1.svg");}
.roomselecttbl &gt; tbody &gt; tr &gt; td &gt; input[type=checkbox]:disabled + label{ opacity:0.3;}
.roomselecttbl &gt; tbody &gt; tr &gt; td &gt; 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 &gt; li &gt; select{  border:0; border-bottom:1px solid #000; font-size:26px; padding:3px 6px;}


#docstep3{ width:90%; max-width:640px; margin:auto;}
#docstep3 &gt; div &gt; table{ border-top:1px solid #ddd; border-collapse:collapse; width:100%;}
#docstep3 &gt; div &gt; table &gt; thead &gt; tr &gt; th{ font-size:26px; padding:6px; text-align:center; border-bottom:1px solid #ddd;}
#docstep3 &gt; div &gt; table &gt; tbody &gt; tr &gt; td{ font-size:26px; padding:6px; text-align:center; border-bottom:1px solid #ddd;}











#popup_positiondiv0{ }
#popup_positiondiv0 &gt; ul{ display:flex; gap:4px 11px; padding:20px;}
#popup_positiondiv0 &gt; ul &gt; li &gt; input[type=radio]{ display:none;}
#popup_positiondiv0 &gt; ul &gt; li &gt; input[type=radio] + label{ font-size:16px; font-weight:600; color:#7F7E7E; background-color:#E2E2E2; padding:7.7px 26px; display:inline-block;}
#popup_positiondiv0 &gt; ul &gt; li &gt; input[type=radio]:checked + label{ color:#fff; background-color:#252525;}
#popup_positiondiv0 &gt; div{ width:100%; display:inline-block; padding:0 20px;}
#popup_positiondiv0 &gt; div &gt; h4{ font-size:14px; margin:16px 0;}

#popup_positiondiv0 &gt; div &gt; ul{ display:flex; flex-wrap:wrap; gap:4px 15px; }
#popup_positiondiv0 &gt; div &gt; ul &gt; li &gt; input[type=radio]{ display:none;}
#popup_positiondiv0 &gt; div &gt; ul &gt; li &gt; input[type=radio] + label{ font-size:18px; font-weight:600; color:#000; border:2px solid #000; padding:16px 20px; display:inline-block;}
#popup_positiondiv0 &gt; div &gt; ul &gt; li &gt; input[type=radio] + label:hover{color:#fff; border:2px solid #0062FF; background-color:#0062FF;}
#popup_positiondiv0 &gt; div &gt; ul &gt; li &gt; input[type=radio]:checked + label{ background-color:#000; color:#fff; border:2px solid #000;}

#popup_positiondiv0 &gt; aside{ border-top:1px solid #959595; padding:30px; margin-top:30px; width:100%; display:inline-block; }
#popup_positiondiv0 &gt; aside &gt; ul &gt; li{ font-size:15px; font-weight:400; margin-left:20px; position:relative;}
#popup_positiondiv0 &gt; aside &gt; ul &gt; li:before{ content:"â€»"; position:absolute; left:-20px; top:0;}
#popup_positiondiv0 &gt; aside &gt; ul &gt; li &gt; ul{ margin-top:10px;}


#popup_positiondiv0[data-type='0'] &gt; .type0{ display:block;}
#popup_positiondiv0[data-type='0'] &gt; .type1{ display:none;}
#popup_positiondiv0[data-type='1'] &gt; .type0{ display:none;}
#popup_positiondiv0[data-type='1'] &gt; .type1{ display:block;}


#popup_optionsdiv0{ max-width:640px;}
#popup_optionsdiv0 &gt; div{ padding:30px 70px;}
#popup_optionsdiv0 &gt; div &gt; h3 &gt; span{ font-size:18px; font-weight:600;}
#popup_optionsdiv0 &gt; div &gt; aside{ margin:53px auto;}
#popup_optionsdiv0 &gt; div &gt; aside &gt; ul &gt; li{ font-size:15px; font-weight:400; margin-left:18px; position:relative;}
#popup_optionsdiv0 &gt; div &gt; aside &gt; ul &gt; li:before{ content:"â€»"; position:absolute; left:-18px; top:0;}
#popup_optionsdiv0 &gt; div &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; span{ color:#0062FF;}

#popup_optionsdiv0 &gt; div &gt; nav{ display:flex; justify-content:center;  }
#popup_optionsdiv0 &gt; div &gt; nav &gt; a{ padding:13px 0; width:100%; display:flex; gap:0 8px; background-color:#000; justify-content:center; }
#popup_optionsdiv0 &gt; div &gt; nav &gt; a:hover{ background-color:#0062FF;}
#popup_optionsdiv0 &gt; div &gt; nav &gt; a &gt; span{ font-size:18px; font-weight:600; color:#fff;}


#popup_optionsdiv0 &gt; div &gt; table{ table-layout:fixed; margin-top:40px; width:100%;}
#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td{ text-align:center;}

#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td:nth-child(2){ width:108px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td:nth-child(3){ width:108px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td:nth-child(4){ width:108px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td &gt; h4{ font-weight:normal; font-size:17px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; thead &gt; tr &gt; td &gt; p{ font-size:11px; color:#939393;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr:nth-child(3){ border-top:1px solid #BFBFC0;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr:nth-child(2) &gt; td{ padding-bottom:16px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr:nth-child(3) &gt; td{ padding-top:16px;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr &gt; td{  text-align:center;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr &gt; td &gt; h4{ font-size:18px; font-weight:400;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr &gt; td &gt; p{ font-size:12px; font-weight:400; color:#848C94;}
#popup_optionsdiv0 &gt; div &gt; table &gt; tbody &gt; tr &gt; td &gt; 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; /* í™”ì‚´í‘œë¥¼ ìˆ¨ê¸°ê³&nbsp; ì—¬ë°±ì„ ì¶”ê°€ */
}

.numbercontrolul{ display:flex; align-items:center; justify-content:center;}
.numbercontrolul &gt; li &gt; input[type=number]{ border:0; width:45px; text-align:center; font-size:28px; font-weight:700;}
.numbercontrolul &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; div &gt; ul{ border-top:1px solid #959595; border-bottom:1px solid #959595; padding:30px 0; width:100%;}
#popup_optionsdiv0 &gt; div &gt; ul &gt; li{ display:flex; gap:4px 10px; align-items:center; width:100%;}
#popup_optionsdiv0 &gt; div &gt; ul &gt; li &gt; label{ text-align:center; flex-grow:1;}
#popup_optionsdiv0 &gt; div &gt; ul &gt; li &gt; label &gt; h4{ font-size:17px; font-weight:normal; }
#popup_optionsdiv0 &gt; div &gt; ul &gt; li &gt; label &gt; p{ font-size:16px;}
#popup_optionsdiv0 &gt; div &gt; ul &gt; li &gt; 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 &gt; div &gt; h3{ margin:26px 27px;}
#shedulestep3 &gt; div &gt; h3 &gt; span{ font-size:20px; font-weight:600;}
#shedulestep3 &gt; div{ width:90%; max-width:730px; margin:auto;}
#shedulestep3 &gt; div &gt; .step3ticketdiv{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:40px 0;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul{ display:flex; gap:50px 4px; flex-direction: column; width:82%; margin:0 auto; margin-bottom:20px; position:relative;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul:before{ content:""; width:100%; height:1px; display:inline-block; position:absolute; left:0; top:50%; background-color:#DEE2E6;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li{ display:flex; padding:16px 20px; gap:4px 30px;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; label{ width:170px; min-width:170px; max-width:170px; display:flex; flex-direction: column; justify-content:space-between;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; label &gt; h4 &gt; span{ font-size:16px; font-weight:600;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; label &gt; ul &gt; li{ font-size:13.5px; font-weight:400; margin-left:30px; position:relative;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div{ width:calc(100% - 200px); position:relative;}

#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; div &gt; h4 &gt; span{ font-size:16px; font-weight:500;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; div &gt; p{ position:relative; }
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; div &gt; p &gt; span{ font-size:14px; font-weight:400;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline{ margin-top:17px; margin-bottom:8px;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul{ display:flex; flex-grow:1; justify-content:space-between; align-items:center; gap:12px;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li{ text-align:center;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li &gt; label{ font-size:13.5px; font-weight:400;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li &gt; p{ font-size:17px; font-weight:600;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li.timebar{ flex-grow:1;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li.timebar &gt; p{ color:#898989; width:calc(100% - 8px); padding:4px; border-bottom:3px solid #e2e2e2; position:relative; font-size:12px; font-weight:400;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li.timebar &gt; p:before{ content:""; width:8px; height:8px; display:inline-block; position:absolute; left:0; bottom:-5.5px; background-color:#000; border-radius:50%;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; ul &gt; li &gt; div &gt; .timeline &gt; ul &gt; li.timebar &gt; p:after{ content:""; width:8px; height:8px; display:inline-block; position:absolute; right:0; bottom:-5.5px; background-color:#000; border-radius:50%;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside{ width:82%; margin:auto;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; 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 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li{  display:flex; justify-content:space-between; align-items:center;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; label{ font-size:16px; font-weight:600; min-width:100px;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; ul{  display:flex;  flex-wrap:wrap; justify-content:space-around; align-items:center; gap:4px 40px;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li{ }
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; a{ font-size:13px; font-weight:400; color:#555555; position:relative;}
#shedulestep3 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; div &gt; .step3ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; div &gt; nav{ display:flex; justify-content:space-between; align-items:center; padding:36px;}
#shedulestep3 &gt; div &gt; nav &gt; ul &gt; li &gt; input[type=checkbox]{ display:none;}
#shedulestep3 &gt; div &gt; nav &gt; ul &gt; li &gt; label{ font-size:18px; font-weight:bold;display:flex; align-items:center; gap:4px 8px; display:none;}
#shedulestep3 &gt; div &gt; nav &gt; ul &gt; li &gt; 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 &gt; div &gt; nav &gt; ul &gt; li &gt; 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 &gt; div &gt; nav &gt; div{ display:flex; justify-content:flex-end; }
#shedulestep3 &gt; div &gt; nav &gt; div	&gt; a{ background-color:#f1f1f1; padding:9px 50px; display:inline-block; pointer-events: none;}
#shedulestep3 &gt; div &gt; nav &gt; div	&gt; a &gt; span{ color:#959595; font-size:18px; font-weight:600; }

#shedulestep3 &gt; div &gt; nav &gt; div	&gt; a.active{ background-color:#000000; pointer-events: auto; }
#shedulestep3 &gt; div &gt; nav &gt; div	&gt; a.active:hover{ background-color:#0062FF; }
#shedulestep3 &gt; div &gt; nav &gt; div	&gt; a.active &gt; span{ color:#fff;  }

#shedulestep4 &gt; div{ width:90%; max-width:850px; margin:auto;}
#shedulestep4 &gt; div &gt; h3{ margin:26px 27px;}
#shedulestep4 &gt; div &gt; h3 &gt; span{ font-size:20px; font-weight:600;}
#shedulestep4 &gt; div &gt; .step4ticketdiv{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:40px 0;}


#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul{ display:flex; gap:30px 4px;  flex-direction: column; position:relative; width:90%; margin:auto;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul:before{         content: "";
        width: 100%;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        background-color: #DEE2E6;
}

#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li{ display:flex; gap:4px 30px;  flex-grow:1; justify-content:space-between; align-items:center; padding:0 27px;}

#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; label{ display:flex; flex-direction: column; width:170px;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; label &gt; h4{ order:2; }
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; label &gt; h4 &gt; span{ font-size:18px; font-weight:500;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; label &gt; p{ order:1; }
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; label &gt; p &gt; span{ font-size:14px; font-weight:400;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; aside{ display:flex; flex-wrap:wrap; flex-grow:1; justify-content:space-between; position:relative; gap:4px 20px;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; aside &gt; p{ font-size:16px; font-weight:400; position:relative;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; ul &gt; li &gt; aside &gt; p:before{content:""; width:1px; height:30px; background-color:#f6f6f6; display:inline-block; position:absolute; left:-11px; top:50%; margin-top:-15px;}

#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside{ width:90%; margin:auto;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; 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 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li{  display:flex; justify-content:space-between; align-items:center;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; label{ font-size:13px; font-weight:500;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul{  display:flex;  justify-content:space-around; align-items:center; gap:40px;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; a{ font-size:13px; position:relative;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; div &gt; .step4ticketdiv &gt; aside &gt; div{ display:flex; justify-content:flex-end; padding:6px 0;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; div &gt; p{ margin-left:16px; position:relative; color:#0261e3; font-size:13px; font-weight:400;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; div &gt; p:before{ content:"â€»"; position:absolute; left:-16px; top:0; font-size:13px; font-weight:400;}

/*
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul{ margin-top:16px; padding:20px;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li{  display:flex; justify-content:space-between; align-items:center;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; label{ font-size:15px; font-weight:bold;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul{  display:flex;  justify-content:space-around; align-items:center; gap:40px;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; a{ font-size:12px; position:relative;}
#shedulestep4 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; div &gt; .step4ticketdiv &gt; aside &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; nav &gt; ul{ display:flex; justify-content:space-between; position:relative;}
#shedulestep4 .infodiv &gt; nav &gt; ul:before{ content:""; width:98%; height:25px; position:absolute; left:1%; bottom:-25px; background-color:#F4F4F4; display:inline-block; border-radius:6px;}
#shedulestep4 .infodiv &gt; nav &gt; 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'] &gt; nav &gt; ul:after{ width:108px; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul:after{ width:50%; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul:after{ width:75%; border-radius:6px 26px 26px 6px;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul:after{ width:100%; border-radius:6px 6px 6px 6px;}
#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li{ display:flex; position:relative;}
#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li &gt; a{ padding:12px; display:inline-block; pointer-events: none; position:relative;}

#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a{ pointer-events:inherit;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a{ pointer-events:inherit;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; a{ pointer-events:inherit;}



#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li &gt; 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 &gt; nav &gt; ul &gt; li &gt; a &gt; span{ font-size:18px; font-weight:600; color:#cccccc;}

#shedulestep4 .infodiv[data-tab='1'] &gt; nav &gt; ul &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='3']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='4']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='4'] &gt; 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 &gt; nav &gt; ul &gt; li:before{ content:""; height:26px; background-color:#f5f5f5; width:100%; display:inline-block; top:100%; position:absolute;}
#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li:after{ content:""; height:26px; background-color:#f5f5f5; width:100%; display:inline-block; top:100%; position:absolute;}

#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li:first-child:before{ width:calc(50% + 13px); left:calc(50% - 13px); border-radius:26px 0 0 26px;;}
#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li:last-child:before{ width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}

#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li:first-child:after{ width:calc(50% + 13px); left:calc(50% - 13px); border-radius:26px 0 0 26px;;}
#shedulestep4 .infodiv &gt; nav &gt; ul &gt; li:last-child:after{ width:calc(50% + 13px); left:0; border-radius:0 26px 26px 0;}



#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:calc(50% - 13px);}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='2']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='3']:after{ background-color:#2f57ff;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='4']:after{ background-color:#2f57ff; width:calc(50% + 13px); left:0;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='4'] &gt; 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'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a &gt; span{ color:#000;}

#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='2'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; a &gt; span{ color:#000;}

#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='3'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; a &gt; span{ color:#000;}

#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='1'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='2'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='3'] &gt; a &gt; span{ color:#000;}
#shedulestep4 .infodiv[data-tab='4'] &gt; nav &gt; ul &gt; li[data-tab-href='4'] &gt; a &gt; span{ color:#000;}

#shedulestep4 .infodiv &gt; div &gt; nav{ display:flex; justify-content:flex-end; }
#shedulestep4 .infodiv &gt; div &gt; nav &gt; a{ background-color:#f1f1f1; padding:10px 20px; display:flex; justify-content:center; align-items:center; min-width:130px; pointer-events: none;}
#shedulestep4 .infodiv &gt; div &gt; nav &gt; a &gt; span{ font-size:16px; font-weight:600; color:#959595;}

#shedulestep4 .infodiv &gt; div &gt; nav &gt; a.active{ background-color:#000; pointer-events: auto;}
#shedulestep4 .infodiv &gt; div &gt; nav &gt; a.active &gt; span{ color:#fff;}
#shedulestep4 .infodiv &gt; div &gt; nav &gt; a.active:hover{ background-color:#0062FF;}

.pgselectdiv &gt; div{ display:flex; gap:44px; flex-grow:1; margin-top:55px;}
.pgselectdiv &gt; div &gt; ul { width:50%;}
.pgselectdiv &gt; div &gt; ul &gt; li &gt; label{ font-size:14px; padding:8px 0; width:100%; display:inline-block;}

.pgselectdiv &gt; div &gt; ul &gt; li &gt; div select{ font-size:15px; font-weight:400; border:1px solid #cccccc;  width:calc(100% - 2px);
    appearance: none; /* ê¸°ë³¸ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -webkit-appearance: none; /* Safari ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -moz-appearance: none; /* Firefox ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
			padding:16px 0;
			text-align:center;
}
.pgselectdiv &gt; div &gt; ul &gt; li &gt; div select::-ms-expand {
            display: none; /* Internet Explorerì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
        }
.pgtypeul{ display:flex; gap:4px 6px; flex-wrap:wrap; justify-content:space-between;}
.pgtypeul &gt; li{ flex-grow:1; }
.pgtypeul &gt; li &gt; 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 &gt; li &gt; label:before{ content:""; width:20px; height:20px; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center;}
.pgtypeul &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; label &gt; span{ font-size:14px; color:#959595; font-weight:bold;}
.pgtypeul &gt; li &gt; input[type=radio]{ display:none;}
.pgtypeul &gt; li &gt; input[type=radio]:checked + label{ border:1px solid #0766e4;}
.pgtypeul &gt; li &gt; input[type=radio]:checked + label &gt; span{ color:#000;}

.pgtypeul &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; li &gt; 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 &gt; div &gt; div{ width:50%;}
.pgselectdiv &gt; div &gt; div &gt; ul{ width:100%;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li{ display:flex; border-top:1px solid #ebebeb; gap:4px 30px; width:100%; padding:16px 0;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li:first-child{ border:0;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; label{ font-size:16px; font-weight:600; width:80px;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div{ display:flex; justify-content:flex-end;  align-items:center; font-size:16px; font-weight:600; width:calc(100% - 80px); text-align:right;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li{ display:flex; flex-direction: column-reverse;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; h4{ }
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; h4 &gt; span{ font-size:14px; font-weight:400;}
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; p{ }
.pgselectdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li &gt; p &gt; span{ font-size:14px; font-weight:400;}
.pgselectdiv &gt; div &gt; div &gt; aside{ margin-top:50px;}
.pgselectdiv &gt; div &gt; div &gt; aside &gt; a{ display:none;}
.pgselectdiv &gt; div &gt; div &gt; aside &gt; a &gt; span{ font-size:12px; position:relative;}
.pgselectdiv &gt; div &gt; div &gt; aside &gt; a &gt; 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 &gt; div &gt; div &gt; aside &gt; a:hover &gt; 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 &gt; div &gt; div &gt; nav{ margin:4px 0;}
.pgselectdiv &gt; div &gt; div &gt; nav &gt; a{ width:100%; display:flex; justify-content:center; align-items:center; background-color:#000; padding:25px 0; }
.pgselectdiv &gt; div &gt; div &gt; nav &gt; a &gt; span{ font-size:25px; font-weight:600; color:#fff; display:flex; align-items:center; gap:4px;}
.pgselectdiv &gt; div &gt; div &gt; nav &gt; a &gt; span.KumGubunKRW:after{ content:"ì› ê²°ì&nbsp;œí•˜ê¸°"; font-size:18px; font-weight:600; color:#fff;}
.pgselectdiv &gt; div &gt; div &gt; nav &gt; p { position:relative; color:#0062FF; font-size:13px; font-weight:400; text-align:center; margin:7px 0;}
.pgselectdiv &gt; div &gt; div &gt; nav &gt; p:before{ content:"â€» ";}

.motodiv &gt; h4{ font-weight:normal; margin:40px 0;}
.motodiv &gt; h4 &gt; span{ font-size:14px;}
.motodiv &gt; div{ margin-top:55px;}
.motodiv &gt; div &gt; div{ position:relative;}
.motodiv &gt; div &gt; div &gt; h4{ border-bottom:2px solid #282828; padding:12px 8px;}
.motodiv &gt; div &gt; div &gt; h4 &gt; 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 &gt; div &gt; div &gt; ul { }
.motodiv &gt; div &gt; div &gt; ul.bikebasicul{ display:flex; gap:4px 16px; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #e8e8e8; margin-bottom:24px;}
.motodiv &gt; div &gt; div &gt; ul &gt; li{ flex-grow:1;  min-width:180px;}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; label{ font-size:14px; padding:8px 0; width:100%; display:inline-block;}
.motodiv &gt; div &gt; div &gt; ul &gt; li[data-ess='Y'] &gt; label:after{ content:"*"; color:#fe0005;}
/*
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc;  padding:16px; width:calc(100% - 34px);}
*/
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div input[type=file]{ display:none; }

.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; 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 &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; 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 &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; label.active{color:#000;}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; label.active:before{ filter: grayscale(0);}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; 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 &gt; div &gt; div &gt; ul &gt; li &gt; div select{ font-size:15px; font-weight:400; border:1px solid #cccccc;  width:calc(100% - 2px);
    appearance: none; /* ê¸°ë³¸ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -webkit-appearance: none; /* Safari ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -moz-appearance: none; /* Firefox ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
			padding:16px 0;
			text-align:center;
}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div select::-ms-expand {
            display: none; /* Internet Explorerì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
        }
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div .bikeccdiv{ display:flex; gap:4px 4px; align-items:center;}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div .bikeccdiv &gt; input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc;  width:calc(100% - 2px);
			padding:16px 0;
			text-align:center;
}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div .bikeccdiv &gt; input[type=number]{ font-size:15px; font-weight:400; border:1px solid #cccccc;  width:calc(100% - 2px);
			padding:16px 0;
			text-align:center;
}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div .bikeccdiv &gt; span{ font-size:20px;}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div input[type=text]:after{ content:"cc";}
.motodiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; p{ color:#0062FF; font-size:14px; position:absolute;}



.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; h4{ padding:12px 8px;}
.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; h4 &gt; span{ font-size:16px;}

.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul{ display:flex; flex-direction: column; gap:8px 0; margin-left:20px; margin-bottom:30px;}
.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li{ background-color:#f5f5f5; border-radius:8px; padding:18px; position:relative; }
.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li &gt; label{font-size:15px; font-weight:500; position:relative; margin-left:34px; display:inline-block; }
.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li &gt; label &gt; span{ color:#d40e0d;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul{ margin-bottom:24px;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li{ gap:4px 16px; align-items:center; padding:11px 0; border-bottom:1px solid #eaeaea;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li[data-category='0']{ display:flex;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li[data-category='1']{ display:none;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul.category1on &gt; li[data-category='1']{display:flex;}

.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; label{ font-size:15px; font-weight:400; padding-left:22px; width:calc(50% - 22px);}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; label:after{ content:"*"; font-size:16px; font-weight:400; color:#f00;}

.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; button{ font-size:15px; font-weight:600; background-color:#fff; color:#000; border:1px solid #000; width:100px; height:36px; position:relative;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; button:hover{ background-color:#0062FF; color:#fff; border:1px solid #0062FF; }
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; button:after{ position:absolute; right:-105px;; font-size:14px;; color:#c1c1c1; font-weight:400;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li[data-wr='N'] &gt; button:after{ content:"ì„&nbsp;íƒëœ íŒŒì¼ì—†ìŒ"; font-size:14px; font-weight:400;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li[data-wr='Y'] &gt; button:after{ content:"ìž‘ì„±ëœ íŒŒì¼ì—†ìŒ"; font-size:14px; font-weight:400;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li.active &gt; button{ font-size:0; background-color:#000;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li.active &gt; button:hover{ background-color:#0062FF; }
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li.active &gt; button:after{ position:relative; font-size:14px; color:#fff; right:auto;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li.active[data-wr='N'] &gt; button:after{ content:"ì²¨ë¶€ì™„ë£Œ";}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li.active[data-wr='Y'] &gt; button:after{ content:"ìž‘ì„±ì™„ë£Œ";}

.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; .uploaddocfilelist{ flex-grow:1;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; .uploaddocfilelist &gt; li{ display:flex; flex-grow:1; justify-content:space-between;}
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; .uploaddocfilelist &gt; li &gt; label{font-size:15px; font-weight:400; color:#000; width:120px;overflow-wrap: break-word;
  }
.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div &gt; ul &gt; li &gt; .uploaddocfilelist &gt; li &gt; a{font-size:14px; font-weight:400; color:#000; }

.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li &gt; 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 &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li:nth-child(1) &gt; label:before
,.motodiv &gt; div &gt; div &gt; .menualinfoaside &gt; ul &gt; li:nth-child(2) &gt; 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 &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; label{ display:none;}
/*.motodiv &gt; div &gt; div &gt; ul &gt; li.doclistli &gt; div  a*/

.doclistli &gt; div &gt; p{ position:relative; color:#717171; font-size:12px; margin:16px 0;}
.doclistli &gt; div &gt; p:before{ content:"â€»"; position:absolute; left:-20px; top:0;}
.doclist{ display:flex; flex-direction: column; gap:4px;}

.passengerinfodiv &gt; h4{ margin-top:58px; margin-bottom:20px;  }
.passengerinfodiv &gt; h4 &gt; span{ font-size:16px; font-weight:600; position:relative; margin-left:26px;}
.passengerinfodiv &gt; h4 &gt; 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 &gt; div{ display:flex; gap:44px; flex-grow:1;}
.passengerinfodiv &gt; div &gt; ul{ display:flex; flex-wrap:wrap; gap:4px 7px; justify-content:space-between;}
.passengerinfodiv &gt; div &gt; ul &gt; li{ width:calc(50% - 14px);}
.passengerinfodiv &gt; div &gt; ul &gt; li &gt; label{ font-size:15px; font-weight:400; padding:8px 0; width:100%; display:inline-block;}
.passengerinfodiv &gt; div &gt; ul &gt; li[data-ess='Y'] &gt; label:after{ content:"*"; color:#fe0005;}
.passengerinfodiv &gt; div &gt; ul &gt; li &gt; div input[type=text]{ font-size:15px; font-weight:400; border:1px solid #cccccc;  padding:16px; width:100%;}

.passengerinfodiv &gt; div &gt; ul &gt; li.nationli{ margin-left:14px;}
.passengerinfodiv &gt; div &gt; ul &gt; li.nationli
,.passengerinfodiv &gt; div &gt; ul &gt; li.genderli{ width:calc(25% - 14px);}


.passengerinfodiv &gt; div &gt; ul &gt; li.nameENli &gt; div ul &gt; .nameENli1{ width:35%;}
.passengerinfodiv &gt; div &gt; ul &gt; li.nameENli &gt; div ul &gt; .nameENli2{ }

.passengerinfodiv &gt; div &gt; ul &gt; li.emailli &gt; div ul &gt; .emailli1{ width:50%;}
.passengerinfodiv &gt; div &gt; ul &gt; li.emailli &gt; div ul &gt; .emailli2{ width:5%;}
.passengerinfodiv &gt; div &gt; ul &gt; li.emailli &gt; div ul &gt; .emailli3{ width:45%;}

.addfindbtn{font-size:14px; border:1px solid #0062e3; border-radius:5px; padding:16px; width:calc(100% - 34px); display:inline-block;}
/*
*/

.passengerinfodiv &gt; div &gt; ul &gt; li &gt; div select{ font-size:15px; font-weight:400; border:1px solid #cccccc;  width:calc(100% - 2px);
    appearance: none; /* ê¸°ë³¸ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -webkit-appearance: none; /* Safari ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
            -moz-appearance: none; /* Firefox ë¸Œë¼ìš°ì&nbsp;€ì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
			padding:16px 0;
			text-align:center;
}
.passengerinfodiv &gt; div &gt; ul &gt; li &gt; div select::-ms-expand {
            display: none; /* Internet Explorerì—ì„œ ë“œë¡­ë‹¤ìš´ í™”ì‚´í‘œ ì&nbsp;œê±° */
        }
.blockul{ display:flex; gap:7px; align-items:center;}
.blockul &gt; li{ flex-grow:1;}


.orderthankdiv &gt; div{ margin:100px 0; margin-top:160px; width:100%; display:inline-block;}
.orderthankdiv &gt; div &gt; h4{ display:flex; flex-direction: column; text-justify:center; align-items:center;}
.orderthankdiv &gt; div &gt; h4 &gt; 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 &gt; div &gt; h4 &gt; span{ font-size:22px; font-weight:600; position:relative;}
.orderthankdiv &gt; div &gt; h4 &gt; span &gt; span{ font-size:22px; font-weight:600;}
.orderthankdiv &gt; div &gt; p{ text-align:center; line-height:1.2;}
.orderthankdiv &gt; div &gt; p &gt; span{ color:#a8a8a8; font-size:14px; font-weight:400; line-height:1;} 


.orderthankdiv &gt; nav{ display:flex; justify-content:flex-end;}
.orderthankdiv &gt; nav &gt; div &gt; a {
    padding: 11px 52px;
    display: inline-block;
}

.orderthankdiv &gt; nav &gt; div &gt; a &gt; span { font-size: 16px; font-weight:600;}

.orderthankdiv &gt; nav &gt; div &gt; a.orderlistbtn {background-color: #fff; border:1px solid #3b70a2;}
.orderthankdiv &gt; nav &gt; div &gt; a.orderlistbtn &gt; span { color: #000;}

.orderthankdiv &gt; nav &gt; div &gt; a.completebtn {background-color: #16171A;}
.orderthankdiv &gt; nav &gt; div &gt; a.completebtn &gt; span { color: #fff;}


.shiptitle{   }
.shiptitle &gt; span{ position:relative; margin-left:33px;}
.shiptitle &gt; 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'] &gt; span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_0.png");}
.shiptitle[data-comp='2'] &gt; span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_3.png");}
.shiptitle[data-comp='3'] &gt; span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_2.png");}
.shiptitle[data-comp='4'] &gt; span:before{ background-image:url("https://file.k-friends.kr/img/20250115/025110_1.png");}
.shiptitle[data-comp='5'] &gt; 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 &gt; div &gt; h4 &gt; span{ font-size:16px; font-weight:bold;}
.freightregulationsdiv &gt; div &gt; ul{ margin:30px 0;}
.freightregulationsdiv &gt; div &gt; ul &gt; li{ position:relative; margin-left:16px; font-size:13px; color:#707070;}
.freightregulationsdiv &gt; div &gt; ul &gt; li:before{ content:"-"; position:absolute; left:-16px; top:0;}
.freightregulationsdiv &gt; nav{ display:flex; justify-content:center; align-items:center; }
.freightregulationsdiv &gt; nav &gt; a{ width:96%; padding:16px 0; text-align:center; background-color:#0062FF; display:flex; justify-content:center; align-items:center; margin:auto;}
.freightregulationsdiv &gt; nav &gt; a &gt; span{ color:#fff; font-size:16px;}

.paymentsdetailsdiv{ padding:30px; min-width:580px;} 
.paymentsdetailsdiv &gt; div &gt; h4 &gt; span{ font-size:16px; font-weight:bold;}
.paymentsdetailsdiv &gt; div &gt; ul{ margin:8px 0;}

.paymentsdetailsdiv &gt; div &gt; ul &gt; li{ display:flex;  justify-content:space-between;}
.paymentsdetailsdiv &gt; div &gt; ul &gt; li &gt; label{ font-size:16px; font-weight:bold;}
.paymentsdetailsdiv &gt; div &gt; ul &gt; li &gt; div &gt; .KumGubunKRW{ font-size:16px; font-weight:bold; color:#000;}
.paymentsdetailsdiv &gt; div &gt; ul &gt; li &gt; div &gt; .KumGubunKRW:after{ font-size:16px;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul{}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li{ display:flex; justify-content:space-between;  flex-wrap:wrap; border-top:1px solid #959595; flex-wrap:wrap; padding:8px 0;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; label{ font-size:14px; position:relative; margin-left:16px;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; label:before{ content:"- "; position:absolute; left:-16px; top:0;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; .KumGubunKRW{ font-size:14px; font-weight:bold; color:#000;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; .KumGubunKRW:after{ font-size:14px;}

.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; ul{ width:100%; display:flex; flex-direction: column; gap:8px 4px; margin:8px 0;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; ul &gt; li{ display:flex; justify-content:space-between; align-items:center;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; ul &gt; li &gt; label{ margin-left:16px; font-size:14px; color:#8a8a8a;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; ul &gt; li &gt; div &gt; .KumGubunKRW{ font-size:14px; font-weight:bold; color:#8a8a8a;}
.paymentsdetailsdiv &gt; div &gt; div &gt; ul &gt; li &gt; ul &gt; li &gt; div &gt; .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 &gt; li{ display:flex; justify-content:space-between; align-items:center; gap:16px; box-shadow:1px 1px 6px gray; padding:16px; font-size:12px;}
#hotelFindListUL &gt; li &gt; div{ width:calc(100% - 60px); font-size:12px;;}
#hotelFindListUL &gt; li &gt; div &gt; .addressKo{ position:relative; margin-left:65px;}
#hotelFindListUL &gt; li &gt; div &gt; .addressKo:before{ content:"í•œê¸€ì£¼ì†Œ : ";position:absolute; left:-65px; top:0;}
#hotelFindListUL &gt; li &gt; div &gt; .addressEn{ position:relative; margin-left:65px;}
#hotelFindListUL &gt; li &gt; div &gt; .addressEn:before{ content:"ì˜ë¬¸ì£¼ì†Œ : ";position:absolute; left:-65px; top:0;}
#hotelFindListUL &gt; li &gt; div &gt; .phone:before{ content:"ì—°ë½ì²˜ : ";}
#hotelFindListUL &gt; li &gt; nav{ width:80px;}
#hotelFindListUL &gt; li &gt; nav &gt; 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 &gt; div{ display:inline-block; background-color:#fff;}
#AddressFindDiv &gt; div &gt; form{ padding:30px; width:calc(96% - 60px); max-width:600px; overflow:auto;}
#AddressFindDiv &gt; div &gt; form &gt; .searchdiv{ display:flex; flex-grow:1;  align-items:center; justify-content:space-between;}
#AddressFindDiv &gt; div &gt; form &gt; .searchdiv &gt; input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0; flex-grow:1;}
#AddressFindDiv &gt; div &gt; form &gt; .searchdiv &gt; 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 &gt; div &gt; form &gt; .searchdiv &gt; a.searchsubmitbtn{ background-color:#000; color:#fff;}
#AddressFindDiv &gt; div &gt; form &gt; .searchdiv &gt; a.searchsubmitbtn:hover{ color:#ffff00;}
#AddressFindDiv &gt; div &gt; form &gt; p{ color:#004cff; font-size:18px; margin:4px 0;}

#AddressFindDiv &gt; div &gt; form &gt; #AddressList{ height:calc(100vh - 300px);}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; table{ margin-top:30px; table-layout:fixed; width:100%;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; table &gt; tbody &gt; tr &gt; th{ border-top:2px solid #000; border-bottom:1px solid #000; padding:12px 8px; font-size:18px;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; table &gt; tbody &gt; tr &gt; th:first-child{ width:100px;}

#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; table &gt; tbody &gt; tr &gt; td{ border-bottom:1px solid #000; padding:8px; font-size:18px;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; table &gt; tbody &gt; tr &gt; td:first-child{ text-align:center;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; nav{ display:flex; flex-grow:1;  align-items:center; justify-content:center; padding:30px 0;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; nav &gt; a{ border:1px solid #004cff; color:#004cff; padding:8px; margin:4px; display:inline-block; min-width:20px; text-align:center;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; nav &gt; a:hover{ background-color:#004cff; color:#fff;}
#AddressFindDiv &gt; div &gt; form &gt; #AddressList &gt; nav &gt; 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 &gt; table &gt; tbody &gt; tr &gt; .fposition{ width:calc(30% - 15px);}
.movetype_2_div &gt; table &gt; tbody &gt; tr &gt; .lposition{ width:calc(30% - 15px);}
.movetype_2_div &gt; table &gt; tbody &gt; tr &gt; .img{ width:45px;}
.movetype_2_div &gt; table &gt; tbody &gt; tr &gt; .datetd{ width:calc(40% - 15px);}
.movetype_2_div &gt; table &gt; tbody &gt; tr &gt; .datetd &gt; .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:"ì¶œë°œì§€ ì„&nbsp;íƒ";}
#type1_lposition_a[data-value='']:before{ content:"ë„ì°©ì§€ ì„&nbsp;íƒ";}
#type1_fdateldate_a[data-value='']:before{ content:"ê°€ëŠ”ë‚&nbsp;~ì˜¤ëŠ”ë‚&nbsp; ì„&nbsp;íƒ";}
#type1_options_a[data-value='']:before{ content:"ìŠ¹ê° 1ëª…, ì°¨ëŸ‰(ë°”ì´í¬) 1";}
#type2_fposition1_a[data-value='']:before{ content:"ì¶œë°œì§€ ì„&nbsp;íƒ";}
#type2_lposition1_a[data-value='']:before{ content:"ë„ì°©ì§€ ì„&nbsp;íƒ";}
#type2_fdatetext_a[data-value='']:before{ content:"íƒ‘ìŠ¹ì¼ ì„&nbsp;íƒ";}
#type2_ldatetext_a[data-value='']:before{ content:"íƒ‘ìŠ¹ì¼ ì„&nbsp;íƒ";}
#type2_fposition2_a[data-value='']:before{ content:"ì¶œë°œì§€ ì„&nbsp;íƒ";}
#type2_lposition2_a[data-value='']:before{ content:"ë„ì°©ì§€ ì„&nbsp;íƒ";}
#type2_options_a[data-value='']:before{ content:"ìŠ¹ê° 1ëª…, ì°¨ëŸ‰(ë°”ì´í¬) 1";}

#type2_fdateldate_a[data-value='']:before{ content:"ê°€ëŠ”ë‚&nbsp;~ì˜¤ëŠ”ë‚&nbsp; ì„&nbsp;íƒ";}


#popup_documentsinfodiv0 &gt; div{ padding:20px 40px; }
#popup_documentsinfodiv0 &gt; div &gt; h3{ display:none;}
.popup_documentsinfo_content &gt; div &gt; form &gt; h4{ margin:16px 0;}
.popup_documentsinfo_content &gt; div &gt; form &gt; h4 &gt; span{ font-size:23px; font-weight:600;}

#infodoclist{ width:100%;}
#infodoclist &gt; nav{ display:flex;}
#infodoclist &gt; nav &gt; 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 &gt; nav &gt; a:first-child{ border-left:0;}
#infodoclist[data-tab='1'] &gt; nav &gt; a.infotab1{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='1'] &gt; nav &gt; 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'] &gt; nav &gt; a.infotab2{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='2'] &gt; nav &gt; 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'] &gt; nav &gt; a.infotab3{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='3'] &gt; nav &gt; 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'] &gt; nav &gt; a.infotab4{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='4'] &gt; nav &gt; 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'] &gt; nav &gt; a.infotab5{ background-color:#16171A; color:#fff;}
#infodoclist[data-tab='5'] &gt; nav &gt; 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 &gt; ul{ margin-top:40px; border-top:0.3px solid #000; border-bottom:0.3px solid #000; width:100%; min-height:420px; }
#infodoclist &gt; ul &gt; li{ display:none; flex-direction:column;}
#infodoclist &gt; ul &gt; li &gt; ul{ display:flex; gap:1px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li{ flex-grow:1; width:50%; border-left:1px solid #000;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; h4{ background-color:#F8F8F8; font-size:15px; font-weight:400; padding:10px 0; text-align:center;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li:first-child{ border-left:0;}
#infodoclist[data-tab='1'] &gt; ul &gt; li.infotab1{ display:flex;}
#infodoclist[data-tab='2'] &gt; ul &gt; li.infotab2{ display:flex;}
#infodoclist[data-tab='3'] &gt; ul &gt; li.infotab3{ display:flex;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul{ margin:8px 10px; display:flex; flex-direction:column; gap:11px 8px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li{ font-size:15px; font-weight:400; position:relative; margin-left:25px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:before{ position:absolute; left:-20px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(1):before{ content:"1.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(2):before{ content:"2.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(3):before{ content:"3.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(4):before{ content:"4.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(5):before{ content:"5.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(6):before{ content:"6.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(7):before{ content:"7.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(8):before{ content:"8.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:nth-child(9):before{ content:"9.";}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav{ display:flex; flex-wrap:wrap; margin:0 10px; margin-bottom:25px; gap:3px 5px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a{ padding:4px 8px; display:flex; gap:6px;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.downbtn{ background-color:#0062E3;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.downbtn &gt; .linktext{ color:#fff;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.samplebtn{ background-color:#E5E4E3;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.samplebtn &gt; .linktext{ color:#606060;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a &gt; .linkicon{ order:2; display:flex; align-items:center;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a &gt; .linkicon:before{ content:""; width:14px; height:12px; background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block;}
#infodoclist &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.downbtn &gt; .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 &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a.samplebtn &gt; .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 &gt; ul &gt; li &gt; ul &gt; li &gt; nav &gt; a &gt; .linktext{ order:1; font-size:14px; font-weight:400; }


/* ì„œë¥˜ */
#popup_documentsdiv0 &gt; div{ padding:20px 40px; }
#popup_documentsdiv0 &gt; div &gt; h3{ display:none;}
.popup_documents_content &gt; div &gt; form &gt; h4{ margin:16px 0;}
.popup_documents_content &gt; div &gt; form &gt; h4 &gt; span{ font-size:23px; font-weight:600;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; .samplediv &gt; p{ font-size:12px; font-weight:400;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; aside &gt; ul.redcheckul &gt; li{ position:relative; padding:8px;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; aside &gt; ul.redcheckul &gt; li &gt; 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 &gt; div &gt; form &gt; div &gt; aside &gt; ul.redcheckul &gt; li &gt; label{ display:inline-block; font-size:18px; font-weight:400; line-height:1.6; margin-left:24px; position:relative;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; aside &gt; ul.redcheckul &gt; li &gt; label &gt; span{ color:#0062FF;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; aside &gt; ul.redcheckul &gt; li &gt; label &gt; p{ }
.popup_documents_content &gt; div &gt; form &gt; div &gt; nav{ display:flex; width:100%; margin-bottom:60px;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; nav.centernav{ justify-content:center;}
.popup_documents_content &gt; div &gt; form &gt; div &gt; nav &gt; 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 &gt; div &gt; form &gt; div &gt; nav &gt; a:hover{ background-color:#0062FF;}

.popupdivlayout{
/*display: grid;*/
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
}
.popupdivlayout &gt; aside{grid-area: 1 / 1 / 3 / 4;}
.popupdivlayout &gt; .samplediv{ grid-area: 1 / 4 / 6 / 6; width:460px; padding-right:30px;}
.popupdivlayout &gt; 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 &gt; aside{ width:500px; grid-area: 1 / 1 / 2 / 2;}
.popupdivlayout.layout2 &gt; .samplediv{ grid-area: 1 / 2 / 4 / 3; }
.popupdivlayout.layout2 &gt; 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 &gt; aside{grid-area: 1 / 1 / 4 / 4;}
.popupdivlayout.layout3 &gt; .samplediv{ grid-area: 1 / 4 / 5 / 6; width:460px; padding-right:30px;}
.popupdivlayout.layout3 &gt; nav{ grid-area: 4 / 1 / 5 / 4;}


.popupdivlayout.wrlayout1{
display: flex;
flex-wrap:wrap;
width:100%;
}
.popupdivlayout.wrlayout1 &gt; .wrsample{ display:flex; justify-content:center; width:100%;}
.popupdivlayout.wrlayout1 &gt; aside{grid-area: 1 / 1 / 2 / 3; width:100%;}
.popupdivlayout.wrlayout1 &gt; .wrformdiv{ grid-area: 1 / 3 / 5 / 6; width:100%; margin-top:40px;}
.popupdivlayout.wrlayout1 &gt; nav{ grid-area: 2 / 1 / 5 / 3;}


.wrformdiv &gt; div{ }
.wrformdiv &gt; div &gt; h4{ text-align:center; margin-bottom:12px; display:none;}
.wrformdiv &gt; div &gt; h4 &gt; span{ font-size:18px;}
.wrformdiv &gt; div &gt; div &gt; h4{  padding:3px 10px; background-color:#000; color:#fff; flex-grow:1;font-size:15.28px;;}
.wrformdiv &gt; div &gt; div &gt; h4:before{content:"â–&nbsp; ";}


.wrformdiv &gt; div &gt; div &gt; ul{ display:flex; flex-wrap:wrap; flex-grow:1; flex-direction:column; gap:8px; margin-bottom:30px; margin-top:8px;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li{ flex-grow:1; position:relative; border-bottom:1px solid #707070;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li:last-child{ border:0;}

.wrformdiv &gt; div &gt; div &gt; ul &gt; li.engaddrli{ padding-bottom:0;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li.signli{ padding:0;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li.signli &gt; div &gt; .signdiv &gt; nav{ margin-top:8px;  text-align:right;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; label{ font-size:13.58px; font-weight:400; padding-left:20px; display:inline-block;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; label:before{ content:"* "; color:#f00;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div{ width:100%; display:flex; flex-wrap:wrap; font-size:12px; }
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; div{ flex-grow:1;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div input[type=text]{ border:0; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div input[type=date]{ border:0; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}

.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div select{ border:0; padding:7.5px 28px; font-size:13.58px; font-weight:400;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div select option{ text-align:center;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div textarea{ border:0; border-bottom:1px solid #707070; padding:6px 28px; flex-grow:1; font-size:13.58px; font-weight:400;}

.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 30px; width:100%;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li{ color:#f00; font-size:14.26px; position:relative; margin-left:16px;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; ul &gt; li:first-child:before{ content:"â€»"; position:absolute; left:-14px; top:0;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; 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 &gt; div &gt; div &gt; ul &gt; li &gt; div &gt; div &gt; ul{ display:flex; gap:4px 8px;}

.wrformdiv &gt; div &gt; div &gt; nav &gt; ul{ display:flex; gap:4px; margin:8px auto; margin-left:30px;}
.wrformdiv &gt; div &gt; div &gt; nav &gt; ul &gt; li{ display:flex; gap:4px; margin:8px 0; align-items:center;}
.wrformdiv &gt; div &gt; div &gt; nav &gt; ul &gt; li &gt; label{ font-size:16px; font-weight:bold; display:none;}
.wrformdiv &gt; div &gt; div &gt; nav &gt; ul &gt; li &gt; div{ display:flex;}
.wrformdiv &gt; div &gt; div &gt; nav &gt; ul &gt; li &gt; div &gt; input[type=text]{ border:0; border-bottom:1px solid #000; padding:6px 6px; display:inline-block; width:200px; font-size:13.58px;}

.wrformdiv &gt; div &gt; div &gt; nav &gt; ul &gt; li &gt; div &gt; a{     font-size: 10px;
    background-color: #e8e8e8;
    display: inline-block;padding: 8px 10px;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div .checkboxul{ display:flex; flex-direction:column; gap:4px 30px; flex-wrap:wrap; margin:8px 0;}
.wrformdiv &gt; div &gt; div &gt; ul &gt; li &gt; div .radioul{ display:flex; gap:4px 30px; flex-wrap:wrap; margin:8px 0;}

.popup_documents_content &gt; div &gt; form &gt; nav{ text-align:center; margin:30px 0;}
.popup_documents_content &gt; div &gt; form &gt; nav &gt; a{ background-color:#0061e3; color:#fff; padding:12px 30px; display:inline-block; min-width:130px; border-radius:5px;}
.signdiv{ margin-left:30px;}
.signdiv &gt; div{  position:relative; border:1px solid #000; display:inline-block;}
.signdiv &gt; nav &gt; a{ background-color:#e8e8e8; padding:8px 15px; display:inline-block; font-size:12px;}


.wrformdiv &gt; div &gt; div &gt; ul.carinfoul{

}

.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li &gt; div &gt; div &gt; ul &gt; li &gt; #car_bike_chk_2{ display:none;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li &gt; div &gt; div &gt; ul &gt; li &gt; label{ font-size:13.58px; font-weight:400; margin-left:36px;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li &gt; div &gt; div &gt; ul.checkboxul &gt; li &gt; label{ margin-left:6px;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li &gt; div &gt; div &gt; ul.checkboxul &gt; li &gt; textarea{ width:100%; border-bottom:1px solid #707070;}

.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; ul &gt; li &gt; div select{ width:160px;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(1) .radioul &gt; li &gt; input[type=radio]:checked + label:before{ opacity:0;}


.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(7) select{ padding:7.5px 0;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(7) select:nth-child(1){ padding-left:28px;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(9) &gt; div &gt; div &gt; ul{ margin-left:28px;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(9) &gt; div &gt; div &gt; ul &gt; li:last-child{ display:flex; align-items:flex-start; flex-grow:1;}
.wrformdiv &gt; div &gt; div &gt; ul.carinfoul &gt; li:nth-child(9) &gt; div &gt; div &gt; ul &gt; li &gt; textarea{ flex-grow:1; padding:3px 7.5px; width:100%;}
/* ì„œë¥˜ */





.sheduleroomform &gt; div &gt; div{ display:none;}

.sheduleroomform[data-tab='1'] &gt; div &gt; .sendroomdiv{ display:block;}
.sheduleroomform[data-tab='2'] &gt; div &gt; .recvroomdiv{ display:block;}


.sheduleroomform[data-shiptype='0'][data-tab='1'] &gt; div &gt; .sendroomdiv{ display:block;}
.sheduleroomform[data-shiptype='0'][data-tab='1'] &gt; div &gt; .recvroomdiv{ display:none;}
.sheduleroomform[data-shiptype='0'][data-tab='2'] &gt; div &gt; .sendroomdiv{ display:none;}
.sheduleroomform[data-shiptype='0'][data-tab='2'] &gt; div &gt; .recvroomdiv{ display:block;}

.sheduleroomform[data-shiptype='1'] &gt; div &gt; .sendroomdiv &gt; h3 &gt; span:before{ content:"ê°€ëŠ”ë‚&nbsp; ";}
.sheduleroomform[data-shiptype='1'] &gt; div &gt; .recvroomdiv &gt; h3 &gt; span:before{ content:"ì˜¤ëŠ”ë‚&nbsp; ";}



.sheduleroomform &gt; div{width: 90%; max-width: 840px; margin: 70px auto;}
.sheduleroomform &gt; div &gt; div &gt; h3{ margin:30px 0;}
.sheduleroomform &gt; div &gt; div &gt; h3 &gt; span{ font-size:23px; font-weight:600;}
.sheduleroomform &gt; div &gt; div &gt; h3 &gt; span &gt; span{ font-size:23px; font-weight:300; margin-left:16px; position:relative;}
.sheduleroomform &gt; div &gt; div &gt; h3 &gt; span &gt; span:before{ content:"|"; position:absolute; left:-8px; }
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul{ display:flex; flex-direction:column; gap:14px;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li{ border: 1px solid #dbdbdb; box-shadow: 1px 1px 8px #DBDBDB; padding:31px 35px;}

.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li[data-client='0']{ pointer-events:none; }
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li[data-client='0'] &gt; label &gt; .text &gt; nav &gt; a{ background-color:#eeeeee; font-size:0;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li[data-client='0'] &gt; label &gt; .text &gt; nav &gt; a:before{ content:"ë§¤ì§„"; font-size:18px; color:#707070;}


.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; input[type=radio]{ display:none;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label{ display:flex; gap:4px 47px;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .img &gt; img{ width:230px; height:239px;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; h4{ font-size:22px; font-weight:600; line-height:l.1; width:100%;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; h4 &gt; span{ font-size:17px; font-weight:600;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; h4 &gt; span:before{ content:" / ";}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; p{ font-size:14px; font-weight:400; margin-bottom:11px; width:100%;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; .notice{ font-size:14px; font-weight:400; margin-bottom:23px; width:100%;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; aside &gt; h4{ font-size:14px; font-weight:400;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; aside &gt; p{ font-size:10px; font-weight:400; color:#707070;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; .notice{ font-size:14px; font-weight:400; margin-bottom:23px;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; .pricediv{ font-size:25px; font-weight:600;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; .pricediv:after{ content:"ì›"; font-size:16px; font-weight:400;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; nav{ width:100%; display:flex; justify-content:flex-end; margin-top:10px;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; nav &gt; 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 &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; label &gt; .text &gt; nav &gt; a:hover{ background-color:#0062FF;}
.sheduleroomform &gt; div &gt; div &gt; div &gt; ul &gt; li &gt; input[type=radio]:checked + label &gt; .text &gt; nav &gt; a{ background-color:#0062FF;}

</pre></body></html>