.purchasingNew {
    width:100%;
}

.purchasingNew .tit_box {
    width:100%;
}

.purchasingNew .tit_box:before {
    content:'';
    width:37px;
    height:2px;
    background:#262626;
    margin:0 auto 22px;
    display:flex;
}

.purchasingNew .tit_box h2 {
    width:100%;
    text-align:center;
    font-size:40px;
    letter-spacing:-0.03em;
    line-height:50px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .tit_box h2 span {
    font-weight:500;
}

.purchasingNew .tit_box p {
    width:100%;
    text-align:center;
    font-size:24px;
    letter-spacing:-0.05em;
    line-height:38px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec1 {
    width:100%;
    position:relative;
    padding:204px 0 120px;
}
.purchasingNew .sec1:after {
    content:'';
    width:44.79vw;
    height:100%;
    background:#F6F6F6;
    display:flex;
    position:absolute;
    top:0;
    right:0;
}
.purchasingNew .sec1 .inner {
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.purchasingNew .sec1 .txt_box {
    /* width:calc(100% - 35vw); */
    max-width:calc(100% - 744px);
}
.purchasingNew .sec1 .txt_box .s_tit {
    font-size:25px;
    font-weight:400;
    color:#7B7B7B;
    margin-bottom:7px;
}
.purchasingNew .sec1 .txt_box h1 {
    font-size:56px;
    font-weight:700;
    line-height:64px;
    color:#000;
    margin-bottom:80px;
    position:relative;
    top:100px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.purchasingNew .sec1 .txt_box h1.on {
    top:0;
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.purchasingNew .sec1 .txt_box h1 span {
    color:#1EBEFF;
}
.purchasingNew .sec1 .txt_box .sub_txt {
    font-size:20px;
    font-weight:400;
    line-height:30px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
}
.purchasingNew .sec1 .txt_box .sub_txt:not(:last-child) {
    margin-bottom:38px;
}
.purchasingNew .sec1 .img_box {
    width:34.583vw;
    max-width:664px;
    position:relative;
}
.purchasingNew .sec1 .img_box:after {
    content:'';
    width:8.4375vw;
    max-width:162px;
    height:25.10vw;
    background:url('../images/purchasing/purchasing_txt.png') no-repeat;
    background-size:contain;
    display:block;
    position:absolute;
    top:-130px;
    right:-7.0312vw;
}
.purchasingNew .sec1 .img_box img {
    margin-left:200px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.purchasingNew .sec1 .img_box.on img {
    margin-left:0;
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}

.purchasingNew .sec2 {
    width:100%;
    display:flex;
    align-items:stretch;
}

.purchasingNew .sec2 .img_box {
    width:calc(100% - 872px);
}

.purchasingNew .sec2 .img_box img {
    width:100%;
    height:100%;
    object-fit:cover;
}

.purchasingNew .sec2 .txt_box {
    width: 872px;
    background: linear-gradient(126deg, #39C2F5 0%, #A2A2FF 100%);
    background-position: bottom right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 20px 96px;
}

.purchasingNew .sec2 .txt_box .tit {
    font-size:40px;
    letter-spacing:-0.05em;
    color:#fff;
    line-height:50px;
    margin-bottom:15px;
}

.purchasingNew .sec2 .txt_box .tit span {
    font-weight:700;
}

.purchasingNew .sec2 .txt_box .txt {
    font-size:30px;
    font-weight:300;
    letter-spacing:-0.05em;
    color:#fff;
    line-height:40px;
    margin-bottom:50px;
}

.purchasingNew .sec2 .btn_bnr {
        width: 196px;
    height: 55px;
    border-radius: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchasingNew .sec2 .btn_bnr p {
    font-size: 22px;
  	font-weight: 500;
    letter-spacing: -0.02em;
    color: #1EBEFF;
    margin-right: 12px;
    position: relative;
}

.purchasingNew .sec2 .btn_bnr img {
    width: 30px;
    height: 30px;
}

.purchasingNew .sec3 {
    padding:90px 0;
    background:rgba(247,247,247,0.8);
}

.purchasingNew .sec3 .tit_box h2 {
    margin-bottom:60px;
}

.purchasingNew .sec3 .reason_lst {
    width:100%;
    height:403px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.purchasingNew .sec3 .reason_lst li {
    width:calc(25% - 20px);
    transition:.75s;
}

.purchasingNew .sec3 .reason_lst li.on {
    margin-top:60px;
    transition:.75s;
}

.purchasingNew .sec3 .reason_lst li .reason_num {
    width:100%;
    height:28px;
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.03em;
    display:flex;
    align-items:flex-end;
    margin-bottom:15px;
    transition:.75s;
}

.purchasingNew .sec3 .reason_lst li .reason_num.on {
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#1EBEFF;
    display:flex;
    align-items:center;
    transition:.75s;
}

.purchasingNew .sec3 .reason_lst li .reason_num.on:before {
    content:'';
    width:28px;
    height:28px;
    display:flex;
    background:url('../images/purchasing/check.png') no-repeat;
    background-size:contain;
    margin-right:10px;
}

.purchasingNew .sec3 .reason_lst li .reason_box {
    width: 100%;
    height: auto;
    padding: 25px 24px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.purchasingNew .sec3 .reason_lst li .reason_box img {
    width:initial;
    margin-bottom:25px;
}

.purchasingNew .sec3 .reason_lst li .reason_box .tit {
    font-size:25px;
    font-weight:700;
    letter-spacing:-0.05em;
    margin-bottom:10px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec3 .reason_lst li .reason_box .txt {
    font-size:20px;
    letter-spacing:-0.05em;
    line-height:28px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec4 {
    padding:90px 0;
}

.purchasingNew .sec4 .tit_box h2 {
    margin-bottom:60px;
}

.purchasingNew .sec4 .con_box {
    width:100%;
    padding:0 30px;
    display:flex;
    justify-content:space-between;
}

.purchasingNew .sec4 .con_box .item {
    display:flex;
    align-items:center;
}

.purchasingNew .sec4 .con_box .item img {
    width:initial;
    margin-right:20px;
}

.purchasingNew .sec4 .con_box .item .txt_box .tit {
    font-size:25px;
    font-weight:500;
    letter-spacing:-0.03em;
    margin-bottom:8px;
}

.purchasingNew .sec4 .con_box .item .txt_box .txt {
    font-size:20px;
    letter-spacing:-0.03em;
    line-height:30px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec5 {
    padding:90px 0;
    background:url('../images/purchasing/sec5_bg_new.png') no-repeat;
    background-size:cover;
    background-position:center bottom;
}

.purchasingNew .sec5 h2 {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.05em;
    margin-bottom:58px;
}

.purchasingNew .sec5 h2:before {
    content:'';
    width:37px;
    height:2px;
    display:flex;
    background:#262626;
    margin-bottom:14px;
}

.purchasingNew .sec5 .slider_box {
    width:100%;
    height:270px;
    margin-bottom:20px;
}

.purchasingNew .sec5 .slider_box li {
    width:300px;
    height:270px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
}

.purchasingNew .sec5 .slider_box li .step_box {
    width:290px;
    height:260px;
    border-radius:10px;
    background:#fff;
    padding:30px;
    box-shadow:0 0 6px rgba(0,0,0,0.16);
    position:relative;
    transition:.3s;
}

.purchasingNew .sec5 .slider_box li .step_box .step {
    font-size:19px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#74777B;
    margin-bottom:14px;
}

.purchasingNew .sec5 .slider_box li .step_box .tit {
    font-size:19px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#74777B;
    margin-bottom:6px;
}

.purchasingNew .sec5 .slider_box li .step_box .txt {
    font-size:16px;
    letter-spacing:-0.03em;
    color:#74777B;
    line-height:24px;
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec5 .slider_box li .step_box .img_box {
    position:absolute;
    bottom:30px;
    right:30px;
}

.purchasingNew .sec5 .slider_box li .step_box .img_box.on .on {
    display:none;
}

.purchasingNew .sec5 .slider_box li .step_box:not(.last):after {
    content:'';
    width:40px;
    height:40px;
    border-radius:50%;
    background:#C0C5C9 url('../images/purchasing/arrow_new.png') no-repeat;
    background-position:center;
    background-size:initial;
    display:flex;
    box-shadow:0 0 6px rgba(0,0,0,0.16);
    position:absolute;
    top:50%;
    right:-25px;
    z-index:1;
    transform:translateY(-50%);
    transition:.3s;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box {
    width:100%;
    height:100%;
    border:1.5px solid #1EBEFF;
    transition:.3s;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box .step {
    font-size:20px;
    color:#1EBEFF;
    transition:.3s;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box .tit {
    font-size:20px;
    color:#21211D;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box .txt {
    font-size:20px;
    color:#21211D;
    line-height:26px;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box .img_box .on {
    display:block;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box .img_box .off {
    display:none;
}

.purchasingNew .sec5 .slider_box li.slick-current .step_box:after {
    background:#1EBEFF url('../images/purchasing/arrow_new.png') no-repeat;
    background-size:initial;
    background-position:center;
}

.purchasingNew .sec5 .slider_box .process_slider_btn {
    width:22px;
    height:39px;
    font-size:0;
    border:none;
    position:absolute;
    top:-105px;
    right:0;
    z-index:1;
}

.purchasingNew .sec5 .slider_box .process_slider_btn.prev {
    margin-right:95px;
}

.purchasingNew .sec5 .slider_box .process_slider_btn.next {
    margin-right:36px;
}

.purchasingNew .sec5 .info_txt {
    font-size:20px;
    letter-spacing:-0.05em;
    color:rgba(33,33,33,0.5);
    word-wrap:break-word;
    word-break:keep-all;
}

.purchasingNew .sec6 {
    padding:90px 0;
    background:rgba(247,247,247,0.8);
}

.purchasingNew .sec6 .tit_box h2 {
    margin-bottom:60px;
}

.purchasingNew .sec6 .site_lst {
    width:100%;
    max-width:900px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 auto;
}

.purchasingNew .sec6 .site_lst li {
    width:calc((100% - 20px) / 5);
    height:180px;
    border-radius:10px;
    border:1px solid #E7EAED;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    background:#fff;
}

.purchasingNew .sec6 .site_lst li img {
    width:initial;
}

.purchasingNew .sec6 .site_lst li .hover_box {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#1EBEFF;
    opacity:0;
    transition:.3s;
}

.purchasingNew .sec6 .site_lst li:hover .hover_box {
    opacity:1;
    trasition:.3s;
}

.purchasingNew .sec6 .site_lst li .hover_box a {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.purchasingNew .sec6 .site_lst li .hover_box a .site_name {
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.02em;
    color:#fff;
    margin-bottom:10px;
}

.purchasingNew .sec6 .site_lst li .hover_box a .move {
    font-size:12px;
    letter-spacing:-0.02em;
    color:#fff;
    display:flex;
    align-items:center;
}

.purchasingNew .sec6 .site_lst li .hover_box a .move:before {
    content:'';
    width:14px;
    height:12px;
    background:url('../images/purchasing/move.png') no-repeat;
    background-size:contain;
    margin-right:8px;
}

.purchasingNew .sec7 {
    padding:90px 0 127px;
}

.purchasingNew .sec7 .tit_box h2 {
    margin-bottom:60px;
}

.purchasingNew .sec7 .map_box {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
}

.purchasingNew .sec7 .map_box .map img {
    width:initial;
    margin-right:80px;
}

.purchasingNew .sec7 .map_box .country_box {
    width:410px;
}

.purchasingNew .sec7 .map_box .country_box .country_lst {
    width:100%;
    margin-bottom:10px;
    display:flex;
    align-items:center;
}

.purchasingNew .sec7 .map_box .country_box .country_lst li {
    display:flex;
    align-items:center;
    cursor:pointer;
}

.purchasingNew .sec7 .map_box .country_box .country_lst li img {
    width:initial;
}

.purchasingNew .sec7 .map_box .country_box .country_lst li p {
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#888;
    margin-left:10px;
}

.purchasingNew .sec7 .map_box .country_box .country_lst li.on p {
    color:#1EBEFF;
}

.purchasingNew .sec7 .map_box .country_box .country_lst li:not(:last-child):after {
    content:'';
    width:1px;
    height:25px;
    background:#D9D9D9;
    margin:0 15px;
    display:flex;
}

.purchasingNew .sec7 .map_box .country_box .country_info {
    width:410px;
    height:180px;
    padding:20px 32px;
    border-radius:10px;
    background:#F2FDFF;
    margin-bottom:34px;
}

.purchasingNew .sec7 .map_box .country_box .country_info .tit {
    display:flex;
    align-items:center;
    font-size:22px;
    font-weight:700;
    letter-spacing:-0.03em;
    margin-bottom:18px;
}

.purchasingNew .sec7 .map_box .country_box .country_info .tit:before {
    content:'';
    width:21px;
    height:28px;
    background:url('../images/purchasing/marker.png') no-repeat;
    background-size:contain;
    margin-right:10px;
    display:flex;
}

.purchasingNew .sec7 .map_box .country_box .country_info .info_item {
    display:flex;
    align-items:center;
}

.purchasingNew .sec7 .map_box .country_box .country_info .info_item:not(:last-child) {
    margin-bottom:12px;
}

.purchasingNew .sec7 .map_box .country_box .country_info .info_item .label {
    width:40px;
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.03em;
    color:#000;
    margin-right:30px;
}

.purchasingNew .sec7 .map_box .country_box .country_info .info_item .txt {
    font-size:14px;
    letter-spacing:-0.03em;
    color:#000;
}

.purchasingNew .sec7 .map_box .country_box .download_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-around;
}

.purchasingNew .sec7 .map_box .country_box .download_box li p {
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.02em;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.purchasingNew .sec7 .map_box .country_box .download_box li p:before {
    content:'';
    width:40px;
    height:40px;
    background:url('../images/purchasing/download.png') no-repeat;
    background-size:contain;
    margin-bottom:8px;
    display:flex;
}




