/* -- 공통 사용부분 --*/
a {
    color:inherit;
    text-decoration: none ;
}

a:hover {
	text-decoration:none;
}

a:visited{
	text-decoration:none;
}

a:link{
	text-decoration:none;
}

a:active{
	text-decoration:none;
}

.row{width:100%;display:table;table-layout: fixed;}
.col{min-height: 1px;display:table-cell;}
.col-b{display:block;}
.col-ib{display:inline-block;}
.col-it{display:inline-table;}
.col-t{display:table;}
.col-n{display:none;}

.col img{
    max-width: 100%;
}

.row img{
    max-width: 100%;
}

.eclipse-two{
	display:-webkit-box !important;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical;
	width:100%;
	line-height:1rem;
	height:2.2rem;
	overflow:hidden;
	text-overflow:ellipsis;
}

.layer-modal{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 130%;
	background-color: black;
	z-index:1002;
	-moz-opacity: 0.8;
	opacity:0.85;
	filter: alpha(opacity=80);
}

.hr-gray{
    border-bottom: 1px solid #ccc;
    border-left:none;
    border-right:none;
    border-top:none;
    padding-top: 3%;;
    height:1px;
    background-color: white;
    display: table;
    width:100%;
}

.layer-modal.black{background-color: black;}
.layer-modal.blue{background-color: #0955aa;}

/* width 간격 나누기 1~ 100 까지 구분*/
.w-1{width:1%;}
.w-2{width:2%;}
.w-3{width:3%;}
.w-4{width:4%;}
.w-5{width:5%;}
.w-6{width:6%;}
.w-7{width:7%;}
.w-8{width:8%;}
.w-9{width:9%;}
.w-10{width:10%}
.w-11{width:11%;}
.w-12{width:12%;}
.w-13{width:13%;}
.w-14{width:14%;}
.w-15{width:15%;}
.w-16{width:16%;}
.w-17{width:17%;}
.w-18{width:18%;}
.w-19{width:19%;}
.w-20{width:20%;}
.w-21{width:21%;}
.w-22{width:22%;}
.w-23{width:23%;}
.w-24{width:24%}
.w-25{width:25%;}
.w-26{width:26%;}
.w-27{width:27%;}
.w-28{width:28%;}
.w-29{width:29%;}
.w-30{width:30%;}
.w-31{width:31%;}
.w-32{width:32%;}
.w-33{width:33.3%;}
.w-34{width:34%;}
.w-35{width:35%;}
.w-36{width:36%;}
.w-37{width:37%;}
.w-38{width:38%;}
.w-39{width:39%;}
.w-40{width:40%;}
.w-41{width:41%;}
.w-42{width:42%;}
.w-43{width:43%;}
.w-44{width:44%;}
.w-45{width:45%;}
.w-46{width:46%;}
.w-47{width:47%;}
.w-48{width:48%;}
.w-49{width:49%;}
.w-50{width:50%}
.w-51{width:51%;}
.w-52{width:52%;}
.w-53{width:53%;}
.w-54{width:54%;}
.w-55{width:55%;}
.w-56{width:56%;}
.w-57{width:57%;}
.w-58{width:58%;}
.w-59{width:59%;}
.w-60{width:60%;}
.w-61{width:61%;}
.w-62{width:62%;}
.w-63{width:63%;}
.w-64{width:64%;}
.w-65{width:65%;}
.w-66{width:66%;}
.w-67{width:67%;}
.w-68{width:68%;}
.w-69{width:69%;}
.w-70{width:70%;}
.w-71{width:71%;}
.w-72{width:72%;}
.w-73{width:73%;}
.w-74{width:74%;}
.w-75{width:75%;}
.w-76{width:76%;}
.w-77{width:77%;}
.w-78{width:78%;}
.w-79{width:79%;}
.w-80{width:80%;}
.w-81{width:81%;}
.w-82{width:82%;}
.w-83{width:83%;}
.w-84{width:84%;}
.w-85{width:85%;}
.w-86{width:86%;}
.w-87{width:87%;}
.w-88{width:88%;}
.w-89{width:89%;}
.w-90{width:90%;}
.w-91{width:91%;}
.w-92{width:92%;}
.w-93{width:93%;}
.w-94{width:94%;}
.w-95{width:95%;}
.w-96{width:96%;}
.w-97{width:97%;}
.w-98{width:98%;}
.w-99{width:99%;}
.w-100{width:100%}

.list{width:100%;display:table;list-style-type: none}
.list li{display:inline-block;float:left;}


.list.num-1 > li{width:100%;margin-right:0;margin-top:2rem;}
.list.num-1 > li:nth-child(1){margin-top:0rem;}

.list.num-2 > li{width:50%;margin-right:0}
.list.num-2.gap1 > li{width:49.5%;margin-right:1%}
.list.num-2.gap2 > li{width:49%;margin-right:2%}
.list.num-2.gap3 > li{width:48.2%;margin-right:3%}
.list.num-2 > li:nth-of-type(2n+0){margin-right:0%;}
.list.num-2 > li:nth-of-type(2n+1){margin-top:1.4rem; clear:both;}
.list.num-2 > li:nth-of-type(2n+2){margin-top:1.4rem;}
.list.num-2 > li:nth-child(1){margin-top:0rem;}
.list.num-2 > li:nth-child(2){margin-top:0rem;}

.list.num-3 > li{width:33.33%;margin-right:0}
.list.num-3.gap1 > li{width:32.66%;margin-right:1%}
.list.num-3.gap2 > li{width:32%;margin-right:2%}
.list.num-3.gap3 > li{width:31.33%;margin-right:3%}
.list.num-3 > li:nth-of-type(3n+0){margin-right:0%;}
.list.num-3 > li:nth-of-type(3n+1){margin-top:2rem; clear:both;}
.list.num-3 > li:nth-of-type(3n+2){margin-top:2rem;}
.list.num-3 > li:nth-of-type(3n+3){margin-top:2rem;}
.list.num-3 > li:nth-child(1){margin-top:0rem;}
.list.num-3 > li:nth-child(2){margin-top:0rem;}
.list.num-3 > li:nth-child(3){margin-top:0rem;}


/* 정렬 */
.va-m{ vertical-align:middle;}
.va-t{ vertical-align:top;}
.va-b{ vertical-align:bottom;}
.ta-l{text-align:left;}
.ta-r{text-align:right;}
.ta-c{text-align:center;}

/* performance list */

/* sub visual start */
.submain-visual.performance {
    position: relative;
    padding-bottom: 0px;
}

.submain-visual.performance .roll-image {
    position: relative;
}

.submain-visual.performance .roll-image > li:first-child {
    opacity: 1;
}

.submain-visual.performance .roll-image > li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
    width: 100%;
}

