@CHARSET "UTF-8";
.modal-body .wrap{text-align:left;}
.modal-body .box-info .row-inner ul.list-table li > div.desc{padding:5px 0px 5px;}
.lvl-nm-txt{width:100%;float:left;}
.txt-jeju-info{
    font-size: 15px;
    color: red;
    padding: 1px 8px;
    line-height: 18px;
    float:left;
 }
.btn.small.jongmok-info-btn{
	float: right;
	margin-top:0px;
	margin-bottom: 10px;
    border-radius: 21px;
    background-color: #f5f5f5;
    color: #232323;
    border: 0px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 14px;
    border: 1px #a7a7a7 solid;
}

 @media(max-width:768px){
 	.txt-jeju-info{padding: 5px 0px;}
 	.lvl-nm-txt{margin-bottom:5px !important;}
 }
 .best_txt{
	position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    text-align: center;
    background: #fc525b;
    color: #ffff;
 }
 .new_txt{
		position: absolute;
	    top: 0;
	    right: 0;
	    padding: 14px;
	    text-align: center;
	    background: #ffc107;
	    color: #ffff;
	 }
.caution_info_cs {
    float: left;
    width: 100%;
    /* font-size: 15px; */
    padding: 10px 12px 0px;
    line-height: 20px;
    color:#888;
}



