@import url("common.css");


/*** css 공통 ***/
/* 텍스트 */
.eng_tit {color: var(--white); font-family: var(--eng); font-size: 4rem; font-weight: 700; line-height:113.889%; letter-spacing: 1.44px; margin:0 0 70px;}
.stxt {letter-spacing: -0.72px;}





/* 화살표 */
.slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999;}
.slick-prev{background:url('/img/arrow_p.png') no-repeat center/100% auto;}
.slick-next{background:url('/img/arrow_n.png') no-repeat center/100% auto;}


.compad {padding:250px 0; box-sizing:border-box;}
.compad_t {padding:250px 0 0; box-sizing:border-box;}
.compad_b {padding:0 0 250px; box-sizing:border-box;}


/*** Visual ***/

.background_video {position:fixed; top:0; left:0; width:100%; height:var(--vh); z-index:1;}
.background_video .jarallax {width:100%; height:100%; position:relative; }
.background_video .jarallax::before {content:''; width:100%; height:30%; position:absolute; bottom:0; left:0; background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 100%);}
.background_video .jarallax::after {content:''; width:100%; height:100%; background:#000; opacity:0.35; position:absolute; top:0; left:0; }
.background_video .tBox {position:absolute; right:5%; top:50%; transform:translateY(-50%); }
.background_video .tBox > span {display:block; color: var(--white); font-family: var(--eng); font-size: 1.5rem; font-weight: 400; line-height: 37px;}
.background_video .tBox > span b {color:var(--main); font-weight:700; line-heighT:inherit;}
.background_video .tBox h2 {color: var(--white); font-family:var(--eng); font-size: 4.888rem; font-weight: 700; line-height: 100%; margin:18px 0 37px; text-transform: uppercase;}
.background_video .tBox h2 span {text-transform: capitalize;}
.background_video .tBox .stxt {color: var(--white); font-size: 1.222rem; font-weight: 400; line-height:163.636%; letter-spacing: -0.88px;}
.background_video .tBox .stxt+.stxt {margin-top:35px;}
.background_video .tBox .stxt span {font-size: inherit; /* font-weight: 300; */ line-height: inherit; letter-spacing:inherit;}
/* .background_video .tBox .stxt span b {color:var(--white); font-family:inherit; line-height: inherit;} */

.container {position:relative; z-index:10;}
.content_in {position:relative; z-index:20; background:var(--black); border-radius:50px 50px 0 0; overflow:hidden;}

#visual {position:relative; height:var(--vh); transition:all 0.5s linear;}
#visual.on {background:var(--black); transition:all 0.5s linear;}
.scroll_down {display:flex; flex-wrap:wrap; align-items:center; position:fixed; left:5%; bottom:50px; color: var(--white); font-family: var(--eng); font-size: 15px; font-weight: 400; line-height:166.667%; gap:0 13px; transition:all 0.3s linear;}
.scroll_down span {width: 32px; height: 38px; display:block; border-radius:100px; border:1px solid rgba(255,255,255,0.3); overflow:hidden; background:transparent; transition:all 0.3s linear;}
.scroll_down span b {display:block; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transform: translateY(-40px); animation: upDown 1.5s ease-in-out infinite;}
		.scroll_down:hover {color:var(--main); transition:all 0.3s linear;}
		.scroll_down:hover span {background:var(--main); border-color:var(--main); transition:all 0.3s linear;}

@keyframes upDown {
    0% {
        transform: translateY(-40px);
    }

    50% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        transform: translateY(40px);
    }
}


