/*sub css*/


.parallax {
	position:relative;
	margin-top: 100px;
	background-image:url("/img_n/sub/parallax_bg.jpg");
	background-position:center bottom;
	/* background-size:cover; */
	height: 370px;
	background-repeat: repeat-x !important;
}

.parallax p {
	position:absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(0, calc(-50% + 0.5px));
	-moz-transform: translate(0, calc(-50% + 0.5px));
	-ms-transform: translate(0, calc(-50% + 0.5px));
	-o-transform: translate(0, calc(-50% + 0.5px));
	transform: translate(0, calc(-50% + 0.5px));
	animation: text-ani-sub 1s 1s ease-in-out both; 
}

@keyframes text-ani-sub {
	0% {
		clip:rect(0,182px,180px,182px);
	}

	100% {
		/*clip:rect(0,374px, 180px, 0);*/
		clip:rect(0,386px, 267px, 0);
	}
}

.parallax div.img {
	position:absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-321px, 0);
	-moz-transform: translate(-321px, 0);
	-ms-transform: translate(-321px, 0);
	-o-transform: translate(-321px, 0);
	transform: translate(-321px, 0);
	animation: fadeInLeft 700ms ease-in-out both; 
}

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

  to {
    opacity: 1;
    -webkit-transform: translate(-321px, 0);
    transform: translate(-321px, 0);
  }
}


.route {
	position:relative;
	width: 100%;
	background-color:#002a3a;
	height: 85px;
	z-index: 10;
	text-align:center;
	border-bottom:1px solid #dfdfdf;
}

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

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

} */

.route li:first-child::before {
	content:none;
 }

.route li a {
	display:inline-block;
	height: 85px;
	line-height:85px;
	color:#fff;
	border-bottom:3px solid transparent;
	padding: 0 6px;
	margin: 0 12px;
	font-weight:bold;
	font-size: 18px;

}



.route li a:hover,
.route li a.active {
	color:#ad8c67
}

.container {
	padding: 80px 0;
	text-align:center;
	max-width:1140px;
	margin: auto;
}

.container .row > h6 {
	font-size:38px;
	font-weight: bolder;
	color:#000;
	margin-bottom: 60px;
	padding-bottom:33px;
	background:url("https://xn--jj0bu4t0wgqwa91g11cq6p37s.com/css/../image/sub_title_bg.png") no-repeat center bottom;
	line-height:1;
}

.container .row > h6 > span { line-height:1; }

.container .row h6 {
	font-size:38px;
	font-weight: bolder;
	color:#000;
	margin-bottom: 60px;
	padding-bottom:33px;
	background:url("https://xn--jj0bu4t0wgqwa91g11cq6p37s.com/css/../image/sub_title_bg.png") no-repeat center bottom;
	line-height:1;
}

.container .row h6 span { line-height:1; }


.panorama {
	width: 100%;
	height: 341px;
	background-image:url("https://xn--jj0bu4t0wgqwa91g11cq6p37s.com/css/../image/sub/panorama.jpg");
	margin-bottom: 40px;
	animation:panorama 60s infinite;
}

@keyframes panorama {
	0% {
		background-position:0 center;
	}

	100% {
		background-position:100% center;
	}
}

/*cs*/
.agree {
	text-align:left;
	margin: 10px auto 60px;
	font-weight:bold
}

form label {
	font-size:15px; 
	cursor:pointer;
	font-weight:bold;
}

.input_table {
	width: 100%;
	/* max-width:1000px; */
	margin: auto;
	margin-bottom: 20px;
}

.input_table th,
.input_table td {
	padding: 10px;
	border-top:1px solid #999;
	font-weight:bold;
}

.input_table tr:last-child th,
.input_table tr:last-child td {
	border-bottom:1px solid #999
}

.input_table th {
	/* font-size:18px; */
	width: 300px;
	background-color:#f1f1f1;
	vertical-align:middle;
	color: #222222;
	font-size: 16px;
}