.submain-visual.performance .roll-image > li > .img-box > img {
    height: 360px;
    width:100%;
    max-width: 100%;
}

.submain-visual.performance .roll-image > li.active {
    z-index: 3;
}

.submain-visual.performance .page-box {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 10;
    margin: auto;
    width: 170px;
    background-color: rgba(0,0,0,0.5);
    padding-top: 0.3rem;
    border-radius: 20px;
    padding-left: 1rem;
    
}

.submain-visual.performance .page-blit {
    display: inline-block;
    vertical-align: top;
}

.submain-visual.performance .page-blit > li {
    float: left;
    margin: 0 10px;
}

.submain-visual.performance .page-blit > li > a {
    display: block;
    font-size: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
}

.submain-visual.performance .page-blit > li > a.active {
    background-color: #63a099;
}

.submain-visual.performance .button {
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 0;
    border: none;
    vertical-align: top;
}



.submain-visual.performance .button.pause {
    background: url(/img/vk/common_intl/slide_mstop.png) no-repeat;
}

.submain-visual.performance .button.play {
    background: url(/img/vk/common_intl/slide_play.png) no-repeat;
}

/* sub visual end */
.submain-visual-bottom{
    display:table;
    margin-top: -5px;
    margin-bottom: 30px;
    width:100%;
}

.submain-visual-bottom li{
    display:table-cell;
    width:auto;
    position: relative;
    width:33.33%;
}

.submain-visual-bottom li img{
    max-width: 100%;
    width:100%;
}

