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

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

/* c_btn */
#c2_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;}
#c2_wrap .c_btn a:hover {background-color: #ffa521; border-color: #ffa521; color:#fff; }
#c2_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; }
#c2_wrap .c_btn a:hover i {background-image:url("../img/c_btn_arrow_w.png");}

/*Content CSS*/
#c2_wrap { overflow: hidden; position: relative; z-index: 1; padding: 160px 0 150px; }
#c2_wrap::before {content: ''; display: block; width: 100%; height: 743px; position: absolute; left: 0; top:0; z-index: -1; background:url("../img/c2_bg.jpg") 50%/cover no-repeat;}

#c2_wrap .top_tit {display:flex; justify-content: space-between; align-items: center; }
#c2_wrap .top_tit .c_tit h2 {color:#fff; font-weight: 800; font-family: "Poppins", sans-serif; }
#c2_wrap .top_tit .c_btn a {border-color: #fff; color:#fff; }
#c2_wrap .top_tit .c_btn a i {background-image:url("../img/c_btn_arrow_w.png");}
#c2_wrap .top_tit .c_btn a:hover {border-color: #ffa521;}


#c2_wrap .list {display: flex; justify-content: space-between; margin:65px 0 0; }
#c2_wrap .list > li {width: 14.54%; position: relative; z-index: 1; transition: width .5s;}
#c2_wrap .list .wrap {display: block; width: 100%; height: 487px; position: relative;  transition: width .5s;  }
#c2_wrap .list .img {display: flex; align-items:center; justify-content: center; border-radius:20px;   width: 100%; overflow: hidden; position: relative; z-index: 1; }

#c2_wrap .list .img img {max-width: inherit; min-height: 100%; transition: all .5s; }
#c2_wrap .list .txt {position: absolute; left: 0; top: 0; padding: 75px 0; text-align: left; width: 100%; overflow: hidden; z-index: 2;
display: flex; justify-content: space-between; align-items: center; writing-mode: vertical-rl; height: 100%;}
#c2_wrap .list .txt h3 {  font-weight: 700; color:#fff; line-height: 1.3;font-family: "Poppins", sans-serif;  white-space: nowrap;}
#c2_wrap .list .txt .num {font-size: 56px; font-weight: 700; color:#fff; font-family: "Poppins", sans-serif; line-height: 1; font-style: normal; opacity: .5; }
#c2_wrap .list .plus_btn {position: absolute; left: 85px; bottom:75px; opacity: 0; z-index: 3;transition: all .3s; width: 78px; height: 78px; border-radius: 50%;
border:2px solid #fff; display: flex; align-items: center; justify-content: center; }
#c2_wrap .list .plus_btn i {display: block; width: 26px; height: 27px; background:url("../img/c2_plus.png") 50%/contain no-repeat; transition: transform .3s;}
#c2_wrap .list .plus_btn:hover {background: #000; border-color: #000; }
#c2_wrap .list .plus_btn:hover i {transform: rotate(90deg);}
#c2_wrap .list .hexa_plus {position: absolute; left: 50%;  transform: translateX(-50%); bottom:-38px; opacity: 1;  z-index: 3;transition: all .3s; width: 69px; height: 80px;
display: flex; align-items: center; justify-content: center; background:url("../img/c2_hexa_1.png") 50%/contain no-repeat; pointer-events: auto;}
#c2_wrap .list .hexa_plus i {display: block; width: 26px; height: 27px; background:url("../img/c2_plus.png") 50%/contain no-repeat; transition: transform .3s;}
#c2_wrap .list .hexa_plus:hover i {transform: rotate(90deg);}
#c2_wrap .list > li:nth-child(2n) .hexa_plus {background-image:url("../img/c2_hexa_2.png");}

#c2_wrap .list .menu_list {position: absolute; text-align: right; right: 0; bottom: 0; padding: 0 70px 70px;  width: 100%; overflow: hidden; opacity: 0;
pointer-events: none; white-space: nowrap; z-index: 2;}
#c2_wrap .list .menu_list > li + li {margin-top:25px;}
#c2_wrap .list .menu_list a {display: inline-flex; align-items: center; justify-content: flex-end; font-weight: 500; color:#fff;font-family: "Poppins","Pretendard", sans-serif;}
#c2_wrap .list .menu_list a::after {content: ''; display: block; width: 40px; height: 2px; background: #fff; margin-left: 20px; flex-shrink: 0; transition: width .3s;}
#c2_wrap .list .menu_list a:hover::after {width:60px; }

/* active */
#c2_wrap .list > li.active {width: 67.69%; }
#c2_wrap .list > li.active {z-index: 2;}
#c2_wrap .list > li.active .txt {opacity: 1; writing-mode: lr; height: auto;  padding: 70px 85px;}
#c2_wrap .list > li.active .txt .num {opacity: 1; }
#c2_wrap .list > li.active .plus_btn {opacity: 1;}
#c2_wrap .list > li.active .hexa_plus {opacity: 0; pointer-events: none; }
#c2_wrap .list > li.active .menu_list {opacity: 1; pointer-events: auto; }

#c2_wrap .list > li:not(.active) .txt h3,
#c2_wrap .list > li:not(.active) .txt .num {font-size: 30px; }




@media screen and (max-width:1400px) {
    /* common */
    /* #c2_wrap br:not(.space) {display: none;} */

    /* content */

    /* active */


}