/* common */
.sec {
    position: relative;
    width: 100%;
}
.row {
    display: flex;
}
.row.center {
    align-items: center;
    justify-content: center;
}
.col {
    display: flex;
    flex-direction: column;
}
.col.center {
    align-items: center;
    justify-content: center;
}
.error_msg {
    margin-left: 190px;
    margin-top: 4px;
}
.error_msg.agree {
    margin-left: 0;
}
.content.fulfill {
    padding-bottom: 0;
}

/* parallax__scrollTop */
.fulfill .sticky {
    float: left;
    width: 100%;
    padding-top: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 55px;
    z-index: 2;
}
.parallax__progress progress {
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 1000;
    appearance: none;
    width: 100%;
    height: 3px;
    border: none;
    background: transparent;
}
progress::-webkit-progress-bar {
    background: transparent;
}
progress::-webkit-progress-value {
    background: rgba(18, 22, 25, 1);
    background-attachment: fixed;
}
progress::-moz-progress-bar {
    background: rgba(18, 22, 25, 1);
    background-attachment: fixed;
}

/* sec1 */
.section_1 {
    background: #F6F7FB;
    height: 830px;
}
.section_1 .center {
    margin: 62px auto 90px auto;
    max-width: 1367px;
    position: relative;
}
.section_1 .center .text_w {
    width: 100%;
}
.section_1 .center .text_w p.title {
    color: #121619;
    font-size: 64px;
    /*line-height: var(--fs32_lh);*/
    font-weight: 500;
    letter-spacing: -0.35px;
    text-align: center;
	line-height: 76.8px;
	letter-spacing: 1.5%;
	vertical-align: middle;

}
.section_1 .center .text_w p.desc {
    font-size: 24px;
    margin-top: 8px;
    color: #121619;
    text-align: center;
	
	font-weight: 400;
	line-height: 33.6px;
	letter-spacing: 0.35px;
	vertical-align: middle;

}
.section_1 .center .text_w .sub_w {
    margin-left: 30px;
    z-index: 10;
    position: relative;
    width: 40%;
}
.section_1 .center .text_w .icon_w {
    padding-left: 30px;
}
.section_1 .center .text_w .icon_w p {
    display: flex;
    color: #121619;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.33333;
    margin-top: 16px;
}
.section_1 .center .text_w .icon_w p span {
    font-weight: 700;
}
.section_1 .center .text_w .icon_w p .ico_comm {
    margin-right: 4px;
}
.section_1 .image_w {
    width: 100%;
    position: relative;
}
.section_1 .image_w .image_wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.section_1 .image_w .image_wrap .image {
    position: absolute;
    width: 60%;
    top: 11%;
    left: 50%;
    margin-left: -30%;
    /*transform: translateX(-50%);*/
    z-index: 1;

}
.section_1 .logo_w {
    position: absolute;
    z-index: 1;
    opacity: 1;
    width: 100%;
    max-width: 124px;
    aspect-ratio: 1;
    top: -75px;
    right: 380px;
	display: none;
}
.section_1 .logo_w img {
    position: absolute;
}
.section_1 .logo_w img.logo_1 {
    top: 0;
    left: 0;
}
.section_1 .logo_w img.logo_2 {
    max-width: 48px;
    top: 36px;
    left: 38px;
}
.section_1 .logo_w img.logo_3 {
    max-width: 105px;
    top: 6px;
    left: 9px;
}


