/*** basic-reset ***/
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, strong, sub, sup, tt, var, b, 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 { margin:0;	padding:0;	border:0; font-size:100%;	font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
.comingsoon {width:450px;margin:0 auto;display:block;}
ol, ul {list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {	content:'';content:none;}
strong {font-weight:bold;}
img {max-width:100%;}
.dis-F {display:flex;}
.clearfix::after {clear:both; display:block; content:'';}

/* ul:after, .clearfix::after {clear:both; display:block; content:'';} */
a{text-decoration:none; color:inherit;}
a:hover { text-decoration:none; }
sup { vertical-align:super; font-size:smaller;}
sub { vertical-align:sub; }
img { vertical-align:top; border:0; image-rendering:-moz-crisp-edges; /* Firefox */ image-rendering:-o-crisp-edges; /* Opera */ image-rendering:-webkit-optimize-contrast;/* Webkit (non-standard naming) */ /* image-rendering:crisp-edges; */ /* Chrome 149부터 crisp-edges가 pixelated와 동일(최근접 이웃 스케일링)로 동작 → 축소된 이미지의 한글 텍스트가 깨져 보여 주석 처리. 사진·도식은 부드러운 축소(-webkit-optimize-contrast)가 적합 */}
.blind { position:absolute; top:-9999999px;}
.underline { position:relative; padding-bottom:1px;}
.underline:before { display:block; width:100%; height:1px; background:#fff; content:''; position:absolute; left:0; bottom:0; }
:focus { outline:none;}
:disabled { cursor:auto;}
input::-ms-input-placeholder {color:#BBBBBB;}
input::-webkit-input-placeholder {color:#BBBBBB;}
input::-moz-placeholder {color:#BBBBBB;}
input::placeholder {color:#BBBBBB;}
select option { color:#000;}
input[readonly="readonly"] { background-color:#fff!important;}
input[readonly], textarea[readonly] { background-color:#fff!important;}
/*** //basic-reset ***/

/*** table css ***/
table { border-collapse:collapse; border-spacing:0; width:100%;}
table th { text-align:left;}
/*** //table css ***/

/*** input + select css ***/
select { background:no-repeat; border:0; width:100%; }
select:disabled { opacity:0.6;}
select::-ms-expand { display:none; }
select, input { color:#222832; font-size:14px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:inherit; padding:0; letter-spacing:-0.05em;}

.select-box select { width:100%; height:54px; line-height:1; padding:0 32px 0 16px; border-radius:4px; box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.2); background:url(/images/front/basic-icon/select-arrow-g.png) no-repeat right 14px center #fafafa; cursor:pointer; box-sizing:border-box; }

.select-line select { border-bottom:1px solid #C5C5C5; padding:0 32px 0 0; height:59px; background:url(/images/front/basic-icon/select-arrow-g.png) no-repeat right 14px center transparent; cursor:pointer; box-sizing:border-box;}

.select-none select { border:0;}

.select-list { padding:30px 0 20px;}
.select-list > li { float:left;}
.select-list > li:nth-child(n+2) { -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:10px;}

.ui-datepicker select { color:#000;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:45%;}
.ui-datepicker .ui-datepicker-title select {line-height:18px;margin:0 2px; padding-left:3px; background:url(/images/front/basic-icon/select-arrow-b.png) no-repeat right 3px center #Fff; background-size:10px;}
.ui-datepicker .ui-datepicker-prev {top:2px;}
.ui-datepicker .ui-datepicker-next {top:2px;}
input { border:0; }
input[type=text]::-ms-clear{display:none;}
input[type='radio'],input[type='checkbox'],input[type='file'] { display:none; }
input[type='text'],input[type='password'] { width:100%; background-color:transparent;}

.ip-chk-box input[type='checkbox'] + label { display:inline-block; width:21px; height:21px; position:relative;  font-size:0; cursor:pointer; vertical-align:middle; }
.ip-chk-box input[type='checkbox'] + label:before { width:21px; height:21px; background-size:42px; position:absolute; left:0; top:0; background:url(/images/front/basic-icon/checkbox-icon.png) no-repeat left center; display:block; content:'';}
.ip-chk-box input[type='checkbox']:checked + label:before { background-position:right center;}

label { -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none;}
.ip-chk-txt input[type='checkbox'] + label { display:inline-block; position:relative; font-size:14px; line-height:22px; padding-left:25px; letter-spacing:-0.04em; color:#000; cursor:pointer; vertical-align:middle; font-weight:400; margin-right:20px;}
.ip-chk-txt input[type='checkbox'] + label:before { width:21px; height:21px; background-size:42px; position:absolute; left:0; top:0; background:url(/images/front/basic-icon/checkbox-icon.png) no-repeat left center; display:block; content:'';}
.ip-chk-txt input[type='checkbox'] + label:last-child { margin-right:0px;}
.ip-chk-txt input[type='checkbox']:checked + label:before { background-position:right center;}

.ip-ra-box input[type='radio'] + label { display:inline-block; width:17px; height:17px; position:relative;  font-size:0; cursor:pointer; top:1px}
.ip-ra-box input[type='radio'] + label:before { display:block; content:''; width:17px; height:17px; position:absolute; left:0; top:0; background:url(/images/front/basic-icon/radio-icon.png) no-repeat left center; background-size:34px;}
.ip-ra-box input[type='radio']:checked + label:before { background-position:right center;}

.ip-ra-txt { font-size:0;}
.ip-ra-txt input[type='radio'] + label { font-size:14px; line-height:20px; padding-left:26px; cursor:pointer; color:#000; margin-right:14px; display:inline-block; position:relative; vertical-align:middle; color:#999; font-weight:bold;}
.ip-ra-txt input[type='radio'] + label:last-child { margin-right:0;}
.ip-ra-txt input[type='radio'] + label:before { display:block; content:''; width:21px; height:21px; position:absolute; left:0; top:0; background:url(/images/front/basic-icon/radio-icon.png) no-repeat left center; background-size:42px;}
.ip-ra-txt input[type='radio']:checked + label { color:#222832;}
.ip-ra-txt input[type='radio']:checked + label:before { background-position:right center; }

.ip-line input { border-bottom:1px solid #C5C5C5; }

.ip-box input { width:100%; height:50px; line-height:1; background-color:#fff; padding:0 10px; border-radius:4px; box-shadow:0px 5px 25px -10px rgba(0, 0, 0, 0.2); box-sizing:border-box;}

.ip-button-box { position:relative;}
.ip-button-box input { padding-right:40px; font-weight:500;}
.ip-button-box .btn-box { position:absolute; top:50%; right:12px; margin-top:-9px;}
.ip-button-box .btn-box .icon { width:18px; height:18px; background:no-repeat center; box-shadow:none;}
.ip-button-box .btn-box .icon.search { background-image:url(/images/front/btn-icon/search-icon.png);}
.ui-datepicker-trigger { position:absolute; right:11px; top:10px; cursor:pointer;}

input::-webkit-calendar-picker-indicator {opacity:1; display:block; background:no-repeat right 2px transparent; width:26px; height:30px; border-width:0; background-size:17px; position:absolute; right:0; cursor:pointer;}
input::-webkit-calendar-picker-indicator:focus { outline:0;}

.checkbox_st1 {display:none;}
.checkbox_st1 + *::before {content:url("/images/front/check_off.png");display:inline-block;vertical-align:bottom;margin-right:0.3rem;}
.checkbox_st1:checked + * {/* color:teal; */}
.checkbox_st1:checked + *::before {content:url("/images/front/check_on.png");color:white;text-align:center;}

/*** //input + select css ***/

/*** textarea ***/
textarea { width:100%; font-size:14px; resize:none; border:0; background-color:transparent; font-family:inherit; letter-spacing:inherit; box-sizing:border-box;}

.text-box textarea { color:inherit; font-size:13px; height:100%; padding:10px 12px; line-height:1.4;  border-radius:5px; box-sizing:border-box;}

.text-line textarea { border-bottom:1px solid;}
/*** textarea ***/

/*** button ***/
button { border-radius:4px; border:0; background-color:transparent; cursor:pointer; padding:0; width:100%; color:#fff; display:block; font-weight:500; font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif; cursor:pointer; }

.btn-box button { height:50px; width:100%;}
.btn-box button.btn-icon {height:unset;width:100%;}

.btn-default { font-size:16px; font-weight:500; padding:0 30px;}
.btn-default span { display:inline-block; background:no-repeat left center;}
.btn-a { font-size:14px; font-family:'Apple SD Gothic Neo','Barlow', 'Noto Sans KR', sans-serif; font-weight:bold;}
.btn-a span { display:inline-block; background:no-repeat left center; padding-bottom:2px; padding-top:0px; letter-spacing:-0.05em;}

.m2eidcp_BT {font-size:24px;border:1px solid #fff;border-radius:4px;padding:20px 75px;}

.model-option-bt {width:30% !important;border:1px solid #ddd;border-radius:4px;color:#333;padding:10px 0;font-size:15px;font-weight:700;}
.model-run-bt {width:100%;background:#57bdd0;border-radius:4px;color:#333;padding:12px 0;font-size:20px;color:#fff;font-weight:bold;}
.runBT-type2 {width:calc(50% - 10px) !important;}
.model-info-bt {width:unset;border:1px solid #57bdd0;color:#57bdd0;border-radius:4px;font-size:15px;padding:5px 7px;font-weight:800;}
.model-save-bt {width:unset;border:1px solid #ddd;border-radius:4px;padding:5px 7px;color:#000;font-size:15px;font-weight:800;}

.blank-arrow {margin:30px 0;text-align:center;}
/*** //button ***/

/*** margin ***/
.mg0 { margin:0!important;}

.mgt0 { margin-top:0 !important;}
.mgt5 { margin-top:5px!important;}
.mgt10 { margin-top:10px!important;}
.mgt15 { margin-top:15px!important;}
.mgt20 { margin-top:20px!important;}
.mgt25 { margin-top:25px!important;}
.mgt30 { margin-top:30px!important;}
.mgt40 { margin-top:40px!important;}
.mgt50 { margin-top:50px!important;}
.mgt60 { margin-top:60px!important;}
.mgt70 { margin-top:70px!important;}
.mgt80 { margin-top:80px!important;}
.mgt90 { margin-top:90px!important;}
.mgt100 { margin-top:100px!important;}
.mgt110 { margin-top:110px!important;}
.mgt115 { margin-top:115px!important;}

.mgb5 { margin-bottom:5px!important;}
.mgb8 { margin-bottom:8px!important;}
.mgb10 { margin-bottom:10px!important;}
.mgb15 { margin-bottom:15px!important;}
.mgb20 { margin-bottom:20px!important;}
.mgb25 { margin-bottom:25px!important;}
.mgb30 { margin-bottom:30px!important;}
.mgb35 { margin-bottom:35px!important;}
.mgb40 { margin-bottom:40px!important;}
.mgb45 { margin-bottom:45px!important;}
.mgb50 { margin-bottom:50px!important;}
.mgb60 { margin-bottom:60px!important;}
.mgb70 { margin-bottom:70px!important;}
.mgb80 { margin-bottom:80px!important;}
.mgb90 { margin-bottom:90px!important;}
.mgb100 { margin-bottom:100px!important;}
.mgb110 { margin-bottom:110px!important;}
.mgb120 { margin-bottom:120px!important;}
.mgb170 { margin-bottom:170px!important;}
.mgb230 { margin-bottom:230px!important;}
.mgb280 { margin-bottom:280px!important;}

.mgl-1 { margin-left:-1px}
.mgl5 { margin-left:5px!important;}
.mgl10 { margin-left:10px!important;}
.mgl15 { margin-left:15px!important;}
.mgl20 { margin-left:20px!important;}
.mgl25 { margin-left:25px!important;}
.mgl30 { margin-left:30px!important;}

.mgr5 { margin-right:5px!important;}
.mgr10 { margin-right:10px!important;}
.mgr15 { margin-right:15px!important;}
.mgr20 { margin-right:20px!important;}
.mgr25 { margin-right:25px!important;}
.mgr30 { margin-right:30px!important;}

.mg-15 { margin:0 -15px!important;}
/*** //margin ***/

/*** padding ***/
.pd0 { padding:0!important;}

.pdt5 { padding-top:5px!important;}
.pdt10 { padding-top:10px!important;}
.pdt15 { padding-top:15px!important;}
.pdt20 { padding-top:20px!important;}
.pdt25 { padding-top:25px!important;}
.pdt30 { padding-top:30px!important;}
.pdt35 { padding-top:35px!important;}
.pdt40 { padding-top:40px!important;}
.pdt45 { padding-top:45px!important;}
.pdt50 { padding-top:50px!important;}
.pdt55 { padding-top:55px!important;}
.pdt60 { padding-top:60px!important;}
.pdt65 { padding-top:65px!important;}
.pdt70 { padding-top:70px!important;}
.pdt75 { padding-top:75px!important;}
.pdt80 { padding-top:80px!important;}
.pdt85 { padding-top:85px!important;}
.pdt90 { padding-top:90px!important;}
.pdt95 { padding-top:95px!important;}
.pdt100 { padding-top:100px!important;}
.pdt120 { padding-top:120px!important;}
.pdt140 { padding-top:140px!important;}

.pdb5 { padding-bottom:5px!important;}
.pdb10 { padding-bottom:10px!important;}
.pdb15 { padding-bottom:15px!important;}
.pdb20 { padding-bottom:20px!important;}
.pdb25 { padding-bottom:25px!important;}
.pdb30 { padding-bottom:30px!important;}
.pdb35 { padding-bottom:35px!important;}
.pdb40 { padding-bottom:40px!important;}
.pdb45 { padding-bottom:45px!important;}
.pdb50 { padding-bottom:50px!important;}
.pdb55 { padding-bottom:55px!important;}
.pdb60 { padding-bottom:60px!important;}
.pdb65 { padding-bottom:65px!important;}
.pdb70 { padding-bottom:70px!important;}
.pdb75 { padding-bottom:75px!important;}
.pdb80 { padding-bottom:80px!important;}
.pdb85 { padding-bottom:85px!important;}
.pdb90 { padding-bottom:90px!important;}
.pdb95 { padding-bottom:95px!important;}
.pdb100 { padding-bottom:100px!important;}
.pdb120 { padding-bottom:120px!important;}

.pdl10 { padding-left:10px!important;}
.pdl15 { padding-left:15px!important;}
.pdl20 { padding-left:20px!important;}
.pdl30 { padding-left:30px!important;}

.pdr5 { padding-right:5px!important;}
.pdr10 { padding-right:10px!important;}
.pdr20 { padding-right:20px!important;}
.pdr30 { padding-right:30px!important;}
.pdr40 { padding-right:40px!important;}
.pdr100 { padding-right:100px!important;}
.pdr120 { padding-right:120px!important;}
.pdr140 { padding-right:140px!important;}
.pdr200 { padding-right:200px!important;}
.pdr210 { padding-right:210px!important;}
/*** //padding ***/

/*** width ***/
.widA { width:auto!important; }
.wid5 { width:5%!important; }
.wid8 { width:8%!important; }
.wid10 { width:10%!important; }
.wid15 { width:15%!important; }
.wid20 { width:20%!important; }
.wid25 { width:25%!important; }
.wid30 { width:30%!important; }
.wid33 { width:33.3333%!important; }
.wid35 { width:35%!important; }
.wid40 { width:40%!important; }
.wid45 { width:45%!important; }
.wid50 { width:50%!important; }
.wid55 { width:55%!important; }
.wid60 { width:60%!important; }
.wid65 { width:65%!important; }
.wid70 { width:70%!important; }
.wid75 { width:75%!important; }
.wid80 { width:80%!important; }
.wid85 { width:85%!important; }
.wid90 { width:90%!important; }
.wid92 { width:92%!important; }
.wid95 { width:95%!important; }
.wid100 { width:100%!important; }
/*** //width ***/
.h100p {height:100%;}
/*** text-align ***/
.tal { text-align:left!important;}
.tar { text-align:right!important;}
.tac { text-align:center!important;}
/*** //text-align ***/

/*** font-weight ***/
.f-bold { font-weight:bold;}
/*** //font-weight ***/

/*** overflow ***/
.of-h { overflow:hidden!important;}
.of-s { overflow:scroll!important;}
.ofy-s { overflow-y:scroll!important;}
.ofx-s { overflow-x:scroll!important;}
/*** //overflow ***/

/*** min-height ***/
.h80 { height:80px;}
.h100 { height:100px;}
.h140 { height:140px;}
.h200 { height:200px;}
/*** //min-height ***/

/*** min-height ***/
.min-h80 { min-height:80px!important;}
.min-h100 { min-height:100px!important;}
.min-h140 { min-height:140px!important;}
.min-h200 { min-height:200px!important;}
/*** //min-height ***/

/*** white-space + text-overflow ***/
.WTO { white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;}
.WTOB { white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; display:block!important;}
/*** //white-space + text-overflow ***/

/*** align ***/
.fl-r { float:right!important; }
.fl-l { float:left!important;}

.flex { display:flex!important; display:-ms-flexbox;}
.flex-wrap { flex-wrap:wrap!important; }
.flex-sb { justify-content:space-between!important; }
.flex-fe { justify-content:flex-end!important; }
.flex-stretch { align-items:stretch!important; }
.flex-center { align-items:center!important; }
.flex-self { align-self:center;}
.flex-grow > * { flex:1;}
/*** //align ***/

/*** inner-padding ***/
.inner10 { padding:0 10px; position:relative;}
.inner15 { padding:0 15px; position:relative;}
.inner20 { padding:0 20px; position:relative;}
.inner30 { padding:0 30px; position:relative;}
.inner40 { padding:0 40px; position:relative;}
/*** //inner-padding ***/

/*** pagenation ***/
.pagenation { text-align:center; font-size:0; padding:25px 0; position:relative;}

.pagenation a, .pagenation button { width:24px; height:24px; line-height:24px; font-size:14px; display:inline-block; vertical-align:middle; box-sizing:border-box;}
.pagenation button { background:no-repeat center;}
.pagenation .page-prev { background-image:url(/images/front/btn-icon/pagenation-prev.png);}
.pagenation .page-next { background-image:url(/images/front/btn-icon/pagenation-next.png);}
.pagenation .page-num { display:inline-block; margin:0 12px;}
.pagenation .page-num a { width:24px; line-height:24px; color:#6B86B5; box-sizing:border-box; margin-right:15px; transition:all .2s;}
.pagenation .page-num a:last-child { margin-right:0;}
.pagenation .page-num a:hover,
.pagenation .page-num a.active { color:#222832;}
/*** //pagenation ***/

/*** text-border ***/
.t-border { position:relative; display:inline-block; line-height:1;}
.t-border::after { display:block; content:''; width:100%; height:1px; position:absolute; bottom:0;}
/*** //text-border ***/
/*body { -webkit-font-smoothing:subpixel-antialiased; -webkit-user-drag:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none; }*/


/*시뮬레이터 part2 스위치*/
.model_switch {display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;}

.switchMODE {display:unset !important;appearance:none;position:relative;border-radius:55px;background:#57bdd0;width:35px;height:20px;}
.switchMODE::before {content:"";position:absolute;top:0.5px;left:2px;width:18px;height:18px;border-radius:50%;transform:scale(0.8);background-color:#fff;transition:left 250ms linear;}
.switchMODE:checked {background-color:#c1c1c1;border-color:#c1c1c1;}
.switchMODE:checked::before {background-color:white;left:16px;}
.switchMODE:disabled {border-color:lightgray;opacity:0.7;cursor:not-allowed;}
.switchMODE:disabled:before {background-color:lightgray;}

.switchMODE:disabled + span {opacity:0.7;cursor:not-allowed;}
.switchMODE:focus-visible {outline-offset:max(2px, 0.1em);outline:max(2px, 0.1em) solid tomato;}