.header {
	border-bottom:1px solid #DFE3E9;
}

.footer {
	border-top:1px solid #DFE3E9;
}

.parallax {
	!position:absolute;
	top: 0;
	left: 0;
	right: 0;
	background-image:url('../img_n/sub/parallax_bg.jpg');
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 520px;
	!animation: pr 1.5s 300ms both;
}

.parallax.ps01 {
	background-image:url('../img_n/sub/parallax_bg2.jpg');
}

@keyframes pr {
	0% {
		clip:rect(0,50vw,610px,50vw);
	}

	100% {
		clip:rect(0,100vw,610px,0);
	}
}

.parallax .row {
	position:relative;
	width: 100%;
	height: 100%;
	height: 520px;
}

.parallax p {
	position:absolute;
	top: 32%;
	left: 50%;
	transform:translate(-50%, 0);
	!animation:fadeInDown 1.5s 1s ease-in-out both;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -120px, );
    transform: translate3d(-50%, -120px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -90px, 0);
    transform: translate3d(-50%, -90px, 0);
  }
}


/*@keyframes text-ani {
	0% {
		clip:rect(0,50%,45px,50%);
	}

	100% {
		clip:rect(0,100%,45px,0);
	}
}*/



.route {
	position:relative;
	width: 100%;
	background-color:rgba(0,0,0,.3);
	height: 65px;
	line-height:65px;
	margin-top: -65px;
	z-index: 50;
	font-size:0px;
	text-align:center;
}

.route li {
	display:inline-block;
}

/* .parallax .route li::before {
	content:'';
	display:inline-block;
	position:absolute;
	left: -20px;
	background-color:#908f8e;
	width: 2px;
	height: 10px;
	top: 50%;
	margin-top: -5px;

} */

.route li a {
	display:inline-block;
	!height: 65px;
	line-height:62px;
	color:#fff;
	border-bottom:3px solid transparent;
	padding: 0 40px; 
	font-size:15px;
}

.route li a:hover,
.route li a.active {
	background-color:rgba(75,94,129,.7);
}



.container {
	!margin-top: 560px;
	padding: 60px 0;
	text-align:center;
}

.container .row {
	max-width:1020px;
	margin: auto;
	padding: 0 10px;
	text-align:center;
}

.container .row > h6 {
	!display:inline-block;
	font-size:50px;
	margin-bottom: 80px;
	position:relative;
	margin-top: -40px;
}

/* .container .row > h6.aos-animate {
	animation: fadeIn 700ms 1.2s ease-in-out both;
}

.container .row .title-bg.aos-animate {
	display:block;
	animation: fadeInDown02 700ms 500ms ease-in-out both;
} */

.container .top-text {
	margin-bottom: 60px;
	!opacity: 0;
}

/* .container .top-text.aos-animate {
	animation: fadeInDown02 700ms 1s ease-in-out both;
} */

.container.fleft .row .img-box {
	!opacity: 0;
}

/* .container.fleft .row .img-box.aos-animate {
	animation: fadeInLeft 700ms 1s ease-in-out both;
} */

/* .f-up,
.z-in,
p[class*='f-l'],
p[class*='f-r'],
p[class*='w-'] {
	opacity: 0;
	text-align:center;
} */

