@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

/* 로고컬러 #da0061, #0d9fdc */
.line01{display:block;overflow:hidden;text-overflow:ellipsis;height:1.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.line02{display:block;overflow:hidden;text-overflow:ellipsis;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.inner{width:1280px;margin:0 auto;}
.hide{position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
.ir{display:inline-block;background:url('../../images/ir.png') no-repeat;vertical-align:middle}

.badge-red{position:absolute;top:16px;right:20px;width:74px;height:26px;color:#e61c51;line-height:24px;text-align:center;border-radius:3px;/*border:solid 1px #ef94ac;*/background-color:#fff2f6;}

/* main */
body{display:flex;flex-direction:column;margin:0px;min-height:calc(100vh - 56px);width:100%;padding-top:56px;background-color:#f0f0f0;}
.bg-overlay{position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0, 0, 0, 0.7);z-index:92}
#wrap{min-width:1280px;}
.header{position:fixed;top:0;left:0;right:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.35);background:#fff;z-index:90;}
.header .inner{position:relative;height:56px;}
.header .hlogo, .nav{}
.header .hlogo{position:absolute;left:20px;top:50%;width:122px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.nav{position:absolute;left:263px;top:20px}
.nav ul{}
.nav ul li{float:left;position:relative;}
.nav ul li + li{margin-left:66px;}
.nav ul li a{display:block;}
.nav ul li.on:after{content:'';position:absolute;bottom:-18px;display:block;width:100%;height:3px;background-color:#0076d6;}
.nav a{font-size: 16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height: normal;letter-spacing:normal;color:#0e2f56;text-align:center;color:#0e2f56;}
.nav #menu_2{}
.nav #menu_2 a.live-on:before{content:'';position:absolute;display:block;width:8px;height:8px;left:-15px;top:4px;background-color:#00da05;border-radius:50%}
.sidelink{position:absolute;top:10px;right:19px;width:52px;z-index:90}
.sidelink p{position:relative;padding-right:18px;cursor:pointer;background:#fff url('../../images/ico-arrow.png') 100% 50% no-repeat;z-index:11;}
.profile-img-s{display:block;width:34px;height:34px;text-indent:-9999em;border-radius:50%;border:solid 1px #a1aab3;background-size:cover !important}
.profile-img-m{display:block;width:86px;height:86px;text-indent:-9999em;border-radius:50%;border:solid 1px #a1aab3;background-size:cover !important}
.profile-filebox{position:relative;width:86px;margin:0 auto;}
.profile-filebox label {position:absolute;right:0;bottom:0;display:block;width:34px;height:34px;padding:0;text-indent:-9999em;border: solid 1px #d4d4d4;border-radius:100%;background:#fff url('../../images/ico-photo.png') 7px 8px no-repeat}
.profile-filebox input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}


.sidelink ul{display:none;position:absolute;width:102px;top:47px;right:-10px;padding:5px 0;line-height:30px;border-radius:4px;border:1px solid #e6e6e6;background-color:#fff;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.15);z-index:9}
.sidelink ul li{}
.sidelink ul li + li{border-top:1px solid #f0f0f0}
.sidelink ul li a{display:block;padding-left:18px;font-size:13px;color:#000;opacity:0.7}
.sidelink ul li:hover{background-color:#f7f7f7;}
.sidelink ul li:hover a{font-size:13px;opacity:1}
.sidelink ul li .ir{width:16px;height:15px;margin:-4px 5px 0 0;vertical-align:middle;}
.sidelink ul li:nth-child(1) .ir{background-position:0 0}
.sidelink ul li:nth-child(2) .ir{background-position:-18px 0}
.sidelink ul li:nth-child(3) .ir{background-position:-35px 0}

/* main(로그인 후) */
.page-contents{flex:1 0 0%;}/* page-bg 제외페이지 */
.page-inner{min-height:calc(100vh - 136px);height:100%;font-family: 'Open Sans','Malgun Gothic','맑은 고딕','돋음','Dotum','Apple SD Gothic Neo', 'AppleGothic', Arial, Helvetica, sans-serif}
.page-inner:before, .page-inner:after{display:table;content:" ";}

.main-note{position:relative;height: 56px; color:#0076d6;text-align:center;line-height:56px;border: solid 1px #c0ddf5;background-color: #e8f2fa;}
.main-note a{color:#0076d6}
.main-note span{display:inline-block;}
.icon-note .ir{width:30px;height:30px;margin:-4px 10px 0 0;background:url('../../images/ico-error-outline.png') 50% no-repeat;vertical-align:middle}
.main-note-close{position:absolute;top:20px;right:14px;width:14px;height:14px;text-indent:-9999em;background:url('../../images/btn-ly-close.png') 50% no-repeat;}

.filter-box{}
.filter-box button{width:80px;height:36px;line-height:36px;border-radius:3px;}
.filter-button-box{}
.filter-button-box li{float:left;}
.filter-button-box li + li{margin-left:10px;}
.filter-button-box button{color:rgba(0, 0, 0, 0.7);border:solid 1px #d4d4d4;background-color:#fff;}
.filter-button-box button.active{color:#fff;border:0;background-color:#0076d6;}
.filter-box input{height:36px;line-height:36px;text-indent:15px;border-radius:3px;border:1px solid #d4d4d4;}
input.cal{background:#fff url('../../images/ico-calendar.png') right 15px center no-repeat;}

.map-wrap{position:relative;height:450px;border:1px solid #d4d4d4}
.bg-no-data{position:absolute;left:0;top:0;right:0;bottom:0;padding-top:199px;font-size:22px;color:#fff;text-align:center;background:rgba(0, 0, 0, 0.6);z-index:9}
.bg-loading{}

.control-layers-toggle{position:absolute;top:11px;right:14px;}
.btn-control-layers{position:absolute;right:0;top:0;width:39px;height:40px;text-indent:-9999em;background:url('../../images/btn-street-satellite-view-off.png') no-repeat;}
.btn-control-layers.active{background:url('../../images/btn-street-satellite-view-on.png') no-repeat;}
.control-layers-toggle ul{display:none;position:absolute;top:50px;right:0;width:110px;border-radius:4px;border:1px solid #e6e6e6;background:#fff;}
.control-layers-toggle ul li{padding:8px 0 8px 15px;}
.control-layers-toggle ul li:last-child{border-top:1px solid #e6e6e6;}
.control-layers-toggle ul li p{padding:2px 0}

.map-marker-wrap{position:absolute;padding-top:192px;}
.map-marker{position:relative;width:68px;height:71px;background:url('../../images/map-marker.png') no-repeat;cursor:pointer;}
.profile-img-map{position:absolute;left:7px;top:5px;width:34px;height:34px;border:solid 1px #3e7eaf;border-radius:50%;background-size:cover !important}
/*
.desc-box{position:relative;width:349px;margin:-192px 0 0 -155px;padding-bottom:35px;color:rgba(0, 0, 0, 0.7)}
.desc-box:after{content: "";position:absolute;left:50%;margin-left:-15px;display:block;width: 0;height: 0;border-style: solid;border-width: 30px 17.5px 0 17.5px;border-color: #f7f7f7 transparent transparent transparent;}
*/
.desc-wrap{padding:15px 10px 15px;background:#fff}
.desc-wrap div, .desc-wrap ul{float:left;width:50%;}
.desc-wrap-name{padding:7px 15px;background-color:#f7f7f7;}
.desc-wrap-name .profile-img-s{width:27px;height:27px}
.wd-box-desc{}
.wd-box-desc strong{font-size:15px;}
.wd-box-desc p:last-child{padding-top:15px;color:#a1aab3;}

.wd-box{overflow:hidden;}
.wd-box i.ir{width:17px;height:15px;margin:0 5px 0 0;text-indent:-9999em;}
.wd-box li:nth-child(1) i.ir{background-position:-1px -16px}
.wd-box li:nth-child(2) i.ir{background-position:-18px -16px}
.wd-box li:nth-child(3) i.ir{height:17px;background-position:-1px -35px}
.wd-box li:nth-child(4) i.ir{height:13px;background-position:-18px -34px}
.wd-box li:nth-child(5) i.ir{background-position:-1px -52px}
.wd-box li:nth-child(6) i.ir{background-position:-18px -52px}
.wd-box li{float:left;width:50%;height:22px;padding:0 0 4px}
.wd-box li span{display:inline-block;vertical-align:middle}

.map-count{margin:15px 0;font-family: 'Open Sans', sans-serif;}
.map-count ul{overflow:hidden;}
.map-count > ul > li{float:left;width:300px;padding:15px 0;font-size:18px;text-align:center;}
.map-count > ul > li strong{display:inline-block;margin-top:-6px;font-size:40px;vertical-align:middle}
.map-count > ul > li + li{margin-left:15px;}
.map-count > ul > li:last-child{width:calc(100% - 630px);color:rgba(14, 47, 86, 0.9);border:solid 1px #d4d4d4;background-color:#fff}
.map-count > ul > li:nth-child(-n+2){color:#fff !important;background-color:#50a8e6;}
.map-count > ul > li:nth-child(-n+2) a{color:#fff !important;}
.icon-on, .icon-off{display:inline-block;padding:0 8px;font-size:18px;line-height:26px;border-radius:3px;vertical-align:middle}
.icon-on{color:#e61c51;border:solid 1px #ef94ac;background-color:#fff2f6;}
.icon-off{color:#a1aab3;border:solid 1px #d4d4d4;background-color:#fafafa;}
.map-count > ul > li li{display:inline-block;}
.map-count > ul > li li + li{margin-left:30px}
.map-gragh{padding:21px 14px;border:solid 1px #d4d4d4;background-color:#fff}

/* 마이페이지 mypage */
.tit-sub{padding:70px 0 30px;font-size:40px;font-weight:400;text-align:center;text-transform:capitalize;}
.tit-sub.tit-sub-sm{font-size:22px;color:#0e2f56;font-weight:700;line-height:1.5}
.tit-sub02{font-size:15px;color:#737373;text-align:center;letter-spacing:-0.6px;line-height:1.4}

.tab-sub{text-align:center;}
.tab-sub li{display:inline-block;width:180px}
.tab-sub li a{display:block;font-size:15px;}
.tab-sub .active{border-bottom:3px solid #0076d6;}
.tab-sub .active a{padding:12px 0;color:#0076d6;font-weight:700}
.tab-sub-dv2 li{}
.tab-sub-dv3 li{}
.tab-sub-sub{margin:-20px 0 40px;text-align:center;border-bottom:1px solid #d4d4d4}
.tab-sub-sub li{display:inline-block;margin:0 -4px -1px;}
.tab-sub-sub li a{display:block;padding:10px 30px;font-size:15px;color:rgba(0, 0, 0, 0.5);border:1px solid #d4d4d4;background-color: #f7f7f7;}
.tab-sub-sub li.active a{color:#2c4465;font-weight:700;opacity:1;background-color: #fff;}

.whitebox{padding:60px;border:solid 1px #d4d4d4;background-color:#fff}
.box-300{width:300px;margin:0 auto;}


/* 결제 */
.pay-box{width:640px;margin:0 auto}
.pay-box .clear .input-box{float:left;width:300px}
.pay-box .clear .input-box:nth-child(even){float:right}
.pay-box .button-box-col2 .button.button-large{min-width:300px;width:300px}
.pay-box .button-box-col2 .button.button-large:last-child{float:right}
input::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.3)}
input::-moz-placeholder {color:rgba(0, 0, 0, 0.3)}
input:-ms-input-placeholder {color:rgba(0, 0, 0, 0.3)}
input:-moz-placeholder {color:rgba(0, 0, 0, 0.3)}
input::placeholder {color:rgba(0, 0, 0, 0.3)}
.pay-box .input-box select{width:142px}
.pay-box-tbl{}
.pay-box-tbl table{width:100%}
.pay-box-tbl th, .pay-box-tbl td{padding:15px 0;border:1px solid #e5e5e5;text-align:center}
.pay-box-tbl thead th{color:#0e2f56;background:#f0f5fa}
.pay-box-tbl tbody th{color:#0e2f56;background:#fcfcfc}
.pay-box-tbl tfoot td{}
.tit-sub-03 {margin-top: 20px; padding-bottom: 10px; font-size: 16px; color: #0e2f56; font-weight: 700;}
.tbl-order {padding-left: 10px; padding-right: 10px;}
.tbl-wrap .tbl-order td {text-align: left; padding: 15px;}
.tbl-order td input[type=text],
.tbl-order td input[type=number] { box-sizing: border-box; padding: 5px 10px; width: 80%; height: 34px; font-size: 14px; border: 1px solid #e5e5e5; }
.tbl-order td textarea { width: 100%;}
.btn-estimate { position: absolute; right: 0;}
.btn-estimate:hover, .btn-estimate:active, .btn-estimate:focus {color: #fff;}

/* 리스트 박스형 */
.list-box{padding:25px 30px;border-radius: 4px;border: solid 1px #d8e2ef;background-color: #f0f5fa;}
.list-box .tit{padding-bottom:10px;color:#516a87;font-weight:700}
.list-box .list-dot-st01{}
.list-box .list-dot-st01 li{padding-left:20px; background:url('../../images/ico-check.png') 0 4px no-repeat}
.list-box .list-dot-st01 li + li{margin-top:5px;}

/* Table */
.tbl-head{position:relative;margin-bottom:15px;}
.add-member{position:absolute;right:0;top:0;width:98px;text-align:center;padding:8px 0 10px;color:#fff;border-radius: 3px;background-color: #a1aab3;}
	.add-member i{display:inline-block;width:16px;height:16px;margin:-2px 4px 0 0;background:url('../../images/ico-plus.png') 50% no-repeat;vertical-align:middle}
.btn-export{position:absolute;right:0;top:0;width:98px;text-align:center;padding:8px 0 10px;color:#fff;border-radius: 3px;background-color: #a1aab3;}
	.btn-export i{display:inline-block;width:14px;height:16px;margin:-2px 4px 0 0;background:url('../../images/ico-download.png') 50% no-repeat;vertical-align:middle}
.btn-comment, .btn-print{text-align:center;padding:8px 16px 10px;color:#fff;border-radius:3px;background-color: #a1aab3;}
.btn-comment i.ir{width:17px;height:17px;background-position:0 -100px;}
.btn-print i.ir{width:17px;height:17px;background-position:0 -118px;}

.sch-input{position:relative;width:240px;padding:5px 0 12px 20px;border-bottom:1px solid #d4d4d4;}
.sch-input input[type=text]{width:100%;border:1px solid #fff}
.sch-input ::placeholder, .qna-tit ::placeholder{color:rgba(0, 0, 0, 0.3);}
.sch-input input.btn_sch{position:absolute;left:0;top:0;width:16px;height:30px;text-indent:-9999em;border:none;background:url('../../images/ico-sch.png') 50% no-repeat;}
.tbl-wrap{border-top:2px solid #0076d6;}
.tbl-list{width:100%;background:#fff}
.tbl-wrap th, .tbl-wrap td{padding:15px 0;border-bottom:1px solid #e5e5e5;text-align:center}
.tbl-wrap thead{color:#0e2f56;background:#f0f5fa}
.tbl-wrap thead th .sort{display:inline-block;width:7px;height:11px;margin:-2px 0 0 4px;line-height:0;vertical-align:middle;}
.tbl-wrap thead th .sort button{width:7px;height:4px;margin:1px 0;line-height:4px;text-indent:-9999em;opacity:0.3;background:url('../../images/ico-sort.png') no-repeat;}
.tbl-wrap thead th .sort button.down{background-position:0 100%}
.tbl-wrap thead th .sort button:hover{opacity:1}
.tbl-wrap tbody td{height:46px;border-left:1px solid #e5e5e5;}
.tbl-wrap tbody td:first-child{border-left:0}
.tbl-wrap tbody td.inactive{color:rgba(0, 0, 0, 0.3);text-decoration:line-through;background-color:#fcfcfc;}
.tbl-wrap tbody td.table-no-data{height:300px}

.pagination-box{margin-top:20px}
.pagination-box{position:relative;padding:0;text-align:center;line-height:normal;white-space:nowrap;}
.pagination-box *{display:inline-block;margin:0 10px;text-decoration:none;line-height:34px;vertical-align:middle;border-radius:100%}
.pagination-box span{box-sizing:border-box;color:#fff;border-color:#333;background:#333}
.pagination-box .direction, .pagination-box .active{position:relative;width:36px;height:36px;margin:0 -2px;color:#fff !important;background:#0076d6}
.pagination-box .direction, .pagination-box .active a{color:#fff !important}
.pagination-box .prev{color:rgba(0, 0, 0, 0.5);}
.pagination-box .next{color:rgba(0, 0, 0, 0.5);}

.layer-member{/* display:none */position:absolute;width:360px;top:50%;left:50%;background:#fff;border-radius:10px;box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.45);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999}
.layer-member h3{position:relative;padding:25px 30px 27px;font-size:17px;color:#fff;border-radius:10px 10px 0 0;background-color:#a1aab3;}
.layer-member-close{position:absolute;top:26px;right:20px;width:14px;height:14px;text-indent:-9999em;background:url('../../images/btn-ly-close-white.png') 50% no-repeat;}
.layer-member .input-box{padding:12px 30px;}
.add-pic{}
.add-pic .pic-filebox{position:relative;width:300px;margin:30px auto 0;height:163px;border:1px solid #e5e5e5;border-radius:4px;background:#f0f0f0 url('../../images/bg-add-pic.png') 50% no-repeat}
.add-pic.add-pic-air .pic-filebox{background:#f0f0f0 url('../../images/bg-add-pic-air.gif') 50% no-repeat}
.add-pic .pic-filebox label {position: absolute;left:0;top:0;bottom:0;right:0;text-indent:-9999em;}
.add-pic .pic-filebox input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.add-pic .pic-filebox img{position: absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;border-radius:4px;}

.btn-view-receipt{padding:5px 10px;font-family:Dotum;font-size: 11px;border-radius: 2px;border: solid 1px #d4d4d4;background-color: #fafafa;}
.nodata-box{padding:40px;text-align:center;border:solid 1px #d4d4d4;background-color:#fff}
.nodata-box:before{content:'';display:block;margin:0 auto 10px;width:30px;height:30px;background:url('../../images/ico-error-outline.png') 50% no-repeat;filter: grayscale(50%)}

/* pilots */
	.pilots-nodata{padding-top:170px;text-align:center}
	.pilots-nodata .profile-img-m{margin:0 auto;border-color:#dedede}
	.pilots-nodata p{padding-top:15px;line-height:1.38;}
	.top-toolbar{position:relative;padding-bottom:15px;border-bottom:1px solid #d4d4d4;}
	.top-toolbar:after{content:"";display:block;clear:both}
	.sch-input-box{float:left;position:relative;width:405px;padding:5px 0 8px 35px;border-radius:3px;border:solid 1px #d4d4d4;background:#fff;}
	.sch-input-box input[type=text]{width:100%;border:1px solid #fff}
	.sch-input-box ::placeholder{color:rgba(0, 0, 0, 0.3);}
	.sch-input-box input.btn_sch{position:absolute;left:10px;top:1px;width:16px;height:30px;text-indent:-9999em;border:none;background:url('../../images/ico-sch.png') 50% no-repeat;}
	.top-toolbar .add-member{right:108px;}
	.sch-sort{float:right;padding-right:120px;line-height:30px;}
	.sch-sort li{display:inline-block;padding-top:8px;}
	.sch-sort li + li:before{content:'';margin:0 7px 0 5px;border-left:1px solid #d4d4d4}
	.sch-sort .on{font-weight:bold;}


	.render-grid{}
	.render-card{position:relative;padding-top:60px;text-align:center;border:1px solid #d4d4d4;background:#fff url('../../images/bg-render-card.png') 50% 0 no-repeat;}
	.render-grid .render-card{float:left;width:calc((100% - 66px) / 3);height:379px;margin:39px 0 0 32px;}
	.render-card:nth-child(3n+1){margin-left:0}
	.button-mod{position:absolute;top:16px;right:20px;width:26px;height:26px;border-radius:3px;text-indent:-9999em;background:url('../../images/ico-modify.png') 50% no-repeat;}
	.button-mod:hover{position:absolute;width:26px;height:26px;border-radius:3px;text-indent:-9999em;background-color:rgba(14,47,86,0.1)}
	.button-mod.button-mod-dark{background-image:url('../../images/ico-modify-dark.png')}
	.button-del{width:26px;height:26px;border-radius:3px;text-indent:-9999em;background:url('../../images/ico-delete.png') 50% no-repeat;}
	.button-del.button-del-dark{background-image:url('../../images/ico-delete-dark.png')}
	.button-del:hover{background-color:rgba(14,47,86,0.1)}

	.card-profile{position:relative;}
	.card-profile .profile-img-m{position:relative;margin:0 auto;z-index:9}
	.card-profile:before{content:'';position:absolute;display:block;left:50%;top:-5px;width:96px;height:96px;margin-left:-48px;border-radius:100%;background:#fff;z-index:1}
	.card-profile-name{padding:10px 0 25px;font-size:22px;color:#0e2f56;font-weight:700}
	.card-profile-company{font-size:17px;color:rgba(0, 0, 0, 0.5);}
	.card-desc{}
	.card-desc ul{}
	.card-desc-list li{display:inline-block;width:30%;}
	.card-desc-tit{color:rgba(14, 47, 86, 0.7)}
	.card-desc-txt{font-size:17px;color:#0076d6;line-height:1.3}
	.card-desc-txt strong{font-size:20px;}
	.card-recent{position:absolute;bottom:0;width:100%;height:88px;padding-top:20px;background-color:#fafafa}
	.card-recent-tit{color:#0e2f56;}
	.card-recent-txt{font-size:17px;color:rgba(0, 0, 0, 0.7);}

	.render-grid-view{}
	.render-grid-view .render-card{height:319px;background-size:100% 110px}
	.render-grid-view .card-desc-list li{display:inline-block;width:100px;}
	.render-grid-view .card-desc-list li:first-child{width:220px;}
	.render-grid-view .card-profile-name{padding:10px 0 0;line-height:1.2;text-transform:uppercase}
	.render-grid-view .card-profile-company{line-height:1.2}

	.aircraft-grid{padding-top:50px;}
	.tit-sub-02{padding-bottom:10px;font-size:22px;color:#0e2f56;font-weight:700;border-bottom:solid 1px #d4d4d4;}
	.aircraft-render-card{float:left;width:calc((100% - 120px) / 4);height:240px;margin:30px 0 0 40px;border:solid 1px #d4d4d4;background:#fff}
	.aircraft-render-card:nth-child(4n+1){margin-left:0}
	.aircraft-render-card > p{position:relative;height:60px;padding:20px;color:#0e2f56;border-bottom:1px solid #e7e7e7}
	.aircraft-render-card > p .aircraft-render-num{color:#0e2f56;}
	.aircraft-render-card .aircraft-img{display:table;width:100%;height:178px;text-align:center;}
	.aircraft-render-card .aircraft-img > p{display:table-cell;vertical-align:middle;}
	.aircraft-render-card .aircraft-desc{}
	.aircraft-grid.pt0 .aircraft-render-card{height:auto}

.mission-list .btn-export{top:-15px;font-size:13px;font-weight:300}
	.render-row{margin-top:30px;}
	.mission-row.clearfix{overflow:inherit}
	.list-row{}
	.render-cards{border:1px solid #d4d4d4;background:#fff}
	.mission-id{font-size:15px;color:#000;font-weight:700;}
	.mission-id span{padding-right:18px;}
	.mission-info-section{position:relative;padding:36px 30px 30px 0;}
	.mission-status{position:absolute;left:0;top:36px;width:550px;padding-left:29px;border-left:1px solid #e6e6e6}
	.mission-duration{font-size:32px;color:#50a8e6;font-weight:700}
	.mission-details{
		height: 100%;
		position: relative;
		background: #FFF;
		padding: 0;
		width:calc(100% - 430px);
	}
	.mission-details > a{display:block;position:relative;width:731px;height:135px;left:117px;top:0;}

	.mission-info-section {
		display: flex;
		flex: 100%;
	}
	.mission-mini-stats {
		position: relative;
		padding-right:18px;
		flex: 50%;
		margin: -3px;
		color:rgba(14, 47, 86, 0.7);
	}
	.mission-stat {
		display: block;
		padding: 2px 3px;
		text-align: right;
		white-space: nowrap;
	}
	.mission-stat.dot:before {
		content: '';
		display: inline-block;
		float: right;
		width: 18px;
		height: 18px;
		background:url('../../images/start-circle.png') no-repeat;
		z-index: 2;
		position: relative;
		right: -11px;
		top: 3px;
		margin: 0 0 -14px;
	}
	.mission-mini-stats:after {
		content: '';
		display: inline-block;
		height: 3.5em;
		position: absolute;
		top: 1em;
		right: 18px;width:2px;background:url('../../images/street-line.png') repeat-y;
		/*border-right:2px dashed #8dc63b;opacity: 0.5;*/
	}
	.tag-section{position:relative;min-height:46px;padding:10px 100px 10px 62px;background-color:#fafafa;}
	.flight-tag-list{} /* 기본노출 */

	.tag-add-or-view{
	display:none;
	padding: 40px 30px;
	position: absolute;
	margin: 30px 0 0 -40px;
	z-index: 2000;
	min-width: 200px;
	border-radius: 4px;
	box-shadow: 0px 5px 10px 0 rgba(60, 64, 67, 0.28);
	border: solid 1px #d4d4d4;
	background-color: #ffffff;
	}
	.tag-input-field{height:36px;margin:4px 0;padding:0 10px;border-radius:3px;border:solid 1px #d4d4d4;background-color:#fff;}

	.tag-list{} /* 입력하단 목록 */
	.layer-close{position:absolute;top:26px;right:20px;width:14px;height:14px;text-indent:-9999em;}
	.layer-close.layer-close-dark{background:url('../../images/btn-ly-close.png') 50% no-repeat;}

	.add-tag-label{color:rgba(14, 47, 86, 0.8);font-weight:700}
	.tag-add-or-view .add-tag-label{padding-bottom:5px;}
	.tag-add-or-view .tag-list{padding-top:5px;}
	.pill-button.mini.subtle.tag-save{display:inline-block;margin-top:-4px;padding:0 15px;color:#fff;line-height:36px;border:0;border-radius:4px;background-color:#a1aab3;vertical-align:middle}

	.tag-option{display:inline-block;margin:2px 5px 2px 0;
	padding:2px 11px 4px 11px;line-height:1.2;/*border-radius: 12px;border:solid 1px #e6e6e6;*/background-color: #fff;vertical-align: top;
	white-space: nowrap;}
	/*.tag-option + .tag-option{margin-left:2px;}*/
	.flight-tag-name{display:inline-block;}
	.tag-delete {
	display:inline-block;
	width:10px;height:10px;
	padding:0 0 0 5px;
	margin-top:-2px;
	color: #555;
	vertical-align: top;background:url('../../images/ico-del.png') 50% no-repeat;
	white-space: nowrap;cursor: pointer;vertical-align:middle;
	}
	.tag-section .manual-actions{top:10px;}

	.manual-actions {
	position: absolute;
	right: 0;bottom:16px;
	padding: 0 10px;
	}
	.flight-warning-div, .manual-flight-controls {display: inline-block;}
	.pill-button.mini {
	padding: 2px 8px 1px;
	font-size: 12px;
	border-radius: 20px;
	background: none;
	color: #555;
	border:1px solid #bbb;
	}
	.pill-button.mini.tag-add{position:absolute;left:25px;top:14px;width:21px;height:18px;padding:0;border:0;border-radius:0;text-indent:-9999em;background:url('../../images/ico-tag.png') no-repeat;}
	.manual-actions button {margin-left: 5px;}
	.mission-map-box {
	width:430px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #EEE;
	border-left: 1px solid #CCC;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	}
	.mission-map-box a{display:block;height:100%;}

	.manual-flight-controls .pill-button.mini {
	width:26px;height:26px;
	padding:0;border-radius: 0;text-indent:-9999em;
	border:0;
	}
	.pill-button.mini.pill-button-edit{background:url('../../images/ico-modify-dark.png') 50% no-repeat}
	.pill-button.mini.pill-button-remove{background:url('../../images/btn-ly-close.png') 50% no-repeat}

	.mission-map-pin {background-color: transparent;position: absolute;margin: auto;left: 0;right: 0;bottom: 0;top: 0;width: 145px;vertical-align:middle;}
	.mission-pilot-selector-anchor {position: absolute;top:38px;left:-840px;width:100px;text-align:center;}
	.mission-pilot-image .pilot-thumb{margin:0 auto 4px}
	.mission-pilot-selector-anchor .pill-button-text{padding-top:4px;font-size:15px;color:#000;font-weight:700;}

/* aircraft */
.aircraft-view{}
	.aircraft-desc{height:90px;padding:15px 20px 20px;color:#768193;border-top:solid 1px #f0f0f0;background-color:#fafafa;}
	.aircraft-desc .p-lte strong, .aircraft-desc .p-pilot strong{}
	.aircraft-desc .p-lte strong.onon{color:#5a9d6c}
	.aircraft-desc .p-lte em, .aircraft-desc .p-pilot em{float:right}
	.aircraft-desc .p-lte{}
	.aircraft-desc .p-pilot{}
	.aircraft-desc p + p{padding-top:10px}
	.aircraft-desc .profile-img-s{display:inline-block;margin:-4px 5px 0 0;vertical-align:middle}
	.aircraft-view .render-card{margin-top:30px}
	.aircraft-view .button-mod-dark{top:0;right:0}
	.aircraft-first{}
	.aircraft-first .aircraft-img{float:left;display:table;width:290px;height:240px;text-align:center;border:1px solid #d4d4d4;background:#fff}
	.aircraft-first .aircraft-img p{display:table-cell;vertical-align:middle;}
	.aircraft-first-sub{float:left;width:290px;height:240px;margin-left:10px;}
	.aircraft-first-sub.aircraft-half{width:335px;border:0}
	.aircraft-first-sub.aircraft-half > div{display:table;width:100%;height:115px;color:#fff;font-size:18px;text-align:center;font-family: 'Open Sans', sans-serif;background:#50a8e6}
	.aircraft-first-sub.aircraft-half > div p{display:table-cell;vertical-align:middle;}
	.aircraft-first-sub.aircraft-half > div + div{margin-top:10px}
	.aircraft-first-sub.aircraft-half > div strong{display:block;font-size:40px;letter-spacing:-1.6px;line-height:1.2}
	.aircraft-first-sub.aircraft-half > div.on-off.off{color:#e61c51;/*border:solid 1px #ef94ac;*/background-color:#fff2f6;}
	.aircraft-first-sub.aircraft-half > div.on-off.on{color:#5a9d6c;/*border:solid 1px #d4d4d4;*/background-color:#f8fffc;}
	/*.aircraft-first-sub.aircraft-half > div.on-off.off{color:#a1aab3;border:solid 1px #d4d4d4;background-color:#fafafa;}*/

	.aircraft-first-sub.aircraft-first-sub-list{border:1px solid #d4d4d4;background:#fff;}
	.aircraft-first-sub ul{padding:30px;}
	.aircraft-first-sub ul li{overflow:hidden;color:#516a87}
	.aircraft-first-sub-list ul li:nth-child(4) strong, .aircraft-first-sub-list ul li:nth-child(5) strong,
	.aircraft-first-sub-list ul li:nth-child(4) span, .aircraft-first-sub-list ul li:nth-child(5) span{/*color:#0076d6*/}
	.aircraft-first-sub-list ul li:nth-child(1) span, .aircraft-first-sub-list ul li:nth-child(2) span, .aircraft-first-sub-list ul li:nth-child(3) span{color:#737373}
	.aircraft-first-sub-list ul li + li{margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}
	.aircraft-first-sub-list ul li span{float:right}
	.lamp{overflow:hidden;position:absolute;top:12px;right:12px;z-index:9;}
	.lamp .df{float:left;display:block;width:12px;height:12px;margin-left:5px;border-radius:100%;background-color:#fff}
	.lamp .df.green{background-color:#00da05;}
	.lamp .df.red{background-color:#e94a4a;}
	.lamp .df.blue{background-color:#0054ff;}

	.df.green{animation:blinkgreen 1s 1s linear infinite alternate;-webkit-animation: blinkgreen 1s 1s linear infinite alternate;}
	.df.red{animation:blinkred 1s 1s linear infinite alternate;-webkit-animation: blinkred 1s 1s linear infinite alternate;}
	.df.blue{animation:blinkblue 1s 1s linear infinite alternate;-webkit-animation: blinkblue 1s 1s linear infinite alternate;}
	@keyframes blinkgreen{
		0% {opacity:1;background:#00da05;}
		100% {opacity:0;background:#00da05;}
	}
	@keyframes blinkred{
		0% {opacity:1;background:#e94a4a;}
		100% {opacity:0;background:#e94a4a;}
	}
	@keyframes blinkblue{
		0% {opacity:1;background:#0054ff;}
		100% {opacity:0;background:#0054ff;}
	}

/* filght */
.filght-list{}
.filght-list .render-row{margin-top:0}
.render-cards{margin-top:15px}
.flights-view{}
.flights-view .mission-map-box{border:0;background:none}
.flights-view .mission-details{width:100%}
.flights-view .mission-mini-stats{height:69px;}
.flights-view .mission-mini-stats *, .flights-view .mission-mini-stats:after{display:none;}
.flights-view .btn-abs-wrap{top:46px;right:30px}
.flights-view .btn-abs-wrap button i.ir{margin:-2px 8px 0 0;}
.flights-view-block01{margin:30px 0 20px}
.flights-view-block01 .block01.fl{width:400px;}
.flights-view-block01 .block01.fl .block01_01 p{width:195px;padding:20px 20px 27px;color:#fff;text-align: center;line-height: normal;background-color:#50a8e6;}
.flights-view-block01 .block01.fl .block01_01 p strong{font-size:30px;font-weight: 600;letter-spacing: -1.6px;}
.flights-view-block01 .block01.fl .block01_01 p span{display:block;font-size: 18px;}
.flights-view-block01 .live-view-inner{overflow:inherit;padding:10px 30px 0;}
.block01_02{height:161px;padding-left:76px;border:solid 1px #d4d4d4;background-color:#fff}
.block01_02 p{width:76px;top:-1px;left:-1px;bottom:-1px;padding:50px 0 0;color:#fff;font-size:18px;text-align: center;background-color:#50a8e6;}
.block02.fl, .block02.fr{margin-top:10px}

.flights-view-block01 .block01.fr{width:860px;height:286px;border:solid 1px #d4d4d4;background-color:#fff}
.flights-view-block01 .block01.fr .map-wrap{height:284px;border:0}
.dst-txt{padding:3px 15px;font-size:12px;color:#000;border: solid 1px #4c4c4c;background:rgba(255, 255, 255, 0.5);}
.flights-view-block01 .dst-txt-l{left:10px;bottom:10px;}
.flights-view-block01 .dst-txt-r{right:10px;bottom:10px;}
.dron-txt{text-align:center}
.dron-txt span{display:inline-block;margin:10px 0 0;}
.btn-map-zoom{left:10px;top:10px;width: 26px;height: 52px;box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.15);border-style: solid;border-width: 1px;border-radius:4px;border:1px solid #cdcdcd;background-color:#fff}
.btn-map-zoom button{display:block;width:100%;height:26px;text-indent:-9999em;}
.btn-map-zoom-p{border-bottom:solid 1px #cdcdcd;background:url(../../images/zoom-plus.png) 50% no-repeat}
.btn-map-zoom-m{background:url(../../images/zoom-minus.png) 50% no-repeat}

.flights-view-block02{}
.flights-view-block02 .block02.fl{width:400px;}
.flights-view-block02 .block02.fl .block02_01 .fl, .flights-view-block02 .block02.fl .block02_01 .fr{width:195px;}
.flights-view-block02 .render-card{height:286px;padding:40px 0 0;background-size:100% 100px}
.block02_01{}
.flights-view-block02 .card-desc-list li{display:block;width:100%;}
.flights-view-block02 .card-desc-list li + li{padding-top:5px}
.flights-view-block02 .card-desc-txt{font-size:13px;}
.flights-view-block02 .card-desc-txt strong{font-size:18px;}
.flights-view-block02 .aircraft-render-card{float:none;width:100%;height:286px;margin:0;}
.flights-view-block02 .aircraft-render-card > p{height:auto;padding:15px 20px;}
.flights-view-block02 .aircraft-render-card .aircraft-img img{max-width:90%;}
.flights-view-block02 .aircraft-render-card .aircraft-img {height:115px;}
.flights-view-block02 .aircraft-render-card .card-desc{text-align:center}
.flights-view-block02 .block02.fr{width:860px;height:286px;border:solid 1px #d4d4d4;background-color:#fff}
.flights-view-block02 .block02.fr .map-wrap{height:284px;border:0}
.flights-view-block02 .dst-txt-l{left:10px;top:10px;}
.flights-view-block02 .dst-txt-r{right:10px;bottom:10px;}

/* filght > 코멘트 */
.comment-write{position: relative;border:solid 1px #d4d4d4;background-color:#fff;}
.comment-write label{position:absolute;top:0;width:100%;color:rgba(0, 0, 0, 0.3);cursor: pointer;}
.comment-write label span{display:block;height:60px;padding:20px 30px;white-space: pre-line;line-height: 18px;font-weight: 300;}
.comment-write textarea{
display: block;
overflow: hidden;
width: 100%;
resize: none;
border: 0 none;
line-height: 17px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: 0;
min-height:60px;padding:20px 30px;background-color:#fff;
}
.button-regist.abs{display:none;top:0;right:0;bottom:0;padding:20px 30px 0;border-left:1px solid #f0f0f0;background-color:#fafafa;}
.button-regist.abs button{width:60px;height:36px;color:#fff;border-radius:4px;background-color:#0076d6;}
.comment-list{}
.comment-info{padding:25px 29px;border-bottom:1px solid #d4d4d4;}
.comment-info .abs{top:26px;right:30px;}
.comment-info .button-mod{position:static;top:0;right:0;margin-right:5px}
.comment-info .profile-img-s{width:27px;height:27px;margin-top:-2px;vertical-align:middle}
.desc-profile{padding-bottom:5px;}
.desc-profile strong{padding:0 18px 0 8px;color:rgba(0, 0, 0, 0.7);}
.desc-txt{word-break:break-all;word-wrap:break-word;}
.comment-date{font-size:13px;color:#a1aab3;}

.comment-mod{position:absolute;top:60px;right:20px;padding-right:70px;border:1px solid #d4d4d4;z-index:9}
.comment-mod textarea{
display:block;float:left;overflow: hidden;
width:100%;
resize: none;
border:0 none;
line-height: 17px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
outline: 0;
min-height:60px;padding:15px;background-color:#fff;
}
.comment-mod .abs{top:0;right:0;bottom:0;width:70px;padding:3px 5px;border-left:1px solid #f0f0f0;background-color:#fafafa;}
.comment-mod .comment-mod-save, .comment-mod .comment-mod-cancel{display:block;width:100%;margin:2px 0;padding:0 10px;font-size:12px;color:#fff;line-height:26px;border:0;border-radius:0;cursor:pointer;}
.comment-mod .comment-mod-save{top:1px;background-color:#0076d6;}
.comment-mod .comment-mod-cancel{bottom:1px;background-color:#a1aab3;}

/* live */
.live-list .desc-box{margin:-192px 0 0 -105px;}
.live-list .map-wrap{height:550px;background-size:cover !important}
.map-marker.marker-dron{position:relative;width:145px;height:59px;background:none;cursor:pointer;}
.live-view-detail{position:absolute;left:0;top:30px;bottom:0;width:300px;z-index:99;background:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);}
.live-view-detail h3{padding:0 40px 0 20px;font-size:18px;color:#fff;font-weight:700;line-height:60px;background-color:#0076d6;}
.live-view-detail h4{padding:0 20px;font-size:15px;color:#0e2f56;font-weight:700;line-height:36px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f0f0f0;}
.live-view-detail .layer-member-close{top:22px}
.live-view-img{display:table;width:100%;}
.live-view-img p{display:table-cell;height:180px;text-align:center;vertical-align:middle}
.live-view-img p img{max-width:260px;}
.live-view-inner{overflow:hidden;padding:19px 30px;color:#737373}
div.live-view-inner{min-height:100px;padding-left:130px;line-height:1.3}
div.live-view-inner img{left:30px;top:19px;width:75px;height:75px;border:1px solid #a1aab3;border-radius:100%}
.live-view-name{padding-bottom:4px;font-size:18px;font-weight:700;color:#516a87}
div.live-view-inner li{}
div.live-view-inner li strong{display:inline-block;width:50px;font-size:20px;color:#0076d6;letter-spacing:-0.4px;vertical-align:middle}
div.live-view-inner li span{display:inline-block;vertical-align:middle}
ul.live-view-inner{padding:10px 30px;}
ul.live-view-inner li{line-height:34px;}
ul.live-view-inner li + li{border-top:1px solid #e5e5e5}
ul.live-view-inner strong{color:#516a87;}
ul.live-view-inner li span{float:right;}
ul.live-view-inner .input-item{}
ul.live-view-inner .input-item p{float:right;width:calc(100% - 54px);padding:5px 0 5px 5px;}
ul.live-view-inner .input-item strong{line-height:46px;}
ul.live-view-inner .input-item p input, ul.live-view-inner .input-item button{vertical-align:middle;}
ul.live-view-inner .input-item p input{width:calc(100% - 44px);height:30px;padding:0 4px;border:1px solid #e5e5e5;}
ul.live-view-inner .input-item button{width:40px;margin-left:2px;color:#fff;background-color:#737373;font-size:12px;line-height:30px;border-radius:2px;}

/* 고객센터 */
.customer .tbl-wrap td{padding:15px;}
.note-badge{display:inline-block;width:21px;height:16px;text-indent:-9999em;background:url('../../images/ico-notice.gif') no-repeat}
.note-new{display:inline-block;width:40px;height:20px;padding:0;margin:0;line-height:18px;color:#e61c51;text-align:center;border-radius:10px;border:solid 1px #e61c51;}

.note-view{border-top:2px solid #0076d6;border-bottom:1px solid #ccc;}
.note-view-head{overflow:hidden;padding:22px 30px 20px;font-weight:700;border-bottom:1px solid #d8e2ef;background-color:#f0f5fa;}
.note-view-head span{font-size:15px;}
.note-view-head .note-new{margin-top:-4px}
.note-date{float:right;}
.note-view-text{padding:30px;min-height:450px;}
.note-view-file{padding:30px;border-top:1px solid #f0f0f0;background-color:#fafafa;}
.note-view-file p{}
.note-view-file li{padding-left:30px;margin-bottom:8px;background:url(../../images/ico-file.png) 0 4px no-repeat;}
.note-view-file li a{border-bottom:1px solid #000}
.note-view-file li a span{margin:0 30px}
.note-view-button{}
.note-view-button i{display:inline-block;width:8px;height:12px;vertical-align:middle;background:url('../../images/ico-cal-arrow.png') no-repeat}
.button-prev i{margin:-4px 10px 0 0;background-position:-4px 50%}
.button-next i{margin:-4px 0 0 10px;background-position:-21px 50%}
.note-view-button .button.button-mid{padding:0 20px;}

.tbl-qna-write{border-top:2px solid #0076d6;border-bottom:1px solid #ccc;}
.tbl-qna-write th{padding:15px 0;color:#0e2f56;text-align:center;border-bottom:1px solid #e5e5e5;background:#f0f5fa}
.tbl-qna-write td{padding:9px 30px;border-bottom:1px solid #e5e5e5;}
.tbl-qna-write .private-box{height:150px;overflow-y:scroll}
.tbl-qna-write .note-view-file{padding:0;border-top:0;background-color:#fff;}
.filetype {position: relative;display: inline-block;vertical-align: top;*margin-right: 4px;}
.filetype * {vertical-align: middle;}
.filetype .file-text {
position: relative;
width: 574px;
height: 36px;
margin: 0;padding:0 15px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
background-color: #fff;
border-radius: 3px;
border: 1px solid #d4d4d4;
line-height: 20px;
z-index: 10;
}
.filetype .file-select {
position: absolute;
top: 0;
right: 0;
width: 80px;
overflow: hidden;
}
.filetype .file-select .input-file {
width: 80px;
filter: alpha(opacity=0);
opacity: 0;
height: 36px;
}
.filetype .file-text + .button-mid {width:80px;height:36px;padding:0;font-size:13px;cursor:pointer}

/* download */
.download{}
.download .dib {
width: 335px;margin:0 20px;
padding-top:135px;
border: solid 1px #d4d4d4;
background-color: #f0f5fa;
transition:0.2s;}
.download .dib:hover{border-color:#0076d6;box-shadow: 0px 5px 10px 0 rgba(60, 64, 67, 0.28);}
.download .dib:nth-child(1) {background:#f0f5fa url('../../images/download-bg01.png') 50% 38px no-repeat}
.download .dib:nth-child(2) {background:#f0f5fa url('../../images/download-bg02.png') 50% 32px no-repeat}
.download .dib > div{padding:25px 25px 30px;background-color:#fff;}
.down-tit{font-size: 18px;font-weight: 600;color: #0076d6;font-family: 'Open Sans', sans-serif;}
.down-txt{margin:10px 0 30px;color: #737373;letter-spacing: -0.52px;}
.down-txt-ver{margin:20px 0 0;}
.btn-download{display:inline-block;width: 120px;color:#fff;line-height: 36px;border-radius: 3px;background-color: #a1aab3;}
.btn-download .ir{width:14px;height:13px;margin-top:-4px;background:url('../../images/ico-download.png') no-repeat}

/* 약관안내 */
.contents-table{}
.contents-table li + li{margin-top:10px}
.policy-bx{height:calc(100vh - 300px);margin-top:10px;padding:40px;border:1px solid #d4d4d4;background-color:#fff;overflow-y:scroll}
.policy-bx h3{font-size:18px;font-weight:700;}
.policy-bx h4{padding-bottom:10px;font-size:14px;font-weight:700;}
.policy-bx > div{margin-top:20px;}
.policy-bx p{padding-bottom:5px}
.policy-bx li{margin-bottom:4px;}
.policy-bx li li{padding-left:15px}
.ul-dot{}
.ul-dot > li{position:relative;margin-bottom:4px;padding-left:10px;}
.ul-dot > li:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#333;}
.policy-bx table{margin:10px 0;border: solid 1px #d4d4d4;}
.policy-bx table th{padding:2px 5px 10px}
.policy-bx table td{padding:2px 5px;}

/* page별 bg */
.page-bg{position:fixed;top:0;bottom:0;left:0;right:0;background-size:cover !important}
.page-login{/*background:url('../../images/background-img-2.png') no-repeat;*/}
.page-mail-resend{background:url('../../images/background-img-4.png') no-repeat;}
.page-join{background:url('../../images/background-img-1.png') no-repeat;}
.page-join.join-member{background:url('../../images/background-img-3.png') no-repeat;}
.page-join-notice{background:url('../../images/background-img-6.png') no-repeat;}
.page-mail-resend.page-join-certification{background:url('../../images/background-img-6.png') no-repeat;}
.page-password{background:url('../../images/background-img-5.png') no-repeat;}
.page-password.page-join-notice{background:url('../../images/background-img-6.png') no-repeat;}

.page-login .swiper-container{position:fixed;top:0;bottom:0;left:0;right:0;}
.page-login .swiper-wrapper{}
.page-login .swiper-slide{background-size:cover !important}
.page-login .swiper-slide img{width:100%;height:100%;}

.box-tit{font-size:17px;color:#566d88;}
.box-inborder{margin:20px 0 30px;padding:17px 0;color:#4b4b4b;border:solid 1px #f0f0f0;background-color:#fafafa;}
.page-mail-resend .login-box{height:390px}
.login-box{position:absolute;left:50%;top:50%;width:360px;margin-top:-25px;padding:40px 30px 30px;text-align:center;border-radius:10px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);background-color:#fff;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99}
.login-box-link{padding-top:25px;}
.login-box-link a{display:inline-block;color:#4c4c4c;vertical-align:middle}
.login-box-link a + a{margin-left:20px;}
.login-box-link a + a:before{content:'|';display:inline-block;margin-top:-6px;padding-right:20px;color:#d4d4d4;vertical-align:middle}
.login-box-logo{margin-bottom:30px}
.page-mail-resend .login-box-logo{margin-bottom:10px}
.bg-progress{position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0, 0, 0, 0.7);z-index:999}
.bg-progress p{display:table;height:100%;width:100%;}
.bg-progress .txt-progress{position:absolute;left:50%;top:50%;display:block;color:#fff;font-weight:400;font-size:16px;-ms-transform:translate(-50%,-30px);-webkit-transform:translate(-50%,-30px);transform:translate(-50%,-30px);}
.bg-progress span{display:table-cell;vertical-align:middle;}
.progress-loading i{display:inline-block;width:4px;height:4px;margin:0 4px;border-radius:100%;}
.progress-loading i:nth-child(1){animation:blink1 1.5s ease infinite;}
.progress-loading i:nth-child(2){animation:blink2 1.5s ease infinite;}
.progress-loading i:nth-child(3){animation:blink3 1.5s ease infinite;}
@keyframes blink1{
	0% {opacity:1;background:#0B10E3;}25% {opacity:1;background:#0C4CED;}50% {opacity:1;background:#0076D6;}75% {opacity:1;background:#0CC3ED;}100% {opacity:1;background:#0BE3D1;}
}
@keyframes blink2{
	0% {opacity:1;background:#0BE3D1;}25% {opacity:1;background:#0B10E3;}50% {opacity:1;background:#0C4CED;}75% {opacity:1;background:#0076D6;}100% {opacity:1;background:#0CC3ED;}
}
@keyframes blink3{
	0% {opacity:1;background:#0CC3ED;}25% {opacity:1;background:#0BE3D1;}50% {opacity:1;background:#0B10E3;}75% {opacity:1;background:#0C4CED;}100% {opacity:1;background:#0076D6;}
}
.input-box{position:relative;padding-bottom:30px;color:#0e2f56;}
.input-basic{width:100%;height: 34px;text-align: left;font-size:13px;color:#4c4c4c;border:none;border-bottom:1px solid #d4d4d4;}
.input-error{width:100%;height: 34px;text-align: left;font-size:13px;color:#4c4c4c;border:none;border-bottom:1px solid #e61c51;}
.input-basic.input-error{border-bottom:1px solid #e61c51;}
.input-error-msg{margin-bottom:-20px;padding-top:6px;color:#e61c51;font-size:11px;}
.input-error-msg.text-left{margin-top:10px;border-top:1px solid #e61c51}
.button-box-col1{}
.button-box-col2 .button + .button{margin-left:25px}
.chk-login label{color: rgba(0, 0, 0, 0.3);}
.st-box{padding:15px;border-radius:3px;border:solid 1px #d4d4d4;background-color:#fff;}
input.st-box{height:36px;padding:0 15px;}
textarea.st-box{}
.select-basic{width:100%;height: 34px;border:transparent;border-bottom:1px solid #d4d4d4}

/* 가입 */
.page-join{}
.page-join .login-box{}
.page-join .box-tit{margin-top:-20px;padding-bottom:10px}
.page-mail-resend.page-join-notice .login-box{height:auto}

/* 비밀번호 설정 */
.page-password .box-tit{margin-top:-20px;padding-bottom:10px}

.note-icon{position:relative;padding-left:35px;font-size:11px;color:#0076d6;text-align:left}
.note-icon:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:30px;height:30px;background:url('../../images/ico-error-outline.png') 50% no-repeat;}

/* checkbox, radio */
.chk-bx u{font-weight:700}
.chk-bx{color:#4c4c4c}
.chk-bx input[type="checkbox"], .chk-bx input[type="radio"] {display:none;}
.chk-bx input[type="checkbox"] + label span,.chk-bx input[type="radio"] + label span {display:inline-block;width:18px;height:18px;margin:-3px 6px 0 0;vertical-align:middle;border: 1px solid #d4d4d4;background:#fff url('../../images/icon_check_sheet.png?') no-repeat;}
.chk-bx input[type="checkbox"] + label span {border-radius:2px;background-position:0 0;}
.chk-bx input[type="checkbox"]:hover + label span {border:1px solid #0076d6;background-color:#fff}
.chk-bx input[type="checkbox"]:checked + label span {background-position:0 -22px;border:0;}
.chk-bx input[type="checkbox"]:disabled + label span {border:0;background-position:0 100%;}
.chk-bx input[type="radio"] + label span {border-radius:50%}
.chk-bx input[type="radio"]:hover + label span {border:1px solid #0076d6;background-color:#fff}
.chk-bx input[type="radio"]:checked + label span {border:0;background-position:100% -22px;}
.chk-bx input[type="radio"]:disabled + label span {border:0;background-position:100% 100%;}
/* datepicker */
.ui-widget-header {
	border: 1px solid #fff;
	background: #fff;
	color: #333333;
	font-weight: bold;
}
.ui-datepicker td {
	border: 0;
	padding:0 2px;line-height:18px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #fff;
	background: #fff;
	font-weight: normal;
	color: #454545;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #0076d6;
	background: #0076d6;
	font-weight: normal;
	border-radius: 2px;
	color: #ffffff;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding:.2em .4em .2em .2em;
	text-align: right;
	text-decoration: none;
}
.ui-widget-header .ui-icon {
	background-image: url('../../images/ico-cal-arrow.png');
}
.ui-icon-circle-triangle-w {background-position:0 0}
.ui-icon-circle-triangle-e{background-position:100% 0}


/*  */
.page-error{position:absolute;top:50%;left:50%;width:640px;margin-top:-25px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.page-error .hlogo{width:140px}
.page-error-inner{margin-top:20px;padding:50px 30px;text-align:center;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);background:#fff;}
.page-error h1{padding:80px 0 0;font-size:30px;font-weight:700;color:#000;background:#fff url('../../images/ico-error404.png') 50% 0 no-repeat;}

footer{/*position:fixed;bottom:0;left:0;right:0;*/position:relative;height:50px;margin-top:30px;line-height:50px;border-top:1px solid #ccc;background:#fff;}
footer.fix{position:fixed;bottom:0;left:0;right:0;}
footer.nofix{position:relative;margin-top:30px;border-top:1px solid #ccc;}
footer .copyright{}
footer .footer-link{overflow:hidden;float:right;}
footer .footer-link li{float:left;font-size:12px}
footer .footer-link li + li{padding-left:20px}
.btnTop{position:fixed;display:none;width:50px;height:50px;left:50%;bottom:70px;margin-left:660px;background:url('/images/btn_top.png') 50% no-repeat;z-index:999;border-radius:50%;text-indent:-9999em;z-index:99;}

/* 팝업 */
.main-popup{position:absolute;min-width:300px;border:1px solid #999;background:#fff;z-index:999;}
.main-popup > .popup-text{padding:20px;}
.main-popup > .popup-image{padding:0;text-align:center;}
.popup-image img{width:100%}
.popup-img{}
.popup-close-box{overflow:hidden;padding:5px 10px;font-size:12px;color:#fff;background:#999;}
.popup-close-box .chk-bx{float:left;}
.popup-close-box .chk-bx label{color:#fff;}
.popup-close-box .popup-close{float:right;padding-left:14px;color:#fff;background:url(/images/ico-del.png) 0 50% no-repeat}

/* aircraft 목록에서 온라인 경우 */
.signal { display: inline-block; width: 10px; height: 10px; background-color: #00da05; margin-left: 5px; border-radius: 50%; }
.signal.green { background-color: #00da05; }
.signal.red { background-color: #e94a4a; }
.signal.blue { background-color: #0054ff; }