@import url(fonts.css);
@import url(default.css);
@import url(common.css);
@import url(layout.css);

.wrapper {
    display: flex;
}
.info .wrapper {
    display: flex;
}
.info .txt {
    padding: 165px 115px 0 0;
}
.info .txt .tit h2 {
    color: #E8380D;
    font-size: 50px;
    font-family: 'Paperlogy-7Bold';
}
.info .txt .tit p {
    font-size: 20px;
}
.info .txt .line {
    position: relative;
}
.info .txt .line::before {
    position: absolute;
    top: -15px;
    left: 0;
    width: 41px;
    height: 1px;
    background-color: #1d1d1d;
    content: "";
}
.info .txt .reason h3 {
    font-size: 25px;
    font-family: 'Paperlogy-7Bold';
    color: #E8380D;
    padding-bottom: 28px;
}
.info .txt .reason {
    margin-top: 156px;
}
.info .txt .how {
    display: flex;
    margin: 89px 0 75px 0;
    line-height: 3;
    gap: 27px;
}
.info .txt .more a {
    display: block;
    width: 183px;
    line-height: 36px;
    text-align: center;
    color: #E8380D;
    transition: 0.2s;
    font-family: 'Paperlogy-7Bold';
    border: 1px solid #1d1d1d;
    border-radius: 18px;
}
.info .txt .more a:hover {
    background-color: #E8380D;
    color: #fff;
    border: 1px solid #E8380D;
}
.info .pic {
    width: 50%;
}

.set {
    margin-top: 200px;
}
.set .bord {
    position: relative;
}
.set .bord::before {
    position: absolute;
    top: -15px;
    left: 2px;
    width: 41px;
    height: 1px;
    background-color: #1d1d1d;
    content: "";
}
.set h2 {
    font-size: 25px;
    font-family: 'Paperlogy-7Bold';
    color: #E8380D;
    margin-bottom: 44px;
}
.set .font {
    width: 50%;
}
.set .color {
    width: 50%;
}
.set .color .list ul {
    display: flex;
    justify-content: space-between;
}
.set .color .list ul li {
    padding: 63px 10px 0 0;
    width: 296px;
    height: 107px;
    text-align: right;
    color: #fff;
}
.set .color .list ul .green {
    background-color: #007D57;
}
.set .color .list ul .red {
    background-color: #E8380D;
}

.detail .wrapper {
    margin-top: 200px;
    position: relative;
}
.detail .pc {
    margin-left: 83px;
}
.detail .mo {
    position: absolute;
    left: 0;
    top: 98px;
    z-index: 10;
}
.detail img {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.detail .txt h2 {
    margin-bottom: 21px;
    font-size: 20px;
}
.detail .txt .main {
    margin-top: 198px;
}
.detail .txt .deta {
    margin-top: 257px;
}
.detail .txt .quick {
    margin-top: 1435px;
}
.detail .txt .news {
    margin-top: 433px;
}
.detail .txt .ar {
    position: relative;
    padding-left: 90px;
}
.detail .txt .ar::before {
    position: absolute;
    width: 85px;
    height: 17px;
    top: 6px;
    left: -8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/arrow_kwang.png);
    content: "";
}

.top {
    margin: 230px 50% 100px 50%;
    position: relative;
    width: 100px;
    height: 100px;
    background-color: #EB6534;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    padding-top: 52px;
}
.top::before {
    position: absolute;
    width: 58px;
    height: 58px;
    top: 6px;
    left: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_47_176' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='58' height='58'%3E%3Crect width='58' height='58' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_47_176)'%3E%3Cpath d='M27.7916 45.9168V16.7265L13.7936 30.7245L12.0833 29.0002L28.9999 12.0835L45.9166 29.0002L44.2062 30.7245L30.2083 16.7265V45.9168H27.7916Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    content: "";
}

footer {
    width: 100%;
    height: 159px;
    background-color: #FDEBE7;
}
footer .f_logo {
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    width: 255px;
    height: 159px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/f_logo_kwang.png);
}