@charset "UTF-8";


::-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;
}


/*컬러공통*/
.c-wh{color:#ffffff !important;}
.c-green{color:#92D050 !important;}
.c-org{color:#FFC000 !important;}
.c-red{color:#ed0000 !important;}
.c-blue{color:#006edb !important;}
.c-grey {color: #757575 !important;}
.c-defalut {color: #222 !important;}
.c-ulsan { color: #FF5F5F !important; }
.c-other { color: #43B61A !important; }



.bgyellow { background: #feffa1 url('../../images/abs/icon/select_arrow.png') no-repeat center right 7px; }
.bgyellowDatetimepicker { background: #feffa1 url('../../images/upa/cal_icon.png') no-repeat center right 10px !important; background-size: 17px !important; }
.bgyellowInput { background: #feffa1; }
.bgddd { background: #eee !important; }
.bgd8edfc { background: #d8edfc !important; }
.bgfff6de { background: #fff6de !important; }

.bottomDouble { border-bottom: 3px double #ccc !important; }


#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}

.circle { width: 10px; height: 10px; border-radius: 50%; display: inline-block }

#vesselList tr:hover, #vesselList tr.on, #searchVesselList tr:hover, #searchVesselList tr.on { background-color: #E6F2FE; cursor: pointer; }


/* 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 2px 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: 8px 17px 10px 24px; 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/abs/icon/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:768px){
	html, body{overflow-x: hidden; width:100%;}
	.topBar>.logo>.logoWrap img{width:18px;}
}

@media all and (max-width:420px){
	.topBar>.logo>.logoWrap .logoTit{min-width:130px; padding:4px 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;}
}
/* //상단 셀렉트박스 */






#container {
	/* border: 1px solid red; */
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;
}

#container .zoomInContainer {
	display: block;
}

#contents {
	width: calc(100% - 0px);
	position: relative;
	margin-left:auto;
}

.hidden {
    overflow: hidden;
    width: 0;
    height: 0;
    left: -9999px;
}

.hidden-tag {
	display: none;
}


section {
    width: 100%;
    /* margin-top: 50px; */
    overflow: hidden;
}

section > div {
    width: 100%;
    display: block;
}

.main {
    width: 100%;
    height: 100%;
}

.main .top_con {
    width: 1200px;
    height: 100%;
    background: #fff;
    padding-bottom: 50px;
    margin: 0 auto;
}

section h2 {
    font-size: 1.6em;
    color: #000;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
}


/*  타이틀 아이콘
section h2::before {
    content: "";
    display: block;
    height: 21px;
    width: 6px;
    position: absolute;
    top: 1px;
    left: 0;

    background: #015eea;
    Old browsers
    background: linear-gradient(to bottom, #015eea 0%, #00baf9 100%);
    W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    IE6-9

}
 */


/*--------------------------토글----------------------------*/
/* portwise map */

.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 26px;
	vertical-align:middle;
}
.switch input {display:none;}


.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
    background-color: #3396ff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #007BF5;
}

input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* 검색 정리 */

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

.search-box.label-not {
	height: 35px;
	padding-top:13px;
}

.search-box.label-not input {
	height: 30px;
	margin-left: 0;
}
/* 
.search-box button {
	height: 40px;
	line-height: 40px;
}
 */
.search-box form {
	display: block; width:100%;
}

.search-box form > label{
	width: auto;
	margin:0 20px;
}

.search-box form > input{
	margin-right: 5px;
}

.search-box form table{
	width: 100%;
    border: 0;
    table-layout: fixed;
    box-sizing: border-box;
}

.search-box form table tbody{
	width:100%;
}

/* .searchResult:after {
	content: ""; display: inline-block; width: 110%; height: 110%; border-radius: 37%; transform: translateY(-5px) translateX(-1px); animation: scaleAnimation 0.7s infinite;
}
@keyframes scaleAnimation {
	0% {box-shadow: 0 0 0 7px rgba(0, 0, 0, 1);}
	50% {box-shadow: 0 0 0 27px rgba(0, 0, 0, 0.5);}
	100%{box-shadow: 0 0 0 7px rgba(0, 0, 0, 0);}
} */

.searchResultAnimation {
    position: relative;
    width: 100%;
    height: 100%;
}
.searchResultAnimation:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 228, 0, 0.6);
    border-radius: 50%;
    animation: scaleAnimationRed 3s infinite;
    animation-delay: 0.5s;
}

.searchResultAnimation:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 228, 0, 0.3);
    border-radius: 50%;
    animation: scaleAnimationRed 3s infinite;
    animation-delay: 1s;
}

@keyframes scaleAnimationRed {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 228, 0, 0.7);
    }
    50% {
        box-shadow: 0 0 0 25px rgba(255, 228, 0, 0.15);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(255, 228, 0, 0);
    }
}


.vsslName { font-size: 12px; font-weight: bold; letter-spacing: -1px;
	position: absolute;
    left: 10%;
    top: 50%; transform: translate( 0%, -50%); z-index: 3333;
    text-shadow: 
	    -1px 0px #fff, 
	    0px 1px #fff, 
	    1px 0px #fff, 
	    0px -1px #fff;
}
        
        
        
        
        
		




/* 검색 타이틀 단 나누기 */
.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: 5px 5px; }
.search-box form ul li:first-child { margin-left: 0; }

/* 
.search-box form ul.sh1cont li { width: calc(100% - 30px); margin: 0 5px; }
.search-box form ul.sh2cont li { width: calc(50% - 25px); margin: 0 5px; }
.search-box form ul.sh3select { align-items: flex-end; }
.search-box form ul.sh4cont li { width: calc(25% - 17px); margin: 0 5px; }
 */

.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; }







.search-box form ul li input[type="checkbox"]{ width: 20px; margin: 0 97px 0 7px; text-align: center; }






/* 검색 타이틀 */
.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/abs/icon/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: space-between; flex-wrap: wrap;
}
.datepicker input { 
	width: 125px; 
	cursor : pointer; text-align: left;
	background: #f9f9f9 url('../../images/upa/cal_icon.png') no-repeat center right 10px !important;
	background-size: 17px!important;
}
.datepicker.datepickerTime input { width: 160px; }

/* 금색 인풋 */
/* .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; min-width: calc(50% - 50px);
	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; max-width: 100%; }









/* 콘텐츠 테이블 사이즈 */
.board-list .scr { overflow-x: auto; }
.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; }
.board-list .scr .table-hover tr:hover { background: #f6fffc; transition: 0.3s; cursor: pointer; }

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



/* 테이벌 색상 */
/* .tableColor thead tr th:nth-child(6),
.tableColor thead tr th:nth-child(7) {
    background-color: #4fb6c5b3;
} */

.tableColor thead tr th:nth-child(13) {
    background-color: #ff010194;
}
/* .tableColor tbody tr td:nth-child(6),
.tableColor tbody tr td:nth-child(7) {
    color: #0100ff;
    background-color:#4fb6c529
} */
.tableColor tbody tr td:nth-child(13) {
    color: #c30000;
    background-color:#ffeaea
}



/* 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/abs/icon/pagingFirst_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_prev>span { background: #fff url(../../images/abs/icon/pagingPrev_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_next>span { background: #fff url(../../images/abs/icon/pagingNext_icon.svg) no-repeat center; background-size: 15px; }
.pagination>button.btn_end>span { background: #fff url(../../images/abs/icon/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;}




/* 팝업 */
#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;
  right:0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: #000;
  visibility: hidden;
  opacity: 0;
  z-index: 3700;
  transition: opacity 0.3s, visibility 0.3s;
  touch-action: none;
}
#nav_dim.on {
  visibility: visible;
  opacity: 0.67;
}


