@import "https://webfontworld.github.io/pretendard/Pretendard.css";
*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{color:#000;background:#f5f5f5;font-size:1rem;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}:root{--mainColor:#007be4;--subColor:#22cfd3;--gray:#aaa;--border:#fff;--box:#3193e7}
html,input,select,textarea{word-break:keep-all;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500}body{font-size:1rem;line-height:1.4}
input,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0}input:focus{outline:none}input[type=text],input[type=password],input[type=date],input[type=month],input[type=email],input[type=tel]{border:0;border:1px solid var(--border);background:#fff;border-radius:5px;width:100%;height:34px;padding:7px}input.w100{max-width:unset}textarea{resize:none;border:0;border:1px solid var(--border);background:#fff;border-radius:5px;width:100%;min-height:100px;padding:7px}select{border:0;border:1px solid var(--border);color:#000;cursor:pointer;border-radius:5px;width:auto;height:34px;padding:0 27px 0 7px}select option{color:#000}input[type=date]{cursor:pointer;width:max-content}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}input[type=date]::-webkit-inner-spin-button{opacity:0}input[type=month]{cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:0}input[type=month]::-webkit-inner-spin-button{opacity:0}option{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}input::placeholder,textarea::placeholder{color:#aaa}input[type=radio]{border-radius:10px}input[type=checkbox],input[type=radio]{vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #bbb;flex-shrink:0;width:14px;height:14px;margin:0}input[type=checkbox]:checked,input[type=radio]:checked{border:4px solid var(--mainBlue)}label{cursor:pointer;align-items:center;gap:3px;margin-right:5px;display:flex}label:last-child{margin-right:0}button{cursor:pointer;border:0}select.sm{height:26px;padding:0 25px 0 5px;font-size:.75rem}input.lg{height:42px;font-size:1rem}input.datepicker.lg.date{width:130px}input.datepicker.lg.date.time{width:180px}.perbox{align-items:center;gap:5px;display:flex}input.datepicker{cursor:pointer;width:max-content}input.datepicker.date{width:120px}input.datepicker.date.time{width:165px}.flatpickr-calendar,.flatpickr-month,.flatpickr-day,.flatpickr-year,.flatpickr-monthDropdown-month{font-size:12px}.inputSrch{cursor:pointer;width:max-content;padding:0 25px 0 7px!important}.form_item{flex-direction:column;width:100%;display:flex}.form_item .gu{color:var(--subText);align-items:center;height:30px;display:flex}.form_item .nae{flex-direction:column;gap:5px;display:flex}.form_item .input{gap:5px;display:flex}.form_item .label{flex-wrap:wrap;gap:5px 10px;min-height:32px;display:flex}.form_item .nae_item{flex-direction:column;gap:5px;display:flex}.form_item .nae_item .nae_gu{color:var(--subText);align-items:center;gap:5px;font-size:.75rem;display:flex}.form_item .textarea .maxText{text-align:right;color:var(--subText);font-size:.75rem}.filebox{align-items:center;gap:5px;width:100%;display:flex}.filebox .file_name{flex:1 0 0;width:100%}.form_wrap{flex-wrap:wrap;gap:10px;width:100%;display:flex}.form_top{margin-bottom:0}.form_box{width:100%}.form_gubun{border-bottom:2px solid var(--border);width:100%;padding-bottom:8px}.form_gubun .tit{font-size:.94rem;font-weight:700}.form_list{flex-wrap:wrap;gap:15px;display:flex}.form_list .item{flex-direction:column;width:100%;display:flex}.form_list .item .gubun{color:var(--subText);align-items:center;height:30px;display:flex}.form_list .item.req .gubun span:after{content:"*";color:#0070e1;margin-left:2px;font-weight:700;display:inline-block}.form_list .item .naeyong{flex-direction:column;gap:5px;display:flex}.form_list .item .input{gap:5px;display:flex}.form_list .item .label_wrap{flex-wrap:wrap;align-items:center;gap:5px;min-height:32px;display:flex}.form_list .item .nae_item{flex-direction:column;gap:5px;display:flex}.form_list .item .nae_item .nae_gu{color:var(--subText);align-items:center;gap:5px;font-size:.75rem;display:flex}.form_list .item .textarea .maxText{text-align:right;color:var(--subText);font-size:.75rem}.form_list .item .cmnt{color:var(--subText);padding-left:20px;font-size:.8125rem;position:relative}.form_list .item .cmnt:before{content:"!";color:#fff;text-align:center;background:var(--mainBlue);border-radius:100px;width:16px;height:16px;line-height:16px;display:block;position:absolute;left:0}.form_list .file{align-items:center;gap:5px;width:100%;display:flex}.filebox input[type=file]{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filebox .upload_name{flex:1 0 0;width:100%}@media screen and (max-width:899px){input.lg{height:34px;font-size:.875rem}input.datepicker.lg.date{width:120px}input.datepicker.lg.date.time{width:165px}.form_item.w-50,.form_item.w-33{width:100%!important}}
html{scroll-behavior:smooth}img{max-width:100%}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.inner{width:90%;max-width:1400px;margin:0 auto}.bold{font-weight:700}#container{overflow:hidden}.shadow{box-shadow:0 4px 10px rgba(0,0,0,.08)}.padding_tb{padding:100px 0}.padding_t{padding-top:100px}.padding_b{padding-bottom:100px}.margin_tb{margin:100px 0}.margin_t{margin-top:100px}.margin_b{margin-bottom:100px}#header{align-items:center;width:100%;height:90px;display:flex}#header .hd_wrap{justify-content:space-between;align-items:center;display:flex}#header .hd_wrap .lang{position:relative}#header .hd_wrap .lang>button{cursor:pointer;line-height:1;font-size:inherit;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;display:flex}#header .hd_wrap .lang>button:after{content:"";border-top:1px solid #777;border-right:1px solid #777;width:5px;height:5px;margin-bottom:3px;display:block;transform:rotate(135deg)}#header .hd_wrap .langmenu{text-align:center;background:#fff;border-radius:10px;width:80px;padding:7px;font-size:.94rem;line-height:1;display:block;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}#header .hd_wrap .langmenu button{color:#767676;cursor:pointer;width:100%;font-size:inherit;background:0 0;border:none;padding:5px 0;font-family:inherit;display:block}#header .hd_wrap .langmenu button:hover{color:#000}#footer{padding:50px 0}#footer .inner{max-width:1600px}#footer .ft_b{border-top:1px solid var(--gray);justify-content:space-between;padding:40px 0;display:flex}#footer .ft_b .ft_info{margin-top:10px}#footer .ft_b .ft_info .info{flex-wrap:wrap;gap:5px 15px;display:flex}#footer .ft_b .ft_info .link{align-items:center;margin-top:20px;display:flex}#footer .ft_b .ft_info .link a{color:#555}#footer .ft_b .ft_info .link a:after{content:"";background:#000;width:1px;height:10px;margin:0 10px;display:inline-block}#footer .ft_b .ft_info .link a:last-child:after{display:none}#footer .ft_b .ft_logo{max-width:250px;margin-bottom:25px}#footer .ft_b .ft_logo img{width:100%;height:auto}#footer .ft_b .copyright{color:var(--gray);margin-top:20px;font-size:.875rem}#footer .ft_b .ft_logBtn{align-items:end;display:flex}#footer .ft_b .ft_logBtn a{background:linear-gradient(to right,var(--mainColor),#3193e7,var(--subColor));color:#fff;white-space:nowrap;border-radius:10px;align-items:center;padding:20px 40px;font-weight:700;display:flex}#footer .ft_b .ft_logBtn a img{width:20px;height:20px;margin-left:10px}.point{color:var(--mainColor)}.titBox{text-align:center;margin-bottom:40px;padding:0 20px}.titBox .bigtit{font-size:2.5rem;font-weight:800;line-height:1.2}.titBox .subtit{margin-top:25px;font-size:1.25rem;font-weight:700}.graph>img{border-radius:15px}.main_visWrap{background:url(/images/sec01_bg1.png) 50%/cover no-repeat;width:100%;padding:50px 0}.main_visWrap .bigtit{font-size:2.8125rem}.main_visWrap .graph_wrap{position:relative}.main_visWrap .graph_wrap .graph{width:90%;max-width:1200px;margin:0 auto}.main_visWrap .graph_wrap .graph img{width:100%;height:auto}.main_visWrap .colorBox{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:15px;align-items:center;padding:30px 50px;font-size:1.5625rem;display:flex;position:absolute}.main_visWrap .colorBox.b{background:rgba(0,123,228,.8);top:25%;left:7%}.main_visWrap .colorBox.g{background:rgba(34,207,211,.8);bottom:30%;right:7%}.main_visWrap .colorBox>img{z-index:1;position:absolute}.main_visWrap .colorBox.b>img{top:-100%;left:-30%;transform:translateY(-50%)}.main_visWrap .colorBox.g>img{bottom:-100%;right:-20%;transform:translateY(50%)}.solution_wrap{background:url(/images/sec02_bg.png) right -50% bottom -20% no-repeat}.solution_wrap .inner{height:700px}.solution_wrap ul.soln_tabs{justify-content:space-between;gap:10px;margin-bottom:40px;display:flex}.solution_wrap ul.soln_tabs li{cursor:pointer;text-align:center;background:#fff;border-radius:15px;width:100%;padding:20px 10px;font-weight:600}.solution_wrap ul.soln_tabs li.current{background:var(--mainColor);color:#fff}.solution_wrap .solnTab-content{display:none}.solution_wrap .solnTab-content .graph{flex-shrink:0;width:55%}.solution_wrap .solnTab-content .graph img{width:100%}.solution_wrap .solnTab-content.current{border-radius:15px;justify-content:center;align-items:center;gap:40px;display:flex}.solution_wrap .tabBox{flex:1 0 0}.solution_wrap .tabTit{color:var(--mainColor);gap:20px;margin-bottom:15px;display:flex}.solution_wrap .tabTit .tabNum{text-align:center;background:var(--mainColor);color:#fff;border-radius:50%;width:45px;height:45px;font-size:1.125rem;line-height:45px}.solution_wrap .tabTit .tit{flex:1 0 0;font-size:1.875rem;font-weight:700}.solution_wrap .tabTxt{margin-left:65px;font-size:1.125rem;line-height:1.6}.swipergraphList{padding-bottom:15px}.swipergraphListPaging{font-size:0;display:block;bottom:0!important}.function_wrap ul.fun_tabs{justify-content:center;align-items:end;gap:20px;width:100%;margin:80px auto 40px;display:flex}.function_wrap ul.fun_tabs li{cursor:pointer;text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px 10px;display:flex}.function_wrap ul.fun_tabs li.current{background:var(--box);color:#fff}.function_wrap ul.fun_tabs li .icon{width:100px;margin-top:-70px}.function_wrap ul.fun_tabs li .icon img{width:100%;height:auto}.function_wrap ul.fun_tabs li .text{font-size:1.125rem}.function_wrap .tabBtn_wrap::-webkit-scrollbar{width:0;height:0}.function_wrap .funTab-content{display:none}.function_wrap .funTab-content .graph{flex-shrink:0;width:50%}.function_wrap .funTab-content .graph img{width:100%}.function_wrap .funTab-content.current{background:var(--box);border-radius:15px;justify-content:center;align-items:center;gap:60px;padding:20px;display:flex}.function_wrap .tabTxt{text-align:center;color:#fff;flex:1 0 0;font-weight:400}.function_wrap .tabTxt .txtName{margin-bottom:10px;font-size:1.25rem;font-weight:700}.system_wrap .inner{justify-content:space-between;align-items:stretch;gap:40px;display:flex}.system_wrap .tabBtn_wrap{align-items:flex-start;display:flex}.system_wrap .tab_wrap{flex:1 0 0}.system_wrap ul.syst_tabs li{cursor:pointer;background:#fff;border-radius:15px;justify-content:space-between;align-items:center;width:470px;margin-bottom:20px;padding:20px;font-size:1.125rem;display:flex}.system_wrap ul.syst_tabs li>p{text-align:center;width:350px}.system_wrap ul.syst_tabs li.current{background:var(--box);color:#fff}.system_wrap .systTab-content{width:100%;height:100%;display:none}.system_wrap .systTab-content .graph,.system_wrap .systTab-content .graph img{width:100%}.system_wrap .systTab-content.current{background:#fff;border-radius:15px;flex-wrap:wrap;gap:10px;padding:20px;display:flex}.system_wrap .tabTxt{font-size:1.125rem}.system_wrap .ready{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.loginBtn_wrap .loginBtn{max-width:350px;margin:0 auto}.loginBtn_wrap .loginBtn a{background:linear-gradient(to right,var(--mainColor),#3193e7,var(--subColor));color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:20px 40px;font-size:2rem;font-weight:700;display:flex}.loginBtn_wrap .loginBtn a img{width:40px;height:40px}.faq_wrap{background:url(/images/sec05_bg.png) 0 100%/1000px no-repeat}.faq_wrap .inner{max-width:1200px}.faq_wrap .faq_box{cursor:pointer;background:#fff;border-radius:15px;margin-bottom:40px;padding:0 40px;transition:all .3s}.faq_wrap .question{align-items:center;gap:10px;padding:30px 0;font-size:1.25rem;font-weight:700;display:flex;position:relative}.faq_wrap .question .icon{align-items:center;width:30px;height:30px;display:flex}.faq_wrap .question:after{content:"";cursor:pointer;background:url(/images/faq_icon02.png) 100%/contain no-repeat;width:30px;height:30px;transition:all .3s;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq_wrap .answer{border-top:1px solid var(--border);max-height:0;padding:0;font-size:1.125rem;transition:all .3s;overflow:hidden}.faq_wrap .answer.open{max-height:500px;padding:30px 0}.faq_wrap .faq_box .answer.on{background:var(--box)}.faq_wrap .answer.on .answer{display:block}.faq_wrap .faq_box.active{background:var(--box);color:#fff}.faq_wrap .faq_box.active .icon img{content:url(/images/faq_icon01-1.png)}.faq_wrap .faq_box.active .question:after{background:url(/images/faq_icon02-1.png) 100%/contain no-repeat}.solution_wrap .inner.mobile{display:none}
@media screen and (max-width:1199px){#header{height:60px}#header .inner{width:100%;margin:0 20px}#header .hd_logo img{width:auto;height:30px}#header .hd_wrap .lang>a{font-size:.94rem}#header .hd_wrap .langmenu{font-size:.875rem}#footer .ft_b .ft_logo{max-width:200px}#footer .ft_b .ft_logo img{width:100%;height:auto}.inner{width:90%;max-width:1400px;margin:0 auto}.titBox{text-align:center;margin-bottom:30px}.titBox .bigtit{font-size:2rem;font-weight:800;line-height:1.2}.titBox .subtit{margin-top:20px;font-size:1rem;font-weight:700}.main_visWrap .colorBox{padding:15px 25px;font-size:1rem}.main_visWrap .colorBox.b>img{width:70%;height:auto}.main_visWrap .colorBox.g>img{width:50%;height:auto}.main_visWrap .colorBox.b,.main_visWrap .colorBox.g{transform:translate(0%)}.solution_wrap .inner{height:auto}.solution_wrap .tabTxt{font-size:1rem}.solution_wrap .tabTit .tit{font-size:1.5625rem}.solution_wrap ul.soln_tabs{flex-wrap:wrap}.solution_wrap ul.soln_tabs li{width:calc(33.333% - 10px)}.solution_wrap .solnTab-content.current{flex-direction:column-reverse}.solution_wrap .tabBox{width:100%}.solution_wrap .tabTxt{line-height:1.5}.solution_wrap .tabBox br{display:none}.solution_wrap .solnTab-content .graph{width:100%}.function_wrap .funTab-content.current{flex-direction:column-reverse;gap:20px}.function_wrap .funTab-content .graph{width:100%}.function_wrap .tabTxt{flex:none;width:100%}.function_wrap .tabTxt .txtName{font-size:1.5625rem}.function_wrap .tabTxt br{display:none}.function_wrap ul.fun_tabs li .icon{width:60px;margin-top:-50px}.function_wrap ul.fun_tabs li .text{font-size:1rem}.system_wrap br{display:none}.system_wrap .inner{flex-direction:column-reverse}.system_wrap ul.syst_tabs li{text-align:center;width:100%;margin-bottom:0}.system_wrap ul.syst_tabs li img{width:25%}.system_wrap ul.syst_tabs li>p{width:100%;font-size:1rem}.system_wrap .tabBtn_wrap .syst_tabs{gap:10px;display:flex}.system_wrap .tabTxt{font-size:1rem}.loginBtn_wrap .loginBtn{max-width:350px}.loginBtn_wrap .loginBtn a{padding:15px 30px;font-size:2rem}.faq_wrap{background:url(/images/sec05_bg.png) 100% 100%/contain no-repeat}.faq_wrap .question .icon,.faq_wrap .question:after{width:25px;height:25px}}@media screen and (max-width:899px){.padding_tb{padding:60px 0}.padding_t{padding-top:60px}.padding_b{padding-bottom:60px}.margin_tb{margin:60px 0}.margin_t{margin-top:60px}.margin_b{margin-bottom:60px}#footer .ft_b{display:block}#footer .ft_b .ft_logo{margin:auto}#footer .ft_b .copyright{text-align:center;font-size:.74rem}#footer .ft_b .ft_logBtn>a{margin:30px auto 0;padding:15px 30px}#footer .ft_b .ft_info .info{text-align:center;justify-content:center;font-size:.875rem}#footer .ft_b .ft_info .link{justify-content:center}#footer .ft_b .ft_info .link a{font-size:.875rem}.main_visWrap .colorBox>img{display:none}.solution_wrap ul.soln_tabs li{width:calc(50% - 5px)}.solution_wrap .solnTab-content.current{gap:20px}.solution_wrap .tabTit{flex-direction:column}.solution_wrap .tabTit .tabNum{display:none}.solution_wrap .tabTxt{margin-left:0}.function_wrap ul.fun_tabs{flex-wrap:wrap;gap:30px 20px;margin-top:50px;margin-bottom:20px}.function_wrap ul.fun_tabs li{width:calc(33.333% - 13.333px)}.system_wrap .inner{gap:20px}.faq_wrap .inner{height:auto}.faq_wrap .question{font-size:1rem}.faq_wrap .answer{padding-left:10px;font-size:.875rem}}@media screen and (max-width:599px){.faq_wrap .faq_box{margin-bottom:20px;padding:0 10px}.faq_wrap .question{padding:20px 0}.faq_wrap .question:after{display:none}.titBox .bigtit{font-size:1.5rem;font-weight:800;line-height:1.2}.titBox .subtit{margin-top:20px;font-weight:700}.titBox .subtit br{display:none}.graph>img{border-radius:5px}.main_visWrap .colorBox{border-radius:10px;padding:10px 20px;font-size:.875rem}.solution_wrap .inner{display:none}.solution_wrap .inner.mobile{display:block}.solution_wrap .inner.mobile .graph{margin-top:20px}.solution_wrap .inner.mobile .soln_box{color:#000;background:#fff;border-radius:10px;margin-bottom:10px;padding:0 15px}.solution_wrap .inner.mobile .soln_box.active{background:var(--box);color:#fff}.solution_wrap .inner.mobile .solnTit{text-align:center;padding:20px 10px;font-size:1rem;font-weight:700}.solution_wrap .inner.mobile .solnTxt{text-align:center;padding-bottom:15px;font-size:.875rem;display:none}.function_wrap ul.fun_tabs li{border-radius:10px;padding:25px 0 15px}.function_wrap ul.fun_tabs li>p{font-size:.875rem}.function_wrap .tabTxt{font-size:.75rem}.function_wrap .tabTxt .txtName{font-size:1rem}.function_wrap .funTab-content.current{border-radius:10px}.function_wrap ul.fun_tabs li>p>img{width:40px}.function_wrap ul.fun_tabs li .icon{width:50px}.function_wrap ul.fun_tabs li .text{font-size:.875rem}.system_wrap ul.syst_tabs li{border-radius:10px;width:100%;margin-bottom:10px;padding:10px;font-size:1rem}.system_wrap ul.syst_tabs li p{width:100%;font-size:.875rem}.system_wrap ul.syst_tabs li img{width:15%}.system_wrap .tabBtn_wrap .syst_tabs{width:100%;display:block}.system_wrap .tabTxt{font-size:.75rem}.system_wrap .systTab-content.current{border-radius:10px;padding:10px}.loginBtn_wrap .loginBtn{max-width:180px}.loginBtn_wrap .loginBtn a{padding:10px 20px;font-size:1rem}.loginBtn_wrap .loginBtn a img{width:20px;height:20px}.faq_wrap .question .tit{width:90%}}
