@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; overflow: hidden; }
section{ display:block; }
a{ color:inherit; }

.sec_top{ padding-top: 80px; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* 공통 */
button { border: none; background: none; } 
main img { max-width: 100%; }
p { word-break: keep-all; }
b { font-weight: 700; }
.title { font-size: 20px; margin-bottom: 10px; color: #15AC70; font-weight: 700; text-align: center; }
.basicBoardArti .basicList > li .item .title { margin-bottom: 0; font-size: 16px; font-weight: 400;  }
.sub_title { font-size: 32px; font-weight: 700; color: #222; text-align: center; }
.moBr { display: none; }
@media screen and (max-width: 650px) { 
    .moBr { display: block; }
    .basicBoardArti .basicList > li .item .title { text-align: left; }
} 

/* 헤더 */
header { width: 100%; position: fixed; top: 0; left: 0; padding: 14px 0; background: #000; color: #fff; z-index: 9999; }
header .inner { display: flex; align-items: center; justify-content: space-between; }
header nav { font-weight: 700; }
header nav ul { display: flex;  gap: 60px;}
header nav ul li {  }
header nav ul li .arrow { margin-left: 5px; }
header .loginDiv { display: flex; gap: 10px; }
header .loginDiv button { font-size: 16px; width: 120px; padding: 13px 0; color: #1BED99; border: 1px solid #1BED99; border-radius: 4px; }
header .loginDiv .loginBtn {  }
header .loginDiv .inquiryBtn {  }

/* 헤더 on */
header.on { position: static;  }
header.on nav{ background: #000; position: fixed; z-index: 9999; padding: 20px 0; left: 0; top: -75px; transition: top .5s; width: 100%; color: ; display: flex; justify-content: center; border-bottom: 1px solid #1BED99; }  
header.on.show nav{ top: 0; }
@media screen and (max-width: 850px) {
    header nav { display: none; }

    header nav ul li { font-size: 14px; }
    header nav ul { gap: unset; gap: 5vw;}

}
@media screen and (max-width: 650px) {
    header { padding: 10px 0; }
    header .loginDiv button { width: 100px; font-size: 14px; padding: 10px 0; }
    header.on nav { padding: 15px 0; }
}
@media screen and (max-width: 350px) {
    /* header.on nav { padding: 15px 0; } */
    header nav ul { width: 100%; gap: 0; flex-wrap: wrap; justify-content: center; text-align: center;}
    header nav ul li { width: calc(100% / 3); padding: 5px; }
    header.on nav { padding: 10px 0; }

}

/* subMenu */
header + .subMenu {  border-radius: 50%; position: fixed; z-index: 10; right: 3%; bottom: 9%;  }
header + .subMenu > a { width: 90px; aspect-ratio: 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: linear-gradient(180deg, rgba(31, 112, 79, 0.00) 0%, rgba(31, 112, 79, 0.75) 74.84%, #1F704F 100%), #15AC70; filter: drop-shadow(3px 7px 4px rgba(0, 0, 0, 0.25)); border-radius: 50%; }

@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 720px) {
    header + .subMenu > a { width: 60px; }
    header + .subMenu > a p { font-size: 10px; }
    header + .subMenu .subMneu_kakao { width: 20px; }
    header + .subMenu { right: 3%; }
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {

}

/* 메인 */
/* sec1 */
section.sec1 { min-height: 100vh; background: url(../img/main/sec1/bg.png) no-repeat center / cover; display: flex; justify-content: center; align-items: center; }
section.sec1 .inner { display: flex; align-items: center; justify-content: center; }
section.sec1 .item { position: relative; z-index: 2; padding: 100px 0; text-align: center; }
section.sec1 .item .stick { width: 80px; height: 4px; margin: 30px auto 30px; background-color: #fff; }
section.sec1 .text_1 { font-size: 32px; color: #fff; font-weight: 700; text-align: center; }
section.sec1 .text_1 span { font-size: 42px; color: #fff; }
section.sec1 .text_2 { width: 500px; margin: 0 auto; padding: 15px 0; font-size: 20px; border-radius: 5px; border: 2px solid #fff; font-weight: 700; color: #fff; }


/* sec1 img */
section.sec1 .imgBox { width:100%; max-width: 1200px;  position: absolute; display:flex; align-items: center; justify-content:center; }
section.sec1 .imgBox2 { width: 100%; position: relative; display: flex; align-items: center; justify-content: center; }
section.sec1 .sec1_img { position: absolute; }
section.sec1 .imgBox.mo { display: none; }

@media screen and (max-width: 1250px) {
    section.sec1 .imgBox { padding: 0 10px; }
    section.sec1 .text_1 { font-size: clamp(18px, 2.56vw, 42px);}
    section.sec1 .text_1 span { font-size: clamp(20px, 3.36vw, 42px); }
    section.sec1 .text_2 { padding: 10px 0; width: 40vw; font-size: clamp(14px, 1.6vw, 28px); }
    section.sec1 .item .stick  { width: 6.4vw; height: 2px; margin: 2.4vw auto; }
    
}
@media screen and (max-width: 1000px) {
    section.sec1 { min-height: 90vw; }
}
@media screen and (max-width: 720px) {
    section.sec1 { min-height: unset; height: 150vw; }
    section.sec1 .imgBox.mo { display: block; }
    section.sec1 .imgBox { display: none; }
    section.sec1 .text_1 { line-height: 1.5; }
    section.sec1 .text_1 span { }
    section.sec1 .text_2 { width: auto; }

}

@media screen and (max-width: 650px) {
    section.sec1 .text_2 { border: 1.5px solid #fff; }
}

@media screen and (max-width: 450px) {
    section.sec1 .text_1 { font-size: clamp(16px, 2.56vw, 42px);}
    section.sec1 .text_1 span { font-size: clamp(16px, 3.36vw, 42px); }
    section.sec1 .text_2 {  font-size: clamp(13px, 1.6vw, 28px);  }

}

/* sec2 */
section.sec2 { padding: 150px 0; text-align: center; }
section.sec2 .title { margin-bottom: 15px; }
section.sec2 .text_1 { font-size: 28px; line-height: 160%; }

@media screen and (max-width: 1250px) {
    .title {  }
    section.sec2 .text_1 { font-size: 24px; }
}

@media screen and (max-width: 720px) {
    section.sec2 .text_1 { font-size: 20px; }
    section.sec2 { padding: 13vw 0; }
}

@media screen and (max-width: 500px) {
    section.sec2 .text_1 { font-size: 16px; }
    section.sec3 .title { font-size: 18px; }
}

/* sec3 */
section.sec3 { padding: 100px 0; background: url(../img/main/sec3/bg.png) no-repeat center / cover; color: #fff; }
section.sec3 .title { text-align: left;  }
section.sec3 .sub_title { text-align: left; color: #fff; padding-bottom: 20px; }
section.sec3 .sec3_ul {  }
section.sec3 .sec3_ul > li { padding: 40px 0 60px; border-top: 1px solid #fff; }
section.sec3 .sec3_ul > li:last-child { border-bottom: none; }
section.sec3 .sec3_ul > li .text_div { margin-bottom: 20px; }
section.sec3 .sec3_ul > li .text_div .sec3_title { width: fit-content; padding-bottom: 10px ; margin-bottom: 15px; border-bottom: 1px solid #fff; font-size: 22px; font-weight: 700; color: #48EEAC; }
section.sec3 .sec3_ul > li .text_div .text_box { font-size: 20px; line-height: 160%; }

section.sec3 .list1_img.mo { display: none; }

section.sec3 .list2_ul { display: flex; justify-content: ; align-items: center; }
section.sec3 .list2_ul > li { width: calc(100%/4); position: relative; display: flex; justify-content: center; }
section.sec3 .list2_ul > li .arrow { position: relative; left: 17px; }
/* section.sec3 .list2_ul > li::after { display: flex; justify-content: center; align-items: center; content: url('../img/main/sec3/arrow1.png'); } */
section.sec3 .list2_ul > li .item { }
section.sec3 .list2_ul > li .item .text_1 { font-size: 20px; text-align: center; color: #48EEAC; font-weight: 700; margin-bottom: 15px; }
section.sec3 .list2_ul > li .item .box { position: relative; width: 250px;aspect-ratio: 1;  padding: 20px; border-radius: 10px; border: 2px solid #48EEAC; line-height: 180%; display: flex; justify-content: center; align-items: center; }
section.sec3 .list2_ul > li .item .box .content { text-align: center; }
section.sec3 .list2_ul > li .item .box b { color: #48EEAC; }
section.sec3 .list3_ul > li.arrow2 { display: none; }

section.sec3 .list3_ul { width: 100%; display: flex; gap: 60px; }
section.sec3 .list3_ul > li { width: calc(100%/2); }
section.sec3 .list3_ul > li .item { height: 246px; padding: 20px; border: 2px solid #48EEAC; border-radius: 10px; display: flex; align-items: center; gap: 20px; }
section.sec3 .list3_ul > li .item .box {  }
section.sec3 .list3_ul > li .text_1 { font-size: 20px; text-align: center; color: #48EEAC; font-weight: 700; margin-bottom: 15px; }
section.sec3 .list3_ul > li .item {  }
section.sec3 .list3_ul > li .item.green { border: 2px solid #30859C; }
section.sec3 .list3_ul > li .item .text_2 { font-size: 18px; margin-bottom: 10px; }
section.sec3 .list3_ul > li .item .text_3 { line-height: 160%; }
section.sec3 .list3_ul > li .item .stick { background-color: #fff; width: 100%; height: 1px; margin: 20px 0; }
section.sec3 .list3_ul > li .item .text_4 { line-height: 160%; }
section.sec3 .list3_ul > li .item .text_4 b { color: #48EEAC; }

section.sec3 .list4_ul { }
section.sec3 .list4_ul li {}
section.sec3 .list4_ul .list1 { position: relative; }
section.sec3 .list4_ul li.list1::before { width: 28px; position: absolute; right: -54px; top: 50%; transform: translateX(-50%); content: url(../img/main/sec3/arrow1.png); }
section.sec3 .list4_ul .text_2 {  line-height: 180%;}

section.sec3 .mint_div { width: 100%; text-align: center; margin-top: 20px; padding-top: 20px; }
section.sec3 .m_title {  font-size: 20px; color: #48EEAC; margin-bottom: 10px; }
section.sec3 .itemBox { display: flex; align-items: center; justify-content: center; gap: 20px; }
section.sec3 .itemBox .mint_item1 { display: flex; flex-direction: column; }
section.sec3 .mint_div .m_circle_box { padding: 25px; border: 2px solid #48EEAC; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 10px;  }
section.sec3 .mint_div .m_circle_box1 { width: 520px; position: relative; }
section.sec3 .mint_div .m_circle_box1::after { content: 'D-WMS (위험물관리 시스템)'; font-size: 20px; font-weight: 700; color: #48EEAC; position: absolute; top: -15%; }
section.sec3 .mint_div .m_circle_box2::before { position: relative; left: -16px; content: url('../img/main/sec3/plus.png'); } 
section.sec3 .mint_div .m_circle_box2 { border: none; gap: 5px; } 
section.sec3 .mint_div .mint_item { display: flex; justify-content: space-between;  }
section.sec3 .mint_div .mint_item .m_circle { width: 180px; aspect-ratio: 1; border: 1px solid #48EEAC; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; }
section.sec3 .mint_div .mint_item .m_circle .box {  }
section.sec3 .mint_div .mint_item .m_circle .box .icon { margin-bottom: 10px; }
section.sec3 .mint_div .mint_item .m_circle .box .m_text { font-size: 20px; }
section.sec3 .mint_div .mint_item.plus { display: none; }

@media screen and (max-width: 1250px) {
    section.sec3 .sub_title { font-size: 24px; padding-bottom: 15px; }
    section.sec3 .sec3_ul > li .text_div { text-align: center; }
    section.sec3 .sec3_ul > li .text_div .sec3_title { font-size: 20px; margin: 0 auto 15px; }
    section.sec3 .sec3_ul > li .text_div .text_box { font-size: 18px; }
    
    section.sec3 .list2_ul { align-items: unset; width: 100%; flex-wrap: wrap; justify-content: ; }
    section.sec3 .list2_ul > li .item{ width: 100%; height: 100%; }  
    section.sec3 .list2_ul > li .item .text_1 { font-size: 18px; }
    section.sec3 .list2_ul > li { padding: 10px; }
    section.sec3 .list2_ul > li.arrow { display: none;}
    section.sec3 .list2_ul > li .item .box { width: unset; aspect-ratio: ; }

    section.sec3 .list3_ul > li .item { height: 100%; flex-direction: column; text-align: center; }
    
    section.sec3 .itemBox { width: 100%; flex-direction: column; }
    section.sec3 .mint_div .mint_item .m_circle .box .m_text { font-size: 16px; }
    section.sec3 .mint_div .m_circle_box1 { width: auto; }
    section.sec3 .list3_ul .arrorw2 { display: block; }
    section.sec3 .mint_div .m_circle_box2::before { display: none; }
    section.sec3 .mint_div { margin-top: 40px; }
    section.sec3 .mint_div .mint_item.plus { display: block; }
    section.sec3 .mint_div .m_circle_box2 { padding: 0; }


}

@media screen and (max-width: 1080px) {
    section.sec3 .list3_ul { flex-direction: ; }
    section.sec3 .list3_ul > li .item { flex-direction: ; }
}
@media screen and (max-width: 1050px) {
    section.sec3 .list2_ul > li { width: calc(100%/2); }
}
@media screen and (max-width: 800px) {  
    section.sec3 .list3_ul > li .item .text_3 br { display: none; }
    section.sec3 .list3_ul > li .item .text_4 br { display: none; }
}
@media screen and (max-width: 740px) {
    section.sec3 { padding: 11vw 0; }
    section.sec3 .list1_img { display: none; }
    section.sec3 .list1_img.mo { display: block; }
    
    section.sec3 .list3_ul { max-width: 500px; margin: 0 auto; flex-direction: column; gap: 30px; }
    section.sec3 .list3_ul > li .item .text_3 br { display: block; }
    section.sec3 .sec3_ul > li .text_div .sec3_title { font-size: 18px; }
    section.sec3 .sec3_ul > li .text_div .text_box { font-size: 16px; }
    section.sec3 .list4_ul li.list1::before { display: none; }
    section.sec3 .list3_ul > li.arrow2 { display: block; text-align: center; transform: rotate(90deg); }
    section.sec3 .list3_ul > li .item .text_2 {  font-size: 16px; }
    section.sec3 .list3_ul > li .item { flex-direction: ; }
    section.sec3 .list3_ul > li { width: calc(100%/1); }
    section.sec3 .list3_ul > li .text_1 { text-align: center; }
    
    /* section.sec3 .list2_ul > li .item .box .content {font-size: 14px; } */
    /* section.sec3 .list3_ul > li .item .img1 { width: 28%; }
    section.sec3 .list3_ul > li .item .img3 { width: 28%; }
    section.sec3 .list3_ul > li .item .img4 { width: 28%; } */

    section.sec3 .mint_div .m_circle_box2 { padding: 0; }

    section.sec3 .mint_div .mint_item{ width: 100%; justify-content: center; }  
    section.sec3 .mint_div .mint_item .m_circle{ width: 30vw; height: 30vw; }
    section.sec3 .mint_div .mint_item .m_circle .box .icon{ width: 7vw; }
    section.sec3 .mint_div .mint_item .m_circle .box .m_text{ font-size: clamp(12px, 3.5vw ,14px); }
    section.sec3 .mint_div .mint_item .plus{ width: 2vw; }
}

@media screen and (max-width: 650px) {
    section.sec3 .sub_title { font-size: 16px; }
    section.sec3 .mint_div .m_circle_box2{ flex-wrap: wrap; gap: 6vw; }
    section.sec3 .mint_div .mint_item .m_circle{ width: 37vw; height: 37vw; } 
    section.sec3 .list3_ul > li .text_1 b { font-size: 16px; }
    
}
@media screen and (max-width: 560px) {
    section.sec3 .list2_ul > li { width: calc(100%); }
    section.sec3 .list2_ul > li .item .box { aspect-ratio: unset; }
    section.sec3 .sec3_ul > li .text_div .text_box { font-size: 14px; }
    section.sec3 .mint_div .m_circle_box1::after { top: -19%; font-size: 16px; }
    
}
@media screen and (max-width: 500px) {
    section.sec3 .list3_ul > li .item { flex-direction: ; }
    header .loginDiv button { width: 80px; padding: 8px 0; }
}

/* sec4 */
section.sec4 { padding: 100px 0; background: url(../img/main/sec4/bg.png) no-repeat center / cover; }
section.sec4 ul { display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; margin-top: 20px; }
section.sec4 ul li { width: calc(100%/4); padding: 10px; }
section.sec4 ul li .item { background-color: #fff; padding: 30px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; box-shadow: 13px 13px 13px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; }
section.sec4 ul li .item .sec4_img {  }
section.sec4 ul li .text_1 { font-size: 22px; font-weight: 700; text-align: center; }

@media screen and (max-width: 1250px) {
    .sub_title { font-size: 24px; }
    section.sec4 ul li .text_1 { font-size: 20px; }
}
@media screen and (max-width: 900px) {
    section.sec4 ul { width: calc(100% + 10px); margin-left: -5px; }
    section.sec4 ul li { width: calc(100%/3); padding: 5px; }
}

@media screen and (max-width: 720px) {
    .title { font-size: 18px; }
    .sub_title { font-size: 20px; }
    section.sec4 { padding: 11vw 0; }
    section.sec4 ul li .text_1 { font-size: 18px; }
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {
    .sub_title { font-size: 16px; }
    section.sec4 ul li .text_1 { font-size: 14px; }
    section.sec4 ul li { width: calc(100%/2);}
}




/* sec5 */
section.sec5 { padding: 100px 0 150px; }
section.sec5 .sec5_ul { display: flex; flex-direction: column; gap: 150px; }
section.sec5 .sec5_ul li {  }
section.sec5 .text_1 { font-size: 22px; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; color: #15AC70; font-weight: 700; }
section.sec5 .sub_title { margin-bottom: 40px; }
section.sec5 .sec4_slide {  }
section.sec5 .sec4_slide .swiper-wrapper { transition-timing-function: linear; }
section.sec5 .sec4_slide .swiper-wrapper .swiper-slide { display: flex; align-items: center; }
section.sec5 .item { position: relative;  }
section.sec5 .item2 { position: relative;  }
section.sec5 .sec5_img { border-radius: 10px; box-shadow: 12px 18px 12px 0px rgba(0, 0, 0, 0.15); }
section.sec5 .text_2 { position: absolute; bottom: 5%; right: 5%; width: fit-content; padding: 10px 15px; font-size: 22px; font-weight: 700; color: #fff; background-color: #15AC70; border-radius: 5px; }
section.sec5 .m_d_ul { width: calc(100%); display: flex; justify-content: space-between; }
section.sec5 .m_d_ul li {  display: flex; justify-content: center; }
section.sec5 .m_d_ul li .item2 { }
section.sec5 .m_d_ul li .item2 .m_d_img { box-shadow: 12px 18px 12px 0px rgba(0, 0, 0, 0.15); border-radius: 10px; }
section.sec5 .m_d_ul li .item2 .text_2.text_3 { right: 50%; transform: translateX(50%); }

@media screen and (max-width: 1250px) {
    section.sec5 .sub_title { margin-bottom: 20px; }
    section.sec5 .text_1 { font-size: 20px; }
    section.sec5 .sec5_ul { gap: 100px; }

    section.sec5 .text_2 { font-size: 20px; }
}

@media screen and (max-width: 950px) {
    section.sec5 .m_d_ul { justify-content: center; gap: 5px; }
}
@media screen and (max-width: 720px) {
    section.sec5 { padding: 11vw 0 15vw; }
    section.sec5 .sec5_ul { gap: 50px; }
    section.sec5 .text_1 { font-size: 18px; margin-bottom: 20px; }
    section.sec5 .text_2 { font-size: 18px; }

    section.sec5 .m_d_ul { width: calc(100% + 10px); margin-left: -5px; display: flex; flex-wrap: wrap; gap: unset;  }
    section.sec5 .m_d_ul li { width: calc(100%/2); padding: 5px; }

    section.sec5 .m_d_ul li .item2 .text_2.text_3 { font-size: 16px; }

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {
    section.sec5 .text_1 { font-size: 16px; }
    section.sec5 .text_2 { font-size: 14px; }
    section.sec5 .m_d_ul li .item2 .text_2.text_3 { font-size: 14px; }
}

/* sec6 */
section.sec6 { padding: 100px 0; background: url(../img/main/sec6/bg.png) no-repeat top 70px left 0 / cover;  }
/* section.sec6 .bg { max-width: unset; position: absolute; z-index: 1; border: 1px solid #000;}
section.sec6 .bg1 { bottom: 0; left: 0; }
section.sec6 .bg2 { top: 0; right: 0; } */
section.sec6 .title { text-align: left; }
section.sec6 .sub_title { text-align: left; }
section.sec6 .text_1 { margin: 50px 0 20px; font-size: 20px;  padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; color: #222; }
section.sec6 .videoBox { position: relative; z-index: 2; width: 100%; height: 700px; border-radius: 20px; overflow: hidden; }

@media screen and (max-width: 1250px) {
    section.sec6 .text_1 { margin: 20px 0 20px; }
    section.sec6 .videoBox { height: 53vw; }
}

@media screen and (max-width: 720px) {
    section.sec6 { padding: 11vw 0; }
    section.sec6 .text_1 { font-size: 16px; }
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {

}

/* sec7 */
section.sec7 { padding: 100px 0; background: url(../img/main/sec7/bg.png) no-repeat center / cover; }
section.sec7 .sec6_form { padding: 40px; background-color: #fff; border-radius: 20px; margin-top: 20px; box-shadow: 8px 10px 8px 0px rgba(0, 0, 0, 0.15); }
section.sec7 .sec6_form .half.half2 { display: flex; gap: 5px; }
section.sec7 .sec6_form .half.half2 .box { width: calc(100%/2); }
section.sec7 .sec6_form .half.half2 .box .ipt { background: #fff url(../img/main/sec7/arrow.png) no-repeat bottom 15px right 10px / 10px; }

section.sec7 .sec6_form .formBtn { display: block; margin: 10px auto 0; width: 270px; padding: 13px 0; font-size: 14px; border-radius: 25px; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(31, 112, 79, 0.00) 0%, #1F704F 100%), #15AC70; font-weight: 700px; }
section.sec7 .agreeCheckDiv label input[type="checkbox"] + .textBox { font-size: 14px; }
section.sec7 .agreeCheckDiv { justify-content: center; }
section.sec7 .agreeCheckDiv .textBox {  }
section.sec7 .agreeCheckDiv .privacyPopupBtn { color: #222; }
section.sec7 .agreeCheckDiv label input[type="checkbox"] + .textBox::before { border: 1px solid #E4E4E4; }



/* 서클 커스텀 */
section.sec7 .circleDiv label input { display: none; }
section.sec7 .circleDiv label { display: flex; align-items: center; position: relative; }
section.sec7 .circleDiv label input { margin-right: 5px; }
section.sec7 .circleDiv { margin-top: 10px; display: flex; flex-wrap: wrap; gap: ; }
section.sec7 .circleDiv label input[type="radio"] + .textBox { display: flex; align-items: center; gap: 10px; color: #222; font-size: 16px; } /* 글자 크기 변경 */
section.sec7 .circleDiv label input[type="radio"] + .textBox::before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #e4e4e4; border-radius: 50%; } /* 원 크기 및 테두리 수정 */
section.sec7 .circleDiv label input[type="radio"]:checked + .textBox::before { border: 1px solid #e4e4e4;  background-image: url('../img/main/sec7/circle.png'); background-size: 10px; background-repeat: no-repeat; background-position: center; }
section.sec7 .circleDiv label input[type="radio"] + .textBox::before { width: 20px; height: 20px; border: 1px solid #e4e4e4; border-radius: 50%; }

section.sec7 .circleDiv { width: calc(100% + 20px); margin-left: -10px; }
section.sec7 .circleDiv .cricleList { padding: 20px; }

@media screen and (max-width: 1250px) {
    section.sec7 .circleDiv .cricleList { padding: 10px; }
    section.sec7 .sec6_form { padding: 20px; }
    section.sec7 .circleDiv label input[type="radio"] + .textBox { font-size: 14px; }
}

@media screen and (max-width: 720px) {
    section.sec7 { padding: 11vw 0; }
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {
    section.sec7 .sec6_form { padding: 15px; }
    section.sec7 .circleDiv .cricleList { padding: 5px; }
    section.sec7 .circleDiv label input[type="radio"] + .textBox { gap: 5px; font-size: 12px; }
    section.sec7 .circleDiv label input[type="radio"] + .textBox::before { width: 15px; height: 15px; }
    section.sec7 .circleDiv label input[type="radio"]:checked + .textBox::before { background-size: 7px; }
    section.sec7 .circleDiv { width: 100%; margin-left: 0; }
    section.sec7 .sec6_form .formBtn { width: 100%; }
    /* section.sec7 .formList .textarea.ipt  {  height: 120px !important; } */
    section.sec7 textarea.ipt {  height: 120px; }
}

/* 푸터 */
footer { padding: 40px 0; background: linear-gradient(90deg, #111 0%, #333 100%); }
footer .logo { display: block; margin: 0 auto; }
footer ul { width: 670px; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin: 30px auto 45px; color: #fff; }
footer ul li { display: flex; align-items: center; gap: 10px; }
footer ul li.stick::after { content: ''; display: inline-block; width: 1px; height: 10px; background-color: #d9d9d9;  }
footer ul li b { font-size: 16px; }
footer ul li .text_1 { font-size: 15px; }
footer p.copyright { text-align: center; font-size: 13px; color: #505050; }

@media screen and (max-width: 1250px) {
    .logo { width: 120px; }
}

@media screen and (max-width: 720px) {
    .logo { width: 100px; }
    footer ul { width: 100%; flex-direction: column; margin: 20px auto 20px; }
    footer ul li.stick::after { display: none; }
    footer .logo { display: unset; }
    footer p.copyright { text-align: left; }
    footer ul li b { font-size: 14px; }
    footer ul li .text_1 { font-size: 12px; }
    footer p.copyright { font-size: 11px; }
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 500px) {
    footer { padding: 20px 0; }
    .logo { width: 80px; }
}














/*============================ privacy ============================*/
.f_popup_bg{ 
    background-color:rgba(0,0,0,0.5); position:fixed;
    left:0; top:0; width:100%; height:100%; z-index:9999; 
    display:flex; align-items: center; justify-content: center;
    padding:10px; font-family: 'Noto Sans KR', sans-serif;
    opacity:0; visibility: hidden; transition: all 0.5s;

}
.f_popup_bg.on{ opacity:1; visibility: visible; }
.f_popup_bg .popup_box{ padding:20px 30px;  width:90%; max-width:480px; background-color: #fff; }
.f_popup_bg .btn_wrap{ width:100%; display:flex; justify-content: flex-end;  }
.f_popup_bg .btn_wrap .btn{ width:30px; height:30px; cursor:pointer; padding:0; }
.f_popup_bg .btn_wrap .btn span{ display:block; width:100%; height:2px; background-color:#222;  }
.f_popup_bg .btn_wrap .btn span:nth-child(1){ transform: translateY(14px) rotate(-45deg); -webkit-transform: translateY(14px) rotate(-45deg); }
.f_popup_bg .btn_wrap .btn span:nth-child(2){ transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); }
.f_popup_bg .content_wrap{ background-color:#fff; overflow-y: scroll; max-height: 60vh; margin-top:10px; }
.f_popup_bg .content_wrap p.title{ text-align:center; font-weight: 600; font-size: 20px;  }
.f_popup_bg .content_wrap p.content{ border: 1px solid #d9d9d9; padding: 15px; font-size: 16px; margin-top:15px; font-weight: 300;  }

@media screen and (max-width: 650px) {
    .f_popup_bg .content_wrap p.content{ font-size: 14px; margin-top: 20px; }
    .f_popup_bg .content_wrap{ padding: 20px 15px;  }
}

.f_popup_bg table { max-width: 100%; margin-left: 0 !important;  }
.f_popup_bg table td { text-align: center;  }
.f_popup_bg table td p { margin: 10px 5px !important; padding:   }