.totop {width:70px; height:70px; position:fixed; right:30px; bottom:30px; font-size:0; z-index:99; border-radius:50%; background:#C01615 url('../res/images/new/icon_up.png') no-repeat center / 14px 22px; box-shadow:0 0 10px rgba(0,0,0,0.3);}

/* main-slider */
.main-slider .swiper-container {height:100%;}
.main-slider .swiper-container .swiper-slide {height:100%;}
.main-slider .swiper-container .swiper-slide:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:"";}
.main-slider .swiper-container .swiper-slide > div {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; z-index:2;}
.main-slider .swiper-container .swiper-slide > div strong {display:block; text-align:center; font-size:75px; font-weight:700; color:#fff; line-height:1.2; letter-spacing:-2px;}
.main-slider .swiper-container .swiper-slide > div p {margin:20px 0 0; text-align:center; font-size:20px; font-weight:500; color:#fff; line-height:1.3;}
.main-slider .swiper-control {z-index:10; position:absolute; left:0; top:70%; transform:translateY(-50%); width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-slider .swiper-control > div {position:static; margin:0; transform:none; display:flex; flex-wrap:wrap; align-items:center;}
.main-slider .swiper-control > div:after {display:none;}
.main-slider .swiper-control > div.swiper-button-prev {width:6px; height:12px; background:url('../res/images/new/icon_main_slider_prev.svg') no-repeat center / cover;}
.main-slider .swiper-control > div.swiper-button-next {width:6px; height:12px; background:url('../res/images/new/icon_main_slider_next.svg') no-repeat center / cover;}
.main-slider .swiper-control > div.swiper-pagination {width:auto; margin:0 15px; font-size:18px; font-weight:600; color:#fff;}
.main-slider .swiper-control > div.swiper-pagination span {font-size:18px; font-weight:600; color:#fff; margin:0 15px;}

/* main-medical */
.main-medical {background:#fff url('../res/images/new/bg_main_medical.png') no-repeat -110px top / 584px 1078px;}
.main-medical h2 strong {display:block; text-align:center; font-size:48px; font-weight:bold; color:#343434; margin:0 0 30px;}
.main-medical h2 small {display:block; text-align:center; font-size:18px; color:#707070;}
.main-medical ul {margin:60px auto 0; max-width:1400px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-medical ul li {width:calc(20% - 15px);}
.main-medical ul li a {transition:all ease 0.5s; background:#F1F1F1; height:375px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.main-medical ul li a img {display:block; margin:0 auto; width:150px;}
.main-medical ul li a p {width:100%; text-align:center; font-size:30px; font-weight:600; color:#191919; margin:25px 0 0;}
.main-medical ul li a:hover {box-shadow:3px 3px 8px rgba(0,0,0,0.16);}

/* main-board */
.main-board ul {height:100%; display:flex; flex-wrap:wrap; align-items:center;}
.main-board ul li {width:33.33%; height:100%; position:relative;}
.main-board ul li:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:all ease 0.5s; content:"";}
.main-board ul li:hover:after {background:rgba(192,22,21,0.8);}
.main-board ul li > div {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.main-board ul li > div a {display:block;}
.main-board ul li > div a h2 {font-size:40px; font-weight:600; color:#fff; margin:0 0 30px; text-align:center;}
.main-board ul li > div a p {font-size:18px; font-weight:400; color:#fff; line-height:1.3; text-align:center;}

/* main-youtube */
.main-youtube h2 {margin:0 0 100px;}
.main-youtube h2 strong {display:block; text-align:center; font-size:48px; font-weight:bold; color:#191919; margin:0 0 30px;}
.main-youtube h2 small {display:block; text-align:center; font-size:18px; color:#191919;}
.main-youtube ul li {transition:all ease 0.5s; opacity:0.5; height:434px;}
.main-youtube ul li a {display:block; height:100%;}
.main-youtube ul li a img {max-width:100%; width:100%; height:100%; display:block; object-fit:cover;}
.main-youtube ul li.swiper-slide-active {transform:scale(1.2); opacity:1; z-index:10; box-shadow:3px 3px 5px rgba(0,0,0,0.16);}
.main-youtube ul li.swiper-slide-active a {position:relative;}
.main-youtube ul li.swiper-slide-active a:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:2; content:"";}
.main-youtube ul li.swiper-slide-active a:after {z-index:3; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); content:""; width:76px; height:76px; background:url('../res/images/new/icon_main_youtube.png') no-repeat center / cover;}
.main-youtube .swiper-container {overflow:visible;}
.main-youtube .swiper-button-prev {margin:0; transform:translateY(-50%); left:21.9%; width:76px; height:76px; background:url('../res/images/new/icon_main_youtube_prev.png') no-repeat center / cover;}
.main-youtube .swiper-button-prev:after {display:none;}
.main-youtube .swiper-button-next {margin:0; transform:translateY(-50%); right:22.7%; width:76px; height:76px; background:url('../res/images/new/icon_main_youtube_next.png') no-repeat center / cover;}
.main-youtube .swiper-button-next:after {display:none;}

/* main-teacher */
.main-teacher {position:relative; background:url('../res/images/new/bg_main_teacher.png') no-repeat center bottom / cover;}
.main-teacher .fp-tableCell {vertical-align:bottom !important;}
.main-teacher .bg {background:rgba(192,22,21,0.8); position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:flex-end;}
.main-teacher .bg img {position:relative; top:70px;}
.main-teacher .swiper-container {z-index:10; max-width:1400px; margin:0 auto;}
.main-teacher .swiper-container .swiper-wrapper .swiper-slide {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-teacher .swiper-container .swiper-wrapper .swiper-slide img {position:relative; top:70px;}
.main-teacher .swiper-container .swiper-wrapper .swiper-slide a strong {display:block; font-size:50px; font-weight:700; color:#fff; margin:0 0 20px;}
.main-teacher .swiper-container .swiper-wrapper .swiper-slide a small {display:flex; flex-wrap:wrap; align-items:center; font-size:30px; color:#fff;}
.main-teacher .swiper-container .swiper-wrapper .swiper-slide a small:after {display:inline-block; content:""; margin-left:10px; width:24px; height:7px; background:url('../res/images/new/icon_main_teacher_arrow.png') no-repeat center / cover;}

/* main-list */
.main-list {background:#F1F1F1 !important;}
.main-list .board-list {max-width:1400px; margin:0 auto 60px;}
.main-list .board-list:last-of-type {margin:0 auto;}
.main-list .board-list .board-list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-list .board-list .board-list-head h2 {flex:1; min-width:0; position:relative; text-align:left; margin-right:15px;}
.main-list .board-list .board-list-head h2:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:100%; height:1px; background:#999999; content:"";}
.main-list .board-list .board-list-head h2 strong {font-size:48px; font-weight:700; color:#191919; position:relative; z-index:2; background:#f1f1f1; padding-right:15px;}
.main-list .board-list .board-list-head a {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#191919;}
.main-list .board-list .board-list-head a:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../res/images/new/icon_main_list_more.png') no-repeat center / cover;}
.main-list .board-list .board-list-body {margin:30px 0 0;}
.main-list .board-list .board-list-body ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.main-list .board-list .board-list-body ul li {width:calc(25% - 20px); margin:0 10px;}
.main-list .board-list .board-list-body ul li a {display:block;} 
.main-list .board-list .board-list-body ul li a .list-image img {width:100%; height:335px; object-fit:cover;}
.main-list .board-list .board-list-body ul li a .list-content strong {display:block; text-align:left; overflow:hidden; margin:0 0 20px; font-size:18px; font-weight:500; color:#191919; line-height:1.2; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main-list .board-list .board-list-body ul li a .list-content p {font-size:16px; color:#707070; line-height:1.2; word-wrap:break-word; overflow:hidden; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main-list .board-list .board-list-body ul li a .list-content time {display:block; text-align:right; margin:40px 0 0; font-size:18px; color:#707070;}

/* header */
header {background:none;}
header > .box {max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
header > .box h1 {flex:1; min-width:0; max-width:280px; height:78px; display:flex; align-items:center;}
header > .box h1 a {display:block; width:201px; height:40px; font-size:0; background:url('../res/images/new/logo_w.png') no-repeat center / cover;}
header > .box .lnb {flex:1; min-width:0; height:78px; display:flex; align-items:center; justify-content:flex-end; max-width:201px; margin:0;}
header > .box .lnb ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header > .box .lnb ul li {margin-right:10px;}
header > .box .lnb ul li:last-of-type {margin-right:0;}
header > .box .lnb ul li a {display:block; font-size:0; width:45px; height:45px; background-size:cover; background-position:center;}
header > .box .lnb ul li.login a {background-image:url('../res/images/new/icon_login_w.png');}
header > .box .lnb ul li.menu a {background-image:url('../res/images/new/icon_menu_w.png');}
header > .box .lnb ul li.admin a {background-image:url('../res/images/new/icon_admin_w.png');}
header > .box .gnb {min-width:923px; height:auto; line-height:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header > .box .gnb > ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
header > .box .gnb > ul > li {position:relative; height:auto; padding:0;}
header > .box .gnb > ul > li > a {display:block; padding:30px 20px; font-size:18px; color:#fff; border-right:1px solid transparent;}
header > .box .gnb > ul > li > a:hover {color:#C01615 !important;}
header > .box .gnb > ul > li > ul {display:none; border-right:1px solid #fff; padding:20px 0; height:calc(100% - 78px);}
header > .box .gnb > ul > li > ul:hover {background:#F1F1F1;}
header > .box .gnb > ul > li > ul > li {margin:0 0 20px;}
header > .box .gnb > ul > li > ul > li a {display:block; text-align:center; font-size:16px; color:#343434; padding:0 10px;} 
header > .box .gnb > ul > li > ul > li a:hover {color:#C01615; font-weight:600;}
header > .box .gnb > ul > li > ul > li.active a {color:#C01615; font-weight:600;}
header > .box .gnb:hover > ul > li > ul {display:block;}
header.active {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.03);}
header.active > .box h1 a {background-image:url('../res/images/new/logo_b.png');}
header.active > .box .lnb ul li.login a {background-image:url('../res/images/new/icon_login_b.png');}
header.active > .box .lnb ul li.menu a {background-image:url('../res/images/new/icon_menu_b.png');}
header.active > .box .lnb ul li.admin a {background-image:url('../res/images/new/icon_admin_b.png');}
header.active > .box .gnb > ul > li > ul {border-right:1px solid #F1F1F1;}
header.active > .box .gnb > ul > li > a {color:#191919;}
header.fixed {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.03);}
header.fixed > .box h1 a {background-image:url('../res/images/new/logo_b.png');}
header.fixed > .box .lnb ul li.login a {background-image:url('../res/images/new/icon_login_b.png');}
header.fixed > .box .lnb ul li.menu a {background-image:url('../res/images/new/icon_menu_b.png');}
header.fixed > .box .lnb ul li.admin a {background-image:url('../res/images/new/icon_admin_b.png');}
header.fixed > .box .gnb > ul > li > ul {border-right:1px solid #F1F1F1;}
header.fixed > .box .gnb > ul > li > a {color:#191919;}

/* header-fixed */
.header-fixed {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.88); min-width:1900px; max-width:1920px;}
.header-fixed .box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1400px;}
.header-fixed .box .fixed-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.header-fixed .box .fixed-head a {width:30px; height:30px; display:block; font-size:0; background:url('../res/images/new/icon_close_w.png') no-repeat center / cover;}
.header-fixed .box .fixed-body > ul > li {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #707070; padding:25px 0;}
.header-fixed .box .fixed-body > ul > li > strong {font-size:32px; font-weight:500; color:#fff; margin-right:50px;}
.header-fixed .box .fixed-body > ul > li > ul {display:flex; flex-wrap:wrap; align-items:center;}
.header-fixed .box .fixed-body > ul > li > ul > li {margin-right:40px;}
.header-fixed .box .fixed-body > ul > li > ul > li:last-of-type {margin-right:0;}
.header-fixed .box .fixed-body > ul > li > ul > li a {font-size:20px; color:#999;}
.header-fixed .box .fixed-body > ul > li > ul > li a:hover {color:#fff;}
.header-fixed .box .fixed-body > ul > li > ul > li.active a {color:#fff;}
.header-fixed.fixed {pointer-events:auto; opacity:1;}