/* common */
#c1_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}

/* font size */
#c1_wrap .fs_80 {font-size: 80px; font-weight :800; line-height: 1.29; }
#c1_wrap .fs_65 {font-size: 65px; font-weight :800; line-height: 1.06; }
#c1_wrap .fs_50 {font-size: 50px; font-weight :700; line-height: 1.5; }
#c1_wrap .fs_49 {font-size: 49px; font-weight :700; line-height: 1.5; }
#c1_wrap .fs_45 {font-size: 45px; font-weight :700; line-height: 1.2;  }
#c1_wrap .fs_40 {font-size: 40px; font-weight :700; line-height: 1.2;  }
#c1_wrap .fs_35 {font-size: 35px; font-weight :700; line-height: 1.39; }
#c1_wrap .fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
#c1_wrap .fs_33 {font-size: 33px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_32 {font-size: 32px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_30 {font-size: 30px; font-weight:700; line-height: 1.3;}
#c1_wrap .fs_27 {font-size: 27px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_26 {font-size: 26px; font-weight:700; line-height: 1.3;  }
#c1_wrap .fs_25 {font-size: 25px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_23 {font-size: 23px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_22 {font-size: 22px; font-weight:600; line-height: 1.4; }
#c1_wrap .fs_21 {font-size: 21px; font-weight:600; line-height: 1.67; }
#c1_wrap .fs_20 {font-size: 20px; font-weight:400; line-height: 1.67; }
#c1_wrap .fs_19 {font-size: 19px; font-weight: 400; line-height: 1.67; }
#c1_wrap .fs_18 {font-size: 18px; font-weight: 400;  line-height: 1.83; color:#333; }
#c1_wrap .fs_17 {font-size: 17px; font-weight: 400; line-height: 1.72; }
#c1_wrap .fs_16 {font-size: 16px; font-weight: 400;  line-height: 1.72; }
#c1_wrap .fs_15 {font-size: 15px; font-weight: 400;  line-height: 1.72; }

/* c_btn */
#c1_wrap .c_btn a {display: flex; justify-content: space-between; align-items: center; width: 251px; height: 58px; text-align: left; border-radius: 29px;
 border:1px solid #000; transition:all .3s; font-size: 19px; color:#000; font-weight: 500; padding: 0 40px;}
#c1_wrap .c_btn a:hover {background-color: #ffa521; border-color: #ffa521; color:#fff; }
#c1_wrap .c_btn a i {position: relative; display: block; width: 18px; height: 12px; background:url("../img/c_btn_arrow.png") 50%/contain no-repeat; transition: all .3s; }
#c1_wrap .c_btn a:hover i {background-image:url("../img/c_btn_arrow_w.png");}

/*Content CSS*/
#c1_wrap {position: relative; padding: 195px 0 160px; z-index: 2; overflow: hidden; }

#c1_wrap .bg_wrap {position: absolute; z-index:-1; left: 50%; top:0; transform: translateX(-50%); width: 100%; max-width: 1920px; pointer-events: none; height: 100%;
overflow: hidden; opacity: .7;}
#c1_wrap .bg {position: absolute; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; line-height: 1; font-size: 160px;
font-weight: 800;   color: rgba(0, 0, 0, 0.06); font-family: "Poppins", sans-serif }
#c1_wrap .bg.bg1 {left: -10px; top:638px;}
#c1_wrap .bg.bg2 {right: -10px; bottom:760px;}

#c1_wrap .left_txt { width: 100%; position: absolute; left: 50px; top:-20px; z-index: 2; max-width: 650px;}
#c1_wrap .left_txt h2 {font-family: "Poppins", sans-serif; }
#c1_wrap .left_txt p {font-family: 'OneStoreMobileGothicBody'; margin:35px 0 55px; line-height: 1.88; color:#222; }

#c1_wrap .list {text-align: left; display: flex; flex-direction: column; align-items: flex-end; position: relative;}
#c1_wrap .list > li {width: 548px; }
#c1_wrap .list > li:nth-of-type(2) {position: absolute; left: 0; top:558px}
#c1_wrap .list > li:nth-of-type(3) {margin-top: 60px; }


#c1_wrap .list a {position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; overflow: hidden; width: 100%; height: 651px;
border-radius: 20px;  box-shadow: 0px 9px 22.8px 1.2px rgba(0, 0, 0, 0.14); padding: 0 65px 70px;}
#c1_wrap .list a::before {content: ''; display: block; width:calc(100% + 2px); height: calc(100% + 2px); position: absolute; z-index: -1; left: -1px; top:-1px; background-image: linear-gradient(to top, rgba(255,165,33,1), rgba(255, 165, 33, 0)); transition: opacity .3s; opacity: 0;}
#c1_wrap .list a > img {width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top:0; object-fit: cover; }
#c1_wrap .list .plus {position: absolute; transition: .3s; top:55px; right: 42px; transform: rotate(0deg); width: 95px; height: 95px; border-radius: 50%;
background: #4b4b4b; display: flex; align-items: center; justify-content: center; }
#c1_wrap .list .txt {width: 100%;}
#c1_wrap .list h4 { color:#fff; font-weight: 700; font-family: "Poppins", sans-serif; margin-top: 25px; }

/* hover */
#c1_wrap .list a:hover::before {opacity: 1; }
#c1_wrap .list a:hover .plus { transform: rotate(90deg); background-color: #ffa521; }


#c1_wrap .scroll_wrap {position: absolute; top:0; left: 50%;  transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; height: 100%;
-webkit-mask-image: linear-gradient(to top, transparent, black 30%, black 70%, transparent);
mask-image: linear-gradient(to top, transparent, black 30%, black 70%, transparent);

-webkit-mask-size: 100% 200%;
mask-size: 100% 200%;

-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;

transition: -webkit-mask-size 0.5s ease, mask-size 0.5s ease;}

#c1_wrap .scroll_wrap .line {width: 4px; height: 824px; background-image: linear-gradient(to top, rgba(231,150,31,.8), rgba(255, 165, 33, 0)); margin-bottom: -9px;}
#c1_wrap .scroll_wrap .dot {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgba(231,150,32,.2); border-radius: 50%;
transition: all .3s;}
#c1_wrap .scroll_wrap .dot::before {content: ''; display: block; width: 15px; height: 15px; background: #e79620; border-radius: 50%; }

#c1_wrap .scroll_wrap.visible {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}






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


}