.section_2 {
    padding: 100px 0;
    background: #F6F7FB;
}
/*.section_2 .sec_tit {*/
/*    font-weight: 700;*/
/*    font-size: 40px;*/
/*    */
/*    color: #121619;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*}*/
.section_2 .sec_tit, .section_3 .sec_tit, .section_4 .sec_tit, .section_5 .sec_tit {
    color: #121619;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3000;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}
.section_2 .sec_desc, .section_3 .sec_desc, .section_4 .sec_desc, .section_5 .sec_desc {
    color: #555555;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5555;
    margin-top: 8px;
}
.section_2 .sec_cont {
    max-width: 1440px;
    margin: 40px auto 0;
}
.section_2 .sec_cont .cont_w {
    display: flex;
    border: 1px solid #E1E1E1;
    background: #fff;
}
.section_2 .sec_cont .cont_w:not(:first-child) {
    margin-top: 40px;
}
.section_2 .sec_cont .cont_w .image_w {
    width: 43.05%;
}
.section_2 .sec_cont .cont_w .text_w {
    width: 56.95%;
    padding-left: 4.16%;
    padding-right: 1.66%;
    align-self: center;
}
.section_2 .sec_cont .cont_w .text_w .badge {
    display: flex;
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: fit-content;
    border-radius: 30px;
    background-color: #121619;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3750;
}
.section_2 .sec_cont .cont_w .text_w .title {
    color: #121619;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1111;
    margin: 4px 0 8px;
}
.section_2 .sec_cont .cont_w .text_w .desc {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5555;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place {
    display: flex;
    margin: 40px 0 24px;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place:not(:first-child) {
    margin-top: 24px;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub {
    width: 216px;
    margin-right: 32px;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub:last-child {
    /*width: 260px;*/
	width:100%;
    margin-right: 0;
}
.section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place {
    margin-bottom: 40px;
}
.section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub {
    width: 122px;
    margin-right: 32px;
}
.section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:not(:first-child) {
    width: 164px;
}
.section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:last-child {
    width: 192px;
    margin-right: 0;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child {
    color: #121619;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2143;
    letter-spacing: 0.098px;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child span {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1333;
    letter-spacing: 0.105px;
}
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:last-child {
    color: #444444;
    font-size: 18px;
    font-weight: 400;
    /*line-height: 1.1333;*/
	line-height: 1.3333;
    margin-top: 4px;
}
.section_2 .sec_cont .cont_w .text_w .btn_w a {
    display: inline-flex;
    width: fit-content;
    color: #121619;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4285;
    padding: 5px 15px;
    border: 1px solid #121619;
    background-color: #FFFFFF;
    align-items: center;
    justify-content: center;
}
.section_2 .sec_cont .cont_w .text_w .btn_w a:first-child {
    margin-right: 4px;
}
.section_2 .sec_cont .cont_w.c2 .text_w .btn_w {
    margin-top: 40px;
}

/*section2 css fix -jrpark*/
.section_2 .sec_cont .cont_w .text_w .sub_w .each_place .width430{
	width:430px;
}


.section_3 {
    padding: 100px 0;
}
.section_3 .inner {
    position: unset;
    padding: 0;
}
.section_3 .logo_w > ul {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.section_3 .logo_w > ul:not(:first-child) {
    margin-top: 60px;
}
/*.section_3 .logo_w {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    left: 0;*/
/*    margin-top: 40px;*/
/*    padding: 0;*/
/*    width: 200%;*/
/*}*/
/*.section_3 .logo_w > div {*/
/*    display: flex;*/
/*}*/
/*.section_3 .logo_w .rolling_w {*/
/*    display: flex;*/
/*}*/
.section_3 .logo_w .each_logo {
    width: fit-content;
    height: 80px;
    margin-left: 32px;
}
.section_3 .logo_w .each_logo img {
    height: 100%;
}
.section_3 .swiper-wrapper{
    transition-timing-function: linear;
}


.section_4 {
    padding: 100px 0;
}
.section_4 .sec_cont {
    max-width: 1080px;
    margin: 32px auto 0;
}
.section_4 .sec_cont .cont_w {
    display: flex;
    justify-content: center;
}
.section_4 .sec_cont .each_cont {
    max-width: 440px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
}
.section_4 .sec_cont .each_cont:first-child {
    margin-right: 32px;
}
.section_4 .sec_cont .each_cont p.title {
    color: #121619;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3125;
    margin: 24px 0 8px;
}
.section_4 .sec_cont .each_cont p.desc {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5555;
}



.section_5 {
    padding: 100px 0;
    background-color: #fff;
}
.section_5 .sec_tit span {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3000;
    letter-spacing: -0.5px;
}
.section_5 .sec_cont {
    max-width: 1400px;
    width: 1400px;
    margin: 32px auto 0 auto;
}
.section_5 .sec_cont .each_cont:not(:first-child) {
    margin-top: 40px;
}
.section_5 .sec_cont .each_cont .badge {
    display: block;
    width: fit-content;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2500;
    letter-spacing: 0.084px;
    border-radius: 50px;
    background: #121619;
    padding: 8px 16px;
    margin-left: 95px;
}
.section_5 .sec_cont .each_cont.cont_2 .cont_1_desc,
.section_5 .sec_cont .each_cont.cont_3 .cont_1_desc {
    padding-left: 95px;
    margin-top: 0;
    padding-right: 0;
    align-items: flex-start;
    justify-content: center;
}
.section_5 .sec_cont .each_cont.cont_2 .badge,
.section_5 .sec_cont .each_cont.cont_3 .badge {
    margin-bottom: 24px;
    margin-left: 0;
}
.section_5 .sec_cont .each_cont {
    position: relative;
    height: 540px;
}

.section_5 .sec_cont .each_cont .cont_w {
    display: flex;
    height: calc(100% - 20px);
}
.section_5 .sec_cont .each_cont .cont_w > div {
    width: 50%;
}
.section_5 .sec_cont .each_cont .cont_w .image_w {
    position: relative;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .cont_1_desc {
    width: 50%;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w {
    width: 50%;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(1) {
    transform: translateX(50%);
    position: absolute;
    bottom: 34%;
    right: 58%;
    z-index: 11;
    width: 71%;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(2) {
    position: absolute;
    bottom: -40px;
    right: 60px;
    z-index: 10;
    width: 78%;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(3) {
    position: absolute;
    bottom: -22px;
    left: -55px;
    z-index: 10;
    width: 31%;
}
.section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:first-child {
    width: 80%;
    bottom: -10px;
    right: 10px;
    z-index: 10;
    position: absolute;
}
.section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:last-child {
    width: 30%;
    position: absolute;
    bottom: -20px;
    z-index: 10;
    right: 70%;
}
.section_5 .sec_cont .each_cont.cont_1 .cont_w .image_w > img {
    bottom: 40px;
    position: absolute;
    margin-left: 40px;
    z-index: 10;
    width: calc(100% - 100px);
}
.section_5 .sec_cont .each_cont .cont_w .cont_1_desc {
    width: calc(50% - 50px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.section_5 .sec_cont .each_cont .each_desc:not(:first-child) {
    margin-top: 40px;
}
.section_5 .sec_cont .each_cont.cont_2 .each_desc:not(:first-child),
.section_5 .sec_cont .each_cont.cont_3 .each_desc:not(:first-child){
    margin-top: 8px;
}
.section_5 .sec_cont .each_cont::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    height: 60px;
    border-radius: 40px;
    background-color: #DBE2F1;
    z-index: 1
}
.section_5 .sec_cont .each_cont.cont_1 .each_desc {
    display: flex;
}
/* s:사용자재구축 (passrim) 추가  */
.section_5 .sec_cont .each_cont.cont_1 .each_desc.mobile {
    display: none;
}
/* s:사용자재구축 추가 끝  */
.section_5 .sec_cont .each_cont.cont_1 .each_desc .lottie_w {
    width: 27%;
    margin-right: 50px;
}
.section_5 .sec_cont .each_cont.cont_1 .each_desc .lottie_w > img {

}
.section_5 .sec_cont .each_cont.cont_1 .each_desc .desc_w {
    width: calc(73% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section_5 .sec_cont .each_cont .each_desc .title {
    color: #121619;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1875;
}
.section_5 .sec_cont .each_cont .each_desc .desc {
    color: #838383;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3000;
    letter-spacing: 0.07px;
    margin-top: 16px;
}
.section_5 .sec_cont .each_cont.cont_1 .each_desc p.desc span {
    color: #121619;
}

/*section5 button css change - 250401 jrpark*/
.section_5 .sec_cont .sec5_badge_wrpdiv {
	position:absolute; 
	top:20%;
}
.cont1_desc_mt90{
	margin-top: 147px;
}

/* sec6 */
#sec6 {
    background: rgba(18, 22, 25, 1);
    color: rgba(255, 255, 255, 1);
}
#sec6 .inner {
    padding: 100px 92px;
}
#sec6 .sec_tit {
    font-size: 44px;
    line-height: var(--fs_tit);
    font-weight: 600;
}
#sec6 .sec_cont {margin-top: 8px;}
#sec6 .sec_cont .left {width: 40%;}
#sec6 .sec_cont .left .l_desc p {
    font-size: 14px;

}
#sec6 .sec_cont .left .l_desc span {
    font-weight: 700;
}
#sec6 .sec_cont .right {width: 60%; padding-left: 32px;}
#sec6 .sec_cont .right .step:nth-child(2) {
    margin-top: 60px;
}
#sec6 .sec_cont .right .step > .tit {
    margin-top: 8px;
    font-size: 24px;
    line-height: var(--fs_tit);
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}
#sec6 .sec_cont .right .step > .cont {
    margin-top: 24px;
}
#sec6 .sec_cont .right .step > .cont .item:not(:first-child) {
    margin-top: 16px;
}
#sec6 .sec_cont .right .step > .cont .item label {
    width: 190px;
    font-size: 16px;

    font-weight: 600;
    display: flex;
    align-items: center;
    padding-right: 25px;
    color: rgba(196, 196, 196, 1);
}
#sec6 .sec_cont .right .step > .cont .item span {
    font-weight: 400;
}
#sec6 .sec_cont .right .step > .cont .item .input_box {
    width: 368px;
    border: 1px solid rgba(221, 221, 221, 1);
}
#sec6 .sec_cont .right .step > .cont .item .input_box input,
#sec6 .sec_cont .right .step > .cont .item .input_box select,
#sec6 .sec_cont .right .step > .cont .item .input_box textarea {
    width: 100%;
    height: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 300;

    color: rgba(168, 168, 168, 1);
    background: rgba(18, 22, 25, 1);
}
#sec6 .sec_cont .right .step > .cont .item .input_box select option {
    width: 100%;
    height: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 300;

    color: rgba(168, 168, 168, 1);
    background: rgba(18, 22, 25, 1);
}
#sec6 .sec_cont .right .step > .cont .item .input_box select {
    background-image: url('/v2/img/ico_down_w.png');
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center right 14px;
}
#sec6 .sec_cont .right .step > .cont .item .input_box.msg {
    width: 100%;
}
#sec6 .sec_cont .right .step > .cont .item.phone .input_box {
    border: none;
}
#sec6 .sec_cont .right .step > .cont .item.phone .input_box select {
    width: 140px;
    margin-right: 8px;
    border: 1px solid rgba(221, 221, 221, 1);
}
#sec6 .sec_cont .right .step > .cont .item.phone .input_box input {
    width: calc(100% - 148px);
    border: 1px solid rgba(221, 221, 221, 1);
}
#sec6 .sec_cont .right .file_w {
    margin-top: 16px;
    color: #FFFFFF;
    position: relative;
}
#sec6 .sec_cont .right .file_w p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3750;
}
#sec6 .sec_cont .right .file_w input[type=file] {
    display: none;
}
#sec6 .sec_cont .right .file_w input[type=file] + label {
    background-color: #DDDDDD;
    display: inline-flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 8px 0;
    color: #121619;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857;
}
#sec6 .sec_cont .right .file_w input[type=file] + label img {
    display: inline-flex;
    margin-right: 4px;
    max-width: 14px;
}
#sec6 .sec_cont .right .file_w .file_list p {
    display: flex;
}
#sec6 .sec_cont .right .file_w .file_list p a {
    color: #FFFFFF;
    font-weight: 300;
}
#sec6 .sec_cont .right .file_w p.etc {
    color: #838383;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    margin-top: 8px;
}
#sec6 .sec_cont .right .file_w p.etc img {
    display: inline-flex;
    vertical-align: middle;
    max-width: 12px;
}
#sec6 .sec_cont .right .file_w .toast_popup_w {
    display: none;
    width: 336px;
    position: absolute;
    top: 30px;
    right: 0;
    border-radius: 8px;
    background-color: rgba(68,68,68,0.9);
    z-index: 1;
}
#sec6 .sec_cont .right .file_w .toast_popup_w .toast_in {
    padding: 16px;
    display: flex;
    align-items: center;
}
#sec6 .sec_cont .right .file_w .toast_popup_w .toast_ico {
    margin-right: 8px;
}
#sec6 .sec_cont .right .file_w .toast_popup_w p {
    font-size: 14px;

    font-weight: 300;
    color: #FFFFFF;
}
#sec6 .sec_cont .right .submit_btn {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}
#sec6 .sec_cont .right .submit_btn a {
    font-size: 18px;
    font-weight: 600;

    color: rgba(18, 22, 25, 1);
    background: rgba(255, 255, 255, 1);
    padding: 12px 24px;
    display: inline-block;
}
#sec6 .chk_w .chk_item {
    border: none;
    background-color: rgba(18, 22, 25, 1);
    color: #fff;
}
#sec6 .chk_w .chk_item:first-child {
    margin-top: 24px;
}
#sec6 .chk_w .chk_item input[type="checkbox"] + label {
    font-size: 14px;

    display: flex;
    align-items: center;
    cursor: pointer;
}
#sec6 .chk_w .chk_item input[type="checkbox"] + label span {
    text-decoration: underline;
}
#sec6 .chk_w .chk_item input[type="checkbox"] + label i.chk_ico {
    display: block;
    width: 20px;
    height: 20px;
    /*border: 1px solid #ddd;*/
    /*background-color: #fff;*/
    border-radius: 4px;
    margin-right: 8px;
    flex-shrink: 0;
}
#sec6 .chk_w .chk_item input[type="checkbox"]:checked + label i.chk_ico {
    border: 1px solid #ddd;
    background-color: #fff;
    background-image: url(/v2/img/ico_check_blk.png);
    background-position: center;
    background-size: 20px auto;
    background-repeat: no-repeat;
}

