input,select{height:50px;padding:0 15px;border-radius:5px;font-size:15px;font-weight:400;line-height:1.2;color:var(--txt-gray-color);width:100%}.tit-box,header{border-bottom:1px solid #c7c7c7}.history_time dt,.seconds-area,.stopwatch_btns,header .container,header nav ul{align-items:center;display:flex}.container,header,input,select{width:100%}.ch_mode-area .ch,footer{background:var(--nav-color)}.popup,header{position:fixed}@font-face{font-family:Pretendard-Regular;src:url('../font/Pretendard-Regular.subset.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:clockicons;src:url(./../font/clockicons.ttf) format('trueType');font-weight:400;font-style:normal}.pr{color:#0053ff!important}.pr_bg{background:#0053ff!important}.pr1{color:#2c70ff!important}.pr1_bg{background:#2c70ff!important}.red{color:#ff3b3b!important}.dark{color:#303030!important}.dark_bg{background:#303030!important}.dark2{color:#262626!important}.dark2_bg{background:#262626!important}.gray{color:#c7c7c7!important}.gray_bg{background:#c7c7c7!important}.gray2{color:#585858!important}.gray2_bg{background:#585858!important}.gray3{color:#949494!important}.gray3_bg{background:#949494!important}.black{color:#000!important}.black_bg{background:#000!important}.white{color:#fff!important}.yellow,.yellow_bg{background:#fa0!important}.red,.red_bg{background:#ff3b3b!important}:root{--txt-balck-color:#262626;--txt-gray-color:#585858;--txt-gray2-color:#949494;--txt-gray3-color:#c7c7c7;--txt-gray4-color:#f6f6f6;--txt-wh-color:#fff;--nav-color:#2c70ff;--btn-color:#0053ff;--btn2-color:#393939;--btn3-color:#303030;--black-bg:#000}body{font-family:Pretendard-Regular;font-weight:400;background:#f6f6f6}.container{max-width:1400px;height:auto;margin:0 auto;padding:35px 0 40px}.tit-box{width:520px;margin:0 auto 20px;padding-bottom:15px;text-align:center}.tit-box .tit{font-size:24px;font-weight:700;line-height:1.04;color:#000}select{appearance:none;background:url(./../img/down_arrow.webp) calc(100% - 12px) 50% no-repeat;background-size:15px;background-color:#f6f6f6}input{background-color:#f6f6f6}input::placeholder{color:var(--txt-gray3-color)}input[type=date]{appearance:none!important;-webkit-appearance:none!important}header{top:0;left:0;height:80px;background:#fff;z-index:8}header .container{justify-content:space-between;width:100%;height:100%;padding:0 50px;box-sizing:border-box}header .logo{width:217px;height:auto}header nav ul li{margin-right:40px}.input-box label:last-of-type,.stopwatch_btns button:last-of-type,header nav ul li:last-of-type{margin-right:0}header nav ul li a{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;line-height:1.5;color:#585858}.popup.dark_mode span,.popup_d-day .timer-number,.world_times.dark_mode p,header nav ul li.active a,header nav ul li:hover a{color:var(--nav-color)}.ch_mode-area{display:flex;align-items:center;justify-content:flex-end;padding-top:80px;height:50px}.ch_mode-area .container{display:flex;align-items:center;justify-content:flex-end}.ch_mode-area a,.ch_mode-area button{align-items:center;padding:3px 7px 4px 10px;font-size:13px;color:#fff;border-radius:13px;line-height:1.54;display:flex;font-weight:400;text-align:center;font-family:Poppins,sans-serif}.ch_mode-area .container>a,.history_time .timer_btn{margin-right:10px}.ch_mode-area button{cursor:pointer}.seconds-area span,.stopwatch-time span{color:var(--txt-gray-color);font-family:clockicons}.ch_mode-area a img,.ch_mode-area button img{width:12px;height:auto;margin-left:8px;transition:.3s}.ch_mode-area a:hover img,.ch_mode-area button:hover img{transform:rotate(360deg);transition:.3s}.ch_mode-area .dark-btn{background:var(--btn3-color)}section{padding-bottom:50px}section .container{background:#fff;border-radius:10px}.content{width:520px;margin:0 auto}.input-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.input-box label{display:block;width:100%;margin-right:9.5px}.label_tit{display:block;margin-bottom:10px;font-size:18px;font-weight:400;line-height:1.39;color:#000}.form-btns,.timer-list ul{display:flex;align-items:center}.form-btns .form-btn,.timer_btn{font-weight:400;color:var(--txt-wh-color);border-radius:5px}.form-btns{justify-content:center;width:100%;height:50px;margin-bottom:50px}.timer-list ul li,.timer_btn{width:70px;height:35px}.form-btns .form-btn{width:100%;height:50px;background:var(--btn-color);font-size:18px;line-height:1.17}.form-btns .form-btn:disabled{opacity:.5}.timer-list ul{gap:5px;flex-wrap:wrap}.timer-list3 ul,.timer_btn{align-items:center;display:flex}.timer_btn{justify-content:center;background:var(--btn2-color);font-size:15px;transition:.3s}.popup,.timer-list2 li .child-box{border-radius:10px;box-sizing:border-box}.timer_btn:hover{transform:scale(.9);transition:.3s;cursor:pointer}.timer-list3 ul{flex-wrap:wrap;gap:5px 0;margin:0 -5px}.timer-list3 ul li{width:calc(100% / 3);padding:0 5px;box-sizing:border-box}.timer_btn.middle{width:100%}.history_time{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.history_time:last-of-type,.stop_list-area ul li:last-of-type,.timer-btns button:last-of-type{margin-bottom:0}.time_tit{font-size:18px;font-weight:700;line-height:1.28;color:var(--nav-color)}.date,.instruction .txt{line-height:1.33;color:#949494;font-weight:400}.date{font-size:15px}.instruction .txt{font-size:14px}.stopwatch_wrap{margin-bottom:50px}.stopwatch-area{display:flex;align-items:flex-end;justify-content:space-between}.stopwatch-time span{font-size:150px;font-weight:400}.seconds-area span{font-size:70px;font-weight:400;margin-bottom:11px}.stopwatch_btns button{display:none;align-items:center;justify-content:center;width:100%;height:50px;margin-right:10px;font-size:18px;font-weight:400;color:var(--txt-wh-color);border-radius:5px}.timer-start span,.today_date,.world_times p{color:var(--txt-gray-color)}.stopwatch_btns button.pause.on,.stopwatch_btns button.record.on,.stopwatch_btns button.reset.on{display:flex}.stopwatch_btns button.start.on{display:flex;margin-right:0}.stop_list-area .list_tit{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.stop_list-area .list_tit p{width:66.78px;margin-bottom:20px;font-size:18px;font-weight:400;line-height:1.39;color:var(--black-bg);color:var(--black-bg);text-align:center}.stop_list-area ul li{margin-bottom:10px;transition:.3s}.stop_list-area ul li .child-box{display:flex;align-items:center;justify-content:space-between}.timer-list2 ul,.world_times{align-items:center;display:flex}.stop_list-area ul li .child-box p{width:66.78px;font-size:15px;font-weight:400;line-height:1.67;color:var(--txt-gray-color);text-align:center}.world_times{justify-content:center}.world_times p{animation:1s infinite alternate timeOpacity;font-family:clockicons;font-size:137px;font-weight:400;line-height:1}@keyframes timeOpacity{0%{opacity:.5}100%{opacity:1}}.today_date{font-size:30px;font-weight:700;line-height:1.67;text-align:right;margin-bottom:65px}.content2{width:1300px;margin:0 auto}.timer-list2 ul{flex-wrap:wrap;gap:5px 0;width:100%;margin:0 -2.5px}.timer-list2 li{width:calc(100% / 5);padding:0 2.5px;box-sizing:border-box;cursor:pointer}.timer-list2 li .child-box{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--txt-gray4-color);padding:19px 15px}.popup.open,.timer-list2 li .child-box .left-box span{display:block}.after_time li .child-box .left-box .promised_cont,.timer-list2 li .child-box .left-box .country{margin-bottom:5px;font-size:15px;font-weight:400;line-height:1.67;color:var(--black-bg)}.after_time li .child-box .left-box .promised_time,.timer-list2 li .child-box .left-box .date{font-size:24px;font-weight:700;line-height:1.04;color:var(--black-bg)}.timer-list2 li .child-box .right-box .top{font-size:24px;font-weight:700;line-height:1.04;color:var(--btn-color)}.timer-list2 li.active .top,.timer-list2 li:hover .top{animation:1s linear infinite alternate-reverse top}.timer-list2 li.active .child-box{transform:scale(.95)}@keyframes top{0%{margin-top:-10px}100%{margin-top:0}}footer{width:100%;height:160px;padding:35.4px 0 27px}footer .f-logo{width:217px;height:auto;margin:0 auto 28px}.copyright{font-family:Poppins,sans-serif;font-size:13px;font-weight:300;line-height:1.92;color:var(--txt-wh-color);text-align:center}.popup{display:none;top:50%;left:50%;width:360px;height:auto;padding:19px 15px 15px;transform:translate(-50%,-50%);background:var(--txt-wh-color);box-shadow:0 0 6px 0 rgba(0,0,0,.16);z-index:10}.popup-header,.timer-start{position:relative;align-items:center;display:flex}.dim,body.dark_mode{background:var(--black-bg)}.popup-header{justify-content:center;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--txt-gray3-color)}.popup-header .tit{font-size:24px;font-weight:700;line-height:1.04;color:var(--txt-balck-color)}.popup-header .close{position:absolute;top:0;right:0;width:25px;height:auto}.after_time,.popup-header .close img{width:100%;height:auto}.timer-start{justify-content:center;width:300px;height:300px;margin:0 auto}.timer-start span{font-family:clockicons;font-size:70px;font-weight:400;line-height:1.11;letter-spacing:-3.5px}.popup-footer{padding-top:30px;margin-top:-20px}.timer-btns{display:flex;align-items:center;justify-content:center;flex-flow:column;width:100%}.timer-btns button{width:100%;height:50px;margin-bottom:10px;border-radius:5px;font-size:18px;font-weight:400;color:#fff;cursor:pointer}.timer-btns .stop{border:1px solid var(--txt-gray2-color);background:0 0;color:var(--txt-gray2-color)}.timer-btns .stop.active{background:var(--txt-gray-color);color:#fff}.alarm_timer .img-box{width:120px;height:auto;margin:0 auto 10px}.alarm_timer .img-box img{width:100%;height:auto;animation:.9s cubic-bezier(.455,.030,.515,.955) infinite shake-horizontal}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}.popup .txt-box p{padding-bottom:20px;font-size:18px;line-height:1.39;color:var(--txt-gray2-color);text-align:center}.popup-footer .close,.popup.dark_mode .popup-date .date,.stop_list-area.dark_mode .list_tit p,.stop_list-area.dark_mode ul li .child-box p,header.dark_mode a,section.dark_mode .label_tit,section.dark_mode .tit-box .tit{color:var(--txt-wh-color)}.popup-footer .close{width:100%;height:50px;border-radius:5px;background:var(--nav-color);font-size:18px;line-height:1.17}.popup_alarm .timer-start{justify-content:space-between;width:100%;height:auto}.popup_alarm .timer-start span{font-size:90px}.popup-date .date{font-size:18px;font-weight:700;line-height:1.28;color:var(--txt-gray-color);text-align:right}.d-scription{font-size:13px;font-weight:400;line-height:1.77;color:var(--txt-gray3-color);text-align:right}.popup_d-day .d-day{font-size:30px;font-weight:700;line-height:1.33;letter-spacing:-1.5px;color:var(--txt-gray2-color);text-align:center}.popup_d-day .right-box{display:flex;align-items:flex-end;justify-content:center}.popup_d-day .timer-start{justify-content:center;padding-bottom:20px}.popup_d-day .timer-start2{flex-flow:column}.popup_d-day .timer-start .day{display:block;margin-bottom:16px;font-size:30px;line-height:1.11;letter-spacing:-1.5px;color:var(--txt-balck-color)}.time_ticking .txt{padding-bottom:20px;font-size:18px;font-weight:400;line-height:1.39;color:#949494;text-align:center}.after_time li .child-box{display:flex;align-items:center;justify-content:space-between;background:var(--txt-gray4-color);padding:19px 15px;box-sizing:border-box;border-radius:10px}.after_time li .child-box .right-box p{font-size:16px;font-weight:400px;line-height:1.56;color:var(--txt-gray2-color)}.after_time li .child-box .right-box p .rm_time{font-size:bold;color:var(--nav-color)}.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;opacity:.6;z-index:9}.svg_angle,.svg_angle2{position:absolute;top:0;left:0;transform:rotate(-180deg) rotateX(180deg);width:300px;height:300px}@keyframes dashoffset{0%{stroke-dashoffset:0}100%{stroke-dashoffset:1042px}}.svg_angle2 rect.on{animation:1s linear both dashoffset}@keyframes dashoffset2{0%{stroke-dashoffset:0}100%{stroke-dashoffset:911px}}.popup.dark_mode,header.dark_mode,section.dark_mode .container{background:var(--txt-balck-color)}header.dark_mode{border-color:var(--txt-balck-color)}section.dark_mode .date{color:var(--)}section.dark_mode .instruction .txt{color:var(--txt-gray3-color)}.ch_mode-area .dark-btn.dark_mode{background:var(--txt-wh-color);color:var(--txt-balck-color)}.popup.dark_mode .timer-btns .stop:not(.active){color:#f6f6f6;border-color:var(--txt-gray4-color)}.popup.dark_mode .timer-btns .stop.active{border-color:var(--txt-gray-color)}.popup.dark_mode .popup-header .tit,.popup.dark_mode .txt-box p{color:#fff}.stopwatch-area.dark_mode .seconds-area span,.stopwatch-area.dark_mode span{color:var(--btn-color)}.h_btn{position:absolute;top:-9999px;left:-9999px;z-index:-9999;opacity:0}