.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/abs/icon/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;
}















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


/* 헤더 세션 남은 시간 (알림 버튼 왼쪽) */
/* .sessionTimerWrap {
	display: flex;
	align-items: center;
	margin-right: 6px;
	flex-shrink: 0;
}
#upaSessionRemaining.upa-session-remaining {
	font-variant-numeric: tabular-nums;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	letter-spacing: 0.02em;
	min-width: 4.75ch;
	line-height: 37px;
}
#upaSessionRemaining.upa-session-remaining.upa-session-remaining--warn {
	color: #c62828;
} */

/* 알람 추가 */
.alarmWrap { position: relative; }
.alarmWrap>button {position: relative; display: block; width: 37px; height: 37px !important; border-radius: 37px; box-shadow: 1px 1px 10px rgba(14, 79, 179, 0.3); text-align: center; margin-right: 12px; box-sizing: border-box; background: #fff;}
.alarmWrap:last-child>button { margin-right: 0;}
.alarmWrap>button>img { width: 17px; margin-top: 0px; }
.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.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;}
@media (max-width: 1240px) {
	.alarmWrap>button.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: 0; width: 45px; height: 50px; font-weight: normal; line-height: 50px; }
.alarmWrap .alarmPop .close .x-mark:after { color: #555; }
.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; }
























