/*231123*/

.font_SN, .font_SN input, .font_SN button, .font_SN select{
	font-family: 'SeoulNamsan';
	line-height: 1.3;
}

.cont_layout, .cont_layout input, .cont_layout select, .cont_layout button{
	font-family: 'SeoulNamsan','Noto Sans KR', 'Dotum', Arial, sans-serif;
	line-height: 1.3;
}

.cont_layout .contbox_tit h3{
	font-weight: 800 !important;
	margin-top: 10px;
}



/* ~ */



.cont_contents{
	padding-top:40px;
}
.contents_area{
	width:100%;
	box-sizing: border-box;
}
.contents_area.gray{
	background:#fbfbfb;
}

.contents_w{
	font-size:18px;
	width:1280px;
	margin:0 auto;
}


.contbox{
    width: 100%;
/*	border-bottom:1px solid #eee;*/
	padding:50px 0  ;
	display: inline-block;
}
.contbox:first-child{padding-top:30px;}
.contbox:last-child{border:none;margin-bottom: 50px;}



.cont_tit{
	margin-bottom: 40px;
	text-align:center;
}
.cont_tit p{
	font-size:40px;
	font-weight:600;
	color: #333;
	margin-bottom: 5px;
}
.cont_tit p strong{
	font-weight:800;
	color: #d71718;
}

.cont_tit span{
	font-size:26px;
	font-weight:600;
	color: #231815;
	letter-spacing: -1.5px;
}

.contbox_tit{
	margin-bottom:50px;
	text-align: left;
}

.contbox_tit h3{
    font-size: 35px;
    font-weight: 600;
    color: #333;
	text-align:left;
}

.contbox_tit span{
	font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid #d71718;
    color: #666;
    text-transform: uppercase;
}

.contbox_tit p{
	font-size:24px;
	font-weight:500;
}

.contbox_tit p:before{
	content:"";
	display:inline-block;
	background:#d71718;
	height: 12px;
    width: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.md1{
	color: #d71718;
}

.md2{
	color: #e60012;
}

.big_tit h1{
	font-size:30px;
	font-weight:100;
	letter-spacing:-1.5px
}

.big_tit h1 strong{
	color:#333;
}





.txt_contents{
	display: inline-block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding:20px;
	margin-bottom:10px;
	position: relative;
	text-align:left;
}

.txt_contents:before{
    content: "";
    display: inline-block;
    width: 30px;
    height: 5px;
    background: #d71718;
    position: absolute;
    left: 0;
    top: 0;
}
.txt_contents:after{
    content: "";
    display: inline-block;
    width: 10px;
    height: 5px;
    background: #333;
    position: absolute;
    left: 30px;
    top: 0;
}



.txt_contents .tit{
	font-size:20px;
	font-weight:500;
}

.txt_contents .tit .point{
	font-size:20px;
	font-weight:500;
	color:#d71718;
}

.txt_contents span{
	display: inline-block;
	font-size: 16px;
	color:#555;
	margin-top: 10px;
	line-height: 140%;
}


.txt_contents.circle{
	margin-left:135px;
	padding-left:50px;
	margin-bottom:80px;
	width:calc(100% - 135px);
}
.txt_contents.circle:last-child{margin-bottom:0;}


.txt_contents .tit.circle{
	position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    left:-60px;
    top: 50%;
    transform: translate(-50%, -50%);
/*    background: #333333;*/
	background: linear-gradient(135deg, #3e3e3e 50%, #383535 50%);
    color: #fff;
    border: 8px inset #d71718;
    box-sizing: border-box;
}

.txt_contents .tit.circle .inner{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 1px 3px 3px #000;
    font-weight: 400;
	text-align:center;
}



.imgcircle_cont{
	width: 230px;
    border-radius: 100%;
    position: relative;
    height: 230px;
    overflow: hidden;
    box-shadow: 1px 1px 2px #111;
    margin: 1%;
	cursor:pointer; 
}
.imgcircle_cont .txt{
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    color: #fff;
    font-size: 20px;
    text-shadow: 1px 1px 3px #333;
	text-align:center;
}
.imgcircle_cont .bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 100%;
    height: 100%;

	background-color: #000; 
	opacity: 0.6; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 

}
.imgcircle_cont .img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imgcircle_cont:hover .img img{
	width: 110%;
    height: 110%;
	transition:0.5s;
}



.imgbox_cont .img{
	position:relative;
	width:39%;
	margin-right:1%;
	height:350px;
}
.imgbox_cont .bg{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000; 
	opacity: 0.6; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
    z-index: 9;
    width: 100%;
    height: 100%;
	object-fit: cover;
    object-position: center;
}

.imgbox_cont .img img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
	object-fit: cover;
    object-position: center;
}

.imgbox_cont .txt{
	width:60%;
	margin-top:80px;
	padding-left:80px;
	position:relative;
}

.imgbox_cont .txt:before{
	content:"";
	display:inline-block;
	width:100px;
	height:2px;
	background:#d71718;
	position:absolute;
	top:25px;
	left:-25px;
}

.imgbox_cont .txt p{
	font-size: 30px;
    font-weight: 600;
	color:#333;
}
.imgbox_cont .txt p > strong{
	font-size: 35px;
    font-weight: 600;
	color:#d71718;
}

.imgbox_cont .txt span{
	font-size: 16px;
    font-weight: 100;
}

.imgbox_cont.right .txt{
	width:60%;
	margin-top:80px;
	padding-right: 80px;
    padding-left: 0;
	position:relative;
}

