@charset "utf-8";
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td, pre {
	margin:0;padding:0;font:15px/1.5 'Noto Sans KR','Malgun Gothic','나눔고딕','Nanum Gothic',굴림,Gulim,돋움,Dotum, Sans-serif;color:#333;-webkit-text-size-adjust:none;
}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
html, body { overflow-x: hidden; width: 100%; letter-spacing: -0.01em; margin: 0px; padding: 0; }
body {
	overflow: hidden;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f6fff5;
}

body.active { overflow: hidden; }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
img{border:0;max-width:100%}

/* label, input, textarea, select{vertical-align:middle} */

ol, ul{list-style:none;}
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;transition: 0.3s;line-height: inherit;}
legend,
caption {
    display: none;
}
/*** Layout ***/
::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 40px; }
::-webkit-scrollbar-thumb { background: #95c2ef; border-radius: 40px; }
::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 1);
    border: 1px solid #95c2ef;
    border-radius: 40px;
}



caption>p {display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}

#skip_menu a{position:absolute;opacity:0;top:0}
#skip_menu a:focus{display:inline-block;padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:9999}


.x-mark {display: inline-block}
.x-mark:after {display: inline-block; content: "\00d7"; font-size: 2rem; color: #aaa}




.mapWrap { width: 100%; height: 100vh; }


#map {
    width: 100%;
    height: 100vh;
    border: 1px solid #e9e9e7;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}





/* GNB */
.topBar>.logo {height: 59px; transition: all .2s; transition-timing-function: linear; transition-delay: .1s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; align-items:center;}
/* 상단 셀렉트박스 */
.topBar>.logo>a {display: inline-block; padding:0 10px}
.topBar>.logo>a>img {width: 120px; display: inline-block; vertical-align: middle;}
.topBar>.logo>.logoWrap {position: relative; width: auto; min-width: 210px; transition: 0.3s; margin-left: 5px; color: #fff; font-size: 14px; font-weight: bold; }
.topBar>.logo>.logoWrap.active {width:210px; }
.topBar>.logo>.logoWrap img {display: inline-block; vertical-align: middle; width: 22px; margin: 0 0 0 0; }
.topBar>.logo>.logoWrap span {display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; font-weight: bold; }
.topBar>.logo>.logoWrap .logoList li a img { margin: 0 8px 0 0; }
.topBar>.logo>.logoWrap .logoTit {min-width: 170px; padding: 10px 17px 10px 20px; cursor: pointer; background: #1b2750; border-radius: 50px; transition:all .3s;}
.topBar>.logo>.logoWrap .logoTit .icon {position: absolute; right: 15px; top: 53%; transform: translate( 0%, -53%) rotate(0deg); width: 12px; transition: 0.3s;}
.topBar>.logo>.logoWrap.active .logoTit .icon {transform: translate( 0%, -53%) rotate(180deg);}
.topBar>.logo>.logoWrap .logoList {position: absolute; left: 50%; top: 34px; opacity:0; transform: translate( -50%, 0%); transition:all .3s; width: 100%; height: 0; overflow: hidden; background: #1b2750; border-radius: 17px; transition: 0.3s; padding: 0px; }
.topBar>.logo>.logoWrap.active .logoList {height:auto; top:44px; top: 44px; opacity:1;}
.topBar>.logo>.logoWrap .logoList li { border-bottom: 1px solid #5566a1; }
.topBar>.logo>.logoWrap .logoList li:last-child { border-bottom: none; }
.topBar>.logo>.logoWrap .logoList a {display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; color: #fff; font-size: 13px; font-weight: bold; padding: 14px 22px 12px; background: url('../../images/common/logoMoveIcon.svg') no-repeat center right 13px; transition:all .3s;}
.topBar>.logo>.logoWrap .logoList a:hover{background-color:#2d4183;}

@media all and (max-width:1240px){
	.topBar>.logo { height: 50px; }
	.topBar>.logo>.logoWrap{min-width:180px;}
	.topBar>.logo>.logoWrap span { font-size: 13px; }
	.topBar>.logo>.logoWrap .logoTit { padding: 5px 17px 6px 20px; }
	.topBar>.logo>.logoWrap .logoTit .icon { margin-left: 2px; }
	.topBar>.logo>.logoWrap.active .logoList{top:35px;}
}
@media all and (max-width:767px){
	.topBar>.logo>.logoWrap img{width:18px;}
}

@media all and (max-width:420px){
	.topBar>.logo>.logoWrap .logoTit{min-width:130px; padding:6px 10px 6px 14px;}
	.topBar>.logo>.logoWrap.active{width:180px;}
	.topBar>.logo>.logoWrap .logoList a{padding:14px 15px 12px;}
	.topBar>.logo>.logoWrap img{width:15px;}
}

@media all and (max-width:370px){
	.topBar>.logo>.logoWrap{min-width:150px; margin:0;}
	.topBar>.logo>.logoWrap.active{width:150px;}
	.topBar>.logo>.logoWrap .logoTit{min-width:initial; padding:4px 4px 6px 10px;}
	.topBar>.logo>.logoWrap .logoTit .icon{margin-left:0; width:8px;}
	.topBar>.logo>.logoWrap.active .logoList{top:34px;}
	.topBar>.logo>.logoWrap .logoList a{background-size:13px; padding:13px 10px 11px 10px; background-size:96% center; background:none;}
	.topBar>.logo>.logoWrap .logoList li a img{margin-right:4px;}
}
@media all and (max-width:336px){
	.topBar>.logo>.logoWrap{min-width:132px;}
	.topBar>.logo>.logoWrap.active{width:132px;}
}
/* //상단 셀렉트박스 */



.topRightBox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; align-items: center;
}



/* 알람 추가 */
.alarmWrap { position: relative; }

.alarmWrap>button {
	position: relative; display: block; width: 37px; height: 37px; border-radius: 37px; box-shadow: 1px 1px 10px rgba(14, 79, 179, 0.3); text-align: center; padding: 0;
	margin-right: 20px; box-sizing: border-box; background: #fff;
}
.alarmWrap:last-child>button { margin-right: 0; }
.alarmWrap>button img { display: block; width: 17px; margin: 0px auto 0; }
.alarmWrap>button span { position: absolute; right: -13px; top: -7px; font-size: 13px; display: inline-block; background: #3C9EFF; color: #fff; width: 22px; height: 22px; border-radius: 22px; line-height: 21px; }
.alarmWrap>button.normal{background:#fff;}
.alarmWrap>button.login{box-shadow: none; width: auto; height: auto; border-radius: 0; color: #066bcf; letter-spacing: -.5px; font-size: 1.1rem; font-weight: 600; padding: .6rem .4rem; margin-right:0; background:transparent;}

/* 
.alarmWrap .alarmBtn, .alarmWrap .noticeBtn {
	position: relative; display: block; width: 35px; height: 35px; border-radius: 35px;
	background: #fff; box-shadow: 1px 1px 10px rgba(14, 79, 179, 0.3); text-align: center;
	margin-right: 27px; box-sizing: border-box;
}
.alarmWrap .alarmBtn>span, .alarmWrap .noticeBtn>span { 
	position: absolute; right: -13px; top: -5px; font-size: 13px; display: inline-block; background: #3C9EFF; color: #fff; width: 22px; height: 22px; border-radius: 22px; line-height: 23px;
}
 */
@media (max-width: 1240px) {
	.alarmWrap>button.normal{background:#fff;}
	.alarmWrap>button.normal.login{background:transparent; color:#fff;}
}

.alarmWrap .alarmPop {
	opacity: 0;
	position: absolute; right: -30px; top: 57px; transform: translate( 0%, 0%); background: #fff; border: none;
	width: 370px; height: 0; max-height: calc(100vh - 107px); box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
	transition: 0.3s; overflow: hidden;
}
.alarmWrap .alarmPop.active { opacity: 1; right: -10px; width: 370px; height: auto; overflow-y: auto; border: 1px solid #ddd; transition: 0.3s; }

.alarmWrap .alarmPop .close { position: absolute; right: 0; top: 5px; width: 45px; height: 50px; font-weight: normal; line-height: 50px; }
.alarmWrap .alarmPop .close .x-mark:after { color: #555; font-size: 27px; }
.alarmWrap .alarmPop h1 { font-size: 17px; vertical-align: middle; font-weight: bold; padding: 15px 15px 15px; box-sizing: border-box; border-bottom: 1px solid #ddd; }
.alarmWrap .alarmPop h1 button { margin: -4px 0 0 5px; }
.alarmWrap .alarmPop .alarmList { position: relative; display: block; width: 100%; padding: 10px 37px 10px 17px; box-sizing: border-box; border-bottom: 1px solid #ddd; color: #555; font-size: 15px; transition: 0.3s; }
.alarmWrap .alarmPop .alarmList:last-child { border-bottom: none; }
.alarmWrap .alarmPop .alarmList:hover { background: #f7f7f7; }
.alarmWrap .alarmPop .alarmList span.listTit { font-weight: bold; color: #333; position: relative; }
.alarmWrap .alarmPop .alarmList span.listTit::before { content:""; width: 4px; height: 4px; background: #3c9eff; position: absolute; left: -10px; top: -2px;  border-radius: 5px; }
.alarmWrap .alarmPop .alarmList span.minute { display: block; color: #999; font-size: 13px; margin-top: 4px; }

.alarmWrap .alarmPop .alarmList.off { background: #f0f0f0; color: #999; }
.alarmWrap .alarmPop .alarmList.off span.listTit::before { background: #aaa; }
.alarmWrap .alarmPop .alarmList.off span.listTit { color: #777; }

.alarmWrap .alarmPop .alarmList .listClose { width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translate(0%, -50%);}
.alarmWrap .alarmPop .alarmList .listClose .x-mark { line-height: 20px; font-weight: normal; }
.alarmWrap .alarmPop .alarmList .listClose .x-mark:after { font-size: 1.3rem; color: #999; }

.alarmWrap .alarmPop .alarmList.no { font-size: 15px; font-weight: bold; text-align: center; line-height: 70px; color: #777; cursor: default; padding: 10px 17px; }
.alarmWrap .alarmPop .alarmList.no:hover { background: #fff; }

.alarmWrap .alarmPop .allDel { display: block; padding: 4px 10px; line-height: normal; position: absolute; right: 47px; top: 12px; border-radius: 25px; background: #999; color: #fff; font-size: 13px; }
.alarmWrap .alarmPop .allDel.on { background: #007bf5; }

.liveAlarm { position: fixed; z-index: 1000; right: 27px; bottom: 0px; opacity: 0; background: #fff; border: 1px solid #ddd; border-top: 2px solid #007bf5; width: 370px; height: auto; box-shadow: 3px 3px 6px rgba(0, 0, 0, .2); transition: 0.3s; }
.liveAlarm.on { bottom: 27px; opacity: 1; }
.liveAlarm .alarmList { position: relative; display: block; width: 100%; padding: 10px 37px 10px 17px; box-sizing: border-box; border-bottom: 1px solid #ddd; color: #555; font-size: 15px; transition: 0.3s; }
.liveAlarm .alarmList:last-child { border-bottom: none; }
.liveAlarm .alarmList:hover { background: #f7f7f7; }

.liveAlarm .alarmList span.listTit { font-weight: bold; color: #333; position: relative; }
.liveAlarm .alarmList span.listTit::before { content:""; width: 4px; height: 4px; background: #3c9eff; position: absolute; left: -10px; top: -2px;  border-radius: 5px; }
.liveAlarm .alarmList span.minute { display: block; color: #999; font-size: 13px; margin-top: 4px; }
.liveAlarm .alarmList .listClose { width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translate(0%, -50%); }
.liveAlarm .alarmList .listClose .x-mark { line-height: 20px; }
.liveAlarm .alarmList .listClose .x-mark:after { font-size: 1.3rem; color: #999; }



/* 알림 설정 팝업 레이아웃 */
.anarmSetWrap { 
	position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); 
	display: flex; justify-content: center; flex-wrap: wrap; align-items: center;
 }
.anarmSetWrap .popupCont { position: relative; margin: 0 10px; min-width: 970px; min-height: auto; max-width: calc(50% - 40px); background: #fff; border-top: 2px solid #007bf5; }

.anarmSetWrap .popupCont .popupContent { display: block; margin: 0; font-size: 0; min-height: 300px; white-space: normal; padding: 15px 15px; font-size: 15px; }
.anarmSetWrap .popupCont .popupContent .popTitle { font-size: 19px; font-weight: bold; padding-bottom: 10px; }
.anarmSetWrap .popupCont .popupContent h5 { font-size: 15px; font-weight: bold; padding: 10px 0 7px; margin: 13px 0 5px; color: #555; text-align: center; border-top: 2px solid #aaa; border-bottom: 1px solid #ddd; background: #f2f9ff; }
.anarmSetWrap .popupCont .popupContent .anarmSetList caption { text-indent: -9999px; position: absolute; top: -1000em; left: 0;}
.anarmSetWrap .popupCont .popupContent .popClose .listClose { position: absolute; right: 15px; top: 5px; }
.anarmSetWrap .popupCont .popupContent .anarmSettingList ul li { display: inline-block; }

.anarmSetWrap .popupCont .popupContent ul li input { vertical-align: middle; }
.anarmSetWrap .popupCont .popupContent ul li label { margin-right: 17px; vertical-align: middle; }


.anarmSetWrap .popupCont .popupContent .alarmListChoice { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.anarmSetWrap .popupCont .popupContent .alarmListChoice>li { width: calc(20% - 5px); border: 1px solid #aaa; border-top: none; }
.anarmSetWrap .popupCont .popupContent .alarmListChoice>li>h5 { margin: 0 0 0px; border-top: 2px solid #aaa; }

.anarmSetWrap .popupCont .popupContent .alarmListChoice>li>div { height: 100px; overflow-y: auto; padding: 5px; box-sizing: border-box; }
.anarmSetWrap .popupCont .popupContent .alarmListChoice>li>div>span { font-size: 12px !important; display: block; background: #f0f0f0; margin-bottom: 5px; padding: 5px; box-sizing: border-box; }
.anarmSetWrap .popupCont .popupContent .alarmListChoice>li>div>ul>li { display: block; }

.anarmSetWrap .popupCont .popupContent .alarmPopBtn { text-align: right; }





/* 팝업 */
#pop_dim { 
	position: fixed; top: 0; left: 0; 
	width: 100%; height: 100%; background: #000; 
	visibility: hidden; opacity: 0.5; z-index: 3700; transition: 0.3s;
}
#pop_dim.on {visibility:visible;opacity:0.67;z-index: 3700;}


#nav_dim { 
	position: fixed; top: 0; left: 0; 
	width: 100%; height: 100%; background: #000; 
	visibility: hidden; opacity: 0.5; z-index: 3700; transition: 0.3s;
}
#nav_dim.on {visibility:visible;opacity:0.67;z-index: 3700;}

.popLayout {
	display: none;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;
	max-width: calc(100% - 60px); max-height: calc(100vh - 60px); height: auto;
	background: #fff;
}
.popLayout.active { display: block; }


.popLayout .popTit { 
	position: relative; width: 100%; height: 57px; line-height: 51px; 
    padding-left: 30px; box-sizing: border-box;
    border: 1px solid #d6ecfe; border-top: 3px solid #006edb;
    font-size: 22px; font-weight: bold;
    color: #006edb; background: #f1f8ff;
}
.popLayout .popTit::after {
    content: ""; position: absolute; left: 15px; top: 50%; transform: translate(0%, -50%);
    width: 6px; height: 6px; background: #006edb; border-radius: 50%;
}
.popLayout .popClose {
	position: absolute; right: 10px; top: calc(50% + 2px); transform: translate(0%, -50%);
	width: 37px; height: 37px; font-size: 0;
	background: url('../../images/common/contNavClose.png') no-repeat center;
}
.popLayout .popClose img { width: 100%; }


.popLayout .popCont {
	max-width: calc(1240px - 200px);
	max-height: calc(100vh - 200px);
	overflow: auto;
	padding: 10px;
}









.hidden { 
	overflow: hidden; position: absolute;
    top: -9999px; left: -9999px;
    width: 0; height: 0; text-indent: -9999px;
}


select { 
    -o-appearance: none; -webkit-appearance: none;
	-moz-appearance: none; appearance: none;
    background: url('../../images/common/select_arrow.png') no-repeat center right 7px #fff; 
    cursor: pointer;
} 



.nomalCheck { display: inline-block;}
.nomalCheck span { position: relative; }
.nomalCheck input { 
	position: absolute;
    margin: 0px;
	padding-inline: 8px; padding-block: 12px;
}
.nomalCheck input[type="checkbox"]{ appearance: none; }
.nomalCheck input:focus-visible {
	outline: solid 2px #0f59d9;
	border-radius: 1%;
}

.nomalCheck input[type="checkbox"] + label{
	display: inline-block;
	background: url('../../images/common/checkbox_icon.png') no-repeat left center; background-size: 15px;
	padding-left: 20px; line-height: 20px; font-size: 13px;
    margin: 0 0px 0 0; letter-spacing: -1px;
    cursor: pointer; font-weight: bold; 
}
.nomalCheck input[type="checkbox"]:checked + label{
	background: url('../../images/common/checkboxOn_icon.png') no-repeat left center; background-size: 15px;
}


.mapBtnCont .nomalCheck input[type="checkbox"] + label{
	display: inline-block;
	background: url('../../images/common/checkbox_mIcon.png') no-repeat left 4px; background-size: 15px;
	padding-left: 20px; line-height: 20px; font-size: 13px;
    margin: 0 0px 0 0; letter-spacing: -1px;
    cursor: pointer; color: #fff;
}
.mapBtnCont .nomalCheck input[type="checkbox"]:checked + label{
	background: url('../../images/common/checkboxOn_mIcon.png') no-repeat left 4px; background-size: 15px;
}









table.common {
    width: 100%;
    border-top: 2px solid #006edb;
    margin: 0px 0 0px;
    table-layout: fixed;
}
table.common thead tr th {
    color: #00164d; font-size: 15px; letter-spacing: 0;
    border-right: 1px solid #d6ecfe;
    text-align: center; padding: 7px 5px;
    background: #f6faff; font-weight: bold;
}

table thead tr th, table tbody tr td { word-break: break-all; padding: 7px 5px; text-align: center; }


/* 콘텐츠 테이블 사이즈 */
/* .board-list .scr { overflow-x: auto; } */
/* .board-list .scr table { min-width: 700px; } */
.board-list .scr.sTWrap { cursor: grab; user-select: auto; }
.board-list .scr.dragging { cursor: grabbing; }

.board-list .scr::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 40px; }
.board-list .scr::-webkit-scrollbar-thumb { background: #7bb1e7; border-radius: 40px; }
.board-list .scr::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 1);
    border: 1px solid #7bb1e7;
    border-radius: 40px;
}
.board-list .scr .scrollTable { width: 100%; min-width: 1440px; }
.board-list .scr .scrollTable tbody tr { cursor: grab; }


/* 호버 선택 테이블 */
table.common.table-hover thead tr { background: #fff;  }
table.common.table-hover thead tr th { cursor: default; }

.board-list .scr .table-hover tr { background: #fff; border-bottom: 1px solid #f0f0f0; }
.board-list .scr .table-hover tr:hover { background: #f6fffc; transition: 0.3s; cursor: pointer; }

table.common.table-hover tbody tr td { background: none; }




/* paging */
.pagination {clear:both;overflow:hidden;height:35px;margin:0 auto;padding:15px 0 0;font-size:0;text-align:center;}
.pagination>button {display:inline-block;overflow:hidden;width:35px;height:35px;color:#999;font-size:14px;line-height:35px;vertical-align:top; padding: 0; border-radius: 0; }

.pagination>button>span {
	display: block; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #ddd;
	background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999px;
}

.pagination>button.btn_prev {margin-right:10px;margin-left:-1px;}
.pagination>button.btn_next {margin-left:10px;margin-right:-1px;}

.pagination>button.btn_first>span { background: #fff url(../../images/common/pagingFirst_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_prev>span { background: #fff url(../../images/common/pagingPrev_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_next>span { background: #fff url(../../images/common/pagingNext_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_end>span { background: #fff url(../../images/common/pagingEnd_icon.svg) no-repeat center; background-size: 15px; }

.pagination .paging {display:inline-block;height:35px;font-size:0;text-align:center; }
.pagination .paging>li {display:inline-block;color:#999; margin-right: -1px;}

.pagination .paging>li>button {
	position: relative; display:inline-block; overflow:hidden; background: #fff; font-weight: 500;
	width: 35px; height: 35px; border:1px solid #ddd; box-sizing: border-box; line-height: 30px; color: #000; margin: 0 -1px; padding: 0; border-radius: 0;
}
.pagination .paging>li>button:hover,
.pagination .paging>li>button.on {
	border: 1px solid #00164d; color: #00164d; z-index: 10; font-weight: 600;
}

.pagination .paging>li>a { display: inline-block; overflow: hidden; width: 35px; height: 35px; border: 1px solid #ddd; box-sizing: border-box; line-height: 35px; }
.pagination .paging>li>a:hover,
.pagination .paging>li>a.on { border:2px solid #2c48a5; color:#2c48a5; z-index: 10;}









.search-box {
    width: 100%; max-width: 1240px; margin: 10px auto 0;
    padding: 10px 87px 10px 13px;
    background: #fff;
    text-align: left;
    border: 1px solid #d6ecfe;
    position: relative;
    box-sizing:border-box;
    border-radius: 7px;
}
.search-box form {
	display: block; width:100%;
}

/* 검색 타이틀 단 나누기 */
.search-box form ul { display: flex; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0; }
.search-box form ul:last-child { margin-bottom: 0; }

.search-box form ul li { width: auto; display: inline-block; vertical-align: middle; margin: 0 5px; }
.search-box form ul li:first-child { margin-left: 0; }

.search-box form ul li .w2 { width: 200px; }
.search-box form ul li .w8 { width: calc(100% - 215px); margin-left: 10px; }

.search-box form ul li.txtAreaWrap { width: calc(100% - 200px); }
.search-box form ul li textarea { max-height: 40px; width: 100%; max-width: 100%; padding: 7px 10px; box-sizing: border-box; border: 1px solid #bbb; }



/* 검색 타이틀 */
.type_tit{ 
	display: block; width: 100%; margin-bottom: 5px;
    font-size: 15px; color: #333; font-weight: 600;
    position: relative; padding-left: 8px; box-sizing: border-box;
}
.type_tit::before{
	content: ""; position: absolute; left: -3px; top: calc(50% + 1px); transform: translate( 0%, -50%);
	width: 7px; height: 11px; background: url('../../images/common/ico_searchTit.png') no-repeat center;
}


/* 검색 폼 */
.searchBtnWrap {
	position: absolute; right: 10px; top: 50%; transform: translate( 0%, -50%);
	height: calc(100% - 20px);
}
.searchBtnWrap .search { height: 100%; }

.search-box input {
    width: 137px; height: 40px; line-height: 40px;
    border: 1px solid #ddd; box-sizing: border-box;
    margin-top: 0px; padding: 0 12px 0 12px;
}
.search-box select{
    width: 127px; height: 40px; line-height: 40px;
    border: 1px solid #ddd; box-sizing: border-box;
    margin-top: 0px; padding: 0 27px 0 7px;
}

.search-box .wid03 { width: auto; max-width: 127px; }


/* 검색 달력 */
.datepicker {
	display: flex; justify-content: flex-start; flex-wrap: wrap;
}
.datepicker input { width: 170px; 
	cursor : pointer; text-align: left;
	/* background: #f9f9f9 url('../../images/common/cal_icon.png') no-repeat center right 10px !important;
	background-size: 17px!important; */ outline: none; border: 1px solid #ddd;
}

.dpTimeWrap input { width: 213px; }


/* 금색 인풋 */
.datepicker.dateFull input { width: 100%; }
.datepicker span { line-height: 40px; height: 40px; margin: 0 3px; }

.shIpBtn input { width: calc(100% - 77px); }
.shIpBtn button { padding: 0 7px; background: #f6faff; color: #555; border: 1px solid #aaa; box-sizing: border-box; margin-left: 5px; border-radius: 0; }




.datetimepicker {
	display: inline-block;
	width: auto;
	text-align: left;
	cursor : pointer;
	/* background: #f9f9f9 url('../../images/upa/cal_icon.png') no-repeat center right 10px !important;
	background-size: 17px!important; */
}

.datetimepicker + img{
	padding-left: 0px !important;
	margin-right:0;
}

/* input[type='date']::-webkit-calendar-picker-indicator {
  opacity: 0;
} */

 
/* button */
.btnArea { position: relative; font-size:0; text-align:center !important; max-width: 1240px; margin: 10px auto 0; padding-right: 5px; }

.btnArea .warningTxt { 
	position: absolute; left: 0; top: 50%; transform: translate( 0%, -50%); 
	display: inline-block; max-width: calc(100% - 295px); 
	font-size: 14px; color: #bd0000; text-align: left; line-height: 18px; letter-spacing: -1px;
	background: #fffce6; padding: 3px 10px 3px 55px; border-radius: 7px;
}
.btnArea .warningTxt span { position: absolute; left: 10px; top: 50%; transform: translate( 0%, -50%); padding-right: 10px; border-right: 1px solid #ff0000; font-weight: bold; color: #ff0000; } 


.btnArea .warningTxt.serachWTxt { position: inherit; transform: translate( 0%, 0%); display: block; }







.thead-hidden {
    position: absolute;
    width:0;
    height: 0;
    overflow: hidden;
}

/* 상세테이블 추가 */
input[type="text"]:disabled {
    background: #f0f0f0;
}
input[readonly],
input[readonly="readonly"] {
    background: #f0f0f0;
}

textarea[readonly] {
	background: #f0f0f0;
}


.wid_dept05 {
    width: 50%;
}
/* .wid_dept15 {
	width: calc(50% + 105px);
} */

table.board-write {
    width: 100%;
    border-top: 2px solid #5088c1;
    margin: 0px 0 10px;
/*     table-layout: fixed; */
}

table.board-write tr th,
table.board-write tr td {
    padding: 12px 12px 12px 12px;
    text-align: left;
    font-family: 고딕체;
    border-bottom: 1px solid #dfdfdf;
}


table.board-write tr th,
table.board-write tr td {
    border-right: 1px solid #dfdfdf;
}

table.board-write tr th:last-child { border-right: none; }


table.board-write tr td:last-child {
    border-right:0;
}

table.board-write tr th { 
	color: #00164d;
	background: #f6faff;
	font-weight: bold;
}
table.board-write tr td { 
	background: #fff;
}

table.board-write tr th b {
    color: red;
}

table.board-write tr td input {
    padding: 3px 7px;
    margin-right: 5px;
}

table.board-write tr td input.bod_tit {
    padding: 7px 7px;
    width: 60%;
    float: left;
    margin-right: 5px;
}

table.board-write tr td.editor {
    width: 100%;
    padding: 12px 0 12px 12px;
}

table.board-write tr td.bold {
    font-size: 1.1em;
    font-weight: bold;
}

table.board-write tr td.editor div {
    width: 100%;
    min-height: 600px;
    background: #efefef;
}

table.board-write tr td textarea {
    width: calc(100% - 0px);
    padding: 10px; box-sizing: border-box;
    max-height: 200px;
    min-height: 90px;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto;
}
table.board-write tr td select {
    padding: 5px 27px 5px 10px;
    border: 1px solid #ddd;
}
table.board-write tr td button {
	height: 30px;
	padding: 0 10px;
	line-height: 31px;
	background: #555;
	font-size: 13px;
	border-radius: 3px;
}


table.board-write tr td button {
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	background: #555;
	font-size: 13px;
	border-radius: 3px;
}


/* input */
input {
    -webkit-writing-mode: horizontal-tb !important;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    border: none;
    cursor:pointer;
    margin-top:-3px;
    -webkit-appearance:checkbox;
}

input[type="image"] {
    border: none;
}

/* input */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #dfdfdf;
}

.photoThumbnail ul {display: flex; flex-wrap: wrap; justify-content: flex-start; gap:5px;}
.photoThumbnail ul li{width: calc(16.5% - 10px); margin: 0 5px; list-style: none;}
.photoWrap {position: relative; width: 100%; height: 0; padding-bottom: 60%; border: 1px solid #abd5ff; overflow: hidden; background: #f6fcff url('../../images/common/ico_imageAdd.png') no-repeat center; border: 1px solid #abd5ff; cursor: pointer;}
.photoWrap img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; line-height:0; transform: translate(-50%, -50%); object-fit: cover; object-position: center;}
.photoWrap .photoWrapDel { 
	position: absolute; right: 1px; top: 1px; border-radius: 0; padding: 0; font-size: 0; 
	width: 20px; height: 20px; background: #fff url('../../images/common/contNavClose.png') no-repeat center; background-size: 10px;
} 

.contTitWrap .warningTxt { 
	position: relative; display: inline-block; font-weight: 400;
	font-size: 14px; color: #bd0000; text-align: left; line-height: 18px; letter-spacing: -1px;
	background: #fffce6;
}
.contTitWrap .warningTxt span { display: inline-block; vertical-align: top; font-size: 14px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ff0000; font-weight: bold; color: #ff0000; }





.mwBtn { display: inline-block; color: #fff !important; min-width:76px; height: 27px; line-height: 27px; padding: 0 10px; text-align:center; background: #000; font-size: 13px; font-weight: bold; border-radius: 3px; transition:all .3s;}

.mw01Btn { background: #5792c8; }
.mw01Btn:hover { background: #4EA8FA; }
.mw02Btn { background: #0080FF; }
.mw02Btn:hover { background: #009AE6; }
.mw03Btn { background: #87B221; }
.mw03Btn:hover { background: #9FDD0E; }
.mw04Btn { background: #18973F; }
.mw04Btn:hover { background: #03D343; }
.mw05Btn { background: #F20606; }
.mw05Btn:hover { background: #FF4B4B; }
.mw0501Btn { background: #B40000; }
.mw0501Btn:hover { background: #E00404; }
.mw06Btn { background: #003979; }
.mw06Btn:hover { background: #012C5C; }

.titMvBtn { position: absolute; right: 10px; top: 50%; transform: translate( 0%, -50%) }












/* 마이페이지 */
.myPageWrap { padding: 20px; box-sizing: border-box; min-height: 350px; background: #f6fff5; border-radius: 17px 0 17px 7px; }

.contTitWrap { 
	position: relative; max-width: 1240px;
	font-size: 20px; font-weight:bold; background: #fff; border: 1px solid #d6ecfe; border-left: 3px solid #006edb; color: #006edb;
	padding: 11px 0 11px 13px; box-sizing: border-box; margin: 15px auto 10px;
}

.myPageMoveCont { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.myPageMoveCont li { width: calc(33.3% - 5px); margin: 0 5px;}


/* top 마이페이지 버튼 리스트 */
.alarmWrap.myIconWrap .myList { position: absolute; right: -10px; top: 40px; width: 157px; max-height: 0; opacity: 0; border-radius: 12px; visibility: hidden; overflow: hidden; transition: 0.3s; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.alarmWrap.myIconWrap .myList li { display: block; line-height: 33px; background: #fff; border-bottom: 1px solid #d6ecfe; }
.alarmWrap.myIconWrap .myList li a { display: block; line-height: 30px; border-bottom: 1px solid #ddd; padding: 10px 16px; font-size: 14px; font-weight: bold; transition: 0.3s; }
.alarmWrap.myIconWrap .myList li a:hover { color: #006edb; }
.alarmWrap.myIconWrap .myList li:last-child a { border-bottom: none; }
.alarmWrap.myIconWrap:hover .myList { width: 157px; height: auto; opacity: 1; transition: 0.3s; max-height: 500px; visibility: visible; } 



/* 로그인 통합 */
.unitedLoginWrap { padding: 100px 0;}


.unitedLoginCont { width: 500px; margin: 0 auto; padding: 20px; box-sizing: border-box; background: #fff; border-top: 2px solid #006edb; }
.unitedLoginCont>h3 { text-align: center; color: #fff; background: #006edb; border-radius: 7px; padding: 10px 0; font-size: 21px; font-weight: bold; }
.unitedLoginCont>h4 { text-align: center; color: #006edb; font-size: 17px; font-weight: bold; margin-top: 10px; }
.unitedLoginCont>h5 { font-size: 15px; font-weight: bold; margin-top: 15px; }
.unitedLoginCont .unitedLoginTxt { border: 1px solid #d6ecfe; background: #f6faff; color: #333; padding: 10px; border-radius: 7px; box-sizing: border-box; margin: 10px 0 10px; font-size: 13px; }
.unitedLoginCont .unitedLoginTxt>span { font-weight: bold; font-size: 14px; color: #00164d; }
.unitedLoginCont table.common { margin-bottom: 20px; }



/* 로그인 모달 스타일은 css/common/modal.css 로 이전 */






/*** Component ***/
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.cBlue {color: #0188cc !important;}
.cRed {color: #cc0101 !important;}
.cGreen {color: #01cc31 !important;}
.cYellow {color: #cca801 !important;}
.cGray {color: #555 !important;}

.fL {float:left !important;}
.fR {float:right !important;}
.cB {clear:both !important;}
.cB::after{content:"";display: block;clear: both;}

.fwB { font-weight: bold;}
.dbN { display: none !important; }
.bTnone { border-top: none !important; }
.bBnone { border-bottom: none !important; }
.bT2px { border-top: 2px solid #514ecd !important; }
.dpIb { display: inline-block !important; }
.dpb { display: block !important; }
.vtAM { vertical-align: middle !important; }
.shadowVisual { box-shadow: 2px 2px 14px rgb(91, 176, 255, 0.14) !important; }

.wA { width: auto !important; }
.fs0 {font-size: 0px !important;}
.fs13 {font-size: 13px !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;} .mT-10 {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;} .mT35 {margin-top:35px !important;} .mT40 {margin-top:40px !important;} .mT45 {margin-top:45px !important;} .mT50 {margin-top:50px !important;} .mT70 {margin-top:70px !important;} .mT90 {margin-top:90px !important;} .mT100 {margin-top:100px !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;} .mR35 {margin-right:35px !important;} .mR40 {margin-right:40px !important;} .mR45 {margin-right:45px !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;} .mB35 {margin-bottom:35px !important;} .mB40 {margin-bottom:40px !important;} .mB45 {margin-bottom:45px !important;} .mB50 {margin-bottom:50px !important;} .mB70 {margin-bottom:70px !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;} .mL35 {margin-left:35px !important;} .mL40 {margin-left:40px !important;} .mL-40 {margin-left:-40px !important;} .mL45 {margin-left:45px !important;} .mL50 {margin-left: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;} .pT35 {padding-top:35px !important;} .pT40 {padding-top:40px !important;} .pT45 {padding-top:45px !important;} .pT50 {padding-top:50px !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;} .pR35 {padding-right:35px !important;} .pR40 {padding-right:40px !important;} .pR45 {padding-right:45px !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;} .pB35 {padding-bottom:35px !important;} .pB40 {padding-bottom:40px !important;} .pB45 {padding-bottom:45px !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;} .pL35 {padding-left:35px !important;} .pL40 {padding-left:40px !important;} .pL45 {padding-left:45px !important;} .pL50 {padding-left:50px !important;} .pL60 {padding-left:60px !important;}








button.search {
	width: auto;
    background: #004ba8;
    border: 0;
    height: 37px;
    line-height: 37px;
    font-weight: bold;
}
.search {
	width: 100%;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    table-layout: fixed;
    box-sizing: border-box;
    border-radius: 7px;
}
button {
	width: auto;
    height: 38px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 20px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
}
button.normal { background: #555; }
button.add {
    width: auto;
    background: #0d428e;
}
button.exdown {
    color: #fff;
    background: #107c41;
    width: auto;
    height: 38px;
    padding: 0 15px;
    text-align: center;
    font-weight: bold;
}