@charset "utf-8";

:root {
    --point-color:  #c25391;
  }

button {/* position:relative;*/ margin:0;cursor:pointer;border:0 none; background:none;}

.inner{display:block; width:1240px; margin:50px auto;text-align:center; background:#fff; }
.inner > h2{font-family:'Nanum Gothic Bold';letter-spacing:-0.03em;color:#333;font-size:20px;margin:50px 0px 20px;}

/* 20200114 추가 */
/* box 형 */
.goods_container{width: 100%;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;/*  justify-content:space-between; *//* margin-top: 20px; margin-right: -10px;margin-left: -10px; */ }
.boxType{position: relative;/* padding-right: 10px;padding-left: 10px; */   box-sizing: border-box;overflow: hidden;/* cursor:pointer; */ font-size:0;}

.flex-col-2 .boxType{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%; min-height: 340px;}
.flex-col-3 .boxType{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%; min-height: 300px;}
.flex-col-4 .boxType{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%; min-height: 220px;}

.boxType .goods02{position:relative;display: inline-block; width:100%; height: 340px; /* padding-top: 56.25%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType .goods03{position:relative;display: inline-block; width:100%; height: 300px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType .goods04{position:relative;display: inline-block; width:100%; height: 220px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.boxType .noTxt{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType .noTxt_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType .noTxt01{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType .noTxt01_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.bg_none{background:none !important; }

.box_non{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; flex-direction: column; background:#3d3d3d;}
.flex-col-2 .box_non{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%; min-height: 340px;}
.flex-col-3 .box_non{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%; min-height: 300px;}
.flex-col-4 .box_non{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%; min-height: 220px;}
.box_non .goods02{position:relative;display: inline-block; width:100%; height: 340px; /* padding-top: 56.25%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.box_non .goods03{position:relative;display: inline-block; width:100%; height: 300px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.box_non .goods04{position:relative;display: inline-block; width:100%; height: 220px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.btn_container_no {position:absolute; bottom:0; left:0; width:100%;text-align: center;font-size:0;margin:0px 0px 0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/* 20200114 추가 end */

.article_none{align-self: center;width:100%;padding:20px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.article_none .txt_non{width: 100%;text-align: left;align-self: center;font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);}

.article_none_fix{position: absolute; bottom:0px; left:0px; width:100%; height:105px; background:#3d3d3d;padding:0px 20px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* .boxType .article 높이 동일하게 설정 */
.article_none_fix .txt_non{width: 100%;text-align: left;font-family:'Nanum Gothic Bold';line-height:100px;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);}


/* .goodsType .goods img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:auto;} */
.boxType .col-2-bg{position: absolute; display:table;bottom:-500px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .col-3-bg{position: absolute; display:table;bottom:-500px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .col-4-bg{position: absolute; display:table;bottom:-500px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .btn_area{display:none;width:100%; height:100%;text-align: center; vertical-align:middle; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .more{display: inline-block; text-align: center;  border:1px solid #fff; padding:10px 20px; font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;}
.boxType .more_s{display: inline-block; text-align: center;  border:1px solid #fff; padding:5px 15px; font-family:'Nanum Gothic Bold';line-height:1;font-size:13px;color: #fff; margin-bottom:0px;}

.boxType .goods02:hover .col-2-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .goods02:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.boxType .goods03:hover .col-3-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .goods03:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.boxType .goods04:hover .col-4-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.boxType .goods04:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}

.boxType .goods02:hover .article{ -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0;transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.boxType .goods03:hover .article{ -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.boxType .goods04:hover .article{ -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}

.boxType .article{position: absolute; bottom:0px; left:0px; width:100%; height:105px; padding:20px;background:url(../images/article_bg.png) left top repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:3;}
.boxType .txt_small{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_mid{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_price{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:16px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;}
.boxType .txt_price > span{font-family:'Nanum Gothic EB';color: #f02c18;}
.boxType .txt_ty1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_ty2{text-align: left;font-family:'Nanum Gothic';font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 1.2em;}
.boxType .txt_ty3{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_ty4{text-align: center;font-family:'Nanum Gothic';line-height:1.3;font-size:15px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-top:20px; padding:0 10px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.boxType .txt_ty5{text-align: center;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-top:12px;}
.boxType .txt_ty4 a{color: #fff;}
.boxType .txt_ty5 a{color: #fff;}

.boxType .txt_small_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:11px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_mid_1{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boxType .txt_price_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;}
.boxType .txt_price_1 > span{font-family:'Nanum Gothic EB';color: #f02c18;}
.boxType .desc{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* zoom 형 */
.boxType1{position: relative;/* padding-right: 10px;padding-left: 10px;*/ box-sizing: border-box;overflow: hidden;cursor:pointer;font-size:0;}

/* .flex-col-2 .boxType1{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;width: 100%;}
.flex-col-3 .boxType1{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;width: 100%;}
.flex-col-4 .boxType1{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width: 100%;}*/

.flex-col-2 .boxType1{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%; min-height: 340px;}
.flex-col-3 .boxType1{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%; min-height: 300px;}
.flex-col-4 .boxType1{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%; min-height: 220px;}

.boxType1 .zoom02{position:relative;display: inline-block; width:100%; height: 340px;/* padding-top: 56.25%; */ overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType1 .zoom03{position:relative;display: inline-block; width:100%; height: 300px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType1 .zoom04{position:relative;display: inline-block; width:100%; height: 220px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.zoom-image {position: absolute;top: 0;left: 0; height: 100%;width: 100%;background-size: cover; transition: transform 0.3s ease-in-out;}
.zoom-image:hover { transform: scale(1.05);transition-duration: 0.5s;}

.boxType1 .noTxt{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType1 .noTxt_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType1 .noTxt01{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.boxType1 .noTxt01_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* img로 hover시 - 사용안함 */
.boxType1 .zoom02 img{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.boxType1 .zoom02:hover img{-webkit-transform: scale(1.3);transform: scale(1.3);}
.boxType1 .zoom03 img{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.boxType1 .zoom03:hover img{-webkit-transform: scale(1.3);transform: scale(1.3);}
.boxType1 .zoom04 img{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.boxType1 .zoom04:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
/* img로 hover시 end*/


.article_zoom{display: inline-block; width:calc(100% - 2px); margin-top:-1px;  border:1px solid #dfdfdf; padding:20px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.article_zoom .zoomTxt_small{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #666;margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_zoom .zoomTxt_mid{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_zoom .zoomTxt_price{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:6px;}
.article_zoom .zoomTxt_price > span{font-family:'Nanum Gothic EB';color: #dc2527;}
.article_zoom .zoomTxt_ty1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #333;margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_zoom .zoomTxt_ty2{text-align: left;font-family:'Nanum Gothic';font-size:12px;color: #666;margin-bottom:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em;}
.article_zoom .zoomTxt_ty3{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #444;margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.article_zoom .zoomTxt_small_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:11px;color: #666;padding-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_zoom .zoomTxt_mid_1{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #1a1a1a;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_zoom .zoomTxt_price_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #1a1a1a;margin-bottom:6px;}
.article_zoom .zoomTxt_price_1 > span{font-family:'Nanum Gothic EB';color: #dc2527;}

.btn_container {width:calc(100% - 2px);text-align: center;font-size:0;margin:0px 1px 0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn_boxA{display: flex;width:100%;flex-direction: row;justify-content: center;}
.btn_boxA li{flex:1;justify-content:center;margin-left:-1px;margin-top:-1px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn_boxA li button{width: 100%;height:40px;padding:0; text-align: center;font-family:'Nanum Gothic Bold';line-height:1;font-size:13px;color: #333;border:1px solid silver;background:#fafafa;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all 0.3s}
.btn_boxA li:hover button{border:1px solid #55575a;background:#55575a;color: #fff; }
.btn_boxA li:first-child {margin-left:0px;}
.btn_boxA li button.active{border:1px solid #55575a;background:#55575a;color: #fff; }
/* 20200114 추가 end */


/* round 형 hover  */

.goodsType1_wrap{width: 100%;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; justify-content:space-between; /* margin-top: 20px; margin-right: -10px;margin-left: -10px; */ }
.goodsType1{position: relative;/* padding-right: 10px;padding-left: 10px;*/ box-sizing: border-box;overflow: hidden;/* cursor:pointer; */ font-size:0;}

/*.flex-col-2 .goodsType1{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;width: 100%;}
.flex-col-3 .goodsType1{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;width: 100%;}
.flex-col-4 .goodsType1{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width: 100%;} */

.flex-col-2 .goodsType1{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%; min-height: 600px;}
.flex-col-3 .goodsType1{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%; min-height: 393.33333px;}
.flex-col-4 .goodsType1{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%; min-height: 290px;}

.goodsType1 .round-goods-2{position:relative;display: inline-block;width:100%;/*width:580px;height:580px;padding-top: 100%; */height:600px; overflow: hidden; border:1px solid #ebebeb;border-radius:50%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .round-goods-3{position:relative;display: inline-block;width:100%; /*width:380px;height:380px; padding-top: 100%;*/ height:393.33333px;overflow: hidden; border:1px solid #ebebeb;border-radius:50%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .round-goods-4{position:relative;display: inline-block;width:100%;  /*width:280px;height:280px; padding-top: 100%;*/ height:290px; overflow: hidden; border:1px solid #ebebeb;border-radius:50%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.goodsType1 .noTxt{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .noTxt_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:22px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .noTxt01{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #5c6577; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .noTxt01_wh{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:16px; color: #fff; padding:0px 10%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.goodsType1 .round-col-bg{position: absolute;display:table;top:0;left:0px; width:100%; height: 100%;border:1px solid #ebebeb;border-radius:50%; background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0; overflow: hidden; border-radius:50%; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 2;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.goodsType1 .btn_area_A{display:none;width:100%; height:100%;text-align: center; vertical-align:middle; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType1 .btn_area_A > p{text-align: center; font-family:'Nanum Gothic Bold';line-height:1.3;font-size:14px;color: #fff;margin-bottom:10px;}
.goodsType1 .more_A{display: inline-block; text-align: center;  border:1px solid #fff; padding:10px 20px; font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;}
.goodsType1 .more_B{display: inline-block; text-align: center;  border:1px solid #fff; padding:5px 15px; font-family:'Nanum Gothic Bold';line-height:1;font-size:13px;color: #fff;}

.goodsType1 .round-goods-2:hover .round-col-bg{-ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; z-index: 2;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.goodsType1 .round-goods-2:hover .btn_area_A{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.goodsType1 .round-goods-3:hover .round-col-bg{-ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; z-index: 2;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.goodsType1 .round-goods-3:hover .btn_area_A{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.goodsType1 .round-goods-4:hover .round-col-bg{-ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; z-index: 2;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.goodsType1 .round-goods-4:hover .btn_area_A{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}

.goodsType1 .article_A{display: inline-block;width:100%; margin:25px 0px; padding:0 5%;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType1 .article_A .txt1{text-align:center;font-family:'Nanum Gothic';line-height:1;font-size:11px;color: #666;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType1 .article_A .txt2{text-align:center;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType1 .article_A .txt3{text-align:center;font-family:'Nanum Gothic';line-height:1;font-size:16px;color: #1a1a1a;}
.goodsType1 .article_A .txt3 > span{font-family:'Nanum Gothic EB';color: #dc2527;}

.goodsType1 .article_A .txt11{text-align:left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #666;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType1 .article_A .txt21{text-align:left;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType1 .article_A .txt31{text-align:left;font-family:'Nanum Gothic';line-height:1;font-size:16px;color: #1a1a1a;}
.goodsType1 .article_A .txt31 > span{font-family:'Nanum Gothic EB';color: #dc2527;}


.goodsType1 .article_A .txt_ty1{text-align:center;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #666;margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType1 .article_A .txt_ty2{text-align:center;font-family:'Nanum Gothic';font-size:12px;color: #666;margin-bottom:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em;}
.goodsType1 .article_A .txt_ty3{text-align:center;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #444;margin-top:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.goodsType1 .txt_ty4{text-align: center;font-family:'Nanum Gothic';line-height:1.3;font-size:15px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-top:20px; padding:0 15px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.goodsType1 .txt_ty5{text-align: center;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-top:12px;}
.goodsType1 .txt_ty4 a{color: #fff;}
.goodsType1 .txt_ty5 a{color: #fff;}

.goodsType1 .article_A .tit-b{font-family: 'NotoSansKR';font-style: normal; font-weight: 500;font-size: 16px; color: #000;margin-bottom:10px}
.goodsType1 .article_A .txt-md{font-family: 'NotoSansKR';font-style: normal; font-weight:400;font-size: 14px; color:#777; line-height: 20px;margin-bottom: 10px;}
.goodsType1 .article_A .txt-sm{font-family: 'NotoSansKR';font-style: normal; font-weight:400;font-size: 14px; color:#444; line-height:1;}

/* round 형 hover  end */


/* 기존스타일 */
.goodsType_wrap{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -10px;margin-left: -10px;margin-top: 20px;justify-content: center; align-items: center;}
.goodsType{position: relative;padding-right: 10px;padding-left: 10px;box-sizing: border-box;overflow: hidden;cursor:pointer;font-size:0;}
.flex-col-2 .goodsType{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;width: 100%;}
.flex-col-3 .goodsType{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;width: 100%;}
.flex-col-4 .goodsType{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width: 100%;}

/* box 형 hover */
.goodsType .goods-2{position:relative;display: inline-block; width:100%; height: 340px; /* padding-top: 56.25%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType .goods-3{position:relative;display: inline-block; width:100%; height: 300px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.goodsType .goods-4{position:relative;display: inline-block; width:100%; height: 220px; /* padding-top: 75%; */ overflow: hidden; border:1px solid #ebebeb;background:#cccccc;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/* .goodsType .goods img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:auto;} */
.goodsType .col-2-bg{position: absolute; display:table;bottom:-235px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .col-3-bg{position: absolute; display:table;bottom:-195px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .col-4-bg{position: absolute; display:table;bottom:-130px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .btn_area{display:none;width:100%; height:100%;text-align: center; vertical-align:middle; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .more{display: inline-block; text-align: center;  border:1px solid #fff; padding:10px 20px; font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;}
.goodsType .more_s{display: inline-block; text-align: center;  border:1px solid #fff; padding:5px 15px; font-family:'Nanum Gothic Bold';line-height:1;font-size:13px;color: #fff; margin-bottom:15px;}

.goodsType .goods-2:hover .col-2-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .goods-2:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.goodsType .goods-3:hover .col-3-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .goods-3:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}
.goodsType .goods-4:hover .col-4-bg{position: absolute;bottom:0; left:0px; width:100%; height:100%;z-index: 2;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType .goods-4:hover .btn_area{display:table-cell;width:100%; height:100%;text-align: center; vertical-align:middle;}

.goodsType .article{position: absolute; bottom:0px; left:0px; width:100%; padding:15px 20px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:3;}
.goodsType .txt_small{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType .txt_mid{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType .txt_price{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:16px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:5px;}
.goodsType .txt_price > span{font-family:'Nanum Gothic EB';color: #f02c18;}
.goodsType .desc{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.goodsType .article_non{position: absolute; bottom:0px; left:0px; width:100%; background:#3d3d3d; padding:20px 20px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:3;}
.goodsType .txt_non{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);}

.goodsType .txt_small_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:6px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType .txt_mid_1{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);margin-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goodsType .txt_price_1{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:14px;color: #fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);}
.goodsType .txt_price_1 > span{font-family:'Nanum Gothic EB';color: #f02c18;}


.btn_group{display: inline-block; width:100%;font-size:0; margin-top:-1px; padding:0px 0px 0px 0.5px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn_group li{display: inline-block; width:33.333333%; margin-left:-1px; }
.btn_group li button{display: block; width: 100%;padding:12px 0px 14px;text-align: center; border:1px solid silver;background:#fafafa;font-family:'Nanum Gothic Bold';line-height:1;font-size:13px;color: #333;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all 0.3s}
.btn_group li button:hover{border:1px solid #55575a;background:#55575a; color: #fff;}
.btn_group li:first-child button{ margin-left: 0px;}
/* .btn_group li:not(:first-child) button{ margin-left: 0;}*/
.btn_group li:last-child button{ width: calc(100% + 1px)}

/* box 형 hover end */

/* 기존스타일 end*/

.car_article{width:100%;min-height:100px;margin-top:-1px;border:1px solid #ebebeb; padding:20px;box-sizing: border-box;}
.car_article .tit{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.car_article .txt{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #666;margin-top:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.car_article_c{width:100%;min-height:100px;padding:20px;box-sizing: border-box;}
.car_article_c .tit{text-align:center;font-family:'Nanum Gothic Bold';line-height:1;font-size:16px;color: #1a1a1a;margin-bottom:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.car_article_c .txt{text-align:center;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #666;margin-top:8px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.car_article_s{position: absolute; bottom:0px; left:0px; width:100%; min-height:125px; padding:20px;background:url(../images/article_bg.png) left top repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;box-sizing: border-box;}
.car_article_s .tit{text-align: left;font-family:'Nanum Gothic Bold';line-height:1;font-size:15px;color: #fff;margin-bottom:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.car_article_s .txt{text-align: left;font-family:'Nanum Gothic';line-height:1;font-size:12px;color: #eee;margin-top:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* @@@@@ 2023 고도화 추가  Start @@@@@ */
.newGoods_container{display:flex; flex-wrap: wrap;}
/*
.newGoods_container.col-2 > *{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-3 > *{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-4 > *{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%;}

.newGoods_container.col-3 > *:nth-child(4), .newGoods_container.col-2 > *:nth-child(3), .newGoods_container.col-4 > *:nth-child(5){-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%; margin: 0;}
*/
.newGoods_container.col-2 > .newBoxType{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-3 > .newBoxType{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-4 > .newBoxType{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%;}

.newGoods_container.col-2 > .newRoundType{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-3 > .newRoundType{-ms-flex: 0 0 32.333333%;flex: 0 0 32.333333%;max-width: 32.333333%;width: 100%; margin: 0 0.5%;}
.newGoods_container.col-4 > .newRoundType{-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;width: 100%; margin: 0 0.5%;}

/* Box */
.newBoxType{width:100%;border:1px solid #dfdfdf;box-sizing: border-box; }
.newBoxType .article--wrap{text-align:left;padding:20px 15px;box-sizing: border-box;}
.newBoxType .nonTxt{display: flex;justify-content: center;align-items: center; text-align: center; width:100%; height:100%;font-family:'Nanum Gothic Bold';font-size:18px;line-height:1.2; color:#fff;}

.newBoxType.non{min-height:360px;}

/* goodsType */
.goodsType-A{position: relative; width:100%;height:0px;padding-top:75%;overflow: hidden;border:0px solid #e1e1e1;background-size: cover; background:#fafafa;box-sizing: border-box;cursor:pointer; } 
.goodsType-A img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}
.goodsType-A .col--bg{position: absolute; display:inline-flex;justify-content: center;align-items: center; bottom:-500px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat; -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType-A:hover .col--bg{bottom:0px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.article--inner{position: absolute; left:0;bottom:0; width:100%;height:115px; cursor:pointer;text-align:left;display:flex;justify-content: center;flex-direction: column; padding:5px 15px;background:url(../images/article_bg.png) left top repeat; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;box-sizing: border-box;z-index:3;}
.article--inner.non{display: flex;justify-content: center;align-items: center; text-align: center; width:100%;font-family:'Nanum Gothic Bold';font-size:16px;line-height:1.2; color:#fff;}

.newViewBtn{display: inline-block; text-align: center;  border:1px solid #fff; padding:10px 20px; font-family:'Nanum Gothic Bold';line-height:1;font-size:14px;color: #fff;}
.newViewBtn.ss{padding:5px 15px; font-size:13px;}

/* round */
.newRoundType{width:100%;box-sizing: border-box; }
.newRoundType .article--wrap{text-align:center;padding:20px 15px;box-sizing: border-box;}
.newRoundType .nonTxt{position: absolute; left:0; top:0; display: flex;justify-content: center;align-items: center; text-align: center; width:100%; height:100%;font-family:'Nanum Gothic Bold';font-size:18px;line-height:1.2; color:#fff;}

.new--btnWrap{display: flex;justify-content: center;gap:5px; padding:15px 15px;box-sizing: border-box;}
.new--btnWrap > *{flex:1;} 
.new--btnWrap button{display:flex;justify-content: center;align-items: center;width: 100%;height:30px;border-radius:4px; text-align: center;font-family:'Nanum Gothic Bold'; line-height:1.2; font-size:14px;color:#3c3e44;background:#fff;border:1px solid #3c3e44;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all 0.3s}
.new--btnWrap button.point{color:#fff;background:var(--point-color);border:1px solid #3c3e44; }
.new--btnWrap button:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.newRoundType .new--btnWrap{padding:10px 0px;}
.article--air .new--btnWrap{padding:10px 0px 0;}

/* goodsType */
.goodsType-round-A{position: relative; width:100%;height:0px;padding-top:100%;overflow: hidden;border:0px solid #e1e1e1;background-size: cover; background:#fafafa;box-sizing: border-box;cursor:pointer;border-radius:50%; } 
.goodsType-round-A img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}
.goodsType-round-A .col--bg{position: absolute; display:inline-flex;justify-content: center;align-items: center; bottom:0px; left:0px; width:100%; height:100%;background:url(../images/article_bg.png) left top repeat;border-radius:50%;-ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity:0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 4;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.goodsType-round-A:hover .col--bg{-ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; }

/* txt */
.category--txt{font-family:'Nanum Gothic'; font-size:12px;line-height:1.2; color:#333;margin-bottom:5px;}
.goods--tit{font-family:'Nanum Gothic Bold';font-size:16px;line-height:1.2; color:#333;margin-bottom:10px;}
.goods--txt{font-family:'Nanum Gothic';font-size:14px;line-height:1.2; color:#333;margin-bottom:10px;}
.goods--price{font-family:'Nanum Gothic Bold';font-size:16px;line-height:1.2; color:#dc2527; }
.goods--price > span{font-family:'Nanum Gothic EB';font-size:18px;}

.ellipsis-1 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em;}
.ellipsis-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; } 
.ellipsis-4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; } 

.article--air .companyLogo, .article--air .flag{text-align: center !important;}
/* @@@@@ 2023 고도화 추가 End @@@@@ */