@charset "utf-8";
/* @latest 2022.07.26 JRA */
/* @latest 2022.07.29 JRA */


.quick137 { width:100%; height:100%; box-sizing:border-box; background:white; position:relative; float: left; overflow: hidden; } 
.quick137 .cbox {border: 1px solid #333;width: 100%;height: 100%;padding: 8px;box-sizing: border-box;float: left;} 
.quick137 .titlebox {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom: 3px;vertical-align: middle;box-sizing: border-box;} 
.quick137 .titlebox .bgbox { width:100%; height:100%; position: absolute; left: 0; top: 0; float: left; overflow: hidden; } 
.quick137 .titlebox .txtbox {height: 100%; float:left; text-align:center; box-sizing:border-box;max-width: 100%;vertical-align: middle;overflow: hidden;text-align: left;} 
.quick137 .titlebox .txtbox h3 {vertical-align: middle; overflow:hidden;display: inline-block;width: 100%;height: auto;line-height: 140%;text-align: left;word-break: keep-all;word-wrap: break-word;word-break: keep-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-inline-box;} 
.quick137 .linkbox { float: left; box-sizing: border-box; overflow: hidden; width: 100%; } 
.quick137 .linkbox div.q111link {max-width: 24%; overflow:hidden; position:relative; transition:all 0.3s; float:left; box-sizing:border-box;padding: 5px 7px;border: 1px solid #333;margin: 4px 1% 2px 0;z-index: 1;} 
.quick137 .linkbox div.q111link a { display: block; } 
.quick137 .linkbox div.q111link p {width: 100%;float: left;box-sizing: border-box;word-wrap: break-word;word-break: keep-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;} 
.quick137 .linkbox div.q111link:hover{background-color:#c5c5c580!important;}
.quick137 .linkbox div.q111link:hover p{color:#000!important;}

/* layout */

.layout_height_H .quick137 .linkbox {max-height: 288px;} 
.layout_height_M .quick137 .linkbox { max-height: 184px; } 
.layout_height_L .quick137 .linkbox { max-height: 72px; } 
.layout_03.layout_height_M .quick137 .linkbox div.q111link:nth-child(20)~div{display:none;} 
.layout_03.layout_height_L .quick137 .linkbox div.q111link:nth-child(8)~div{display:none;} 


/* 둥근테두리 적용 */
.border-radius .quick137 .cbox { border-radius: 15px;border: 1px solid #333;} 
.border-radius .quick137 .linkbox div.q111link{border-radius: 14px; }

/* 선이있는 테두리 적용 */
.borderbox .quick137 .cbox{border: 1px solid #333;}


@media (max-width:899px) {
.quick137 .titlebox { line-height: 42px; } 
 }