@charset "UTF-8";
/* common */
.mainWrap {background: #201544;}
.container {position: relative; width: 1100px; margin: 0 auto;}

.btn_vivid_info {display: inline-block; position: relative; font-size: 13px; font-weight: 500; line-height: 30px; letter-spacing: -0.045em; border-radius: 5px;}
.btn_vivid_info.type1 {color: #048bce; background: #e6f7ff; border: 1px solid #93dcff;}
.btn_vivid_info.type2 {color: #393d49; background: #fff; border: 1px solid #e0e0e0;}
.btn_vivid_info.type3 {color: #363842; background: #ffeb9c; border: 1px  solid #ffdf60;}
.btn_wrap {margin-top: 32px; text-align: center;}

/* intro */
.vividClassHeader .container {padding:17px 0 24px; display: flex; justify-content: space-between; align-items: flex-start; position: relative; height: 71px;}
.vividClassHeader .container h1 img {width: 86px;}
.vividClassHeader .container .login_box {display: flex; align-items: flex-end; gap: 17px;}
.vividClassHeader .container .login_box .login a {display: inline-block; padding: 0 17px; font-size: 12px; font-weight: 500; color: #fff; line-height: 26px; letter-spacing: -0.04em; background: #3fb8e0; border-radius: 4px;}
.vividClassHeader .container .login_box .logout {display: flex; align-items: center; gap: 10px;}
.vividClassHeader .container .login_box .logout p {font-size: 13px; font-weight: 300; color: #61646d; }
.vividClassHeader .container .login_box .logout p .teacher {font-size: 13px; font-weight: 500; color: #6498ff; }
.vividClassHeader .container .login_box .logout button {display: inline-block; padding: 0 22px; font-size: 14px; font-weight: 400; color: #393d49; line-height: 30px; letter-spacing: -0.04em;  background: #e7e6e6; border-radius: 6px;}
.vividClassHeader .container .login_box h2 a img {width: 64px; }

.content.contTit {background: url(/resources/images/themeplace/vividClass/bg1.png) no-repeat bottom center / 100% auto;}
.content.contTit .container{padding-top:3px;}
.content.contTit .util{position:absolute; left:0; top:0;}
.content.contTit .util a {display: inline-block; padding: 0 14px 0 32px; font-size: 14px; font-weight: 400; color: #393d49; line-height: 30px; letter-spacing: -0.04em; background: #ffffff url(/resources/images/themeplace/vividClass/ico_info.png)no-repeat left 10px center; border-radius: 15px;}
.content.contTit .title {padding: 0 0 26px;}
.content .title {padding: 9px 0 24px;}
.content.grade {width: 100%; background: #4c1dc4;}
.content.grade .vivid_tab .tab_menu { display: flex; gap: 5px; position: absolute; left: 101px; top: -23px;}
.content.grade .vivid_tab .tab_menu li a {position:relative; display: inline-block; padding: 0 33px; height:38px; font-family: "GmarketSansMedium", 'sans-serif'; font-size: 18px; color: #4a364b; line-height: 40px; letter-spacing: -0.07em; background: #fff; border-radius: 19px;}
.content.grade .vivid_tab .tab_menu li a .badge{position:absolute; left:9px; top:-29px;width:58px;height:42px; padding:9px 9px 16px; font-size:12px; color:#fff; font-weight:500; line-height:14px;text-align:center; background:url(/resources/images/themeplace/vividClass/ico_revision.png) no-repeat center center;}
.content.grade .vivid_tab .tab_menu li.on a,
.content.grade .vivid_tab .tab_menu li:hover a{color: #fff; background: #009dd6; box-shadow:0 0 23px 13px rgba(5, 188, 255, .3);}
.content.grade .vivid_tab .tab_conts ul {display: flex; justify-content: center;}
.content.grade .vivid_tab .tab_conts li a {display: inline-block; position:relative; padding: 0 26px; font-family: "GmarketSansMedium", 'sans-serif'; font-size: 18px; color: #fff; line-height: 51px; letter-spacing: -0.07em;}
.content.grade .vivid_tab .tab_conts li.on a{font-size:22px; color:#ffde5c; font-family: "GmarketSansBold", 'sans-serif';}
.content.grade .vivid_tab .tab_conts li.on a:after {content: ""; display: inline-block; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 10px; height: 10px; background: #ffde5c; border: 6px solid #4c1dc4; border-radius: 50%; }

.content.contTit .obj_box{position:absolute;}
.content.contTit .obj_box .obj_img {display:flex; align-items:center; justify-content:center;}
.content.contTit .obj_box .obj_img img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; transition:.6s; animation:twist 1.2s infinite linear;}
.content.contTit .obj_box:nth-child(even) .obj_img img{animation:twist2 1.2s infinite linear;}
.content.contTit .obj_box .obj_img img.on{opacity:0; animation:unset;}
.content.contTit .obj_box .obj_txt{opacity:0; visibility:hidden; position:absolute; z-index:1; transition:.45s .3s}
.content.contTit .obj_box .obj_img:hover img{opacity:0;}
.content.contTit .obj_box .obj_img:hover img.on{opacity:1;}
.content.contTit .obj_box .obj_img:hover+.obj_txt{opacity:1; visibility:visible;}

.content.contTit .obj_box.obj1{left:131px; top:296px;}
.content.contTit .obj_box.obj1 .obj_img{width:134px; height:95px;}
.content.contTit .obj_box.obj1 .obj_txt{left:-1px; bottom:calc(100% + 3px);}

.content.contTit .obj_box.obj2{left:323px; top:275px;}
.content.contTit .obj_box.obj2 .obj_img{width:124px; height:126px;}
.content.contTit .obj_box.obj2 .obj_txt{left:-8px; bottom:-79px;}

.content.contTit .obj_box.obj3{left:471px; top:285px;}
.content.contTit .obj_box.obj3 .obj_img{width:148px; height:95px;}
.content.contTit .obj_box.obj3 .obj_txt{left:2px; bottom:-96px;}

.content.contTit .obj_box.obj4{left:665px; top:276px;}
.content.contTit .obj_box.obj4 .obj_img{width:122px; height:97px;}
.content.contTit .obj_box.obj4 .obj_txt{left:-7px; top:calc(100% + 2px);}

.content.contTit .obj_box.obj5{left:759px; top:305px;}
.content.contTit .obj_box.obj5 .obj_img{width:125px; height:155px;}
.content.contTit .obj_box.obj5 .obj_txt{left:28px; bottom:calc(100% + 5px);}

.content.contTit .obj_box.obj6{left:265px; top:397px;}
.content.contTit .obj_box.obj6 .obj_img{width:121px; height:112px;}
.content.contTit .obj_box.obj6 .obj_txt{left:-10px; bottom:calc(100% - 3px);}

.content.contTit .obj_box.obj7{left:436px; top:422px;}
.content.contTit .obj_box.obj7 .obj_img{width:125px; height:100px;}
.content.contTit .obj_box.obj7 .obj_txt{left:1px; bottom:calc(100% + 2px);}

.content.contTit .obj_box.obj8{left:603px; top:395px;}
.content.contTit .obj_box.obj8 .obj_img{width:137px; height:138px;}
.content.contTit .obj_box.obj8 .obj_txt{left:8px; bottom:calc(100% + 2px);}

@keyframes twist{
 0%{transform:translate(-50%, -50%) rotate(0);}
 25%{transform:translate(-50%, -50%) rotate(15deg);}
 50%{transform:translate(-50%, -50%) rotate(0);}
 75%{transform:translate(-50%, -50%) rotate(-15deg);}
 100%{transform:translate(-50%, -50%) rotate(0);}
}
@keyframes twist2{
 0%{transform:translate(-50%, -50%) rotate(0);}
 25%{transform:translate(-50%, -50%) rotate(-15deg);}
 50%{transform:translate(-50%, -50%) rotate(0);}
 75%{transform:translate(-50%, -50%) rotate(15deg);}
 100%{transform:translate(-50%, -50%) rotate(0);}
}

.content.vividSubject {width: 100%; background: #341e7e;}
.content.vividSubject ul {display: flex; justify-content: center; gap: 8px; width: 100%; padding: 23px 0;}
.content.vividSubject ul li a {display: inline-block; width: 187px; font-family: "GmarketSansBold", 'sans-serif'; font-size: 20px; color: #241752; line-height: 53px; letter-spacing: -0.065em; text-align: center; background: #ffffff; border-radius: 10px; }
.content.vividSubject ul li:hover a { background: #ffefb1;}

/* list */
.vividListHeader {width: 100%; background: #3a2482;}
.vividListHeader .container {display: flex; justify-content: space-between; align-items: center; position: relative; height: 75px;}
.vividListHeader .container h1 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.vividListHeader .container h2 img {width: 77px;}
.vividListHeader .container .logout {display: flex; align-items: center; }
.vividListHeader .container .logout .teacher {display: inline-block; margin-right: 10px; font-size: 13px; font-weight: 400; color: #82cce4; letter-spacing: -0.045em;}
.vividListHeader .container .logout button {display: inline-block; padding: 0 11px; font-size: 12px; font-weight: 500; color: #ffffff; line-height: 26px; letter-spacing: -0.04em; background: #707070; border-radius: 4px;}
.vividListHeader .container  .logo_vivasam_w {display: inline-block; width: 60px; margin-left: 18px;}
.vividListHeader .container .login {display: flex; }
.vividListHeader .container .login #loginBtn {display: inline-block; padding: 0 12px; font-size: 12px; font-weight: 500; color: #fff; line-height:  26px; letter-spacing: -0.04em; background:  #261f26; border-radius: 4px;}

 #ContentSub {padding:0;background:#fff;}
.navWrap {position: relative;  border-top:1px solid #DDD;border-bottom:1px solid #DDD; z-index: 3;}
.navWrap .container{width:1100px;margin:0 auto;}
.navWrap .tab1{position:relative;z-index:2;}
.navWrap .tab1:after {content:'';display:block;clear:both;}
.navWrap .tab1 > li{float:left;min-width:143px;height:48px;}
.navWrap .tab1 > li > .btnDepth01{position:relative;display:flex;align-items:center;padding:0 35px;border-right:1px solid #fff;border-left:1px solid #fff;font-size:18px;font-weight:500;color:#606677;letter-spacing:-0.04em;line-height:2.67; gap:5px;}
.navWrap .tab1 > li > .btnDepth01 .badge{display:inline-block; padding:0 8px; font-size:12px; color:#fff; font-weight:500; line-height:21px; background:#F73749; border-radius:11px;}
.navWrap .tab2{overflow:hidden;display:none;min-width:143px;height:182px;background:#fff;border:1px solid #ddd;z-index:1;}
.navWrap .tab1.on .tab2{display:block;}
.navWrap .tab2 li a{display:flex; align-items:center; width:100%;padding:0 35px;font-size:18px;font-weight:500;color:#9799a0;line-height:2.5;letter-spacing:-0.04em; gap:5px;}
.navWrap .tab2 li a .badge{display:inline-block; padding:0 8px; font-size:12px; color:#fff; font-weight:500; line-height:18px; background:#F73749; border-radius:9px;}
.navWrap .tab2 li a.on,
.navWrap .tab2 li a:hover{background:#f1f1f1;font-weight:500;color:#ff8125;}
.navWrap .tab1 > li:nth-child(2),
.navWrap .tab1 > li:nth-child(3){margin-left:-1px;}
.navWrap .tab1 > li + li .btnDepth01{background:url('/resources/images/themeplace/scienceLab/nav_bg.png') no-repeat 0 0;}
.navWrap .tab1 > li:nth-child(3) > .btnDepth01:after{content:'';position:absolute;top:50%;right:10px;display:inline-block;width:13px;height:9px;margin-top:-4px;background:url('/resources/images/themeplace/scienceLab/sub_nav_down.png');vertical-align:middle;}
.navWrap .tab1.on > li:nth-child(3) > .btnDepth01:after{background:url('/resources/images/themeplace/scienceLab/sub_nav_up.png');}
.navWrap .tab1 > li:nth-child(1) .tab2{border-radius:0 0 0 8px;}
.navWrap .tab1 > li:nth-child(3) .tab2{border-radius:0 0 8px 0;}

.subConWrap .container {min-height: 650px; padding: 52px 0 30px; }
.subConWrap .container .list_category {position: relative; width: 100%; padding-bottom: 8px; border-bottom: 2px solid #131418;}
.subConWrap .container .list_category ul {display: flex; gap: 23px;}
.subConWrap .container .list_category ul li {position: relative;}
.subConWrap .container .list_category ul li.on:before {content: ""; display: inline-block; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); width: calc(100% + 21px); height: 100%; background: #e0f4ff; border: 1px solid #c5eaff; border-radius: 14px; z-index: 1;}
.subConWrap .container .list_category ul li input[type=radio] {display: none;}
.subConWrap .container .list_category ul li input[type=radio] + label {display: inline-block; position: relative; padding-left: 26px; font-size:  14px; font-weight: 400; color: #40403e;  line-height: 28px;  letter-spacing: -0.04em; z-index: 2; cursor:pointer;}
.subConWrap .container .list_category ul li.game input[type=radio] + label {padding-left: 52px; background: url('/resources/images/themeplace/vividClass/list_game.png')no-repeat left 25px center; }
.subConWrap .container .list_category ul li.simul input[type=radio] + label {padding-left: 51px; background: url('/resources/images/themeplace/vividClass/list_simul.png')no-repeat left 26px center;}
.subConWrap .container .list_category ul li.dragNdrop input[type=radio] + label {padding-left: 48px; background: url('/resources/images/themeplace/vividClass/list_dragNdrop.png')no-repeat left 25px center;}
.subConWrap .container .list_category ul li.real input[type=radio] + label {padding-left: 49px; background: url('/resources/images/themeplace/vividClass/list_360.png')no-repeat left 25px center;}
.subConWrap .container .list_category ul li.vr input[type=radio] + label {padding-left: 55px; background: url('/resources/images/themeplace/vividClass/list_vr.png')no-repeat left 25px center;}
.subConWrap .container .list_category ul li.math input[type=radio] + label {padding-left: 52px; background: url('/resources/images/themeplace/vividClass/list_math.png')no-repeat left 26px center;}
.subConWrap .container .list_category ul li.ruler input[type=radio] + label {padding-left: 51px; background: url('/resources/images/themeplace/vividClass/list_ruler.png')no-repeat left 25px center;}
.subConWrap .container .list_category ul li.science input[type=radio] + label {padding-left: 52px; background: url('/resources/images/themeplace/vividClass/list_science.png')no-repeat left 28px center;}
.subConWrap .container .list_category ul li input[type=radio] + label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url('/resources/images/themeplace/vividClass/ico_check.png')no-repeat center;}
.subConWrap .container .list_category ul li input[type=radio]:checked + label:after {background-position: center top;}
.subConWrap .container .list_category ul li input[type=radio]:disabled + label {color: #a3a3a3; cursor: auto;}
.subConWrap .container .list_category ul li input[type=radio]:disabled + label:after {background-position: center bottom;}
.subConWrap .container .list_category ul li.game input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_game_dis.png');}
.subConWrap .container .list_category ul li.simul input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_simul_dis.png');}
.subConWrap .container .list_category ul li.dragNdrop input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_dragNdrop_dis.png');}
.subConWrap .container .list_category ul li.real input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_360_dis.png');}
.subConWrap .container .list_category ul li.vr input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_vr_dis.png');}
.subConWrap .container .list_category ul li.math input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_math_dis.png');}
.subConWrap .container .list_category ul li.ruler input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_ruler_dis.png');}
.subConWrap .container .list_category ul li.science input[type=radio]:disabled + label {background-image: url('/resources/images/themeplace/vividClass/list_science_dis.png');}
.subConWrap .container .list_category .btn_vivid_info {position: absolute; right: 0; top: -2px; padding: 0 15px 0 36px; }
.subConWrap .container .list_category .btn_vivid_info:after {content: ""; display: inline-block; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: url('/resources/images/themeplace/vividClass/ico_info2.png')no-repeat center;}

.list_wrap {padding-top: 20px;}
.list_wrap .list_top {display: flex; justify-content: end; align-items: center; }
.list_wrap .list_top p {margin-right: 14px; font-size: 14px; font-weight: 400; color: #363842; letter-spacing: -0.045em; }
.list_wrap .list_top input[type=radio] {display: none;}
.list_wrap .list_top input[type=radio] + .btn_vivid_info {padding: 0 17px; margin-left: 3px; cursor:pointer;}
.list_wrap .list_top input[type=radio]:checked + .btn_vivid_info {background: #ff9f38; border: 1px solid #ff911b; color:#fff;}
.list_wrap .list_top select{padding:0 40px 0 15px;border-radius:5px;font-size:14px;font-weight:600;min-width:205px;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("/resources/images/themeplace/vividClass/dropdown_down.png") right center no-repeat #fff!important;color:#1e1e1e;border:1px solid #d4d4d4}

.list_wrap ul {display: flex; gap: 35px 14px; flex-wrap: wrap; margin-top: 20px;}
.list_wrap ul li {width: calc(25% - 11px); }
.list_wrap ul li a {display: block;}
.list_wrap ul li a .thumb_box  {position: relative; width:264px; height:179px; border:1px solid #a8a8a8; border-radius:8px; overflow:hidden;}
.list_wrap ul li a .thumb_box > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:110%; transition:.3s;}
.icon {display: inline-flex; justify-content: center; align-items: center; position: absolute; right: 11px; bottom: 11px; width: 44px; height: 44px; background: #12bfff; border-radius: 50%;}
.list_wrap ul li a .list_title {margin-top: 8px; font-size: 15px; font-weight: 400; color: #000000; line-height: 1.3; letter-spacing: -0.045em;}
.list_wrap ul li:hover a .thumb_box > img{transform:translate(-50%, -50%) scale(1.05);}
.list_wrap ul li:hover a .thumb_box .icon {background: #ff771c;}
.list_wrap ul li:hover a .list_title{color:#ff8125;}
.list_wrap .btn_more {display: inline-block; padding:   0 50px 0 61px; font-size: 14px; font-weight: 500; color: #393d49; line-height: 39px; background: #efefef url('/resources/images/themeplace/vividClass/ico_arr_down.png')no-repeat left 41px center; border: 1px solid #d5d5d5; border-radius: 20px;}
.list_wrap .btn_more:hover {background-color:#ffd563; border-color:#ffd563;}
.list_wrap .LIVEMATH ul li a .thumb_box{height:214px;}
.list_wrap .LIVESOCL ul li a .thumb_box{height:191px;}
.list_wrap .LIVESOCK ul li a .thumb_box{height:196px;}
.list_wrap .LIVESCEN ul li a .thumb_box{height:195px;}
.list_wrap .LIVESCEN li:hover a .thumb_box > img{transform:translate(-50%, -50%) scale(1.02);}

/* detail */
.detail_top {width: 100%; text-align: center;}
.detail_top .top_tit {display: inline-flex; align-items: center; gap: 12px; }
.detail_top .top_tit .icon {position: static;}
.detail_top .top_tit h3 {font-size: 24px; font-weight: 600; color: #212121;}
.detail_top .top_btn {width: 100%; display: flex; justify-content: space-between;}
.detail_top .top_btn .btn_qr_share {margin: 0;}
.detail_top .top_btn .btn_qr_share:hover{color:#000; background:#ffdf6e; border-color:#ffd144;}
.detail_top .top_btn .btn_fullscreen {padding: 0 13px 0 38px; background-image: url('/resources/images/themeplace/vividClass/ico_fullscreen.png'); background-repeat: no-repeat; background-position: left 14px center;}
.detail_top .top_btn .btn_fullscreen:hover{color:#000; background-image: url('/resources/images/themeplace/vividClass/ico_fullscreen_on.png'); background-color:#12bfff; border-color:#12bfff;}

.detail_body {margin-top: 14px;}
.detail_body .content_area .content_box {width: 100%; height: 580px; border: 1px solid #cecfd0;}
.detail_body .content_area .content_box .conTollWrap{position:relative;width: 100%; height: 100%;}
.detail_body .content_area .content_box .conTollWrap .conToll {height: 100%;}
.detail_body .content_area .content_box .conTollWrap iframe {width: 100%; height: 100%;}
.detail_body .content_area .content_box .conTollWrap .loading{position:absolute;}
.detail_body .content_area .content_alert {margin-top: 10px; font-size: 15px; font-weight : 400; color: #7c7c7c; line-height: 1; letter-spacing: -0.045em;}
.detail_body .content_area .content_alert span {font: inherit;}

.detail_body h4 {margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #212121; letter-spacing: -0.045em; line-height: 1}
.detail_body .body_cont {margin-top: 60px;}
.detail_body .body_cont .listUl {border-top: 1px solid #17181d;}
.detail_body .body_cont .listUl .listLi { border-bottom: 1px solid #ebebeb;}
.detail_body .body_cont .listUl .listLi .list { display: flex; justify-content: space-between; align-items: center; padding:  0 10px 0 19px; background: #f9f9f9;}
.detail_body .body_cont .listUl .listLi .list p {font-size: 17px; font-weight: 500; color: #3c3c3c; line-height: 55px; letter-spacing: -0.045em;}
.detail_body .body_cont .listUl .listLi .list a.btn_go {display: inline-block; position: relative; height: 34px; padding:  0 26px 0 16px; font-size: 13px; font-weight: 500; color: #fff; line-height: 34px; letter-spacing: -0.045em; background: #3fb8e0;  border-radius: 17px;}
.detail_body .body_cont .listUl .listLi .list a.btn_go:after {content: ""; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);  width: 5px; height: 7px; background: url('/resources/images/themeplace/vividClass/ico_arr_right.png')no-repeat center top; }

.detail_body .body_cont .listUl .listLi .inner_list li {display: flex; justify-content: space-between; align-items: center; padding: 0 10px 0 63px; border-top: 1px solid #ebebeb;}
.detail_body .body_cont .listUl .listLi .inner_list li p {position: relative; font-size: 16px; font-weight: 400; color: #3c3c3c; line-height: 55px; letter-spacing: -0.045em;}
.detail_body .body_cont .listUl .listLi .inner_list li p:after {content: ""; display: inline-block; position: absolute; left: -28px; top: 17px;  width: 18px; height: 18px; background: url('/resources/images/themeplace/vividClass/ico_innerlist.png')no-repeat center;}
.detail_body .body_cont .listUl .listLi .inner_list li p:hover {color: #ff5d25; font-weight:600; text-decoration:underline; text-underline-position:under;}
.btn_vivid_info.arr.type1 { padding: 0 26px 0 31px; background-image: url('/resources/images/themeplace/vividClass/ico_data.png'); background-repeat: no-repeat; background-position: left 13px center;}
.btn_vivid_info.arr.type1:after {content: ""; display: inline-block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);  width: 5px; height: 7px; background: url('/resources/images/themeplace/vividClass/ico_arr_right.png')no-repeat center;}
.btn_vivid_info.arr.type2 {padding: 0 30px 0 12px; margin-left: 5px;}
.btn_vivid_info.arr.type2:after {content: ""; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);  width: 5px; height: 7px; background: url('/resources/images/themeplace/vividClass/ico_arr_right.png')no-repeat center bottom;}

.another_cont .another_cont_inner {padding: 0 24px; background: #ecfcff; border: 1px dashed #12bfff; border-radius: 12px;}
.another_cont .another_cont_inner .cont {display: flex; gap: 19px; padding: 20px 0;}
.another_cont .another_cont_inner .cont + .cont {border-top: 2px solid #c1e7f6;}
.another_cont .another_cont_inner .cont .subject_name { position: relative; padding: 0 45px 0 23px; max-height: 68px; font-size: 22px; font-weight: 600; color: #ffffff; line-height: 68px; letter-spacing: -0.045em; border-radius: 8px 34px 34px 8px; }
.another_cont .another_cont_inner .cont .subject_name:after {content: ""; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #fff; border-radius: 50%; }
.another_cont .another_cont_inner .cont .subject_name.math {background: #4684f6;}
.another_cont .another_cont_inner .cont .subject_name.social {background: #64a787;}
.another_cont .another_cont_inner .cont ul {flex: 1; max-height: 410px; padding-right: 10px; overflow-y: auto; }
.another_cont .another_cont_inner .cont ul li {display: flex; align-items: center; gap: 20px; width: 100%; margin-top: 10px;}
.another_cont .another_cont_inner .cont ul li:first-child {margin-top: 0;}
.another_cont .another_cont_inner .cont ul li p { font-size: 16px; font-weight: 400; color: #4a4f5f; letter-spacing: -0.045em; }
.another_cont .another_cont_inner .cont ul li p:hover {color: #ff5d25;}
.another_cont .another_cont_inner .cont ul li i {flex: 1; display: inline-block; height: 1px; border-top: 1px dashed #b8c5c7;}
.another_cont .another_cont_inner .cont ul li.one p{line-height:68px;}

.btn_cont_bottom {display: inline-block; width: 230px; font-size: 18px; font-weight: 500; color: #ffffff; line-height: 56px; letter-spacing: -0.045em; text-align: center;  background: #5b5f6d; border-radius: 28px;}

/* 251 개편 비바샘 BI 변경 */
.vividClassHeader .container .login_box h2 a img {width: 84px;}
.vividListHeader .container .logo_vivasam{display:flex; align-items:center;}
.vividListHeader .container .logo_vivasam_w{margin:0; width:84px;}