.submain-visual-bottom li p{
    position: absolute;   
    top:30%;
    left:20px; 
    color:#333;
    font-size: 0.9rem;
	font-weight:600;
}

.submain-visual-bottom .third{
    top:20%;
}


.date-choice-area.performance {
    position: relative;
}

/* 수정 2020-05-21 시작 */
.date-choice-area.performance div.box {
    padding-right: 80px;
}

.date-choice-area .search-box2 input[type=text] {
    border: none;
    height: 25px;
    line-height: 25px;
    width: 100%;
}

.date-choice-area .search-box2 {
    border: 1px solid #d1d1d1;
    background-color: #fff;
}

.search-box2 input[type=text] {
    float: left;
}

.search-box2 {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    overflow: hidden;
}

.date-choice-area .search-content{
    width:35%;
}

.date-choice-area .search-content dt{
    display:table-cell;
    vertical-align: middle;
	white-space: nowrap;
}

.date-choice-area .search-content dd{
    display:table-cell;
    width:80%;
}

.date-choice-area .search-content dd .search-box2{
    width:100%;
}


/* 끝 2020-05-21 */

.date-choice-area.performance div.box select {
    min-width: 100px;
    height: 25px;
    line-height: 25px;
}


.date-choice-area.performance .button-search {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 65px;
    height: 60px;
    line-height: 60px;
    margin-left: 0px;
}

.date-choice-area.performance div.box > dl {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0;
}

/* 수정 2020-05-21 시작 */
.date-choice-area.performance div.box > dl:nth-child(3) {
    float:right;
}
/* 끝 2020-05-21 */

.date-choice-area.performance div.box > dl.right-space {
    margin-right: 20px;
}

.list-2 > li > div:nth-child(1){
    width:40%;
    display: inline-table;
}

.list-2 > li:nth-of-type(2n+1){
    border-bottom:1px solid #ccc;
    padding-bottom: 20px;
}

/* 수정 2020-05-21 시작 */
.list-2 > li .title{
    line-height: 1.3;
    font-size: 1.2em;
    color: #333;
    height: 2.4rem;
    overflow: hidden;
}

/* 수정 2020-05-21 끝 */

.list-2 > li .cont{
    line-height: 1.3;
}



.list-2 > li:nth-of-type(2n+2){
    border-bottom:1px solid #ccc;
    padding-bottom: 20px;
}


.list-2 > li > div:nth-child(1) img{
    max-width:100%;
}

.list-2 > li > div:nth-child(2){
    margin-left:2%;
    width:52%;
    display: inline-table;
    vertical-align: top;
    padding-right: 2%;
}

.list-2 > li > div:nth-child(2) .ltitle:nth-child(2){
    margin-left: 5px;
}

.list-2 > li > div:nth-child(2) .date{
    font-size: 0.8rem;
    color:#101017bf;
    font-weight: 500;
    margin-top:5px;
    display:block;
    width:100%;
}

.list-2 > li > div:nth-child(2) .cont{
    font-size: 0.8rem;
    color:#101017bf;
    font-weight: 500;
    margin-top:10px;
    display:block;
    width:100%;
}





.ltitle{
    font-size:0.8rem;
    padding:3px 10px;
    color:white;
    margin-bottom: 10px;
    display:inline-table;
    line-height: 1.2;
}

.ltitle:lang(ja){
    font-size:0.8rem;
    padding:3px 5px;
}

.ltitle.green{
    background-color: #8be0cd;
	color:#333;
}

.ltitle.gray{
    background-color: #878787;
	color:#fff;
}

.ltitle.red1{
    background-color: #fda284;
	color:#333;
}


.ltitle.red2{
    background-color: #ffb1b1;
    color: #333;
}

.not-found{
    padding-top:10%;
}


/* performance view */
.performance-view .left .sns-list{
    display: block;
    text-align: center;
    margin-top: 15px;
}

.performance-view .right {
    padding-left: 30px;
}

.performance-view .right h1{
    border-bottom: none;
    color:#333;
    margin-bottom: 0px;
}


.performance-view .right dl{
    margin-top: 0px;
}