/* .ps01 .f-up.aos-animate {
	animation: fadeInUp 700ms 300ms ease-in-out both;
}

.ps01 .z-in.aos-animate {
	animation: zoomIn 700ms 500ms ease-in-out both;
}

.ps01 .f-l.aos-animate {
	animation: fadeInLeft 700ms 500ms ease-in-out both;
}

.ps01 .f-r.aos-animate {
	animation: fadeInRight 700ms 500ms ease-in-out both;
}

.ps02 .z-in.aos-animate {
	animation: zoomIn 700ms 300ms ease-in-out both;
}

.ps02 .f-l.aos-animate,
.ps02 .f-l2.aos-animate,
.ps02 .f-l3.aos-animate,
.ps02 .f-l4.aos-animate {
	animation: fadeInLeft 700ms 500ms ease-in-out both;
}

.ps02 .f-r.aos-animate,
.ps02 .f-r2.aos-animate,
.ps02 .f-r3.aos-animate,
.ps02 .f-r4.aos-animate {
	animation: fadeInRight 700ms 500ms ease-in-out both;
}

.ps02 .w-1,
.ps02 .w-2 {
	height: 345px;
}

.ps02 .w-1.aos-animate {
	animation: w1 1s 1s ease-in-out both;
}
.ps02 .w-2.aos-animate {
	animation: w1 1s 1.3s ease-in-out both;
}


.ps02 .w-3 {
	height: 1450px;
}

.ps02 .w-3.aos-animate {
	animation: w2 1s 1.6s ease-in-out both;
}

.ps02 .w-11,
.ps02 .w-22,
.ps02 .w-33,
.ps02 .w-44 {
	height: 282px;
}

.ps02 .w-11.aos-animate {
	animation: w11 1s 1s ease-in-out both;
}
.ps02 .w-22.aos-animate {
	animation: w11 1s 1s ease-in-out both;
}

.ps02 .w-33.aos-animate {
	animation: w11 1s 1s ease-in-out both;
}

.ps02 .w-44.aos-animate {
	animation: w11 1s 1s ease-in-out both;
}

.ps02 .w-55.aos-animate {
	animation: w11 1s 1s ease-in-out both;
}

.fade {
	animation: fadeIn 700ms 2s ease-in-out both;
}

@keyframes w1 {
	0% {
		width: 0;
		height: 345px;
	}

	100% {
		width: 100%;
		height: 345px;
		opacity: 1;
	}
}

@keyframes w2 {
	0% {
		width: 0;
		height: 1450px;
	}

	100% {
		width: 100%;
		height: 1450px;
		opacity: 1;
	}
}

@keyframes w11 {
	0% {
		width: 0;
		height: 282px;
	}

	100% {
		width: 100%;
		height: 282px;
		opacity: 1;
	}
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInDown02 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} */

/* .container .row > h6::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 4px;
    background-color: #000;
    top: 100px;
    left: 50%;
    margin-left: -20px;
} */

.sub_f {
    margin-top: 30px;
    font-size: 13px;
    color: #858585;
    text-align: left;
	!opacity: 0;
}

/* .sub_f.aos-animate {
	animation: fadeIn 700ms 500ms ease-in-out both;
} */

.sub_f dl {
	margin-bottom: 3px;
	!font-family:'NotoSansKR-Light';
}

.sub_f dt {
    width: 20px;
    text-align: center;
}

.sub_f dd {
    width: 90%;
	-webkit-width: calc( 100% - 20px );
	-moz-width: calc( 100% - 20px );
    width: calc( 100% - 20px );
    float: left;
}

/* 관심고객등록 */
.pb_30 {
    padding-bottom: 30px;
}

.agree_wrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
	text-align:left;
}

.agree_box {
    width: 100%;
    overflow-y: scroll;
    /* border: 2px solid #3f1d42; */
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 280px;
    background: #f4f5f9;
    color: #333;
    font-size: 17px;
}

.agree_box p {
	margin-bottom: 20px;
}

.agree_box p:last-of-type {
	margin-bottom: 0;
}

.agree_box .h5 {
    display: inline-block;
    font-weight: 800;
    font-size: 19px;
}

.agree_box .h6 {
    display: inline-block;
    font-weight: 800;
}

.agree_radio {
    font-size: 18px;
}

.agree_radio label {
	display:inline-block;
	margin-left: 10px;
	cursor:pointer;
}

.board_write_form {
	width: 100%;
}


.board_write_form .form_field:first-child {
    border-top: 1px solid #e4e4e4;
}

.board_write_form .form_field {
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
}



.board_write_form .form_field th {
    border-bottom: 1px solid #fff;
    width: 214px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #4B5E81;
	padding: 20px;
	vertical-align:middle;
}

.board_write_form td.field {
    font-size: 18px;
	padding: 20px;
	text-align:left;
}

.board_write_form td.field.route span,
.board_write_form td.field.age span {
	display:inline-block;
	margin-right: 30px;
}

.board_write_form td label {
	cursor:pointer;
}


.board_write_form .buttons {
    text-align: center;
   margin-top: 30px;
}

.board_write_form .buttons a.confirm {
    background-color: #112C43;
    color: #fff;
	display: inline-block;
    font-size: 22px;
    width: 220px;
    height: 66px;
	line-height:66px;
}

.board_write_form input[type='text'],
.board_write_form input[type='tel'],
.board_write_form select {
	height: 35px;
}

.w120 {
	width: 120px;
}

.w500 {
	width: 500px;
}