#about {position:relative; }
/* #about::after {content:''; width:100%; height:var(--vh); background:url("/img/about_bg.png")no-repeat top right / 100%; position:absolute; top:0; right:0; opacity:0.2; transform:scale(0.8); transition:all 1s ease;}
#about.action::after {opacity:1; transform:scale(1); transition:all 1s 0.5s ease;} */
#about .basic_in {position:relative; z-index:10;}
#about .tit_wrap {margin:205px 0 70px;}
#about .tit_wrap .eng_tit {margin:0;}
#about .tit_wrap .stxt {margin:32px 0 90px;}
#about .program_list {display: grid;  grid-template-columns: repeat(3, 1fr); position:relative; z-index:10;}
#about .program_list::after {content:''; width:100%; height:100%; border-top:1px solid #595959; border-right:1px solid #595959; position:absolute; top:0; left:0; z-index:-1; box-sizing:border-box;}
#about .program_list li {position:relative; z-index:10; overflow: hidden; aspect-ratio: 3 / 3;}
#about .program_list li .bg {position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); display:block; overflow:hidden;}
#about .program_list li .bg::after {content:''; width:100%; height:100%; position:absolute; top:0; left:50%; opacity:0; transition:all 0.3s; background-repeat:no-repeat; background-position:center; background-size:cover;}
#about .program_list li:hover .bg::after {opacity:1; transition:all 0.3s; left:0;}
#about .program_list li .bg.bg01::after {background-image:url("/img/about_bg01.png");}
#about .program_list li .bg.bg02::after {background-image:url("/img/about_bg02.png");}
#about .program_list li .bg.bg03::after {background-image:url("/img/about_bg03.png");}
#about .program_list li .bg.bg04::after {background-image:url("/img/about_bg04.png");}
#about .program_list li .bg.bg05::after {background-image:url("/img/about_bg05.png");}
#about .program_list li .bg.bg06::after {background-image:url("/img/about_bg06.png");}
#about .program_list li::after {content:''; width:1px; height:0; background:#595959; position:absolute; top:0; left:0; z-index:-1; box-sizing:border-box; transition:all 1s linear;}
#about .program_list li::before {content:''; width:0; height:1px; background:#595959; position:absolute; bottom:0; left:0; z-index:-1; box-sizing:border-box; transition:all 1s linear;}
#about .program_list.aos-animate li::after {height:100%; transition:all 1s 0.3s linear;}
#about .program_list.aos-animate li::before {width:100%; transition:all 1s 0.3s linear;}
#about .program_list li .in {position:relative; opacity:0; visibility:hidden; height:100%; }
#about .program_list.aos-animate li .in {opacity:1; visibility:visible; transition:all 1s 1s linear;}
#about .program_list li .in::before {content:''; width:0; height:4px; background:var(--main); position:absolute; top:0; left:0;  transition:all 0.3s linear; z-index:10;}
#about .program_list li .in::after {content:''; width:4px; height:0; background:var(--main); position:absolute; top:0; left:0;  transition:all 0.3s linear; z-index:10;}
#about .program_list li a {position:relative; padding:50px 50px 40px; box-sizing:border-box; display:block; transition:all 0.3s linear; height:100%;}
#about .program_list li a::before {content:''; width:0; height:4px; background:var(--main); position:absolute; bottom:0; right:0;  transition:all 0.3s linear; z-index:10;}
#about .program_list li a::after {content:''; width:4px; height:0; background:var(--main); position:absolute; bottom:0; right:0;  transition:all 0.3s linear; z-index:10;}
#about .program_list li a p {color: rgba(255,255,255,0.6); font-family: var(--eng); font-size: 0.833rem; font-weight: 500; line-height:166.667%; transition:all 0.3s linear;}
#about .program_list li a i {position:absolute; top:50px; right:50px; color: var(--main); font-family: var(--eng); font-size: 0.8333rem; font-weight: 700; line-height:166.667%; font-style:normal; transition:all 0.3s linear;}
#about .program_list li h3 {color: var(--white); text-align: right; font-family: var(--eng); font-size: 4rem; font-weight: 700; line-height:113.889%; letter-spacing: 1.44px; padding:0 0 0; opacity:0; visibility:hidden;}
#about .program_list li a h4 {color: var(--white); font-family: var(--eng); font-size: 1.5rem; font-weight: 400; line-height:137.037%; transition:all 0.3s linear; position:absolute; bottom:40px; left:50px; width:calc(100% - 100px);}

