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

.navarea{
	background: #595757;
}
.navarea.jbFixed {
	background: #fff !important;
	box-shadow: 0 1px 1px #ddd;
}
.nav_hover{
	color:#fff !important;
}
.navarea.jbFixed .nav_hover {
    color: #333 !important;
}




.coltarea {
	max-width: 1280px;
	margin: 0 auto;
	padding: 50px 0;
}


.cont_tit{
	margin-bottom: 40px;
	text-align:center;
}

.cont_tit p{
	font-size: 46px;
	font-weight: 800;
	color: #040000;
	margin-bottom: 8px;
}

.cont_tit p strong{
	font-weight: 800;
	color: #d71718;
}

.cont_tit span{
	font-size: 35px;
	font-weight:500;
	color: #231815;
}



.cont1{
	display: inline-block;
    width: 100%;
	height: 100vh;
    height: calc(100vh - 61px);
    padding-top: 61px;
    background: #121c2f;
	position:relative;
	overflow:hidden;
}

.bg_black{
	display:inline-block;
	width:100%;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	background-color: #000; 
	opacity: 0.2; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
}

.cont1 video{
	display: inline-block;
	width:100%;
/*	height:100%;*/
/*	height: 100vh;*/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
    object-position: center;
}

.slide_txt{
/*	width:100%;*/
	position:absolute;
	left:50%; 
	top:50%; 
	transform:translate(-50%, -30%);
	width:700px;
	text-align:center;
}

.slide_box{
	color:#fff;
}

.slide_box h3{
	font-size:55px;
	text-shadow: 1px 1px 5px #000;
}
.slide_box p{
	font-size: 35px;
	font-weight:500;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	border-bottom:1px solid #fff;
	padding-bottom:20px;
	margin-bottom:20px;
}
.slide_box span{
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 1px 3px #000;

}
.slide_tb{
	width:100%;
}

.slide_tb th{
	font-size:30px;
	font-weight:400;
}

.slide_tb td{
	font-size:30px;
	font-weight:400;
}

.slide_tb td strong{
	font-size:50px;
	font-weight:400;
}

.slide_box_mobile{
	display:none;
}

.cont2{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
	padding:50px 0;
}

.cont2 .cont_box{
	width:50%;
	height:258px;
    text-align: left;
    position: relative;
    cursor: pointer;
    box-shadow: 1px 1px 3px #ddd;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #333;
    background-color: #fff;
	padding: 58px 50px;
}

.cont2 .cont_box:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width:45px;
    height: 45px;
    transform: translate(-50%, -50%);
    background-image: url(../../images/ico_cont2arr.png);
}

.cont2 .cont_box  p {
    font-weight: 600;
    font-size: 40px;
    color: #333;
}

.cont2 .cont_box p strong {
    font-weight: 600;
    font-size: 40px;
    color: #d71718;
}

.cont2 .cont_box span {
    font-weight: 400;
    font-size:18px;
    color: #555;
    letter-spacing: -1.5px;
}

.cont2_area{
	display: flex;
	width: 48%;
	margin-left: 2%;
	flex-wrap: wrap;
	gap: 20px;
}

.cont2_userbox{
	margin-left:1%;
	padding:15px 20px;
	height:258px;
    box-shadow: 1px 1px 3px #ddd;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.cont2_userbox .tit{
	text-align:left;
	font-weight:600;
	font-size:18px;
	letter-spacing:-1.5px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}

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

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

.user_table td{
	font-weight: 400;
    font-size: 14px;
	padding:5px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
    letter-spacing: -1.5px;
    color: #333;
}

.user_table tbody tr:hover{
	background:#fff7f7;
	cursor:pointer;
}

.user_table td .cont2_box02{
	border: 1px solid #eee;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 20px;
    margin: 1%;
	color:#333;
	box-shadow: 1px 1px 3px #ddd;
	background:#fff;
}

.user_table td .cont2_box02:hover{
	background:#d71718;
	color:#fff;
}


.cont2_btn{
	width:50%;
	float:left;
    padding: 10px 20px;
    font-size: 30px;
    border: 1px solid #111;
    background: none;
	text-align:left;
	position: relative;
}

.cont2 .cont2_p{
	font-size: 20px;
    margin-top: 10px;
}

.cont2_btn p strong{
	color:#d71718;
}