/* 마이페이지 */
.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: 32px; width: 165px; opacity: 0; visibility: hidden; overflow: hidden; padding: 4px 0; border-radius: 1rem; border: 1px solid #d6ecfe; background-color: #fff; transition: all 0.3s ease-in-out; pointer-events: none; }
.alarmWrap.myIconWrap .myList::before { content: ''; position: absolute; top: -10px; left: 0; right: 0; height: 40px; background: transparent;}
.alarmWrap.myIconWrap:hover .myList { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(5px); }
.alarmWrap.myIconWrap .myList li { display: block; background: #fff; border-radius:0; border-bottom: 1px solid #d6ecfe; }
.alarmWrap.myIconWrap .myList li a { display: block; padding: 11px 10px; line-height:1.25; font-size: 14px; font-weight: bold; transition: 0.3s; }
.alarmWrap.myIconWrap .myList li:last-child{border-bottom:0;}
.alarmWrap.myIconWrap .myList li:last-child a { border-bottom: none; }
.alarmWrap.myIconWrap .myList li a:hover { color: #006edb; }
 



/* 로그인 통합 */
.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; }















.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/abs/icon/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;
}
.nomalCheck input[type="checkbox"]:checked + label{
	background: url('../../images/abs/icon/checkboxOn_icon.png') no-repeat left center; background-size: 15px;
}


