@charset "utf-8";
/* **************************************** *
 * RESET FILES
 * **************************************** */
 :root {
	--font-basic:'Pretendard', sans-serif;	
	--concept-color: #009999;	
	--sub-color:#918473;	
	--primary-color:#39cb69;	
	--point-color:#f5903f;	
	--second-color: #0f0f0f;	
	--border-color: #ddd;	
	--basic-bgcolor:#f3f8f8;	
	/* 기타 color */
	--green-color:#39cb81;
	--red-color:#e30c0c;	
	--navy-color:#344ab7;
	--orange-color:#f17317;
	--lgreen-color:#a0d136;
	--yellow-color:#ffc65f;	
	--light-color: #b7e3e6;	
	--skyblue-color: #04c0dc;	
	--lblue-color: #82e3f1;	
	
	--dgray-color:#4c525c;
	--gray-color:#969a9d;
	--lgray-color:#bbc2c6;
	--gray-light:#dee1e4;	

	--bgcolor-1:#e8f6f6; 
	--bgcolor-2:#faebc9; /* bg-yellow*/
	--bgcolor-3:#daf4f8; 
	--bgcolor-4:#f6f5ef;

	/* --bs-gradient: linear-gradient(90deg, #ff5b00 20%, #ed4b20 60%, #9b2e41 );	 */
	--full-height: 100vh;
	--wrap-width: 1600px;
	--area-width: 1400px;
	--padding-w:30px; 
	--padding-h:30px; 
	--padding-t:50px; 

	--header-height: 60px; /* top height */
	--top-height: 40px; /* top height */
	--transition-custom: all 0.4s ease-in-out;	
	--shadow-1: -3px 3px 16px 1px rgba(0, 0, 0, .5);
}

/* HTML Reset */
* {margin: 0; padding: 0; outline: 0; box-sizing:border-box}
*, *:after, *:before {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
html{/* basic : font-size:16px; */  /* rem 적용 font-size:10px;font-size:62.5%;*/ } 
html, body {width:100%;height:100%; -ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none; }
body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: rgba(107, 120, 245, .08);} 

body {	
	color:#333;
	font-family: var(--font-basic);
    font-style: normal;
    font-weight: 400;
	line-height: 1; 
	letter-spacing:0;
	margin:0; padding:0;
	-webkit-touch-callout: none;
	word-wrap: break-word;word-break:keep-all;	
	overflow-x:visible;overflow-y:auto;-ms-overflow-y: scroll;
	min-width:1620px; /*background:#fff;*/
}
html:not(.is-mobile) *::-webkit-scrollbar {width: 8px;height:8px;} 
html:not(.is-mobile) *::-webkit-scrollbar-track {background-color: #eee;/* background-color:transparent; */	}
html:not(.is-mobile) *::-webkit-scrollbar-thumb {background-color: var(--concept-color);}

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {margin:0; padding:0;border:0; color:inherit;font-weight: inherit;font-style: inherit;-webkit-text-size-adjust:none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top;}
ul, ol, dl, dd, dt, li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border-collapse:collapse;border-spacing:0;-webkit-text-size-adjust:none;}
table {/* table-layout: fixed; */border-collapse: collapse;border-spacing: 0;/*width:100%;min-width:100%; */ vertical-align:middle;}
table, th, td {vertical-align:middle;}
img {border:0; outline:none;vertical-align:middle;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em, address, cite, code, dfn, th, var {font-style:normal}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;padding:0;margin:0}
hr, legend {display:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}

/* main, header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display: block;} .png24 {tmp:expression(setPng24(this));} */

@media print {.noprint { display:none; }}

a, a:hover, a:focus {text-decoration:none;cursor:pointer;}
a:hover {color:var(--concept-color);}

/*	styles -------------------------------------------------------------------*/
.center	{ text-align: center !important; }
.left {	text-align: left !important; }
.right { text-align: right !important; }
.middle { vertical-align: middle !important; }
.top { vertical-align: top !important; }

.pointer {cursor:pointer;}
.blind {position: absolute !important;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

.clearFix:before, .clearFix:after { content:" "; display:table; clear:both; height:0;}
* html .clearFix {height:1%}
.clear { clear:both; }
.position-center {position:absolute; left:50%; top:50%;width:100%;max-width:100%;  max-height:100%;transform:translate(-50%, -50%);}

.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-start{align-items:flex-start !important;} 
.flex-end{align-items:flex-end !important;}
.flex-center{align-items:center !important;} 

.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}

.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch { align-items: stretch !important;}

.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.d-none {display: none !important;}
.d-block {display:block !important;}

