#front_menu {}
#front_menu .title {padding:0 0 17px 0;margin:0;height:28px;}
#front_menu .title .xl {float:left;}
#front_menu .title .xl h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 18px 0;margin:0;}
#front_menu .title .xl ul {margin:0;padding:23px 0 0 0;}
#front_menu .title .xl li {float:left;list-style-type:none;margin:0 5px 0 0;}
#front_menu .title .xl li .selected {font-weight:bold;}
#front_menu .title .xl li a span {font-size:11px;font-family:arial;font-weight:normal;color:#999;padding:0 0 0 2px;}
#front_menu .title .xr {float:right;padding:10px 0 0 0;}
#front_menu .title .xr .sort {cursor:pointer;padding:0 0 0 8px;color:#666;}
#front_menu .title .xr .sort:hover {color:#222;}
#front_menu .title .xr .sort img {position:relative;top:-2px;}
#front_menu .title .xr .viewtype {cursor:pointer;padding:0 0 0 2px;}
#front_menu .title .xr .viewtype:hover {color:#222;}
#front_menu .title .xr .viewtype img {position:relative;top:3px;}


#front_list {margin:0;}
#front_list table {width:100%;border-spacing:0px;border-collapse:collapse;}
#front_list table caption {display:none;}
#front_list thead th {height:28px;border-top:#D2D2D2 solid 1px;border-bottom:#D2D2D2 solid 1px;background:url('../../../../../_core/image/_public/bg_list_tt.jpg');font-size:11px;font-family:dotum;font-weight:normal;color:#787878;}
#front_list thead .side1 {border-left:#D2D2D2 solid 1px;}
#front_list thead .side2 {border-right:#D2D2D2 solid 1px;}
#front_list tbody td {text-align:center;color:#888888;font-family:dotum;font-size:11px;border-bottom:#E6E6E6 solid 1px;letter-spacing:-1px;}
#front_list .sbj {text-align:left;padding:5px 0 3px 10px;letter-spacing:-1px;}
#front_list .sbj a {font-size:12px;font-family:gulim;color:#222222;text-decoration:none;line-height:150%;}
#front_list .sbj a:hover {text-decoration:underline;}
#front_list .sbj .new {color:#ff0000;}
#front_list .sbj .qna {color:#ff0000;padding:0 0 0 2px;}
#front_list .sbj .comment {color:#0000ff;padding:0 0 0 2px;}
#front_list .price {color:#FF4040;}
#front_list .sbj1 {padding:10px 0 10px 0;font-size:12px;font-family:dotum;color:#999;}
#front_list .pagebox01 {text-align:center;padding:20px 0 20px 0;}


#front_colum {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border-top:0;margin:18px 0 0;}
#front_colum .pbox {display:flex;position:relative;min-height:178px;padding:18px!important;border:1px solid #dce7f2!important;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(18,54,88,.06);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden;}
#front_colum .pbox:hover {transform:translateY(-2px);box-shadow:0 15px 34px rgba(18,54,88,.1);}
#front_colum .pbox .pic {flex:0 0 136px;float:none;width:136px;height:136px;position:relative;z-index:0;cursor:pointer;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#eef7ff,#f8fbfe);}
#front_colum .pbox .pic img {display:block;width:136px;height:136px;object-fit:cover;}
#front_colum .pbox .pic .mask {width:102px;height:103px;background:url("../../../files/mask/mask100.png") no-repeat scroll 0 0 transparent;display:block;position:absolute;top:0;left:0;z-index:1;}
#front_colum .pbox .pic .mask {display:none;}
#front_colum .pbox .pic .preview-fallback {display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#0b88d2;font-size:18px;font-weight:800;letter-spacing:.08em;}
#front_colum .pbox .info {display:flex;flex:1;min-width:0;flex-direction:column;margin-left:18px;}
#front_colum .pbox .info .star {height:18px;text-align:right;}
#front_colum .pbox .info .name {position:static;margin:2px 0 9px;padding:0;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:17px;font-weight:700;line-height:1.4;}
#front_colum .pbox .info .name a {display:block;color:#0a2d61;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#front_colum .pbox .info .review {position:static;height:42px;overflow:hidden;color:#65778b;font-family:inherit;font-size:12px;line-height:1.7;word-break:keep-all;}
#front_colum .pbox .info .xinfo {margin-top:auto;padding:9px 0 0;color:#8493a5;font-family:inherit;font-size:10px;line-height:1.55;}
#front_colum .pbox .info .xinfo .split {font-size:11px;font-family:dotum;color:#dfdfdf;padding:0 3px 0 3px;}
#front_colum .pbox .info .price {padding:6px 0 0;color:#078bd5;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:-1px;}
#front_colum .pbox .info .price span {font-weight:normal;font-size:11px;font-family:dotum;color:#999;padding-left:3px;}
#front_colum .pagebox01 {grid-column:1/-1;text-align:center;padding:22px 0;}
#front_colum .none {padding:30px 0 30px 0;text-align:center;color:#999;font-size:12px;font-family:dotum;border-bottom:#efefef solid 1px;}

.searchform {margin-top:18px;padding:20px;border-top:1px solid #e3ebf4;text-align:center;}
.searchform select,.searchform .input {height:40px;padding:7px 10px;border:1px solid #cfddeb;border-radius:9px;background:#fff;color:#40566d;font-family:inherit;font-size:12px;vertical-align:middle;}
.searchform .input {width:min(100%,320px);}
.searchform .btngray {height:40px;padding:0 15px;border:0;border-radius:9px;background:#7f8fa2;color:#fff;font-weight:600;vertical-align:middle;cursor:pointer;}

@media(max-width:1000px){#front_colum{grid-template-columns:1fr}}
@media(max-width:640px){
#front_colum .pbox{min-height:0;padding:14px!important}
#front_colum .pbox .pic{flex-basis:96px;width:96px;height:96px}
#front_colum .pbox .pic img{width:96px;height:96px}
#front_colum .pbox .info{margin-left:13px}
#front_colum .pbox .info .review{height:38px}
#front_menu .title .xr{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.searchform .input{width:100%;margin:7px 0}
}