.btn-close {background-image: url("../image/category/item/bng-gnb-close.png");background-size: 15px;}

#category { padding: 30px 37px 25px 37px; width: 100%; border-bottom: 1px solid rgb(233, 233, 233); margin-bottom: 50px; }
#category > div > ul > li { font-weight: 500; font-size: 16px; position: relative; justify-content: space-between; align-items: center; padding: 11px 0 11px 0; }
#category > div > ul > li ul { display: none; }
#category > div > ul > li > i { width: 12px; height: 7px; background: url(/assets/image/category/item/arrow.png) no-repeat center; background-size: cover; font-size: 0; transform: rotate(0deg); transition: transform 0.5s ease-in-out; float: right; position: relative; top: 15px; }
#category > div > ul > li.active > i { transform: rotate(180deg); justify-content: space-between; }
#category > div > ul > li.active > ul { display: block; padding: 10px 0 10px 15px; }
#category > div > ul > li > ul li:first-child { font-weight: 500; }
#category > div > ul > li > ul > li { font-size: 15px; font-weight: 400; padding: 10px 0 10px 0; }
#category > div > ul > li > ul > li > i { width: 12px; height: 12px; background: url(/assets/image/category/item/plus.png) no-repeat center; background-size: cover; font-size: 0; transform: rotate(0deg); transition: transform 0.5s ease-in-out; float: right; position: relative; top: 7px; }
#category > div > ul > li > ul > li.active > i { background: url(/assets/image/category/item/minus.png) no-repeat center; background-size: cover; }
#category > div > ul > li > ul > li.active > ul { display: block; background-color: rgb(247, 247, 247); padding: 5px 0 5px 14px; margin-top: 20px; }
#category > div > ul > li > ul > li > ul > li { display: inline-block; width: 48%; font-size: 14px; color: rgb(119, 119, 119); padding: 10px 0 10px 0; }
#typeDiv > a { font-size: 20px; font-weight: 400; color: rgb(128, 128, 128); margin-right: 18px; }
#typeDiv > a.active0 { color: rgb(34, 34, 34); border-bottom: 3px solid rgb(34, 34, 34); font-weight: 500; }
#typeDiv { margin-bottom: 20px; }

.event { padding:0 37px 0 37px; margin-bottom: 50px; font-weight: 400; width: 100%; }
.event table tr td { width: 48%; vertical-align: top; border: 8px solid white; display: inline-block; }
.event p { font-family: 'Noto Sans Korean', 'Roboto', sans-serif; font-size: 22px; margin-bottom: 25px;}
.event .tit { font-size: 16px; color: rgb(51,51,51); margin-bottom: 5px; font-weight: 500;}
.event img { width: 100%; margin-bottom: 10px; aspect-ratio: 1.58/1;}
.event .con { font-size: 15px; color: rgb(119,119,119); margin-bottom: 25px;}

.bd-bnr a{ width:100%; height:133px; font-size:0; display:block; margin-bottom:66px; }
.bd-bnr a img {width:100%}

/*º£½ºÆ®¸®ºä*/
.mn-bestr{ margin: 93px 0 0; }
.mn-bestr .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start; position:relative}
.mn-bestr .cont-tit h2{margin-bottom:25px; padding-left: 17px; font-size: 20px;}

.mn-bestr .owl-dots{width:100%; display:flex; flex-direction: row; justify-content: flex-end; align-items: center; position:absolute; top:15px; right:15px}
.mn-bestr .owl-dot{width:10px; height:10px; display:inline-block; margin:0 4px; border:1px solid #000; border-radius: 6px;}
.mn-bestr .owl-dot.active{background-color:#000}

.mn-bestr .owl-item{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

.mn-bestr .itms { width: 40%; font-size: 12px; }
.mn-bestr .itms:not(:last-child){ margin-right: 17px;}
.mn-bestr .itms .img{ width:100%; margin-bottom:6px}
.mn-bestr .itms .img img{ width:100%; aspect-ratio:1/1; }
.mn-bestr .itms h3{ width:100%; margin-bottom:16px;}
.mn-bestr .itms > a::after { width: 100%; height: 1px; content: ''; background-color: rgb(213,213,213); display: block; margin-top: 15px; }
.mn-bestr .itms > a > p{ width:100%; height: 80px; color:#777777; font-size: 13px; padding-left:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.mn-bestr .inr{ padding:0 17px 0 17px; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;  overflow-x:auto; width:100%}
.mn-bestr .inr::-webkit-scrollbar{ display:none}
.mn-bestr .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.mn-bestr .star-wr{width:100%; display:flex; align-items: center; margin: 11px 0 11px 0;}
.mn-bestr .star-wr .user{ color:#b5b5b6; font-weight:300 }
.mn-bestr .star-wr span { margin-right: 1px; }
.mn-bestr .star-wr .star-on{width:18px; height:18px; display:flex; background:url("/assets/images/star_big_full.png") no-repeat 0 center; background-size:cover}
.mn-bestr .star-wr .star-off{width:18px; height:18px; display:flex; background:url("/assets/images/star_big_empty.png") no-repeat 0 center; background-size:cover}
.mn-bestr .itm-pack { font-size: 15px; margin-top: 15px; }
.mn-bestr .itm-pack p:first-child { font-weight: bold; }
.mn-bestr .itm-pack a div {display: inline-block; vertical-align: middle}
.mn-bestr .itm-pack a div:nth-child(1) {width: 25%; margin-right: 4%;}
.mn-bestr .itm-pack a div:nth-child(2) {width: 64%; font-size: 12px;}
.mn-bestr .itm-pack a div img {width: 100%; border-radius: 945px;}

@media screen and (max-width:1150px) {
    .content_wrap_bare { width:100%;max-width: 100%; }
    .content_wrap{ width:100%;max-width: 100%; }
    .menu__bar{ width:100%;max-width: 100%; margin-right: 40px; }
    .left_wrap{ display: none; }
    .right_wrap{ display: none; }
    .optionLayer{ width:100%; max-width: 100vw;  }
    .fix-btm { width: 100%; max-width: 100%; }
}