// 기본
	@layout_folder: '/views/_layout/bootstrap/';

	body {
		// font-family: "Noto Sans Korean",sans-serif;
	}

	h1, h2, h3, h4, h5, .bdsr_gnb, .btn, .title, .visual_wrap {
		font-family: 'Nanum Square';
	}

	ul {
		padding: 0;
	}

	article:after, section:after {
		clear: both;
	}

	.label.dot {
		padding: 5px 0;
	}

	select.form-control {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	}

	select.form-control:not([size]) {
	    padding-right: 40px;
	    background: transparent url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat;
	    background-position: right 10px center;
	}

	select.form-control::-ms-expand {
	    display: none;
	}

	// select.form-control:after {
	//     content:"\f0dc";
	//     font-family: FontAwesome;
	//     color: #000;
	//     padding: 12px 8px;
	//     position: absolute; right: 0; top: 0;
	//     background: red;
	//     z-index: 1;
	//     text-align: center;
	//     width: 10%;
	//     height: 100%;
	//     pointer-events: none;
	//     box-sizing: border-box;
	// }

	.loading_wrap {
		text-align: center;
	}

	.body_sub h3 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
	}

	.body_sub h3.with_img {
		margin-bottom: 0;
		border-bottom: none;
	}

	a {
		color: #333;
	}


// 오른 배너
	#main {
	    overflow: hidden;
	}

	#main > .container {
		position: relative;
	}
	.float_banner {
		position: absolute;
		right: -200px;
		top: 0;
		z-index: 1;
	}

/**
 * 스크롤 TOP 이동
 */
	.scrolltop {
		position: fixed;
		left: 92%;
		bottom: 50px;
		display: none;
		z-index: 2;
	}

	.scrolltop .circle {
		width: 39px;
		height: 39px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-ms-border-radius: 20px;
		background: #aaa;
		text-align: center;
		transition: 0.2s ease;
	}

	.scrolltop a .circle:hover {
		background: #24698e;
	}

	.scrolltop .circle img {
		max-width: 15px;
		width: 80%;
		margin-top: 9px;
	}

// 애니메이션
	a, button, p, .animation {
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

	.animation_less(@duration: .2s, @style: linear) {
		-webkit-transition: all @duration @style;
		-o-transition: all @duration @style;
		transition: all @duration @style;
	}

	@keyframes dipper-jiggle {
		0% {padding-top:40px;opacity:0;}
		100% {padding-top:0;opacity:1;}
	}
	.add_animation{opacity:0;}
	.add_animation-1{animation:dipper-jiggle 0.8s ease-in-out;}
	.add_animation-2{animation:dipper-jiggle 1.6s ease-in-out;}
	.add_animation-3{animation:dipper-jiggle 2.4s ease-in-out;}
	.add_animation-4{animation:dipper-jiggle 3.2s ease-in-out;}

// 상단
	#header {
		background-color: #F7F8F8;
	}

	.bdsr_gnb {
		margin-bottom: 0;
		background-color: #fff;
		padding: 10px 0;
		.navbar-brand {
			// padding-top: 8px;
		    padding: 0 0 0 16px;
		    line-height: 50px;
		    height: 50px;
		    display: block;
		    img {
				max-height: 50px;
				display: inline-block;				
		    }
		}
		.navbar-nav>li>a {
			font-size: 18px;
			color: #333;
		}
	}

	.visual_wrap.bootstrap {
		@padding: 100px;

		position: relative;

		// bxlsider
			.bx-wrapper .bx-pager.bx-default-pager a {
				background-color: #A2A2A2;
				border-radius: 0;
				width: 20px;
				height: 5px;
			}

			.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
				background-color: #fff;
			}

			.bx-wrapper .bx-pager.bx-default-pager a.active {
				width: 40px;
			}

			.bx-wrapper .bx-pager {
				bottom: @padding;
				z-index: 1002;
			}

		ul.bxslider {
			height: 400px;
			overflow: hidden;
			padding: 0;
			li {
				height: 400px;
				max-height: 400px;
				background: #666 center 0 repeat-x;
				background-size: cover;
				text-align: center;
				font-size: 45px;
				// &:before {
					// content: '';
					// position: absolute;
					// left: 0;
					// top: 0;
					// width: 100%;
					// height: 100%;
					// z-index: -1;
					// background: rgba(0,0,0,0.3);
				// }				
				& > div {
					padding-top: @padding + 20px;
					padding-left: 20px;
					padding-right: 20px;

					.animate {
						display: block;
						color: #fff;
						text-align: center;
						margin: 10px auto;
					}
					small {
						font-size: 25px;
					}
				}
			}
		}

		.top_banner {
			// background: #000;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 65px;
			ul {
				margin: 0;
				padding: 0;
				li {
					float: left;
				}
			}
		} // EO .top_banner
	}

// 푸터
	footer {
		@color: #ccc;

		background: #222;
		padding: 20px 0;
		a, a:visited {
			color: @color;
		    text-decoration: none !important;
		}
		a:hover {
			color: #fff !important;
		}
		.company {
			text-align: center;
			li {
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */

				border-right: 1px solid @color;
				padding: 0 5px;
				line-height: 1;

				&:last-of-type {
					border: 0;
				}
			}
		}

		.copyright {
			text-align: center;
			color: @color;
			span {
				padding: 0 5px;
			}
			a {
				font-weight: bold;
			}
		}
	}

// 메인
	.body_main {
		.main {
			margin-bottom: 0;
		}

		@between_margin: 40px;
		article {
			margin: @between_margin 0 @between_margin 0;
		}
		h3 {
			text-align: center;
			margin: @between_margin 0;
			small {
				margin-top: 10px;
				display: block;
			}
		}

		.main-notice {
			.content {
				border: 5px solid #076DA2;
				padding: 40px 20px;
			}
		}

		.main-banner {
			background: #ccc 50% 50%;
			padding: 40px 0;
			div {
				text-align: center;
			}
		}

		.main-location {
			margin: -@between_margin 0 0 0;
			background: #ccc url('@{layout_folder}images/location_bg.jpg') 50% 50%;
			padding: 40px 0;

			h3 {
				color: #fff;
				small {
					color: #fff;
				}
			}

			#map {
				height: 400px;
				width: 100%;
			}

			.content {
				text-align: center;
				display: table;
				width: 100%;

				& > div {
					padding: 10px;
					color: #fff;
				}

				.address {
					display: table-cell;
					background: #0B86BC;
				}

				.contact {
					display: table-cell;
					background: #CF3128;
				}
			} // content

		} // main-location
	}

// 서브 보정
	.port_info .port_time_list {
	    width: 878px;
	}