/* sub css */
.header {
	background-color:#fff;
}

.header .logo {
	background-image:url('../img/logo_img_on.png');
}

.header .nav li a {
	color:#333;
}

.header .tel {
	background-image:url('../img/tel_img_on.png');
}

.back-top {
	border-left:1px solid #d5d5d5;
}

.parallax-cover {
	margin-top: 85px;
}

.parallax {
	background-image:url('../img/sub/parallax_bg.jpg');
	background-size:cover;
	background-position:center;
	
}

.parallax .row {
	position:relative;
	height: 300px;
}

.parallax .row img {
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}

.parallax .row img {
	animation: img002 1.2s 300ms both;
}

@keyframes img002 {
	0% {
		clip:rect(0, 287px, 134px, 287px);
	}

	100% {
		clip:rect(0, 574px, 134px, 0);
	}
}

.parallax-cover .route {
	position:relative;
	width: 100%;
	background-color:rgba(0,0,0,.5);
	height: 65px;
	z-index: 10;
	text-align:center;
	font-size:0px;
}

.parallax-cover .route li {
	display:inline-block;
	position:relative;
}

/*  .parallax-cover .route li::before {
 	content:'';
 	display:inline-block;
 	position:absolute;
 	left: -3px;
 	background-color:#9e9692;
 	width: 2px;
 	height: 10px;
 	top: 50%;
 	margin-top: -5px;
 
 }
 
 .parallax-cover .route li:first-child::before {
 	content:none;
 } */

.parallax-cover .route li a {
	display:inline-block;
	height: 65px;
	line-height:65px;
	color:#fff;
	border-bottom:3px solid transparent;
	padding: 0 20px;
	font-size:16px;
}

.parallax-cover .route li a:hover,
.parallax-cover .route li a.active {
	background-color:#981b1e;
}

.container {
	padding: 60px 0;
	text-align:center;
}

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

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

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

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

.tab {
	margin-bottom: 60px;
}

.tab li {
	display: inline-block;
    width: 200px;
    height: 65px;
    line-height: 65px;
    font-size: 25px;
    text-align: center;
    background-color:#e2e2e2;
    cursor: pointer;
    font-weight: bold;
}

.tab li.a-tab a {
	display: inline-block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    font-size: 25px;
    text-align: center;
    color: #F08000;
    cursor: pointer;
    font-weight: bold;
	color:#F08000
}

.tab li:hover,
.tab li.active,
.tab li.a-tab a:hover {
	background-color:#a37a48;
	color:#fff;
}

.video-container {
	position: relative;
    padding-bottom: 53.5%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 관심고객등록 */

.agree_wrap {
    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%;
	margin-bottom: 40px;
}


.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: #A37A48;
	padding: 20px;
	vertical-align:middle;
}

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

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


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

.board_write_form .buttons a.confirm {
    background-color: #A37A48;
    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;
}

.caution {
	color:#ff0000;
	font-size:14px;
	margin-bottom: 10px;
}

.w120 {
	width: 120px;
}

.w400 {
	width: 400px;
}

.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: #164528;
	color:#fff;
}

.agree_wrap > h6 {
	font-size:20px;
	margin-bottom: 5px;
}

.agree_wrap > p {
	font-size:14px;
	color:#777;
	margin-bottom: 20px;
}

.agree_wrap .agree-table {
	width: 100%;
	border-top:2px solid #A37A48
}

.agree_wrap .agree-table th,
.agree_wrap .agree-table td {
	padding: 10px;
	border:1px solid #d5d5d5;
	text-align:center;
	vertical-align:middle;
}

.agree_wrap .agree-table th {
	
}

/* 보도기사 */
.board-table {
    width: 100%;
    border-top: 2px solid #252525;
    font-size: 14px;
    margin-bottom: 40px;
}

.board-table th, 
.board-table td {
    padding: 10px;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.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;
	font-family:'NotoSansKR-Regular';
}

.indicator li span:hover, 
.indicator li span.active {
    background-color: #981B1E;
	color:#fff
}

.indicator li span:hover a, 
.indicator li span.active a {
     color:#fff;
	 
}

.search-form {
	text-align:center;
}

.search-form select, 
.search-form input, 
.search-form span {
    display: inline-block;
    height: 30px;
}

.search-form span {
    width: 30px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    line-height: 30px;
    cursor: pointer;
    vertical-align: top;
    transition: all 300ms;
}

.search-form span:hover {
	background-color:#d5d5d5;
	color:#fff;
}