.input_table td {
	text-align:left
}

.input_table td input,
.input_table td select,
.input_table td .address_btn {
	height: 35px;
	vertical-align:top;
}

.input_table td input[type='tel'] {
	width: 70px
}

.input_table td .address_btn {
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	text-align:center;
	width: 150px;
	line-height:35px;
	background-color:#f1f1f1;
}

.term {
	text-align:left
}

.term h5,
.term p {
	margin-bottom: 10px;
	font-size:18px
}

.term-table {
	margin-bottom: 10px;
}

.term-table th {
	text-align:center;
}

.term-table td {
	font-size:14px;
	color:#666
}

.address01 {
	margin-bottom: 5px
}

.address02 input {
	width: 45%;
}

.btn-box .btn {
	display:inline-block;
	width: 200px;
	height: 60px;
	line-height:60px;
	text-align:center;
	background-color:#a9a9a9;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	transition:all 300ms;
}

.btn-box .btn.upload-btn {
	background-color:#0d9eb1;
}

.btn-box .btn:hover {
	background-color:#07545e;
	color:#fff;
}

.sub_f {
	margin: 0 auto;
	font-size:13px;
	color:#666;
	text-align:left;
	/* font-weight:bold; */
	padding:20px 0;
	/* background:#f3f1ee; */
}
.sub_f.short {
	width: 738px;
}

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

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

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

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

/* 2021-06-16  설문추가*/
.pharases {
	color:#6F6674;
	font-size:17px;
	margin-bottom: 10px;
	font-weight:bold;
	text-align:left;
}

.pharases2 {
	color:#ff0000;
	font-size:14px;
	margin-top: 10px;
}

.survey {
	background-color:#F1F1F1;
	padding: 30px;
	text-align:left;
}

.survey > h6 {
	font-size:25px;
	margin: 0 0 20px;
	color:#0094AC;
}

.survey .question {
	margin-bottom: 20px;
}

.survey .question:last-child {
	margin-bottom: 0;
}

.survey .question p {
	font-weight:bold;
	font-size:18px;
	margin-bottom: 5px;
}

.survey .question .answer span {
	margin-right: 20px;
}

.survey .question .answer div {
	margin-bottom: 5px;
}
.survey .question .answer input[type='radio'] {
	cursor:pointer;
	vertical-align:middle;
	margin: -3px 5px 0 0;
}

.tab {
	margin-bottom: 60px;
}

.tab2,
.tab3,
.tab4{
	font-size:0px;
	margin-bottom: 60px;
}

.tab li {
	display:inline-block;
	width: 275px;
	height: 66px;
	line-height:66px;
	font-size:25px;
	text-align:center;
	border:1px solid #002A3A;
	color:#002A3A;
	cursor:pointer;
	font-weight:bold;
}

.tab2 li,
.tab3 li {
	display:inline-block;
	width: 270px;
	height: 66px;
	line-height:66px;
	font-size:25px;
	text-align:center;
	border:1px solid #002A3A;
	color:#002A3A;
	cursor:pointer;
	margin-right: 6.6666px;
	font-weight:bold;
}

.tab-2 li {
	float:left;
	width: 49.5%;
}

.tab-2 li:last-child {
	float:right;
}

.tab4 li {
	display:inline-block;
	width: 16%;
	height: 66px;
	line-height:66px;
	font-size:25px;
	text-align:center;
	border:1px solid #002A3A;
	color:#002A3A;
	cursor:pointer;
	margin-right: 0.8%;
	font-weight:bold;
}

.tab2 li:last-child,
.tab3 li:last-child,
.tab4 li:last-child {
	margin-right: 0;
}


.tab4 li.active,
.tab4 li:hover,
.tab3 li.active,
.tab3 li:hover,
.tab2 li.active,
.tab2 li:hover,
.tab li.active,
.tab li:hover {
	background-color:#002A3A;
	color:#fff;
}