.imgbox_cont.right .txt:before{
	content:"";
	display:inline-block;
	width:100px;
	height:2px;
	background:#d71718;
	position:absolute;
	top: 25px;
    left: auto;
    right: -25px;
	z-index:1;
}




.cont_tit_img{
	width: 100%;
	margin-bottom: 50px;
}

.contbox_section{
	display: flex;
	width: 55%;
	justify-content: space-between;
	flex-direction: column;
}

.contbox_section p{
	font-size: 25px;
	color: #595757;
	margin-bottom: 13px;
	line-height: 150%;
}

.contbox_section .content2{
	position: relative;
}

.contbox_section .content2::before{
	content: "";
	position: absolute;
	background: url(../../images/greeting_01-1.png)no-repeat;
	width: 214px;
	height: 79px;
	left: 250px;
	bottom: 0;
}

.contbox_section .content2 p{
	font-weight: 800;
	color: #231815;
	margin: 0;
}

.contbox_section .content2 span{
	margin-left: 10px;
}

.contbox_section strong{
	color:#d71718;
}


.greeting .contbox > .tit{
	font-size: 5.7rem;
	font-weight: 800;
	font-family: none;
	color: #0a3e89;
	margin-bottom: 30px;
	line-height: 130%;
	letter-spacing: -2px;
}

.greeting .section3{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 8%;
}

.greeting .section3 .content{
	display: flex;
	width: 46%;
	flex-direction: column;
}

.greeting .section3 img{
	margin-bottom: -1px;
}

.greeting .section3 .tit{
	background: #a2c8d4;
	font-size: 40px;
	font-weight: 900;
	color: #231815;
	padding: 10px;
	text-align: center;
}

.greeting .section3 .txt p{
	font-size: 26px;
	font-weight: 600;
	color: #595757;
	margin-top: 20px;
	line-height: 150%;
	word-break: keep-all;
}

.news .section{
	width: 100%;
	background: url(../../images/news_bg2.png)no-repeat;
	background-position: top;
	background-size: 100%;
	object-fit: cover;
	margin-top: 50px;
	margin-bottom: 70px;
/*	padding-top: 20px;*/
}

.news .contbox > .tit, .people .contbox > .tit, .maincont_tit{
	font-size: 60px;
	font-weight: 800;
	color: #0a3e89;
}

.recu_box{
	width: 48%;
}

.recu_box p{
	font-size: 26px;
	color: #595959;
	margin-bottom: 29px;
	line-height: 140%;
}

.recu_section img{
	min-height: 400px;
	object-fit: cover;
}

.recruit .contbox_tit{
	margin-bottom: 20px;
}

.recruit .list_table td{
	padding: 20px 5px;
}

.request .section img{
	margin-top: -50px;
}

.contbox_txt, .cocom .contbox_txt, .request .contbox_txt, .decision .contbox_txt, .sketch .contbox_txt, .exper .contbox_txt{
	font-size: 27px;
	margin-top: 30px;
	line-height: 150%;
}

.menu03 .img img{
	width: 100%;
	vertical-align: top;
}

.menu03 .img img:last-child{
	margin-top: -1px;
}

.menu03 .content_txt{
	font-size: 28px;
	font-weight: 600;
	margin: 60px 0;
	line-height: 130%;
	letter-spacing: -0.7px;
	word-break: keep-all;
}

.menu03 .tit{
	position: relative;
	width: 47%;
	font-size: 52px;
	font-weight: 800;
	color: #fff;
	margin-right: auto;
	text-align: center;
}