.cont2_btn p .arr{
	position: absolute;
    right: 15px;
    top: 16px;
}

.cont2_btn p span{
	font-size:16px;
	font-weight:400;
	margin-right: 50px;
}

.nosession{
	text-align:center;
	font-size:25px;
	font-weight:600;
	color:#c3c3c3;
	letter-spacing:-1.5px;
	padding-top:20px;
}

.nosession .fa{
	font-size:50px;
}


.m_cont2_box{
	position: relative;
	width: calc(50% - 10px);
	height: 122px;
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
}

.m_cont2_box:hover{
	background-color: #d71718;
	color: #fff !im;
}

.m_cont2_box:hover p, .m_cont2_box:hover span{
	color: #fff !important;
}

.m_cont2_box .inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
}
.m_cont2_box .inner .fa{
	font-size: 40px;
    padding: 12px;
}

.m_cont2_box .inner p{
	font-size: 34px;
	font-weight: 800;
	color: #595857;
}

.m_cont2_box .inner span{
	font-size: 24px;
	font-weight: 500;
	color: #231815;
}

.m_cont2_box .line{
	display: block;
	background: #f1ab3f;
	width: 70%;
	height: 1px;
	margin: 5px auto 8px;
}





/*.a_bg{background:#333;}*/
/*.b_bg{background:#333;}*/
/*.c_bg{background:#333;}*/
/*.d_bg{background:#333;}*/




.cont3{
	width: 100%;
	text-align: center;
}

.cont3 .section1{
	background: #0c2139;
	font-size: 50px;
	font-weight: 800;
	color: #fff;
	padding: 7px 0;
}

.cont3 .coltarea{
	padding-top: 35px;
}

.cont3 .section2 .tit{
	font-size: 47px;
	font-weight: 800;
	color: #003e8c;
	margin-bottom: 24px;
}

.cont3_iconarea{
	display:flex;
	margin-bottom: 20px;
	justify-content: space-between;
}

.cont3_iconarea .icon_box{
	width: 24%;
	margin: 0;
}