/* popup */
.popup_comm.fulfill {
    width: 860px;
    max-width: 860px;
    background: #fff;
}
.popup_comm.fulfill .cont {
    margin-top: 24px;
}
.popup_comm.fulfill .cont .box:not(:first-child) {
    margin-top: 32px;
}
.popup_comm.fulfill .cont .box .tit {
    font-weight: 600;
    font-size: 24px;
    line-height: var(--fs_tit);
    color: #444444;
}
.popup_comm.fulfill .cont .box .desc {
    margin-top: 8px;
    font-size: 16px;

    color: #444444;
}
.popup_comm.fulfill .cont .box .comp_list {
    margin-top: 24px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.popup_comm.fulfill .cont .box .comp_list .image {
    width: calc((100% - 64px) / 5);
}

.section_vid {
    background-color: #F6F7FB;
    padding-bottom: 238px;
}
.section_vid .video_area {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.section_vid .video_area video {
    display: block;
    width: 100%;
    transform-origin: center top;
}

/* mediaquery */
@media (max-width: 1650px) {
    .section_5 .sec_cont {
        max-width: 1250px;
        width: 1250px;
    }
    .section_5 .sec_cont .each_cont .each_desc .desc {
        font-size: 19px;
        line-height: 1.3000;
        margin-top: 14px;
    }
}
@media (max-width: 1550px) {
    .section_5 .sec_cont {
        max-width: 1150px;
        width: 1150px;
    }
    .section_5 .sec_cont .each_cont .each_desc .desc {
        color: #838383;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.07px;
        margin-top: 14px;
    }
}
@media (max-width: 1300px) {
    /* common */
    .error_msg {
        margin-left: 14.62vw;
        margin-top: 0.31vw;
    }

    /* parallax__scrollTop */
    .fulfill .sticky {
        top: 4.23vw;
    }
    .parallax__progress progress {
        top: 4.23vw;
        height: 0.23vw;
    }

    /* sec1 */
    .section_1 {
        height: 58vw;
    }
    .section_1 .center {
        margin: 4.77vw auto 6.92vw auto;
        padding-bottom: 24.92vw;
        max-width: 105.15vw;
    }
    .section_1 .center .text_w p.title {
        font-size: 6.46vw;

    }
    .section_1 .center .text_w .sub_w {
        margin-left: 2.31vw;
    }
    .section_1 .center .text_w p.desc {
        font-size: 1.85vw;
        margin-top: 0.31vw;
    }
    .section_1 .center .text_w .icon_w {
        padding-left: 2.31vw;
    }
    .section_1 .center .text_w .icon_w p {
        font-size: 1.69vw;
        margin-top: 1.23vw;
    }
    .section_1 .center .text_w .icon_w p .ico_comm {
        margin-right: 0.31vw;
    }
    .section_1 .image_w > .image {
    }
    .section_1 .image_w .image_3 {
    }
    .section_1 .logo_w {
        max-width: 9.54vw;
        top: -5.77vw;
        right: 29.23vw;
    }
    .section_1 .logo_w img.logo_2 {
        max-width: 3.69vw;
        top: 2.77vw;
        left: 2.92vw;
    }
    .section_1 .logo_w img.logo_3 {
        max-width: 8.08vw;
        top: 0.46vw;
        left: 0.69vw;
    }

    .section_2 {
        padding: 7.69vw 0;
    }
    /*.section_2 .sec_tit {*/
    /*    font-size: 3.08vw;*/
    /*    */
    /*}*/
    .section_2 .sec_tit, .section_3 .sec_tit, .section_4 .sec_tit, .section_5 .sec_tit {
        font-size: 3.08vw;
    }
    .section_2 .sec_desc, .section_3 .sec_desc, .section_4 .sec_desc, .section_5 .sec_desc {
        font-size: 1.38vw;
        margin-top: 0.62vw;
    }
    .section_2 .sec_cont {
        max-width: 110.77vw;
        margin: 3.08vw auto 0;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) {
        margin-top: 3.08vw;
    }
    .section_2 .sec_cont .cont_w .text_w .badge {
        padding: 0.15vw 0.92vw;
        gap: 0.3vw;
        border-radius: 2.31vw;
        font-size: 1.23vw;
    }
    .section_2 .sec_cont .cont_w .text_w .title {
        font-size: 2.77vw;
        margin: 0.31vw 0 0.62vw;
    }
    .section_2 .sec_cont .cont_w .text_w .desc {
        font-size: 1.38vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place {
        margin: 3.08vw 0 1.85vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place:not(:first-child) {
        margin-top: 1.85vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub {
        width: 16.62vw;
        margin-right: 2.46vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub:last-child {
        width: 20vw;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place {
        margin-bottom: 3.08vw;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub {
        width: 9.38vw;
        margin-right: 2.46vw;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:not(:first-child) {
        width: 12.62vw;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:last-child {
        width: 14.77vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child {
        font-size: 2.15vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child span {
        font-size: 2.31vw;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:last-child {
        font-size: 1.38vw;
        margin-top: 0.31vw;
    }
    .section_2 .sec_cont .cont_w .text_w .btn_w a {
        font-size: 1.08vw;
        padding: 0.38vw 1.15vw;
    }
    .section_2 .sec_cont .cont_w .text_w .btn_w a:first-child {
        margin-right: 0.31vw;
    }
    .section_2 .sec_cont .cont_w.c2 .text_w .btn_w {
        margin-top: 3.08vw;
    }

    .section_3 {
        padding: 7.69vw 0;
    }
    .section_3 .logo_w > ul:not(:first-child) {
        margin-top: 4.62vw;
    }
    .section_3 .logo_w .each_logo {
        height: 6.15vw;
        margin-left: 2.46vw;
    }

    .section_4 {
        padding: 7.69vw 0;
    }
    .section_4 .sec_cont {
        max-width: 83.08vw;
        margin: 2.46vw auto 0;
    }
    .section_4 .sec_cont .each_cont {
        max-width: 33.85vw;
        padding: 1.54vw;
        border-radius: 1.23vw;
    }
    .section_4 .sec_cont .each_cont:first-child {
        margin-right: 2.46vw;
    }
    .section_4 .sec_cont .each_cont p.title {
        font-size: 2.15vw;
        margin: 1.85vw 0 0.62vw;
    }
    .section_4 .sec_cont .each_cont p.desc {
        font-size: 1.38vw;
    }

    .section_5 {
        padding: 7.69vw 0;
    }
    .section_5 .sec_tit span {
        font-size: 2.46vw;
    }
    .section_5 .sec_cont {
        max-width: 90vw;
        width: 90vw;
        margin: 2.46vw auto 0 auto;
    }
    .section_5 .sec_cont .each_cont:not(:first-child) {
        margin-top: 3.08vw;
    }
    .section_5 .sec_cont .each_cont .badge {
        font-size: 1.85vw;
        border-radius: 3.85vw;
        padding: 0.62vw 1.23vw;
        margin-left: 7.31vw;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_1_desc,
    .section_5 .sec_cont .each_cont.cont_3 .cont_1_desc {
        padding-left: 7.31vw;
    }
    .section_5 .sec_cont .each_cont.cont_2 .badge,
    .section_5 .sec_cont .each_cont.cont_3 .badge {
        margin-bottom: 1.85vw;
    }
    .section_5 .sec_cont .each_cont {
        height: 41.54vw;
    }
    .section_5 .sec_cont .each_cont .cont_w {
        height: calc(100% - 3.85vw);
    }
    .section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(2) {
        bottom: -3.08vw;
        right: 4.62vw;
    }
    .section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(3) {
        bottom: -1.69vw;
        left: -4.23vw;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:first-child {
        bottom: -0.77vw;
        right: 0.77vw;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:last-child {
        bottom: -1.54vw;
    }
    .section_5 .sec_cont .each_cont.cont_1 .cont_w .image_w > img {
        bottom: 3.08vw;
        margin-left: 3.08vw;
        width: calc(100% - 7.69vw);
    }
    .section_5 .sec_cont .each_cont .cont_w .cont_1_desc {
        width: calc(50% - 3.85vw);
    }
    .section_5 .sec_cont .each_cont .each_desc:not(:first-child) {
        margin-top: 3.08vw;
    }
    .section_5 .sec_cont .each_cont.cont_2 .each_desc:not(:first-child),
    .section_5 .sec_cont .each_cont.cont_3 .each_desc:not(:first-child){
        margin-top: 0.62vw;
    }
    .section_5 .sec_cont .each_cont::after {
        left: 0.62vw;
        width: calc(100% - 1.23vw);
        height: 4.62vw;
        border-radius: 3.08vw;
    }
    .section_5 .sec_cont .each_cont.cont_1 .each_desc .lottie_w {
        margin-right: 3.85vw;
    }
    .section_5 .sec_cont .each_cont.cont_1 .each_desc .desc_w {
        width: calc(73% - 3.85vw);
    }
    .section_5 .sec_cont .each_cont .each_desc .title {
        font-size: 2.15vw;
    }
    .section_5 .sec_cont .each_cont .each_desc .desc {
        font-size: 1.38vw;
        margin-top: 1.08vw;
    }

    /* sec6 */
    #sec6 .inner {
        padding: 7.69vw 7.08vw;
    }
    #sec6 .sec_tit {
        font-size: 3.38vw;

    }
    #sec6 .sec_cont {margin-top: 0.62vw;}
    #sec6 .sec_cont .left .l_desc p {
        font-size: 1.08vw;

    }
    #sec6 .sec_cont .right {padding-left: 2.46vw;}
    #sec6 .sec_cont .right .step:nth-child(2) {
        margin-top: 4.62vw;
    }
    #sec6 .sec_cont .right .step > .tit {
        margin-top: 0.62vw;
        font-size: 1.85vw;

    }
    #sec6 .sec_cont .right .step > .cont {
        margin-top: 1.85vw;
    }
    #sec6 .sec_cont .right .step > .cont .item:not(:first-child) {
        margin-top: 1.23vw;
    }
    #sec6 .sec_cont .right .step > .cont .item label {
        width: 14.62vw;
        font-size: 1.23vw;

        padding-right: 1.92vw;
    }
    #sec6 .sec_cont .right .step > .cont .item .input_box {
        width: 28.31vw;
    }
    #sec6 .sec_cont .right .step > .cont .item .input_box input,
    #sec6 .sec_cont .right .step > .cont .item .input_box select,
    #sec6 .sec_cont .right .step > .cont .item .input_box textarea {
        padding: 0.92vw;
        font-ize: 1.08vw;

    }
    #sec6 .sec_cont .right .step > .cont .item .input_box select option {
        padding: 0.92vw;
        fonts-size: 1.08vw;

    }
    #sec6 .sec_cont .right .step > .cont .item.phone .input_box select {
        width: 10.77vw;
        margin-right: 0.62vw;
    }
    #sec6 .sec_cont .right .step > .cont .item.phone .input_box input {
        width: calc(100% - 11.38vw);
    }
    #sec6 .sec_cont .right .file_w {
        margin-top: 1.23vw;
    }
    #sec6 .sec_cont .right .file_w p {
        font-size: 1.23vw;
    }
    #sec6 .sec_cont .right .file_w input[type=file] + label {
        padding: 0.46vw 1.23vw;
        margin: 0.62vw 0;
        font-size: 1.08vw;
    }
    #sec6 .sec_cont .right .file_w input[type=file] + label img {
        margin-right: 0.31vw;
        max-width: 1.08vw;
    }
    #sec6 .sec_cont .right .file_w p.etc {
        font-size: 1.08vw;
        margin-top: 0.62vw;
    }
    #sec6 .sec_cont .right .file_w p.etc img {
        max-width: 0.92vw;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w {
        width: 25.85vw;
        top: 2.31vw;
        border-radius: 0.62vw;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w .toast_in {
        padding: 1.23vw;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w .toast_ico {
        margin-right: 0.62vw;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w p {
        font-size: 1.08vw;

    }
    #sec6 .sec_cont .right .submit_btn {
        margin-top: 2.46vw;
    }
    #sec6 .sec_cont .right .submit_btn a {
        font-size: 1.38vw;

        padding: 0.92vw 1.85vw;
    }
    #sec6 .chk_w .chk_item:first-child {
        margin-top: 1.85vw;
    }
    #sec6 .chk_w .chk_item input[type="checkbox"] + label {
        font-size: 1.08vw;

    }
    #sec6 .chk_w .chk_item input[type="checkbox"] + label i.chk_ico {
        width: 1.54vw;
        height: 1.54vw;
        border-radius: 0.31vw;
        margin-right: 0.62vw;
    }
    #sec6 .chk_w .chk_item input[type="checkbox"]:checked + label i.chk_ico {
        background-size: 1.54vw auto;
    }

    /* popup */
    .popup_comm.fulfill {
        width: 66.15vw;
        max-width: 66.15vw;
    }
    .popup_comm.fulfill .cont {
        margin-top: 1.85vw;
    }
    .popup_comm.fulfill .cont .box:not(:first-child) {
        margin-top: 2.46vw;
    }
    .popup_comm.fulfill .cont .box .tit {
        font-size: 1.85vw;

    }
    .popup_comm.fulfill .cont .box .desc {
        margin-top: 0.62vw;
        font-size: 1.23vw;

    }
    .popup_comm.fulfill .cont .box .comp_list {
        margin-top: 1.85vw;
        gap: 1.23vw;
    }
    .popup_comm.fulfill .cont .box .comp_list .image {
        width: calc((100% - 4.92vw) / 5);
    }

    .section_vid {
        padding-bottom: 18.31vw;
    }
    .section_vid .video_area {
        max-width: 61.54vw;
    }

}

