:root {--key-color:#0059A2;}

/* µð¹ÙÀÌ½ºº° ÄÁÅÙÃ÷ */
.mo_only, .mo-only {display:block;}
.ta_only, .ta-only {display:none;}
.pc_only, .pc-only {display:none;}

*[class^="cont0"] {padding:11.111vw 0;}
.inner {padding:0 4.444vw;}
.inner.left {padding:0 0 0 4.444vw;}
img {width:100%;}

.eisen-wrap{ overflow: hidden;}
/* title */
h3 {text-align:center; margin-bottom:8.333vw;}
h3 em {display:inline-flex; justify-content:center; align-items:center; border-radius:999px; background:var(--key-color); color:#FFF; text-align:center; font-style:normal; font-weight:800; line-height:140%; letter-spacing:-0.17px; padding:1.111vw 3.889vw; font-size:4.722vw;}
h3 span {margin-top:4.444vw; font-size:6.111vw; display:block; color:#222; font-weight:400; line-height:1.4; letter-spacing:-0.05vw;}
h3 strong {width:100%; display:inline-block; font-size:7.778vw; margin-top:1.111vw; color:#101010; font-weight:400; line-height:1.3; letter-spacing:-0.083vw;}
h3 strong b {font-weight:800;}

h4 {text-align:center; margin-top:11.111vw;}
h4 span {font-size:6.111vw; display:block; color:var(--key-color); font-weight:700; line-height:1.4; letter-spacing:-0.05vw;}
h4 strong {width:100%; display:inline-block; font-size:5vw; margin-top:1.111vw; color:#101010; font-weight:400; line-height:1.3; letter-spacing:-0.083vw;}
h4 strong b {font-weight:800;}

.notice {color:#777; text-align:right; font-size:3.611vw; font-style:normal; font-weight:400; line-height:150%; letter-spacing:-0.13px; margin-top:3.333vw;}

/* pagination */
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {bottom:0;}
.swiper-pagination-bullet {width:10px; height:10px; background-color:#DFDFDF; opacity:1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 1.111vw;}
.swiper-pagination-bullet-active {width:6.667vw; background-color:var(--key-color); border-radius:50px;}

/* VISUAL */
.visual-wrap {background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/eisen/top.png') 50% top no-repeat; background-size:cover;}

.visual-wrap .visual {padding:25vw 0; text-align:center;}
.visual-wrap .visual h3 {font-size:4.722vw; color:var(--key-color); text-align:center; font-style:normal; font-weight:800; line-height:100%; letter-spacing:0.567vw; margin-bottom:9.444vw;}
.visual-wrap .visual h2 img {width:64.444%;}
.visual-wrap .visual p {color:#101010; text-align:center; font-size:5vw; font-style:normal; font-weight:400; line-height:140%; letter-spacing:-0.075vw; margin-top:5.556vw;}
.visual-wrap .visual p strong {font-weight:700;}

/* CONTENTS */
.cont01 {padding-top:0;}

.list-box {text-align:center; padding:2.778vw 6.944vw; border-radius:2.778vw; background-color:#fff; box-sizing:border-box; border:1px solid #EDEDED;}
.list-box dl {padding:5.556vw 0; border-top:1px solid #EDEDED;}
.list-box dl:first-child {border-top:none;}
.list-box dl dt {color:var(--key-color); font-size:6.111vw; font-weight:700; line-height:1.4; letter-spacing:-0.061vw; word-break:keep-all;}
.list-box dl dd {font-size:4.444vw; margin-top:1.111vw; color:#555; font-weight:400; line-height:1.4; letter-spacing:-0.044vw; word-break:keep-all;}

.point02-slide {margin-top:5.556vw; padding-bottom:6.111vw;}
.point02-slide ul {display:flex; justify-content: space-between;}
.point02-slide ul li {box-sizing:border-box;  height:auto;}
.point02-slide ul li img {width:100%; height:100%;}

.point02-img {margin-top:5.556vw;}
.point02-img img{ width:100%; height:100%; border-radius: 2.778vw;}

.tab-tit {margin-top:11.667vw; text-align:center;}
.tab-tit span {display:block; font-size:4.722vw; color:#555; font-weight:400; line-height:1.4; letter-spacing:-0.05vw;}
.tab-tit strong {display:block; margin-top:1.111vw; font-size:6.667vw; color:#222; font-weight:700; line-height:1.3; letter-spacing:-0.083vw;}
.tab-tit + .tab-sub-tit {margin-top:7.222vw;}
.tab-sub-tit {margin-top:11.667vw; text-align:center; font-size:6.111vw; color:var(--key-color); font-weight:700; line-height:1.4; letter-spacing:-0.044vw;}
.tbl-sub-tit{margin-top:11.667vw;margin-bottom: 8.333vw; text-align:center; font-size:6.111vw; color:#222; font-weight:700; line-height:1.4; letter-spacing:-0.044vw;}

.tab-box {display:flex; width:100%; align-items:flex-start;}
.tab-box > div {background:#EDEDED; width:50%; height:17.778vw; text-align:center; justify-content:center; display:flex; align-items:center; color:#777; font-size:5vw; font-style:normal; font-weight:800; line-height:130%; letter-spacing:-0.45px;}
.tab-box > div.active {background:var(--key-color); color:#fff;}
.tab-contents .tab-cont { display:none;}
.tab-contents .tab-cont.active {display:block;}

.eisen-slide {margin-top:3.889vw; padding-bottom: 6.111vw;overflow: visible;}
.eisen-slide .swiper-slide{padding:8.889vw 8.333vw; border-radius:2.778vw; border:1px solid #DDD; background:#FFF;box-sizing: border-box;}
.swiper-slide .eisen-wrap {text-align:center;}
.eisen-slide .swiper-wrapper {align-items:stretch;}
.eisen-slide .swiper-slide {height:auto; display:flex;}
.eisen-slide .swiper-slide > .eisen-wrap,
.eisen-slide .swiper-slide .eisen-wrap {width:100%; display:flex; flex-direction:column; height:100%;}
.eisen-slide .swiper-slide .eisen-list {margin-top:auto;}
.swiper-slide .eisen-wrap .tag { max-width:40%; margin:0 auto; display:inline-flex; padding:0.833vw 2.778vw; justify-content:center; align-items:center; border-radius:4px; background:#E5EEFF; color:#222; font-size:3.611vw; font-style:normal; font-weight:600; line-height:150%; letter-spacing:-0.13px; margin-bottom:2.222vw;}
.swiper-slide .eisen-wrap h5 {color:#101010; text-align:center; font-size:6.111vw; font-style:normal; font-weight:700; line-height:140%; letter-spacing:-0.22px; margin-bottom:2.778vw;}
.swiper-slide .eisen-wrap img {width:32.765vw;margin-bottom:5.556vw;border: 1px solid #DDD;}
.swiper-slide .eisen-wrap img.set {width:auto;height:35.556vw;margin-bottom:0;border:none;}
.swiper-slide .eisen-wrap .eisen-list li {position:relative; text-align:left; padding-left:2.778vw; color:#555; font-size:3.889vw; font-style:normal; font-weight:400; line-height:160%; letter-spacing:-0.14px; margin-bottom:1.667vw;}
.swiper-slide .eisen-wrap .eisen-list li:last-child {margin-bottom:0;}
.swiper-slide .eisen-wrap .eisen-list li::before {content:"\2022"; position:absolute; left:0; top:0;}


.btm-txt {padding:22.222vw 0; color:var(--key, #0059A2); text-align:center; font-size:7.778vw; font-style:normal; font-weight:700; line-height:130%; letter-spacing:-0.28px;}

/* table */
.cont03 {padding-bottom:0;}
.cont03 .tb-wrap {background:#F9F9F9; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#111 #E5E5E5;border:1px solid #E5E5E5;border-radius:2.778vw;}
.cont03 .tb-wrap + .tb-wrap {margin-top:11.111vw;}
.cont03 .tb-wrap .table-style02 {width:190%; border-collapse:separate; border-spacing:0; border-bottom:none; table-layout:fixed;}
.cont03 .tb-wrap .table-style02 th, 
.cont03 .tb-wrap .table-style02 td { text-align: center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; font-size:3.889vw; padding:2.778vw 0; vertical-align:middle; line-height:140%;}
.cont03 .tb-wrap .table-style02 th {background:#F9F9F9;}
.cont03 .tb-wrap .table-style02 td {background:#fff; min-width:20%;}
.cont03 .tb-wrap .table-style02 th .sub {font-weight:normal !important;}

.cont03 .tb-wrap .table-style02 thead th.sticky {position:sticky; left:0; top:0;border-right:1px solid #e5e5e5;}
.cont03 .tb-wrap .table-style02 thead th.sticky + th{border-left: none;}
.cont03 .tb-wrap .table-style02 tbody th.sticky {position:sticky; left:0; top:0; z-index:3;border-right:1px solid #e5e5e5;}
.cont03 .tb-wrap .table-style02 tbody th.sticky + td{border-left: none;}

.cont03 .tb-wrap .table-style02 th:first-child{border-left: none !important;}
.bbn{border-bottom: none !important;}
.brl{border-left:1px solid #e5e5e5 !important;}

/* TABLET */
@media (min-width:768px) {
	.mo_only, .mo-only {display:none;}
	.ta_only, .ta-only {display:block;}
	.pc_only, .pc-only {display:none;}

    *[class^="cont0"] {padding:80px 0;}
    .inner {padding:0 16px;}
    .inner.left {padding:0 0 0 16px;}
    img {width:100%;}

    /* title */
    h3 { margin-bottom:60px;}
    h3 em { letter-spacing:-0.2px; padding:5px 20px; font-size:20px;}
    h3 span {margin-top:16px; font-size:28px;}
    h3 strong {font-size:40px; margin-top:4px;}

    h4 {text-align:center; margin-top:60px;}
    h4 span {font-size:28px; display:block; color:var(--key-color); font-weight:700; line-height:1.4; letter-spacing:-0.05vw;}
    h4 strong {width:100%; display:inline-block; font-size:24px; margin-top:1.111vw; color:#101010; font-weight:400; line-height:1.3; letter-spacing:-0.083vw;}
    h4 strong b {font-weight:800;}

    .notice {color:#777; text-align:right; font-size:3.611vw; font-style:normal; font-weight:400; line-height:150%; letter-spacing:-0.13px; margin-top:3.333vw;}

    /* VISUAL */
    .visual-wrap .visual {padding:180px 0 60px 0;}
    .visual-wrap .visual h3 {font-size:28px;letter-spacing: 3.36px; margin-bottom:42px;}
    .visual-wrap .visual h2 img {width:331px;}
    .visual-wrap .visual p { font-size:32px; letter-spacing: -0.48px; margin-top:26px;}

    .list-box { padding:10px 25px; border-radius:20px;}
    .list-box dl {padding:20px 0;}
    .list-box dl dt {font-size: 28px;}
    .list-box dl dd {font-size: 18px;}

    .point02-slide .swiper-wrapper {gap:0 !important;}
    .point02-slide {margin-top:30px; padding-bottom:0;}
	.point02-slide ul {gap:0;}
    .point02-slide ul li {box-sizing:border-box; width:auto !important; height:auto;}
    .point02-slide ul li img {width:100%; height:100%;}
    .point02-slide .swiper-pagination{display: none;}

    .point02-img {margin-top:30px; height:340px}
    .point02-img img{ width:100%; height:100%; border-radius: 20px;}

    .notice {font-size: 14px;margin-top:12px;}

    .tab-tit {margin-top:80px;}
    .tab-tit span {font-size: 20px;}
    .tab-tit strong {display:block; margin-top:0; font-size:32px;}
    .tab-tit + .tab-sub-tit {margin-top:50px;}
    .tab-sub-tit {margin-top:80px; font-size:28px;}
    .tbl-sub-tit{margin-top:80px;margin-bottom:40px; font-size:28px;}

    .tab-box { padding:0 0; max-width:1024px;margin:0 auto;}
    .tab-box.is-fixed{ max-width:1024px !important;margin:0 auto;left:0 !important;right:0 !important;}
    .tab-box > div {height:80px;font-size:24px;cursor: pointer;}
    .tab-contents .tab-cont {padding:0 0;}

    .eisen-slide .swiper-wrapper {gap:0;justify-content:flex-start;}
    .eisen-slide .swiper-slide{ width:50%;} 
    .eisen-slide {margin-top:30px; padding-bottom: 0;}
    .eisen-slide .swiper-slide{padding:32px 30px; border-radius:20px;}
    .eisen-slide .swiper-pagination{display: none;}
    
    .swiper-slide .eisen-wrap .tag { padding:3px 10px; border-radius:1.111vw;font-size:14px;margin-bottom:8px;}
    .swiper-slide .eisen-wrap h5 {color:#101010; text-align:center; font-size:28px; font-style:normal; font-weight:700; line-height:140%; letter-spacing:-0.22px; margin-bottom:10px;}
    .swiper-slide .eisen-wrap img {width:118px;margin-bottom:20px;}
    .swiper-slide .eisen-wrap img.set {width:auto;height:130px;margin-bottom:20px;}
    .swiper-slide .eisen-wrap .eisen-list li { padding-left:10px; color:#555; font-size:16px; margin-bottom:6px;}
    .swiper-slide .eisen-wrap .eisen-list li:last-child {margin-bottom:0;}
    .swiper-slide .eisen-wrap .eisen-list li::before {content:"\2022"; position:absolute; left:0; top:0;}

    .cont03 .tb-wrap {border-radius:10px;}
    .cont03 .tb-wrap + .tb-wrap {margin-top:60px;}
    .cont03 .tb-wrap .table-style02 {width:100%; border-collapse:separate; border-spacing:0; border-bottom:none; table-layout:fixed;}
    .cont03 .tb-wrap .table-style02 th, 
    .cont03 .tb-wrap .table-style02 td {font-size: 16px; padding:16px 8px;}
    .btm-txt {padding:0 0 80px 0; font-size:40px;}
}


/* PC */
@media (min-width:1200px) {
	.mo_only, .mo-only {display:none;}
	.ta_only, .ta-only {display:none;}
	.pc_only, .pc-only {display:block;}
	.inner {
        width:1024px; padding:0; margin:0 auto;
    }
    .inner.left{ padding:0 0 0 0;}

    .point02-slide .swiper-wrapper {gap:20px;}
    .point02-slide ul li img {width:328px; height:auto;}

    .eisen-slide .swiper-wrapper{justify-content:center;gap:20px;}
    .eisen-slide .swiper-slide{ width:328px;}

}

/* tab */
.cont03 {position:relative;}
.cont03 .tab-box.is-fixed {position:fixed; z-index:200; background:#fff;}
.cont03 .tab-box.is-bottom {position:absolute; bottom:0; z-index:200; background:#fff;}