.cont3_iconarea .icon_img{
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.cont3_iconarea .icon_img img{
	width: 100%;
	height: 100%;
}

.cont3_iconarea .icon_tit{
	font-size: 30px;
	font-weight: 800;
	color: #231815;
	margin: 10px 0;
}

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

.cont3_iconarea .icon_cont{
	font-size:17px;
	letter-spacing: -1.5px;
}




.cont4{
	background:url(../../images/cont4_img.png);
}

.cont4 .cont4_tit{
	text-align:center;
}
.cont4 .cont4_tit p{
	font-weight:600;
	font-size:40px;
	color: #fff;
	margin-bottom: 10px;
}

.cont4 .cont4_tit span{
	font-size: 27px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0;
}

.cont4 .video_btn{
	font-size: 19px;
	padding: 15px 0;
	line-height: normal;
}

.cont4.cont4_02 .cont4_tit p,
.cont4.cont4_02 .cont4_tit span{
	color:#333;
}
.cont4.cont4_02 .cont4_tit p strong{
	color:#d71718;
	font-weight: 900;
}


.cont4 .people_info{
	width: 19%;
	margin-right:1%;
/*    background: linear-gradient(45deg, #8a6f43, #d71718);*/
/*    border: 3px solid #7d682b;*/
/*	color: #483705;*/
	cursor:pointer;
    border: 3px double #fff;
	color: #fff;
    height: 300px;
    box-sizing: border-box;
    
}

.cont4 .people_info p{
	font-size: 30px;
	font-weight:400;
    margin-top: 35px;
    margin-left: 20px;
}

.cont4 .people_info span{
	font-size: 14px;
	font-weight:400;
    margin-top: 60px;
    margin-left: 20px;
}

.cont4 .people_info button{
	font-size: 18px;
    font-weight: 400;
    margin-top: 100px;
    margin-right: 20px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
    text-align: left;
    float: right;
}


.cont4 .tab_info{
	width:48%;
	margin:0 1%;
}


.tab {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
    margin-bottom: 15px;
}

.tab li {
    float: left;
    display: inline-block;
    border: 3px double #fff;
    background: none;
    width: 150px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 9px 16px;
    font-size: 17px;
    transition: 0.3s;
    cursor: pointer;
	margin-right:10px;
	font-weight:100;
}

.tabcontent {
	display: none;

}
ul.tab li.current{
    background: #d71718;
    color: #fff;
    border: 3px double #fff;
    font-weight: 400;
    text-shadow: 1px 1px 3px #111;
}
.tabcontent.current {
	display: block;
}


.newslist{
	width:100%;
}

.newslist li{
	padding: 11px 0 !important;
    border-bottom: 1px solid #7b8290;
	position:relative;
	cursor:pointer;
}

.newslist li p{
	font-size:16px;
	max-width: 78%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
	color: #fff;
	font-weight:100;
    padding-left: 10px;
}
.newslist li span{
	float:right;
	font-size:15px;
	color:#fff;
	margin-top: 3px;
    padding-right: 10px;
	height: unset;
    line-height: unset;
}


.cont4 .progress_btn{
	width:28%;
	margin:0 1%;
}

.cont4 .progress_btn button{
	width: 100%;
	font-size: 25px;
	padding: 24px;
	margin-bottom:20px;
	color: #fff;
	border: 1px solid #fff;
	text-align: left;
	background:none;
}

.cont4 .progress_btn button:last-child{
	margin-bottom:0;
}

.cont4 .progress_btn button .fa{
	float: right;
	font-size: 37px;
}

.cont4 .progress_btn button:hover{
	border: 1px solid #d71718;
	background:#d71718;
	transition:0.5s;
}


.cont5{
	background: url(../../images/cont5_bg2.jpg) top center no-repeat;
	text-align:center;
	background-size: 100%;
}

.cont5 .cont5_tit{
	position: relative;
	font-size: 44px;
	color: #000;
	padding-top: 105px;
	margin-bottom: 32px;
}

.cont5 .cont5_tit img{
	position: absolute;
	width: 230px;
	top: 138px;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: -1;
}

.cont5 .cont5_video{
	width:100%;  
	height:562px;
}

.video_box{
	display:flex;
	justify-content: space-around;
}

.video_box video{
/*	width:98%;*/
	height: 356px;
	margin:1%;
}

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



.cont6{
	background: #000;
/*	background:url(../../images/cont6_bg.jpg);*/
	background-position:center, center;
}

.cont6 .flex_area{
	justify-content: space-between;
}

.cont6 .main_list{
	width:48%;
}

.cont6 .tab_info{
	width:48%;
}

.cont6 .main_list .tit{
	font-size: 20px;
    color: #fff;
    border-bottom: 3px double #eee;
    padding: 10px 0;
/*	margin-bottom: 15px;*/
/*    display: inline-block;*/
/*    border: 3px double #fff;*/
/*    background: none;*/
/*    width: 150px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    padding: 9px 16px;*/
/*    font-size: 17px;*/
/*    transition: 0.3s;*/
/*    cursor: pointer;*/
/*    margin-right: 10px;*/
/*    font-weight: 100;*/

}
.cont6 .main_list .tit .more{
	float:right;
	font-size:15px;
	margin-top: 5px;
	color:#fff;
}

.cont6 .newslist{
	width:100%;
}

.cont6 .mobile #m_roll_news{
	height: 282px !important;
}



.cont7{
	background:url(../../images/cont7_bg.jpg);
	cursor:pointer;
}
.cont7_bann{
    padding:20px 0;
    max-width: 1280px;
    margin: 0 auto;
	color:#fff;
	font-size: 24px;
    text-shadow: 1px 1px 3px #333;
    text-align: center;
}

.cont7_bann span{
	float: right;
}




.cont8{
}

.cont8 .bg_img:before{
	content: "";
	position: absolute;
	background: url(../../images/md_info_bg2.png)no-repeat right;
	background-size: 100%;
	left: -298px;
	bottom: 0;
	width: 295px;
	height: 485px;
}

.cont8 .coltarea{
	position: relative;
	padding: 50px 0 25px;
}

.cont8 .coltarea:after{
	content: "";
	position: absolute;
	display: inline-block;
	background: url(../../images/md_info_bg2.png)no-repeat right;
	background-size: 100%;
	left: -298px;
	bottom: 0;
	width: 295px;
	height: 485px;
}

.cont8 .section{
	position: relative;
	border: 1px solid #231815;
}

.cont8 .section::after{
	content: "";
	position: absolute;
	background: #52bfcf;
	width: 12px;
	height: 90px;
	top: 50%;
	right: -5px;
	border-radius: 8px;
	transform: translate(0, -50%);
}