.container .board-table {
	width: 100%;
	border-top: 2px solid #252525;
	font-size: 14px;
	margin-bottom: 40px;
}

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

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

.container .indicator li {
	display: inline-block;
}

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

.container .indicator li span:hover, .container .indicator li span.active {
	background-color: #002a3a;
	color: #fff;
}

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

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


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

/*	*/
.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 h3 {
	font-size:25px;
	color:#002a3a;
	font-weight:bold;
	text-align:left;
	margin-bottom: 5px;
}


.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 .text-box {
	font-size:14px;
	background-color:#efefef;
	padding: 20px;
	border-radius:10px;
	margin-top: 20px;
	letter-spacing:-1px;
}

.board_write_form .form_field .text-box strong {
	display:block;
	font-size:20px;
	margin-bottom: 10px;
	font-weight:bold;
}

.board_write_form .form_field th {
	border-bottom: 1px solid #fff;
	width: 214px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #002A3A;
	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 {
	border:1px solid #002A3A;
	background-color: #002A3A;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	width: 250px;
	height: 66px;
	line-height:66px;
	border-radius:30px;
	margin: 0 10px;
}

.board_write_form .buttons a.cancle {
	border:1px solid #002A3A;
	color: #002A3A;
	display: inline-block;
	font-size: 22px;
	width: 250px;
	height: 66px;
	line-height:66px;
	border-radius:30px;
	margin: 0 10px;
}

.board_write_form .buttons a.cancle:hover {
	border:1px solid #002A3A;
	background-color: #002A3A;
	color: #fff;
}

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

.w80 {
	width: 80px;
}

.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: 15px;
	background-color: #002A3A;
	color:#fff;
	border: none;
}

.find_tel {
	width: 100px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	font-size: 15px;
	background-color: #e3e3e3;
	color:#333;
	border: none;
}

.term-box {
	border:none;
	min-height: 60px;
	display:block; 
	overflow:hidden;
	font-size:14px;
	text-align:left;
}

 .term-box table {
	width: 100%;
	max-width:100%;
	margin: 20px 0;
 }

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

.term-box .table-2 th {
	width: 20%;
}

.term-box .table-2 td {
	text-align:left;
}

/* 2021-11-23 추가함 */
.view-confirm {
	background-color:#ecf3f6;
	padding: 40px;
}

.view-confirm h5 {
	font-size:25px;
}

.view-confirm h5 strong {
	font-size:30px;
	font-weight:bold;
}

.view-confirm .info-box {
	/* width: 470px; */
	display:inline-block;
	padding: 30px 150px;
	text-align:center;
	background-color:#fff;
	border-radius:30px;
	margin: auto;
	margin-top: 20px;
}

.view-confirm .info-box .inner {
	text-align:left;
	display:inline-block;
}

.view-confirm .info-box .inner dl {
	display:inline-block;
}

.view-confirm .info-box dt,
.view-confirm .info-box dd {
	float:none;
	display:inline-block;
}

.view-confirm .info-box dt {
	width: 200px;
	text-align:center;
}

.view-confirm .info-box dd {
	color:#002a3a;
	font-weight:bold;
	max-width:
}

.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%;
	background: unset !important;
}

.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: #002a3a;
	!border: 1px solid #323564;
    color: #fff;
}

.tab {
    margin-bottom: 40px;
}

.tab.tab-3 li {
    width: 32.6666%;
    margin-right: 1%;
    float: left;
}

.tab.A.tab-3 li a {
	display:block;
	width: 100%;
	 height: 70px;
    line-height: 70px;
}



.tab li {
    display: inline-block;
    width: 200px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #002A3A;
    color: #002A3A;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}

.tab li:last-child {
	margin-right: 0;
}

.tab li:hover, .tab li.active {
    background-color: #002A3A;
    color: #AD8C67;
}

.tab li:hover a, .tab li.active a {
	 color: #AD8C67;
}