@media (max-width: 768px) {
    /* common */
    .error_msg {
        margin-left: 90px;
        margin-top: 2px;
    }

    /* parallax__scrollTop */
    .fulfill .sticky {
        top: 32px;
    }
    .parallax__progress progress {
        top: 32px;
        height: 2px;
    }

    /* sec1 */
    .section_1 {
        height: 445px;
    }
    .section_1 .center {
        margin: 37px auto 53px auto;
        padding-bottom: 191px;
        max-width: 808px;
    }
    .section_1 .center .text_w p.title {
        font-size: 50px;

    }
    .section_1 .center .text_w .sub_w {
        margin-left: 18px;
    }
    .section_1 .center .text_w p.desc {
        font-size: 14px;
        margin-top: 2px;
    }
    .section_1 .center .text_w .icon_w {
        padding-left: 18px;
    }
    .section_1 .center .text_w .icon_w p {
        font-size: 13px;
        margin-top: 9px;
    }
    .section_1 .center .text_w .icon_w p .ico_comm {
        margin-right: 2px;
    }
    .section_1 .image_w > .image {
    }
    .section_1 .image_w .image_3 {
    }
    .section_1 .logo_w {
        max-width: 73px;
        top: -44px;
        right: 224px;
    }
    .section_1 .logo_w img.logo_2 {
        max-width: 28px;
        top: 21px;
        left: 22px;
    }
    .section_1 .logo_w img.logo_3 {
        max-width: 62px;
        top: 4px;
        left: 5px;
    }

    .section_2 {
        padding: 59px 0;
    }
    /*.section_2 .sec_tit {*/
    /*    font-size: 24px;*/
    /*    */
    /*}*/
    .section_2 .sec_tit, .section_3 .sec_tit, .section_4 .sec_tit, .section_5 .sec_tit {
        font-size: 24px;
    }
    .section_2 .sec_desc, .section_3 .sec_desc, .section_4 .sec_desc, .section_5 .sec_desc {
        font-size: 11px;
        margin-top: 5px;
    }
    .section_2 .sec_cont {
        max-width: 851px;
        margin: 24px auto 0;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) {
        margin-top: 24px;
    }
    .section_2 .sec_cont .cont_w .text_w .badge {
        padding: 1px 7px;
        gap: 2px;
        border-radius: 18px;
        font-size: 9px;
    }
    .section_2 .sec_cont .cont_w .text_w .title {
        font-size: 21px;
        margin: 2px 0 5px;
    }
    .section_2 .sec_cont .cont_w .text_w .desc {
        font-size: 11px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place {
        margin: 24px 0 14px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place:not(:first-child) {
        margin-top: 14px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub {
        width: 128px;
        margin-right: 19px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub:last-child {
        /* width: 154px; */
        width: 100%;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place {
        margin-bottom: 24px;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub {
        width: 72px;
        margin-right: 19px;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:not(:first-child) {
        width: 97px;
    }
    .section_2 .sec_cont .cont_w:not(:first-child) .text_w .sub_w .each_place .each_sub:last-child {
        width: 113px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child {
        font-size: 24px;
        line-height: 1.2;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:first-child span {
        font-size: 18px;
    }
    .section_2 .sec_cont .cont_w .text_w .sub_w .each_place .each_sub p:last-child {
        margin-top: 4px;
        font-size: 16px;
    }
    .section_2 .sec_cont .cont_w .text_w .btn_w a {
        font-size: 8px;
        padding: 3px 9px;
    }
    .section_2 .sec_cont .cont_w .text_w .btn_w a:first-child {
        margin-right: 2px;
    }
    .section_2 .sec_cont .cont_w.c2 .text_w .btn_w {
        margin-top: 24px;
    }

    .section_3 {
        padding: 59px 0;
    }
    .section_3 .logo_w > ul:not(:first-child) {
        margin-top: 35px;
    }
    .section_3 .logo_w .each_logo {
        height: 47px;
        margin-left: 19px;
    }

    .section_4 {
        padding: 59px 0;
    }
    .section_4 .sec_cont {
        max-width: 638px;
        margin: 19px auto 0;
    }
    .section_4 .sec_cont .each_cont {
        max-width: 260px;
        padding: 12px;
        border-radius: 9px;
    }
    .section_4 .sec_cont .each_cont:first-child {
        margin-right: 19px;
    }
    .section_4 .sec_cont .each_cont p.title {
        font-size: 17px;
        margin: 14px 0 5px;
    }
    .section_4 .sec_cont .each_cont p.desc {
        font-size: 11px;
    }

    .section_5 {
        padding: 59px 0;
    }
    .section_5 .sec_tit span {
        font-size: 19px;
    }
    .section_5 .sec_cont {
        max-width: 679px;
        width: 679px;
        margin: 19px auto 0 auto;
    }
    .section_5 .sec_cont .each_cont:not(:first-child) {
        margin-top: 24px;
    }
    .section_5 .sec_cont .each_cont .badge {
        font-size: 14px;
        border-radius: 30px;
        padding: 5px 9px;
        margin-left: 56px;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_1_desc,
    .section_5 .sec_cont .each_cont.cont_3 .cont_1_desc {
        padding-left: 56px;
    }
    .section_5 .sec_cont .each_cont.cont_2 .badge,
    .section_5 .sec_cont .each_cont.cont_3 .badge {
        margin-bottom: 14px;
    }
    .section_5 .sec_cont .each_cont {
        height: 319px;
    }
    .section_5 .sec_cont .each_cont .cont_w {
        height: calc(100% - 30px);
    }
    .section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(2) {
        bottom: -24px;
        right: 35px;
    }
    .section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(3) {
        bottom: 18px;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:first-child {
        bottom: -6px;
        right: 6px;
    }
    .section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:last-child {
        bottom: -12px;
    }
    .section_5 .sec_cont .each_cont.cont_1 .cont_w .image_w > img {
        bottom: 24px;
        margin-left: 24px;
        width: calc(100% - 59px);
    }
    .section_5 .sec_cont .each_cont .cont_w .cont_1_desc {
        width: calc(50% - 30px);
    }
    .section_5 .sec_cont .each_cont .each_desc:not(:first-child) {
        margin-top: 5px;
    }
    .section_5 .sec_cont .each_cont::after {
        left: 5px;
        width: calc(100% - 9px);
        height: 35px;
        border-radius: 24px;
    }
    .section_5 .sec_cont .each_cont.cont_1 .each_desc .lottie_w {
        margin-right: 30px;
    }
    .section_5 .sec_cont .each_cont.cont_1 .each_desc .desc_w {
        width: calc(73% - 30px);
    }
    .section_5 .sec_cont .each_cont .each_desc .title {
        font-size: 17px;
    }
    .section_5 .sec_cont .each_cont .each_desc .desc {
        font-size: 11px;
        margin-top: 8px;
    }

    /* sec6 */
    #sec6 .inner {
        padding: 59px 54px;
    }
    #sec6 .sec_tit {
        font-size: 26px;

    }
    #sec6 .sec_cont {margin-top: 5px;}
    #sec6 .sec_cont .left .l_desc p {
        font-size: 8px;

    }
    #sec6 .sec_cont .right {padding-left: 19px;}
    #sec6 .sec_cont .right .step:nth-child(2) {
        margin-top: 35px;
    }
    #sec6 .sec_cont .right .step > .tit {
        margin-top: 5px;
        font-size: 14px;

    }
    #sec6 .sec_cont .right .step > .cont {
        margin-top: 14px;
    }
    #sec6 .sec_cont .right .step > .cont .item:not(:first-child) {
        margin-top: 9px;
    }
    #sec6 .sec_cont .right .step > .cont .item label {
        width: 112px;
        font-size: 9px;

        padding-right: 15px;
    }
    #sec6 .sec_cont .right .step > .cont .item .input_box {
        width: 217px;
    }
    #sec6 .sec_cont .right .step > .cont .item .input_box input,
    #sec6 .sec_cont .right .step > .cont .item .input_box select,
    #sec6 .sec_cont .right .step > .cont .item .input_box textarea {
        padding: 7px;
        font-size: 8px;

    }
    #sec6 .sec_cont .right .step > .cont .item .input_box select option {
        padding: 7px;
        fonts-size: 8px;

    }
    #sec6 .sec_cont .right .step > .cont .item.phone .input_box select {
        width: 83px;
        margin-right: 5px;
    }
    #sec6 .sec_cont .right .step > .cont .item.phone .input_box input {
        width: calc(100% - 87px);
    }
    #sec6 .sec_cont .right .file_w {
        margin-top: 9px;
    }
    #sec6 .sec_cont .right .file_w p {
        font-size: 9px;
    }
    #sec6 .sec_cont .right .file_w input[type=file] + label {
        padding: 4px 9px;
        margin: 5px 0;
        font-size: 8px;
    }
    #sec6 .sec_cont .right .file_w input[type=file] + label img {
        margin-right: 2px;
        max-width: 8px;
    }
    #sec6 .sec_cont .right .file_w p.etc {
        font-size: 8px;
        margin-top: 5px;
    }
    #sec6 .sec_cont .right .file_w p.etc img {
        max-width: 7px;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w {
        width: 199px;
        top: 18px;
        border-radius: 5px;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w .toast_in {
        padding: 9px;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w .toast_ico {
        margin-right: 5px;
    }
    #sec6 .sec_cont .right .file_w .toast_popup_w p {
        font-size: 8px;

    }
    #sec6 .sec_cont .right .submit_btn {
        margin-top: 2.46vw;
    }
    #sec6 .sec_cont .right .submit_btn {
        margin-top: 19px;
    }
    #sec6 .sec_cont .right .submit_btn a {
        font-size: 11px;

        padding: 7px 14px;
    }
    #sec6 .chk_w .chk_item:first-child {
        margin-top: 14px;
    }
    #sec6 .chk_w .chk_item input[type="checkbox"] + label {
        font-size: 8px;

    }
    #sec6 .chk_w .chk_item input[type="checkbox"] + label i.chk_ico {
        width: 12px;
        height: 12px;
        border-radius: 2px;
        margin-right: 5px;
    }
    #sec6 .chk_w .chk_item input[type="checkbox"]:checked + label i.chk_ico {
        background-size: 12px auto;
    }

    /* popup */
    .popup_comm.fulfill {
        width: 508px;
        max-width: 508px;
    }
    .popup_comm.fulfill .cont {
        margin-top: 14px;
    }
    .popup_comm.fulfill .cont .box:not(:first-child) {
        margin-top: 19px;
    }
    .popup_comm.fulfill .cont .box .tit {
        font-size: 14px;

    }
    .popup_comm.fulfill .cont .box .desc {
        margin-top: 5px;
        font-size: 9px;

    }
    .popup_comm.fulfill .cont .box .comp_list {
        margin-top: 14px;
        gap: 9px;
    }
    .popup_comm.fulfill .cont .box .comp_list .image {
        width: calc((100% - 38px) / 5);
    }


    .section_vid {
        padding-bottom: 141px;
    }
    .section_vid .video_area {
        max-width: 473px;
    }