/* #about .program_list li:nth-of-type(6) {background:url("/img/6c_ci.png")no-repeat center; opacity:0;} */
#about .program_list.aos-animate li:nth-of-type(6) {opacity:1;  transition:all 1s 1s linear;}
#about .program_list.aos-animate li h3  {padding:45px 0 0;  opacity:1; visibility:visible; transition:all 0.5s 1s linear;}
#about .program_list li .bk {width:100%; height:100%; position:relative; }
#about .program_list li:nth-of-type(4) .bk::before {content:''; width:100%; height:1px; background:var(--black); position:absolute; top:0; right:0;  transition:all 0.3s linear; z-index:15;}
#about .program_list li:nth-of-type(4) .bk::after {content:''; width:1px; height:100%; background:var(--black); position:absolute; top:0; right:0;  transition:all 0.3s linear; z-index:15;}
#about .program_list li:nth-of-type(6) .bk::after {content:''; width:100%; height:1px; background:var(--black); position:absolute; bottom:0; left:0;  transition:all 0.3s linear; z-index:15;}

#about .program_list li:hover a {/* background:rgba(255,255,255,0.9); transition:all 0.3s 0.15s linear; */}
#about .program_list li:hover a p {color: var(--white); transition:all 0.3s 0.15s linear;}
#about .program_list li:hover a h4 {color:var(--white); font-weight:bold; transition:all 0.3s 0.15s linear;}
/* #about .program_list li:hover .in::before {width:100%; transition:all 0.3s linear;}
#about .program_list li:hover .in::after {height:100%; transition:all 0.3s linear;}

#about .program_list li:hover a::before {width:100%; transition:all 0.3s  linear;}
#about .program_list li:hover a::after {height:100%; transition:all 0.3s  linear;} */


.num_list {display:flex; flex-wrap:wrap; justify-content:space-between; margin:70px 0 0;}
.num_list dl {}
.num_list dl dt {color: var(--main); font-size: 1.22rem; font-weight: 700; line-height:154.545%; letter-spacing: -0.88px; margin:0 0 -5px;}
.num_list dl dd {display:flex; flex-wrap:wrap; align-items:flex-end; color: var(--white); font-size: 1.5rem; font-weight: 400; line-height: 144.444%; letter-spacing: -1.08px;}
.num_list dl dd b {position:relative; top:15px; color: var(--white); font-family: var(--eng); font-size: 100px; font-weight: 700; line-height: 100%; letter-spacing: 2px; text-transform: uppercase; margin-right:5px;}
.num_list dl dd b * {color: var(--white); font-family: var(--eng); font-size: 100px; font-weight: 700; line-height: 100%; letter-spacing: 2px; text-transform: uppercase;}

#achievements {position:relative;}

#translation-model {width:100%; position:relative;}
#achievements .funnel {width:100%; height:100%;}
#achievements .funnel::before {content:''; width:25%; height:100%; background:linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, #000 100%); position:absolute; top:0; left:0;}
#achievements .funnel::after {content:''; width:25%; height:100%; background:linear-gradient(-270deg, rgba(0, 0, 0, 0.00) 50%, #000 100%); position:absolute; top:0; right:0;}
#achievements .funnel__mask {width:100%; height:100%;}
#achievements .funnel__mask path {width:100%;}


#achievements .process {width:100%; height:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.12); border-bottom:1px solid rgba(255,255,255,0.12); position:relative; }
#achievements .process ul {display: grid;  grid-template-columns: repeat(5, 1fr); position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;}
#achievements .process ul li {padding:35px 30px; box-sizing:border-box; height:100%; border-right:1px solid rgba(255,255,255,0.12); box-sizing:border-box;}
#achievements .process ul li:last-of-type {border-right:0;}
#achievements .process ul li p {position:relative; font-family: var(--eng);color: var(--white); font-size: 0.833rem; font-weight: 700; line-height: 166.667%; opacity:0.5; margin:0 0 2px;}
#achievements .process ul li p::after {content:'\f46a'; color:#D9D9D9; font-size:24px; font-family:var(--icon); font-weight:500; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#achievements .process ul li h4 {color: var(--white); font-family: var(--eng); font-size: 1rem; font-weight: 500; line-height:166.667%;}



#achievements .bg {height:720px; width:100%; margin:70px 0 0;}
#achievements .bg .bg_in {width:100%; height:100%; background:url("/img/achievements_bg.jpg")no-repeat center / cover;}


#works {}