.cont8 .section::before{
	content: "";
	position: absolute;
	background: #52bfcf;
	width: 54px;
	height: 3px;
	top: 50%;
	right: 0;
	border-radius: 5px;
	transform: translate(0, -50%);
}

.cont8 .box{
	padding: 34px 20px 18px;
}

.cont8 .box::after{
	content: "";
	position: absolute;
	background: #52bfcf;
	width: 12px;
	height: 90px;
	top: 50%;
	left: -32px;
	border-radius: 8px;
	transform: translate(0, -50%);
}

.cont8 .box::before{
	content: "";
	position: absolute;
	background: #52bfcf;
	width: 54px;
	height: 3px;
	top: 50%;
	left: -30px;
	border-radius: 5px;
	transform: translate(0, -50%);
}

.cont8 .box.content2 > div{
	display: flex;
	margin-top:15px; 
	justify-content: space-around;
}

.cont8 .box.content2 img{
	max-height: 40px;
}

.cont8 .box .bank_info_bg{
	min-width: 420px;
}

.cont8 .box .box_tit{
	font-size: 23px;
	font-weight: 800;
	padding: 0;
	border: none;
	letter-spacing: -1px;
}

.cont8 .bank_info{
	font-size: 17px;
	font-weight: 400;
	margin-top: 18px;
	letter-spacing: 0;
	line-height: 130%;
}

.bank_info_bg:after{
	content: "";
	position: absolute;
	background: url(../../images/bank_info_bg3.png)no-repeat right;
	width: 217px;
	height: 217px;
	background-size: 100%;
	top: -53px;
	right: -14px;
}




.phone_info{
	margin-top:10px;
}
.phone_info li{
	font-size:20px;
	margin:3px 0;
}

.phone_info span{
	font-size: 14px;
    font-weight: 400;
    color: #d71718;
    vertical-align: baseline;
    min-width: 130px;
    display: inline-block;
    text-align: center;
}


.brod_txt{
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -1.5px;
	text-align: center;
}

.bank_info_bg{
	position:relative;
}

.md_info{
	text-align:left;
	font-size: 18px;
    font-weight: 500;
    letter-spacing: -1.5px;
	padding: 15px 10px 10px 90px;
    background: url(../../images/md_info2.jpg)no-repeat 15px;
	background-size: 66px;
}
.md_info strong{
	font-size:30px;
}
.md_info_bg{
	position:relative;
}

.main_people_area{
	position:relative;
	height:500px;
	overflow:hidden;
}
.main_people_cont{
	position:absolute;
	top:0;
	left:50%;
	z-index:555;
	cursor:pointer;
	transition: .8s;
	transform: translate(-50%, 0);
}

.main_people_cont.close{
	left:-1280px;
	transition: .8s;
}
.pp_aligmg{
	min-width: 1280px;
	max-width: 1280px;
/*    height: 100%;*/
}

.main_people_cont:hover .pp_aligmg{
	opacity:.5;
	transition:.5s;
}

.main_people_cont p{
	position:absolute;
	bottom:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:18px;
	letter-spacing:-1.5px;
	background:#333;
	color:#fff;
	font-weight:400;
	padding:2px 5px;
	opacity:0;
}

.main_people_cont:hover p{
	opacity:1;
	transition:.5s;
}



.main_people_list{
	display:flex;
	margin: 70px 0;
	justify-content: space-around;
}

.main_people_list li{
	width:170px;
	transition:.5s;
}
.main_people_list li img{
	width:100%;
}




.people_list{
	position:absolute;
	top:0;
	right:-1280px;
    width: 100%;
	margin-top: 40px;
	opacity:100;
	height:100%;
	transition:0.8s;
}

.people_list.open{
	right:0;
	transition:0.8s;
}



.people_list li{
	display: inline-block;
	width: 23%;
	height: 380px;
    margin: 1%;
    position: relative;
    overflow: hidden;
	float:left;
	box-shadow: none;
	background: url(../../images/slide03.jpg);
    background-position: center center;
	background:none;
}

.people_list li .liclosebtn{
	display:none;
	position:absolute;
	top:0;
	right:0;
/*	display:inline-block;*/
	background:none;
	width: 50px;
    height: 50px;
	z-index:9999;
}

.people_list li:hover .inner{
	top:0;
	background: rgb(0 0 0 / 0.7);
	transition:0.5s;
}

