@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 
   
.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}


/* header */
#wrapper {padding-top:125px;}

#header {background:#fff;}
#header .link ul li a {border:0; background:#f4f4f4;}
#header .link ul li a:hover {background:#e4191a; color:#fff;}
#header .link ul li a:hover::before {background-image:url('/images/common/head-link1-w.svg');}
#header .link ul li.st2 a {background:#e4191a;}
#header .link ul li.st2 a:hover {background:#121212;}
#header .link ul li.st2 a:hover::before {background-image:url('/images/common/head-link2.svg');}

#gnb {margin-right:10%;}
#gnb>ul {gap:clamp(20px, calc(76 / 1740 * 100vw), 76px);}
#gnb>ul>li>a {color:#242424;}

.header-fixed #header {top:0;}

.quick ul li a {background:#e4191a;}

.btn-m-menu span,
.btn-m-menu span:before,
.btn-m-menu span:after {background:var(--dark);}

/* main */
#main #container .contain {max-width:1740px;}

.academy-hero {position:relative; _margin-bottom:var(--space-160);}
.academy-hero .contain {width:100%; position:relative;}

.hero-slogan {position:absolute; top:0; left:30px; z-index:20; width:50%; height:100%; max-height:calc(100vh - 100px); overflow:hidden; display:flex; flex-direction:column; justify-content:center;}
.hero-slogan .items > .item {display:none;}
.hero-slogan .item .ani {transition:0.7s; transform:translate(30px,0); opacity:0;}
.hero-slogan .item .title {margin-bottom:clamp(18px, calc(36 / var(--inner) * 100vw), 36px); color:#242424; font-size:clamp(40px, calc(54 / var(--inner) * 100vw), 54px); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.hero-slogan .item .title .pri {color:#E60000 !important;}
.hero-slogan .item .desc {color:#242424; font-size:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); font-weight:500; line-height:1.67em; letter-spacing:-.03em;}
.hero-slogan .active .ani {transform:translate(0,0); opacity:1; transition:1s;}
.hero-slogan .active .title {transition-delay:.2s;}
.hero-slogan .active .desc {transition-delay:.5s;}

.hero-textbook {margin-left:40%; display:flex; gap:var(--size60);}
.hero-textbook .items {flex:1; max-width:260px; position:relative; padding:22px 0 60px; display:flex; flex-direction:column; gap:var(--size60);}
.hero-textbook .items .line {position:absolute; top:0; left:50%; width:1px; height:100%; background:#ebebeb;}
.hero-textbook .items .line .circle {position:absolute; left:calc(50% - 5px); width:9px; height:9px; background:#f7badb; border-radius:50%;}
.hero-textbook .item {position:relative; box-shadow:0px 17px 40px 0px rgba(0, 0, 0, 0.2);}
.hero-textbook .item img {display:block; width:100%;}
.hero-textbook .items.n1 .circle.n1 {top:39%;}
.hero-textbook .items.n1 .circle.n2 {top:85%;}
.hero-textbook .items.n2 .circle.n1 {top:10%;}
.hero-textbook .items.n2 .line + .item {margin-top:80%;}
.hero-textbook .items.n3 .circle.n1 {top:88%;}

.academy-news {padding:var(--space-160) 0; overflow:hidden; background:#f8f8f8;}
.academy-news .slider {overflow:hidden;}
.academy-news .items {margin:0 -19px;}
.academy-news .item {padding:0 20px;}
.academy-news .link-item {display:block; width:100%; border:1px solid #ddd;}
.academy-news .link-item .image {position:relative; width:100%; aspect-ratio:1/1; overflow:hidden;}
.academy-news .link-item .image img {display:block; width:100%; height:100%; object-fit:cover; transition:.4s;}
.academy-news .link-item:hover .image img {transform:scale(1.05);}
.academy-news .link-item .content {padding:var(--space-30); border-top:1px solid #ddd; background:#fff;}
.academy-news .link-item .content .tit {margin-bottom:var(--space-12); height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; font-size:var(--font-size-24); font-weight:600; line-height:1.5em; color:#242424;}
.academy-news .link-item .content .desc {margin-bottom:var(--space-40); height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; color:#686868;}
.academy-news .link-item .content .date {font-size:var(--font-size-17); line-height:1.3em; color:#b1b1b1;}

.academy-class {padding:var(--space-160) 0;}
.academy-class .items {display:flex; gap:var(--space-20);}
.academy-class .item {flex:1; position:relative; height:clamp(480px, calc(660 / 1680 * 100vw), 660px); overflow:hidden; transition:.5s cubic-bezier(.11,.55,.44,.84); text-align:center;}
.academy-class .trigger {position:absolute; inset:0; z-index:1; cursor:pointer; display:flex; flex-direction:column; transition:.5s;}
.academy-class .trigger .img {position:absolute; inset:0; width:100%; height:100%;}
.academy-class .trigger .img img {display:block; width:100%; height:100%; object-fit:cover;}
.academy-class .trigger .img:after {content:''; position:absolute; inset:0; width:100%; height:100%; background:#000; opacity:0.3; transition:.5s;}
.academy-class .trigger .label {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:flex; justify-content:center; align-items:center; padding:var(--space-20); color:#fff; font-size:var(--font-size-40); font-weight:600; line-height:1.3em; text-align:center;  transition:.25s;}
.academy-class .panel {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:var(--space-30); color:#fff; opacity:0; visibility:hidden; transform:scale(.8); transition:opacity .5s, visibility .25s, transform .4s;}
.academy-class .panel .tit {font-size:var(--font-size-40); font-weight:600; line-height:1.3em;}
.academy-class .panel .bar {width:62px; height:2px; background:#fff; margin:var(--space-30) auto;}
.academy-class .panel .subtit {margin-bottom:var(--space-20); font-size:var(--font-size-30); font-weight:500; line-height:1.3em;}
.academy-class .panel .txt {margin-bottom:var(--space-50); font-size:var(--font-size-17); line-height:1.65em;}
.academy-class .panel .more {display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:var(--font-size-16); font-weight:500; line-height:1.3em;}
.academy-class .panel .more:after {content:''; width:11px; height:11px; background:url('/images/academy/main/arrow.png') no-repeat center center / contain;}
.academy-class .item.active {flex:0 1 49.5%;}
.academy-class .item.active .trigger .img:after {opacity:.6;}
.academy-class .item.active .trigger .label {opacity:0;}
.academy-class .item.active .panel {opacity:1; visibility:visible; transition-delay:.4s; transform:scale(1);}

.academy-textbook {padding:var(--space-160) 0; overflow:hidden; background:#f8f8f8;}
.academy-textbook h2 {margin-bottom:var(--space-50); text-align:center; color:#242424; font-size:var(--font-size-48); font-weight:700; line-height:1.3em;}
.academy-textbook .slider {position:relative;}
.academy-textbook .items {margin:0 -20px;}
.academy-textbook .slick-slide {padding:0 20px; display:flex; flex-direction:column; gap:40px;}
.academy-textbook .item {position:relative; display:block !important; aspect-ratio:304/433; overflow:hidden;}
.academy-textbook .item img {display:block; width:100%; height:100%; object-fit:cover;}
.academy-textbook .link-item {position:relative; display:block !important; aspect-ratio:304/433; overflow:hidden;}
.academy-textbook .link-item img {display:block; width:100%; height:100%; object-fit:cover;}
.academy-textbook .link-item:hover .textbook-hover {opacity:1;}
.academy-textbook .slick-arrow{position:absolute; top:calc(50% - 24px); z-index:30; display:block; width:48px;height:48px;border-radius:50%;border:1px solid #ddd;background-color:#fff;background-repeat:no-repeat;background-size:7px;font-size:0;transition:.3s;background-position:50% 50%;}
.academy-textbook .slick-prev{left:-94px; background-image: url('/images/main/sld-prev.png');}
.academy-textbook .slick-next{right:-94px; background-image: url('/images/main/sld-next.png');}
.academy-textbook .slick-arrow:hover{border-color:var(--dark);}
.academy-textbook .slick-prev:hover{background-image: url('/images/main/sld-prev-on.png');}
.academy-textbook .slick-next:hover{background-image: url('/images/main/sld-next-on.png');}
.academy-textbook .btn-area {margin-top:clamp(24px, calc(64 / var(--inner) * 100vw), 64px); text-align:center;}
.academy-textbook .btn-view-textbook {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-20); width:100%; max-width:380px; background:#111; padding:var(--space-16) var(--space-24); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.2em; border:0; border-radius:8px; text-align:center;}
.academy-textbook .btn-view-textbook:hover {background:#E4191A;}


.textbook-hover {position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0,0,0,.8); opacity:0; transition:.2s;}
.textbook-hover .more {background:#fff; display:inline-flex; gap:var(--space-20); padding:var(--space-15) var(--space-30); background:#fff; border-radius:60px; color:#242424; font-size:var(--font-size-16); font-weight:600; line-height:1.5em;}

.academy-program {padding:var(--space-160) 0; overflow:hidden;}
.academy-program .items {display:grid; grid-template-columns: repeat(4,1fr);}
.academy-program .item {position:relative;  overflow:hidden; color:#fff;}
.academy-program .item .image {aspect-ratio:1/1;}
.academy-program .item .image img {display:block; width:100%; height:100%; object-fit:cover;}
.academy-program .item .front {position:absolute; bottom:0; left:0; padding:var(--space-40); display:flex; flex-direction:column; gap:10px;}
.academy-program .item .front .number {display:block; font-size:var(--font-size-15); font-weight:600; line-height:1.3em;}
.academy-program .item .front .title {font-size:var(--font-size-24); font-weight:600; line-height:1.3em;}
.academy-program .item .front .desc {font-size:var(--font-size-16); line-height:1.5em;}
.academy-program .item .overlay {position:absolute; inset:0; background:rgba(0,0,0,.9); transition:.5s; opacity:0; transform:scale(.9);}
.academy-program .item .hover {position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; display:flex; flex-direction:column; justify-content:center; gap:1.53em; padding:var(--space-40); font-size:var(--font-size-15); line-height:1.53em; transform:translateY(30px); transition:.5s; opacity:0; pointer-events:none;}
.academy-program .item .hover h4 {margin-bottom:5px; font-size:var(--font-size-18); font-weight:600; line-height:1.4em; color:#e4191a;}
.academy-program .item .hover ul li {position:relative; padding-left:1em;}
.academy-program .item .hover ul li:before {content:'•'; position:absolute; top:0; left:0;}
.academy-program .item:hover .overlay {opacity:1; transform:scale(1);}
.academy-program .item:hover .hover {opacity:1; transform:translateY(0); transition-delay:.2s; pointer-events:auto;}

.academy-lecturer {margin-bottom:var(--space-160);}
.academy-lecturer .sec-tit {position:relative;}
.academy-lecturer .sec-tit .btns {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.academy-lecturer .slider {position:relative;}
.academy-lecturer .inner-wrap {display:flex; justify-content:space-between; gap:var(--space-80);}
.academy-lecturer .inner-wrap .image {width:50%; text-align:center;}
.academy-lecturer .inner-wrap .image img {display:block; width:100%; max-width:460px; margin:0 auto; aspect-ratio:460/594; object-fit:contain;}
.academy-lecturer .inner-wrap .content {flex:1 1 auto; min-width:0; width:1%; max-width:740px; display:flex; flex-direction:column; justify-content: space-between; gap:var(--space-50);}
.academy-lecturer .inner-wrap .content .title {padding:var(--space-36) 0; margin-bottom:var(--space-36); border-bottom:1px solid #ddd; color:#242424; font-weight:600;}
.academy-lecturer .inner-wrap .content .title .pos {font-size:var(--font-size-20); line-height:1.3em; margin-right:5px;}
.academy-lecturer .inner-wrap .content .title .name {font-size:var(--font-size-40); line-height:1.3em;}
.academy-lecturer .inner-wrap .content .cate {margin-bottom:var(--space-60); font-size:var(--font-size-20); color:#242424; font-weight:600; line-height:1.5em;}
.academy-lecturer .inner-wrap .content .brief h4 {margin-bottom:var(--space-20); font-size:var(--font-size-18); font-weight:600; line-height:1.4em; color:#999999;}
.academy-lecturer .inner-wrap .content .brief ul {display:flex; flex-direction:column; gap:6px;}
.academy-lecturer .inner-wrap .content .brief ul li {position:relative; padding-left:1em; font-size:var(--font-size-16); line-height:1.5em;}
.academy-lecturer .inner-wrap .content .brief ul li:before {content:'•'; position:absolute; top:0; left:0;}
.academy-lecturer .inner-wrap .content .sns {display:flex; gap:10px;}
.academy-lecturer .controls {position:absolute; bottom:0; right:0; display:flex; align-items:center; gap:20px; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; color:#242424;}

.clown-brand {margin-bottom:var(--space-160);}
.clown-brand .items {display:flex;}
.clown-brand .item {flex:1; position:relative; height:clamp(500px, calc(700 / 1680 * 100vw), 700px); overflow:hidden; transition:.4s cubic-bezier(.11,.55,.44,.84); text-align:center;}
.clown-brand .trigger {position:absolute; inset:0; z-index:1; cursor:pointer; display:flex; flex-direction:column; transition:.5s;}
.clown-brand .trigger .img {position:absolute; inset:0; width:100%; height:100%;}
.clown-brand .trigger .img img {display:block; width:100%; height:100%; object-fit:cover;}
.clown-brand .trigger .label {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:flex; justify-content:center; align-items:center; padding:var(--space-20); color:#242424; font-size:var(--font-size-32); font-weight:600; line-height:1.3em; text-align:center;  transition:.25s;}

.clown-brand .panel {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:var(--space-30); color:#fff; opacity:0; visibility:hidden; transform:scale(.8); transition:opacity .5s, visibility .25s, transform .4s;}
.clown-brand .panel .tit {margin-bottom:var(--space-24); font-size:var(--font-size-40); font-weight:600; line-height:1.3em; color:#242424;}
.clown-brand .panel .txt {margin-bottom:var(--space-50); font-size:var(--font-size-17); line-height:1.65em; color:#454545;}
.clown-brand .panel .more {display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:var(--font-size-16); font-weight:500; line-height:1.3em; color:#454545;}
.clown-brand .panel .more:after {content:''; width:11px; height:11px; background:url('/images/academy/main/arrow2.png') no-repeat center center / contain;}
.clown-brand .item.active {flex:0 1 56%;}
.clown-brand .item.active .trigger .label {opacity:0;}
.clown-brand .item.active .panel {opacity:1; visibility:visible; transition-delay:.4s; transform:scale(1);}

.btm-contact .btn-send {background: #e4191a;}


/* sub */
.academy-heading {padding:clamp(30px, calc(136 / var(--inner) * 100vw), 136px) 0 clamp(30px, calc(128 / var(--inner) * 100vw), 128px);}
.academy-heading h2 {color:#242424; font-size:clamp(36px, calc(72 / var(--inner) * 100vw), 72px); line-height:1.3em;}

.academy-menu {margin-top:clamp(20px, calc(44 / var(--inner) * 100vw), 44px);}
.academy-menu ul li {width:auto;}
.academy-menu ul li a {display:flex; align-items:center; justify-content:center; height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); padding:0 clamp(18px, calc(44 / var(--inner) * 100vw), 44px); background:#f4f4f4; border-radius:50px; text-align:center; font-size:var(--font-size-16); font-weight:600; line-height:1.2em; color:#868686;}
.academy-menu ul li.active a {background:#E4191A; color:#fff;}

.sub-title {text-align:left; padding:0; margin:0 0 clamp(30px, calc(60 / var(--inner) * 100vw), 60px) !important;}
.sub-title h2 {font-size:clamp(22px, calc(44 / var(--inner) * 100vw), 44px); line-height:1.3em; letter-spacing:-.03em; color:#242424;}

/* content */
.academy-brand {display:flex; gap:var(--space-80);}
.academy-brand .image {width:45%; max-width:600px;}
.academy-brand .image img {border-radius:var(--radius-20);}
.academy-brand .content {flex:1 1 auto; min-width:0; width:1%;}
.academy-brand .content .en {margin-bottom:var(--space-30); color:#E4191A; font-size:var(--font-size-18); line-height:1.5em;}
.academy-brand .content .title {margin-bottom:var(--space-40); font-size:var(--font-size-30); line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.academy-brand .content .text {margin-bottom:1.5em; color:#454545; font-size:var(--font-size-18); line-height:1.5em;}
.academy-brand .content .text:last-child {margin-bottom:0;}

.class-wrap {display:flex; flex-direction:column; gap:clamp(40px, calc(120 / var(--inner) * 100vw), 120px);}
.class-wrap .contain {width:100%;}

.class-hero {position:relative; overflow:hidden; border-radius:20px; text-align:center; color:#fff;}
.class-hero .image {position:absolute; top:0; left:0; width:100%; height:100%;}
.class-hero .image img {display:block; width:100%; height:100%; object-fit:cover;}
.class-hero .content {position:relative; z-index:2; padding:var(--space-80) var(--space-40); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;}
.class-hero .content .title {margin-bottom:var(--space-40); font-size:var(--font-size-36); font-weight:700; line-height:1.5em; letter-spacing:-.03em;}
.class-hero .content .subtitle {margin-bottom:var(--space-16); font-size:var(--font-size-24); font-weight:600; line-height:1.5em;}
.class-hero .content .text {font-size:var(--font-size-18); line-height:1.5em;}
.class-hero .content .text strong {font-weight:600;}
.class-hero .content .pri {color:#E60000 !important;}

.class-summary {display:flex; justify-content:center; align-items:center; padding:var(--space-120) var(--space-120); border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.class-summary .inner {position:relative; padding-top:50px;}
.class-summary .inner:before {content:''; position:absolute; top:-80px; right:-180px; z-index:-1; width:372px; aspect-ratio:1/1; background:url('/images/academy/circle-blur.svg') no-repeat center center / contain;}
.class-summary .subtitle {margin-bottom:var(--space-18); font-size:var(--font-size-18); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.class-summary .title {font-size:var(--font-size-36); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.class-summary .text {margin-top:var(--space-40); font-size:var(--font-size-18); line-height:1.5em; color:#454545;}
.class-summary .text strong {font-weight:600;}
.class-summary .pri {color:#E60000 !important;}
.class-summary .btn-area {display:flex; flex-direction:column; align-items:center; gap:var(--space-16); margin-top:var(--space-40); text-align:center;}
.class-summary .btn {display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:380px; background:#111; padding:var(--space-20) var(--space-24); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.2em; border:0; border-radius:8px; text-align:center;}
.class-summary .btn:hover {background:#E4191A;}
.class-summary .text-keyword {font-size:var(--font-size-18); line-height:1.5em; color:#999;}

.class-info {display:flex; gap:var(--space-40);}
.class-info .item {flex:1; display:flex; flex-direction:column; align-items:center; padding:var(--space-40); border-radius:var(--radius-20); background:#F5F5F5; text-align:center;}
.class-info .item .icon {width:48px; height:48px; background:#E4191A; border-radius:10px; display:flex; justify-content:center; align-items:center;}
.class-info .item .icon img {display:block; margin:0 auto;}
.class-info .item .cont {text-align:center;}
.class-info .item .cont h4 {margin-top:var(--space-24); font-size:var(--font-size-24); line-height:1.5em; color:#242424;}
.class-info .item .cont p {margin-top:var(--space-16); font-size:var(--font-size-18); line-height:1.5em; color:#454545;}

.class-title {margin-bottom:var(--space-40); font-size:var(--font-size-36); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.class-title .pri {color:#E4191A !important;}

.class-curriculum .items {display:grid; grid-template-columns:repeat(5, 1fr); gap:clamp(30px, calc(56 / var(--inner) * 100vw), 56px) var(--space-40);}
.class-curriculum .items .item {display:flex; flex-direction:column; gap:var(--space-24); text-align:center; }
.class-curriculum .items .item .image {position:relative; width:100%; aspect-ratio:62/89; overflow:hidden;}
.class-curriculum .items .item .image img {display:block; width:100%; height:100%; object-fit:cover;}
.class-curriculum .items .item .content {display:flex; flex-direction:column; align-items:center; gap:var(--space-16);}
.class-curriculum .items .item .content .number {width:74px; padding:3px; background:#f3f3f3; border-radius:50px; font-size:var(--font-size-16); font-weight:600; line-height:1.5em; color:#E4191A;}
.class-curriculum .items .item .content .text {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:#242424;}
.class-curriculum .items .item:hover .textbook-hover {opacity:1;}

.class-certificate .items {display:flex; justify-content:center; gap:var(--space-40);}
.class-certificate .items .item {display:flex; flex-direction:column; gap:var(--space-24); text-align:center;}
.class-certificate .items .item .image {width:100%; aspect-ratio:62/89; overflow:hidden;}
.class-certificate .items .item .image img {display:block; width:100%; height:100%; object-fit:cover;}
.class-certificate .items .item .content {display:flex; flex-direction:column; align-items:center; gap:var(--space-16);}
.class-certificate .items .item .content .title {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:#242424;}
.class-certificate .items .item .content .text {font-size:var(--font-size-16); font-weight:600; line-height:1.5em; color:#999 ;}
.class-certificate .btn-area {margin-top:clamp(24px, calc(64 / var(--inner) * 100vw), 64px); text-align:center;}
.class-certificate .btn-area .btn {display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:380px; background:#111; padding:var(--space-16) var(--space-24); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.2em; border:0; border-radius:8px; text-align:center;}
.class-certificate .btn-area .btn:hover {background:#E4191A;}

.class-program .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(30px, calc(56 / var(--inner) * 100vw), 56px) var(--space-40);}
.class-program .items .item {display:flex; flex-direction:column; gap:var(--space-24); text-align:center; }
.class-program .items .item .image {width:100%; aspect-ratio:44/32; border-radius:var(--radius-20); overflow:hidden;}
.class-program .items .item .image img {display:block; width:100%; height:100%; object-fit:cover;}
.class-program .items .item .content {display:flex; flex-direction:column; align-items:center; gap:var(--space-16);}
.class-program .items .item .content .number {width:74px; padding:3px; background:#f3f3f3; border-radius:50px; font-size:var(--font-size-16); font-weight:600; line-height:1.5em; color:#E4191A;}
.class-program .items .item .content .text {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:#242424;}

.post-review .swiper-wrapper {height:100%  !important;}
.post-review .swiper-slide {height:auto !important;}
.post-review .item {display:block; background:#fff; height:100%; min-height:clamp(320px, calc(400 / var(--inner) * 100vw), 400px); padding:var(--space-50) var(--space-30);}
.post-review .item .cate {margin-bottom:var(--space-20); color:#e4191a; font-size:var(--font-size-16); line-height:1.5em;}
.post-review .item .tit {margin-bottom:var(--space-20); max-height:calc(1.5em * 2); color:#242424; font-size:var(--font-size-24); font-weight:600; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.post-review .item .txt {max-height:calc(1.63em * 8); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; color:#454545; font-size:var(--font-size-16); line-height:1.63em;}

.license-certification {padding:var(--space-120) 0; background:url('/images/academy/license/certificate.jpg') no-repeat center center / cover;}
.license-certification .class-title {color:#fff;}
.license-certification .class-info .item {background:rgba(245, 245, 245, 0.40);}
.license-certification .class-info .item .cont h4 {color:#fff;}
.license-certification .class-info .item .cont p {color:#fff;}

.license-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-40);}
.license-list .item {position:relative; overflow:hidden; color:#fff; text-align:center; border-radius:var(--radius-20);}
.license-list .item .image {width:100%; aspect-ratio:1/1; overflow:hidden;}
.license-list .item .image img {display:block; width:100%; height:100%; object-fit:cover; transition:.4s;}
.license-list .item:hover .image img {transform:scale(1.05);}
.license-list .item .content {position:absolute; bottom:0; left:0; width:100%; height:100%; padding:var(--space-24); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.license-list .item .content .number {font-size:var(--font-size-16); font-weight:400; line-height:1.5em;}
.license-list .item .content .text {font-size:var(--font-size-20); line-height:1.5em;}

.outbound-hero {display:flex; align-items:center; gap:clamp(20px, calc(64 / var(--inner) * 100vw), 64px);}
.outbound-hero .image {width:50%; max-width:680px; flex-shrink:0;}
.outbound-hero .image img {display:block; border-radius:var(--radius-20);}
.outbound-hero .content {flex:1; display:flex; flex-direction:column; gap:var(--space-24);}
.outbound-hero .content .en {font-size:var(--font-size-18); font-weight:600; line-height:1.5em; letter-spacing:.2em; color:#E4191A;}
.outbound-hero .content .title {font-size:var(--font-size-36); line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.outbound-hero .content .text {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em; color:#454545;}
.outbound-hero .content .btn {display:inline-flex; align-items:center; justify-content:center; margin-top:var(--space-40); width:100%; max-width:380px; background:#111; padding:var(--space-20) var(--space-24); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.2em; border:0; border-radius:8px; text-align:center;}
.outbound-hero .content .btn:hover {background:#E4191A;}

.outbound-educations {margin-top:clamp(20px, calc(64 / var(--inner) * 100vw), 64px);}
.outbound-educations .items {display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-24) var(--space-16);}
.outbound-educations .item {display:flex; align-items:flex-start; gap:var(--space-30); padding:var(--space-30); background:#F5F5F5; border-radius:var(--radius-20);}
.outbound-educations .item .icon {display:flex; justify-content:center; align-items:center; width:48px; aspect-ratio:1/1; border-radius:var(--radius-10); background:#E7000B;}
.outbound-educations .item .content {flex:1; display:flex; flex-direction:column; gap:var(--space-10);}
.outbound-educations .item .content .num {font-size:var(--font-size-16); font-weight:600; line-height:1.5em; letter-spacing:.2em; color:#999;}
.outbound-educations .item .content .text {font-size:var(--font-size-20); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}

.outbound-certificate .items {display:flex; flex-direction:column; gap:var(--space-40);}
.outbound-certificate .item {padding:var(--space-32); border:1px solid #ddd; border-radius:var(--radius-20);}
.outbound-certificate .item .inner {display:flex; align-items:center; width:80%; max-width:1000px; margin:0 auto; gap:clamp(20px, calc(64 / var(--inner) * 100vw), 64px);}
.outbound-certificate .item .image {width:30%; flex-shrink:0;}
.outbound-certificate .item .content {flex:1;}
.outbound-certificate .item .content .title {margin-bottom:var(--space-24); font-size:var(--font-size-30); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.outbound-certificate .item .content .list {margin-bottom:var(--space-40); font-size:var(--font-size-20); font-weight:600; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.outbound-certificate .item .content .list li {display:flex; gap:var(--space-8);}
.outbound-certificate .item .content .list li:not(:last-child) {margin-bottom:var(--space-6);}
.outbound-certificate .item .content .list li:before {content:'•'; flex-shrink:0;}
.outbound-certificate .item .content .num {font-size:var(--font-size-16); font-weight:600; line-height:1.5em; color:#999;}
.outbound-certificate .item:nth-child(even) .inner {flex-direction: row-reverse;}

@media (max-width: 1600px) {
    #gnb {margin-right:15%;}
    #gnb>ul {gap: clamp(20px, calc(60 / 1740 * 100vw), 60px);}
}

@media (max-width: 1700px) {
    .academy-textbook .slick-prev{left:-20px;}
    .academy-textbook .slick-next{right:-20px;}
}

@media (max-width: 1500px) {
    #gnb {display:none;}
    .btn-m-menu {display: block;}
    #header .link {right:90px;}

    .mobile-navigation .nav-menu>ul>li:nth-child(3) a:after,
    .mobile-navigation .nav-menu>ul>li:nth-child(4) a:after{display:block;}
    .mobile-navigation .nav-menu>ul>li:nth-child(1) a:after,
    .mobile-navigation .nav-menu>ul>li:nth-child(5) a:after{display:none;}
}

@media (max-width: 1230px) {
    #wrapper {padding-top:80px;}

    .academy-textbook .items {margin:0 -12px;}
    .academy-textbook .slick-slide {padding:0 12px; gap:24px;}
    .academy-textbook .slick-arrow{width:36px; height:36px; top:calc(50% - 18px); background-size:6px;}

    .academy-program .items {grid-template-columns:repeat(3, 1fr);}

    .academy-lecturer .inner-wrap .image img {max-width:400px;}
}

@media (max-width: 768px) {
    #wrapper {padding-top:60px;}

    .academy-textbook .slick-prev{left:-10px;}
    .academy-textbook .slick-next{right:-10px;}

    .academy-program .item .hover {justify-content: flex-start;}

    .class-summary  {position:relative;}
    .class-summary .inner {position:static; padding:0;}
    .class-summary .inner:before {right:0; top:0; width:240px;}

    .class-info .item .icon {width:40px; height:40px;}
    .class-info .item .cont h4 {font-size:var(--font-size-20);}

    .class-curriculum .items .item .content .number {width:50px; padding:2px;}
    .class-curriculum .items .item .content .text {font-size:var(--font-size-18);}

    .class-program .items .item .content .number {width:50px; padding:2px;}
    .class-program .items .item .content .text {font-size:var(--font-size-18);}

    .class-certificate .items .item .content .title {font-size:var(--font-size-18);}
}

@media (max-width: 767px) {
    .hero-textbook {gap:24px; margin-left:20%;}
    .hero-textbook .items {padding:80px 0 40px; gap:24px;}
    .hero-textbook .item {box-shadow:0px 12px 24px 0px rgba(0, 0, 0, 0.2);}
    .hero-textbook .items.n2 .line + .item {margin-top:90%;}

    .hero-slogan {left:15px; width:70%; height:100%; justify-content: flex-start; padding-top:12%;}
    .hero-slogan .item .title {margin-bottom:clamp(18px, calc(36 / var(--inner) * 100vw), 36px); font-size:26px; }
    .hero-slogan .item .desc {font-size:14px; width:66%;}

    .academy-news .link-item .content .tit {font-size:var(--font-size-18);}

    .academy-class .item {height:80vh;}


    .academy-textbook .slick-arrow{width:30px; height:30px; top:calc(50% - 15px); background-size:6px;}
}

@media ((max-width: 767px) and (orientation: portrait)) {
    .academy-class .items {flex-direction:column; height:80vh; gap:6px;}
    .academy-class .trigger .label {font-size:var(--font-size-24);}
    .academy-class .panel .tit {font-size:var(--font-size-30);}
    .academy-class .panel .bar {width:32px; margin:10px auto;}
    .academy-class .panel .subtit {font-size:var(--font-size-20);}
    .academy-class .panel .txt {font-size:var(--font-size-16); margin-bottom:10px;}
    .academy-class .item.active {flex: 0 1 55%;}

    .academy-textbook .items {margin:0 -5px;}
    .academy-textbook .slick-slide {padding:0 5px; gap:10px;}

    .post-review .swiper-container {margin:0 -15px; padding:0 15px;}
    .post-review .swiper-slide {width:240px;}
    .post-review .item {min-height:300px;}

    .academy-program .items {grid-template-columns:repeat(2, 1fr);}
    .academy-program .item .front {padding:15px; gap:6px;}
    .academy-program .item .hover {padding:15px; gap:10px;}

    .academy-lecturer  .sec-tit {text-align:left;}

    .academy-lecturer .inner-wrap {flex-direction:column; gap:0; padding:0 5px;}
    .academy-lecturer .inner-wrap .image {width:100%;}
    .academy-lecturer .inner-wrap .content {width:100%;}
    .academy-lecturer .inner-wrap .content .sns {gap:6px;}
    .academy-lecturer .inner-wrap .content .sns img {width:36px; height:36px;}

    .clown-brand .items {flex-direction:column; height:60vh;}
    .clown-brand .trigger .label {font-size:var(--font-size-24);}

    .academy-heading h2 {font-size:30px;}

    .academy-menu .swiper-container {margin:0 -15px; padding:0 15px;}

    .academy-brand {flex-direction:column;}
    .academy-brand .image {width:100%; max-width:100%;}
    .academy-brand .content {width:100%;}

    .class-hero .content .subtitle {font-size:var(--font-size-20);}

    .class-summary {padding:50px 0;}
    .class-summary .inner:before {width:160px;}
    .class-summary .title {font-size:var(--font-size-24);}
    .class-summary .text {font-size:var(--font-size-16);}
    .class-summary .btn {max-width:220px; padding:14px 24px;}

    .class-info {gap:14px; flex-wrap:wrap; justify-content:center;}
    .class-info .item {flex:0 1 calc(50% - 7px);}

    .class-curriculum .items {grid-template-columns:repeat(3, 1fr); gap:24px 14px;}
    .class-curriculum .items .item .content .text {font-size:15px;}

    .class-certificate .items {gap:24px 14px; flex-wrap:wrap;}
    .class-certificate .items .item {flex:0 1 calc(50% - 7px);}
    .class-certificate .items .item .content .title {font-size:15px;}
    .class-certificate .items .item .content .text {font-size:13px;}
    .class-certificate .btn-area .btn {max-width:220px; padding:10px 24px;}

    .class-program .items {grid-template-columns:repeat(2, 1fr); gap:24px 14px;}
    .class-program .items .item .content .text {font-size:15px;}

    .license-list {grid-template-columns:repeat(2, 1fr); gap:14px;}

    .outbound-hero {flex-direction:column; align-items:flex-start;}
    .outbound-hero .image {width:100%; max-width:none;}
    .outbound-hero .content .btn {padding:14px 24px;}

    .outbound-educations .items {grid-template-columns:1fr;}
    .outbound-educations .item {align-items:center;}

    .outbound-certificate .item .inner {width:100%;}
    .outbound-certificate .item .content .title {font-size:20px; margin-bottom:10px;}
    .outbound-certificate .item .content .list {font-size:15px; margin-bottom:10px;}
    .outbound-certificate .item .content .num {font-size:13px;}

    
}