@media (min-width: 992px){
	.menu03 .tit p{
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	
	.menu03 .qna_table{
		width: 50%;
	}
}




.gl_box{
	width: 48%;
    margin: 1%;
    float: left;
    min-height: 300px;
}


.gl_box .gl_img{
	display:inline-block;
    width: 200px;
    height: 250px;
    border: 2px inset #d71718;
    box-shadow: 1px 1px 2px #777;
    position: relative;
    box-sizing: border-box;
}
.gl_box .gl_img  img{
	
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gl_box .gl_txt{
	width: calc(100% - 200px);
	margin-left:20px;
	
}

.gl_box .gl_txt h3{
	text-align:left;
	font-size:25px;
	position:relative;
}
.gl_box .gl_txt h3 strong{
	color:#d71718;
	font-size:25px;
	font-weight:400;
}

.gl_box .gl_txt h3:after{
	content: "";
    display: inline-block;
    width: 165px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -20px;
    background: linear-gradient(90deg, #d71718 50%, #333 50%);
}

.gl_box .gl_txt ul{
	margin-top:20px;
}

.gl_box .gl_txt ul li{
	font-size:15px;
	color:#555;
	padding:3px 0;
}
.gl_box .gl_txt ul li span{
	background:#333;
	color:#fff;
	padding:2px 10px;
	border-radius:5px;
	margin-right:10px;
}
.gl_box .gl_txt ul li:last-child {
	padding-top:20px;
}

.gal_list li{
	display: inline-block;
	width: 23%;
	height: 380px;
    margin: 1%;
    position: relative;
    overflow: hidden;
	float:left;
	box-shadow: 1px 1px 3px #ddd;
}

.gal_list li:hover .inner{
	top:0;
	background-color: #000; 
	opacity: 0.6; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	transition:0.5s;
}

.gal_list li img{
    width: 100%;
	height:100%;
    display: block;
    cursor: pointer;
	object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gal_list .inner{
	position: absolute;
    top:85%;
    left: 0;
	height:100vh;
	background-color: #000; 
	opacity: 0.5; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    color: #fff;
	padding: 10px;
}
.gal_list .inner h3{
	font-weight:300;
	font-size:25px;
	text-align:left;
	margin-bottom:50px;
	position:relative;
}

.gal_list .inner h3 span{
	font-weight:500;
	font-size:25px;
	text-align:left;
	margin-bottom:50px;
	position:relative;
}

.gal_list .inner h3:after{
    content: "";
    position: absolute;
    background-image: url(../../images/ico_plus_w.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    right: 0;
    top: 8px;
}
.gal_list .inner p{
	font-weight:100;
	font-size:13px;
}
.gal_list .inner p:last-child{
	margin-top:50px;
}

.gal_list .inner p span{
    background: #eee;
    color: #333;
    padding: 0 10px;
    font-weight: 500;
    border-radius: 7px;
    margin-right: 5px;
}

.gal_list02{
	width:100%;
	overflow:hidden;
}

.gal_list02 li{
	width:32.3333%;
	margin:0 0.5%;
	margin-bottom:40px;
	float:left;
	display: block;
    text-decoration: none;
    box-shadow: 1px 1px 3px #cecece;
    padding-bottom: 20px;
	border: 1px solid #ddd;
    box-sizing: border-box;
}

.gal_list02 li .img{
	width: 100%;
    height: 100%;
    float: left;
	min-height: 230px;
    max-height: 280px;
    position: relative;
    overflow: hidden;
	background:#000;
}

.gal_list02 li .img img,
.gal_list02 li .img iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gal_list02 .tit_gall {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
	font-size: 22px;
    font-weight: 500;
    letter-spacing: -1.5px;
    padding: 0 20px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.gal_list02 .date_gall {
    display: block;
    margin: 6px 0 17px;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    background-size: 17px 16px;
    text-align: center;
}


.column {
	flex: 25%;
	max-width: 23%;
	margin: 1%;
}
.column img {
	vertical-align: middle;
	width: 100%;
}

.column .column_box{
	box-shadow: 1px 1px 3px #ddd;
	border: 1px solid #ddd;
	margin-bottom:25px;
}
.column .column_txt{
	padding:20px;
    background: #fff;
    color: #333;
}

.column_txt h3{
	text-align:left;
	font-size:22px;
	font-weight:500;
	margin-bottom:10px;
	padding-bottom: 5px;
    color: #333;
    border-bottom: 1px solid #d71718;
}
.column_txt ul li{
	font-size:15px;
	font-weight:400;
	margin-bottom:5px;
	letter-spacing: -1.5px;
	position: relative;
	padding-left:10px;
}
.column_txt ul li:before{
	content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #d71718;
    position: absolute;
    top: 10px;
    left: 0;
}
.column_txt ul li:last-child{
	margin-top:20px;
	padding-left:0;
	font-size:14px;
	font-weight:100;
}

.column_txt ul li:last-child::before{
	width:0px;
	height:0;
}

.column_txt ul li span{
    border: 1px solid #d71718;
    color: #d71718;
    padding: 0 10px;
    font-weight: 500;
    border-radius: 7px;
    margin-bottom: 7px;
    display: inline-block;
}


#map{
	width:100%; 
	height:450px; 
	clear:both; 
	border:solid 1px #ddd;
}


.tb_tit{
	margin-bottom:10px;
	margin-left:10px;
	font-weight:600;
	color:#333;
	position:relative;
	clear:both;

}
.tb_tit:before{
	content:"";
	display:inline-block;
	width:3px;
	height:10px;
	background:#d71718;
	position:absolute;
	top:50%;
	left: -5px;
	transform:translate(-50%, -50%);
}

.view_table{
    border-top: 2px solid #d71718;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.view_table tr{    
	border-bottom: 1px solid #e0e0e0;
}


.view_table th{
	background: #f7f7f7;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 0 15px 20px;
    text-align: left;
	width: 15%;
	box-sizing: border-box;
}

.view_table td{
    font-weight: 400;
    font-size: 18px;
    padding: 15px 0 15px 20px;
    vertical-align: top;
    text-align: left;
	box-sizing: border-box;
}

.view_table02{
    border-top: 2px solid #d71718;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.view_table02 tr{    
	border-bottom: 1px solid #e0e0e0;
}


.view_table02 th{
	background: #f7f7f7;
    font-weight: 600;
    font-size: 15px;
    padding:10px;
    vertical-align: middle;
    text-align: center;
	box-sizing: border-box;
	white-space: nowrap;
}

.view_table02 td{
    font-weight: 400;
    font-size: 15px;
    padding: 15px;
    vertical-align: middle;
    text-align: left;
	box-sizing: border-box;
}

.view_table td pre,
.view_table02 td pre{
    white-space: pre-line;
}
.list_table{
    border-top: 2px solid #d71718;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.list_table tr{    
	border-bottom: 1px solid #e0e0e0;
}


.list_table th{
	background: #f7f7f7;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 5px;
    vertical-align: middle;
    text-align: center;
	box-sizing: border-box;
}

.list_table td{
	font-weight: 400;
    font-size: 16px;
    padding: 15px 5px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}

.list_table .tb_img{
	width:70%;
	height:100px;
	position:relative;
	margin:0 auto;
}
.list_table .tb_img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.gray_bg{
	background:#efefef;
}

.view_list ul{
	border-top:2px solid #d71718;
}

.nocont{
	text-align:center;
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #ddd
}
.view_list li{
	border-bottom: 1px solid #ddd;
	position:relative;
	vertical-align: middle;
}
.view_list li .inner{
	padding:31px;
	line-height: 130%;
}
.view_list li .list-num{
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	width: 50px;
}
.view_list li .table_img{
	position:absolute;
	top:8px;
	right:0;
}
.view_list li .thumb{
	display:inline-block;
	width: calc(100% - 110px);
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.view_list li .thumb h3{
	font-size: 20px;
	font-weight: 600;
	text-align:left;
}
.view_list li .info span{
    font-size: 15px;
    font-weight: 300;
    padding-right: 5px;
    margin-right: 5px;
    position: relative;
    letter-spacing: -1px;
}

.view_list li .info span:before {
    display: block;
    content: '';
    width: 1px;
    height: 9px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -4px;
}
.view_list li .info span:last-child:before {
	display: none;
}


.view_list.noneimg li .thumb{
	width: 100% !important;
}

.view_list.audio li .thumb{
    width: calc(100% - 70px);
    margin-left: 15px;
}



.map_list li{
	margin-bottom:10px;
}
.map_list li span{
	color:#fff;
	border-radius:5px;
	padding:0 5px;
	margin-right:5px;
}



.produ_list li{
    display: inline-block;
	width: 215px;
    padding: 30px;
    box-shadow: 1px 1px 3px #ddd;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
	color:#333;
	font-weight:400;
	position:relative;
	box-sizing: border-box
}

.produ_list li:after{
    content: "";
    position: absolute;
    background-image: url(../../images/ico_rightarr_b.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    right: -30%;
    top: calc(50% - 11px);
}
.produ_list li:last-child:after,
.produ_list.produ_list_col5 li:last-child:after{
    content: "";
	background-image:none;
}

.produ_list.produ_list_col5 li:after{
    right: -35px;
}

.produ_list li .fa{
	font-size: 33px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    background: linear-gradient(45deg, #d71718, #8a1700);
    box-shadow: 1px 1px 3px #333;
    border: 5px double #fff;
    color: #fff;
    border-radius: 100%;
    margin-bottom: 20px;
}

.thumb_cont{
	position: relative;
}

.thumb_slide{
	position: relative;
	width: 1280px;
	height: 750px;
/*	background: url("../../images/news_bg.png") center center / 100% 100%;*/
	padding: 0;
	margin: 150px 0 40px;
/*	padding-bottom: 80px;*/
	box-sizing: border-box;
}

.thumb_slide::before{
/*	content: "";*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background: url("../../images/news_bg2.png") center center / 100% 100%;*/
/*	top: 0;*/
/*	left: 0;*/
/*	z-index: 5;*/
}

.thumb_cont .thumb_box{
	width: 100%;
	height: 690px;
/*	background: url(../../images/news_bg.png) center;*/
/*	background-size: 100% 100%;*/
/*	margin: 0 30px;*/
    text-align: center;
/*    border: 1px solid #ddd;*/
/*    border-radius: 5px;*/
/*    box-shadow: 1px -1px 3px #ddd;*/
/*    padding: 30px 37px;*/
    box-sizing: border-box;
}


.thumb_cont .img{
	position: relative;
	width:100%;
	height: 100%;
	text-align:center;
/*    border-radius: 5px;*/
    overflow: hidden;
/*	border: 1px solid #ddd;*/
/*	margin-bottom:10px;*/
	background:#000;
}

.thumb_cont .img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumb_cont .content{
	display: flex;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	overflow: hidden;
	gap: 5px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.thumb_cont .content img{
	width: calc(33.3333% - 4px);
	height: auto;
	max-height: 225px;
	object-fit: cover;
	object-position: center;
}

.thumb_cont .cont_img{
	display: flex;
	width: 100%;
    height: 100%;
	background: #000;
/*	gap: 5px;*/
	flex-wrap: wrap;
	justify-content: space-between;
}

.thumb_cont .imgbox{
	position: relative;
	width: calc(33.3333% - 4px);
	height: calc(100% / 3);
	text-align: center;
	overflow: hidden;
}

.thumb_cont .imgbox img{
	position: absolute;
	width: 100%;
	max-height: 225px;
	top: 50%;
	left: 50%;
	object-fit: cover;
	object-position: center;
	transform: translate(-50%, -50%);
}

.thumb_cont .txt{
	display: none;
}

.news .swiper-container-3d .swiper-slide-shadow-left, 
.news .swiper-container-3d .swiper-slide-shadow-right{
/*	background: #f5b422;*/
/*	background-image: none !important;*/
}

.news .swiper-pagination-fraction, .news .swiper-pagination-custom, 
.news .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 0px !important;
}

.news .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 4px !important;
}

.news .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
}

.swiper-pagination-bullet{
	background: #fff !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet-active{
	background: #d71718 !important;
}


.thumb_cont .img iframe{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumb_cont .txt strong{
	display:block;
    text-align: center;
}

.thumb_cont .txt p{
	text-align:center;
	font-size:14px;
}

.thumb_cont .txt span{
	width:100%;
	font-size:15px;
	color:#777;
	text-align:left;
}

.pp_area{
	background: #ddd;
}


.pp_list{
	position: relative;
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
	gap: 8%;
}

.pp_list li{
	position:relative;
/*	display:inline-block;*/
	width: 28%;
	height: 580px;
	background: #ddd;
/*	border-bottom: 2px solid #fff;*/
	cursor:pointer;
	box-sizing:border-box;
	overflow: visible;
/*	float:left;*/
/*	padding:1%;*/
/*	width:23%;*/
}

.pp_list li::after{
	content: "";
	position: absolute;
	width: calc(100% + 102px);
	height: 2px;
	background: #ffffff;
	bottom: 0px;
	left: 0;
	overflow: visible;
}

.pp_list li:last-child::after{
/*	display: none;*/
}

.pp_list li:first-child{
	position: relative;
	width: 100%;
}

.pp_list li:first-child::before{
	content: "";
	position: absolute;
	background: url(../../images/mdpeople_txt.png)no-repeat;
	right: 55px;
	bottom: 40px;
	width: 791px;
	height: 252px;
}

.pp_list li:first-child .pp_img, .pp_list li:first-child .pp_tit{
	width: 30%;
}

.pp_list li.current{
/*	background:linear-gradient(45deg, #d71718, #860000);*/
/*	border:1px solid #ddd;*/
/*	color:#fff;*/
/*    text-shadow: 3px 3px 1px #860000;*/
}

.pp_list li.current .part{
/*	border-bottom:1px solid #fff;*/
}

.pp_list .pp_img{
	width: 100%;
}

.pp_img .imgarea{
	position: relative; 
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.pp_img .imgarea img{
	position: absolute;
	width: 300px;
	top: -50px;
	left: 50%;
	transform: translate(-50%, 0);
}


.pp_list .pp_tit{
	background: #036eb8;
	color: #fff;
	padding: 20px 0;
	text-align: center;
}

.pp_tit .part{
	display:inline-block;
	font-size: 18px;
	font-weight:500;
/*	border-bottom:1px solid #333;*/
}
.pp_tit .name{
	display:inline-block;
	font-size:30px;
	font-weight: 600;
}
.pp_tit .en_name{
	display: none;
	font-size: 13px;
    font-weight: 400;
	text-transform: uppercase;
}


.pp_popup{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

.pp_popup .popup_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #00000080;
}

.pp_popup .tab-content{
	position: absolute;
	top: 50%;
	left: 50%;
/*	border-top:4px double #333;*/
	overflow: auto;
	transform: translate(-50%, -50%);
}

.ppcontent{
	position:relative;
    display: none;
	width: 100%;
	max-width: 1000px;
	max-height: 73vh;
	min-height: 73vh;
	overflow-y: auto;
}

.ppcontent.current {
	display: inline-block;
}

.pp_popup .popclose{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.pp_popup .popclose .btn{
	width: 350px;
	background: #d71718;
	color: #fff;
	border: 1px solid #fff0;
}

.ppcontent .pp_info{
	width:100%;
	min-height: 395px;
	height: 668px;
	background:#eee;
	padding: 30px 50px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}
.pp_info img{
	position: absolute;
	height: 100%;
	bottom: 0px;
	right: 30px;
	opacity: 0.2;
}

.pp_info .tit{
	width: 150px;
}

.pp_info .tit p{
	font-size:30px;
	font-weight: 800;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom:1px solid #faaf3b;
}

.pp_info .tit span{
	font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.pp_info .txt{
	margin-top: 30px;
}

.pp_info .txt ul{
	height: 280px;
	overflow-y: hidden;
}

.pp_info .txt li{
	position:relative;
	max-width: 600px;
	margin-bottom:5px;
	padding-left:10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pp_info .txt li:before{
	content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #333;
    position: absolute;
    top: 7px;
    left: 0;
}

.pp_info .txt.txt_1, .pp_info .txt.txt_2{
	min-width: 40%;
/*	min-height: 195px;*/
/*	max-height: 195px;*/
	overflow-y: hidden;
}

.pp_info .txt span:nth-child(n+7){
	display: none;
}


.pp_info .txt p{
	font-size:20px;
	font-weight:600;
	letter-spacing:-1.5px;
	margin-bottom:10px;
}

.pp_info .txt span{
	display: block;
	width: max-content;
	max-width: 300px;
	font-size:15px;
	box-sizing: border-box;
	padding: 4px 5px;
	border: 1px solid #333;
	margin: 3px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.pp_cf{
	margin-top:20px;
}

.pp_cf .swiper-slide{
	margin:0 5px;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ddd;
	min-width:250px;
}

.pp_cf .swiper-slide img{
	width:100%;
}

.pp_cf .swiper-button-next{
	background-image:url(../../images/slidearr_red_r.svg)
}

.pp_cf .swiper-button-prev{
	background-image:url(../../images/slidearr_red_l.svg)
}



.sitemap_li{
	padding:0 10px;
	margin-bottom:20px;
    box-sizing: border-box;
}
.sitemap_li .tit{
	text-align:center;
	border-bottom:2px inset #d71718;
	color:#333;
	padding: 10px 0;
    font-size: 20px;
	font-weight:500;
	background: #fbfbfb;
}

.sitemap_li li{
	padding:13px 0 13px 30px;
	position: relative;
	font-size:16px;
}

.sitemap_li li:before{
    content: "";
	width: 5px;
    height: 8px;
    position: absolute;
    left: 12px;
    top: 22px;
    background: url(../../images/spr-common.png) no-repeat left top;
}


.login_area{
	width:450px;
	margin:0 auto;
	text-align:center;
}
.login_box{
	margin:10px 0;
}

.login_box input{
	width:100%;
	margin-bottom:5px;
}

.login_box .txt{
    text-decoration: underline;
    font-size: 15px
}
.login_box .txt:hover{
    color:#d71718
}

@media screen and (max-width: 480px) {

	.login_area{
		width:100%;
	}

}


@media screen and (max-width: 992px) {
	.cont_tit p strong{
		font-size: 30px;
	}
	
	.cont_tit span{
		font-size: 19px;
	}
	
	.contbox_tit h3{
		font-size:30px;
	}
	.col2{
		width:100%;
		margin-bottom:50px;
	}
	.content_header {
		padding-top: 60px;
	}
	
	.hd_area{
		width: 92%;
/*		height: 230px;*/
		margin: 0 auto;
		box-sizing: border-box;
	}

	.hd_submenu{
		max-width: 100%;
/*		margin-top: 60px;*/
	}

	.hd_loca{
		margin-top:0;
	}
	.hd_tit {
		padding-top: 85px;
	}

	.hd_tit h1{
		font-size:40px;
	}

	.hd_tit span:before {
		width: 30px;
	}


	.cont_contents{
		padding-top: 0px ;
	}
	.contents_area{
		width:100%;
		box-sizing: border-box;
	}


	.contents_w{
		width: 92%;
		margin: 0 auto;
	}

	.contents_w .flex_area{
		width:100%;
		flex-wrap: wrap;
/*		display: inline-block;*/
/*		text-align:center;*/
	}

	.input_flex{
		display: flex !important;
	}

	.imgcircle_cont {
		width: 230px;
		height: 230px;
		margin: 1% auto;
	}

	.imgbox_cont .img {
		display:none;
	}
	.imgbox_cont .txt,
	.imgbox_cont.right .txt{
		width:100%;
		position: relative;
		text-align:left;
		text-align: justify;
		padding:0;
		margin-bottom:40px;
		margin-top:0;
		padding-top:16px;
	}

	.imgbox_cont.right .txt:before,
	.imgbox_cont .txt:before{
		left:0;
		top:0;
		width:25px;
	}
	.imgbox_cont .txt p{
		font-size:20px;
		letter-spacing:-1.5px;
		text-align: left;
	}
	.imgbox_cont .txt p > strong{
		font-size:24px;
	}

	.gl_box{
		margin-bottom:50px;
	}
	.gl_box .gl_txt{
		width:100%;
		text-align:left;
		margin-left:0;
	}
	.gal_list li{
		width:48%;
		margin:1%;
	}

	.gal_list02 li{
		width:100%;
		margin-right:0;
		margin-left:0;
		margin-bottom:30px;
	}
	.gal_list02 li .img{
		min-height: 185px;
	}

	.column {
		flex: 100%;
		max-width: 100%;
	}

	.view_table th, .view_table td{
		width:100%;
		display:block;
	}

	.view_table td{
		padding:20px 15px;
	}
	.view_list li .thumb h3{
		font-size: 18px;
		text-align:left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.view_list li .inner{
		padding: 30px 5px;
	}


	.produ_list li{
		width:100%;
		margin-bottom:50px;
	}
	.produ_list li:after, 
	.produ_list.produ_list_col5 li:after{
		top:unset;
		right:unset;
		bottom:-36px;
		left:calc(50% - 11px) ;
		transform: rotate(90deg);
	}

	.big_tit h1{
		font-size:20px;
		font-weight:100;
		letter-spacing:-1.5px
	}

	.pp_area{
		background: #fff;
	}

	.pp_list{
		gap: 10px;
	}

	.pp_list li{
		width: calc(50% - 5px) !important;
		height: fit-content;
	}

	.pp_list li::after{
		display: none;
	}

	.pp_list .pp_img {
		display:none;
	}

	.pp_list li:first-child .pp_tit{
		width: auto;
	}

	.ppcontent .pp_info {
		padding: 30px 16px;
		min-height: 240px;
	}

	.pp_list .pp_tit{
		display: flex;
		background: #c9caca;
		color: #000;
		padding: 15px;
		text-align: left;
		flex-direction: column;
	}

	.pp_tit .part{
		display: block;
		padding-top: 5px;
		margin-top: 2px;
		border-top: 1px solid #ec1c24;
		order: 2;
	}

	.pp_tit .name{
		font-size: 25px;
	}

	.pp_tit .en_name{
		display: block;
		margin-top: 20px;
		order: 2;
	}

	.pp_list li.current .pp_tit{
		background: #036eb8;
		color: #fff;
	}

	.pp_list li.current .part{
		border-top: 1px solid #faaf3b;
	}

	.pp_popup .tab-content{
		width: 92%;
	}

	.pp_popup .ppcontent{
		width: 100%;
		min-height: auto;
		overflow-y: auto;
	}

	.pp_info .txt ul{
		height: auto;
	}

	.pp_info .txt li{
		white-space: normal;
		overflow: auto;
	}

	.sitemap_li li{
		text-align:left;
	}

	.pp_info img{
		width: 130px;
		height: auto;
		bottom: 0px;
		right: 16px;
	}

	.pp_info .txt_2{
/*		min-height: auto;*/
/*		max-height: 190px;*/
	}

	.pp_info .txt_2 span:nth-child(n+7){
		display: block;
	}

	.txt_contents .tit.circle {
		width: 151px;
		height: 55px;
		border-radius: 0;
		left: 115px;
		top: 0px;
	}

	.txt_contents.circle {
		width:100%;
		margin-left: 0;
		padding:30px 20px;
	}

	.pp_info .txt_2 span{
		font-size:14px;
		letter-spacing:-1px;
		white-space: normal;
		overflow: auto;
	}

	.add_p{
		display:none;
	}


	.cont_tit_img{
		margin-bottom: 5px;
	}

	.greeting .contbox > .tit{
		font-size: 1.65rem;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.contbox_section{
		width: 100%;
		margin-top: 20px;
	}

	.contbox_section p{
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 10px;
		letter-spacing: -0.75px;
		word-break: keep-all;
	}

	.cont_tit_img{
		padding-top: 30px;
	}

	.greeting_img{
		width:100%;
		margin-top:0;
	}
	
	.greeting_img img{
		width: 100%;
	}

	.greeting img{
		width: 100%;
	}

	.greeting .content2 p{
		color: #231815 ;
	}

	.greeting .content2::before{
		width: 130px;
		height: 45px;
		background-size: 130px;
		left: 135px;
	}

	.greeting .section3 .content{
		width: 100%;
	}

	.greeting .section3 .txt p{
		font-size: 15px;
	}


	.recu_box p{
		font-size: 15px;
		margin-top: 20px;
		margin-bottom: 0;
	}

	.recruit .cont_tit_img{
		padding-top: 30px;
	}

	.news .contbox > .tit, .people .contbox > .tit,  .maincont_tit{
		font-size: 35px;
		padding: 30px 0;
	}

	.cocom .contbox_txt, .request .contbox_txt, .decision .contbox_txt, .sketch .contbox_txt, .exper .contbox_txt{
		font-size: 17px;
		margin-top: 15px !important;
		margin-bottom: 30px;
		word-break: keep-all;
	}

	.request .section img{
		margin: 0;
	}

	.cocom .section2 img{
		width: 100%;
	}

	.decision .contbox_txt p{
		font-size: 16px;
	}

	.menu03 .content_txt{
		font-size: 18px;
		margin: 30px 0;
	}

	.menu03 .tit{
		width: 100%;
		font-size: 36px;
		padding: 5px 0;
		margin-bottom: 30px;
	}
}



.tab_btnarea{
	display:flex;
	justify-content: start;

}

.tab_btnarea .tab_btn{
    width: 280px;
    padding: 20px 0;
    background: linear-gradient(45deg, #f7f7f7, #f3f3f3);
    border: 1px solid #ddd;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: 500;
}

.tab_btnarea .tab_btn.current{
	background:linear-gradient(45deg, #d71718, #860000);
	color:#fff;
}

.tabcontent{
	display: none;
}
.tabcontent.current {
	display: block;
}

.table_img{
	width:100px;
	height:100px;
	position: relative;
	margin: 0 auto;
}
.table_img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.new{
	background: #d71718;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 2px 4px;
    text-transform: uppercase;
    font-weight: 100;
	position:relative;
	z-index:5;
	font-style:normal;
	letter-spacing: 0;
}

.red_span{
	background:#d71718;
	color:#fff;
	font-size:13px;
	border-radius:5px;
	padding:1px 3px;
	font-style: normal;
}

.comp_list li{
	width:18%;
	margin:1%;
	float:left;
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:1px 1px 3px #ddd;
	padding:10px;
}

.comp_list li .img{
	width:100%;
	height:80px;
	position: relative;
}
.comp_list li .img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.comp_list li .txt{
	font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    background: #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1.5px;
}

.play_ico{
    width: 45px;
    height: 45px;
    display: inline-block;
}
.play_ico img{
    width: 100%;
    height: 100%;
    display: inline-block;
}


.cont2_box{
    float: left;
    width: 48%;
    margin: 1%;
	height:45px;
	line-height:45px;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 1px 1px 3px #ddd;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #333;
    background-color: #fff;
	
}

.cont2_box:hover{
	background-color: #d71718;
	color:#fff;
}

.cont2_box .inner {
	position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cont2_box .inner .fa{
	font-size:15px;
}
.cont2_box .inner p{
	font-size:17px;
	font-weight: 500;
	display:inline-block;
}

.case_list{
	overflow-x: auto;
}
.case_list ul{
	width: max-content;
    padding: 1px;
}

.case_list li {
    width:350px;
	float:left;
    font-size: 14px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px;
    border: 1px solid #ddd;
	background-color: #fbfbfb;
    margin-left: -1px;
    margin-top: -1px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.case_list li:hover {
    background-color: #eee;
}


.case_list li h3 {
	color: #d71718;
    text-align: left;
    font-weight: 500;
    letter-spacing: -1.5px;
}

.case_list li h1 {
    font-size: 1.5em;
    color: #000;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4em;
    height: 2.8em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 15px;
	text-align:left;
}

.case_list li p {
    font-size: 1.1em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.6em;
    height: 6.4em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: 15px;
	text-align:left;
}

.case_list .inst_date {
    color: #8f8f8f;
    margin-top: 25px;
	font-size: 13px;
    letter-spacing: -0.1em;
	height: 40px;
}


.qna_table{
    border-top: 2px solid #d71718;
	width:100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.qna_table th{
    font-weight: 500;
    font-size: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
	text-align:center;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}

.qna_table td{
    font-weight: 500;
	font-size:16px;
    padding: 15px 0;
	line-height:1.8em;
    border-bottom: 1px solid #eee;
	text-align:center;
	cursor:pointer;
	text-overflow:ellipsis;
	overflow:hidden;
}

.qna_table tbody tr:hover{
	background:#fefefe;
}
.Q_ico{
	color:#d71718;
	font-size:20px;
}
.A_ico{
	color:#281d59;
	font-size:20px;
}

.hide_tr{
	display:none;
}

.show_tr{
	display:table-row;
}
.show_tr td{
    background: #fbfbfb;
    padding: 10px 0;
}

.show_li{
	display:block;
}

.spmd_cont{
	background:url(../../images/spmd_bg.jpg)center center;
	width:100%;
	height:300px;
	display:flex;
}

.spmd_cont .cont1{
	text-align: left;
	width: 55%;
	margin: 60px 0 0 80px;
	color: #fff;
}
.spmd_cont .cont1 h3{
	text-align:left;
	font-size:55px;
	text-shadow:3px 3px 5px #111;
	font-weight:300;
}

.spmd_cont .cont1 .txt{
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.8em;
	text-shadow: 1px 1px 3px #333;

}

.spmd_cont .cont2{
	text-align:left;
	width:45%;
	margin: auto 0 auto 15px;
}

.spmd_cont .m_txt{
	color:#fff;
	font-size:40px;
	font-weight:600;
	text-shadow: 1px 1px 3px #333;
}

.spmd_cont .m_txt span{
	font-size: 30px;
	background: linear-gradient(180deg, #960505, #860000);
	border: 1px solid #6d0505;
	border-radius: 5px;
	min-width: 108px;
	padding: 0 10px;
	display: inline-block;
	text-align: center;
}


.back_btn{
	padding:10px 40px;
	font-size:17px;
	margin-top:16px;
}

.cost_btn{
	padding:5px 15px;
	font-size:17px;
	width:130px;
}

.succ_btn{
	display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #bfbfbf;
    color: #fff;
    background: #333;
	padding:5px 15px;
	width:100%;
}


@media screen and (max-width: 992px) {
	.case_list li {
		width:325px;
	}
	.case_list li p{
		margin-top:15px;
		height:150px;
	}

	.tab_btnarea .tab_btn{

		padding: 15px 0;
		font-size: 16px;
		/*2021-11-16 hjs std*/
/*		width:45% !important;*/
	}

	.check_mobile_mt{
		/*2021-11-16 hjs std*/
		margin-top:40px;
	}

	.comp_list li{
		width:48% ;
	}

	.comp_list li .txt{
		font-size:14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cont2_box{
		width:23%;
		margin:1%;
	}
	.cont2_box .inner{
		padding:0 !important;
	}
	.cont2_box .inner .fa {
		display:inline-block;
	}

	.spmd_cont{
		display:inline-block;
		height:100%;
		background-repeat:no-repeat;
	}
	.spmd_cont .cont1{
		display:none;
	}
	.spmd_cont .cont2{
		margin: 30px auto;
		width: 100%;
/*		margin:30px;*/
	}

	.spmd_cont .m_txt{
		font-size: 30px;
	}
	.spmd_cont .m_txt span{
		font-size: 25px;
		min-width: 90px;
	}

	.cost_btn{
		padding:10px 0;
		font-size:15px;
	}
	.succ_btn{
		padding:10px 0;
		font-size:15px;
	}

	.recu_box{
		width:100% !important;
		text-align:left;
	}

	.recu_box img{
		margin-top:18px;
		width:100%;
	}

	.recruit .list_table td{
		font-size: 14px;
		padding: 15px 5px;
	}

	.qna_table th{
		font-size: 16px;
		white-space:break-spaces;
	}

	.comp_list li .img img{
		object-fit: contain;
	}


}
@media screen and (max-width: 320px) {

.comp_list li .txt{
	font-size:10px;

	}
}
.audio_cont{
	width:48%;
	margin:1%;
	position:relative;
	padding:20px;
}
.audio_cont .audio{
	width:100%;
	height:350px;
}

.audio_cont .audio iframe{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);


}
.line{
	background:#eee;
	width:1px;
	height:auto;
	display:inline-block
}
.audio_cont .tit{
	text-align:center;
	font-size:20px;
	letter-spacing:-1.5px;
	color:#333;
	font-weight:500;
}

.greeting_img{
	margin-top:65px;
}

.greeting_img img{
	max-width: 510px;
}

.audioiframe_wrap {
	width: 600px;
    position: relative;
}
.audioiframe{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100vh;
}

@media screen and (max-width: 992px) {
	
	.audio_cont .audio{
		height:120px;
	}

	.back_btn{
		width:50% !important;
	}
	
	.audioiframe_wrap {
		width: 100%;
		height: -webkit-fill-available;
		position: relative;
		overflow: hidden;
		display: inline-block;
		border:none;
		background:none;
	}

	.audioiframe{
		position: unset;
		top: unset;
		left: unset;
		transform:unset;
		height: 100vh;
		max-height:300px;
		margin-top:10px;
	}

	.cont2_box .inner p{
		font-size:14px;
	}
	
	.news .section{
		background-size: cover;
		margin-top: 0;
	}
	
	.news .section .contbox{
		margin-bottom: 30px;
	}

	.thumb_slide{
		width: 300px;
		height: 210px;
		margin: 40px 0 0;
		padding-bottom: 40px;
	}

	.thumb_cont .thumb_box{
		width: 100%;
		height: 170px;
	}

	.thumb_cont .img{
		height: 100%;
	}

	.news .thumb_cont .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		width: 15px;
		height: 22px;
		top: 50% !important;
		right: calc(50% - 175px) !important;
		background-size: 15px 22px;
		transform: translate(0px, -50%);
	}
	
	.news .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		width: 15px !important;
		height: 22px !important;
		top: 50% !important;
		left: calc(50% - 175px) !important;
		background-size: 15px 22px !important;
		transform: translate(0px, -50%);
	}

	.news .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}

	.news .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 3px !important;
	}
}

.news .thumb_cont .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image:url("../../images/slide_btn_r.png") !important;
	top: calc(50% - 40px);
	right: calc(50% - 640px);
    left: auto;
}
.news .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../../images/slide_btn_l.png") !important;
	top: calc(50% - 40px);
    left: calc(50% - 640px);
    right: auto;
}
.swiper-slide-active{
	transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}


.login_btn{
	background:#d71718 !important;
	border:1px solid #d71718 !important;
}