.people_list li img{
    height:115%;
/*	height:auto;*/
    display: block;
    cursor: pointer;
	object-fit: cover;
    object-position: top center ;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.people_list .inner, .people_list .inner2{
	position: absolute;
	width:100%;
	height:100vh;
    top:85%;
    left: 0;
	background-color: #000; 
	padding: 15px;
	line-height: 130%;
	opacity: 0.8; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	box-sizing:border-box;
}

.people_list .inner h3, .people_list .inner2 h3{
	position:relative;
	font-size:21px;
	font-weight:300;
	color:#fff;
	margin: 4px 5px 50px;
	text-align:left;
}

.people_list .inner h3 span, .people_list .inner2 h3 span{
	position:relative;
	font-size:27px;
	font-weight:500;
	color:#fff;
	margin-bottom:50px;
	text-align:left;
	letter-spacing: 8px;
}

.people_list .inner h3:after{
    content: "";
    position: absolute;
    background-image: url(../../images/ico_plus_w.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    top: 0;
    right: 0;
	background-position: center;
}

.people_list .inner h3.active:after{
	background-image: url(../../images/ico_minus_w.png) !important;
}

.people_list .inner p{
	font-weight:100;
	font-size:13px;
	text-align:left;
	color:#fff;
}

.people_list .inner p span{
	display: block;
	width: fit-content;
	background: #eee;
    color: #333;
    padding: 0 10px;
    font-weight: 500;
    border-radius: 7px;
	margin-top:50px;
    margin-bottom: 5px;
}


.swiper-button-prev, .swiper-button-next{
	width: 30px;
	height: 43px;
	-webkit-background-size: 30px 43px;
	background-size: 30px 43px;
}

.people_list .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("../../images/slide_btn_r.png");
    right: 5px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("../../images/slide_btn_l.png") !important;
    left: 5px;
    right: auto;
}
.swiper-slide-active{
	transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}



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

	.coltarea{
		width: 92%;
		padding:50px 4%;
	}

	.main_logoimg{
		width:220px;
	}

	.cont1{
		padding-top:0;
		height:100vh;
	}
	.cont1 video{
		width:auto;
	}
	
	.slide_txt{
		width:90% ;
	}
	.slide_box h3{
		font-size:35px ;
		letter-spacing: -2.5px;
	}
	.slide_box p, .slide_tb th{
		font-size:20px ;
		letter-spacing: -2px;
	}
	.slide_box span, .slide_tb td{
		font-size:15px;
		letter-spacing: -2px;

	}
	.slide_tb td strong{
		font-size:40px;
	}
	.cont2{
		position: unset;
		display: inline-block;
		width: 100%;
		padding: 30px 4%;
		z-index: unset;
		box-sizing: border-box;
	}

	.cont_tit{
		margin-bottom: 20px;
	}
	
	.cont_tit span{
		font-size: 19px;
	}

	.cont2 .flex_area{
		display: block;
		width: 100%;
		margin: 0;
	}

	.cont2 .cont_box{
		width:100%;
		margin:0 auto;
		padding:35px 20px;
		height: 175px;
	}

	.cont2_userbox{
		margin-left:0;
	}
	.nosession{
		font-size:20px;
	}
	
	
	.cont2_btn{
		width:95%;
	}


	.cont3{
		margin-top: 0;
	}

	.cont3 .section1{
		font-size: 28px;
	}
	
	.cont3 .coltarea{
		padding-top: 20px;
	}
	
	.cont3 .section2 .tit{
		font-size: 24px;
		margin-bottom: 10px;
	}

	.cont3 .section3 .coltarea{
		padding-top: 10px;
	}

	.cont3_iconarea {
		display: inline-block;
		width: 100%;
	}
	
	.cont3_iconarea .icon_box{
		width: 46%;
		margin: 2%;
		float: left;
	}

	.cont3_iconarea .icon_img{
		height: auto;
	}

	.main_layout .cont3_iconarea .icon_tit{
		font-size: 18px;
	}

	.cont3_iconarea .icon_cont{
		font-size: 15px;
	}

	.cont_tit p{
		font-size:30px;
	}
	.cont_tit p strong{
		font-size:30px;
	}
	.cont_tit span{
		font-size:18px;
	}

	.cont4 .cont4_tit p{
		font-size:30px;
	}

	.cont4_02 .cont4_tit p{
		color: #d71718 !important;
	}

	.cont4 .cont4_tit span{
		font-size:18px;
	}

	
	.cont4 .flex_area{
		display: inline-block;	
	}

	.cont4 .people_info{
		width:100%;
		margin-right:0;
		height:160px;
	}
	.cont4 .people_info p{
		margin-top:20px;
	}
	.cont4 .people_info button{
		 margin-top: 0; 
	}

	.cont4 .tab_info {
		width:100%;
		margin: 0;
		margin-top:30px;
	}

	.video_box{
		display:inline-block;
	}


	.video_box video{
		width:100%;
		margin:0;
		margin-top:20px;
		height:auto;
	}
	


	.tab{
		display:flex;
		justify-content: center;
	}
	.tab li{
		width:50%;
		margin-right:0;
	}
	.newslist{
		width:100%;
	}

	.cont4{
		background:none;
	}

	.cont4_01{
		background: url(../../images/cont4_img.png);
	}
	.cont4_02{
		background:#fff;
		background-position:center, center;
		background-size: cover;
	}

/*	.cont4_02 .cont4_tit p,*/
/*	.cont4_02 .cont4_tit span{*/
/*		color:#333;*/
/*	}*/

	.cont4 .progress_btn{
		width:100%;
		margin:0;
		margin-top:30px;
	}

	.cont4 .progress_btn button{
		padding: 15px;
		margin: 0 0 10px 0;
	}

	.cont5 .cont5_video{
		height:auto;
		    min-height: 100px;
	}

	.cont6 .flex_area{
		display:inline-block;
	}

	.cont6 .main_list{
		width:100%;
	}
	.cont6 .tab_info{
		width:100%;
	}

	.cont6 .main_list:last-child{
		margin-top:50px;
	}

	.cont8{
	}
	.cont8 .flex_area{
		display:inline-block;
	}

	.cont8 .section{
		width: 100%;
		border: none;
	}

	.main_layout .cont8 .content1{
		position: relative;
		height: 117px;
		border-bottom: 1px solid #000;
		box-sizing: border-box;
	}

	.main_layout .cont8 .box{
		width: 100%;
		padding: 17px 0 17px 20px;
		margin: 0px;
		border-bottom: 1px solid #231815;
		box-sizing: border-box;
	}

	.main_layout .cont8 .box.md_info_bg{
		width: auto;
		border: none;
		float: right;
	}

	.main_layout .cont8 .content1::before{
		content: "";
		position: absolute;
		display: inline-block;
		background: url(../../images/md_info_bg2.png)no-repeat right 100%;
		background-size: 100%;
		left: 0;
		bottom: 0;
		width: 33%;
		max-width: 125px;
		height: 206px;
	}

	.main_layout .cont8 .box.content2 > div{
		margin-top: 10px;
	}

	.main_layout .cont8 .box.content2 img{
		max-width: 25%;
		object-fit: contain;
	}

	.main_layout .cont8 .coltarea:after,
	.main_layout .cont8 .section::before, 
	.main_layout .cont8 .section::after{
		display: none;
	}

	.main_layout .cont8 .box::after{
		width: 10px;
		height: calc(100% - 28px);
		left: 0;
	}

	.main_layout .cont8 .box::before{
		display: none;
	}

	.main_layout .cont8 .bank_info{
		font-size: 17px;
		padding: 0;
		margin-top: 15px;
	}

	.main_layout .cont8 .box .bank_info_bg{
		min-width: auto;
	}

	.main_layout .bank_info_bg:after{
		background: url(../../images/bank_info_bg3-m.png)no-repeat right;
		width: 170px;
		height: 175px;
		top: 0;
		right: -10px;
		background-size: contain;
	}



	.md_info{
		font-size: 16px;
		padding:15px 0 15px 90px;
		background: url(../../images/md_info2.jpg)no-repeat 0;
		background-size: 66px;
	}

	.md_info strong {
		font-size:28px;
		letter-spacing: -2.5px;
	}

	.phone_info{
		margin-top:0;
		padding:5px 0;
	}
	.phone_info li{
		font-size:17px;
		margin:0px;
	}

	.phone_info span{
		font-size: 14px;
		padding:0;
		vertical-align: baseline;
	}

	.cont7{
		display:none;
	}

	.cont5.mobile{
		height: 620px;
		background-size: auto;
	}

	.cont5 .cont5_tit{
		padding-top: 100px;
	}

	.cont5 .cont_tit p{
		font-size: 36px;
	}

	.cont5 .cont5_tit img{
		width: 190px;
		top: 124px;
	}
	
	.mobile .people_list{
		top: 210px;
		left:0 !important;
	}

	.people_list li{
		width:80%;
		height:300px;
	}
	.people_list li img {
/*		width: 60%;*/
	}
	
	.people_list .inner{
		top:80%;
	}

	.people_list .inner h3{
		margin-bottom: 20px;
	}

	.people_list .inner h3 span{
		margin-bottom:20px;
	}

	.people_list .inner p span{
		margin-top: 30px;
	}
	
	.people_list .inner2{
		top:80%;
	}

	.people_list .inner2 h3{
		margin-bottom:15px;
	}

	.people_list .inner2 h3 span{
		margin-bottom:20px;
	}



	.bankinfo_img{
		position:absolute;
		top:15px;
		right:0;
		width:100px;
	}

}




