@charset "utf-8";

/*
 * File Name : basic.css
 * 작성일 : 2023-09-08
 */


/********************************************************

 *  Web Font : 영문 먼저 표기

 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Pretendard : 100,200,300,400,500,600,700,800,900
 *----------------------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url('/common/css/font/icomoon.woff') format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Thin.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Thin.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Thin.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-ExtraLight.eot');
    src: url('/common/css/font/Pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-ExtraLight.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Light.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Light.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Light.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Regular.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Regular.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Medium.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Medium.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-SemiBold.eot');
    src: url('/common/css/font/Pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Bold.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Bold.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-ExtraBold.eot');
    src: url('/common/css/font/Pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-ExtraBold.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/common/css/font/Pretendard/Pretendard-Black.eot');
    src: url('/common/css/font/Pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/common/css/font/Pretendard/Pretendard-Black.woff2') format('woff2'),
        url('/common/css/font/Pretendard/Pretendard-Black.woff') format('woff'),
        url('/common/css/font/Pretendard/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

/*-----------------------------------------------------------------------------
 *  GangwonEduPowerExtraBoldA
 *----------------------------------------------------------------------------*/

@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('/common/css/font/Pretendard/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/********************************************************

 *  Reset

 ********************************************************/

* {margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
*::before,
*::after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
html {width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;/*overflow-y:scroll;*/}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;list-style:none;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;}
sup {vertical-align:top;font-size:0.6em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
h1,h2,h3,h4,h5,h6,em,address,caption,em,cite {font-style:normal;font-weight: normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select, img, input, textarea,button {font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;color:#000;outline: none;}
label {vertical-align:middle;cursor:pointer;}
input[type=checkbox], input[type=radio] {display: inline-block;vertical-align:middle;margin-right:8px;}
input:focus,
select,
a,
textarea{outline: none; -webkit-tap-highlight-color:transparent; }
button {background:none; margin:0; padding:0; border:0 none; cursor:pointer;}
img {max-width: 100%; border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');}
imgBlock img {display: block;width: 100%;}

/*input[type='image'] {padding:0; }*/
input[type="radio"],input[type="checkbox"] {height:13px;}
input[type='text'],input[type='password'],input[type='date'],input[type='month'],input[type='time'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],
input[type='url'], input[type='submit'], input[type='image'] { -webkit-appearance: none;}

button {border-radius:0;font-size:1em;-webkit-appearance:none}

input::placeholder { font-size:12px; }
textarea::placeholder { font-size:12px; }

input {padding:2px; border:1px solid #e5e5e5; font-size:14px; background:#ffffff; }
input[type='file'] {height:25px; padding:0; }
select {padding:2px; font-size:14px;}
textarea { width:100%; overflow:auto; padding: 5px; line-height:20px; font-size:14px;}

/*text hidden*/
.IR {font:0px/0 Arial; height:0; left:-9999px !important; position:absolute !important; top:-9999px !important}

/* Number Type Arrow Hide */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type=number] { -moz-appearance: textfield;}
input[type=button] { -webkit-appearance: none; }

.hide_ment {display:none;}

/* ------------------------------------------------------------------------------------------------ */
.ssAbsolute { position:absolute; } /* 화면상의 아이템DIV를 감싸주는 스타일 */
/* ------------------------------------------------------------------------------------------------ */
.ssFontSize9  { font-size:9px !important; }
.ssFontSize10 { font-size:10px !important; }
.ssFontSize12 { font-size:12px !important; }
.ssFontSize13 { font-size:13px !important; }
.ssFontSize16 { font-size:16px !important; }
.ssFontSize18 { font-size:18px !important; }
.ssFontSize21 { font-size:21px !important; }
.ssFontSize24 { font-size:24px !important; }

/*h1 {margin-bottom:20px;color:#333;font-size:1.5em;letter-spacing:-0.1em}*/
/*h2 {font-size:1.2em; font-weight: bold;}*/

.ssCenter { text-align:center !important; }
.ssRight  { text-align:right !important; }
.ssLeft   { text-align:left !important; }
.ssMiddle { vertical-align:middle !important; }
.ssTop    { vertical-align:top !important; }
.ssBottom { vertical-align:bottom !important; }
.hide { display:none; }

/*.ssNum { font-family: "Arial" !important; }*/  /* 숫자관련 폰트 */
.ssNum { font-family: tahoma !important; }  /* 숫자관련 폰트 */
.ssFontTahoma { font-family: tahoma; }  /* 숫자관련 폰트 */

.ssFloatL { float:left !important;  }
.ssFloatR { float:right !important; }
.ssHand   { cursor:pointer !important; }
.ssShow   { display:block !important; }
.ssHide   { display:none !important; }
.ssNormal { font-weight:normal !important; }
.ssBold   { font-weight:bold !important; }
.ssClear  { display:block !important; float:none !important; clear:both !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }

/* 문자색 --------------------------------------------------------------------------------- */
.ssRed    { color:red !important; }
.ssBlue   { color:blue !important; }
.ssGreen  { color:green !important; }
.ssYellow { color:yellow !important; }
.ssBlack  { color:black !important; }
.ssWhite  { color:white !important; }
.ssGray   { color:gray !important; }
.ssNavy   { color:navy !important; }
.ssOrange { color:orange !important; }
.ssPurple { color:purple !important; }

/* 배경색 --------------------------------------------------------------------------------- */
.ssBgRed    { background:red !important; }
.ssBgBlue   { background:blue !important; }
.ssBgGreen  { background:green !important; }
.ssBgYellow { background:yellow !important; }
.ssBgBlack  { background:black !important; }
.ssBgWhite  { background:white !important; }
.ssBgGray   { background:gray !important; }
.ssBgGray2  { background:#cccccc !important; }
.ssBgNavy   { background:navy !important; }
.ssBgOrange { background:#ff6600 !important; }
.ssBgPurple { background:purple !important; }

/* IME 설정 --------------------------------------------------------------------------------------- */
.ssImeOn  { ime-mode:active !important;   }
.ssImeOff { ime-mode:disabled !important; }


/* 입력OBJECT설정 --------------------------------------------------------------------------------------- */
.ssInput       { border:1px solid #e5e5e5; font-size:14px; background:#ffffff; padding:5px; } /* input 입력가능 */
.ssInputAct    { border:1px solid #7fad05; font-size:14px; background:#ebffb6; padding:5px; } /* input 입력가능 */
.ssInputGray   { border:1px solid #d3d3d3; font-size:14px; background:#eeeeee; padding:5px; } /* input 입력불가 */
.ssInputWhite  { border:1px solid white;   font-size:14px; background:white;   padding:5px; } /* input 입력불가 */

.ssTextarea    { border:1px solid #e5e5e5; padding:5px; line-height:20px; font-size:14px; vertical-align:middle; background:#ffffff;} /* textarea 입력가능 */
.ssTextareaAct { border:1px solid #7fad05; padding:5px; line-height:20px; font-size:14px; vertical-align:middle; background:#ebffb6;} /* textarea onFocus  */

.ssCheck       { vertical-align:top; }
.ssSelect      { border:1px solid #e5e5e5; font-size:14px; vertical-align:middle; }
.ssSelectList  { border:1px solid #dbdbdb; font-size:14px; vertical-align:middle; background:white; _margin-top:-1px; }

.pc_comma_input {font-family: tahoma;}
.ss_num_only {font-family: tahoma;}
.ss_num_coma {font-family: tahoma;}
.ss_numeric {font-family: tahoma;}

.nobr { white-space: nowrap; }

/* 넓이지정 ----------------------------------------------------------------------------------------- */
.ssWidth100 { width : 100%;}
.ssWidth98 { width : 98%;}
.ssWidth90 { width : 90%;}
.ssWidth80 { width : 80%;}
.ssWidth70 { width : 70%;}
.ssWidth60 { width : 60%;}
.ssWidth50 { width : 50%;}

/* datepicker 주말 색상지정 -------------------------------------------------------------------------- */
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child span { color:#f00; }
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child span { color:#00f; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color:#f00; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color:#00f; }
.ui-datepicker-today a { background-color:#c7f18c !important; }
#ui-datepicker-div { z-index: 999999 !important; }

/*---------------------------------------------------------------------------------------------------------------------------
 *  Button
 *--------------------------------------------------------------------------------------------------------------------------*/
.brd_btns {text-align:right;}
.brd_btns ul {display:inline-block;}
.brd_btns li {display:inline-block;margin-left:5px;}
.brd_btns a {display:inline-block;line-height:45px;padding:0 30px;border:1px solid #000;color:#000;font-weight:500;font-size:18px;}
.brd_btns a:hover {background-color: #000;color: #fff;}

.btns_center {text-align: center;margin:50px 0 0;}
.btns_center button {border:1px solid #555;padding:0 30px;font-size: 16px; font-weight: 500;color: #000;height: 50px; line-height: 48px;transition: all 0.3s ease;}
.btns_center button:hover {border:1px solid #000;background-color: #000; color: #fff;}

.buttons { clear:both;margin-top:20px; overflow: hidden;min-height:50px;}
.buttons li { float:left; height:31px; }
.buttons li.right { float:right; }
.buttons li a.dc_bd_button {
  display: inline-block;border-radius:2px;padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  /*background-image: linear-gradient(180deg, #fff, #f1f1f1);*/
  text-align: center;
  font-size: 15px;letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.buttons li a.dc_bd_button:hover {background:#f5f5f5;color:#000;border:1px solid #000;}

/* 일반적인 버튼의 상황 */
.dc_btn {
  display: inline-block;
  border-radius:2px;
  padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.dc_btn.dc_btn_gray {background-color: #ccc;color: #fff;font-weight:normal;}

/* 기본 페이징 */
.dc_pageing { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
.dc_pageing * { font-size:14px; color:#808080 !important; font-weight:bold; }
.dc_pageing a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
.dc_pageing a:hover, #pagination a:active { border:1px solid #5e5e5e; }
.dc_pageing span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 2px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

.dc_paging { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
.dc_paging * {  font-size:14px; color:#808080 !important; font-weight:bold; }
.dc_paging a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
.dc_paging a:hover, #pagination a:active { border:1px solid #5e5e5e; }
.dc_paging span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 2px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

/* 게시판 페이징 */
.pagination {text-align: center;line-height: 30px;clear: both;margin:40px 0 0;}
.pagination a {padding: 5px 10px;margin: 2px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;}
.pagination a:hover, .pagination a:active {border: 1px solid #5e5e5e;background-color: #818181;color: #ffffff !important;}
.pagination span.current {padding: 5px 10px;margin: 2px 2px 2px 2px;border: 1px solid #8a8a8a;background-color: #8a8a8a;color: #ffffff !important;}

#pagination {text-align: center;line-height: 30px;clear: both;margin:40px 0 0;}
#pagination a {padding: 5px 10px;margin: 2px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;}
#pagination a:hover, .pagination a:active {border: 1px solid #5e5e5e;background-color: #818181;color: #ffffff !important;}
#pagination span.current {padding: 5px 10px;margin: 2px 2px 2px 2px;border: 1px solid #8a8a8a;background-color: #8a8a8a;color: #ffffff !important;}

/* 기본 탭 메뉴 */
.sub_tab {height:54px; border-bottom:1px solid #BEBEBE;}
.sub_tab ul li {float:left;font-size:14px; color:#aaa; font-weight:600; min-width:80px; height:53px; background-color:#f9f9f9; text-align:center; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee;}
.sub_tab ul li a:link,
.sub_tab ul li a:active,
.sub_tab ul li a:visited,
.sub_tab ul li a:hover {color:#aaa;padding: 15px 80px;display: inline-block;}
.sub_tab ul li.on {float:left; z-index:10;  font-size:16px; color:#333; min-width:80px; font-weight:bold; height:54px; background-color:#fff; text-align:center; border-left:1px solid #BEBEBE; border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE;}
.sub_tab ul li.on a:link,
.sub_tab ul li.on a:active,
.sub_tab ul li.on a:visited,
.sub_tab ul li.on a:hover {color:#333;padding: 15px 80px;display: inline-block;}

/* 기본 테이블 - 리스트용 2022-09-01 */
.table_organ1 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:16px;border-top:solid 1px #ddd;}
.table_organ1 thead tr {background:#f4f4f4; border-bottom:solid 1px #ddd;}
.table_organ1 thead tr th { height:50px; text-align: center; color: #666; font-weight:bold; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:16px;}
.table_organ1 tbody tr{border-bottom:solid 1px #ddd;}
.table_organ1 tbody tr th{height:50px; text-align: center; color: #666; font-weight:bold; font-size:16px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
.table_organ1 tbody tr td {height: 50px; padding:10px; text-align:left; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table_organ1 tbody tr td span{}
.table_organ1 tbody tr td.accent{font-size:25px; font-weight:bold;}
.table_organ1 tbody tr td.accent span{font-size:16px; font-weight:normal; color:#666;}
.table_organ1 tbody tr td.bold{font-weight:bold;}
.table_organ1 tbody tr td.center{text-align:center;}
.table_organ1 tbody tr td.right{text-align:right;}
.table_organ1 tbody tr td.left{text-align:left;}
.table_organ1 tbody tr td img{display:inline;}

.table_organ2 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:16px;border-top:solid 1px #ddd;}
.table_organ2 thead tr {background:#f4f4f4; border-bottom:solid 1px #ddd;}
.table_organ2 thead tr th { height:50px; text-align: center; color: #666; font-weight:bold; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:16px;}
.table_organ2 thead tr th:first-child{border-left:0;}
.table_organ2 thead tr th:last-child{border-right:0;}
.table_organ2 tbody tr{border-bottom:solid 1px #ddd;}
.table_organ2 tbody tr th{height:50px; text-align: center; color: #666; font-weight:bold; font-size:16px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
.table_organ2 tbody tr th:first-child{border-left:0;}
.table_organ2 tbody tr th:last-child{border-right:0;}
.table_organ2 tbody tr td {height: 50px; padding:10px; text-align:left; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table_organ2 tbody tr td:first-child{border-left:0;}
.table_organ2 tbody tr td:last-child{border-right:0;}
.table_organ2 tbody tr td span{}
.table_organ2 tbody tr td.accent{font-size:25px; font-weight:bold;}
.table_organ2 tbody tr td.accent span{font-size:16px; font-weight:normal; color:#666;}
.table_organ2 tbody tr td.bold{font-weight:bold;}
.table_organ2 tbody tr td.center{text-align:center;}
.table_organ2 tbody tr td.right{text-align:right;}
.table_organ2 tbody tr td.left{text-align:left;}
.table_organ2 tbody tr td img{display:inline;}

.table_organ3 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:16px;border:solid 1px #ddd;}
.table_organ3 tbody tr{}
.table_organ3 tbody tr td {height: 40px; padding:10px; text-align:left; color:#666;}
.table_organ3 tbody tr td.accent{font-size:25px; font-weight:bold;}
.table_organ3 tbody tr td.accent span{font-size:16px; font-weight:normal; color:#666;}
.table_organ3 tbody tr td.bold{font-weight:bold;}
.table_organ3 tbody tr td.center{text-align:center;}
.table_organ3 tbody tr td.right{text-align:right;}
.table_organ3 tbody tr td.left{text-align:left;}
.table_organ3 tbody tr td img{display:inline;}


/* 모바일 입력용 2021-05-24 강대인 추가 */
.dc_reg_tit {margin:20px 0 1px 0;line-height:20px;font-weight:bold;font-size:18px; }
.dc_reg {padding:0 10px 10px 10px;/*border:1px solid #a9a9a9;*/}
.dc_reg li {margin-top: 15px; font-size:16px;}
.dc_reg li label {display: block; font-weight: bold;font-size:16px;margin:0;}
.dc_reg li div {margin-top: 5px;}
.dc_reg li div input[type=file]{width:100%;font-size:16px;}
.dc_reg li div label {display:inline; margin-top:0; font-weight:normal;font-size:16px; }
.dc_reg li div label.dc_dsp {display:inline; font-weight:normal;font-size:16px; }
.dc_reg li div span {display:inline-block; width:100%; border-top:0; border-left:0; border-right:0; border-bottom: solid 1px #e5e5e5;min-width:150px;line-height: 20px; min-height: 30px; padding:4px 5px;font-size:16px;}
.dc_reg li div span.dc_exp {display:inline;border:0;min-width:30px;line-height: 20px; min-height: 30px;font-size:16px;}
.dc_reg li div span.dc_dsp {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}
.dc_reg li div span.dc_dsp>p {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}
.dc_reg li div a.dc_dsp {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}


/* 모바일 리스트용 2021-05-24 강대인 추가 */
.dc_list_tit {margin:20px 0 1px 0;line-height:20px;font-weight:bold;font-size:18px; }
.dc_list {font-size:16px;}
.dc_list li {text-align:left;line-height:20px; padding:5px; margin-bottom: 15px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff; }
.dc_list li .dc_title {line-height:20px; padding:5px; font-weight: bold;border-bottom:1px solid #ddd;font-size:18px;}
.dc_list li .dc_title .pc_date {padding-left:5px;;font-size:14px;font-weight: normal;color:#8a8a8a;}
.dc_list li .dc_content {min-height:50px;line-height:20px;padding:10px 5px 5px 5px;font-size:16px;}
.dc_list li .dc_img img {max-width:100%; text-align:center; padding:10px 5px; }
.dc_list li .dc_file {width:100%; text-align:left; padding:5px; font-size:14px; border-top: 1px solid #ddd; }
.dc_list li .dc_date {font-size:14px;font-weight: normal;color:#8a8a8a;padding:5px 5px 0 5px;text-align:right;border-top: 1px solid #ddd;}

/* 모바일 컨텐츠 뷰용 2021-05-24 강대인 추가 */
.dc_view {padding:20px 0 10px 0;background-color:#fff;}
.dc_view li {text-align:left;line-height:20px; margin-bottom: 15px; border-bottom:1px solid #ddd; }
.dc_view li .dc_title {line-height:20px; padding:5px 0 5px 5px; font-weight: bold; border-top: solid 2px #333; border-bottom:1px solid #333;font-size:18px;}
.dc_view li .dc_title .pc_date {padding-left:5px;font-size:14px;font-weight: normal;color:#8a8a8a;}
.dc_view li .dc_content {min-height:100px;line-height:23px;padding:10px 5px 5px 5px;margin-top: 10px;font-size:18px;border-top:1px solid #ddd;}
.dc_view li .dc_content img {max-width:100%; text-align:center; padding:10px 5px; }
.dc_view li .dc_block_wrap {width:100%; padding:10px 0 5px 5px;margin-top: 10px; border-top: 1px solid #ddd; }
.dc_view li .dc_block_wrap label {display: block; font-weight: bold;font-size:16px;margin:0;padding:0;}
.dc_view li .dc_block_wrap div {display:inline-block; width:100%; line-height: 20px; font-size:16px;margin:0;padding:0;}
.dc_view li .pc_add_con {padding-left:5px;margin-top: 10px;font-size:16px;line-height:20px;}
.dc_view li .dc_date {font-size:14px;font-weight: normal;color:#8a8a8a;padding:5px 5px 0 5px;text-align:right;border-top: 1px solid #ddd;}

/* 자동완성콤보박스용 2021-09-30 강대인*/
.custom-combobox {position: relative; display: inline-block;}
.custom-combobox .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 7px 5px !important;}
.custom-combobox .custom-combobox-input { margin: 0; padding: 4px 10px;}
.custom-combobox .ui-button-icon-only .ui-icon { top: 60%; }
.custom-combobox .ui-state-default { background:white; }
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 200px;
}



#accessibility { position:absolute; top:-5em; left:-2000em; }

/********************************************************

 *  Link Style

 ********************************************************/

a {text-decoration:none;color:#666;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;}
a:hover {text-decoration:none;}


/********************************************************

 *  Form Style

 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Select
 *----------------------------------------------------------------------------*/

/* Basic */
.select_wrap {font-size: 0;}
.select_box {position:relative; display: inline-block; min-width:120px;height:40px;padding-right: 30px;}
.select_box + .select_box {margin-left: 5px;}
.full .select_box {width: 100%;}
.full .select_box + .select_box {margin: 5px 0 0}
.select_box select {display: none; visibility:hidden;outline:none;}
.full select {display: block; width: 100%;}
.select_box a {font-size: 15px;color:#666;}
.select_box .select_title { overflow:hidden; position:absolute; top:0;  left:0; padding:0 10px; width:100%; height:100%; line-height:39px; background:#fff; border:1px solid #ddd; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}
.select_box .select_title.open { border-color:#000;}
.select_box .select_title span {white-space:nowrap;}
.select_box .select_title .arrow { position:absolute; top:0; right:0; width:30px; height:100%;}
.select_box .select_title .arrow:before { content:''; display:block;  position:absolute; right:15px; top:14px; width:7px; height:7px; border-width:1px 1px 0 0; border-style:solid; border-color:#666; transform:rotate(135deg); }
.select_box .select_title.open .arrow:before { top:17px; transform:rotate(315deg); }
.select_box ul { overflow:hidden; display:none; position:absolute; width: 100%; top:39px; left:0; border:1px solid #ccc;z-index: 1;}
.select_box .select_title.open + ul {border-color:#000;border-top-color:#fff;}
.select_box ul li.optgroup span { display:block; padding:5px;  background:#fff; }
.select_box ul li.optgroup ~ .option a { padding-left:20px; }
.select_box ul li a { display:block; padding:6px 10px; white-space:nowrap;background:#fff;border-bottom: 1px solid #e5e5e5;color:#666;}
.select_box ul li:last-child a {border-bottom: none;}
.select_box ul li a.selected,
.select_box ul li a:hover {color:#000; }
.select_box ul li a.selected {background:#f6f6f6;}


/* Mobile */
@media screen and (max-width:768px){
  select::-ms-expand { display: none;} /*IE*/
  select {position: relative;height: 35px;padding: 0 10px; font-size: 14px; color:#444;border: 1px solid #ddd; padding-right: 30px;background:#fff url("../img/common/sel_down.png") no-repeat right 5px center;background-size:20px auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  select + select {margin-left: 5px;}
  .full select {margin-right: 0;}
  .full select + select {margin:5px 0 0;}
}


/*-----------------------------------------------------------------------------
 *  Check Box
 *----------------------------------------------------------------------------*/

/* Basic */
.chk_box {display: inline-block;vertical-align: middle;margin: 2px 10px 2px 0;}
.chk_box .chk {display:none;}
.chk_box .chk + label {position: relative;display: inline-block;vertical-align: middle;font-size:14px;line-height:1; color:#444;}
.chk_box .chk + label:before {content:'';display:inline-block;vertical-align: middle;width:20px;height:20px;border-radius: 4px;border:1px solid #ccc;margin-right: 5px;}
.chk_box .chk + label:after {content: '';display: inline-block; position: absolute;left:4px;top:5px;width: 10px;height: 5px;border:2px solid #fff;border-top:none;border-right:none; transform: rotate(-45deg);}
.chk_box .chk:checked + label {color:#000;}
.chk_box .chk:checked + label:before {background:#35c5f0; border-color:#35c5f0; }


/*-----------------------------------------------------------------------------
 *  Radio Button
 *----------------------------------------------------------------------------*/

/* Basic */
.rdo_btn {display: inline-block;vertical-align: middle;margin: 2px 10px 2px 0;}
.rdo_btn .rdo {display:none;}
.rdo_btn .rdo + label {position: relative;display: inline-block;vertical-align: middle;font-size:14px;line-height:1; color:#444;}
.rdo_btn .rdo + label:before {content:'';display:inline-block;vertical-align: middle;width:20px;height:20px;border-radius: 50%;border:1px solid #ccc;margin-right: 5px;}
.rdo_btn .rdo:checked + label {color:#000;}
.rdo_btn .rdo:checked + label:before {background:#35c5f0; border-color:#35c5f0; }


/*-----------------------------------------------------------------------------
 *  File Field
 *----------------------------------------------------------------------------*/

.filebox {position: relative;padding-right:80px;margin:4px 0;}
.filebox .upload-name {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #ddd;width: 100%;color: #666;}
.filebox label {position: absolute;right: 0;top: 0; display: inline-block;padding: 10px 0;font-size: 15px; color: #fff;vertical-align: middle;background-color: #666;cursor: pointer;width: 80px; height: 40px;text-align: center;transition: background 0.3s ease;}
.filebox label:hover {background:#222;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

@media screen and (max-width:768px){
  .filebox .upload-name {height: 35px;}
  .filebox label {font-size: 14px; width: 80px; height: 35px;}
}


/*-----------------------------------------------------------------------------
 *  input Text
 *----------------------------------------------------------------------------*/

/* Basic */
input.inp {display: inline-block;vertical-align: middle;font-size: 15px;font-weight: 500; color: #000;border:1px solid #f6f6f6;background:#f6f6f6;padding:0 10px;height: 45px;margin:2px;border-radius: 5px; transition: all 0.3s ease;}
input.inp.full {display: block; width: 100%;margin: 0;}


input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus {border-color:#000;background:#fff; }
input[readonly] {background:#eee !important;color:#888 !important;border: none !important}
input[disabled] {background:#f8f8f8;}
input[readonly]:focus {border-color:#ccc;}

input::placeholder { padding:0 5px; }


/* Size */
input.inp_150 {max-width: 150px}
input.inp_200 {max-width: 200px}
input.inp_300 {max-width: 300px}

@media screen and (max-width:768px){
  input.inp {height: 40px;}
}




/********************************************************

 *  Tabs

 ********************************************************/

/* Tab Row */
.tabs.row {}
.tabs.row .tabs_head {display: flex;}
.tabs.row .tabs_head .tab {display: flex; align-items: center; height: 45px; font-size: 15px; color: #666; background:#f6f6f6; padding:0 20px; border: 1px solid #ddd;cursor: pointer; transition: all 0.3s ease;}
.tabs.row .tabs_head .tab + .tab {margin-left: -1px;}
.tabs.row .tabs_head .tabs_head_active {color:#000;background:#fff; border-bottom-color: #fff; cursor: default;}
.tabs.row .tabs_cont {padding: 20px;border: 1px solid #ddd;margin-top: -1px;}
.tabs.row .tabs_item { display: none;}
.tabs.row .tabs_cont_active {display: block;}


/* Tab Column */
.tabs.col {display: flex;align-items: stretch;}
.tabs.col .tabs_head {position:relative;width:200px;}
.tabs.col .tabs_head .tab {display: flex; align-items: center;height: 45px; font-size: 15px; color: #666; background:#f6f6f6; padding:0 20px; border: 1px solid #ddd;cursor: pointer; transition: all 0.3s ease;}
.tabs.col .tabs_head .tab + .tab {border-top: none;}
.tabs.col .tabs_head .tabs_head_active {color:#000;background:#fff; border-right-color: #fff; cursor: default;}
.tabs.col .tabs_cont {width: 100%; padding: 20px;border:1px solid #ddd;margin-left: -1px;}
.tabs.col .tabs_item { display: none;}
.tabs.col .tabs_cont_active {display: block;}


/********************************************************

 *  Etc

 ********************************************************/

.autoH {*zoom:1}
.autoH:after {display:block;clear:both;content:' '}
.clearFix {clear:both;}
.hidden {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
.accessibilityWrap dd a {display:block;position:absolute;top:-10000px;left:0;z-index:10000;width:100%;background:#333;color:#fff;font-size:16px;text-align:center;padding:20px 0;}
.accessibilityWrap dd a:focus {top:0;}


/********************************************************

 *  Scrollbar

 ********************************************************/

/* Basic */
html::-webkit-scrollbar {width:5px;height: 5px;}
html::-webkit-scrollbar-track {background:none;}
html::-webkit-scrollbar-thumb {background-color: #444;}
html {scrollbar-color: #444 #e4e4e4;}

body ::-webkit-scrollbar { width: 5px; height: 5px; background: none; }
body ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height: 5px; display: none; }
body ::-webkit-scrollbar-track {background: none;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
body ::-webkit-scrollbar-thumb { height: 5px; width: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;background-color: #444;}


/********************************************************

 *  Placeholder

 ********************************************************/

/* Basic */
::-webkit-input-placeholder {color:#aaa;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}
::-moz-placeholder {color:#aaa;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}
:-ms-input-placeholder {color:#aaa !important;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}
input:-moz-placeholder {color:#aaa;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-size:14px;}

@media screen and (max-width:480px){

  ::-webkit-input-placeholder {font-size:14px;}
  ::-moz-placeholder {font-size:14px;}
  :-ms-input-placeholder {font-size:14px;}
  input:-moz-placeholder {font-size:14px;}

}

/********************************************************

 *  button

 ********************************************************/
.dc_btn {
  display: inline-block;
  border-radius:2px;
  padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.dc_btn.dc_btn_gray {background-color: #ccc;color: #fff;font-weight:normal;}

.dc_btn.small { padding:2px 10px 0 10px;; font-size:14px; }

/*size*/
.W100{width:100% !important}
.W95{width:95% !important}
.W90{width:90% !important}
.W85{width:85% !important}
.W80{width:80% !important}
.W75{width:75% !important}
.W70{width:70% !important}
.W65{width:65% !important}
.W60{width:60% !important}
.W55{width:55% !important}
.W50{width:50% !important}
.W45{width:45% !important}
.W40{width:40% !important}
.W35{width:35% !important}
.W33{width:33% !important}
.W30{width:30% !important}
.W25{width:25% !important}
.W22{width:22% !important}
.W20{width:20% !important}
.W19{width:19% !important}
.W18{width:18% !important}
.W17{width:17% !important}
.W16{width:16% !important}
.W15{width:15% !important}
.W13{width:13% !important}
.W12{width:12% !important}
.W10{width:10% !important}
.W9{width:9% !important}
.W8{width:8% !important}
.W7{width:7% !important}
.W6{width:6% !important}
.W5{width:5% !important}
.W-auto {width:auto!important}

/*font size*/
.Fs45{font-size:45px !important}
.Fs40{font-size:40px !important}
.Fs37{font-size:37px !important}
.Fs35{font-size:35px !important}
.Fs32{font-size:32px !important}
.Fs30{font-size:30px !important}
.Fs28{font-size:28px !important}
.Fs26{font-size:26px !important}
.Fs25{font-size:25px !important}
.Fs24{font-size:24px !important}
.Fs22{font-size:22px !important}
.Fs21{font-size:21px !important}
.Fs20{font-size:20px !important}
.Fs18{font-size:18px !important}
.Fs16{font-size:16px !important}
.Fs15{font-size:15px !important}
.Fs14{font-size:14px !important}
.Fs12{font-size:12px !important}
.Fs13{font-size:13px !important}
.Fs11{font-size:11px !important}
.Fs10{font-size:10px !important}

/*font weight*/
.FboldN{font-weight:normal}
.FboldB{font-weight:bold}
.Fbold6{font-weight:600}
.Fbold5{font-weight:500}
.FtypeI{font-style:italic}
.Un-line{text-decoration: underline}
.Md-line{text-decoration:line-through}

/*display style*/
.diB{display:block !important}
.diIn{display:inline !important}
.diInB{display:inline-block !important}
.diNone{display:none !important}

/*Top*/
.mt0{margin-top:0px !important}
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !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}
.mt55{margin-top:55px !important}
.mt56{margin-top:56px !important}
.mt57{margin-top:57px !important}
.mt58{margin-top:58px !important}
.mt59{margin-top:59px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}
.mt120{margin-top:120px !important}

/*Left*/
.ml0{margin-left:0px !important}
.ml5{margin-left:5px !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}

/*Right*/
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !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}
.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}

/*Bottom*/
.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !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}

/*top %*/
.mt0p{margin-top:0% !important}
.mt3p{margin-top:3% !important}
.mt4p{margin-top:4% !important}
.mt5p{margin-top:5% !important}
.mt10p{margin-top:10% !important}
.mt15p{margin-top:15% !important}
.mt20p{margin-top:20% !important}
.mt25p{margin-top:25% !important}
.mt30p{margin-top:30% !important}
.mt35p{margin-top:35% !important}
.mt40p{margin-top:40% !important}
.mt45p{margin-top:45% !important}
.mt50p{margin-top:50% !important}
.mt55p{margin-top:55% !important}
.mt60p{margin-top:60% !important}
.mt65p{margin-top:65% !important}
.mt70p{margin-top:70% !important}
.mt75p{margin-top:75% !important}
.mt80p{margin-top:80% !important}
.mt85p{margin-top:85% !important}
.mt90p{margin-top:90% !important}
.mt95p{margin-top:95% !important}
.mt100p{margin-top:100% !important}

/*Bottom %*/
.mb0p{margin-bottom:0% !important}
.mb3p{margin-bottom:3% !important}
.mb4p{margin-bottom:4% !important}
.mb5p{margin-bottom:5% !important}
.mb10p{margin-bottom:10% !important}
.mb15p{margin-bottom:15% !important}
.mb20p{margin-bottom:20% !important}
.mb25p{margin-bottom:25% !important}
.mb30p{margin-bottom:30% !important}
.mb35p{margin-bottom:35% !important}
.mb40p{margin-bottom:40% !important}
.mb45p{margin-bottom:45% !important}
.mb50p{margin-bottom:50% !important}
.mb55p{margin-bottom:55% !important}
.mb60p{margin-bottom:60% !important}
.mb65p{margin-bottom:65% !important}
.mb70p{margin-bottom:70% !important}
.mb75p{margin-bottom:75% !important}
.mb80p{margin-bottom:80% !important}
.mb85p{margin-bottom:85% !important}
.mb90p{margin-bottom:90% !important}
.mb95p{margin-bottom:95% !important}
.mb100p{margin-bottom:100% !important}

/*padding*/
.pa0{padding:0 !important}

/*Top*/
.pt0{padding-top:0px !important}
.pt5{padding-top:5px !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}

/*Left*/	
.pl0{padding-left:0px !important}
.pl5{padding-left:5px !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}

/*Right*/	
.pr0{padding-right:0px !important}
.pr5{padding-right:5px !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}

/*Bottom*/	
.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !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}