.works_list {position:relative; display: flex; flex-wrap:nowrap; align-items:flex-start; gap:30px;}
.works_list+.works_list {margin:30px auto 0;}
.works_list li {position:relative; top:0; opacity:0; visibility:hidden;/*  transform:translateY(70px); */ transition:all 0.3s;}
.works_list.aos-animate li {opacity:1; visibility:visible; transform:translateY(0);}
.works_list.aos-animate li:nth-of-type(1) {transition:all 0.6s linear;}
.works_list.aos-animate li:nth-of-type(2) {transition:all 0.6s 0.3s linear;}
.works_list.aos-animate li:nth-of-type(3) {transition:all 0.6s 0.6s linear;}
.works_list.aos-animate li:nth-of-type(4) {transition:all 0.6s 0.9s linear;}
.works_list li span {width:100%; display:block; position:relative; overflow:hidden;/*  height:525px;  */margin-bottom:18px; transition:all 0.3s;}
.works_list li span::before {content:''; width:50px; height:50px; border-radius:5px; background:var(--white) url("/img/btn_arr_b.svg")no-repeat center; position:absolute; top:50%; left:50%;  z-index:10; opacity:0; transform:translate(-50%,-80%);  transition:all 0.3s;}
.works_list li span::after {content:''; background:rgba(45,194,220,0.8); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transform:translateY(50%); transition:all 0.3s;}
.works_list li:hover {/* top:-40px;  transition:all 0.3s; */}
.works_list li:hover span {border-radius:25px;  transition:all 0.3s;}
.works_list li:hover span::before {opacity:1; transform:translate(-50%,-50%);  transition:all 0.3s;}
.works_list li:hover span::after {opacity:1; visibility:visible; transform:translateY(0%); transition:all 0.3s;}
/* .works_list li span::after {content:''; width:auto; height:100%; position:absolute; top:0; left:0; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; transition:all 0.3s linear;} */
.works_list li span img {transition:all 0.3s; display: block; width: 100%; height: 100%; object-fit: cover;}
/* .works_list li p {position:absolute; top:-12px; left:-12px; padding:11px 30px; box-sizing:border-box; background:url("/img/name_bg.png")repeat-x center / 100% 100%; color:var(--black); font-family:var(--eng); font-size: 1.222rem; font-weight: 600; line-height: 136.364%; } */

.works_list li i {display:block; width:100%; color: var(--main); font-family: var(--eng); font-size: 0.8333rem; font-weight: 700; line-height: 166.667%; font-style:normal;}
.works_list li p {text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color: var(--white); font-weight: 700; line-height:155.556%; letter-spacing: -0.72px;}

.works_list li:nth-of-type(1) {width:50%;}
.works_list li:nth-of-type(1) span {aspect-ratio:3 / 3.87;}
.works_list li:nth-of-type(2) {width:calc((50% - 60px) / 2); z-index:20;}
.works_list li:nth-of-type(2) span {aspect-ratio:3 / 4.85;}
.works_list li:nth-of-type(2) p {left:auto; right:-12px;}
.works_list li:nth-of-type(3) {width:calc((50% - 60px) / 2); z-index:20;}
.works_list li:nth-of-type(3) span {aspect-ratio:3 / 4.85;}
.works_list li:nth-of-type(3) p {top:auto; bottom:-12px; left:auto; right:-12px;}
.works_list li:nth-of-type(4) {position:absolute; bottom:0; right:0; width:calc(50% - 30px); display:flex; flex-wrap:wrap ; align-content:flex-end;}
.works_list li:nth-of-type(4) span {aspect-ratio:3 / 1.312;} 

.works_list.ver2 {}
.works_list.ver2 li:nth-of-type(1) {width:calc(33% - 15px);}
.works_list.ver2 li:nth-of-type(1) p {top:auto; bottom:-12px;}
.works_list.ver2 li:nth-of-type(1) span {aspect-ratio:3 / 3.645;}
.works_list.ver2 li:nth-of-type(2) {width:calc(67% - 15px);}
.works_list.ver2 li:nth-of-type(2) span {aspect-ratio:3 / 1.768;}
.works_list.ver2 li:nth-of-type(2) p {right:auto; left:-12px; top:12px;}

.works_list li:hover span img {transform:scale(1.1); opacity:0.7; transition:all 0.3s linear;}





