@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
div{ font-family: 'Pretendard';}
.wrap{}
.wrap .content{position:relative; max-width:1920px;  margin:0 auto; }

.wrap .catalog_side{z-index:100; position:absolute; top:0; bottom:0; left:89px; margin:auto; background-color:#fff; border-radius:50px 0 50px 0 ; width:360px; height:825px; box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1); }
.wrap .catalog_side .title .menu {padding-top:55px;}
.wrap .catalog_side .title{text-align:center; font-family: 'GmarketSans'; font-size:20px; line-height:1.2; padding-bottom:35px; border-bottom:1px solid #cccccc;}
.wrap .catalog_side .title .menu span.orange{font-weight:700; color:#FF8311;}
.wrap .catalog_side ul > li > ul li{display:none;}
.wrap .catalog_side .main{width:80px; height:80px;background:#FF8311; position:absolute; bottom:0; left:0; padding:17px 20px 13px 20px;}
.wrap .catalog_side .main a{display:block; text-align:center;}
.wrap .catalog_side .main span{text-align:center; color:#fff; font-weight:500; font-size:16px;}
.wrap .catalog_side .accordion-btn{position:relative; display:flex; align-items:center; width:100%; padding:28px 30px; font-size:19px; color:#555; text-align:left; background-color:#fff; border:0; border-radius:0; overflow:none; transition:color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; }
.wrap .catalog_side .open:after {flex-shrink:0; width:14px; height:8px; margin-left:auto; content:""; background-image:url(../content/arr_2.png); background-repeat:no-repeat;  transition:transform .2s ease-in-out;}
.wrap .catalog_side .open:not(.collapsed)::after{background-image:url(../content/arr_2.png); transform:rotate(-180deg);}
.wrap .catalog_side .accordion-item h2 button{font-weight:700;}
.wrap .catalog_side .accordion-item:last-child{border-bottom:1px solid rgba(0,0,0,.125);}

.wrap .catalog_side .scroll{height:120px; overflow:scroll;}
.wrap .catalog_side .accordion-collapse .accordion-body:before{content:'\B7'; color:#999; font-weight:800;}
.wrap .catalog_side .accordion-collapse {background-color:#f8f8f8; padding-left:30px; padding-top:8px;border-top:1px solid rgba(0,0,0,.125);}
.wrap .catalog_side .accordion-collapse button{border:0; color:#999; font-size:18px; line-height:1.1; background-color:#f8f8f8;}
.wrap .catalog_side .web_link{display:flex; padding:30px}
.wrap .catalog_side .web_link div{margin-right:30px;}
.wrap .catalog_side .web_link div:last-child{margin-right:0;}
.wrap .catalog_side .web_link div a {font-size:16px; color:#999; font-weight:600; display:inline-block; vertical-align:middle;}
.wrap .catalog_side .web_link div a img{padding-right:2px;}


.sub_cont{}
.sub_cont .align{} 
.sub_cont .align div { display:none; }
.sub_cont .align div.on{ display:block;}
.sub_cont .align div img{}