/* s:사용자재구축 (passrim) 추가  */
body {min-width:100%;}
.fulfill .sec  .section_1{
	background: #F6F7FB;
	height: 420px;
	padding: 35px 0 0 0;
}
.fulfill .sec_tit {
    font-weight: 600;
    font-size: 22px;
    line-height: var(--fs_tit);
    text-align: center;
    color: #121619;
    text-transform: uppercase;
}
.fulfill .sec_desc {
    margin-top: 8px;
    font-size: 14px;
    color: #555555;
    text-align: center;
}
.fulfill .sec_cont {
    margin-top: 24px;
}

/* section1 */
.sec.section_1 {
    background: #F6F7FB;
    height: 490px;
    padding: 48px 0 0 0;
}
.sec.section_1 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sec.section_1 .center .text_w {
	
}
.sec.section_1 .center .text_w p.title {
    font-weight: 500;
    font-size: 26px;
    line-height: var(--fs_tit);
    letter-spacing: -0.35px;
    color: #121619;
    text-align: center;
	font-family: ITC Avant Garde Gothic Pro;
}
.sec.section_1 .center .text_w p.desc {
    margin-top: 8px;
    font-size: 14px;
    color: #555555;
    text-align: center;
	font-family: ITC Avant Garde Gothic Pro;
}
.sec.section_1 .title {
    font-weight: 500;
    font-size: 30px;
    line-height: var(--fs_tit);
    letter-spacing: -0.35px;
    color: #121619;
    text-align: center;
	font-family: ITC Avant Garde Gothic Pro;
}
.sec.section_1 .image_wrap {
    position: relative;
    width: 100%;
    height: 210px;
    margin-top: 40px;
    max-width: 350px;
}
.sec.section_1 .image_w .image_wrap .image {
    position: absolute;
    top: 0;
    left: 0;
	width:100%;
	margin-left:0;
}
.sec.section_1 .text_w .image_wrap .logo_w {
    position: absolute;
    top: -20px;
    right: 25px;
}
.sec.section_1 .text_w .logo_w {
    width: 62px;
    max-width: 62px;
    aspect-ratio: 1;
    position: absolute;
    top: 45%;
    right: 10%;
}
.sec.section_1 .text_w .logo_w img {
    position: absolute;
}
.sec.section_1 .text_w .logo_w img.logo_2 {
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-52%, -62%);
}
.sec.section_1 .text_w .logo_w img.logo_3 {
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    transform: translate(-52%, -58%);
}
.sec.section_1 .sub_w .desc {
    font-size: 14px;

    color: #555;
}
.sec.section_1 .sub_w .icon_w .with_icon {
    display: flex;
    margin-top: 16px;
}
.sec.section_1 .sub_w .icon_w .with_icon i {margin-right: 8px;}
.sec.section_1 .sub_w .icon_w .with_icon p {
    font-weight: 600;
    font-size: 16px;

    color: #121619;
}