.mapBtnCont .nomalCheck input[type="checkbox"] + label{
	display: inline-block;
	background: url('../../images/abs/icon/checkbox_mIcon.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;
}
.mapBtnCont .nomalCheck input[type="checkbox"]:checked + label{
	background: url('../../images/abs/icon/checkboxOn_mIcon.png') no-repeat left center; background-size: 15px;
}









.shipLegend {
	position: fixed; left: 50%; bottom: 100px; transform: translate( -50%, 0%);
	display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;
	margin-top:0; align-items:flex-start; padding:10px; 
	border-radius: 7px; font-size:.75rem; z-index:7;
	
	
	background: rgba(255, 255, 255, 0.5); padding: 10px; box-sizing: border-box;
	backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);
	border: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid #f3faff;
	box-shadow: 
		2px 1px 17px rgba(0, 110, 219, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		inset 0 -1px 0 rgba(255, 255, 255, 0.2),
		inset 0 0 60px 30px rgba(255, 255, 255, 0.3)
}
.shipLegend>div { line-height: 22px; margin-right: 10px; }
.shipLegend>div:last-child { margin-right: 0; }
.shipLegend>div>div { margin-right: 5px; }
.shipLegend>div>span { font-weight: bold; }

.shipLegend>div>div.ship1Legend {
    margin-top: 3px;
    height: 9px;
    width: 8px;
    top: 3px;
}
.shipLegend>div>div.ship1Legend:before {
    border-bottom: 6px solid #FF5F5F;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -6px;
    width: 0;
}
.shipLegend>div>div.ship2Legend {
    margin-top: 3px;
    background: #43B61A;
    display: inline-block;
    height: 9px;
    position: relative;
    width: 8px;
    top: 3px;
}
.shipLegend>div>div.ship2Legend:before {
    border-bottom: 6px solid #43B61A;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -6px;
    width: 0;
}
.shipLegend>div>div.singapuraLegend { width: 6px; }


/* 선박위치기반 데이터 */

.popup{
	position: absolute;
    top: 70px;
    right: 390px;
    min-width: 46rem;
    max-height: 430px;
    padding:3rem;
    z-index: 100;
    border-radius: 0.75rem;
	background: #FFF;
	box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.18);
    z-index: 3700;
    box-sizing: border-box;
}
.popup .title{
	position:relative;
	display: flex;
    align-items: center;
    gap: 10px;
	padding-bottom:20px;
	font-size:18px;
	font-weight:600;
}
.popup .title .close{
	position:absolute;
	right:0;
	top:0;
	width:28px;
	height:28px;
	background:url(../../images/upa/icon_popup_close.svg) no-repeat center center;
	background-size: cover;
}
.popup .title:before{
	content:"";
	display:block;
	width: 3.055px;
	height: 14.867px;
	background: #006EDB;
}
.popup .tbWrap{
	overflow-y: scroll;
    max-height: 310px;
}
.popup table{
	border-collapse: separate;
	border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
	overflow:hidden;
}
.popup table thead{
	border-radius: 0.375rem 0.375rem 0 0;
}
.popup table th{
	padding:15px 10px;
	border-bottom: 1px solid #000B31;	
	background: #1B2751;
	color: #BBC0D0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01875rem;
}
.popup table tr{
	background: #F6F9FE;
}
.popup table tbody tr:nth-child(even) {
    background: #E5EBF6;
}
.popup table td{
	text-align:center;
	padding:15px 10px;
	color: #202020;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.3px;
}
@media (max-width: 560px) {
	.popup{
		top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    min-width:92%;
	    padding:2rem;
	    border:1px solid #007BF5;
	}
	.tbWrap{
		width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
	}
	.popup table{
		table-layout: fixed;
	    width: 100%;
	    min-width: 600px;
        border-collapse: collapse;
	}
	.popup table td, 
    .popup table th {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
	
}















/* 테이블 스타일 추가 */
table.common.width1240, .width1240 { max-width: 1240px; margin: 0 auto 0; }








/*** 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 rgba(91, 176, 255, 0.14) !important; }

.ofH { overflow: hidden; }

.wA { width: auto !important; }
.fs0 {font-size: 0px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}

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

.mT-10 {margin-top:-10px !important;}
.mT0 {margin-top:0px !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT11 {margin-top:11px !important;}
.mT12 {margin-top:12px !important;}
.mT13 {margin-top:13px !important;}
.mT14 {margin-top:14px !important;}
.mT15 {margin-top:15px !important;}
.mT16 {margin-top:16px !important;}
.mT17 {margin-top:17px !important;}
.mT18 {margin-top:18px !important;}
.mT19 {margin-top:19px !important;}
.mT20 {margin-top:20px !important;}
.mT21 {margin-top:21px !important;}
.mT22 {margin-top:22px !important;}
.mT23 {margin-top:23px !important;}
.mT24 {margin-top:24px !important;}
.mT25 {margin-top:25px !important;}
.mT26 {margin-top:26px !important;}
.mT27 {margin-top:27px !important;}
.mT28 {margin-top:28px !important;}
.mT29 {margin-top:29px !important;}
.mT30 {margin-top:30px !important;}
.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;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

.mL-40 {margin-left:-40px !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;}