@charset "UTF-8";

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


.sec_header .header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
}

.sec_header .header h1 {
    color: #000;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sec_header .header h1 i {
    font-size: 1.5rem;
    color: #4f4f4f;
}


.sec_header .header h1 span {
    color: #fa9732
}


/* visual */
.sec_visual {
    background: #e7f1fa;
}

.visual {
	display:flex;
	flex-direction:column;
	padding: 1.8rem 0;
}


.visual h2{
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: -1.6px;
	margin-bottom: 1.8rem;
}

.visual figure{
	margin-bottom: 1rem;
}

.visual figure:last-child{
	margin-bottom: 0;
}

.visual figure a{
	display:flex;
	align-items:center;
	background: #fff;
	border-radius:5px;
	height: 3rem;
	color: #565656;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.8rem 1.2rem;
	letter-spacing: -1.6px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.visual figure a img{
	margin-right: 1.2rem;
	border-radius:15px;
}
.visual figure a figcaption{}


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


/* 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;
}

.sec_maring {
	margin-bottom: 3rem;
}


/* Main Contents */
/* 홈 정보 */
.home_visual {}
.home_visual .home_list {/* margin-bottom: 3erm; */padding: 0 1.2rem;}
.home_visual .home_list .main_content {}
.home_visual .home_list .main_content h2 {font-size:2rem; line-height: 1.4; font-weight: bold;}
.home_visual .home_list .main_content .desc {font-size:1.8rem; line-height: 1.4; color:red; margin: 0.5rem 0 2rem; display: block;}
.home_visual .home_list .main_content img {width: 100%;}
.home_visual .home_list .sub_list {}
.home_visual .home_list .sub_list .content {}
.home_visual .home_list .sub_list .content .sub_title { font-size:1.9rem; font-weight: bold; margin: 1.5rem 0 0.5rem;}
.home_visual .home_list .sub_list .content .sub_content {font-size:1.8rem; line-height: 1.4;}
.home_visual .home_list .sub_list .content > a {display: block; margin-top: 1.5rem;}
.home_visual .home_list .sub_list .content > a img {width: 100%;}
.home_visual .home_list > a { height: 4rem; background: #ebeffb; color: #222; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin-top: 3rem; font-size: 1.5rem; padding: 0 1rem; margin:3rem 1.2rem;}

/* api css */
/* first */
.housefirst{display:flex; font-size: 1.25rem; align-items:center; margin: 1rem 0; padding: 0 1rem;}
.housefirst p:nth-child(1){background: #828b9c; color: #fff; padding: 0.3rem; border-radius:12px; margin-right: 0.5rem;}
.housefirst p:nth-child(2){color: #444;}
/* middle */
.housemiddle{display:flex; margin-bottom: 1rem; padding: 0 1rem;}
.housemiddle a{color: #000; font-size: 1.4rem; font-weight: bold;}
/* last */
.houselast{display:flex; font-size: 1.15rem; border-bottom:2px solid #ccc; align-items:center; padding: 0 1rem 1.5rem 1rem;}
.houselast p:nth-child(1){background: #fd5a5b;padding: 0.25rem; border-radius:12px; color: #fff; margin-right: 0.5rem;}
.houselast p:nth-child(2){color: #666;}