@charset "utf-8";

.mission {
    text-align: center;
    font-size: 2em;
    padding: 1em .5em;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: 500;
    margin-bottom: 3rem;
}
.mission h5 {font-size:3rem; color: var(--color-main);}
.mission h5:after {display:none}
.mission span {font-weight: 700;color: var(--color-main);}
.rule1 {
    background-image: url(/img/logo/bg_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.rule1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    height: 13em;
}
.rule1 ul li {
    width: 48%;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 1em;
    color: var(--color-main);
    font-size: 1.1em;
}
.rule2 {
}
.rule2 ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3em;
    flex-wrap: wrap;
}
.rule2 ul li {
    background-color: #f6fae0;
    width: 30%;
    height: 6em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2em;
    word-break: keep-all;
    text-align: center;
    font-size: 1.5rem;
}
.rule2 ul li:nth-child(2) {background-color: #e4f3fc}
.rule2 ul li:nth-child(3) {background-color: #fef3e6}
.rule2 .text_list div {
    padding: 0 6em;
    height: 100px;
    text-align: center;
    font-size: 1.1em;
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
    align-items: center;
}
.rule2 .text_list .left {width: 15%;padding: 0 2em;}
.dec {
    border: 20px solid #ddd;
    border-radius: 2rem;
    padding: 2rem;
}
.dec h4 {text-align:center;display: block;}
.dec h4:after {display:none;}
.dec p {text-align:center;font-size: 1.25rem;font-weight: 400;line-height: 1.6;}
/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {
  
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .corp_sec1_info, .corp_sec1_info {padding:1.5rem}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .mission {
    font-size: 1.9em;
    padding: 0.5em;
    word-break: keep-all;
}
	.rule2 ul li {padding: 1em;width: 100%;}
	.rule2 .text_list div {
    width: 100%;
    padding: 1em;
    height: auto;
}
	.rule2 .text_list .left {
    padding: 1em;
    height: auto;
    width: 100%;
    margin: 0;
}
    
}