.want_list {border-top:1px solid var(--border);}
.want_list li {position:relative; border-bottom:1px solid var(--border);}
.want_list li .bg {width:100%; height:100%; position:absolute; top:0; left:0;}
.want_list li .bg::before {content:''; width:100%; height:50%; background:var(--black); position:absolute; top:0; left:0; transition:all 0.3s linear;}
.want_list li .bg::after {content:''; width:100%; height:50%; background:var(--black); position:absolute; bottom:0; left:0; transition:all 0.3s linear;}
.want_list li a {padding:85px 50px; display:flex; flex-wrap:Wrap; align-items:center; justify-content:space-between; position:relative; z-index:10;}
.want_list li a::after {content:''; width:50px; height:50px; border-radius:5px; background:var(--white) url("/img/btn_arr_b.svg")no-repeat center;/*  position:absolute; top:50%; right:50px; margin-top:-20px; */ transition:all 0.3s linear;}
.want_list li a h4 {color: var(--white); font-size: 1.5rem; font-weight: 700; line-height:144.444%; letter-spacing: -1.62px; display:flex; flex-wrap:nowrap; align-items:center; gap:0 47px; transition:all 0.3s linear;}
.want_list li a h4 i {color: rgba(255,255,255,0.5); font-family: var(--eng); font-size: 0.8333rem; font-weight: 700; line-height:166.667%; font-style:normal; transition:all 0.3s linear;}

.want_list li:hover .bg::before {height:0; transition:all 0.3s linear;}
.want_list li:hover .bg::after {height:0; transition:all 0.3s linear;}
.want_list li:hover a h4 {gap:0 97px; transition:all 0.3s linear;}
.want_list li:hover a h4 i {color:var(--white); transition:all 0.3s linear;}
.want_list li a:hover::after {background:var(--sub5) url("/img/btn_arr.svg")no-repeat center; transition:all 0.3s linear;}

.want_list li .bg.one {background:url("/img/want_bg01.jpg")no-repeat center / cover;}
.want_list li .bg.two {background:url("/img/want_bg02.jpg")no-repeat center / cover;}
.want_list li .bg.three {background:url("/img/want_bg03.jpg")no-repeat center / cover;}





/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


#about .program_list li h3 {font-size:4vw;}


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


.compad {padding:160px 0;}
.compad_t {padding:160px 0 0;}
.compad_b {padding:0 0 160px;}


.eng_tit {font-size:3.2rem; margin:0 0 50px;}
.eng_tit br {display:none;}

.background_video .tBox h2 {font-size:4.4rem;}
.background_video .tBox br {display:none;}


#about .tit_wrap .stxt {margin:25px 0 65px;}
#about .program_list {margin-top:0; grid-template-columns: repeat(2, 1fr);}
#about .program_list li a {padding:40px;}
#about .program_list li a i {top:40px; right:40px;}
#about .program_list li a h4 {/* margin:150px 0 0;  */ left:40px; bottom:40px; width:calc(100% - 80px);}

#about .program_list li:nth-of-type(6) {background-size:120px;}
#about .program_list li:nth-of-type(6) .bk::after {display:none;}



#achievements .process {overflow-x:auto;}
#achievements .process ul {width:1000px;}
#translation-model {width:1000px;}

/* 스크롤바의 폭 너비 */
#achievements .process::-webkit-scrollbar {
    height: 4px;  
}

#achievements .process::-webkit-scrollbar-thumb {
    background: var(--white); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

#achievements .process::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}



/* .works_list li span {height:450px;} */


.num_list dl dd b {font-size:74px;}
.num_list dl dd b * {font-size:74px;}

.want_list li a {padding:65px 30px;}
.want_list li a h4 {font-size:1.4rem; gap:0 30px;}
.want_list li:hover a h4 {gap:0 50px;}
.want_list li a::after {width:40px; height:40px;}

.works_list {flex-wrap:wrap; gap:20px;}
.works_list li:nth-of-type(1) {width:100%;}
.works_list li:nth-of-type(2) {width:calc(50% - 10px);}
.works_list li:nth-of-type(3) {width:calc(50% - 10px);}
.works_list li:nth-of-type(4) {width:100%; position:relative;}


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.compad {padding:80px 0;}
.compad_t {padding:80px 0 0;}
.compad_b {padding:0 0 80px;}


