@charset "utf-8";
@import url('html5_reset.css');
@import url('layout.css');


/********** skip_nav **********/
.skip_nav {position:relative;z-index:1000;display:block;overflow:hidden;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}

/********** 숨김 **********/
.hide {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

.req {margin-left: 6px; font-size: 11px; color: #ff4040;}

.clearfix::after {content:""; display: block; clear: both;}

.ovfh {overflow: hidden;}

:focus-visible {
    outline: 1px solid var(--main);
}

::selection {background: var(--main); color: #fff;}

.scroll-mobile {display: none; padding-left: 30px; background: url(../img/layout/scroll-icon.png) no-repeat left center / 20px 10px;}

.ta-left {text-align: left !important;}
.ta-center {text-align: center !important;}

/********** color **********/
:root {
	--main: #2A86DF;
	--sub: #FCA058;
	--dark-main: #24374A;
	--light-main: #E0ECF8;
	--light2-main: #FCF7FA;
	--light-sub: #FFEAD9;
	--blue: #5E7BAF;
	--light-blue: #DFE5EF;
	--green: #49AF99;
	--black: #3E414A;
	--pink: #FF628A;
	--gray-33: #333333;
	--gray-44: #444444;
	--gray-55: #555555;
	--gray-66: #666666;
	--gray-88: #888888;
	--gray-dd: #dddddd;
	--gray-cc: #cccccc;
	--gray-ea: #eaeaea;
	--gray-e5: #e5e5e5;
	--gray-e9: #e9e9e9;
	--gray-fa: #fafafa;
	--gray-f5: #f5f5f5;
	--gray-f7: #f7f7f7;
	--gray-f8: #f8f8f8;
	--gray-f9: #f9f9f9;
	--bd-color: #bcc7d1;
	--red: #fb0000;
	--orange: #FAAF3F;
}

/* background color */
.bg-main {background-color: var(--main); color: #fff;}
.bg-sub {background-color: var(--sub); color: #fff;}
.bg-l-main {background-color: var(--light-main); color: var(--main);}
.bg-d-sub {background-color: var(--dark-sub); color: #fff;}
.bg-blue {background-color: var(--blue); color: #fff;}
.bg-l-blue {background-color: var(--light-blue); color: var(--blue);}
.bg-l-black {background-color: #E0E1E3; color: var(--black);}
.bg-yellow {background-color: var(--yellow); color: #fff;}
.bg-pink {background-color: var(--pink); color: #fff;}
.bg-green {background-color: var(--green); color: #fff;}
.bg-l-green {background-color: #EDF7F5; color: var(--green);}
.bg-gray-33 {background-color: var(--gray-33); color: #fff;}
.bg-gray-44 {background-color: var(--gray-44); color: #fff;}
.bg-gray-55 {background-color: var(--gray-55); color: #fff;}
.bg-gray-66 {background-color: var(--gray-66); color: #fff;}
.bg-gray-dd {background-color: var(--gray-dd); color: #fff;}
.bg-gray-e5 {background-color: var(--gray-e5); color: #666;}
.bg-gray-e9 {background-color: var(--gray-e9); color: #666;}
.bg-gray-f5 {background-color: var(--gray-f5); color: var(--main);}
.bg-gray-f7 {background-color: var(--gray-f7); color: #666;}
.bg-gray-f8 {background-color: var(--gray-f8);}
.bg-gray-f9 {background-color: var(--gray-f9);}
.bg-gray-fa {background-color: var(--gray-fa); color: #666;}
.bg-white {background-color: #ffffff; color: #444;}

/* font color */
.fc-main {color: var(--main);}
.fc-sub {color: var(--sub);}
.fc-l-main {color: var(--light-main);}
.fc-l-sub {color: var(--light-sub);}
.fc-d-sub {color: var(--dark-sub);}
.fc-2d {color: var(--black);}
.fc-blue {color: var(--blue);}
.fc-yellow {color: var(--yellow);}
.fc-pink {color: var(--pink);}
.fc-gray-44 {color: var(--gray-44);}
.fc-gray-55 {color: var(--gray-55);}
.fc-gray-66 {color: var(--gray-66);}
.fc-gray-88 {color: var(--gray-88);}
.fc-gray-dd {color: var(--gray-dd);}
.fc-gray-cc {color: var(--gray-cc);}
.fc-gray-e5 {color: var(--gray-e5);}
.fc-gray-e9 {color: var(--gray-e9);}
.fc-gray-f5 {color: var(--gray-f5);}
.fc-gray-f9 {color: var(--gray-f9);}
.fc-red {color: var(--red);}
.fc-green {color: var(--green);}
.fc-orange {color: var(--orange);}

/* bd color */
/* border color */
.bd-main { border: 1px solid var(--main); }
.bd-sub { border: 1px solid var(--sub); color: var(--sub);}
.bd-l-main { border: 1px solid var(--light-main); }
.bd-d-sub { border: 1px solid var(--dark-sub); }
.bd-blue {border: 1px solid var(--blue);}
.bd-yellow {border: 1px solid var(--yellow);}
.bd-pink {border: 1px solid var(--pink);}
.bd-gray-33 {border: 1px solid var(--gray-33);}
.bd-gray-44 {border: 1px solid var(--gray-44);}
.bd-gray-55 {border: 1px solid var(--gray-55);}
.bd-gray-66 {border: 1px solid var(--gray-66);}
.bd-gray-dd {border: 1px solid var(--gray-dd);}
.bd-gray-cc {border: 1px solid var(--gray-cc);}
.bd-gray-e5 {border: 1px solid var(--gray-e5);}
.bd-gray-e9 {border: 1px solid var(--gray-e9);}
.bd-gray-f5 {border: 1px solid var(--gray-f5);}
.bd-gray-f9 {border: 1px solid var(--gray-f9);}


/* 인풋 */
.input_style {width: 100%; min-height: 50px; line-height: 50px; padding: 0 18px; border: 1px solid #e5e5e5; border-radius: 7px;}
input:disabled,
input:read-only,
.input_style.entry {background: #f9f9f9; color: #444;}
.input_style p {display: block; min-height: 50px; line-height: 50px;}

.checkbox {position: relative; display: inline-block; margin-right: 15px;}
.checkbox:last-child {margin-right: 0;}

/* 체크박스 */
input.checkbox_input {appearance:none;-webkit-appearance: none;-moz-appearance: none;position: absolute;top:6px;left:0;width:15px;height:15px;margin:0;padding:0;border:0;background:none;}
input.checkbox_input + label.checkbox_label {position: relative;padding-left: 25px;display: inline-block;line-height: 16px;height: 15px;padding-left: 20px}
input.checkbox_input + label.checkbox_label:after {content:"";position: absolute;display: inline-block;width: 15px;height: 15px;border: 1px solid #ccc;cursor: pointer;top: 1px;left: 0;border-radius: 4px;}
input.checkbox_input:checked + label.checkbox_label:after {background: #000;background: url(../img/layout/checkbox_icon.png)center center no-repeat var(--main);border-color: #fff;}

/* radio */
input[type="radio"].radio_input,
input[type="checkbox"].radio_input {appearance:none; -webkit-appearance: none; -moz-appearance: none; position: absolute; top:50%; transform: translateY(-50%); width: 19px; height: 19px; margin: 0; padding: 0;}
input[type="radio"].radio_input + label.radio_label,
input[type="checkbox"].radio_input + label.radio_label {position: relative; padding-left: 30px;display: inline-block; margin-right: 30px; padding-left: 25px; cursor: pointer;}
input[type="radio"].radio_input + label.radio_label:last-child,
input[type="checkbox"].radio_input + label.radio_label:last-child {margin-right: 0}
input[type="radio"].radio_input,
input[type="checkbox"].radio_input {display: inline-block; width: 19px; height: 19px; background: url(../img/layout/check_off.png) no-repeat center center / contain; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
input[type="radio"].radio_input:checked,
input[type="checkbox"].radio_input:checked {background: url(../img/layout/check_on.png) no-repeat center center / contain;}


/* select */
.select_style {width: fit-content; height: 50px; padding: 0 40px 0 20px; font-weight: 500; color: #555; border: 1px solid #e5e5e5; background: url(../img/layout/select_arrow_down.png) center right 20px no-repeat #fff; }
.select_style.round {border-radius: 7px;}
.sel-input {display: flex;}
.sel-input .select_box {min-width: fit-content;}
.sel-input .select_box .select_style {width: 100%;}

@media only screen and (max-width: 1023px) {
    .sel-input {flex-wrap: wrap;}
    .sel-input.bank .select_box {width: 150px;}
    .sel-input.bank input:nth-of-type(1) {width: calc(100% - 160px);}
    .sel-input.bank input:nth-of-type(2) {margin-top: 5px;}
    .sel-input.bank button {margin-top: 5px;}
    
}
@media only screen and (max-width: 390px) {
    .input_style {min-height: 45px; line-height: 45px;}
    .input input {min-height: 45px;}
    .input_style p {min-height: 45px; line-height: 45px;}
    .select_style {min-height: 45px; padding: 0 30px 0 15px; background-position-x: right 15px;}
    
    .sel-input.bank .select_box {width: 100%;}
    .sel-input.bank input:nth-of-type(1) {width: 100%; margin-top: 5px;}
}

/* 버튼 */
.btn_group {display: flex;}
.btn_group.right {justify-content: flex-end;}
.btn-bace10 {display: inline-block; width: 100%; height: 50px; line-height: 50px; font-family: "Pretendard", sans-serif; font-weight: 500; font-size: 1.125rem; color: #fff; background: var(--main); border-radius: 7px; text-align: center; white-space: nowrap;}
.btn-bace10:hover,
.btn-bace10:active,
.btn-bace10:focus {background: #6383dd;}
.btn-bace11 {display: inline-block; width: 100%; height: 50px; line-height: 50px; font-family: "Pretendard", sans-serif; font-weight: 500; font-size: 1.125rem; color: #fff; background: #535353; border-radius: 7px; text-align: center; white-space: nowrap;}
.btn-bace11:hover,
.btn-bace11:active,
.btn-bace11:focus {background: #838383;}
.btn-bace13 {display: inline-block; width: 100%; height: 50px; line-height: 50px; font-family: "Pretendard", sans-serif; font-weight: 500; font-size: 1.125rem; color: var(--main); background: none; border: 1px solid var(--main); border-radius: 7px; text-align: center; white-space: nowrap;}
.btn-bace13:hover,
.btn-bace13:active, 
.btn-bace13:focus {background: #f8f8f8; color: var(--main);} 
.btn-bace20 {display: inline-block; width: fit-content; height: 35px; padding: 0 20px; line-height: 35px; font-family: "Pretendard", sans-serif; font-weight: 400; font-size: 1.1rem; color: #fff; background: var(--main); border-radius: 7px; text-align: center; white-space: nowrap;}
.btn-bace20:hover,
.btn-bace20:active,
.btn-bace20:focus {background: #6383dd;}
.btn-bace21 {display: inline-block; width: fit-content; height: 35px; padding: 0 20px; line-height: 35px; font-family: "Pretendard", sans-serif; font-weight: 400; font-size: 1.1rem; color: var(--main); background: none; border: 1px solid var(--main); border-radius: 7px; text-align: center; white-space: nowrap;}
.btn-bace21:hover,
.btn-bace21:active, 
.btn-bace21:focus {background: #f8f8f8; color: var(--main);} 
.btn-bace30 {position: relative; display: inline-block; width: fit-content; height: 35px; line-height: 36px; padding: 0 50px 0 20px; font-family: "Pretendard", sans-serif; font-weight: 600; color: #333; border: 1px solid #333; border-radius: 50px; }
.btn-bace30::after {content:""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 16px; height: 8px; background: url(../img/layout/btn_arrow.png) no-repeat center center / contain;}
.btn-bace30:hover,
.btn-bace30:active,
.btn-bace30:focus {background: #f8f8f8; color: #222;}
.btn-bace40 {display: inline-block; width: fit-content; height: 50px; padding: 0 30px; line-height: 50px; font-family: "Pretendard", sans-serif; font-weight: 500; font-size: 1.125rem; color: #fff; background: #333; }
@media only screen and (max-width: 390px) {
    .btn-bace10,
    .btn-bace11 {height: 45px; line-height: 45px;}
    
}

/* 리스트 */
.list01 > li {position: relative; margin-bottom: 5px; padding-left: 15px; font-size: 0.938rem; color: #666;}
.list01 > li:last-child {margin-bottom: 0;}
.list01 > li::before {content:""; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background: #666;}
.list01 > li strong {font-weight: 500;}
.list02 > li {position: relative; padding-left: 10px; font-size: 0.938rem; color: #666;}
.list02 > li::before {content:""; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background: #666; border-radius: 50px;}
.list01 .list02 {margin-top: 6px;}
.list01 .list02 li {margin-bottom: 3px;}
.list03 > li {position: relative; margin-bottom: 25px; padding-left: 20px; font-weight: 500; font-size: 1.1rem;}
.list03 > li::before {content:""; position: absolute; top: 7px; left: 0; display: block; width: 10px; height: 10px; background: url(../img/layout/list03.png) center center / contain;}
.list > li {line-height: 1.8;}
.list04 > li {position: relative; list-style: decimal; margin-left: 18px; padding-left: 6px; line-height: 1.8;}
.list04 > li::before {content:""; position: absolute; top: 7px; left: 0; display: block; width: 10px; height: 10px;}
@media only screen and (max-width: 390px) {
    .list02 li {line-height: 1.5; margin-bottom: 3px;}
    .list02 li::before {top: 8px;}

}

/* border-box */
.border-box {padding: 30px; border: 1px solid #e5e5e5; border-radius: 7px; background: #f9f9f9;}
.border-box .agree {text-align: center;}
@media only screen and (max-width: 390px) {
    .border-box {padding: 16px;}
}

.red {color: #ff4040;}
.blue {color: var(--main);}

/* 카운트 */
.count {flex-shrink: 0; font-weight: 500;}
.count strong {color: var(--main);}
.count span {font-weight: 400;}

/* 게시판 */
.board_top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 20px; background: #f9f9f9;}
.board_search .select_box {display: inline-block;}
.board_search .search_box {display: inline-block; position: relative;}
.board_search .search_box .input_style {width: 370px; height: 50px; line-height: 50px; padding: 0 40px 0 20px; border: 1px solid #e5e5e5; border-radius: 0;}
.board_search .search_box .search_btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 18px; height: 18px; background: url(../img/layout/search.png) no-repeat center center / contain; font-size: 0;}
@media only screen and (max-width: 767px) {
    .board_top {flex-direction: column; align-items: flex-start;}
    .board_top .count {margin-bottom: 6px;}
    .board_search {width: 100%;}
    .board_search .select_box {width: 100%; margin-bottom: 6px;}
    .board_search .select_box .select_style {width: 100%; height: 45px;}
    .board_search .search_box {width: 100%;}
    .board_search .search_box .input_style {width: 100%; height: 45px;}
}
@media only screen and (max-width: 470px) {
}


/* 페이지네이션 */
.pagination {margin-top: 40px;}
.pagination ul {display: flex; justify-content: center;}
.pagination ul li {}
.pagination ul li a {display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-weight: 700; font-size: 1.125rem; color: #666;}
.pagination ul li.active a {background: var(--main); color: #fff;}
.pagination ul li.arr a {font-size: 0;}
.pagination ul li.first a {background: url(../img/layout/pagination_first.png) no-repeat center center / auto 15px;}
.pagination ul li.last a {background: url(../img/layout/pagination_last.png) no-repeat center center / auto 15px;}
.pagination ul li.prev a {background: url(../img/layout/pagination_prev.png) no-repeat center center / auto 15px;}
.pagination ul li.next a {background: url(../img/layout/pagination_next.png) no-repeat center center / auto 15px;}

/* 탭구조 */
.tab-01 .tab_btn_wrap {position: relative; display: flex; width: fit-content; padding: 5px; margin: 0 auto; border-radius: 50px; background: #f1f1f1;}
.tab-01 .tab_btn_wrap .tab_btn {width: 50%; z-index: 1;}
.tab-01 .tab_btn_wrap .tab_btn a {display: block; height: 45px; padding: 0 43px; line-height: 45px; border-radius: 50px; text-align: center; font-size: 1.2rem; font-weight: 500;	-webkit-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; white-space: nowrap;}
.tab-01 .tab_btn_wrap .tab_btn.on a {color: #fff;}
.tab-01 .tab_btn_wrap .slider {position: absolute;	top: 50%; left: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; height: 80%; background-color: var(--main); border-radius: 27px;  -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.tab-01 .tab_con_wrap {margin: 50px auto 0 auto;}
.tab-01 .tab_con_wrap .tab_con {display: none; position: relative;}
.tab-01 .tab_con_wrap .tab_con.on {display: block;}
@media only screen and (max-width: 390px) {
    .tab-01 .tab_btn_wrap .tab_btn a {height: 38px; line-height: 38px; }
    
}


/* 테이블 */


.table01 {width: 100%; border-collapse: separate; border-spacing: 0 10px;}
.table01 thead tr th {position: relative; padding: 10px 0;background: var(--main); color: #fff; }
.table01 thead tr th::after {content:""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 50%; background: #bfbfbf;}
.table01 thead tr th:first-child {border-radius: 7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px;}
.table01 thead tr th:last-child {border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0;}
.table01 thead tr th:last-child::after {display: none;}

.table01 tbody tr th {position: relative; padding: 10px 0;background: var(--main); color: #fff; }
.table01 tbody tr th:first-child {border-radius: 7px 0 0 7px;}
.table01 tbody tr {padding: 5px 0; border-radius: 7px; }
.table01 tbody tr td {position: relative; padding: 10px 15px; text-align: center; background-color: #f9f9f9;}
.table01 tbody tr td::after {content:""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 50%; background: #dbdbdb;}
.table01 tbody tr td:first-child {border-radius: 7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px;}
.table01 tbody tr td:last-child {border-radius: 0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0;}
.table01 tbody tr td:last-child::after {display: none;}


@media only screen and (max-width: 620px) {
    .table01 col {width: 100% !important;}
    .table01 thead {display: none;}
    .table01 tbody tr td {display: block; width: 100%; padding-left: 110px; text-align: left;}
    .table01 tbody tr td::before {content:attr(data-label); position: absolute; top: 50%; left: 15px; transform: translateY(-50%); display: inline-block; width: 80px; text-align: left; font-weight: 600;}
    .table01 tbody tr td::after {content:""; position: absolute; top: 50%; left: 95px; transform: translateY(-50%); width: 1px; height: 30%; background: #dbdbdb;}
    .table01 tbody tr td:last-child::after {display: block;}

    .table01 tbody tr td.wd100 {padding: 30px 15px 10px 15px;}
    .table01 tbody tr td.wd100::before {width: 100%; top: 15px;}
    .table01 tbody tr td.wd100:last-child::after {display: none;}
    .table01 tbody tr td.wd100::after {display: none;}
}
@media only screen and (max-width: 390px) {
    .table01 tbody tr td {display: block; width: 100%; padding-left: 110px; text-align: left;}
}

.table02 {width: 100%; border-collapse: collapse;}
.table02 thead tr:first-child th:first-child {border-top-left-radius: 5px;}
.table02 thead tr:first-child th:last-child {border-top-right-radius: 5px;}
.table02 thead tr th {padding: 8px; font-weight: 700; font-size: 17px; background: var(--main); color: #fff; border-right: 1px solid #6e85c9; word-break: keep-all; }
.table02 thead tr:last-child th:last-child {border-right: none;}
.table02 tbody tr td {position: relative; padding: 8px; font-size: 15px; text-align: center; word-break: keep-all; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.table02 tbody tr td:last-child {border-right: none;}



.scroll-table {padding: 0 10px;}
/* //테이블 */


/* 팝업 */
.popup_box {display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4);}
.popup_box.on {display: block;}
.popup_box .popup_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 700px; width: 85%; min-width: 300px; max-height: 700px; padding: 25px; background: #fff; border-radius: 1.250rem; box-shadow: 3px 3px 17.43px 3.57px rgba(0, 0, 0, 0.09);}
.popup_box .popup_con .title {margin-bottom: 20px; padding-bottom: 20px; font-weight: 600; font-size: 1.500rem; text-align: center; border-bottom: 1px dashed #999; word-break: keep-all; color: #222;}
.popup_box .popup_con .con_box {max-height: 400px;}
.popup_box .popup_con .con_box .border-box {margin-top: 10px; padding: 25px;}
@media only screen and (max-width: 1023px) {
    .popup_box .popup_con {padding: 15px;}
    .popup_box .popup_con .title {margin-bottom: 15px; padding-bottom: 15px;font-size: 1.3rem; }
    .popup_box .popup_con .con_box .border-box {margin-top: 10px; padding: 15px;}
    
}
/* //팝업 */



.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right: -15px;}





/******************** font ********************/
.ft0 {font-size: 0;}

/******************** margin ********************/
.mg0 {margin:0;}
/*** margin_top ***/
.mt0 {margin-top:0;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
/*** margin_bottom ***/
.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
/*** margin_left ***/
.ml0 {margin-left:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
/*** margin_right ***/
.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}

/******************** padding ********************/
.pd0 {padding:0;}
/*** padding_top ***/
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}
/*** padding_bottom ***/
.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}
/*** padding_left ***/
.pl0 {padding-left:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl17 {padding-left:17px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}
/*** padding_right ***/
.pr0 {padding-right:0;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}