.performance-view .right dt{
    display:inline-block;
    width:30%;
    margin-top:10px;
    vertical-align: top;
    color:#333;
}

.performance-view .right dd{
    display:inline-block;
    width:60%;
    margin-left: 5%;
    margin-top:10px;
}

.performance-view .right button{
    display:block;
    margin-top: 20px;
    background-color: #6cbaa9;
    font-size:0.9rem;
    color:white;
    padding:10px 30px;
    border: none;
}

.performance-view .character{
    margin-top: 40px;
}

.row h1{
    padding-bottom: 5px;
    border-bottom: 2px solid #002957;
    font-size: 1.3rem;
    color:#0c2a49;
    margin-bottom: 20px;
}

.row h2{
    padding-bottom: 5px;
    border-bottom: 2px solid #002957;
    color:#0c2a49;
    font-size: 1rem;
}

.synopsis .title{
    color:#333;
    font-size: 1.4rem;
    margin-bottom: 10px;
    
}

.synopsis p{
    margin-bottom: 10px;
    
}

.cont-bottom{
    margin-top: 20px;
}

.cont-bottom p{
    margin-top: 15px;
    font-size:0.9em;
}


.performance-view .character .box{
    border:1px solid #ccc;
    padding: 10px;
    font-size:0.8rem;
    background-color: #f6f7f6;
    margin-top: 20px;
}

.performance-view .synopsis{
    margin-top: 40px;
}


.performance-view .synopsis .cont{
    margin-top: 20px;
}

.performance-view .synopsis .cont img{
    max-width: 100%;
}

.list-1 > li{
    background-color: #f6f7f6;
    border:1px solid #d6d7d6;
    vertical-align: top;
}

.list-1 > li img{
    width:100%;
}

.list-1 > li h3{
    font-size: 1.2em;
    color:#333;
}

.list-1 > li > div{
    padding: 10px;
}

.list-1 > li > div > dl{
   display: block;
   margin-top: 10px;
}

.list-1 > li > div > dl > dt{
   display: inline-block;
}

.list-1 > li > div > dl > dd{
   display: inline-block;
}

.list-3 li {
    display:inline-block;
    vertical-align: top;
}

.list-3 li h3{
    font-size:1em;
    color:#333;
}

.list-3 li p{
    font-size:0.9em;
    color:#333;
}

.list-3 li:nth-child(1){
    width:32.7%;
    border-right: 1px solid #ccc;
}

.list-3 li:nth-child(2){
    width:33.3%;
    border-right: 1px solid #ccc;
}

.list-3 li:nth-child(3){
    width:32.4%;
}

.list-3 li:nth-child(1) >div{
    padding-right:3.3%
}

.list-3 li:nth-child(2) >div{
    padding-left:2%;
    padding-right:2%;
}

.list-3 li:nth-child(3) >div {
    padding-left: 2.2%;   
}

.list-4 li{
    width:100%;
    display:table;
    list-style-type: none;
    background-color: #f6f7f6;
    table-layout: fixed;
    border:1px solid #ccc;
    line-height: 0;
    margin-bottom: 10px;
}

.list-4 li .cont1{
    display:table-cell;
    width:37%;
    table-layout: fixed;
}


.list-4 li .cont1 img{
    max-width:100%;
}


.list-4 li .cont2{
     display:table-cell;
    width:59%;
    padding:2% 2%;
    vertical-align: top;
    table-layout: fixed;
    line-height: 1.5;
}

.list-4 li .cont2 h3{
    color:#333;
    font-weight: 600;
}

.list-4 li .cont2 p{
    margin-top: 10px;
}

.list-5 {
    margin-top: 40px;
}

.list-5 li{
    width:100%;
    display:table;
    margin-bottom: 20px;
}

.list-6 {
    margin-top: 40px;
    border-top:1px solid #ccc;
    padding-top: 20px;
}

.list-6 li .cont2 h4{
    font-weight: bold;
    color:#333;
    margin-top: 10px;
}

.list-6 li .cont2 dt{
    display: inline-block;
}


.list-6 li .cont2 dd{
    display: inline-block;
}

.list-7{
    border-top:2px solid #333;
    padding-top: 20px;
}

