@charset "UTF-8";

@import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");

.sec_header{}
.header{
	background: #fff;
	margin: 0.8rem 0.8rem 0 0.8rem;
	border-radius:2.5rem 2.5rem 0 0;
	padding: 0 1.5rem;
}
.header h2{
	padding-top: 3rem;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.header h2 i{
	color: #e82d2e;
	margin-right: 0.5rem;
}
.header .tabBtn{
	display:flex;
	width: 100%;
	justify-content:space-around;
	padding-bottom: 2rem;
	
}

.header .tabBtn li{
	font-weight: bold;
	font-size: 1.4rem;
	color: #cbcbce;
	padding: 0.6rem;
	
}

.header .tabBtn li.active{
	color: #000;
	border-bottom:2px solid #000;
}

.tab_action{margin-bottom: 2rem;}

.action{}
.action_top{display:flex; background: #70c9ac; border-radius:1rem; height: 18.5rem; align-items:center; justify-content:space-around; margin-bottom: 1.5rem;}
.action_top img{}
.action_top figure{display:flex; align-items:flex-end; flex-direction:column;}
.action_top figure img{margin-bottom: 0.7rem;}
.action_top figure figcaption{display:flex; align-items:flex-right; flex-direction:column;}
.action_top figure figcaption h3{color: #fff; font-weight: bold; font-size: 2rem; margin-bottom: 0.6rem; text-align: right;}
.action_top figure figcaption p{color: #fff; font-size: 1rem; margin-bottom: 0.6rem; text-align: right;}
.action_top figure figcaption i{color: #fff; text-align: right; font-size: 1.4rem;}


.action_bottom{display:flex; align-items:center; justify-content:space-between; }
.action_bottom h3{color: #fff; font-weight: bold; font-size: 2rem; margin-bottom: 0.6rem; }
.action_bottom p{ color: #fff;font-size: 1rem;margin-bottom: 1rem;}


.action_bottom i{ color: #fff;font-size: 1.4rem;}
.action_bottom a{width: 48%; display:block;}
.action_bottom .action_left{background: #0179c2; height: 13rem; border-radius: 1rem; padding: 1.8rem;}
.action_bottom .action_right{background: #fdc26b; height: 13rem; border-radius: 1rem; padding: 1.8rem;}
.action_bottom .action_right h3{color: #0179c2}
.action_icon{display:flex; align-items:center; justify-content:space-between;}






/* 뉴스는 공통으로 사용 */


/* imgboxwrap */
.imgboxwrap h2 {
	font-size: 1.9rem;
    font-weight: bold;
    margin: 3rem 0;
    line-height: 1.4;
}

.imgboxwrap .imgbox {}

.imgboxwrap .imgbox a {
    display: block;
}

.imgboxwrap .imgbox span {
    display: block;
    padding: 0.5rem 0;
    text-align: right;
    color: red;
    font-size: 0.8rem;
}

.imgboxwrap .imgbox a img {
    width: 100%;
}




/* info */


.info {
	margin-top:3rem;
	position: relative;
}




.info h2 {
     font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.4;
}

.info p {
    line-height: 1.4;
    font-size: 1.5rem;
    letter-spacing: -1px;
}

.info figure {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.info figure img {}

.info figure figcaption {
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: justify;
    color: #000;
}

.info p span{
	color: red;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
    display: block;
}


.btn_gotop {
	display:none;
	align-items:center;
	justify-content:center;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
	border:1px solid #111;
	outline:none;
	background-color:white;
	color:#333;
	cursor:pointer;
	border-radius:100%;
	width: 45px;
	height: 45px;
	line-height:45px;
	text-align: center;
}