.gap-0 {gap: 0 !important;}
.gap-1 {gap: 5px !important;}
.gap-2 {gap: 10px !important;}
.gap-3 {gap: 15px !important;}
.gap-4 {gap: 20px !important;}
.gap-5 {gap: 30px !important;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus, #skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

/* selection */
::selection { background: var(--concept-color); color:#fff; text-shadow:none;}
::-moz-selection { background: var(--concept-color); color:#fff; text-shadow:none;}
::-webkit-selection { background: var(--concept-color); color:#fff; text-shadow:none;} 

/*	color styles  ------------------------------------------------------------------*/
.black { color: #000 !important; }
.white { color: #fff !important; }
.concept-color{color:var(--concept-color) !important;}
.second-color{color:var(--second-color) !important;}
.primary-color{color:var(--primary-color) !important;}
.point-color{color:var(--point-color) !important;}
.sub-color{color:var(--sub-color) !important;}
.green-color{color:var(--green-color) !important;}
.red-color{color:var(--red-color) !important;}
.navy-color{color:var(--navy-color) !important;}
.orange-color{color:var(--orange-color) !important;} /* point 로 대체 */
.lgreen-color{color:var(--lgreen-color) !important;}
.yellow-color{color:var(--yellow-color) !important;}
.dgray-color{color:var(--dgray-color) !important;}
.gray-color{color:var(--gray-color) !important;}
.lgray-color{color:var(--lgray-color) !important;}


.line-through {text-decoration: line-through !important; }
.underline {text-decoration: underline !important; }
.f-italic {font-style:italic !important; }

/* form : input select button ... */
input, input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea {-webkit-appearance: none;-webkit-border-radius: 0;-ms-border-radius: 0; border-radius: 0;}
input, label, select, button{margin:0;border:0;padding:0;display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1;font-family: var(--font-basic);}
textarea{ margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; background:none; line-height:1; font-family: var(--font-basic); vertical-align:top;overflow:auto;}

/* Input Reset  */
input[type="file"] {border:0;}
input[type="checkbox"], input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}

button {font-family: var(--font-basic); font-style: normal;font-weight:500; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select, input, textarea{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
input[type=search]{ -webkit-appearance:textfield; -webkit-box-sizing:content-box;}
::-webkit-search-decoration{ display:none;}

button,input[type="reset"],input[type="button"],input[type="submit"]{ overflow:visible; width:auto;}
::-webkit-file-upload-button{ padding:0; border:0; background:none;}
select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none; outline-width:0;  }
select::-ms-expand { display: none;}
select[multiple]{vertical-align:top;}
input[type=text]::-ms-clear {display:none;}

input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::-webkit-input-placeholder, input::-moz-placeholder {color:#888;font-size:14px;}
textarea::placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder {color:#888;font-size:14px;}

input[readonly]{background:#fafafa !important;}
input[readonly]:focus{border:1px solid var(--border-color) !important; background:#fafafa !important; /*cursor: not-allowed;*/}
textarea[readonly]{background:#fafafa !important;}
textarea[readonly]:focus{border:1px solid var(--border-color) !important; background:#fafafa !important; /*cursor: not-allowed;*/}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{position: relative; display: inline-block; cursor: pointer; padding-left:24px;margin-right:0px; font-size: 14px; line-height:16px;font-weight: 400; color:#333;vertical-align:top;}
input[type=checkbox]+ label:before {position:absolute; left:0; top:0; content: ""; display: inline-block;width:16px;height:16px;background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat #d9d9d9;background-size:9px auto; border:0px;border-radius:4px;transition:all .2s;} 
input[type=checkbox]:checked + label:before { background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);background-size:9px auto; border:0px solid var(--concept-color);}  

input[type=radio] { display: none;  }
input[type=radio] + label{position: relative; display: inline-block;  cursor: pointer; padding-left:24px;margin-right:0px; font-size:14px; line-height:16px;font-weight: 400;color:#333;vertical-align:top;}
input[type=radio]+ label:before {position:absolute; left:0; top:0; content: "";  display: inline-block;width:16px;height:16px;border:4px solid #ccc; border-radius:50%;transition:all .2s;} 
input[type=radio]:checked + label:before {border:5px solid var(--concept-color); text-align: center;} 

/* select custom : nice-select :ui.min.js front.js 연동해야함 */
.select-wrap { position: relative;display: block;}
.select-wrap .nice-select { position: relative; -webkit-tap-highlight-color: transparent; background-color: #fff; clear: both;cursor: pointer; display: block; font-size:14px;color: #333;height: 30px; line-height: 28px; border: 1px solid var(--border-color); outline: none; padding-left:10px;  padding-right: 30px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width:100%; border-radius:4px; box-sizing: border-box; z-index:2;}

.select-wrap .nice-select > span.current {display: block;overflow: hidden; text-overflow: ellipsis;}
.select-wrap .nice-select > span.current.placeholder {color:#888;font-size:14px;}
.select-wrap .nice-select.open {border-color: var(--concept-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box;font-weight:600; z-index:6; }
.select-wrap .nice-select.disabled { opacity: 0.5;}
.select-wrap .nice-select:after{position:absolute;right:10px;top:50%;content: '';width:8px;height:8px;/*border-top: 2px solid var(--concept-color);border-right: 2px solid var(--concept-color);*/ border: 2px solid var(--concept-color); border-top: none; border-left: none;transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;pointer-events:none; margin-top: -7px;}
 /*.select-wrap .nice-select:after {  content: ""; width: 0;height: 0;border-style :solid;border-width: 9px 6px 0 6px;border-color: var(--concept-color) transparent transparent transparent; display: block; margin-top:-5px; pointer-events: none; position: absolute; right: 16px;top: 50%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}  : 삼각형 스타일로 할 경우 */
 .select-wrap .nice-select.open:after {transform: rotate(225deg);margin-top: -2px;}
 
 .select-wrap .nice-select.open .list { opacity: 1; pointer-events: auto; border-color: var(--concept-color); -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); border-radius: 0 0 4px 4px; z-index: 6;}
 .select-wrap .nice-select.disabled {background: #f5f5f5; color: #888; pointer-events: none;}
 .select-wrap .nice-select.disabled:after { border-color: #cccccc;}
 .select-wrap .nice-select .list{display: block; width:calc(100% + 2px); background: #fff; border: 1px solid transparent;border-top: none;box-sizing: border-box;opacity: 0;  /*overflow: hidden;*/ padding: 0; pointer-events: none; position: absolute;top: 100%; left: -1px;right: -1px;-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px); z-index:6; overflow-y: auto;max-height:350px;}
 
 .select-wrap .nice-select .list::-webkit-scrollbar{width: 6px;}
 .select-wrap .nice-select .list::-webkit-scrollbar:vertical {width: 6px;}
 .select-wrap .nice-select .list::-webkit-scrollbar:horizontal {height: 6px;}
 .select-wrap .nice-select .list::-webkit-scrollbar-track{border-radius: 0px;background-color:transparent;}/* 스크롤바 뒷 배경 설정*/
 .select-wrap .nice-select .list::-webkit-scrollbar-track:hover{background-color:transparent;}
 .select-wrap .nice-select .list::-webkit-scrollbar-thumb{border-radius: 0px; border: 0;background-color:var(--concept-color);}/* 스크롤바 막대 설정*/
 .select-wrap .nice-select .list::-webkit-scrollbar-button {display:none;}
 
 .select-wrap .nice-select .list:hover .option:not(:hover) { background-color: transparent;}
 .select-wrap .nice-select .option {display:flex;align-items: center;   width:100%; cursor: pointer;font-weight: 400;line-height:1.2; list-style: none; min-height:28px;outline: none;padding: 0 10px;font-size:12px; text-align: left;box-sizing: border-box; -webkit-transition: all 0.2s;transition: all 0.2s;}
 .select-wrap .nice-select .option:hover,
 .select-wrap .nice-select .option.focus,
 .select-wrap .nice-select .option.selected.focus { background-color: #fafafa;color: #333; }
 .select-wrap .nice-select .option.selected {font-weight: bold;}
 .select-wrap .nice-select .option.disabled {background-color: transparent;color: #999;cursor: default;}

 .select-wrap.lg .nice-select { height: 40px; line-height: 38px;}
 .select-wrap.md .nice-select {height:26px; line-height: 24px;}
 /* line */
 .select-wrap.line .nice-select {background-color: transparent; border: 1px solid var(--border-color);border-width:0 0 1px 0; padding-left:0px;  padding-right:35px; border-radius:0px; }
 .select-wrap.line .nice-select .list {border: 1px solid var(--concept-color);border-top:1px solid var(--concept-color);}
 .select-wrap.line .nice-select:after{right:5px;}
 .select-wrap.line .nice-select.open .list {border-radius:0;}
  /* transparent */
  .select-wrap.transparent .nice-select {background-color: transparent;border-width:0; padding-left:10px;  padding-right:35px; border-radius:0px; }
  .select-wrap.transparent .nice-select .list {border: 1px solid var(--concept-color);border-top:1px solid var(--concept-color); margin-top:5px; }
  .select-wrap.transparent .nice-select:after{right:5px;}
  .select-wrap.transparent .nice-select.open .list {border-radius:0;}

/* js 연동없이 기본 사용 */
.select_sty{position:relative;display:inline-block;vertical-align:middle; }
.select_sty select{width:100%;height:30px;padding:0px 30px 0px 10px;border:1px solid var(--border-color);background:#fff;font-size:14px;color: #333;cursor: pointer;  border-radius:4px;box-sizing:border-box;}
.select_sty.lg select{height:40px;}
.select_sty.md select{height:26px;font-size:13px;padding:0px 25px 0px 5px;}
.select_sty.line select{border-width:0 0 1px 0;background: transparent;border-radius:0px;}
.select_sty.line-wh select{border-width:0 0 1px 0;background: transparent;border-radius:0px; font-size:14px; color:#fff;padding:0px 24px 0px 0px; }

.select__arrow{position: absolute;top: 40%;right:15px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #3e4358 transparent transparent transparent;}
.select__arrow_2{position:absolute;right:10px;top:50%;content: '';width:8px;height:8px; border: 2px solid var(--concept-color); border-top: none; border-left: none;transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;pointer-events:none; margin-top: -7px;} /* line */
.select__arrow_3{position: absolute;top: 50%;right:5px;pointer-events: none;width:8px; height:8px;border: 2px solid #fff;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */

.input_sty{display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_sty input{width:100%;height:30px;padding:0 10px;border:1px solid var(--border-color);background:#fff;color:#333;font-size:14px;border-radius:4px;box-sizing:border-box;}
.input_sty input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty input:disabled{background:#fafafa;}
.input_sty input:disabled:focus{border-color:var(--border-color);}

.input_sty.lg input{height:40px;}
.input_sty.md input{height:26px;}
.input_sty.line input{height:40px; padding:0 0px;border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;}
.input_sty.non input{border:0;padding:0px;background:#fff;font-weight:600; color:var(--sub-color);font-size:18px;border-radius:0px; }

.input_sty.line-wh input{padding:0 0px;background: transparent;border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;color:#fff;font-size:14px;padding:0px; }
.input_sty.line-wh input::placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input:-ms-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-ms-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.8);}
.input_sty.line-wh input::-moz-placeholder {color:rgba(255, 255, 255, 0.8);}

.textArea_sty1{display: inline-block;width:100%;border:1px solid var(--border-color);height:200px; font-weight: 400;color:#333;font-size:14px;padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.textArea_sty1:focus {outline: none;border-color:var(--concept-color);}

.input_id{display:inline-flex;align-items: center; gap:10px; height:40px;border-bottom:1px solid #d1d1d1;background:url(../images/ico_member.png) 5px 50% no-repeat;  padding:0px 5px 0 35px;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_id .tit{width:100px; font-weight:600; color:#333;font-size:15px;}
.input_id input{flex:0 0 1;height:100%;font-weight:400;color:#333;font-size:15px;}
.input_id input::placeholder, .input_id input:-ms-input-placeholder, .input_id input::-ms-input-placeholder, .input_id input::-webkit-input-placeholder, .input_id input::-moz-placeholder {color:#666 !important;}

.input_pw{display:inline-flex;align-items: center; gap:10px; height:40px;border-bottom:1px solid #d1d1d1;background:url(../images/ico_pw.png) 5px 50% no-repeat;padding:0px 5px 0 35px;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_pw .tit{width:100px; font-weight:600; color:#333;font-size:15px;}
.input_pw input{flex:0 0 1;height:100%;font-weight:400;color:#333;font-size:15px;}
.input_pw input::placeholder, .input_pw input:-ms-input-placeholder, .input_pw input::-ms-input-placeholder, .input_pw input::-webkit-input-placeholder, .input_pw input::-moz-placeholder {color:#666 !important;}

.input_mail{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_mail input{width:100%; height:38px;padding:5px 5px 5px 40px;background:url(../images/icon-mail.png) 5px 50% no-repeat;color:#666;background-size:20px auto;  box-sizing:border-box;}

.input_calendar{position: relative;display:inline-block;vertical-align:middle;height:30px;border:0px solid #d9d9d9;background-color: transparent;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_calendar input{height:35px;padding:0px 25px 0px 2px;text-align:center;box-sizing:border-box;color:#666;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;border-radius:0px;width:100%;}
.input_calendar input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_calendar input:disabled {background:#f1f1f1;}
.input_calendar .i_calendar{position: absolute;right:5px;top:0;border:0;display: inline-block;width:16px; height:20px;background:url(../images/icon_calendar.png) 0 50% no-repeat;text-indent: -9999px;}

.checkbox{position:relative;}

/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex; margin:0; gap:10px}
.btn-group.mw100 > * {min-width:100px;}
.btn-group.mw150 > * {min-width:150px;}
.btn-group.mw200 > * {min-width:200px;}
.btn-group.mw250 > * {min-width:250px;}
.btn-group.center {justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right {justify-content: flex-end;}

.btn-type {position:relative; display:inline-flex;align-items: center;height:30px; padding:0 20px;font-family: var(--font-basic);font-weight:500;font-size:14px; line-height:1;text-align:center; justify-content: center;text-transform:capitalize;cursor:pointer; transition:all 0.3s;  border-radius:4px;box-sizing: border-box;}
.btn-type.xlg{height:45px;font-size:18px;padding:0 30px;}
.btn-type.lg {height:40px;font-size:16px;padding:0 30px;}
.btn-type.md {height:26px;font-size:13px;padding:0 10px;}
.btn-type.mm {height:22px;font-weight:400;font-size:12px;padding:0 10px;}
.btn-type.ss {height:20px;font-weight:400;font-size:12px;padding:0 8px;}

.btn-type.rbtn {border-radius:24px; padding:0 24px;}
.btn-type.rbtn-xlg {height:45px;font-size:18px;border-radius:24px;  padding:0 24px;}
.btn-type.rbtn-lg {height:40px;font-size:16px;border-radius:24px;  padding:0 24px;}
.btn-type.rbtn-md {height:26px;font-size:13px;border-radius:24px; padding:0 20px;}
.btn-type.rbtn-ss {height:20px;font-weight:400;font-size:12px;border-radius:24px;padding:0 20px;}

.btn-type.rbtn-1 {position: relative;height:40px;padding:0px 30px 0px 25px;justify-content:flex-start; font-size:16px;text-transform:uppercase;font-weight:600; border-radius:24px;}
.btn-type.rbtn-1::after { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:#777; }
.btn-type.rbtn-1::before { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:#777; transform: rotate(90deg);}

.btn-type.rbtn-2 {position: relative;height:40px;padding:0px 30px 0px 25px;justify-content:flex-start; font-size:16px;text-transform:uppercase;font-weight:600; border-radius:24px;}
.btn-type.rbtn-2::after { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); }
.btn-type.rbtn-2::before { content: ' ';position: absolute; top: 50%;right: 20px; width: 8px; height: 2px; margin-top: -1px;background:var(--concept-color); transform: rotate(90deg);}

.btn-up {position:relative; display:inline-flex;align-items: center;justify-content: center;text-align:center;cursor:pointer; width:28px; height:20px;border-radius:4px;border:1px solid var(--concept-color); padding:0; box-sizing: border-box; z-index: 1;}
.btn-up::before{position: absolute;content: ""; top:6px;left:8px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 7px 5px 0 5px;border-color: var(--concept-color) transparent transparent transparent;transform: rotate(180deg); z-index: 2;}
.btn-down {position:relative; display:inline-flex;align-items: center;justify-content: center;text-align:center;cursor:pointer; width:28px; height:20px;border-radius:4px;border:1px solid var(--concept-color); padding:0; box-sizing: border-box; z-index: 1;}
.btn-down::before{position: absolute;content: ""; top:6px;left:8px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 7px 5px 0 5px;border-color: var(--concept-color) transparent transparent transparent;z-index: 2;}

/* btn-type color */
.btn-type.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color); text-shadow: var(--shadow-1); }
.btn-type.second-color{color:#fff !important;border:1px solid var(--second-color);background:var(--second-color); text-shadow: var(--shadow-1);}
.btn-type.primary-color{color:#fff !important;border:1px solid var(--primary-color);background:var(--primary-color); text-shadow: var(--shadow-1);}
.btn-type.point-color{color:#fff !important;border:1px solid var(--point-color);background:var(--point-color); text-shadow: var(--shadow-1);}
.btn-type.sub-color{color:#fff !important;border:1px solid var(--sub-color);background:var(--sub-color); text-shadow: var(--shadow-1);}
.btn-type.black {color:#fff !important;border:1px solid #000;background:#000; text-shadow: var(--shadow-1);}
.btn-type.dgray {color:#fff !important;border:1px solid var(--dgray-color);background:var(--dgray-color); text-shadow: var(--shadow-1);}
.btn-type.gray {color:#fff !important;border:1px solid var(--gray-color);background:var(--gray-color); text-shadow: var(--shadow-1);}
.btn-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa; text-shadow: var(--shadow-1);}
.btn-type.white{color:#333 !important;border:1px solid #707070;background:#fff; text-shadow: var(--shadow-1);}
.btn-type.red {color:#fff !important;border:1px solid var(--red-color);background:var(--red-color); text-shadow: var(--shadow-1);}
.btn-type.orange {color:#fff !important;border:1px solid var(--orange-color);background:var(--orange-color); text-shadow: var(--shadow-1);}
.btn-type.green {color:#fff !important;border:1px solid var(--green-color);background:var(--green-color); text-shadow: var(--shadow-1);}
.btn-type.navy {color:#fff !important;border:1px solid var(--navy-color);background:var(--navy-color); text-shadow: var(--shadow-1);}
.btn-type.lgreen {color:#fff !important;border:1px solid var(--lgreen-color);background:var(--lgreen-color); text-shadow: var(--shadow-1);}
.btn-type.yellow {color:#fff !important;border:1px solid var(--yellow-color);background:var(--yellow-color); text-shadow: var(--shadow-1);}

.btn-type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn-type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.btn-type.primary-line{color:var(--primary-color);border:1px solid var(--primary-color);background:#fff}
.btn-type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}
.btn-type.sub-line {color:var(--sub-color);border:1px solid var(--sub-color);background:#fff}
.btn-type.black_line {color:#000 !important;border:1px solid #000;background:#fff}
.btn-type.dgray_line {color:var(--dgray-color) !important;border:1px solid var(--dgray-color);background:#fff}
.btn-type.gray_line {color:var(--gray-color) !important;border:1px solid var(--gray-color);background:#fff}
.btn-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.red_line {color:var(--red-color) !important;border:1px solid var(--red-color);background:#fff}
.btn-type.orange_line {color:var(--orange-color) !important;border:1px solid var(--orange-color);background:#fff}
.btn-type.green_line {color:var(--green-color) !important;border:1px solid var(--green-color);background:#fff}
.btn-type.navy_line {color:var(--navy-color) !important;border:1px solid var(--navy-color);background:#fff}
.btn-type.lgreen_line {color:var(--lgreen-color) !important;border:1px solid var(--navy-color);background:#fff}
.btn-type.yellow_line {color:var(--yellow-color) !important;border:1px solid var(--navy-color);background:#fff}

/* hover */
.btn-type:hover {/* box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); */ filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; }
.btn-type.off:hover { paint-order:none; cursor:not-allowed;}

.i_left_arrow {position: relative; padding-left:15px; text-align: left;}
.i_left_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #666;border-top: none;border-right: none; transform: rotate(45deg);}

.i_right_arrow {position: relative; padding-right:15px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #666;border-top: none;border-right: none; transform: rotate(-135deg);}

.i_download {display:inline-block;min-height:12px; padding-right:30px;background:url(../images/i_filedown.png) right center no-repeat;}
.i_edit{display: inline-block;min-height:20px;padding-left:30px;background:url(../images/i_edit.png) left center no-repeat;line-height:20px;}
.i-print{display: inline-block;min-height:18px;padding-left:28px;background:url(../images/i_print-w.png) left center no-repeat;line-height:18px;}
.i_edit_wh{display: inline-block;min-height:20px;padding-left:30px;background:url(../images/i_edit_wh.png) left center no-repeat;line-height:20px;}
.i_download_wh {display:inline-block;width:15px;height:12px;background:url(../images/i_filedown_wh.png) 50% 50% no-repeat;}
.i_newwin_wh {display:inline-block;min-height:15px; padding-left:22px;background:url(../images/i_newwin_wh.png) 0 50% no-repeat;}
.i_link {display:inline-block;min-height:15px; padding-left:22px;background:url(../images/ico_link.png) 0 50% no-repeat;}

button:disabled, button[disabled]{border: 1px solid #bbb !important;background-color: #bbb !important;color: #fff !important;pointer-events: none;}
.btn-type.off {color:#fff !important;border:1px solid #d3d5d7;background:#d3d5d7; paint-order:none; cursor:not-allowed;}

.left-more {display:inline-block; text-align:right; height: auto;}
.left-more .circle {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: relative;  display: block; margin: 0;  width:42px;  height: 42px; background: var(--concept-color);  border-radius:21px;}
.left-more .circle .icon { transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff;animation: button-text-Ani 0.6s 0.1s both;}
.left-more .circle .icon.arrow {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, 1); left:12px; width:18px;  height:2px;background: #fff;}
.left-more .circle .icon.arrow::before { position: absolute;  content: ""; top:-8px; right:9px; width: 2px; height:18px;background: #fff; }
.left-more .button-text {transition: all 0.2s cubic-bezier(0.65, 0, 0.076, .5);  position: absolute;  top: 0;  left: 0; right: 0;  bottom: 0; padding: 14px 0 0;font-size:18px;color: #fff;  line-height:1; text-align: center;
 text-transform: uppercase; display:none;opacity: 0;}
.left-more:hover .circle { width: 200px;}
.left-more:hover .circle .icon{display:none;}
.left-more:hover .button-text {display:inline-block !important;opacity: 1; animation: button-text-Ani 1s 0.1s both;}

@keyframes button-text-Ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.mtb{margin:30px 0;}

/*	size styles -------------------------------------------------------------------*/
.f0 { font-size:0px !important; } /*renders 0px */
.f10 { font-size:10px !important; } /*renders 10px */
.f11 { font-size:11px !important; }  /*renders 11px */
.f12 { font-size:12px !important; } /*renders 12px */
.f13 { font-size:13px !important; } /*renders 12px */
.f14 { font-size:14px !important; } /*renders 14px */
.f15 { font-size:15px !important; } /*renders 15px */
.f16 { font-size:16px !important; } /*renders 16px */
.f18 { font-size:18px !important; } /*renders 18px */
.f20 { font-size:20px !important; } /*renders 20px */
.f22 { font-size:22px !important; } /*renders 22px */
.f24 { font-size:24px !important; } /*renders 24px */
.f26 { font-size:26px !important; } /*renders 26px */
.f30 { font-size:30px !important; } /*renders 30px */
.f34 { font-size:34px !important; } /*renders 34px */
.f36 { font-size:36px !important; } /*renders 36px */
.f38 { font-size:38px !important; } /*renders 38px */

.f_100 {font-weight:100 !important; }
.f_200 {font-weight:200 !important; }
.f_300 {font-weight:300 !important; }
.f_400 {font-weight:400 !important; }
.f_500 {font-weight:500 !important; }
.f_600 {font-weight:600 !important; }
.f_700 {font-weight:700 !important; }
.f_800 {font-weight:800 !important; }
.f_900 {font-weight:900 !important; }

.w100{width:100% !important; }
.w80{width:80% !important; }
.w70{width:70% !important; }
.w60{width:60% !important; }
.w50{width:50% !important; }
.w49{width:49% !important; }
.w48{width:48% !important; }
.w45{width:45% !important; }
.w40{width:40% !important; }
.w38{width:38% !important; }
.w35{width:35% !important; }
.w33{width:33.3333% !important; }
.w32{width:32% !important; }
.w30{width:30% !important; }
.w25{width:25% !important; }
.w20{width:20% !important; }
.w15{width:15% !important; }
.w10{width:10% !important; }

.w20p{width:20px !important; }
.w30p{width:30px !important; }
.w40p{width:40px !important; }
.w50p{width:50px !important; }
.w60p{width:60px !important; }
.w70p{width:70px !important; }
.w80p{width:80px !important; }
.w90p{width:90px !important; }
.w100p{width:100px !important; }
.w110p{width:110px !important; }
.w120p{width:120px !important; }
.w140p{width:140px !important; }
.w150p{width:150px !important; }
.w180p{width:180px !important; }
.w200p{width:200px !important; }
.w220p{width:220px !important; }
.w250p{width:250px !important; }
.w300p{width:300px !important; }
.w350p{width:350px !important; }
.w400p{width:400px !important; }
.w450p{width:450px !important; }
.w500p{width:500px !important; }

.h50p{height:50px !important; }
.h80p{height:80px !important; }
.h100p{height:100px !important; }
.h150p{height:150px !important; }
.h200p{height:200px !important; }
.h300p{height:300px !important; }

.col50{width:50%; }
.w-auto {width: auto !important;}
.w-flex {flex:1 !important;}


.line-height-28{line-height:28px !important; }
.line-height-35{line-height:35px !important; }

/*==================================================================
	padding setting
===================================================================*/
.p0{padding:0px !important; }
.p1{padding:1px !important; }
.p2{padding:2px !important; }
.p3{padding:3px !important; }
.p4{padding:4px !important; }
.p5{padding:5px !important; }
.p6{padding:6px !important; }
.p7{padding:7px !important; }
.p8{padding:8px !important; }
.p9{padding:9px !important; }
.p10{padding:10px !important; }
.p11{padding:11px !important; }
.p12{padding:12px !important; }
.p13{padding:13px !important; }
.p14{padding:14px !important; }
.p15{padding:15px !important; }
.p16{padding:16px !important; }
.p17{padding:17px !important; }
.p18{padding:18px !important; }
.p19{padding:19px !important; }
.p20{padding:20px !important; }
.p21{padding:21px !important; }
.p22{padding:22px !important; }
.p23{padding:23px !important; }
.p24{padding:24px !important; }
.p25{padding:25px !important; }
.p26{padding:26px !important; }
.p27{padding:27px !important; }
.p28{padding:28px !important; }
.p29{padding:29px !important; }
.p30{padding:30px !important; }
.p31{padding:31px !important; }
.p32{padding:32px !important; }
.p33{padding:33px !important; }
.p34{padding:34px !important; }
.p35{padding:35px !important; }
.p36{padding:36px !important; }
.p37{padding:37px !important; }
.p38{padding:38px !important; }
.p39{padding:39px !important; }
.p40{padding:40px !important; }
.p41{padding:41px !important; }
.p42{padding:42px !important; }
.p43{padding:43px !important; }
.p44{padding:44px !important; }
.p45{padding:45px !important; }
.p46{padding:46px !important; }
.p47{padding:47px !important; }
.p48{padding:48px !important; }
.p49{padding:49px !important; }
.p50{padding:50px !important; }

.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; }
.pt11{padding-top:11px !important; }
.pt12{padding-top:12px !important; }
.pt13{padding-top:13px !important; }
.pt14{padding-top:14px !important; }
.pt15{padding-top:15px !important; }
.pt16{padding-top:16px !important; }
.pt17{padding-top:17px !important; }
.pt18{padding-top:18px !important; }
.pt19{padding-top:19px !important; }
.pt20{padding-top:20px !important; }
.pt21{padding-top:21px !important; }
.pt22{padding-top:22px !important; }
.pt23{padding-top:23px !important; }
.pt24{padding-top:24px !important; }
.pt25{padding-top:25px !important; }
.pt26{padding-top:26px !important; }
.pt27{padding-top:27px !important; }
.pt28{padding-top:28px !important; }
.pt29{padding-top:29px !important; }
.pt30{padding-top:30px !important; }
.pt31{padding-top:31px !important; }
.pt32{padding-top:32px !important; }
.pt33{padding-top:33px !important; }
.pt34{padding-top:34px !important; }
.pt35{padding-top:35px !important; }
.pt36{padding-top:36px !important; }
.pt37{padding-top:37px !important; }
.pt38{padding-top:38px !important; }
.pt39{padding-top:39px !important; }
.pt40{padding-top:40px !important; }
.pt41{padding-top:41px !important; }
.pt42{padding-top:42px !important; }
.pt43{padding-top:43px !important; }
.pt44{padding-top:44px !important; }
.pt45{padding-top:45px !important; }
.pt46{padding-top:46px !important; }
.pt47{padding-top:47px !important; }
.pt48{padding-top:48px !important; }
.pt49{padding-top:49px !important; }
.pt50{padding-top:50px !important; }
.pt55{padding-top:55px !important; }
.pt60{padding-top:60px !important; }
.pt70{padding-top:70px !important; }
.pt80{padding-top:80px !important; }
.pt90{padding-top:90px !important; }
.pt100{padding-top:100px !important; }


.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; }
.pr11{padding-right:11px !important; }
.pr12{padding-right:12px !important; }
.pr13{padding-right:13px !important; }
.pr14{padding-right:14px !important; }
.pr15{padding-right:15px !important; }
.pr16{padding-right:16px !important; }
.pr17{padding-right:17px !important; }
.pr18{padding-right:18px !important; }
.pr19{padding-right:19px !important; }
.pr20{padding-right:20px !important; }
.pr21{padding-right:21px !important; }
.pr22{padding-right:22px !important; }
.pr23{padding-right:23px !important; }
.pr24{padding-right:24px !important; }
.pr25{padding-right:25px !important; }
.pr26{padding-right:26px !important; }
.pr27{padding-right:27px !important; }
.pr28{padding-right:28px !important; }
.pr29{padding-right:29px !important; }
.pr30{padding-right:30px !important; }
.pr31{padding-right:31px !important; }
.pr32{padding-right:32px !important; }
.pr33{padding-right:33px !important; }
.pr34{padding-right:34px !important; }
.pr35{padding-right:35px !important; }
.pr36{padding-right:36px !important; }
.pr37{padding-right:37px !important; }
.pr38{padding-right:38px !important; }
.pr39{padding-right:39px !important; }
.pr40{padding-right:40px !important; }
.pr41{padding-right:41px !important; }
.pr42{padding-right:42px !important; }
.pr43{padding-right:43px !important; }
.pr44{padding-right:44px !important; }
.pr45{padding-right:45px !important; }
.pr46{padding-right:46px !important; }
.pr47{padding-right:47px !important; }
.pr48{padding-right:48px !important; }
.pr49{padding-right:49px !important; }
.pr50{padding-right:50px !important; }

.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; }
.pb11{padding-bottom:11px !important; }
.pb12{padding-bottom:12px !important; }
.pb13{padding-bottom:13px !important; }
.pb14{padding-bottom:14px !important; }
.pb15{padding-bottom:15px !important; }
.pb16{padding-bottom:16px !important; }
.pb17{padding-bottom:17px !important; }
.pb18{padding-bottom:18px !important; }
.pb19{padding-bottom:19px !important; }
.pb20{padding-bottom:20px !important; }
.pb21{padding-bottom:21px !important; }
.pb22{padding-bottom:22px !important; }
.pb23{padding-bottom:23px !important; }
.pb24{padding-bottom:24px !important; }
.pb25{padding-bottom:25px !important; }
.pb26{padding-bottom:26px !important; }
.pb27{padding-bottom:27px !important; }
.pb28{padding-bottom:28px !important; }
.pb29{padding-bottom:29px !important; }
.pb30{padding-bottom:30px !important; }
.pb31{padding-bottom:31px !important; }
.pb32{padding-bottom:32px !important; }
.pb33{padding-bottom:33px !important; }
.pb34{padding-bottom:34px !important; }
.pb35{padding-bottom:35px !important; }
.pb36{padding-bottom:36px !important; }
.pb37{padding-bottom:37px !important; }
.pb38{padding-bottom:38px !important; }
.pb39{padding-bottom:39px !important; }
.pb40{padding-bottom:40px !important; }
.pb41{padding-bottom:41px !important; }
.pb42{padding-bottom:42px !important; }
.pb43{padding-bottom:43px !important; }
.pb44{padding-bottom:44px !important; }
.pb45{padding-bottom:45px !important; }
.pb46{padding-bottom:46px !important; }
.pb47{padding-bottom:47px !important; }
.pb48{padding-bottom:48px !important; }
.pb49{padding-bottom:49px !important; }
.pb50{padding-bottom:50px !important; }

.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; }
.pl11{padding-left:11px !important; }
.pl12{padding-left:12px !important; }
.pl13{padding-left:13px !important; }
.pl14{padding-left:14px !important; }
.pl15{padding-left:15px !important; }
.pl16{padding-left:16px !important; }
.pl17{padding-left:17px !important; }
.pl18{padding-left:18px !important; }
.pl19{padding-left:19px !important; }
.pl20{padding-left:20px !important; }
.pl21{padding-left:21px !important; }
.pl22{padding-left:22px !important; }
.pl23{padding-left:23px !important; }
.pl24{padding-left:24px !important; }
.pl25{padding-left:25px !important; }
.pl26{padding-left:26px !important; }
.pl27{padding-left:27px !important; }
.pl28{padding-left:28px !important; }
.pl29{padding-left:29px !important; }
.pl30{padding-left:30px !important; }
.pl31{padding-left:31px !important; }
.pl32{padding-left:32px !important; }
.pl33{padding-left:33px !important; }
.pl34{padding-left:34px !important; }
.pl35{padding-left:35px !important; }
.pl36{padding-left:36px !important; }
.pl37{padding-left:37px !important; }
.pl38{padding-left:38px !important; }
.pl39{padding-left:39px !important; }
.pl40{padding-left:40px !important; }
.pl41{padding-left:41px !important; }
.pl42{padding-left:42px !important; }
.pl43{padding-left:43px !important; }
.pl44{padding-left:44px !important; }
.pl45{padding-left:45px !important; }
.pl46{padding-left:46px !important; }
.pl47{padding-left:47px !important; }
.pl48{padding-left:48px !important; }
.pl49{padding-left:49px !important; }
.pl50{padding-left:50px !important; }
.pl55{padding-left:55px !important; }
.pl60{padding-left:60px !important; }
.pl70{padding-left:70px !important; }
.pl80{padding-left:80px !important; }
.pl90{padding-left:90px !important; }
.pl95{padding-left:95px !important; }
.pl100{padding-left:100px !important; }
.pl110{padding-left:110px !important; }
.pl112{padding-left:112px !important; }
.pl120{padding-left:120px !important; }
.pl125{padding-left:125px !important; }
.pl350{padding-left:350px !important; }

/*==================================================================
	margin setting
===================================================================*/

.m0{margin:0px !important; }
.m1{margin:1px !important; }
.m2{margin:2px !important; }
.m3{margin:3px !important; }
.m4{margin:4px !important; }
.m5{margin:5px !important; }
.m6{margin:6px !important; }
.m7{margin:7px !important; }
.m8{margin:8px !important; }
.m9{margin:9px !important; }
.m10{margin:10px !important; }
.m11{margin:11px !important; }
.m12{margin:12px !important; }
.m13{margin:13px !important; }
.m14{margin:14px !important; }
.m15{margin:15px !important; }
.m16{margin:16px !important; }
.m17{margin:17px !important; }
.m18{margin:18px !important; }
.m19{margin:19px !important; }
.m20{margin:20px !important; }
.m21{margin:21px !important; }
.m22{margin:22px !important; }
.m23{margin:23px !important; }
.m24{margin:24px !important; }
.m25{margin:25px !important; }
.m26{margin:26px !important; }
.m27{margin:27px !important; }
.m28{margin:28px !important; }
.m29{margin:29px !important; }
.m30{margin:30px !important; }
.m31{margin:31px !important; }
.m32{margin:32px !important; }
.m33{margin:33px !important; }
.m34{margin:34px !important; }
.m35{margin:35px !important; }
.m36{margin:36px !important; }
.m37{margin:37px !important; }
.m38{margin:38px !important; }
.m39{margin:39px !important; }
.m40{margin:40px !important; }
.m41{margin:41px !important; }
.m42{margin:42px !important; }
.m43{margin:43px !important; }
.m44{margin:44px !important; }
.m45{margin:45px !important; }
.m46{margin:46px !important; }
.m47{margin:47px !important; }
.m48{margin:48px !important; }
.m49{margin:49px !important; }
.m50{margin:50px !important; }


.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; }
.mt11{margin-top:11px !important; }
.mt12{margin-top:12px !important; }
.mt13{margin-top:13px !important; }
.mt14{margin-top:14px !important; }
.mt15{margin-top:15px !important; }
.mt16{margin-top:16px !important; }
.mt17{margin-top:17px !important; }
.mt18{margin-top:18px !important; }
.mt19{margin-top:19px !important; }
.mt20{margin-top:20px !important; }
.mt21{margin-top:21px !important; }
.mt22{margin-top:22px !important; }
.mt23{margin-top:23px !important; }
.mt24{margin-top:24px !important; }
.mt25{margin-top:25px !important; }
.mt26{margin-top:26px !important; }
.mt27{margin-top:27px !important; }
.mt28{margin-top:28px !important; }
.mt29{margin-top:29px !important; }
.mt30{margin-top:30px !important; }
.mt31{margin-top:31px !important; }
.mt32{margin-top:32px !important; }
.mt33{margin-top:33px !important; }
.mt34{margin-top:34px !important; }
.mt35{margin-top:35px !important; }
.mt36{margin-top:36px !important; }
.mt37{margin-top:37px !important; }
.mt38{margin-top:38px !important; }
.mt39{margin-top:39px !important; }
.mt40{margin-top:40px !important; }
.mt41{margin-top:41px !important; }
.mt42{margin-top:42px !important; }
.mt43{margin-top:43px !important; }
.mt44{margin-top:44px !important; }
.mt45{margin-top:45px !important; }
.mt46{margin-top:46px !important; }
.mt47{margin-top:47px !important; }
.mt48{margin-top:48px !important; }
.mt49{margin-top:49px !important; }
.mt50{margin-top:50px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !important; }
.mt90{margin-top:90px !important; }
.mt100{margin-top:100px !important; }
.mt120{margin-top:120px !important; }

.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; }
.mr11{margin-right:11px !important; }
.mr12{margin-right:12px !important; }
.mr13{margin-right:13px !important; }
.mr14{margin-right:14px !important; }
.mr15{margin-right:15px !important; }
.mr16{margin-right:16px !important; }
.mr17{margin-right:17px !important; }
.mr18{margin-right:18px !important; }
.mr19{margin-right:19px !important; }
.mr20{margin-right:20px !important; }
.mr21{margin-right:21px !important; }
.mr22{margin-right:22px !important; }
.mr23{margin-right:23px !important; }
.mr24{margin-right:24px !important; }
.mr25{margin-right:25px !important; }
.mr26{margin-right:26px !important; }
.mr27{margin-right:27px !important; }
.mr28{margin-right:28px !important; }
.mr29{margin-right:29px !important; }
.mr30{margin-right:30px !important; }
.mr31{margin-right:31px !important; }
.mr32{margin-right:32px !important; }
.mr33{margin-right:33px !important; }
.mr34{margin-right:34px !important; }
.mr35{margin-right:35px !important; }
.mr36{margin-right:36px !important; }
.mr37{margin-right:37px !important; }
.mr38{margin-right:38px !important; }
.mr39{margin-right:39px !important; }
.mr40{margin-right:40px !important; }
.mr41{margin-right:41px !important; }
.mr42{margin-right:42px !important; }
.mr43{margin-right:43px !important; }
.mr44{margin-right:44px !important; }
.mr45{margin-right:45px !important; }
.mr46{margin-right:46px !important; }
.mr47{margin-right:47px !important; }
.mr48{margin-right:48px !important; }
.mr49{margin-right:49px !important; }
.mr50{margin-right:50px !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; }
.mb11{margin-bottom:11px !important; }
.mb12{margin-bottom:12px !important; }
.mb13{margin-bottom:13px !important; }
.mb14{margin-bottom:14px !important; }
.mb15{margin-bottom:15px !important; }
.mb16{margin-bottom:16px !important; }
.mb17{margin-bottom:17px !important; }
.mb18{margin-bottom:18px !important; }
.mb19{margin-bottom:19px !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; }
.mb26{margin-bottom:26px !important; }
.mb27{margin-bottom:27px !important; }
.mb28{margin-bottom:28px !important; }
.mb29{margin-bottom:29px !important; }
.mb30{margin-bottom:30px !important; }
.mb31{margin-bottom:31px !important; }
.mb32{margin-bottom:32px !important; }
.mb33{margin-bottom:33px !important; }
.mb34{margin-bottom:34px !important; }
.mb35{margin-bottom:35px !important; }
.mb36{margin-bottom:36px !important; }
.mb37{margin-bottom:37px !important; }
.mb38{margin-bottom:38px !important; }
.mb39{margin-bottom:39px !important; }
.mb40{margin-bottom:40px !important; }
.mb41{margin-bottom:41px !important; }
.mb42{margin-bottom:42px !important; }
.mb43{margin-bottom:43px !important; }
.mb44{margin-bottom:44px !important; }
.mb45{margin-bottom:45px !important; }
.mb46{margin-bottom:46px !important; }
.mb47{margin-bottom:47px !important; }
.mb48{margin-bottom:48px !important; }
.mb49{margin-bottom:49px !important; }
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.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; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }
.ml21{margin-left:21px !important; }
.ml22{margin-left:22px !important; }
.ml23{margin-left:23px !important; }
.ml24{margin-left:24px !important; }
.ml25{margin-left:25px !important; }
.ml26{margin-left:26px !important; }
.ml27{margin-left:27px !important; }
.ml28{margin-left:28px !important; }
.ml29{margin-left:29px !important; }
.ml30{margin-left:30px !important; }
.ml31{margin-left:31px !important; }
.ml32{margin-left:32px !important; }
.ml33{margin-left:33px !important; }
.ml34{margin-left:34px !important; }
.ml35{margin-left:35px !important; }
.ml36{margin-left:36px !important; }
.ml37{margin-left:37px !important; }
.ml38{margin-left:38px !important; }
.ml39{margin-left:39px !important; }
.ml40{margin-left:40px !important; }
.ml41{margin-left:41px !important; }
.ml42{margin-left:42px !important; }
.ml43{margin-left:43px !important; }
.ml44{margin-left:44px !important; }
.ml45{margin-left:45px !important; }
.ml46{margin-left:46px !important; }
.ml47{margin-left:47px !important; }
.ml48{margin-left:48px !important; }
.ml49{margin-left:49px !important; }
.ml50{margin-left:50px !important; }
.ml60{margin-left:60px !important; }
.ml70{margin-left:70px !important; }
.ml80{margin-left:80px !important; }
.ml100{margin-left:100px !important; }
.ml150{margin-left:150px !important; }