.board_write_form .form-group:nth-of-type(2) {
	margin: 5px 0;
}

.find_post {
    width: 154px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 17px;
	background-color: #E9527C;
	color:#fff;
	margin-left: 5px;
}


.news-zone { 
	display: flex;
	flex-wrap: wrap
}

.news-zone li {
	margin: 0 !important;
}

.news-zone li {
	border:1px solid #d5d5d5;
	width: 32%;
	margin:0 0.5% 20px 0.5% !important;
	text-align:left;
}

.news-zone li:nth-child(3n-2) {
	margin-left: 0;
}

.news-zone li:nth-child(3n) {
	margin-right: 0;
}

.news-zone li a {
	display:block;
	color:#00466e
}

.news-zone li .content {
	padding: 30px;
	letter-spacing:-1px;
}

.news-zone li .content .news-title {
	font-size:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 55px;
	margin-bottom: 20px;
	line-height:140%;
}

.news-zone li .content .news-content {
	font-size:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 65px;
	margin-bottom: 20px;
}

/*
.indicator {
    margin-bottom: 20px;
    text-align: center;
}

.indicator li {
    display: inline-block;
}

.indicator li span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    line-height: 30px;
    cursor: pointer;
    font-weight: normal;
}

.indicator li span:hover, .indicator li span.active {
    display: inline-block;
    background-color: #01466F;
    color: #fff;
}


.indicator li span a:hover, .indicator li span a.active {
    display: inline-block;
    background-color: #01466F;
    color: #fff;
}
*/

.indicator {
	display:flex;
	justify-content: center;
    margin-bottom: 20px;
}

.indicator ul { display:flex;}

.indicator li { margin:0 2px}
.indicator li a { 
	display:flex;
	justify-content: center;
	align-items: center;
	width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
	font-weight:bold;
}

.indicator li a span {
	display:inline-block;
	height: 30px;
	line-height:28px;
}

.indicator li a:hover, .indicator li a.active {
    display: inline-block;
    background-color: #323564;
	border: 1px solid #323564;
    color: #fff;
}

.tab {
	display:inline-block;
	text-align:center;
	margin-bottom: 60px;
}

.tab-6 {
	display:flex;
	margin-bottom: 60px;
	justify-content: space-between;
}

.tab-2 {
	display:flex;
	margin-bottom: 60px;
	justify-content: center;
}

.tab li  {
	display:inline-block;
	width: 250px;
	margin: 0 5px;
}

.tab-6 li {
	width: 155px !important;
	text-align:center;
}

.tab-2 li,
.tab-6 li,
.tab li a {
	display:block;
	width: 100%;
	height: 70px;
	line-height:70px;
	border:2px solid #010A1B;
	color:#010A1B;
	font-size:22px;
	text-align:center;
}

.tab-2 li,
.tab-6 li {
	background-color:#d5d5d5;
	border:none;
	color:#fff;
	font-family:'NotoSansKR-Medium';
	cursor:pointer;
}

.tab-2 li {
	width:250px !important;
	margin: 0 10px !important;
}

.tab-6 li.typeA:hover,
.tab-6 li.typeA.active {
	background-color:#002545;
	color:#c7db5b;
}

.tab-6 li.typeB:hover,
.tab-6 li.typeB.active {
	background-color:#002545;
	color:#78a7d9;
}

.tab-6 li.typeC:hover,
.tab-6 li.typeC.active {
	background-color:#002545;
	color:#c7db5b;
}

.tab-6 li.typeD:hover,
.tab-6 li.typeD.active {
	background-color:#002545;
	color:#86c3c3;
}

.tab-6 li.typeE:hover,
.tab-6 li.typeE.active {
	background-color:#002545;
	color:#c4a279;
}

.tab-6 li.typeF:hover,
.tab-6 li.typeF.active {
	background-color:#002545;
	color:#eca152;
}

.tab-6 li b {
	font-size:40px;
	font-family:'NotoSansKR-Bold';
}

.tab-2 li:hover,
.tab-2 li.active {
	background-color:#002545;
	color:#fff;
}
.tab li a:hover,
.tab li.active a {
	background-color:#010A1B;
	color:#fff;
}

.btn {
	width: 250px;
	display:inline-block;
	margin-top: 20px;
	height: 70px;
	line-height:70px;
	background-color: #002545;
	color:#fff;
	font-size:22px;
	text-align:center;
}