@charset "utf-8";


/******************************************************************************* default */
/* =============================================================  */
.ajax_loader {width: 480px; height: 320px; background-image : url('../../../images/admin/ajax-loader.gif');  background-repeat: no-repeat; display: inline-block; }
/* ============================================================= paging */
.paging_next  {width: 24px; height: 24px; background-image : url('../../../images/admin/paging/btn_next.gif');  background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 1px 2px; }
.paging_prev  {width: 24px; height: 24px; background-image : url('../../../images/admin/paging/btn_prev.gif');  background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 1px 2px; }
.paging_first {width: 24px; height: 24px; background-image : url('../../../images/admin/paging/btn_first.gif'); background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 1px 2px; }
.paging_last  {width: 24px; height: 24px; background-image : url('../../../images/admin/paging/btn_last.gif');  background-repeat: no-repeat; cursor: pointer; display: inline-block; margin: 1px 2px; }

/******************************************************************************* html elements */
/* ============================================================= default all */
* {
	margin:0;padding:0;
	font-family:'opensans','NotoSansKR','AppleGothic','Apple SD Gothic Neo','돋움','Dotum',sans-serif;
	font-size:14px;color:#555;
	line-height:1em;font-weight: normal;
}
/* ============================================================= html elements */
body {background-color: #ffffff;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0px;padding:0px;line-height:18px;}
img {border:0; outline:none; vertical-align:top;}
address {font-style:normal;}
fieldset {border:0;}
td {}
/* ============================================================= link */
a {text-decoration:none;color:#333;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active {text-decoration:none;color:#000;}
/* ============================================================= form */

select{border:1px solid #adadad;height:30px;background:#fff;color:#666;margin-right:3px;}
input{border:1px solid #adadad;height:30px;background:#fff;color:#000;font-size:13px;vertical-align:middle;text-indent:3px;}
input[type=checkbox], input[type=radio], input[type=image]{border:0px;background:transparent !important;}
textarea{border:1px solid #adadad;padding:5px;color:#000;resize:none;}

input.noinput, select.noinput, textarea.noinput{background:#f0f0f0;}
input.number_right{text-align:right;padding-right:5px;}
input.noborder{border:0px;}
/* ============================================================= button */
.btn, button{cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:.64em 3.4em;font-size:1em;line-height:1.3;font-weight:500;
vertical-align:middle;border:none;text-align:center;letter-spacing:0;border-radius:0.21428571428571427em;-webkit-border-radius:0.21428571428571427em;-moz-border-radius:0.21428571428571427em;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.btn:focus,.btn:hover{text-decoration:none;}
button.btn{padding-left:1.4286em;padding-right:1.4286em;}
button.btn-s{padding:0 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
button.btn-m{padding:0 10px;height:35px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.btn-line{border:1px solid #aaa;color:#555;background:#fff;font-weight:normal;}
.btn-line:hover,.btn-line:focus{background:#999;border:1px solid #777;color:#fff;}

.btn-red{background:#e64d4f;border:1px solid #c53536;color:#fff!important;}
.btn-red:hover,.btn-red:focus{background:#c53536;border:1px solid #ae1f21;}
.btn-gray{background:#999;border:1px solid #777;color:#fff;}
.btn-gray:hover{background:#555;border:1px solid #444;color:#fff;}
.btn-black{background:#555;border:1px solid #444;color:#fff;}
.btn-black:hover{background:#222;border:1px solid #333;color:#fff;}
.btn-blue{background:#2473bb;border:1px solid #2473bb;color:#fff;}
.btn-blue:hover{background:#1c5a92;border:1px solid #1c5a92;}
.btn-sky{background:#6fc6cc;border:1px solid #6fc6cc;color:#fff;}
.btn-sky:hover{background:#579b9f;border:1px solid #579b9f;}
.btn-green{background:#73c587;border:1px solid #73c587;color:#fff;}
.btn-green:hover{background:#5a9a69;border:1px solid #5a9a69;}
.btn-snorkel{background:#2472bb;color:#fff;}.btn-snorkel:hover{background:#0a4f8d;}
.btn-snorkel-line{border:1px solid rgba(0,0,0,0.1);background:#fafafa;color:#777;}.btn-snorkel-line:hover{background:#ccc;color:#fff;border:1px solid #ccc;}


/*******************************************************************************  */
/* ============================================================= box */
.cont-box{border:1px solid #a6bdd2;background:#fff;padding:20px;}


/******************************************************************************* footer */
.go-top{display:none;width:50px;height:50px;line-height:50px;text-align:center;position:fixed;bottom:-40px;right:20px;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;background:#2473bb;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.go-top span{color:#fff;font-size:24px;}
.go-top.show{bottom:20px;}
.go-top:hover{background:#011233;}
.go-top.show i{display:block;line-height:46px;font-size:20px;color:#fff;}

.footer{clear:both;position:relative;bottom:0;width:100%;padding:5px 0 10px 0;text-align:center;background:#142340;}
.footer p{font-size:11px;text-transform:uppercase;color:#7c879c;padding-top:10px}
.footerMenu a{display:inline-block;color:#454b50;font-size:12px;line-height:16px;border:1px solid #dedede;padding:3px 8px;margin-left:5px;background:#fff;}
.footerMenu a:first-chlid{margin-left:0px;}
.footerMenu span{display:none;padding:0 3px;color: #ffffff;font-size:0.9em;line-height:16px;}
.footerMenu a:hover{background:#d8d8d8;color:#111;}


/******************************************************************************* calculate */

	.calculate_wrap{width:1000px;margin:50px auto 0 auto;}
	.calculate_wrap .cont_top{padding:20px 0px;margin-bottom:30px;background:#eaf3fb;border:1px solid #d1dfec;border-radius:20px;text-align:center;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
	.calculate_wrap .cont_top label{font-weight:bold;color:#000;}
	.calculate_wrap .cont_top input[type="text"]{width:300px;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);margin:0 5px;border-radius:5px;}
	.calculate_wrap .btn_send{display:inline-block;padding:10px 20px;border-radius:5px;height:auto;text-align:center;background:#004e9d;color:#fff;border:none;cursor:pointer;}
	.calculate_wrap .btn_send:hover{background:#002c5a;}
	.calculate_wrap .tbl_wrap{clear:both;overflow:hidden;}
	.calculate_wrap .tbl_wrap table{position:relative;width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid rgba(0,0,0,0.1);}
	.calculate_wrap .tbl_wrap table thead th{background:#fbb57c;padding:15px 7px;color:#000;font-weight:500;border-left:1px solid rgba(0,0,0,0.1);}
	.calculate_wrap .tbl_wrap table thead th:last-child,
	.calculate_wrap .tbl_wrap table td:last-child{border-right:1px solid rgba(0,0,0,0.1);}
	.calculate_wrap .tbl_wrap table td{padding:10px 5px;}
	.calculate_wrap .tbl_wrap table thead th,
	.calculate_wrap .tbl_wrap table td{border-bottom:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.1);text-align:center;font-weight:normal;}
	.calculate_wrap .tbl_wrap table tfoot tr td{background:#fbb57c;color:#000;font-weight:500;}
	.calculate_wrap .tbl_wrap table tbody tr td:nth-child(3),
	.calculate_wrap .tbl_wrap table tbody tr td:nth-child(5){background:#eee;color:#006ecc;font-weight:500;}


	@media screen and (max-width:1280px){
		.calculate_wrap{width:auto;padding:0 20px;margin:30px auto 0 auto;}
		.calculate_wrap .cont_top input[type="text"]{width:150px;padding:5px;}
		.calculate_wrap .tbl_wrap{overflow-x:scroll;}
		.calculate_wrap .tbl_wrap table thead th{white-space:nowrap;}
	}