ul.list-table li > div.etc-table-layer{
	width:100% !important;
	display:none;
	border-radius:5px;
/* 	border:1px #ccc solid; */
	margin-bottom:10px;
}
.etc-table-layer td{padding:5px;line-height:12px;font-size:15px;}
.etc-table-layer tr:nth-child(odd) td:first-child{padding-top:12px;}
.etc-table-layer tr:nth-child(even){border-bottom:1px #ccc solid;padding-bottom:5px;}
.etc-table-layer tr:nth-child(even) td{padding-bottom:12px;}
.etc-table-layer tr:last-child{border:0px;}
.icon-layer{
	float: left;
    width: 26px;
    height: 17px;
    border-radius: 10px;
    text-align: center;
    padding: 1px;
}
.icon-ILAC13100001{
	border: 1px #0008ff solid;
/* 	background-color: rgb(84 148 254 / 30%); */
	background-color:#3f88e4;
	color:white;
}
.icon-ILAC13100002{
	border: 1px #979797 solid;
/* 	background-color: rgb(151 151 151 / 30%); */
	background-color:#969696;
	color:white;
}
.icon-ILAC13100003{
	border: 1px #C89635 solid;
/* 	background-color: rgb(201 152 54 / 30%); */
	background-color:#be8d2c;
	color:white;
}
.icon-ILAC17080001{
	border: 1px #3EA1C6 solid;
/* 	background-color: rgb(62 161 198 / 30%); */
	background-color:#c96448;
	color:white;
}
.icon-ILAC21110001{
	border: 1px #8FB254 solid;
/* 	background-color: rgb(143 178 84 / 30%); */
	background-color:#8aad4f;
	color:white;
}
.icon-ILAC21110002{
	border: 1px #CB664A solid;
/* 	background-color: rgb(203 102 74 / 30%); */
	background-color:#c86347;
	color:white;
}
.icon-ILAC21110003{
	border: 1px #D58F6C solid;
/* 	background-color: rgb(213 143 108 / 30%); */
	background-color:#cf8967;
	color:white;
}
.icon-ILAC21110004{
	border: 1px #26A087 solid;
/* 	background-color: rgb(38 160 135 / 30%); */
	background-color:#1f9b83;
	color:white;
}
.icon-ILAC19110001{
	border: 1px #F9862B solid;
/* 	background-color: rgb(249 134 43 / 30%); */
	background-color:#ffc121;
	color:white;
}
.icon-ILAC21080001{
	border: 1px #FCBC1C solid;
/* 	background-color: rgb(252 188 28 / 30%); */
	background-color:#f78328;
	color:white;	
}
:root{
	--color-primary: #19acdbb;
	--color-primary-ligth:rgba(34,167,179,0.25);
	--color-secondary:#f7f7f7;
}


.modal-menu{
	position: relative;
    /* overflow-x: scroll; */
    -webkit-overflow-scrolling: touch;
    /* overflow-y: hidden; */
    padding: 7px 10px;
    margin-bottom: 0px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.modal-menu::-webkit-scrollbar {
	display:none;
}
.modal-menu .container{padding-left:0px;padding-right:0px;}
.tab-grade {
    text-align: center;
    /* min-width: 664px; */
    /* max-width: 664px; */
    width: auto;
    /* height: 56px;*/
    background: white;
    padding-bottom:10px;
}

.tab-grade ul.tab-flex {
    display: flex;
    margin: auto;
    column-gap: 0.45rem;
    width: 100%;
    padding: 0.45rem 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
}
.tab-grade ul.tab-flex li {
    padding: 10px 0px;
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    align-items: center;
    display: flex;
    font-size: 13px;
    width: 18%;
    justify-content: space-around;
    border: 1px #ccc solid;
    border-radius: 9px;
}

.tab-grade ul.tab-flex li.active {
    background-color: rgb(84 148 254 / 30%);
    padding: 1rem 0rem;
}
.tab-grade ul.tab-flex li.tab-ILAC19110001.active {
background-color:#f78328;
color:white;
/* background-color: rgb(249 134 43 / 30%);  */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #fcbc1c solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC21080001.active {
background-color:#ffc121;
color:white;
/* background-color: rgb(252 188 28 / 30%); */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #f9862b solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC13100001.active {
background-color:#3f88e4;
color:white;
/*     background-color: rgb(0 8 255 / 30%); */
/* background-color: rgb(84 148 254 / 30%); */
/*     border: 1px #0008ff solid; */
}
.tab-grade ul.tab-flex li.tab-ILAC13100002.active {
background-color:#969696;
color:white;
/* background-color: rgb(151 151 151 / 30%);  */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #979797 solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC13100003.active {
background-color:#be8d2c;
color:white;
/* background-color: rgb(201 152 54 / 30%); */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #c99836 solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC17080001.active {
background-color:#c96448;
color:white;
/* background-color: rgb(62 161 198 / 30%);  */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #3ea1c6 solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC21110002.active {
background-color:#c86347;
color:white;
/* background-color: rgb(203 102 74 / 30%);  */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #cb664a solid; */
}
.tab-grade ul.tab-flex li.tab-ILAC21110003.active {
background-color:#cf8967;
color:white;
/* background-color: rgb(213 143 108 / 30%);  */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #d58f6c solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC21110001.active {
background-color:#8aad4f;
color:white;
/* background-color: rgb(143 178 84 / 30%); */
/* background-color: rgb(84 148 254 / 30%); */
/* border: 1px #8fb254 solid;  */
}
.tab-grade ul.tab-flex li.tab-ILAC21110004.active {
background-color:#1f9b83;
color:white;
/* background-color: rgb(38 160 135 / 30%); */
/* background-color: rgb(84 148 254 / 30%); */
/* border:1px #26a087 solid;  */
}
.title-ILAC13100001{
	background-color:#3f88e4;
	color:white;
}
.title-ILAC13100002{
	background-color:#969696;
	color:white;
}
.title-ILAC13100003{
	background-color:#be8d2c;
	color:white;
}
.title-ILAC19110001{
	background-color:#f78328;
	color:white;
}
.title-ILAC21080001{
	background-color:#ffc121;
	color:white;
}
.title-ILAC21110002{
	background-color:#c86347;
	color:white;
}
.title-ILAC21110001{
	background-color:#8aad4f;
	color:white;
}
.title-ILAC21110004{
	background-color:#1f9b83;
	color:white;
}

.txt-lvl-info{
	float:right;
	color:#5494fe;
	font-weight:bold;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_01{
	width:22%;
}
.cont-memranking .culture .list-grade_2 > li.subtext_addition_02{
	width:28%;
}
.cont-memranking .culture .list-grade_2 > li:last-child{
	width:20%;
	
}
.cont-memranking .culture .list-grade_2 > li:last-child .btn.medium{
	word-break: break-all;
    overflow-wrap: break-word;
    width: 87px;
    overflow: hidden;
    white-space: normal;
    max-width: 100%;
    min-width: 74px;
	padding: 8px 16px;
}
@media(max-width:768px){
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_02{
		width:60%;
	}
	.cont-memranking .culture .list-grade_2 > li.subtext_addition_03{
		width:60%;
	}
	.cont-memranking .culture .list-grade_2 > li:last-child{
		width:32%;
		padding-top:33px;
	}
	.cont-memranking .culture .list-grade_2 > li:last-child .btn.medium{
		width:77px;
	}
}
@media(max-width:410px){
	.txt-lvl-info{
		width:100%;
		float:left;
		padding: 10px 0px;
		font-size:14px;
	}
}

.speech-bubble {
    position: absolute;
    background: #2a58c3b5;
    border-radius: 0.4em;
    width: 48px;
    text-align: center;
    color: white;
    padding: 3px 6px;
    right: 23px;
    top: 42px;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #2a58c3b5;
    border-right: 0;
    margin-top: -4px;
    margin-right: -4px;
}

.other-txt-title{
	float: left;
    width: 100%;
    padding: 3px 17px;
    font-size: 14px;
    margin: 0px 0px 4px 0px;
/*     border: 1px #f98c8c solid; */
    border-radius: 9px;
/*     background-color: #f98c8c; */
    color: #f98c8c;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.other-txt-title.useable{
	color: #5494fe;
/* 	border: 4px #5494fe solid; */
/*     background-color: #5494fe; */
}
#idOfUl{
    padding: 11px;
}
.modal-body .box-info .row-inner ul.list-table li > div.detail{line-height:25px;}



.etc-table-tab-grade {
    text-align: center;
    width: auto;
    background: white;
}
.etc-table-tab-grade ul.etc-table-tab-flex{
	display: flex;
    margin: auto;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;

}
.etc-table-tab-grade ul.etc-table-tab-flex li{
	transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    align-items: center;
    display: flex;
    font-size: 1.3rem;
    width: 33%;
    justify-content: space-around;
    border: 1px #ccc solid;
    border-radius: 10px;
    column-gap: 1px;
    row-gap: 1px;
}

/* 길이 변경 */
#idOfUl ::-webkit-scrollbar {
    width: 30px;
}
/* 트랙 (Track) */
#idOfUl::-webkit-scrollbar-track {
	background: #e0e0e0;
}

/* 핸들 (Handle) */
#idOfUl::-webkit-scrollbar-thumb {
    background: #5494fe;
    border-radius: 10px;
}

/* Hover시 핸들 (Handle) */
#idOfUl::-webkit-scrollbar-thumb:hover {
    background: blue;
}
#idOfUl::-webkit-scrollbar{
	width:8px !important;
}