.sec.section_vid {
    background-color: #F6F7FB;
    padding-bottom: 70px;
}
.sec.section_vid .video_area {
    max-width: 240px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.sec.section_vid .video_area video {
    display: block;
    width: 100%;
    transform-origin: center top;
}


/* section5 */
.sec.section_5 {
    padding: 40px 0 0 0;
    background: #fdfdff
}
.sec.section_5 .inner {
    padding: 0;
}
.sec.section_5 .inner .sec_tit,
.sec.section_5 .inner .sec_desc {
    padding: 0 20px;
}
.sec.section_5 .sec_cont {
    margin-top: 0;
	width:100%;
}
.sec.section_5 .sec_cont .each_cont .badge {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: #121619;
    padding: 4px 12px;
    border-radius: 22px;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0px;
}
.sec.section_5 .sec_cont .each_cont {
    margin-top: 32px;
	height:100%;
}
.sec.section_5 .sec_cont .each_cont:after {
    display:block;
	width:100%;
	height:0;
	position:static;
	background:none;
	border-radius:0;
}

.sec.section_5 .sec_cont .each_cont .cont_w {
    margin-top: 16px;
	height:auto;
	display:block;
}
.sec.section_5 .sec_cont .each_cont .cont_w .cont_1_desc {display:block;width:100%;}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc {
    padding: 0 20px;
	display:block;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc:not(:first-child) {
    margin-top: 32px;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc:last-child {
    padding: 0;
    margin-top: 50px;
}
.sec.section_5 .sec_cont .each_cont.cont_2,
.sec.section_5 .sec_cont .each_cont.cont_3 {
	padding:0;
}
.sec.section_5 .sec_cont .each_cont.cont_2 .cont_1_desc,
.sec.section_5 .sec_cont .each_cont.cont_3 .cont_1_desc {
	padding:0;
}


.sec.section_5 .sec_cont .each_cont.cont_2 .cont_w .each_desc,
.sec.section_5 .sec_cont .each_cont.cont_3 .cont_w .each_desc {
    margin-top: 0;
	padding:0;
}
.section_5 .sec_cont .each_cont.cont_2 .cont_w .image_w > img:first-child {position:static;width:100%;height:auto;}
.sec.section_5 .sec_cont .each_cont .each_desc .desc_w {display:block;width:100%;}

.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .title {
    font-weight: 600;
    font-size: 18px;
    line-height: var(--fs_tit);
    color: #121619;
    margin-top: 8px;
    text-align: center;
}
.sec.section_5 .sec_cont .each_cont.cont_2 .cont_w .each_desc .title,
.sec.section_5 .sec_cont .each_cont.cont_3 .cont_w .each_desc .title {
	padding-left:20px;
	text-align: left;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .desc {
    margin-top: 8px;
    font-weight: 600;
    font-size: 14px;

    color: #838383;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .desc span {
    font-weight: 600;
    color: #121619;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .image_w {
    margin-top: 40px;
    position: static;
}
.section_5 .sec_cont .each_cont.cont_3 .cont_w .image_w > img:nth-child(1) {
	position:static;
	width:100%;
	transform: none;
}
.sec.section_5 .sec_cont .each_cont .cont_w .image_w {
    margin-top: 40px;
	padding:0;
	width:100%;
    position: static;
}
.sec.section_5 .sec_cont .each_cont.cont_1 .cont_w .each_desc .image_w img:first-child {
    padding: 0 23px;
    z-index: 10;
    position: relative;
}
.sec.section_5 .sec_cont .each_cont.cont_1 .cont_w .each_desc .image_w img:last-child {
    position: relative;
    bottom: 25px;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .lottie_w {
    width: 160px;
    margin: 0 auto;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .each_etc {
    padding: 0 20px;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .each_etc:not(:first-child) {
    margin-top: 16px;
}
.sec.section_5 .sec_cont .each_cont .cont_w .each_desc .each_etc .title {
    font-size: 14px;
    line-height: var(--fs_tit);
    color: #121619;
}
.sec.section_5 .sec_cont .each_cont .cont1_desc .each_desc .each_etc .desc {
    font-weight: 600;
    font-size: 24px;

    color: #121619;
    margin-top: 8px;
}
.section_5 .sec_cont .each_cont .badge {}

.section_5 .sec_cont .sec5_badge_wrpdiv {
	position: static;
}
.cont1_desc_mt90{
	margin-top:0;
}


/* section4 */
.sec.section_4 {
    padding: 40px 0;
    background: #FFFFFF;
}
.sec.section_4 .sec_cont .cont_w {display:block;}
.sec.section_4 .sec_cont .cont_w .each_cont {max-width:100%;padding:0;margin:0;border-radius:0;border:0;}
.sec.section_4 .sec_cont .each_cont:not(:first-child) {
    margin-top: 32px;
}
.sec.section_4 .sec_cont .each_cont .ctkship_logo {
    width: 130px;
    margin-top: 24px;
}
.sec.section_4 .sec_cont .each_cont .title {
    margin-top: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: var(--fs_tit);
    color: #121619;
    text-align: left;
}
.sec.section_4 .sec_cont .each_cont .desc {
    margin-top: 8px;
    font-size: 14px;
    color: #555;
    text-align: left;
}

/* section3 */
.sec.section_3 {
    padding: 40px 0;
    background: #FFFFFF;
}
.sec.section_3 .inner {
    position: unset;
    padding: 0;
}
.sec.section_3 .inner .sec_tit,
.sec.section_3 .inner .sec_desc {
    padding: 0 20px;
}
.sec.section_3 .logo_w.mobile {
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    margin-top: 24px;
    padding: 0;
}
.sec.section_3 .logo_w > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 15px;
	position: static;
    justify-content: flex-start;
}
.sec.section_3 .logo_w .each_logo {
    margin:0;
	padding:0;
	width: calc((100% - 16px) / 3);
    height: 40px;
}
.sec.section_3 .logo_w .each_logo:nth-child(3n) {
    margin-bottom: 16px;
}
.sec.section_3 .logo_w .each_logo img {
    height: 100%;
}
.sec.section_3 .swiper-wrapper{
    transition-timing-function: linear;
}

/* section2 */
.sec.section_2 {
    padding: 40px 0;
    background: #F6F7FB;
}
.sec.section_2 .sec_cont .cont_w {
    display: block;
	border:none;;
}
.sec.section_2 .sec_cont .cont_w .image_w  {
    display: block;
	width:100%;
}
.sec.section_2 .sec_cont .cont_w.c2 {
    margin-top: 16px;
}
.sec.section_2 .sec_cont .cont_w .text_w {
    padding: 24px 16px;
	width:100%;
    background: #fff;
    border: 1px solid #e1e1e1;
}
.sec.section_2 .sec_cont .cont_w .text_w .desc_1 {}
.sec.section_2 .sec_cont .cont_w .text_w .badge {
    font-size: 16px;

    color: #fff;
    background: #121619;
    padding: 2px 12px;
    border-radius: 30px;
}
.sec.section_2 .sec_cont .cont_w .text_w .title {
    margin-top: 4px;
    font-weight: 600;
    font-size: 24px;
    line-height: var(--fs_tit);
    color: #121619;
}
.sec.section_2 .sec_cont .cont_w .text_w .desc {
    font-size: 16px;
    color: #555;
    margin-top: 8px;
}
.sec.section_2 .sec_cont .cont_w .text_w .sub_w {
    margin-top: 24px;
}
.sec.section_2 .sec_cont .cont_w .text_w .sub_w .each_place {margin:0;display:block;}

.sec.section_2 .sec_cont .cont_w .text_w .sub_w .each:not(:first-child) {
    font-weight: 600;
    font-size: 24px;
    line-height: var(--fs_tit);
    color: #121619;
}
.sec.section_2 .sec_cont .cont_w .text_w .sub_w .btn:not(:last-child) {
    margin-top: 4px;
    font-size: 16px;
    color: #444;
}
.sec.section_2 .sec_cont .cont_w .text_w .btn_w {
    margin-top: 24px;
}
.sec.section_2 .sec_cont .cont_w .text_w .btn_w a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #121619;
    padding: 6px 16px;
    background: #fff;
    border: 1px solid #121619;
	margin-bottom: 5px;
}
.fulfill .sec_tit {}


/* section6 */
#sec6.section_6 {
    padding: 40px 0;
    background: #121619;
}
#sec6.section_6 .inner {padding: 0 20px;}
#sec6.section_6 .sec_tit {
    font-weight: 600;
    font-size: 24px;
    line-height: var(--fs_tit);
    color: #fff;
    text-align: left;
}
#sec6.section_6 .sec_cont {
    display:block;
}
#sec6.section_6 .left {
    font-size: 14px;
    color: #f0f0f0;
    text-align: left;
	width:100%;
}
#sec6.section_6 .sec_cont .left, 
#sec6.section_6 .sec_cont .right {
	width:100%;
}
#sec6.section_6 .sec_cont .left .l_desc p {
	font-size: 14px;
	color: #f0f0f0;
	text-align: left;
}
#sec6.section_6 .sec_cont .left .l_desc p > span{
	font-weight:400;
}
#sec6.section_6 .sec_cont .right {
    margin-top: 32px;
	padding-left:0;
    color: #fff;
	width:100%;
}
#sec6.section_6 .sec_cont .right .step > .cont .item:not(:first-child) {margin-top:24px;}
#sec6.section_6 .right .step > .tit {
    font-weight: 600;
    font-size: 24px;
    line-height: var(--fs_tit);
    color: #fff;
}
#sec6.section_6 .sec_cont .right .step + .step > .tit {
    font-size: 16px;
    font-weight: 600;
    margin-right: 32px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}