.list-7 .cont1 img{
    width:100%;
}

.list-7 .cont2{
    padding-top: 10px;
    text-align: left;
}

.list-7 .cont2 h2{
    font-weight: bold;
    font-size: 1.8em;
    color:#333;
}

.list-7 .cont2 .date{
    font-weight: bold;
    font-size: 1.1em;
    color:#666666;
    margin-top: 5px;
}

.list-7 .cont2 .region{
    font-weight: 400;
    font-size: 1.1em;
    color:#999999;
    margin-top: 5px;
}

.list-7 .cont2 .cont{
    font-weight: 400;
    font-size: 1.1em;
    margin-top: 10px;
}



.month .list-4 li{
    background-color: white;
    border:none;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.month .list-4 li .cont2{
    padding-top:0;
}


.month .list-4 li .cont2 h3{
    font-size: 1.3em;
}



.daehakro .area-space{
    margin-top: 30px;
}

.daehakro-view p{
    color:#666;
}

.daehakro-view .line{
    border-top:1px solid #ccc;
    padding-top:20px;
}

.daehakro-view .list-2 > li:nth-of-type(2n+1) {
    border-bottom: none;
}

.daehakro-view .list-2 > li:nth-of-type(2n+2) {
    border-bottom: none;
}

.daehakro-view h1{
    font-size:2.7em;
    font-weight: 400;
    color:#333;
}

.daehakro-view .cont img{
    margin-bottom:20px;
}

.daehakro-view .dl-2 dt{
    font-weight: bold;
}

.daehakro-view .dl-2 dd{
    margin-bottom: 20px;
}

.local-view p{
    color:#666;
}

.local-view h1{
    font-size:2.7em;
    font-weight: 400;
    color:#333;
}

.local-view .cont img{
    margin-bottom:20px;
}

.local-view .dl-2 dt{
    font-weight: bold;
}

.local-view .dl-2 dd{
    margin-bottom: 20px;
}

.local-view h2{
    font-weight: 400;
    color:#333;
    margin-top:20px;
    border-top:1px solid #ccc;
    padding-top: 15px;
    font-size: 1.6em;
}

/** 
.event-info dt.homepage2 {
    background: url(./enu/images/icon_homepage.png) 0 1px no-repeat;
}
*/

.event-info dt.homepage2 {
    background: url(/img/vk/common_intl/icon_homepage.png) 0 1px no-repeat;
}
.event-info dt.period2 {
    background: url(/img/vk/common_intl/icon_period.png) 0 1px no-repeat;
}
.event-info dt.address2 {
    background: url(/img/vk/common_intl/icon_address.png) 0 1px no-repeat;
}
.event-info dt.telephone2 {
    background: url(/img/vk/common_intl/icon_tel.png) 0 1px no-repeat;
}
.event-info dt.region2 {
    background: url(/img/vk/common_intl/icon_region.png) 0 1px no-repeat;
}

.layer-popup{
	position:fixed;
	display: none;
	top:50%;
	left: 50%;
	z-index:1005;
	margin:0 auto;
	transform:translate(-50%, -50%);
	overflow-y:auto;
	max-height:100vh;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

.layer-popup .header{
    display:block;
    text-align: right;
    padding-bottom: 10px;
}

.layer-popup .cont{
    display:block;
    text-align: center;
    min-width: 1200px;
}

.layer-popup .cont img{
    max-width: 100%;
}
.period-gap{
	padding-right:14px;
}

@media screen and ( max-width:1023px){ 

    .layer-popup .cont{
        width:98vw;
    }
}

@media screen and ( max-width:899px){ 
     .layer-popup .cont{
       width:98vw;
    }
}


@media screen and ( max-width:767px){ 
     .layer-popup .cont{
        width:98vw;
        min-width: 100%;
    }
    
    .layer-popup .cont img{
        width:100%;
    }
    
    .list-4 li .cont2 p{
     padding:0 5px;
    }
    
    .xs-100{width:100% !important; display:table !important;table-layout:fixed;}

    .list.num-2.num-xs-1 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-2 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-3 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-4 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-5 li:nth-of-type(2n+1){clear:none;}

    .list.num-xs-1 li{width:100%;margin-right:0;margin-top:2rem;}
    .list.num-xs-1 li:nth-child(1){margin-top:0rem;}
     .list.num-xs-1 li:nth-child(2){margin-top:2rem;}
    .list.num-xs-1.gap1 li{width:100%;margin-right:0%}
    .list.num-xs-1.gap2 li{width:100%;margin-right:0%}
    .list.num-xs-1.gap3 li{width:100%;margin-right:0%}
    
    .list-2 > li > div:nth-child(1) {width:30%;}
    
    .date-choice-area.performance div.box {padding-right: 0px;width:100%;}
    .date-choice-area.performance .button-search {
        bottom: 0;
        position: relative;
        height: 30px;
        width: 98%;
        line-height: 0;
        display: block;
        margin-left: 3.5%;
        margin-bottom: 20px;
    }
    
    /* 수정 2020-05-21 시작 */
    .date-choice-area.performance div.box > dl {display: table;width:100%;}
     /* 수정 2020-05-21 끝 */
    .date-choice-area.performance div.box select {
        min-width: auto;
        width: 100%;
        line-height: 1;
    }
    
    .submain-visual.performance .roll-image > li > .img-box > img {
        height: auto;
    }
    
    .submain-visual-bottom .third{
        top:10%;
        line-height:1;
    }
    
    .submain-visual-bottom li p {
        left: 0px;
        right:0;
        top:10%;
        text-align: center;
        font-size: 0.8rem;
    }

    .performance-view .right {
        padding-left: 0px;
    }

    .performance-view .right button {
        display: block;
        margin-top: 20px;
        width:100%;
        background-color: #6cbaa9;
        font-size: 0.9rem;
    }
    
    .list-3 li{
        margin-bottom: 10px;
    }
    
    .list-3 li img{
        width:100%;
         border-right: none;
    }
    
    .list-3 li:nth-child(1){
        width:100%;
        border-right: none;
    }
    
    .list-3 li:nth-child(1) >div {
        padding-left: 0%;
        padding-right: 0%;
    }
    
    .list-3 li:nth-child(2){
        width:100%;
        border-right: none;
        padding-left: 0; 
    }
    
    .list-3 li:nth-child(2) >div {
        padding-left: 0%;
        padding-right: 0%;
    }
    
    .list-3 li:nth-child(3){
        width:100%;
        border-right: none;
    }
    
    .list-3 li:nth-child(3) >div {
        padding-left: 0%;
        padding-right: 0%;
    }
    
   .list-4 li .cont1 {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .list-4 li .cont1  img{
        width:100%;
    }
    
    .list-4 li .cont2 {
        display: table;
        width: 100%;
        padding: 2% 2%;
        vertical-align: top;
        table-layout: fixed;
        line-height: 1.5;
    }
    .list-6 .cont1 img{
        width:100%;
    }
    
    .list.num-3 > li:nth-child(3) {
        margin-top: 2rem;
    }
    
    /* 수정 2020-05-21 시작 */
    .date-choice-area .search-box2 {
        width: 100%;
        display: block;
    }
    
    .date-choice-area .search-box2 input[type=text] {
     width: 100%;
     padding: 0;
    }
    
    .list-2 > li > div:nth-child(2){
        width: 58%;
    }
    
    .submain-visual.performance{
        height:76vw;
    }
    /* 수정 2020-05-21 끝 */
    
}

@media screen and ( max-width:639px){ 
    .list.num-2.num-xs-1 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-2 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-3 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-4 li:nth-of-type(2n+1){clear:none;}
    .list.num-2.num-xs-5 li:nth-of-type(2n+1){clear:none;}

    .list.num-xs-1 li{width:100%;margin-right:0;margin-top:2rem;}
    .list.num-xs-1 li:nth-child(1){margin-top:0rem;}
     .list.num-xs-1 li:nth-child(2){margin-top:2rem;}
    .list.num-xs-1.gap1 li{width:100%;margin-right:0%}
    .list.num-xs-1.gap2 li{width:100%;margin-right:0%}
    .list.num-xs-1.gap3 li{width:100%;margin-right:0%}
}