.eng_tit {font-size:2.2rem; margin:0 0 30px;}




.background_video .tBox {text-align:center;}
.background_video .tBox > span {font-size:1.25rem;}
.background_video .tBox h2 {font-size:2.6rem; margin:12px 0 15px;}
.background_video .tBox .stxt {font-size:1.1rem;}
.background_video .tBox .stxt+.stxt {margin-top:20px;}

.scroll_down {font-size:12px; bottom:30px; left:50%; transform:translateX(-50%);}
.scroll_down span {width:26px; height:32px;}

#about .tit_wrap {margin:100px 0 40px;}
#about .tit_wrap br {display:none;}
#about .tit_wrap .stxt {margin:20px 0 50px;}
#about .program_list {margin-top:0;}
#about .program_list li a {padding:20px;}
#about .program_list li a i {top:18px; right:18px;}
#about .program_list li a h4 {/* margin:80px 0 0;  */font-size:1.3rem; left:20px; bottom:20px; width:calc(100% - 40px);}
#about .program_list.aos-animate li h3 {padding:25px 0 0;}

/* #about .program_list li:nth-of-type(6) {background-size:80px;} */
#about .program_list li .bg::after {opacity:1; left:0;}

.num_list dl dt {margin:0 0 5px;}
.num_list dl dd {font-size:1.2rem;}
.num_list dl dd b {font-size:40px; top:5px;}
.num_list dl dd b * {font-size:40px;}

#achievements .process {height:300px;}
#achievements .bg {height:290px; margin:40px 0 0;}
#achievements .process ul li {padding:20px 15px;}
#achievements .process ul li p::after {font-size:18px;}


.num_list {display: grid; grid-template-columns: repeat(2, 1fr);  gap:30px 15px;}
.num_list dl {text-align:center;}
.num_list dl dd {justify-content:center;}


.works_list {gap:20px;}
/* .works_list li span::before {width:36px; height:36px; background-size:12px !important;}
.works_list li span::after {font-size:40px; }
.works_list li:hover {top:-10px;  transition:all 0.3s;} */


.works_list+.works_list {margin:20px 0 0;}
.works_list {flex-wrap:wrap; gap:20px;}
.works_list li:nth-of-type(1) {width:100%;}
.works_list li:nth-of-type(2) {width:calc(50% - 10px);}
.works_list li:nth-of-type(3) {width:calc(50% - 10px);}
.works_list li:nth-of-type(4) {width:100%; position:relative;}
.works_list.ver2 li:nth-of-type(1) {width:100%;}
.works_list.ver2 li:nth-of-type(2) {width:100%;} 



/* .works_list li span {height:300px;}
.works_list li p {font-size:1rem; padding:7px 15px;} */



.want_list li a {padding:40px 20px; padding-right:50px;}
.want_list li a h4 {font-size:1.3rem; gap:0 15px;}
.want_list li:hover a h4 {gap:0 30px;}
.want_list li a::after {position:absolute; top:50%; right:20px; margin-top:-18px; width:36px; height:36px; background-size:12px !important;}



}
/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px) { 


#about .program_list {display:flex; flex-wrap:wrap; grid-template-columns: repeat(1, 1fr);}
#about .program_list li {width:100%;}
#about .program_list li h3 {padding:0 0 30px !important; font-size:2rem;}
#about .program_list li a h4 {margin:40px 0 0; font-size:1.2rem;}
#about .program_list li a h4 br {display:none;}

/* #about .program_list li:nth-of-type(1) {order:2;}
#about .program_list li:nth-of-type(2) {order:3;}
#about .program_list li:nth-of-type(3) {order:4;}
#about .program_list li:nth-of-type(4) {order:1;}
#about .program_list li:nth-of-type(4)::after {display:none;}
#about .program_list li:nth-of-type(5) {order:5;}
#about .program_list li:nth-of-type(6) {order:6;}
#about .program_list li:nth-of-type(7) {order:7;}
#about .program_list li:nth-of-type(8) {order:8;} */


.num_list dl dt {font-size:1rem;}
.num_list dl dd {font-size:1.1rem;}
.num_list dl dd b {font-size:34px; top:5px;}
.num_list dl dd b * {font-size:34px; letter-spacing:1px;}



}