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

/* font size */
#c1_wrap .fs_80 {font-size: 30px; font-weight :800; line-height: 1.29; }
#c1_wrap .fs_65 {font-size: 28px; font-weight :800; line-height: 1.06; }
#c1_wrap .fs_50 {font-size: 25px; font-weight :700; line-height: 1.5; }
#c1_wrap .fs_49 {font-size: 25px; font-weight :700; line-height: 1.5; }
#c1_wrap .fs_45 {font-size: 24px; font-weight :700; line-height: 1.2;  }
#c1_wrap .fs_40 {font-size: 24px; font-weight :700; line-height: 1.2;  }
#c1_wrap .fs_35 {font-size: 22px; font-weight :700; line-height: 1.39; }
#c1_wrap .fs_34 {font-size: 22px; font-weight:500; line-height: 1.3; }
#c1_wrap .fs_33 {font-size: 22px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_32 {font-size: 20px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_30 {font-size: 20px; font-weight:700; line-height: 1.3;}
#c1_wrap .fs_27 {font-size: 19px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_26 {font-size: 19px; font-weight:700; line-height: 1.3;  }
#c1_wrap .fs_25 {font-size: 18px; font-weight:700; line-height: 1.3; }
#c1_wrap .fs_24 {font-size: 18px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_23 {font-size: 17px; font-weight:700; line-height: 1.4;}
#c1_wrap .fs_22 {font-size: 17px; font-weight:600; line-height: 1.4; }
#c1_wrap .fs_21 {font-size: 16px; font-weight:600; line-height: 1.67; }
#c1_wrap .fs_20 {font-size: 15px; font-weight:400; line-height: 1.67; }
#c1_wrap .fs_19 {font-size: 15px; font-weight: 400; line-height: 1.67; }
#c1_wrap .fs_18 {font-size: 14px; font-weight: 400;  line-height: 1.83; color:#333; }
#c1_wrap .fs_17 {font-size: 14px; font-weight: 400; line-height: 1.72; }
#c1_wrap .fs_16 {font-size: 13px; font-weight: 400;  line-height: 1.72; }
#c1_wrap .fs_15 {font-size: 12px; font-weight: 400;  line-height: 1.72; }

/* c_btn */
#c1_wrap .c_btn a {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; text-align: left; border-radius: 29px;
 border:1px solid #000; transition:all .3s; font-size: 14px; color:#000; font-weight: 500; padding: 0 20px;}
#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: 50px 0; z-index: 2; overflow: hidden; text-align: center;}

#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%; }
#c1_wrap .left_txt h2 {font-family: "Poppins", sans-serif; }
#c1_wrap .left_txt p {font-family: 'OneStoreMobileGothicBody'; margin:10px 0 30px; line-height: 1.88; color:#222; font-size: 16px ;}

#c1_wrap .list {text-align: left;  position: relative; margin-top: 40px; }
#c1_wrap .list > li:nth-of-type(n+2) {margin-top: 20px; }


#c1_wrap .list a {position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; overflow: hidden; width: 100%; height:200px;
border-radius: 20px;  box-shadow: 0px 9px 22.8px 1.2px rgba(0, 0, 0, 0.14); padding: 0 20px 20px;}
#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:20px; right: 20px; transform: rotate(0deg); width: 50px; height: 50px; border-radius: 50%;
background: #4b4b4b; display: flex; align-items: center; justify-content: center; }
#c1_wrap .list .plus img {width: 22px; }
#c1_wrap .list .txt {width: 100%;}
#c1_wrap .list .icon img {max-height:50px; }
#c1_wrap .list h4 { color:#fff; font-weight: 700; font-family: "Poppins", sans-serif; margin-top: 20px; }

/* 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) {


}