@charset "UTF-8";
/* CSS Document */

/* css reset */
html, body { margin:0; width:100%; padding:0; min-width:320px; font-family:'N-SquareNeo', sans-serif; font-weight:500; font-size:15px; color:#000; line-height:1.7em; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; box-sizing:border-box;position:relative; background:#fff; transition:background 0.5s; }
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;}
a:link, a:hover, a:visited { text-decoration:none;}
ol, ul{ list-style:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:none; }
em { font-style:normal; }
table { border-spacing:0; word-break:break-word; }
a, a:hover { color:#000; }
pre { white-space:break-spaces; font-family:'N-SquareNeo', sans-serif; }
hr { border:none; border-top:1px dashed #ccc; height:0px; }
* { box-sizing: border-box; word-break:break-word; letter-spacing:-0.5px; }
*:focus { outline:2px dashed #007dc3; }
/*table title, form title 숨기기*/
legend, caption, .hidden, .blind { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
.vh { visibility:hidden; font-family:'N-SquareNeo', sans-serif; }
input[type='hidden'] { visibility:hidden; }
::selection { background:#999; color:#FFF; text-shadow:none;}
.ltreset { letter-spacing:0px; }
strong, b { font-weight:600; }
dt { font-weight:700; }
.highLight {  font-weight: 400 !important; }
.overX { overflow-x:hidden; }
.bg_box { background-repeat:no-repeat; background-size:cover; background-position: 50% 50%; overflow:hidden; }
.bg_box img { display:none; }

.relative { position:relative; }
.absolute_r { position:absolute; top:50%; right:0; transform:translateY(-50%); }
.vertical_m { position:relative; top:50%; transform:translateY(-50%);}
.autoY { overflow-y:auto !important; }
.autoX { overflow-x:auto !important; }
.pointer { cursor:pointer;}

.square { height:0; padding-bottom:99.13% !important; }

.flex { display:flex; }
.wrap { flex-wrap:wrap; }
.flex.alignC { display:flex; align-items:center !important; }
.flex.start { display:flex; justify-content:flex-start; align-items:center; }
.flex.end { display:flex; justify-content:flex-end; align-items:center; }
.flex.between { display:flex; justify-content:space-between; align-items:center; }
.flex.around { display:flex; justify-content: space-around; align-items:center; }
.inlineflex.between { display:inline-flex; justify-content:space-between; align-items:center; }
.flex.center { display:flex; justify-content:center; align-items:center; }
.center { justify-content:center; align-items:center; }
.align_end { align-items:flex-end !important; }
.column { flex-direction:column; }
.flex_dr_row { flex-direction:row !important; }
.gap1 { gap:1px; } .gap2 { gap:2px; } .gap3 { gap:3px; } .gap4 { gap:4px; } .gap5 { gap:5px; }
.gap6 { gap:6px; } .gap7 { gap:7px; } .gap8 { gap:8px; } .gap9 { gap:9px; } .gap10 { gap:10px; }
.gap11 { gap:11px; } .gap12 { gap:12px; } .gap13 { gap:13px; } .gap14 { gap:14px; } .gap15 { gap:15px; }
.gap16 { gap:16px; } .gap17 { gap:17px; } .gap18 { gap:18px; } .gap19 { gap:19px; } .gap20 { gap:20px; }

.grid.col2 { display:grid; grid-template-columns:auto auto; grid-gap:30px; }
.grid.col3 { display:grid; grid-template-columns:auto auto auto; grid-gap:30px; }
.grid.col4 { display:grid; grid-template-columns:auto auto auto auto; grid-gap:30px; }
.grid.col5 { display:grid; grid-template-columns:auto auto auto auto auto; grid-gap:30px; }

/* .blockUI.blockMsg.blockPage img { display:none; } */
.blockUI.blockMsg.blockPage { opacity:1 !important; }

:root {
--mainblue:#0056e9;
--mainbluedeep:#001a97;
--navy:#0c1829;
--mainlight:#00a1ff;
--orange:#ff5200;
--green:#019e27;
--greenhover:#028322;
--blue:#0071e3;
--lb:#f9fbfd;
--red:#FF3E3E;
--lp:#f5f8fb;
--lpborder:#d7e3ef;
--th:#f9f9f9;
--border:#ddd;
--borderlight:#e2e9ef;
--logored:#ff0023;
--logoblue:#003DA5;
--lightblue:#e3f1f9;
--lightgreen:#a1e0c3;
}

/*border 속성****************************************************************************************************************************************/
.bd0 { border:none !important; }
.bt0 { border-top:none !important; }
.bb0 { border-bottom:none !important; }
.bb1 { border-bottom:1px solid #d9e4ed !important; }
.bl0 { border-left:none !important; }
.br0 { border-right:none !important; }

/*데코 속성****************************************************************************************************************************************/
/*텍스트 데코*/
.underline { text-decoration:underline !important; text-underline-position:under; }
.bold { font-weight:600; }
.narrow { letter-spacing:-1.5px; }
.widely{ letter-spacing:2px; }
.ellips {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:break-word;}
.textover1 { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-wrap:break-word;}
.textover { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.textover3 { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.textover4 { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.textover5 { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:5; -webkit-box-orient: vertical; }

.must .mustText { display:inline-block; margin-left:5px; transform:translateY(-3px); color:#e21818; }
.error_text { color:#ff0000; font-size:12px; display:block; }
.text_notice { color:#666; font-size:11px; margin:7px 0 0; display:block; }
.text_notice::before, .error_text::before { content:"※"; margin-right:5px; }
.modal-content .error_text::before { display:none; }
.up { font-size:10px; transform:translateY(-7px); margin-right:2px; display:inline-block; }
.overX { -ms-overflow-style:none; scrollbar-width:none; touch-action:pan-x; }
.overX::-webkit-scrollbar { display:none; }

.must_text { color:#000; font-weight:400; margin-top:15px; line-height:1em; font-size:0.9em; word-break:break-word; }
.must_text em { margin-right:5px; font-size:1em; color:#d70000; font-weight:900; }
.must_wrap { display:flex; justify-content:flex-end; margin-bottom:15px; }
.must_wrap .must_text { margin-top:0; }

.ls_narrow { letter-spacing:-1px; }
.icon-blank::after { font-size:7px; margin-left:3px; display:inline-block; width:8px; height:8px; transform:translateY(-3px); transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }

a.link { transition:all 0.3s cubic-bezier(.22, .61,.36, 1); position:relative; }
a.link:hover { color:#fff !important; }
a.link::after { content:''; width:0; height:1px; background:#fff; display:inline-block; transition:all 0.2s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
a.link:hover::after { width:100%; }
.icon-blank { font-size:8px !important; margin-left:5px; transition:all 0.2s; display:inline-block; }
a:has(.icon-blank):hover .icon-blank,
button:has(.icon-blank):hover .icon-blank { transform:translate(20%,-20%); }

.alink { border:1px solid #ddd; padding:13px 20px; border-radius:7px; transition:all 0.3s; }
.alink:hover { background:var(--mainblue); color:#fff; border-color:var(--mainblue); }

/* .small {font-size:0.8em !important;} */
.small_small_medium {font-size:0.9em !important;}
.small_medium {font-size:1.2em !important;}
.medium {font-size:1.6em !important;}

/*button****************************************************************************************************************************************/
/* button */
button { font-family:'N-SquareNeo', sans-serif; font-size:14px; font-weight:600; cursor:pointer; border:1px solid #ddd; background-color:#fff; color:#000; box-shadow:none; border-radius:5px; transition:all .2s; vertical-align:middle; display:inline-flex; align-items:center; justify-content:center; }
button:disabled { background:#f1f1f1; }
button:disabled:hover { box-shadow:none; border-color:#ddd; }

.btn_more { padding:7px 70px 7px 20px; height:50px; font-size:1em; font-weight:600; border-radius:100px; position:relative; border:1px solid #e7e7e7; }
.btn_more span { background:#ccc; font-size:12px; color:#fff; position:absolute; transition:all .2s ease-in-out; top:50%; right:7px; transform:translateY(-50%); border-radius:100px; width:30px; height:30px; display:inline-flex; justify-content:center; align-items:center; }
.btn_more:hover { border:1px solid #ccc; box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.1) 0px 25px 50px -10px, rgba(0, 0, 0, 0.1) 0px 10px 20px -10px; }
.btn_more:hover span { background:var(--main); }
.btn_more:hover span::after { animation:dot 1s infinite; content:''; width:30px; height:30px; border-radius:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:5px solid var(--mainlight); }

.btn_ss, .btn_s, .btn_m, .btn_l { border-radius:5px; transition:all .2s; font-family:'N-SquareNeo', sans-serif; cursor:pointer; }

.btn_ss { font-size:11px; text-align:center; padding:0 10px; height:30px; border-radius:5px;}
.btn_s { font-size:13px; text-align:center; padding:0 15px; height:36px; letter-spacing:-.5px;}
.btn_m { font-size:15px; text-align:center; padding:0 20px; height:40px;}
.btn_l { text-align:center; height:60px; padding:0 35px; font-weight:800; font-size:15px; }
.btn_lk { height:60px; padding:0 70px; font-weight:600; font-size:18px; border-radius:7px;}

.btn_l.flex.between { padding:0 20px; }

.btn_sq_s { width:20px; height:20px; border:1px solid #bbb; border-radius:3px; }
.btn_sq_m { width:32px; height:32px; border:1px solid #bbb; border-radius:3px; }
.btn_sq_l { width:40px; height:40px; border:1px solid #bbb; border-radius:3px; }

a.btn_s , a.btn_m, a.btn_l { border-radius:5px; }
a.btn_s {  padding:5px 8px; }
a.btn_m { padding:8px 12px; }
a.btn_l { padding:13px 40px; }

/*.btn_m:hover, .btn_l:hover, .btn_round:hover, .btn_circleM:hover, .btn_circleL:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.3); }
.btn_ss:hover, .btn_s:hover, .btn_sq_s:hover, .btn_sq_m:hover, .btn_img:hover, .btn_circleSS:hover, .btn_circleS:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; }*/

.btn_round { border-radius:100px; transition:all .2s cubic-bezier(.22, .61,.36, 1); }
.btn_icon { border:none; background:none; height:auto; padding:0; font-size:16px; }
.btn_icon:hover { color:var(--main); }

/*닫기버튼*/
.btn_close { border:none; background:none; box-shadow:none; width:30px; height:30px; opacity:0.5; border-radius:60px; position:relative; }
.btn_close:hover { opacity:1; border:none; box-shadow:none; }
.btn_close::after { content:''; display:block; position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%,-50%) scale(1); width:40px; height:40px; border:4px solid #ccc; border-radius:50px; }
.btn_close:hover::after { animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); }
@keyframes btn_close { from { opacity:1; transform:translate(-50%,-50%) scale(1); } to { opacity:0; transform:translate(-50%,-50%) scale(1.6); } }

.btn_plus { position:relative; }
.btn_plus::after, .btn_plus::before { content:''; display:inline-block; width:2px; height:14px; background:#333; position:absolute; top:50%; left:50%; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.btn_plus::after { transform:translate(-50%,-50%); }
.btn_plus::before { transform:translate(-50%,-50%) rotate(90deg); transition:all 0.3s; }
.active .btn_plus::after { transform:translate(-50%,-50%) rotate(45deg); background:#000; }
.active .btn_plus::before { background:#000; transform:translate(-50%,-50%) rotate(135deg); }

/*색상속성****************************************************************************************************************************************/
/*font color*/
.color_orange { color:#e47916 !important; }
.color_lightgreen {color:#71bd3e !important; }
.color_green {color:var(--green) !important; }
.color_black { color:#3c3c3c !important; }
.color_deepblue { color:#317fa4 !important; }
.color_purple { color:#d26bca !important; }
.color_gray { color:#888 !important; }
.color_lightgray { color:#ccc !important; }
.color_blue { color:#0071e3 !important; }
.color_red { color:#e91800 !important; }
.color_navy { color:#133467 !important; }
.color_white { color:#fff !important; }
.color_yellow { color:#f4c500 !important; }

/* bgcolor */
.bg_basic { border:1px solid #ccc; background:none; color:#000; }
button.bg_basic:hover { border-color:#666; }
a.bg_download { border:1px solid #ccc !important; background:none; color:#000; }
a.bg_download:hover { border-color:#666 !important; }
.bg_green { border:1px solid #019e27; background:#019e27; color:#fff; }
button.bg_green:hover { border-color:#006919; background:#006919; }
.bg_red { border:1px solid #E91D1D; background:#FF3E3E; color:#fff; }
button.bg_red:hover { border-color:#E91D1D; background:#E91D1D; }
.bg_gray {background-color:#f1f4f6 !important;}  /* 결제대기 */
.bg_lgray {background-color:#f8f8f8 !important;transition:all 0.2s;}
button.bg_lgray:hover {background-color:#f0f0f0 !important;}
.bg_white {background-color:#fff !important; color:#000; border:1px solid #ccc;}
button.bg_white:hover { border:1px solid #666; }
.bg_navy { background:#143b84; color:#fff; border-color:#0d3071; transition:all 0.2s; }
button.bg_navy:hover { background-color:#032b54 !important; }
.bg_darknavy { background:#031c4b; color:#fff; border-color:#031c4b; transition:all 0.2s }
button.bg_darknavy:hover { background-color:#000f2d !important; }
.bg_blue { background:#0056e9; color:#fff; border-color:#0052df; transition:all 0.2s; }
button.bg_blue:hover { background-color:#0016b1 !important; }
.bg_bk { background:#000; color:#fff; border-color:#000; transition:all 0.2s; }
button.bg_bk:hover { background-color:#222 !important; }
.bg_lp { background:#f5f8fb !important; }
.bg_main { background:var(--mainblue); color:#fff; border-color:var(--mainblue); transition:all 0.2s; }
button.bg_main:hover { background-color:var(--mainbluedeep) !important; border-color:var(--mainbluedeep) !important;}
.bg_blur { border-color:#959595; background:rgba(0, 0, 0, 0.2); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); transition:all 0.2s; }
button.bg_blur:hover { background:#0052df; }
.bg_pink { background:#ffe9e7; color:#a50e0e; border:1px solid #f9bfbf; transition:all 0.2s; }
button.bg_pink:hover { background:#e72f00; border-color:#e72f00; color:#fff; }
.bg_yellow { border:1px solid #FFDC3C; background:#FFDC3C; color:#000000; }

.line_lg { border:1px solid #ededed; }
.line_blue { border:1px solid #1265cc; color:#1265cc; }
.line_blue:hover { background:#1265cc; color:#fff; }
.line_white { background:transparent; border:1px solid #fff; color:#fff; }
.line_white:hover { background:#fff; color:#333; }
.line_bk { background:transparent; border:1px solid #000; color:#000; }
.line_bk:hover { background:#000; color:#fff; }
.line_red { background:transparent; border:1px solid #ffb4b4; color:#ef0b0b; }
.line_red:hover { border-color:#ef0b0b; }
.bg_line { background:transparent; border:1px solid #333; }
.bg_line:hover { background-color:#fff; }

.box_bg_navy { background:#102d68; color:#fff; }
.box_bg_blue { background:#2970ff; color:#fff; }

.line_green { border: 1px solid #4dc400 !important; background: #e5ffd4 !important; color: #368900 !important; }
.line_yellow{ border: 1px solid #f4c500 !important; background: #fff0b2 !important; color: #493b00 !important; }

/*정렬속성****************************************************************************************************************************************/
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.justify { text-align:justify !important; }
.valign_super { vertical-align:super; font-size:0.8em; font-weight:400; }
.valign_sub { vertical-align:sub; font-size:0.8em; font-weight:400; }

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both !important;}
.clear::after { clear:both; display:block; content:''; }
.inline { display:inline-block !important; }
.block { display:block !important; }
.none { display:none !important;}
.width_center{ margin:0 auto;}
.margin0 { margin:0 !important;}
.inlineflex { display:inline-flex; }

/*input 디자인****************************************************************************************************************************************/
.inputText, .selectText, .textArea { font-family:'N-SquareNeo', sans-serif; background-color:#fff; border:1px solid #ddd; z-index:1; height:40px; font-size:14px; color:#333; font-weight:600; padding:0 0 0 10px; border-radius:5px; display:inline-block; box-shadow:none; -webkit-appearance: none; transition:0.2s ease-in-out;} /* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */
.textArea { padding:15px; resize:none; }
label { cursor:pointer; }
.inputText[readonly], .selectText[readonly], .textArea[readonly],
.inputText[disabled], .selectText[disabled], .textArea[disabled]{ background-color:#f5f5f5 !important; border-color:#ededed !important; }
.inputText::placeholder { color:#999; }
.inputText[readonly]:hover, .selectText[readonly]:hover, .textArea[readonly]:hover,
.inputText[disabled]:hover, .selectText[disabled]:hover, .textArea[disabled]:hover { border:1px solid #e4e4e4; box-shadow:none; }
.inputText:hover, .selectText:hover, .textArea:hover, .textArea:focus, .inputFile:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border:1px solid #666; }

/*select*/
select { padding-left:5px; padding-right:35px !important; background:url(/images/user/arrow_bottom.svg) calc(100% - 10px) 50% no-repeat #fff; background-size:10px; cursor:pointer;transition:all .5s ease-in-out; overflow:hidden !important; text-overflow: ellipsis; white-space:nowrap;
 -webkit-appearance: none;/* 화살표 없애기 for chrome */  -moz-appearance: none; /* 화살표 없애기 for firefox */ appearance: none;/* 화살표 없애기 공통 */ }
select::-ms-expand { display: none;/* 화살표 없애기 for firefox */}

/*checkbox*/
input[type='checkbox'] { width:18px; height:18px; background:#fff; opacity:1; margin:0 6px 0 0; border-radius:5px; z-index:0; position:relative; cursor:pointer; transition:all 0.2s;}
input[type='checkbox']:hover { box-shadow:0 0 0 max(2px, 0.1em) lightgray; }
input[type='checkbox']::before { content: "\ea10"; pointer-events:none; font-family:'icomoon' !important; border:1px solid #ccc; width:calc(100% - 0px); height:calc(100% - 0px); display:flex; align-items: center; justify-content:center; border-radius:5px; top:-1px; left:-1px; background:#fff; color:#fff; position:absolute; transition:all 0.3s; }
input[type='checkbox']:checked::before { opacity:1; z-index:1; background:var(--mainblue); color:#fff; border:1px solid var(--mainblue); }
input[type='checkbox']:checked + label { font-weight:600; }

/* 에디터 체크박스 */
.ce-ui-dialog input[type='checkbox']::before { content: none !important;}

input[type='radio'] { width:18px; height:18px; background:#fff; opacity:1; position:relative; margin:0 6px 0 0; z-index:1; appearance: none; border: max(2px, 0.1em) solid #ccc; border-radius: 50%; transition:all 0.2s;}
input[type='radio']:checked { border: 0.7em solid var(--mainblue); }
input[type="radio"]:hover { box-shadow:0 0 0 max(2px, 0.1em) lightgray; cursor:pointer;}
input[type='radio']::before { content: "\ea10"; font-family:'icomoon' !important; pointer-events:none; font-size:10px; font-weight:400; display:inline-block; position:absolute; opacity:0; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff;transition:all 0.2s; }
input[type='radio']:checked::before { opacity:1; }
input[type='radio']:checked + label { font-weight:600; }


/*체크,라디오 기본정렬*/
.checkbox { display:flex; flex-wrap:wrap; gap:7px 15px; }
.checkbox .check { display:flex; align-items:center; }
.checkbox .check label { font-size:15px; line-height:1.7em; }
.checkbox.center { justify-content:center; }
.checkbox_etc .check { flex-wrap:wrap; gap:7px 15px; }
.checkbox_etc span { display:flex; align-items:center; }
.checkbox.agreecheck .check label { font-size:17px; }
/*.checkbox.center input[type='checkbox'], .checkbox.center input[type='radio'] { margin:0; }
.checkbox .check:last-child { margin:5px 0 5px 5px;  }*/
/*날짜선택*/
.date_pick { border:1px solid #ccc; border-radius:5px; transition:all 0.5s; display:inline-flex; align-items:center; }
.date_pick label { width:36px; height:36px; font-size:15px; display:inline-flex; align-items:center; justify-content:center; }
.date_pick:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:#999; }
.date_pick .inputText { border:none !important; height:34px !important; }
.date_pick .inputText:hover { box-shadow:none; border:none; }

.hasDatepicker { padding-right:35px; width:150px !important; transition:border 0.3s, boxshadow 0.3s !important; background-image:url(/images/user/icon_cal.svg); background-size:15px 15px; background-position:calc(100% - 12px) 50%; background-repeat:no-repeat; }

/*첨부파일*/
.file_up { display:flex; flex-direction:column; align-items:flex-start; position:relative; }
.file_up input[type="file"] { position:absolute; width:130px; height:45px; padding:0; margin:0; border:0; border-radius:7px; }
.file_up label {border:1px solid #ccc; width:130px; font-size:15px; height:45px; padding:0 15px; background:#fff; border-radius:7px; z-index:1; box-shadow:none; display:inline-flex !important; justify-content:space-between; align-items:center; transition:all 0.3s ease-in-out; }
.file_up label span { margin-left:5px; font-size:12px; }
.file_up label:hover { box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border-color:#666; }
.file_up .filenote { font-size:12px; color:#717171; margin:0px 0 5px; }

/*첨부파일 목록*/
.file_item_wrap { display:flex; width:100%; margin-top:5px; flex-direction:column; align-items:flex-start; gap:10px; padding:15px; border:1px solid #b0c3d3; }
.file_item { display:inline-flex; gap:15px; align-items:center; line-height:1em; transition:all 0.3s; }
.file_item .filename { font-size:13px; line-height:1.5em; font-weight:500; display:inline-flex; align-items:center; gap:5px; }
.file_item .filebtnwrap { display:flex; gap:3px; }
.file_item .btn_file { width:24px; height:24px; padding:0; border:1px solid #ddd; border-radius:2px; background:none; color:#000; transition:all 0.3s; }
.file_item .btn_file:hover { border-color:#333; }

.file_img .filename::before,
.file_ppt .filename::before,
.file_pdf .filename::before,
.file_word .filename::before,
.file_reg .filename::before,
.file_excel .filename::before,
.file_zip .filename::before,
.file_hwp .filename::before { font-family: 'icomoon' !important; font-size:15px; }

.file_img .filename::before { content: "\e90f"; }
.file_zip .filename::before { content: "\e95e"; }
.file_reg .filename::before { content: "\e912"; }
.file_ppt .filename::before { content: "\e911"; color:#b23725; }
.file_pdf .filename::before { content: "\e910"; color:#d7221a; }
.file_word .filename::before { content: "\e913"; color:#29558e; }
.file_excel .filename::before { content: "\e90d"; color:#1d6c41; }
.file_hwp .filename::before { content: "\e90e"; color:#2097d8; }

.btn_text { background:none; border:none; font-weight:500; }
.btn_text .icon-file-down { width:24px; height:24px; padding:0; margin-right:5px; border:1px solid #ddd; border-radius:2px; background:#fff; color:#000; transition:all 0s; align-items:center; display:inline-flex; justify-content:center; }
.btn_text:hover .icon-file-down { border-color:#666; }
.btn_text:hover { text-decoration:underline; }

/*이미지파일*/
.file_list.img_type { display:flex; align-items:center; margin-top:5px; gap:5px; }
.file_list.img_type .file_box { border:1px solid #ccc; width:80px; height:80px; border-radius:10px; background-size:contain; transition:all .2s; position:relative; overflow:hidden; }
.file_list.img_type .btn_wrap { position:absolute; background:rgba(0,0,0,0.3); backdrop-filter:blur(10px); bottom:-30px; left:0; width:100%; height:30px; text-align:center; display:flex; justify-content:center; transition:all .2s ease-in-out; }
.file_list.img_type .file_box:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.1); border-color:#666; }
.file_list.img_type .file_box:hover .btn_wrap { bottom:0; }
.file_list.img_type .file_box .btn_wrap button { color:#fff; opacity:0.6; background:none; border:none; margin:0 3px;border-radius:2px; }
.file_list.img_type .file_box .btn_wrap button:hover { opacity:1; box-shadow:none; }

.file_list.thumb_type .file_box { position:relative; padding:5px 7px 5px 5px; }
.file_list.thumb_type .thumbnail { width:25px; height:25px; border-radius:5px; margin-right:10px;}
.file_list.thumb_type .file_name em { margin-left:5px; font-size:0.8em; }

/*크롬자동완성 배경지우기*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px #fff inset; box-shadow:0 0 0px 1000px #fff inset; transition:background-color 5000s ease-in-out 0s;}
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active {-webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px #fff inset; box-shadow:0 0 0px 1000px #fff inset; transition:background-color 5000s ease-in-out 0s;}

/*로그인폼 자동완성 배경지우기*/
.login_input input:-webkit-autofill, .login_input input:-webkit-autofill:hover, .login_input input:-webkit-autofill:focus, .login_input input:-webkit-autofill:active {-webkit-box-shadow:0 0 0px 1000px #f4f4f4 inset; box-shadow:0 0 0px 1000px #f4f4f4 inset; }
.login_input input:autofill, .login_input input:autofill:hover, .login_input input:autofill:focus, .login_input input:autofill:active {-webkit-box-shadow:0 0 0px 1000px #f4f4f4 inset; box-shadow:0 0 0px 1000px #f4f4f4 inset; }


/*scrollbar 디자인****************************************************************************************************************************************/
::-webkit-scrollbar {width:10px; height:8px; }
::-webkit-scrollbar-track {background:transparent; }
::-webkit-scrollbar-thumb {height:50px; width:50px; background:rgba(25,25,25,0.4); transition:all 0.3s; -webkit-border-radius:8px; border-radius:8px; }
::-webkit-scrollbar-thumb:hover { background:rgba(25,25,25,0.5); }

/*가로,세로,마진,패딩 설정****************************************************************************************************************************************/
.r0 { border-radius:0px !important; }
.r5 { border-radius:5px !important; }
.r10 { border-radius:10px !important; }
.r15 { border-radius:15px !important; }
.r20 { border-radius:20px !important; }
.r25 { border-radius:25px !important; }
.r30 { border-radius:30px !important; }
.r35 { border-radius:35px !important; }
.r40 { border-radius:40px !important; }
.r45 { border-radius:45px !important; }
.r50 { border-radius:50px !important; }

/* 가로사이즈% (테이블 col class로 사용 필요할 경우 class 추가) */
.widthauto { width:auto !important;}
.width1p { width:1% !important; }
.width2p { width:2% !important; }
.width3p { width:3% !important; }
.width4p { width:4% !important; }
.width5p { width:5% !important; }
.width6p { width:6% !important; }
.width7p { width:7% !important; }
.width8p { width:8% !important; }
.width9p { width:9% !important; }
.width10p { width:10% !important; }
.width11p { width:11% !important; }
.width12p { width:12% !important; }
.width12_5p { width:12.5% !important; }
.width13p { width:13% !important; }
.width14p { width:14% !important; }
.width15p { width:15% !important; }
.width16p { width:16% !important; }
.width16_3p { width:16.3% !important; }
.width16_6p { width:16.666666% !important; }
.width17p { width:17% !important; }
.width18p { width:18% !important; }
.width19p { width:19% !important; }
.width20p { width:20% !important; }
.width21p { width:21% !important; }
.width22p { width:22% !important; }
.width23p { width:23% !important; }
.width24p { width:24% !important; }
.width25p { width:25% !important; }
.width26p { width:26% !important; }
.width27p { width:27% !important; }
.width28p { width:28% !important; }
.width29p { width:29% !important; }
.width30p { width:30% !important; }
.width31p { width:31% !important; }
.width32p { width:32% !important; }
.width33p { width:33.333% !important; }
.width34p { width:34% !important; }
.width35p { width:35% !important; }
.width36p { width:36% !important; }
.width37p { width:37% !important; }
.width38p { width:38% !important; }
.width39p { width:39% !important; }
.width40p { width:40% !important; }
.width41p { width:41% !important; }
.width42p { width:42% !important; }
.width43p { width:43% !important; }
.width44p { width:44% !important; }
.width45p { width:45% !important; }
.width46p { width:46% !important; }
.width47p { width:47% !important; }
.width48p { width:48% !important; }
.width49p { width:49% !important; }
.width50p { width:50% !important; }
.width51p { width:51% !important; }
.width52p { width:52% !important; }
.width53p { width:53% !important; }
.width54p { width:54% !important; }
.width55p { width:55% !important; }
.width56p { width:56% !important; }
.width57p { width:57% !important; }
.width58p { width:58% !important; }
.width59p { width:59% !important; }
.width60p { width:60% !important; }
.width61p { width:61% !important; }
.width62p { width:62% !important; }
.width63p { width:63% !important; }
.width64p { width:64% !important; }
.width65p { width:65% !important; }
.width66p { width:66% !important; }
.width67p { width:67% !important; }
.width68p { width:68% !important; }
.width69p { width:69% !important; }
.width70p { width:70% !important; }
.width71p { width:71% !important; }
.width72p { width:72% !important; }
.width73p { width:73% !important; }
.width74p { width:74% !important; }
.width75p { width:75% !important; }
.width76p { width:76% !important; }
.width77p { width:77% !important; }
.width78p { width:78% !important; }
.width79p { width:79% !important; }
.width80p { width:80% !important; }
.width81p { width:81% !important; }
.width82p { width:82% !important; }
.width83p { width:83% !important; }
.width84p { width:84% !important; }
.width85p { width:85% !important; }
.width86p { width:86% !important; }
.width87p { width:87% !important; }
.width88p { width:88% !important; }
.width89p { width:89% !important; }
.width90p { width:90% !important; }
.width91p { width:91% !important; }
.width92p { width:92% !important; }
.width93p { width:93% !important; }
.width94p { width:94% !important; }
.width95p { width:95% !important; }
.width96p { width:96% !important; }
.width97p { width:97% !important; }
.width98p { width:98% !important; }
.width99p { width:99% !important; }
.width100p { width:100% !important; }

.height50p { height:50% !important; }
.height55p { height:55% !important; }
.height60p { height:60% !important; }
.height65p { height:65% !important; }
.height70p { height:70% !important; }
.height75p { height:75% !important; }
.height80p { height:80% !important; }
.height85p { height:85% !important; }
.height90p { height:90% !important; }
.height95p { height:95% !important; }
.height100p { height:100% !important; }

.h_calc270 { height:calc(100% - 270px) !important; }
.hcalc10 { height:calc(100% - 10px) !important; }
.hcalc20 { height:calc(100% - 20px) !important; }
.hcalc30 { height:calc(100% - 30px) !important; }
.hcalc40 { height:calc(100% - 40px) !important; }
.hcalc50 { height:calc(100% - 50px) !important; }
.hcalc56 { height:calc(100% - 56px) !important; }
.hcalc60 { height:calc(100% - 60px) !important; }
.hcalc100 { height:calc(100% - 100px) !important; }
.hcalc200 { height:calc(100% - 200px) !important; }
.hcalc259 { height:calc(100% - 259px) !important; }

.calc6  { width:calc(100% - 6px) !important; }
.calc10 { width:calc(100% - 10px); }
.calc20 { width:calc(100% - 20px); }
.calc30 { width:calc(100% - 30px); }
.calc35 { width:calc(100% - 35px); }
.calc40 { width:calc(100% - 40px); }
.calc50 { width:calc(100% - 50px); }
.calc55 { width:calc(100% - 55px); }
.calc56 { width:calc(100% - 56px); }
.calc57 { width:calc(100% - 57px); }
.calc58 { width:calc(100% - 58px); }
.calc59 { width:calc(100% - 59px); }
.calc60 { width:calc(100% - 60px); }
.calc61 { width:calc(100% - 61px); }
.calc62 { width:calc(100% - 62px); }
.calc63 { width:calc(100% - 63px); }
.calc64 { width:calc(100% - 64px); }
.calc65 { width:calc(100% - 65px); }
.calc66 { width:calc(100% - 66px); }
.calc67 { width:calc(100% - 67px); }
.calc68 { width:calc(100% - 68px); }
.calc68 { width:calc(100% - 69px); }
.calc68 { width:calc(100% - 68px); }
.calc70 { width:calc(100% - 70px); }
.calc80 { width:calc(100% - 80px); }
.calc84 { width:calc(100% - 84px); }
.calc85 { width:calc(100% - 85px); }
.calc88 { width:calc(100% - 88px); }
.calc90 { width:calc(100% - 90px); }
.calc100 { width:calc(100% - 100px); }
.calc105 { width:calc(100% - 105px); }
.calc108 { width:calc(100% - 108px); }
.calc110 { width:calc(100% - 110px); }
.calc118 { width:calc(100% - 118px); }
.calc119 { width:calc(100% - 119px); }
.calc120 { width:calc(100% - 120px); }
.calc122 { width:calc(100% - 122px); }
.calc130 { width:calc(100% - 130px); }
.calc135 { width:calc(100% - 135px); }
.calc140 { width:calc(100% - 140px); }
.calc142 { width:calc(100% - 142px); }
.calc143 { width:calc(100% - 143px); }
.calc144 { width:calc(100% - 144px); }
.calc146 {width: calc(100% - 146px);}
.calc150 { width:calc(100% - 150px); }
.calc160 { width:calc(100% - 160px); }
.calc165 { width:calc(100% - 165px); }
.calc178 { width:calc(100% - 178px); }
.calc192 { width:calc(100% - 192px); }
.calc195 { width:calc(100% - 195px); }
.calc200 { width:calc(100% - 200px); }
.calc203 { width:calc(100% - 203px); }
.calc204 { width:calc(100% - 204px); }
.calc210 { width:calc(100% - 210px); }
.calc216 { width:calc(100% - 216px); }
.calc230 { width:calc(100% - 230px); }
.calc250 { width:calc(100% - 250px); }
.calc260 { width:calc(100% - 260px); }
.calc264 { width:calc(100% - 264px); }
.calc300 { width:calc(100% - 300px); }
.calc310 { width:calc(100% - 310px); }
.calc25-5 { width:calc(25% - 8px); }
.calc10-10 { width:calc(10% - 10px) !important; }
.calc20-10 { width:calc(20% - 10px) !important; }
.calc30-10 { width:calc(30% - 10px) !important; }
.calc40-3 { width:calc(40% - 3px) !important; }
.calc50-1 { width:calc(50% - 1px) !important; }
.calc50-2 { width:calc(50% - 2px) !important; }
.calc50-3 { width:calc(50% - 3px) !important; }
.calc50-4 { width:calc(50% - 4px) !important; }
.calc50-5 { width:calc(50% - 5px) !important; }
.calc50-10 { width:calc(50% - 10px) !important; }
.calc70-10 { width:calc(70% - 10px) !important; }

/* 가로사이즈px (테이블 col class로 사용 필요할 경우 class 추가) */
.width5 { width:5px !important;}
.width10 { width:10px !important;}
.width15 { width:15px !important;}
.width20 { width:20px !important;}
.width25 { width:25px !important;}
.width30 { width:30px !important;}
.width35 { width:35px !important;}
.width40 { width:40px !important;}
.width45 { width:45px !important;}
.width46 { width:46px !important;}
.width50 { width:50px !important;}
.width55 { width:55px !important;}
.width60 { width:60px !important;}
.width65 { width:65px !important;}
.width70 { width:70px !important;}
.width75 { width:75px !important;}
.width80 { width:80px !important;}
.width85 { width:85px !important;}
.width89 { width:89px !important;}
.width90 { width:90px !important;}
.width95 { width:95px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width120 { width:120px !important;}
.width130 { width:130px !important;}
.width140 { width:140px !important;}
.width150 { width:150px !important;}
.width160 { width:160px !important;}
.width170 { width:170px !important;}
.width180 { width:180px !important;}
.width190 { width:190px !important;}
.width200 { width:200px !important;}
.width210 { width:210px !important;}
.width220 { width:220px !important;}
.width230 { width:230px !important;}
.width240 { width:240px !important;}
.width250 { width:250px !important;}
.width260 { width:260px !important;}
.width270 { width:270px !important;}
.width280 { width:280px !important;}
.width290 { width:290px !important;}
.width300 { width:300px !important;}
.width310 { width:310px !important;}
.width320 { width:320px !important;}
.width323 { width:323px !important;}
.width330 { width:330px !important;}
.width340 { width:340px !important;}
.width350 { width:350px !important;}
.width360 { width:360px !important;}
.width370 { width:370px !important;}
.width380 { width:380px !important;}
.width390 { width:390px !important;}
.width400 { width:400px !important;}
.width420 { width:420px !important;}
.width422 { width:422px !important;}
.width450 { width:450px !important;}
.width480 { width:480px !important;}
.width500 { width:500px !important;}
.width505 { width:505px !important;}
.width550 { width:550px !important;}
.width600 { width:600px !important;}
.width650 { width:650px !important;}
.width700 { width:700px !important;}
.width750 { width:750px !important;}
.width800 { width:800px !important;}
.width850 { width:850px !important;}
.width900 { width:900px !important;}
.width950 { width:950px !important;}
.width1000 { width:1000px !important;}
.width1100 { width:1100px !important;}
.width1200 { width:1200px !important;}
.width1300 { width:1300px !important;}
.width1400 { width:1400px !important;}
.width1500 { width:1500px !important;}
.width1600 { width:1600px !important;}
.width1700 { width:1700px !important;}

/* 세로사이즈px (테이블 row class로 사용 필요할 경우 class 추가) */
.heightauto { height:auto !important; }
.height100p { height:100% !important;}
.height5 { height:5px !important;}
.height10 { height:10px !important;}
.height15 { height:15px !important;}
.height20 { height:20px !important;}
.height23 { height:23px !important;}
.height25 { height:25px !important;}
.height30 { height:30px !important;}
.height32 { height:32px !important;}
.height35 { height:35px !important;}
.height37 { height:37px !important;}
.height38 { height:38px !important;}
.height40 { height:40px !important;}
.height45 { height:45px !important;}
.height50 { height:50px !important;}
.height53 { height:53px !important;}
.height55 { height:55px !important;}
.height60 { height:60px !important;}
.height65 { height:65px !important;}
.height70 { height:70px !important;}
.height75 { height:75px !important;}
.height76 { height:76px !important;}
.height77 { height:77px !important;}
.height78 { height:78px !important;}
.height79 { height:79px !important;}
.height80 { height:80px !important;}
.height81 { height:81px !important;}
.height82 { height:82px !important;}
.height83 { height:83px !important;}
.height84 { height:84px !important;}
.height85 { height:85px !important;}
.height86 { height:86px !important;}
.height87 { height:87px !important;}
.height88 { height:88px !important;}
.height89 { height:89px !important;}
.height90 { height:90px !important;}
.height95 { height:95px !important;}
.height100 { height:100px !important;}
.height110 { height:110px !important;}
.height112 { height:112px !important;}
.height120 { height:120px !important;}
.height121{ height:121px !important;}
.height122{ height:122px !important;}
.height123{ height:123px !important;}
.height124{ height:124px !important;}
.height125{ height:125px !important;}
.height126{ height:126px !important;}
.height127{ height:127px !important;}
.height128{ height:128px !important;}
.height129{ height:129px !important;}
.height130 { height:130px !important;}
.height140 { height:140px !important;}
.height150 { height:150px !important;}
.height160 { height:160px !important;}
.height170 { height:170px !important;}
.height180 { height:180px !important;}
.height190 { height:190px !important;}
.height200 { height:200px !important;}
.height210 { height:210px !important;}
.height217 { height:217px !important;}
.height220 { height:220px !important;}
.height230 { height:230px !important;}
.height240 { height:240px !important;}
.height250 { height:250px !important;}
.height253 { height:253px !important;}
.height255 { height:255px !important;}
.height260 { height:260px !important;}
.height270 { height:270px !important;}
.height280 { height:280px !important;}
.height290 { height:290px !important;}
.height300 { height:300px !important;}
.height310 { height:310px !important;}
.height320 { height:320px !important;}
.height330 { height:330px !important;}
.height340 { height:340px !important;}
.height350 { height:350px !important;}
.height360 { height:360px !important;}
.height370 { height:370px !important;}
.height380 { height:380px !important;}
.height390 { height:390px !important;}
.height400 { height:400px !important;}
.height410 { height:410px !important;}
.height420 { height:420px !important;}
.height430 { height:430px !important;}
.height440 { height:440px !important;}
.height450 { height:450px !important;}
.height460 { height:460px !important;}
.height470 { height:470px !important;}
.height480 { height:480px !important;}
.height490 { height:490px !important;}
.height500 { height:500px !important;}
.height510 { height:510px !important;}
.height515 {height:515px !important;}
.height520 { height:520px !important;}
.height530 { height:530px !important;}
.height540 { height:540px !important;}
.height550 { height:550px !important;}
.height560 { height:560px !important;}
.height570 { height:570px !important;}
.height580 { height:580px !important;}
.height590 { height:590px !important;}
.height600 { height:600px !important;}
.height610 { height:610px !important;}
.height620 { height:620px !important;}
.height630 { height:630px !important;}
.height640 { height:640px !important;}
.height650 { height:650px !important;}
.height660 { height:660px !important;}
.height670 { height:670px !important;}
.height680 { height:680px !important;}
.height690 { height:690px !important;}
.height700 { height:700px !important;}
.height710 { height:710px !important;}
.height720 { height:720px !important;}
.height730 { height:730px !important;}
.height740 { height:740px !important;}
.height750 { height:750px !important;}
.height760 { height:760px !important;}
.height770 { height:770px !important;}
.height780 { height:780px !important;}
.height790 { height:790px !important;}
.height800 { height:800px !important;}
.height810 { height:810px !important;}
.height820 { height:820px !important;}
.height830 { height:830px !important;}
.height840 { height:840px !important;}
.height850 { height:850px !important;}
.height860 { height:860px !important;}
.height870 { height:870px !important;}
.height880 { height:880px !important;}
.height890 { height:890px !important;}
.height900 { height:900px !important;}
.height910 { height:910px !important;}
.height920 { height:920px !important;}
.height930 { height:930px !important;}
.height940 { height:940px !important;}
.height950 { height:950px !important;}
.height960 { height:960px !important;}
.height970 { height:970px !important;}
.height980 { height:980px !important;}
.height990 { height:990px !important;}
.height1000 { height:1000px !important;}

/*공간주기*/
.space5 { clear:both; width:100%; height:5px !important;}
.space10 { clear:both; width:100%; height:10px !important;}
.space15 { clear:both; width:100%; height:15px !important;}
.space20 { clear:both; width:100%; height:20px !important;}
.space25 { clear:both; width:100%; height:25px !important;}
.space30 { clear:both; width:100%; height:30px !important;}
.space35 { clear:both; width:100%; height:35px !important;}
.space40 { clear:both; width:100%; height:40px !important;}
.space45 { clear:both; width:100%; height:45px !important;}
.space50 { clear:both; width:100%; height:50px !important;}
.space55 { clear:both; width:100%; height:55px !important;}
.space60 { clear:both; width:100%; height:60px !important;}
.space65 { clear:both; width:100%; height:65px !important;}
.space70 { clear:both; width:100%; height:70px !important;}
.space75 { clear:both; width:100%; height:75px !important;}
.space80 { clear:both; width:100%; height:80px !important;}
.space85 { clear:both; width:100%; height:85px !important;}
.space90 { clear:both; width:100%; height:95px !important;}
.space100 { clear:both; width:100%; height:100px !important;}
.space110 { clear:both; width:100%; height:110px !important;}
.space120 { clear:both; width:100%; height:120px !important;}
.space130 { clear:both; width:100%; height:130px !important;}
.space140 { clear:both; width:100%; height:140px !important;}
.space150 { clear:both; width:100%; height:150px !important;}
.space200 { clear:both; width:100%; height:200px !important;}
.space250 { clear:both; width:100%; height:250px !important;}
.space300 { clear:both; width:100%; height:300px !important;}
.space350 { clear:both; width:100%; height:350px !important;}
.space400 { clear:both; width:100%; height:400px !important;}
.space450 { clear:both; width:100%; height:450px !important;}
.space500 { clear:both; width:100%; height:500px !important;}

/*마진top 설정*/
.mt0 { margin-top:0px !important;}
.mt1 { margin-top:1px !important;}
.mt2 { margin-top:2px !important;}
.mt3 { margin-top:3px !important;}
.mt4 { margin-top:4px !important;}
.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt8 { margin-top:8px !important;}
.mt9 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt150 { margin-top:150px !important;}
.mt200 { margin-top:200px !important;}
.mt250 { margin-top:250px !important;}
.mt300 { margin-top:300px !important;}

/*마진right 설정*/
.mr0 { margin-right:0px !important;}
.mr1 { margin-right:1px !important;}
.mr2 { margin-right:2px !important;}
.mr3 { margin-right:3px !important;}
.mr4 { margin-right:4px !important;}
.mr5 { margin-right:5px !important;}
.mr6 { margin-right:6px !important;}
.mr7 { margin-right:7px !important;}
.mr8 { margin-right:8px !important;}
.mr9 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr46 { margin-right:46px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}
.mr85 { margin-right:85px !important;}
.mr90 { margin-right:90px !important;}
.mr95 { margin-right:95px !important;}
.mr100 { margin-right:100px !important;}
.mr150 { margin-right:150px !important;}
.mr200 { margin-right:200px !important;}
.mr250 { margin-right:250px !important;}
.mr300 { margin-right:300px !important;}


/*마진bottm 설정*/
.mb1_6 { margin-bottom:1.6em !important;}

.mb0 { margin-bottom:0px !important;}
.mb1 { margin-bottom:1px !important;}
.mb2 { margin-bottom:2px !important;}
.mb3 { margin-bottom:3px !important;}
.mb4 { margin-bottom:4px !important;}
.mb5 { margin-bottom:5px !important;}
.mb6 { margin-bottom:6px !important;}
.mb7 { margin-bottom:7px !important;}
.mb8 { margin-bottom:8px !important;}
.mb9 { margin-bottom:9px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb21 { margin-bottom:21px !important;}
.mb22 { margin-bottom:22px !important;}
.mb23 { margin-bottom:23px !important;}
.mb24 { margin-bottom:24px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}

.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb85 { margin-bottom:85px !important;}
.mb90 { margin-bottom:90px !important;}
.mb95 { margin-bottom:95px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}
.mb150 { margin-bottom:150px !important;}
.mb200 { margin-bottom:200px !important;}
.mb250 { margin-bottom:250px !important;}
.mb300 { margin-bottom:300px !important;}

/*마진left 설정*/
.ml0 { margin-left:0px !important;}
.ml1 { margin-left:1px !important;}
.ml2 { margin-left:2px !important;}
.ml3 { margin-left:3px !important;}
.ml4 { margin-left:4px !important;}
.ml5 { margin-left:5px !important;}
.ml6 { margin-left:6px !important;}
.ml7 { margin-left:7px !important;}
.ml8 { margin-left:8px !important;}
.ml9 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.ml85 { margin-left:85px !important;}
.ml90 { margin-left:90px !important;}
.ml95 { margin-left:95px !important;}
.ml100 { margin-left:100px !important;}
.ml116{ margin-left:116px !important;}
.ml150 { margin-left:150px !important;}
.ml200 { margin-left:200px !important;}
.ml250 { margin-left:250px !important;}
.ml300 { margin-left:300px !important;}

/*padding*/
.pd0 { padding:0px !important; box-sizing:border-box; }
.pd1 { padding:1px !important; box-sizing:border-box; }
.pd2 { padding:2px !important; box-sizing:border-box; }
.pd3 { padding:3px !important; box-sizing:border-box; }
.pd4 { padding:4px !important; box-sizing:border-box; }
.pd5 { padding:5px !important; box-sizing:border-box; }
.pd6 { padding:6px !important; box-sizing:border-box; }
.pd7 { padding:7px !important; box-sizing:border-box; }
.pd8 { padding:8px !important; box-sizing:border-box; }
.pd9 { padding:9px !important; box-sizing:border-box; }
.pd10 { padding:10px !important; box-sizing:border-box; }
.pd15 { padding:15px !important; box-sizing:border-box; }
.pd20 { padding:20px !important; box-sizing:border-box; }
.pd25 { padding:25px !important; box-sizing:border-box; }
.pd30 { padding:30px !important; box-sizing:border-box; }

/*padding top 설정*/
.pt0 { padding-top:0px !important;}
.pt1 { padding-top:1px !important;}
.pt2 { padding-top:2px !important;}
.pt3 { padding-top:3px !important;}
.pt4 { padding-top:4px !important;}
.pt5 { padding-top:5px !important;}
.pt6 { padding-top:6px !important;}
.pt7 { padding-top:7px !important;}
.pt8 { padding-top:8px !important;}
.pt9 { padding-top:9px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}
.pt85 { padding-top:85px !important;}
.pt90 { padding-top:90px !important;}
.pt95 { padding-top:95px !important;}
.pt100 { padding-top:100px !important;}
.pt150 { padding-top:150px !important;}
.pt200 { padding-top:200px !important;}
.pt250 { padding-top:250px !important;}
.pt300 { padding-top:300px !important;}
.pd1em { padding:1em !important; }

/*padding right 설정*/
.pr0 { padding-right:0px !important;}
.pr1 { padding-right:1px !important;}
.pr2 { padding-right:2px !important;}
.pr3 { padding-right:3px !important;}
.pr4 { padding-right:4px !important;}
.pr5 { padding-right:5px !important;}
.pr6 { padding-right:6px !important;}
.pr7 { padding-right:7px !important;}
.pr8 { padding-right:8px !important;}
.pr9 { padding-right:9px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr55 { padding-right:55px !important;}
.pr60 { padding-right:60px !important;}
.pr65 { padding-right:65px !important;}
.pr70 { padding-right:70px !important;}
.pr75 { padding-right:75px !important;}
.pr80 { padding-right:80px !important;}
.pr85 { padding-right:85px !important;}
.pr90 { padding-right:90px !important;}
.pr95 { padding-right:95px !important;}
.pr100 { padding-right:100px !important;}
.pr150 { padding-right:150px !important;}
.pr200 { padding-right:200px !important;}
.pr250 { padding-right:250px !important;}
.pr300 { padding-right:300px !important;}


/*padding bottm 설정*/
.pb0 { padding-bottom:0px !important;}
.pb1 { padding-bottom:1px !important;}
.pb2 { padding-bottom:2px !important;}
.pb3 { padding-bottom:3px !important;}
.pb4 { padding-bottom:4px !important;}
.pb5 { padding-bottom:5px !important;}
.pb6 { padding-bottom:6px !important;}
.pb7 { padding-bottom:7px !important;}
.pb8 { padding-bottom:8px !important;}
.pb9 { padding-bottom:9px !important;}
.pb10 { padding-bottom:10px !important;}
.pb13 { padding-bottom:13px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb55 { padding-bottom:55px !important;}
.pb60 { padding-bottom:60px !important;}
.pb65 { padding-bottom:65px !important;}
.pb70 { padding-bottom:70px !important;}
.pb75 { padding-bottom:75px !important;}
.pb80 { padding-bottom:80px !important;}
.pb85 { padding-bottom:85px !important;}
.pb90 { padding-bottom:90px !important;}
.pb95 { padding-bottom:95px !important;}
.pb100 { padding-bottom:100px !important;}
.pb120 { padding-bottom:120px !important;}
.pb150 { padding-bottom:150px !important;}
.pb200 { padding-bottom:200px !important;}
.pb250 { padding-bottom:250px !important;}
.pb300 { padding-bottom:300px !important;}

/*padding left 설정*/
.pl0 { padding-left:0px !important;}
.pl1 { padding-left:1px !important;}
.pl2 { padding-left:2px !important;}
.pl3 { padding-left:3px !important;}
.pl4 { padding-left:4px !important;}
.pl5 { padding-left:5px !important;}
.pl6 { padding-left:6px !important;}
.pl7 { padding-left:7px !important;}
.pl8 { padding-left:8px !important;}
.pl9 { padding-left:9px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl55 { padding-left:55px !important;}
.pl60 { padding-left:60px !important;}
.pl65 { padding-left:65px !important;}
.pl70 { padding-left:70px !important;}
.pl75 { padding-left:75px !important;}
.pl80 { padding-left:80px !important;}
.pl85 { padding-left:85px !important;}
.pl90 { padding-left:90px !important;}
.pl95 { padding-left:95px !important;}
.pl100 { padding-left:100px !important;}
.pl150 { padding-left:150px !important;}
.pl200 { padding-left:200px !important;}
.pl250 { padding-left:250px !important;}
.pl300 { padding-left:300px !important;}

/*line-heihgt 설정*/
.lh10p { line-height:10% !important; }
.lh20p { line-height:20% !important; }
.lh30p { line-height:30% !important; }
.lh38 { line-height:38px !important; }
.lh40p { line-height:40% !important; }
.lh50p { line-height:50% !important; }
.lh60p { line-height:60% !important; }
.lh70p { line-height:70% !important; }
.lh80p { line-height:80% !important; }
.lh90p { line-height:90% !important; }
.lh100p { line-height:100% !important; }

.lh0 { line-height:0 !important; }
.lh1 { line-height:1em !important; }
.lh1_1 { line-height:1.1em !important; }
.lh1_2 { line-height:1.2em !important; }
.lh1_3 { line-height:1.3em !important; }
.lh1_4 { line-height:1.4em !important; }
.lh1_5 { line-height:1.5em !important; }
.lh1_6 { line-height:1.6em !important; }
.lh1_7 { line-height:1.7em !important; }
.lh1_8 { line-height:1.8em !important; }
.lh1_9 { line-height:1.9em !important; }
.lh2 { line-height:2em !important; }

.lh20 { line-height:20px !important; }
.lh24 { line-height:24px !important; }
.lh25 { line-height:25px !important; }
.lh26 { line-height:26px !important; }
.lh29 { line-height:29px !important; }
.lh30 { line-height:30px !important; }
.lh32 { line-height:32px !important; }
.lh35 { line-height:35px !important; }
.lh40 { line-height:40px !important; }
.lh45 { line-height:45px !important; }
.lh50 { line-height:50px !important; }
.lh55 { line-height:55px !important; }
.lh56 { line-height:56px !important; }
.lh58 { line-height:58px !important; }
.lh60 { line-height:60px !important; }
.lh65 { line-height:65px !important; }
.lh70 { line-height:70px !important; }

.mih100 { min-height: 100px !important;}