.card_gallery{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.card_gallery > div{width: 100%; cursor: pointer;}
.card_gallery .cgItem > div:first-child{position: relative;}
.card_gallery .cgItem > div:first-child > div:first-child{padding-bottom: 70%; border-radius: 10px; background-color: var(--bg_silver); transition: var(--transition);}
.card_gallery .cgItem:hover > div:first-child > div:first-child{box-shadow: 0px 0px 0px 3px var(--bg_blue);}
.card_gallery .cgItem > div:first-child > div:nth-child(2){position: absolute; bottom: 10px; left: 10px; padding: 2px 5px; min-width: 20px; text-align: center; background: var(--bg_white); border-radius: 5px; font-size: 11px; font-weight: bold; color: var(--text_black);}
.card_gallery .cgItem > div:nth-child(2){margin-top: 5px; font-weight: bold;}

.card_news{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.card_news > a{width: 100%;}
.card_news .cnItem > div:first-child{padding-bottom: 60%; border-radius: 10px; background-color: var(--bg_silver);}
.card_news .cnItem > div:nth-child(2){margin-top: 5px;}
.card_news .cnItem > div:nth-child(2) > div:first-child{color: var(--text_silver);}
.card_news .cnItem > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-weight: bold;}

.card_package_group > div:not(:last-child){margin-bottom: 20px;}
.card_package_group > div{width: 100%; border-radius: 10px; border: 1px solid var(--bg_line); padding: 0px 15px 15px 15px; box-sizing: border-box; background: var(--bg_silvercalm);}
.card_package_group .cpgTitle{font-size: 25px; font-weight: bold; padding: 15px 0px;}
.card_package_group .cpgBox{display: grid; grid-gap: 25px; align-items: center;}
.card_package_group .cpgBox.cbLeft{grid-template-columns: 400px 1fr;}
.card_package_group .cpgBox.cbRight{grid-template-columns: 1fr 400px;}
.card_package_group .cpgBox > div{width: 100%;}
.card_package_group .cpgBox.cbLeft > div:first-child{height: 100%; position: relative;}
.card_package_group .cpgBox.cbRight > div:nth-child(2){height: 100%; position: relative;}
.card_package_group .cpgBox .cbImg{position: relative;}
.card_package_group .cpgBox .cbImg .ciCover{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 15px;}
.card_package_group .cpgBox .cbImg .ciLogo{padding-bottom: 50%;}
.card_package_group .cpgBox .cbImg .cbTitle{position: absolute; top: 65px; left: 20px; font-size: 25px; font-family: 'bold'; line-height: 25px; z-index: 1; color: var(--text_white); display: none;}

.card_package{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.card_package.cp2{grid-template-columns: 1fr 1fr;}
.card_package > div{width: 100%; border: 1px solid var(--bg_line); background: var(--bg_white); border-radius: 10px; padding: 45px 10px; box-sizing: border-box; position: relative;}
.card_package .cpBest{display: none;}
.card_package .packageBest{box-shadow: inset 0px 0px 0px 2px var(--bg_red); background: var(--bg_pinksoft); position: relative;}
.card_package .packageBest .cpBest{display: block; position: absolute; top: 15px; color: var(--text_white); left: 10px; border-radius: 10px; padding: 3px 10px; background: var(--bg_pink);}
.card_package .ciPrice{margin: 0px 0px 30px 15px;}
.card_package .ciPrice .cpBig{font-size: 25px; font-family: 'bold';}
.card_package .ciPrice .cpMin{font-size: 15px;}
.card_package .cpItem{min-height: 560px;}
.card_package .cpItem.ciOffline{min-height: 300px;}
.card_package .cpItem .ciTitle{padding-left: 10px; font-family: 'title'; font-weight: bold; margin-bottom: 10px; height: 52px;}
.card_package .cpItem .ciTitle > div:first-child{font-size: 20px;}
.card_package .cpItem .ciTitle > div:nth-child(2){font-size: 17px; color: var(--text_red);}
.card_package .cpItem .ciDesc{min-height: 105px; border-bottom: 1px solid var(--bg_black); margin-bottom: 15px;}
.card_package .cpItem .ciDesc > div{padding: 5px 15px; border-radius: 10px; margin-bottom: 5px;}
.card_package .cpItem .ciContent{margin: 10px 0px;}
.card_package .cpItem .ciContent > div{padding: 5px 10px; background: var(--bg_silvercalm); color: var(--text_black); width: max-content; border-radius: 10px;}
.card_package .cpItem .ciContent > div:not(:last-child){margin-bottom: 10px;}
.card_package .cpItem .ciResource{margin-top: 25px; text-align: left; padding: 0px 10px; min-height: 300px;}
.card_package .cpItem .ciResource .crTitle{font-weight: bold; margin-bottom: 5px; font-size: 15px;}
.card_package .cpItem .ciResource .crSingle{padding: 3px 0px; grid-gap: 10px; display: grid; grid-template-columns: 15px 1fr; align-items: center;}
.card_package .cpItem .ciResource .crSingle > div{width: 100%;}
.card_package .cpItem .ciResource .crSingle > div:first-child > div{width: 15px; height: 15px;}
.card_package .cpItem .ciResource .crList > div:first-child{font-weight: bold;}
.card_package .cpItem .ciResource .crList > div:nth-child(2){padding-left: 20px;}
.card_package .cpItem .ciResource .crList > div:nth-child(2) > div{position: relative; padding: 3px 0px;}
.card_package .cpItem .ciResource .crList > div:nth-child(2) > div:before{content: ''; position: absolute; left: -15px; top: 10px; width: 5px; height: 2px; background: red;}
.card_package .ciBottom{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px; box-sizing: border-box;}
.card_package .ciBottom .cbBtn button{width: 100%;}

.card_course_others{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_course_others > div{padding: 10px 15px; display: grid; grid-template-columns: 1fr min-content; grid-gap: 10px; align-items: center; box-sizing: border-box;}
.card_course_others > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_course_others > div > div{width: 100%;}
.card_course_others > div > div:first-child > div:first-child{font-weight: bold;}
.card_course_others > div > div:nth-child(2){text-align: right;}

.card_schedule_date{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_schedule_date > div{width: 100%; cursor: pointer; padding: 10px 0px; border-radius: 10px; transition: var(--transition); background: var(--bg_silvercalm); box-sizing: border-box; text-align: center;}
.card_schedule_date > div:hover{box-shadow: inset 0px 0px 0px 2px var(--bg_red);}
.card_schedule_date > div.active{background: var(--bg_pinksoft); box-shadow: inset 0px 0px 0px 2px var(--bg_red);}
.card_schedule_date > div > div:first-child{font-weight: bold; color: var(--text_red);}

.card_schedule_time > div{width: 100%; cursor: pointer; padding: 10px 15px; border-radius: 10px; transition: var(--transition); background: var(--bg_silvercalm); box-sizing: border-box; color: var(--text_red);}
.card_schedule_time > div:not(:last-child){margin-bottom: 15px;}
.card_schedule_time > div:hover{box-shadow: inset 0px 0px 0px 2px var(--bg_red);}
.card_schedule_time > div.active{background: var(--bg_pinksoft); box-shadow: inset 0px 0px 0px 2px var(--bg_red);}
.card_schedule_time .cstHead{margin-bottom: 5px;}
.card_schedule_time .cstHead > div:first-child{font-weight: bold;}
.card_schedule_time .cstHead > div:nth-child(2){color: var(--text_silver);}
.card_schedule_time .cstTime{padding: 5px 10px; border-radius: 5px; border: 1px solid var(--bg_silver); display: inline-block; background: var(--bg_white);}

.card_testi{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px;}
.card_testi > div{width: 100%; box-sizing: border-box; border-radius: 50px 50px 0px 50px;}
.card_testi > div:nth-child(odd){background: var(--bg_silvercalm);}
.card_testi > div:nth-child(even){background: var(--bg_pinksoft);}
.card_testi .ctItem{display: grid; grid-template-columns: 150px 1fr; grid-gap: 15px; align-items: center;}
.card_testi .ctItem > div{width: 100%;}
.card_testi .ctItem > div{width: 100%; box-sizing: border-box;}
.card_testi .ctItem > div:first-child{height: 100%; position: relative;}
.card_testi .ctItem > div:first-child > div{position: absolute; border-radius: 50px; top: 0px; left: 0px; width: 100%; height: 100%;}
.card_testi .ctItem > div:nth-child(2){padding: 10px 15px 10px 0px;}
.card_testi .ctItem .ciHead{}
.card_testi .ctItem .ciHead > div{width: 100%;}
.card_testi .ctItem .ciHead .chName > div:first-child{font-weight: bold; font-size: 12pt;}
.card_testi .ctItem .ciHead .chName > div:nth-child(2){font-size: 12pt;}
.card_testi .ciContent{height: 200px; overflow: hidden; position: relative;}
.card_testi .ciContent::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; pointer-events: none; visibility: hidden;}
.card_testi > div:nth-child(odd) .ciContent::before{background: linear-gradient(to bottom, transparent 0%, var(--bg_silvercalm) 100%);}
.card_testi > div:nth-child(even) .ciContent::before{background: linear-gradient(to bottom, transparent 0%, var(--bg_pinksoft) 100%);}
.card_testi .ciContent.show-before::before{visibility: visible;}
.card_testi .ctItem.max{align-items: start;}
.card_testi .ctItem.max .ciContent{height: auto; overflow: unset;}
.card_testi .ctItem.max .ciContent::before{opacity: 0;}