#layout-out-common {padding-bottom: 80px;}
#layout-out-common .tab_style > ul {display: flex; }
#layout-out-common .tab_style > ul > li {width:20%;}
#layout-out-common .tab_style > ul > li a { height: fit-content;}

.list_table .table_description{padding-right:0; display: inline-block;}

.card_wrap{margin-top:10px;}
.card_wrap .card_list{display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; grid-gap: 40px 30px; padding-bottom: 20px;}
.card_wrap .card_list::after{content: ''; display: table; clear: both;}
.card_wrap .card_list .card{transition: transform .15s; transform: scale(1); cursor:pointer;  width: 100%; height:450px; box-shadow: 3px 3px 10px 0px rgba(0,0,0,.2); background-color: #ffffff; position: relative; overflow: hidden;}
.card_wrap .card_list .card:hover{transition: transform .15s; transform: scale(1.05);}
.card_wrap .card_list .card:nth-child(3n+3){margin-right:0;}


.card_wrap .card_list .card::before{width:346px; height:235px; display: inline-block;}
.card_wrap .card_list .card.one_day::before{content: url("/resource/images/enrolment/all_lecture/one_day.png");}
.card_wrap .card_list .card.basic::before{content: url("/resource/images/enrolment/all_lecture/basic.png");}
.card_wrap .card_list .card.eligibility::before{content: url("/resource/images/enrolment/all_lecture/eligibility.png");}
.card_wrap .card_list .card.high::before{content: url("/resource/images/enrolment/all_lecture/high.png");}
.card_wrap .card_list .card.kepco::before{content: url("/resource/images/enrolment/all_lecture/kepco_2023.png");}
.card_wrap .card_list .card.kepco_change::before{content: url("/resource/images/enrolment/all_lecture/kepco_change_2023.png");}
.card_wrap .card_list .card.s_class::before{content: url("/resource/images/enrolment/all_lecture/s_class.png");}
.card_wrap .card_list .card.special::before{content: url("/resource/images/enrolment/all_lecture/special.png");}
.card_wrap .card_list .card.top::before{content: url("/resource/images/enrolment/all_lecture/top.png");}
.card_wrap .card_list .card.vip::before{content: url("/resource/images/enrolment/all_lecture/vip.png");}
.card_wrap .card_list .card.special1::before{content: url("/resource/images/enrolment/all_lecture/special1.png");}
.card_wrap .card_list .card.special2::before{content: url("/resource/images/enrolment/all_lecture/special2.png");}
.card_wrap .card_list .card.special3::before{content: url("/resource/images/enrolment/all_lecture/special3.png");}
.card_wrap .card_list .card.site_base_::before{content: url("/resource/images/enrolment/all_lecture/site_base_.png");}
.card_wrap .card_list .card.site_advanced_::before{content: url("/resource/images/enrolment/all_lecture/site_advanced_.png");}
.card_wrap .card_list .card.site_base_igunsul::before{content: url("/resource/images/enrolment/all_lecture/site_base_.png");}
.card_wrap .card_list .card.site_advanced_igunsul::before{content: url("/resource/images/enrolment/all_lecture/site_advanced_.png");}
.card_wrap .card_list .card.site_base_jungi::before{content: url("/resource/images/enrolment/all_lecture/site_base_.png");}
.card_wrap .card_list .card.site_advanced_jungi::before{content: url("/resource/images/enrolment/all_lecture/site_advanced_.png");}
.card_wrap .card_list .card.construction_labor_tax::before{content: url("/resource/images/enrolment/all_lecture/construction_labor_tax.png");}



.card_wrap .card_list .card div.ribbon{background: url("/resource/images/enrolment/all_lecture/ribbon.png"); width:100px; height:30px; line-height:30px; padding-right:3px; box-sizing: border-box; font-size:14px; font-weight:700; position: absolute; top:10px; left:0; color:#ffffff; text-align: center;}
.card_wrap .card_list .card .context{padding:12px 20px; box-sizing: border-box;}
.card_wrap .card_list .card .context h1{font-size:24px; font-weight:700; margin-top:0;}
.card_wrap .card_list .card .context h2{color:#a7a9ac; font-size:12px;}
.card_wrap .card_list .card .context p{margin-top:20px; font-size:14px; color:#6d6e71; line-height:20px;}
.card_wrap .card_list .card .date_cost{position: absolute; width: 100%; box-sizing: border-box; bottom:20px; padding: 0 20px; color:#6d6e71;}
.card_wrap .card_list .card .date_cost label{color:#0070ff;}
.card_wrap .card_list .card .date_cost span{float:right; color:#ff4949; font-weight:bold;}

.card_wrap .card_list .card.deadline .context h1,
.card_wrap .card_list .card.deadline .context p,
.card_wrap .card_list .card.deadline .date_cost,
.card_wrap .card_list .card.deadline .date_cost label,
.card_wrap .card_list .card.deadline .date_cost span{color:#a7a9ac;}