@import url(../fonts/Pretendard.css);
#wrap {width: 720px; margin: 0 auto; overflow: hidden;}

header {    
    z-index: 99;
    position: relative;
    text-align: center;
    padding: 25px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
}
header img {width: 230px;}
main{color: #231815;}
b {color: #cb341b;}
h2 {font-size: 42px; letter-spacing: -2px; font-weight: 700; margin-bottom: 40px;}
.arrow, .arrow2{
    position: relative;
    padding-right: 26px;
}
.arrow::before, .arrow2::before{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 100%;
}
.arrow::before{
    background: url(../img/arrow2.png) no-repeat center/contain;
}
.arrow2::before{
    background: url(../img/arrow1.png) no-repeat center/contain;
}
.section1 {     
    padding: 100px 60px 255px; position: relative;
}

.section1 .txt strong {font-size: 32px; font-weight: 400; letter-spacing: -2px; margin-bottom: 15px; display: block;}
.section1 .txt h2 {font-size: 72px; font-weight: 700; color: #000; letter-spacing: -2px; line-height: 1.2; margin-bottom: 35px;}
.section1 .txt span {font-size: 30px; font-weight: 600; letter-spacing: -2px; display: block; margin-bottom: 18px;}
.section1 .txt p {font-size: 31px; font-weight: 500; color: #4d4d4d; line-height: 1.4; letter-spacing: -1px;}
.section1 .txt h3 {font-size: 30px; font-weight: 600; letter-spacing: -2px; margin-bottom: 18px;}
.section1 .txt h4 {font-weight: 500; color: #797979; letter-spacing: -1px; font-size: 20px;}
.section1 .img_box {position: absolute; bottom:0px; right: 0; z-index: -1;}




.cmlink_btn {background: #cb341b; color: #fff; display: block; width: 100%; padding: 50px; display: flex; align-items: center; justify-content: space-between;}
.cmlink_btn span {font-weight: 300; font-size: 25px; letter-spacing: -1px;}
.cmlink_btn p {font-size: 45px; font-weight: 700; letter-spacing: -1px; display: flex; align-items: center; gap: 10px;}
.cmlink_btn_bottom {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.section2 {
    background: #fff;     
    padding: 95px 40px 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section2 ul {display: flex; flex-direction: column; gap: 20px; width: 100%;}
.section2 ul li {display: flex; align-items: center; justify-content: space-between; padding: 28px 35px 28px 50px; background: #f7f7f7f7;}
.section2 ul li:first-child{border-radius: 15px 15px 0 0;}
.section2 ul li:last-child{border-radius: 0 0 15px 15px;}
.section2 .txt {width: 100%; display: flex; flex-direction: column; margin-left: 60px;}
.section2 ul li h3 {font-size: 29px; font-weight: 700; color: #000; margin-bottom: 15px; letter-spacing: -1px;}
.section2 ul li p {font-size: 24px; color: #8f8f8f; letter-spacing: -2px;}
.section2 ul li em {color: #cb341b; font-size: 44px; font-weight: 800; letter-spacing: -2px;}


.section3 {
    background: #fff8e6;     
    padding-top: 95px;
    margin: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px 30px 0 0;
}
.section3 h2 {margin-bottom: 50px;}
.section3 p {font-size: 29px; font-weight: 600; text-align: center; color: #000; line-height: 1.4; margin-bottom: 15px; letter-spacing: -1px;}



.section4 {padding: 70px 0px; background: #e3e3e3e3; color: #474747; text-align: center;}
.section4 h2 {display: flex; flex-direction: column; justify-content: center; gap: 10px; font-size: 40px; font-weight: 800; margin-bottom: 50px; letter-spacing: -2px;}
.section4 h2 span {font-size: 23px; font-weight: 500; color: #767676;}
.section4 .wrap {display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}
.section4 .wrap h3{font-size: 26px; font-weight: 600; letter-spacing: -1px;}
.section4 .wrap p{font-size: 24px; font-weight: 300; color: #767676; letter-spacing: -2px; line-height: 1.6;}


.notice_wrap {padding: 80px 40px; background:#4D4D4D; color: #fff;
}
.notice_wrap h4 {    
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;

}
.notice_wrap > p {font-size: 20px; line-height: 1.7; letter-spacing: -1px; color: #bbb;     margin: 30px 0;}
.notice_wrap ul {display: flex; flex-direction: column; gap: 35px;}
.notice_wrap ul li {font-size: 20px; line-height: 1.7; letter-spacing: -1px; color: #bbb;}
.notice_wrap ul li p {
    font-size: 20px; line-height: 1.7; letter-spacing: -1px; color: #bbb;
    position: relative;
    padding-left: 30px;
}
.notice_wrap ul li p::before {
    content: "■";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    transform: translateY(0%);
}
footer {background: #505050; padding: 50px 40px;}
footer p {color: #c5c5c5; font-size: 20px; line-height: 1.4; font-weight: 600;}
footer .sim {margin-bottom: 25px;}
footer .agency {margin-bottom: 15px; color: #fff; font-weight: 700;}
footer .copyright {margin-top: 40px;}