.hero__scroll {
	z-index:990;
	position: absolute;
	bottom: 0;
	width: 200px;
	margin: auto;
	display: block;
	padding-bottom: 40px;
	left: 0;
	right: 0;
	text-transform: uppercase; 
	text-align:center;
	color: #fff; 
 }

.hero__scroll .chevron {
	font-size:20px;
	text-align:center;
	display: inline-block;
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	color: #fff; 
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }





.popup_area{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 9999;
    transform: translate(-50%, -60%);
}
.popup_bg{
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.popup_box{
	width: auto;
	max-width: 500px;
	height: max-content;
	max-height: 800px;
	overflow-y: auto;
	background:#fff;
	padding:10px;
}
.popup_box img{
	width:100%;
}

.pop_tit{
    font-size: 18px;
    margin: 12px 0;
    display: block;
}

.popclose, 
.pop_closebtn{
	display: inline-block;
	width: 45%;
	height: 40px;
	line-height: 40px;
	border:1px solid #555;
	color: #555;
	cursor: pointer;
	margin-top:5px;
	font-weight:500;
}
.popclose:hover, 
.pop_closebtn:hover{
	background:#555;
	color:#fff;
}

.pop_yesbtn{
	display: inline-block;
	width: 45%;
	height: 40px;
	border:1px solid #5f0181;
	color: #5f0181;
	line-height: 40px;
	cursor: pointer;
	font-weight:500;
	margin-top:10px;
}
.pop_yesbtn:hover{
	background:#5f0181;
	color:#fff;
}


@media (max-width: 800px) {

.popup_area .flex_area .popup_box{
	position:absolute;
    overflow-y: scroll;
    width: 85%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	
}


}


/*2020-10-06부터*/

.more_btn{
	display:inline-block;
	width:100%;
	padding:12px 0;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	background:none;
}


.login_cont{
	position: relative;
	width: 50%;
	height: 258px;
	background-color: #fff;
	color: #333;
	box-sizing: border-box;
	text-align: left;
}

.login_cont .input_flex{
	flex-wrap: wrap;
}

.login_cont .login_btnbox{
	width: 100%;
}

.login_cont .section{
	margin-top: 15px;
	border: 2px solid #e7a646;
	border-radius: 5px;
}

.login_box{
	position: relative;
	width: calc(50% - 102px);
	background: #e7e7e7;
	padding: 20px;
	margin: 26px 0;
	border-radius: 10px;
}

.login_box input{
	margin: 0;
}

.login_box::after{
	content: "";
	position: absolute;
	background: radial-gradient(#e7a646 50%, #fff 60%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #e7a646;
	z-index: 1;
}

.login_box.content1{
	margin-left: auto;
}

.login_box.content2{
	margin-right: auto;
}

.login_box.content1::after{
	bottom: -38px;
	right: -20px;
}

.login_box.content2::after{
	top: -38px;
	left: -20px;
}

.flex_box a {
	width: 31px;
	height: 31px;
	background: #fff;
	font-size: 31px;
	padding: 7px;
	border: 1px solid #ddd;
	line-height: 31px;
	text-align: center;
}

.flex_box #captcha_div{
	width: calc(100% - 50px);
	height: 45px;
	overflow: hidden;
}

.login_save{
	position: relative;
	width: 62px;
	height: 190px;
	font-size: 12px;
	font-weight: 600;
	margin: auto 0;
	text-align: center;
}

.login_save::before{
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% + 4px);
	background: url(../../images/login_bg.png) no-repeat #fff center;
	top: -2px;
	left: 0;
	background-size: cover;
}

