@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@200;400;600&display=fallback');
@import url("../font/remixicon.css");/* 기본 아이콘 : http://remixicon.com/에서 확인가능 */
/*  RESET */
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjustbox-sizing:none;box-sizing:border-box; line-height: 1.6}
*:before, *:after{ 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, 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;vertical-align:baseline;font-size:inherit;color:inherit;box-sizing:border-box}
html{-webkit-text-size-adjust:100%; height: 100%; font-size: 13px; min-width: 1200px}
body{ -webkit-overflow-scrolling: touch;; height: 100% ;font-family:'IBM Plex Sans KR',"Malgun Gothic","맑은고딕","AppleSDGothic","AppleGothic","Dotum","Arial",sans-serif;}
dl, ul, ol, menu, li{list-style:none}
fieldset, img{border:0 none;box-sizing:border-box}
input, select, textarea, button{vertical-align:middle;margin:0;padding:0;font-family:inherit;box-sizing:border-box}
button{border:0 none;background-color:transparent;cursor:pointer;box-sizing:border-box}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;box-sizing:border-box}
input, textarea, img{max-width:100%}
a, a:hover, a:visited, a:active{ text-decoration:none}
sup{font-size:small;vertical-align:text-top}
sub{font-size:small;vertical-align:text-bottom}
button, select{-webkit-appearance:none;appearance:none}
select{padding:0 30px 0 5px;border:1px solid #999;background:#fff url("../img/select.svg")no-repeat right 10px top 50%;box-sizing:border-box; background-size: 7px; font-size: 1rem ; border-radius: 0px; height: 30px }
select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
select.disabled,select:disabled{color:#999 !important;background-color:#eee}
a[target="_blank"]:after{font-style: normal;font-weight: normal;speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "remixicon";content:"\EA70"; font-size:0.8125rem !important; }
table{width:100%;border-collapse:collapse;border-spacing:0}
table caption{overflow:hidden;width:0px;height:0px;clip:rect(1px, 1px, 1px, 1px)}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
input:disabled, textarea:disabled{opacity:1;-webkit-text-fill-color:inherit}
textarea, input{border-radius:0}
small{font-size:80%}
sub, sup{position:relative;line-height:0;font-size:60%;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button, input{overflow:visible}
button, select{text-transform:none}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}
/*button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText} */
textarea{overflow:auto}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none}
[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="number"]{-webkit-appearance:none;appearance:none;box-shadow:none}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;height:auto}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
progress{vertical-align:baseline}
details{display:block}
summary{display:list-item}
[hidden], template, hr{display:none}
:focus {outline: thin dotted #ddd;}
button:disabled{ opacity: 0.6 !important; cursor: auto} 
/* root a6b7cb*/
:root {   
color-scheme: normal;
--background-color: #fff;
    --foot:#f9fafc ;   
--color: #222;
--logo-background-color:#295195;
--top-background-color:#193165;    
--logo-color: #fff;
--gnb: rgba(255, 255, 255, 0.65);
--gnb-hover: rgba(255, 255, 255, 1);
--gnb-focus: rgba(255, 255, 255, 0.85);    
--lnb-background-color:#ecf0f3;  
--lnb-color:#524c4c;  	
--logout-background-color:#3e4e85;   
--border-line:#ddd; 	
--border-line-dark:rgba(0, 0, 0, 0.25); 	
--border-line-light:rgba(255, 255, 255, 0.5); 
--td-hover:#f3f5f9;
    
  --primary: #0747a6;
  --primary-hover: #295195;
  --primary-focus: rgba(75,132,255, 0.125);
  --primary-inverse: #fff;	

  --secondary: #4e6d83;
  --secondary-hover: #39566a;
  --secondary-focus: rgba(78, 109, 131, 0.125);
  --secondary-inverse: #fff;
  --contrast: #172936;
  --contrast-hover: #000;
  --contrast-focus: rgba(78, 109, 131, 0.125);
  --contrast-inverse: #fff;
  --mark-background-color: #fff2ca;
  --mark-color: #513b29;
  --del-color: #c62828;
  --schbtn:#4b84ff;
  --schbtn-hover:#193165;
	--ins-color: #46a5a8;		
	--gray:#999;
	--gray-dark:#606060;
	--gray-light:#f2f2f2;
	--alert-color: #b34d80;  
	--success:#449d44;
	--success-bd:#398439;
	--success-hover:#449d44;
	--info:#5bc0de;
	--info-bd:#46b8da;
	--info-hover:#31b0d5;
	--warning:#f0ad4e;
	--warning-bd:#eea236;
	--warning-hover:#ec971f;
	--danger:#d9534f;
	--danger-bd:#d43f3a;
	--danger-hover:#c9302c;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0.0625rem 0.1875rem rgba(23, 41, 54, 0.1), 0 0.0625rem 0.125rem rgba(23, 41, 54, 0.1);
  --button-hover-box-shadow: 0 0.1875rem 0.375rem rgba(23, 41, 54, 0.05), 0 0.1875rem 0.375rem rgba(23, 41, 54, 0.1);
  --form-element-background-color: #d8e2e9;
  --form-element-border-color: #d8e2e9;
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: var(--form-element-background-color);
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: #d1dde5;
  --form-element-disabled-border-color: transparent;
  --form-element-invalid-border-color: transparent;
  --form-element-invalid-active-border-color: transparent;
  --form-element-valid-border-color: transparent;
  --form-element-valid-active-border-color: transparent;
  --switch-background-color: #b5c7d4;
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: #d1dde5;
  --range-active-border-color: #b5c7d4;
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: #f5f8fa;
  --code-background-color: #ebf0f4;
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: #b34d80;
  --code-property-color: #3d888f;
  --code-value-color: #998866;
  --code-comment-color: #9ab1c1;
  --accordion-border-color: var(--muted-border-color);
  --accordion-close-summary-color: var(--color);
  --accordion-open-summary-color: var(--muted-color);
  --card-background-color: var(--background-color);
  --card-border-color: var(--muted-border-color);
  --card-box-shadow: 0 0.125rem 1rem rgba(23, 41, 54, 0.04),  0 0.125rem 2rem rgba(23, 41, 54, 0.08),  0 0 0 0.0625rem rgba(23, 41, 54, 0.024);
  --card-sectionning-background-color: #fafbfc;
  --progress-background-color: #d1dde5;
  --progress-color: var(--primary);
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
}




/*  Input */
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], input[type="time"]{height:30px;padding:0 10px;border:1px solid #999;background-color:#fff;box-sizing:border-box;font-size: 1rem;color:#000; border-radius: 0px}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder,  input[type="time"]:-ms-input-placeholder{color:#999}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="time"]::placeholder{color:#999}

input[type="text"].full, input[type="password"].full, input[type="number"].full, input[type="email"].full, input[type="tel"].full{width:100%}
input[type="text"].t01:-ms-input-placeholder, input[type="password"].t01:-ms-input-placeholder, input[type="number"].t01:-ms-input-placeholder, input[type="email"].t01:-ms-input-placeholder, input[type="tel"].t01:-ms-input-placeholder{color:#444}
input[type="text"].t01::placeholder, input[type="password"].t01::placeholder, input[type="number"].t01::placeholder, input[type="email"].t01::placeholder, input[type="tel"].t01::placeholder{color:#444}
label{font-size: 1rem;color:#000}
label + input[type="text"], label + input[type="password"]{margin-left:20px}
label.essential::before{content:'*';display:inline-block;margin-right:4px;vertical-align:middle}
input[type="text"]:not(.dates):read-only, input[type="password"]:read-only, input[type="number"]:read-only, input[type="email"]:read-only, input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled,input[type="time"]:disabled{background-color:#eee;color:#999}
textarea{resize:none;width:100%;height:100px;padding:5px 10px;border:1px solid #999;background-color:#fff;box-sizing:border-box;font-size: 1rem;line-height:24px;color:#000}
::-webkit-input-placeholder { color:#999 !important; font-weight:normal; font-style: normal }
::-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal }
:-ms-input-placeholder { color:#999 !important; font-weight:normal !important; font-style: normal }
:-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal }

/* radio */
.chk{position:relative;display:inline-block;margin-right:15px;z-index:0; text-align: left; overflow: hidden; vertical-align: top; font-size: 0; margin-bottom: 0; font-weight: 400; margin-left: 0; }
.chk input[type="radio"]{position:absolute;top:2px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1; opacity: 0}
.chk input[type="radio"] + span{position:relative;display:inline-block;font-size: 1rem;vertical-align:middle;cursor:pointer;z-index:2; background: #fff; text-align: left;  color: #454545; height: 100%; padding-left: 20px}
.chk input[type="radio"] + span:before{content:"";display:block;cursor:pointer; border: 1px solid #cdd0db;width:16px; height: 16px; box-sizing: border-box; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.chk input[type="radio"]:checked + span{}
.chk span i{ font-style: normal}
.chk input[type="radio"]:checked + span:before{ border-color: #46a5a8}
.chk input[type="radio"]:checked + span:after{ background:#46a5a8; position: absolute; left: 4px; top:50%; width:8px; height: 8px; display: block; content: ""; border-radius: 100%; transform: translateY(-50%)}
.chk input[type="radio"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6; border-color:#ccc}
.chk input[type="radio"]:checked:disabled + span:after{ border-color: #b3d2d4; background:#b3d2d4}
.chk input[type="radio"]:disabled + span{ font-weight: 400; color: #c3c6d0}
td .chk input[type="radio"]:checked + span:after{}

/* radio button */
.chkbtn{ position: relative; overflow: hidden;  margin-right: -1px; width: auto}
.chkbtn input{position:absolute;top:3px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1;; opacity: 0}
.chkbtn input + span{position:relative;display:inline-block;font-size:1rem;vertical-align:middle;cursor:pointer;z-index:2; background: #fff; text-align: center; border: 1px solid #cdd0db; height: 34px; line-height: 34px; padding: 0 15px; font-size:0.9375rem; white-space: nowrap;}
.chkbtn input:checked + span{background:#46a5a8; font-weight: 400; color: #fff; border-color: #46a5a8}
.chkbtn input:checked + span *{ color: #fff}
.chkbtn:nth-of-type(1) input + span { border-radius: 5px 0 0 5px}
.chkbtn:last-of-type input + span { border-radius: 0px 5px 5px 0;}
.chkbtn:last-of-type{ margin-right:  10px}

/*check*/
.chk:first-child{margin-left:0;}
.chk input[type="checkbox"]{position:absolute;top:3px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1;; opacity: 0}
.chk input[type="checkbox"] + span{position:relative;display:inline-block;font-size: 1rem;vertical-align:middle;cursor:pointer;z-index:2; background: #fff; text-align: left;  color: #454545; height: 100%; padding-left: 20px}
.chk input[type="checkbox"] + span:before{content:"";display:block;background:#fff;cursor:pointer; border: 1px solid #cdd0db;width: 16px; height: 16px; box-sizing: border-box; position: absolute; left: 0; top:50%; transform: translateY(-50%) }
.chk input[type="checkbox"]:checked + span{ color: #454545}
.chk input[type="checkbox"]:checked + span:before{background:#46a5a8;border: 1px solid #46a5a8; }
.chk input[type="checkbox"]:checked + span:after{ position: absolute; left:0; top:1px; width: 16px; height: 16px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB7B"; color: #fff; font-weight: bold; font-size:1rem; }

.chk input[type="checkbox"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6; border-color: #ccc }
.chk input[type="checkbox"]:checked:disabled + span:after{ color: #fff; background:#b3d2d4; border-color: #b3d2d4; }
.chk input[type="checkbox"]:disabled + span{ font-weight: 400; color: #c3c6d0}
/* td .chk input[type="radio"] + span, td .chk input[type="checkbox"] + span{ font-size:0.9375rem;}
td .chk input + span:before{ float: none !important} */

/* 보여주기용 */

.disabled input{position:absolute;top:3px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1;; opacity: 0}
.disabled input + span{position:relative;display:inline-block;font-size: 1rem;vertical-align:middle;cursor:default;z-index:2; background: #fff; text-align: left;  color: #454545; height: 100%; padding-left: 20px}
.disabled input + span:before{content:"";display:block;background:#fff;cursor:pointer; border:none;width: 16px; height: 16px; box-sizing: border-box; position: absolute; left: 0; top:50%; transform: translateY(-50%) }
.disabled input:checked + span{ color:var(--success) !important; font-weight: bold}
.disabled input:checked + span:before{background:#fff;border: none; }
.disabled input + span:after{ position: absolute; left:0; top:1px; width: 16px; height: 16px; display: block;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\EB7B"; font-size:1rem; }

.disabled input:checked:disabled + span:after{color:var(--success) !important; font-weight: bold; }

.disabled input:disabled + span:before{ opacity: 0; }

.disabled input:disabled + span{ color:#CBCBCB !important}

.disabled input:checked:disabled + span,.disabled input:checked:disabled + span:after{ color:var(--success) !important; }






/*img check*/
.chk_img{margin-left:0; position: relative; margin: 2px 20px 2px 0; display: inline-block}
.chk_img input[type="checkbox"]{position:absolute;top:50%;left:50%;width:10px;height:10px;background:none;border:none;z-index:1;; opacity: 0}
.chk_img input[type="checkbox"] + span{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;z-index:2;  text-align: center; font-size: 0.9rem; color: #666}
.chk_img input[type="checkbox"] + span > i{ width: 70px; height: 70px; overflow: hidden; border: 1px solid #ddd;display: block; display: flex; align-items: center; margin-bottom: 5px}
.chk_img input[type="checkbox"] + span > i:before{  width: 100%;    font-size:1.875rem }
.chk_img input[type="checkbox"] + span > i > img{ max-width: none !important; min-width: 100%; min-height: 100%}
.chk_img input[type="checkbox"] + span:before{display:block;margin:0; cursor:pointer; box-sizing: border-box;color: #ccc; position: absolute; left:0; top:0; font-size: 1.625rem;  width: 70px; height: 70px; line-height: 70px; border-radius: 100%; content: ""}
.chk_img input[type="checkbox"] + span:after{display:block;margin:0; cursor:pointer; box-sizing: border-box;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EB80"; color: #ccc; position: absolute; left:-10px; top:-10px; font-size: 1.625rem;  border-radius: 100%;  line-height:26px; height: 26px; background: #fff}
.chk_img input[type="checkbox"]:checked + span{color: #46a5a8;}
.chk_img input[type="checkbox"]:checked + span:after{ background: #fff; color: #46a5a8}
.chk_img input[type="checkbox"]:checked + span > i{ border:2px solid #46a5a8; color:#46a5a8  }
.chk_img input[type="checkbox"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6 }
.chk_img input[type="checkbox"]:disabled + span{ font-weight: 400; color: #c3c6d0}


/*img radio*/
.chk_img input[type="radio"]{position:absolute;top:50%;left:50%;width:10px;height:10px;background:none;border:none;z-index:1;; opacity: 0}
.chk_img input[type="radio"] + span{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;z-index:2;  text-align: center; font-size: 0.9rem; color: #666; height: 70px}
.chk_img input[type="radio"] + span > i{ width: 70px; height: 70px; overflow: hidden; border: 1px solid #ddd; display: block; display: flex; align-items: center; margin-bottom: 5px}
.chk_img input[type="radio"] + span > i:before{  width: 100%;    font-size:1.875rem }
.chk_img input[type="radio"] + span > i > img{ max-width: none !important; min-width: 100%; min-height: 100%}
.chk_img input[type="radio"] + span:before{display:block;margin:0; cursor:pointer; box-sizing: border-box;color: #ccc; position: absolute; left:0; top:0; font-size: 1.625rem;  width: 70px; height: 70px; line-height: 70px; border-radius: 100%; content: ""}
.chk_img input[type="radio"] + span:after{display:block;margin:0; cursor:pointer; box-sizing: border-box;font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EB80"; color: #ccc; position: absolute; left:-10px; top:-10px; font-size: 1.625rem;  border-radius: 100%;  line-height:26px; height: 26px; background: #fff}
.chk_img input[type="radio"]:checked + span{color: #46a5a8;}
.chk_img input[type="radio"]:checked + span:after{ background: #fff; color: #46a5a8}
.chk_img input[type="radio"]:checked + span > i{ border:2px solid #46a5a8; color:#46a5a8  }
.chk_img input[type="radio"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6 }
.chk_img input[type="radio"]:disabled + span{ font-weight: 400; color: #c3c6d0}



/*check _only*/
.only.chk span, td .only.chk span{ font-size: 0 !important; height: 20px}
.chk.only input + span:before{ margin-right: 0 !important}
.chk.only input[type="radio"]:checked + span:after{    top: calc(50% + 0px);}
/*  table */
table{border-top:1px solid #ccc;text-align:center}
table th, table td{height: 35px;padding: 4px 9px;border-bottom:1px solid #d9d9d9; vertical-align:middle;text-align:center; font-weight: 400;border-left:1px solid #ccc; font-size:1rem;border-right:1px solid #ccc}
table tbody th{}
table tbody td + th{ }
table td a{ text-decoration: underline; color:#46a5a8 }
table th{font-weight:400;text-align:center; font-size: 0.92rem; color:rgb(102, 111, 140);}
table th:nth-child(1), table tr td:nth-child(1){}
table thead tr th{    background-color: #586576;border-bottom: 1px solid #ccc; color: #fff }



table th.border-line{border-bottom:1px solid #ccc}
.al{ text-align: left !important} .ac{ text-align: center !important} .ar{ text-align: right !important}
table td{ height:35px; padding:4px 9px; border-color: #ccc}
table tr.alert td{ background:rgba(206, 62, 62,0.05)}
table tr.primary td{ background:rgba(70, 165, 168,0.05)}

table tbody td input[type="text"], table tbody td input[type="password"], table tbody td input[type="number"], table tbody td input[type="email"], table tbody td input[type="tel"], table tbody td select, table tbody td input[type="time"]{ border-radius: 0}
table thead th .updn{ display: inline-block; font-size: 0; line-height: 0; width: 20px; height: 20px; color: #fff; margin-left: 5px }
table thead th .updn:before{font-family: "remixicon"; font-style: normal; speak: none;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA73"; font-size: 0.75rem; line-height: 20px; }
table thead th .updn.up:before{ content: "\EA75"}
table thead th .updn.dn:before{ content: "\EA4B";}
table thead th .updn.on{ color:#fff; background: rgba(0,0,0,0.25); border-radius: 4px}
table tbody th{ border-right: 1px solid #ccc}


/*file*/
.file_bx {position:relative;overflow:hidden; display: flex; align-items: center}
.file_bx input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file_bx input[type='text']{ flex-basis: 100%}
.file_bx input[type='text']:read-only{background:#fff !important;}
.file_bx .button_type{ margin-left:20px;height: 30px;padding: 0 11px;border-radius: 4px;border: solid 1px #46a5a8;background-color: #fff;font-size: 0.92rem;color: #46a5a8; white-space: nowrap; line-height: 30px}
.file_bx .button_type:hover{border-color: #007696;color:#fff;outline: none; background: #007696}



/* old
-------------------------------------------------------------- */
.blind, .hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.sr,.sr-only{clip: rect(1px, 1px, 1px, 1px);position: absolute;margin: -1px;height: 1px;width: 1px;border: 0;padding: 0;overflow: hidden;word-wrap: normal;}
.flex{ display: flex}
.cmt {font-size:0.8125rem;font-weight: 400;display: inline-block;white-space: nowrap; color: #909090}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.f_ais{ align-items: flex-start !important}
.f_aie{ align-items: flex-end!important}
.f_aic{ align-items: center !important}
.f_jcb{ display: flex; justify-content: space-between !important} 
.f_jcs{display: flex; justify-content: flex-start !important} 
.f_jce{ display: flex;justify-content: flex-end !important} 
.f_jce{ display: flex;justify-content: center !important} 

.f_dc{ flex-direction: column !important}
.f_dr{ flex-direction: row !important}
.db{display:block !important;}
.dib{display:inline-block !important;}
.ws_nowrap{ white-space: nowrap !important}
.ws_wrap{ white-space: normal!important}
.fsn{ font-style: normal }
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;-webkit-transform: translateZ(0)}
.need{font-size: 0.92rem;color:#fb5c54 !important;}
span.need{font-size: 0;  }
span.need:before{ font-size: 1.2rem; font-weight: 700; content: "*"; }



.dotdot{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.fl{ float: left !important}
.fr{ float: right !important}
.h50{height: 50px !important}.h70{height: 70px !important}.h100{height: 100px !important}.h150{height: 150px !important}.h200{height: 200px}.h300{height: 300px}
.max{width:100%;}.half{width:50%;}
.half + .half{ width: calc(50% - 5px);}
.w50{width:50px;}.w70{width:70px;}.w100{width:100px;}.w138{width:138px;}.w140{width:140px !important;}.w150{width:150px;}.w200{width:200px !important;}.w240{width:240px;}.w270{width:270px;}.w300{width:300px;}.w350{width:350px;}.w400{width:400px;}.w520{width:520px;}

span.alert, p.alert, div.alert{ font-size:0.8125rem;display: block;color: #ce3e3e; position: relative; padding-left: 15px}
span.alert:before, p.alert:before, div.alert:before{ position: absolute; left: 0; top: 0px;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA20";}
span.alert.ok, p.alert.ok, div.alert.ok{ color:#46a5a8 !important}
.badge{ display: inline-block; font-size:11px; padding: 0 5px; background:var(--gray);; color: #fff; border-radius: 3px; vertical-align: middle; margin: 1px }
.badge + *{ margin-left: 5px}
/* padding
-------------------------------------------------------------- */
.pdt0{padding-top:0px !important;}.pdt5{padding-top:5px !important;}.pdt10{padding-top:10px !important;}.pdt15{padding-top:15px !important;}.pdt20{padding-top:20px !important;}.pdb0{padding-bottom:0px !important;}.pdb5{padding-bottom:5px !important;}.pdb10{padding-bottom:10px !important;}.pdb15{padding-bottom:15px !important;}.pdb20{padding-bottom:20px !important;}.pdr0{padding-right:0px !important;}.pdr40{padding-right:40px !important;}.pdl0{padding-left:0px !important;}.pdl20{padding-left:20px !important;}
/* margin
-------------------------------------------------------------- */
.mgt0{margin-top:0px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}.mgt40{margin-top:40px !important;}.mgt45{margin-top:45px !important;}.mgt50{margin-top:50px !important;}.mgb0{margin-bottom:0px !important;}.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgl0{margin-left:0px !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl15{margin-left:15px !important;}.mgl20{margin-left:20px !important;}.mgl40{margin-left:40px !important;}.mgl70{margin-left:70px !important;}.mgr0{margin-right:0px !important;}.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr15{margin-right:15px !important;}.mgr20{margin-right:20px !important;}.mgb10{margin-bottom:10px;}

/*  Common Layout */
:lang(ko){word-wrap: break-word;word-break:keep-all}
:lang(en){word-break:break-all}