#sec6.section_6 .sec_cont .right .step + .step {
    margin-top: 24px;
}
#sec6.section_6 .sec_cont .right .step + .step > .cont {
    margin-top: 8px;
}
#sec6.section_6 .sec_cont .right .step + .step > .cont .item {
    margin-top: 0px;
}
#sec6.section_6 .right .step > .cont .item {
    margin-top: 24px;
}
#sec6.section_6 .right .step > .cont .item .form_label{
    margin-right:0;
	width:auto;
}
#sec6.section_6 .right .step > .cont .item label {
	width:100%;
	font-size: 16px;
    font-weight: 600;
    margin-right: 32px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    display:block;
}
#sec6.section_6 .right .step > .cont .item .input_box {
    width: 100%;
    border: 1px solid #DDDDDD;
}
#sec6.section_6 .right .step > .cont .item .input_box input,
#sec6.section_6 .right .step > .cont .item .input_box select,
#sec6.section_6 .right .step > .cont .item .input_box textarea {
    width: 100%;
    height: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 300;

    color: #DDDDDD;
    background: #121619;
}
#sec6.section_6 .right .step > .cont .item .input_box select option {
    width: 100%;
    height: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 300;

    color: #DDDDDD;
    background: #121619;
}
#sec6.section_6 .right .step > .cont .item .input_box select {
    background-image: url('/v2/img/ico_down_w.png');
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center right 12px;
}
#sec6.section_6 .right .step > .cont .item .input_box.msg {
    width: 100%;
}
#sec6.section_6 .right .step > .cont .item.phone .input_box {
    border: none;
}
#sec6.section_6 .right .step > .cont .item.phone .input_box select {
    width: 140px;
    margin-right: 8px;
    border: 1px solid rgba(221, 221, 221, 1);
}
#sec6.section_6 .right .step > .cont .item.phone .input_box input {
    width: calc(100% - 148px);
    border: 1px solid rgba(221, 221, 221, 1);
}