.login_save input[type=checkbox] + label{
	position: relative;
	background: url('../../images/login_btn.png') no-repeat;
	top: 50%;
	padding: 0;
	padding-bottom: 48px;
	transform: translate(0, -50%);
	background-position: bottom;
}

.login_save input[type=checkbox]:checked + label{
	background: url('../../images/login_btn-check.png') no-repeat;
	background-position: bottom;
}




.login_cont .tit{
	font-size:20px;
	font-weight:600;
	margin-left:5px;
}

.login_cont .login_btn{
	width: 100%;
	height: 54px;
	font-size: 30px;
	font-weight: 600;
	padding: 0;
}

.login_cont .login_btn span{
	display: inline;
}

.cont2_logout{
	margin-top:5px;
}

.cont2_logout button{
	margin-top:5px;
	padding: 10px 20px;
    background: linear-gradient(180deg, #4a4747, #2d2b2b);
    color: #fff;
    border-radius: 5px;
    border: 1px solid #333;
	
}
.cont2_logout button:hover{
    background: linear-gradient(180deg, #2d2b2b, #4a4747);
}

/*.capture{*/
/*	width: 130px;*/
/*    overflow: hidden;*/
/*    border-right: 1px solid #d3d3d3;*/
/*    border-radius: 3px;*/
/*    height: 61px;*/
/*    margin: 30px 0px;*/
/*}*/

.capture{
    width: 130px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-left: none;
    border-radius: 3px;
    height: 28px;
    position: relative;
}
@media screen and (max-width: 992px) {
	.login_cont{
		width:100%;
		height: auto;
		margin-bottom: 30px;
	}

	.input_flex{
		display: flex !important;
	}

	.login_cont .login_btn{
		height: 36px;
		font-size: 20px;
		padding: 0;
	}

	.login_cont .section{
		display: flex;
		margin-top: 10px;
	}

	.login_box{
		width: calc(50% - 32px);
		padding: 10px;
		margin: 12px 0;
		box-sizing: border-box;
	}

	.login_box input{
		height: 40px;
		font-size: 13px;
	}

	.login_box::after{
		width: 13px;
		height: 13px;
		border: 1px solid #e7a646;
	}

	.login_box.content1::after{
		bottom: -20px;
		right: -15px;
	}

	.login_box.content2::after{
		top: -20px;
		left: -15px;
	}

	.login_save{
		width: 40px;
		height: 100%;
		font-size: 9px;
	}

	.login_save input[type=checkbox] + label{
		background-size: 30px !important;
		padding-bottom: 30px;
	}

	.flex_box a{
		width: 30px;
		height: 30px;
		padding: 5px;
	}

	.flex_box #captcha_div{
		width: calc(100% - 40px);
		height: 40px;
	}

	.cont2_area{
		width: 100%;
		margin: 0;
		gap: 10px;
	}

	.m_cont2_box{
		width: calc(50% - 5px);
		height: 82px;
		margin: 0;
	}

	.m_cont2_box .inner p{
		font-size: 20px;
	}

	.m_cont2_box .inner span{
		font-size: 15px;
	}

	.cont2 .cont_box p {
		font-size:20px;
	}
	.cont2 .cont_box p strong {
		font-size:25px;
	}

	.cont2 .cont_box span{
		display:none;
	}

	.cont2 .cont_box:after{
		width: 30px;
		height: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
	}

	.cont8 .coltarea{
		padding-bottom: 10px;
	}

	#f_roll{
		margin-top: 80px;
	}

	#roll_box{
		width: 100%;
	}
}



.main_video_box{
	position:relative;
	width:100%;
	overflow:hidden;
}

.main_video_box .bg{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color: #000; 
	opacity: 0.8; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	display:inline-block;
	width:100%;
	height:100%;
}


.main_video_box .txt_box{
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:35px;
}

.main_video_box .txt_box strong{
	font-size:45px;
}

.main_video_box video{
	width:100%;
}


@media screen and (max-width: 360px) {
	.bank_info {
		font-size:15px;
		letter-spacing: -2.5px;
	}
}