#sec6.section_6 .right .file_w {
    margin-top: 16px;
    color: #FFFFFF;
    position: relative;
}

#sec6.section_6 .right .file_w p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3750;
}

#sec6.section_6 .right .file_w input[type=file] {
    display: none;
}

#sec6.section_6 .right .file_w input[type=file] + label {
    background-color: #DDDDDD;
    display: inline-flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin: 8px 0;
    color: #121619;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857;
}

#sec6.section_6 .right .file_w input[type=file] + label img {
    display: inline-flex;
    margin-right: 4px;
    max-width: 14px;
}

#sec6.section_6 .right .file_w .file_list p {
    display: flex;
}

#sec6.section_6 .right .file_w .file_list p a {
    color: #FFFFFF;
    font-weight: 300;
}

#sec6.section_6 .right .file_w p.etc {
    color: #838383;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    margin-top: 8px;
}

#sec6.section_6 .right .file_w p.etc img {
    display: inline-flex;
    vertical-align: middle;
    max-width: 12px;
}

#sec6.section_6 .right .file_w .toast_popup_w {
    display: none;
    width: 336px;
    position: absolute;
    top: 30px;
    right: 0;
    border-radius: 8px;
    background-color: rgba(68,68,68,0.9);
    z-index: 1;
}

#sec6.section_6 .right .file_w .toast_popup_w .toast_in {
    padding: 16px;
    display: flex;
    align-items: center;
}

#sec6.section_6 .right .file_w .toast_popup_w .toast_ico {
    margin-right: 8px;
}

#sec6.section_6 .right .file_w .toast_popup_w p {
    font-size: 14px;

    font-weight: 300;
    color: #FFFFFF;
}
#sec6.section_6 .right .submit_btn {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}
#sec6.section_6 .right .submit_btn a {
    font-size: 18px;
    font-weight: 600;

    color: #121619;
    background: #FFFFFF;
    padding: 8px 20px;
    display: inline-block;
}

#sec6.section_6 .chk_w .chk_item {
    border: none;
    background-color: rgba(18, 22, 25, 1);
    color: #fff;
}

#sec6.section_6 .chk_w .chk_item:first-child {
    margin-top: 24px;
}

#sec6.section_6 .chk_w .chk_item input[type="checkbox"] + label {
    font-size: 14px;

    display: flex;
    align-items: center;
    cursor: pointer;
}

#sec6.section_6 .chk_w .chk_item input[type="checkbox"] + label span {
    text-decoration: underline;
}

#sec6.section_6 .chk_w .chk_item input[type="checkbox"] + label i.chk_ico {
    display: block;
    width: 20px;
    height: 20px;
    /*border: 1px solid #ddd;*/
    /*background-color: #fff;*/
    border-radius: 4px;
    margin-right: 8px;
    flex-shrink: 0;
}

#sec6.section_6 .chk_w .chk_item input[type="checkbox"]:checked + label i.chk_ico {
    border: 1px solid #ddd;
    background-color: #fff;
    background-image: url(/v2/img/ico_check_blk.png);
    background-position: center;
    background-size: 20px auto;
    background-repeat: no-repeat;
}



.wrap.en.mobile_wrap .popup_comm.fulfill.usa_alli_popup,
.wrap.en.mobile_wrap .popup_comm.fulfill.colo_alli_popup{width: 100vw;margin: 0px;height: 100vh;max-width:100%;}

.wrap.en.mobile_wrap .popup_comm.fulfill.usa_alli_popup .cont .box .tit {font-size: 24px;}
.wrap.en.mobile_wrap .popup_comm.fulfill.usa_alli_popup .cont .box .desc {margin: 0;padding: 0;margin-top: 8px;font-size: 16px;color: rgba(68, 68, 68, 1);}
.wrap.en.mobile_wrap .popup_comm.fulfill.usa_alli_popup .cont .box .comp_list {margin: 0;padding: 0;margin-top: 24px;display: flex;gap: 8px;flex-wrap: wrap;}
.wrap.en.mobile_wrap .popup_comm.fulfill.usa_alli_popup .cont .box .comp_list .image {width: calc((100% - 16px) / 3);}


.popup_comm.fulfill{margin:0;width:100%;max-width:100%;height:100%;}
.popup_comm.fulfill .cont {margin-top: 16px;max-height: calc(100vh - 140px);}
.popup_comm.fulfill .cont .box .tit{font-weight: 600;font-size: 18px;line-height: var(--fs_tit);color: rgba(68, 68, 68, 1);}
.popup_comm.fulfill .cont .box .desc{margin-top: 8px;font-size: 16px;color: rgba(68, 68, 68, 1);}
.popup_comm.fulfill .cont .box .comp_list{margin-top: 24px;display: flex;gap: 8px;flex-wrap: wrap;}
.popup_comm.fulfill .cont .box .comp_list .image {width: calc((100% - 16px) / 3);}


.sec.section_5 .inner .sec_tit > span {display:block;font-size:22px;}
/* s:사용자재구축 추가 끝  */
}

/*버튼추가 202506*/
#sec1 .inner .btn{
		padding: 3% 0%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#sec1 .inner .btn > a{
		display: flex;
		gap:2px;
		background: var(--gradient2);
		padding: var(--px12) var(--px24) var(--px12) var(--px24);
		font-size: var(--px16);
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		line-height: 19.2px;
		
		letter-spacing: 0.35px;
		vertical-align: middle;

		
		
	}
	
	.ico_cclip.more {
	    aspect-ratio: 26 / 10;
	    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="10" viewBox="0 0 26 10" fill="none"><g><path d="M17 1.5L24 8.35938H0" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/></g></svg>');
	    background-position-y: calc(50% - 1px);
	    width: 1.625em;
	}
	
	@media (max-width: 768px) {
		.sec.section_1 {
			padding-top: 11px;
		}
	    #sec1 .inner .btn > a{
	       padding: 10px 16px 10px 12px;
	    }
		.sec.section_1 .center .text_w p.desc {
			font-family: Wanted Sans Variable;
			font-weight: 400;
			font-size: 14px;
			line-height: 19.6px;
			letter-spacing: 0.35px;
			text-align: center;

		}
		#sec1 .inner .btn {
			padding-top: 24px;
		}
	}