html
<aside class="side-bar">
<div class="side-bar__status-ico-box">
<span>▶</span>
<span>▼</span>
</div>
<nav class="side-bar__menu-box-1">
<ul>
<li><a href="#">home</a>
</li>
<li><a href="#">articles</a>
<ul>
<li>
<a href="#">notice</a>
</li>
<li>
<a href="#">free</a>
<ul>
<li><a href="#">3차메뉴</a></li>
<li><a href="#">3차메뉴</a></li>
</ul>
</li>
<li>
<a href="#">developement</a>
<ul>
<li><a href="#">3차메뉴</a></li>
<li><a href="#">3차메뉴</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Member</a>
<ul>
<li>
<a href="#">join</a>
</li>
<li>
<a href="#">sign in</a>
<ul>
<li><a href="#">소셜계정으로 가입</a></li>
<li><a href="#">일반 가입</a></li>
</ul>
</li>
<li>
<a href="#">find account</a>
<ul>
<li><a href="#">휴대폰번호로 찾기</a></li>
<li><a href="#">이메일로 찾기</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Faq</a>
<ul>
<li>
<a href="#">공지</a>
<ul>
<li><a href="#">이벤트</a></li>
<li><a href="#">공지사항</a></li>
</ul>
</li>
<li>
<a href="#">자주묻는질문</a>
<ul>
<li><a href="#">상품</a></li>
<li><a href="#">배송</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</aside>
<section class="section-1 con-min-width">
<div class="con">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod ipsa quam tempora rerum modi architecto saepe repellat? Provident earum, hic veniam, ut incidunt aliquam, cupiditate repellendus dolorum fugit odit deserunt.
Quidem laudantium atque animi, aliquam doloremque corporis veritatis quas sit, aspernatur impedit voluptates voluptas esse asperiores rem, sint et vitae? Quos eveniet voluptatibus quam, earum sit libero delectus reprehenderit saepe.
At hic reiciendis aspernatur doloremque id, qui aut tenetur, repellendus, voluptates consectetur ipsam quo amet ducimus quas inventore. Culpa error odit quos iure voluptate ex! Perferendis aperiam a deleniti aspernatur?
Veniam amet consectetur excepturi quibusdam nulla inventore delectus! Rerum est neque ea iure illo repudiandae! Enim consequuntur architecto eius illum, illo non omnis, iure harum ipsam eveniet incidunt totam quos?
Blanditiis libero qui repudiandae vitae suscipit quae architecto, cumque labore, consequatur necessitatibus doloremque veritatis mollitia, nemo id adipisci aut omnis incidunt commodi. Maiores, deleniti esse saepe praesentium distinctio velit vel.
Sequi dolorum aperiam, alias, nemo sed voluptate repudiandae odio reiciendis facere numquam, accusantium dicta. Incidunt harum recusandae est ipsa blanditiis deleniti omnis, voluptatem velit quam animi fugit voluptate, corrupti ipsam?
Voluptates fugit cupiditate perferendis pariatur, ea, quam eligendi aut exercitationem, nostrum non provident quasi impedit labore saepe! Laudantium neque excepturi enim, necessitatibus illum voluptatem laboriosam minima quos omnis, sunt quis?
Illum architecto assumenda sunt debitis commodi nihil amet fugiat deleniti in laudantium harum facere, at autem minus totam ducimus optio repellat neque laborum quo, nulla libero vel quia! Itaque, quasi!
Iste sequi esse architecto, accusantium nulla iusto excepturi in totam deleniti repellendus earum enim corrupti voluptate fugit voluptas laudantium fugiat eaque perspiciatis non vero culpa error sapiente! Libero, qui sint?
Cumque corporis deleniti modi doloribus blanditiis et reprehenderit asperiores ratione harum quaerat deserunt minus incidunt eveniet unde illum, debitis sequi accusantium earum quidem! Animi, doloribus laboriosam eum at doloremque ratione!
Quo natus distinctio sint quia dolor? Omnis recusandae dolores explicabo? Enim perferendis molestiae distinctio, maiores, autem alias repellendus odit nemo nostrum suscipit id laudantium quidem quibusdam atque sint voluptatem assumenda!
Vitae voluptatum possimus aliquid dolores aut dicta beatae itaque tenetur. Repellendus ratione cupiditate tempore error perspiciatis maxime consequuntur molestias sunt fugiat. Perspiciatis magnam, distinctio voluptatibus dolorum animi assumenda inventore incidunt.
Repudiandae est reiciendis quidem in, labore perspiciatis fugiat corrupti exercitationem officiis, sunt maxime, ea corporis dolorem a. Blanditiis amet omnis repudiandae. Facere ab fuga sequi totam quae, aut dicta laudantium?
Hic veniam eum facere! Distinctio blanditiis impedit laboriosam nobis corrupti ipsa consequuntur voluptatum. Amet, eaque corrupti! Aliquid unde nesciunt esse iure saepe nostrum consequuntur! Ex sed odio magnam impedit beatae?
Sit hic quisquam molestias laudantium optio cum in, officia voluptatem ipsam eos illum eligendi incidunt, corporis assumenda sequi sed at ducimus eveniet commodi, error dicta. Eveniet aliquid magnam molestias ducimus!
Dolore error numquam ipsum. Reiciendis suscipit minus dignissimos adipisci optio asperiores eum velit modi aliquid nesciunt iure, quasi nostrum quibusdam quisquam soluta necessitatibus aliquam deserunt laborum odio quia consequuntur id.
Suscipit quis vero inventore nisi unde facilis deserunt quas praesentium explicabo itaque recusandae doloremque minus magni, rerum reiciendis architecto, dicta quod possimus fuga. Obcaecati cumque illum quasi similique numquam veritatis.
Quae voluptas voluptate odio. Accusamus eligendi voluptatum saepe labore odit quidem soluta harum, nulla perspiciatis fugit laborum quam, ea error cum. Incidunt ducimus adipisci consequuntur nostrum voluptatibus? Rerum, mollitia quas.
Commodi harum corrupti dignissimos perspiciatis necessitatibus. Maiores, porro sunt et temporibus similique facilis cum dolor molestiae amet nostrum nisi suscipit voluptatum eos esse enim consectetur cupiditate, ut alias velit veniam?
Accusantium similique obcaecati dolorem, provident exercitationem fugiat. Inventore placeat nisi harum quibusdam corporis blanditiis voluptate porro quaerat, nobis quis. Saepe maxime possimus ab aut unde natus, numquam accusamus doloremque velit.
Voluptatem voluptatibus in et suscipit commodi recusandae perspiciatis ea eligendi illum consectetur, obcaecati incidunt sed sapiente? Doloremque beatae laudantium consequuntur omnis vero voluptas voluptate dolorum quia consequatur? Quod, aperiam ad?
Rem itaque suscipit hic numquam odio velit aliquid enim eligendi ut culpa ratione sapiente dignissimos, quas quaerat dolorum voluptates! Cumque voluptate voluptatibus, sunt adipisci mollitia facere aspernatur error aliquam laboriosam?
Nemo voluptatum ducimus, deserunt molestias commodi provident dolorem cum, repellendus deleniti voluptas non, nisi accusamus? Obcaecati aliquid, quae ducimus perferendis ut autem voluptates eos neque eius quos ea repellendus similique.
Ab aliquam unde id repellendus magnam quia iure blanditiis doloremque itaque nobis nostrum, quam qui expedita molestiae odio, esse ea quis, natus libero ut facilis aperiam saepe? Soluta, repudiandae ea.
Iure optio, tempore repellat praesentium minima autem, laudantium saepe mollitia labore quia, ipsum nihil aliquid! Dolorem animi placeat aspernatur quam debitis incidunt, quasi harum vel vitae, voluptatibus eius praesentium sint.
Alias praesentium eaque ea doloremque temporibus iste exercitationem ab odio inventore minima. Illo explicabo amet illum veritatis iusto quis facere dolore cum aliquam culpa, laborum enim necessitatibus quam ipsam debitis.
Molestiae libero impedit alias, iure possimus deserunt molestias placeat est architecto, quo deleniti! Adipisci consequatur assumenda molestiae culpa officiis. Assumenda repellendus nemo eius. Laboriosam reiciendis accusamus esse unde, est minus?
Sit et numquam error earum deserunt! Quam rem consectetur soluta incidunt nulla illo illum nemo reiciendis eius dolorum perspiciatis porro earum vitae ipsa, doloribus, atque voluptates, cum sequi magni aut.
At repellat alias harum placeat illum numquam sequi dolores, itaque, soluta ratione tempore aspernatur, aliquam ipsam quos perspiciatis atque autem! Voluptatum quae vero aspernatur perferendis obcaecati delectus architecto fugit? Soluta?
Minus, deserunt accusamus quisquam quod animi repellendus sit sequi voluptate iusto beatae dolorem ea ab, tempora dicta corrupti dolor sapiente autem quo ipsam dolorum impedit consectetur rerum, at nam. Libero!
Cupiditate sunt maiores totam nisi nulla quam, quasi quas molestiae. Molestias nostrum excepturi laboriosam eius asperiores quidem earum, facere similique quia sint, perferendis, saepe laudantium illo assumenda! Dolores, adipisci mollitia?
Modi sapiente ipsa excepturi laboriosam repellendus culpa, vel ipsam maiores soluta iste necessitatibus consequuntur quibusdam asperiores laborum dolor eos, doloremque similique unde dolorem reiciendis nesciunt molestiae? Molestiae distinctio maiores voluptate.
Ab eos, necessitatibus minima voluptate, autem dicta sed vel aut ex iste, explicabo aliquid similique. Ullam nobis, recusandae laborum unde laboriosam enim omnis blanditiis minus id officia eligendi voluptatem aut.
Expedita unde libero molestiae explicabo minima aut eum nobis maiores consequatur autem dignissimos corrupti praesentium tenetur repellendus, rerum ratione sint ea veritatis error minus. Eum laudantium itaque veritatis maiores ducimus.
Dolore excepturi, porro ea, voluptatem nihil dignissimos esse eum molestiae numquam modi reprehenderit. Explicabo eligendi ducimus rem, quidem reiciendis ea facilis, et accusantium, doloribus quis molestiae vero! Voluptates, similique aliquam.
Atque modi rem in amet dolorum nobis quos quidem, possimus eos? Quam, laudantium inventore amet voluptates magnam quas nam aliquam libero ad est, et, esse consequuntur. Officia doloribus dignissimos eius.
Ad delectus enim in, ducimus, blanditiis ex dolore vero debitis quis autem deleniti, perferendis officia? Esse excepturi reiciendis molestias, dicta labore atque, commodi eum nobis incidunt magnam voluptates vitae maiores.
Ut voluptatibus sit maiores, odio veniam excepturi laudantium magni officiis dignissimos error autem quos, totam enim perferendis praesentium consequuntur dolore officia. Veniam rem nulla non id dolore, maiores sequi autem.
Consequuntur pariatur ullam velit adipisci corporis, provident obcaecati libero quidem consequatur alias earum. Animi impedit dolores atque alias saepe, laborum iste quibusdam, aut, iusto aliquid nihil amet ex laboriosam at!
Libero, fugiat quasi? Error dolor in repudiandae consectetur dolores quisquam a? Nulla culpa, iure fuga asperiores repellendus in distinctio, ea a aperiam dolorem recusandae beatae molestias illum quo rem voluptatem.
Veritatis veniam amet fugit beatae vero cum maiores id atque officiis, ea, eaque eos pariatur odio voluptates velit mollitia libero quisquam. Deleniti saepe voluptates velit in aut voluptatibus iusto aliquid.
Error quia ut voluptatum est totam incidunt, odio, et magni excepturi saepe neque minus praesentium voluptatem eveniet adipisci voluptas blanditiis earum voluptates harum molestiae rem? Obcaecati cum voluptatum ab praesentium!
Dicta aliquid est fugiat? Culpa similique officia id incidunt ex facilis maxime accusantium, tenetur iste eum asperiores repellat doloribus perspiciatis dolore. Minus qui rem libero? Vitae et fugit cum vel.
Temporibus sapiente nihil voluptatum consequatur soluta ex maxime architecto cupiditate non ad repellendus dolore minus libero asperiores dignissimos enim fugiat iusto molestiae, est quibusdam facere! Eum, atque. Animi, placeat nemo!
Consequuntur, nisi ex tempora eos dolorem eum unde, necessitatibus impedit consectetur ad laborum natus, placeat molestias. Repellendus, libero impedit cupiditate delectus soluta beatae porro culpa fugiat aperiam, explicabo optio autem.
Nobis vel cum magnam animi possimus aperiam! Quasi non cupiditate omnis alias. Minima laboriosam perspiciatis distinctio, enim alias soluta veritatis eligendi accusamus, repellendus, laudantium hic ex quo consequatur voluptatem totam.
Inventore fuga praesentium laborum possimus qui tenetur magni accusantium eius architecto voluptate commodi, officia voluptatem blanditiis expedita assumenda error. Odit perferendis nemo totam laborum quibusdam mollitia libero adipisci quos quam.
Excepturi, ratione. Sed, vero. Voluptatum similique tenetur praesentium nesciunt asperiores corrupti. Cum corrupti unde tenetur exercitationem obcaecati ex ea sed modi enim rerum ad maiores maxime a fugit, inventore sequi.
Eos placeat labore aperiam voluptatibus delectus quod atque eveniet quidem, esse officiis eligendi excepturi suscipit, libero tempore possimus quasi quas! Incidunt, vero ipsa voluptas aliquam iure dicta consectetur officiis nobis!
Doloribus cum doloremque placeat voluptates architecto nemo perferendis laudantium sed quasi, fugiat at cumque natus voluptatum quos assumenda cupiditate! Aliquid harum hic doloribus quisquam veniam nesciunt sunt temporibus reiciendis. Ratione.
Tempore ipsa iste numquam consectetur minus dolor dicta, accusantium dignissimos totam pariatur voluptas praesentium, illo adipisci eveniet sed provident? Nulla eius sint culpa reprehenderit illo suscipit iste quibusdam perferendis nisi.
Quod reiciendis totam eveniet nemo, nisi nostrum vel dolores aut praesentium, aliquam in porro veniam dignissimos rem eligendi! Harum illum eius voluptate neque consequuntur error debitis culpa iure totam illo.
Consequuntur eaque iusto, nulla pariatur eius animi iste quibusdam suscipit nisi expedita illo cupiditate corporis eligendi incidunt ipsum dolor eos laudantium hic atque. Accusamus sed minima eligendi? Optio, consectetur officiis.
Dicta sapiente excepturi voluptate doloribus, amet modi nobis fugit quo sint esse autem cum minus quisquam obcaecati labore laborum corporis veritatis? Voluptatibus tempore debitis iste tempora id? Est, voluptatum hic.
Minus architecto nisi eveniet fugit debitis sapiente repudiandae cumque autem ducimus provident quae distinctio laudantium quam error voluptatibus officiis repellendus perferendis, earum esse, similique dolore in. Natus voluptatem sapiente voluptate.
Fuga inventore laudantium porro cupiditate officia placeat repellat eum repellendus commodi possimus debitis modi vitae, culpa provident aspernatur sunt. Dolorum atque nisi tenetur voluptate, molestias enim dolorem debitis similique dignissimos?
Quia ea corrupti harum incidunt expedita optio a, porro asperiores ducimus at, reprehenderit voluptate nisi explicabo temporibus? Id vitae, natus blanditiis aperiam itaque nemo totam vel ipsam, animi doloremque esse?
Voluptatum adipisci dolorum ad deserunt maxime iure corporis alias placeat ratione, reiciendis perspiciatis quo. Commodi odio vitae consectetur odit, error optio tenetur laboriosam iste. Facere eum voluptate cumque quisquam eius.
Nesciunt saepe modi assumenda cumque aspernatur corrupti alias delectus nemo facilis labore, esse ab impedit ipsa obcaecati optio repudiandae culpa error. Repellendus voluptate officia architecto modi quis maxime nihil necessitatibus.
Atque, dignissimos consectetur? Voluptas numquam ad accusamus? Ad repellat possimus similique provident sint praesentium, tenetur qui inventore accusamus, quas dolorem repellendus architecto rem, doloribus voluptas quaerat at totam facere? Officiis.
Libero, vel inventore repudiandae autem sint aperiam velit. Assumenda ut deleniti earum quis fugit mollitia sed dolorum saepe veniam atque, molestias aliquam quaerat nostrum quisquam architecto culpa ducimus quidem libero?
Explicabo soluta numquam nam corporis ullam nemo dignissimos, accusamus ipsum, rem consequuntur dolorum facilis animi nesciunt voluptatem ad magnam? Obcaecati minus voluptas maxime nemo, laboriosam distinctio placeat provident vitae quae.
Minima excepturi eveniet sed voluptatum id nam sint, qui mollitia, autem dolores doloremque quia possimus amet dignissimos a reprehenderit accusantium repellendus voluptatibus molestiae error illo, corporis voluptates consequatur! A, voluptatum!
Quas adipisci dolores autem impedit nostrum, vel libero soluta eos veniam repellendus! Asperiores sint unde quas, necessitatibus at aliquid possimus adipisci illum fuga exercitationem incidunt velit iste excepturi pariatur nam?
Est facere excepturi nihil quidem harum tenetur commodi inventore quaerat repellat asperiores? Consectetur esse voluptas ipsa! Numquam quos, distinctio quam mollitia odit veritatis, beatae adipisci vel architecto expedita dicta autem.
Accusantium, harum expedita. Adipisci enim deleniti ex id. Molestiae, hic aliquid? Maiores atque reiciendis numquam eligendi, beatae temporibus sit inventore earum aliquam laudantium porro accusamus fuga officiis similique quaerat necessitatibus.
Accusantium at amet quia repellat quae ea consequatur soluta, earum architecto itaque, provident adipisci culpa voluptas iste officiis nesciunt nam error reprehenderit quas. Delectus sit soluta dicta ea et sed.
Nam nulla assumenda laboriosam eos, quis veniam. Sed sapiente iusto voluptatum alias totam odio tempora nemo voluptatem explicabo quisquam, quam eum maiores provident, quia inventore a minus eos nam rerum?
Nemo mollitia nostrum eaque, quae totam laboriosam maiores ducimus in earum, incidunt ipsam quo repellat? Consequuntur deleniti, nemo, dicta deserunt impedit quis architecto sed eos sint rerum, quas quibusdam ea.
Impedit placeat veniam sunt quam inventore, suscipit cupiditate, maxime aperiam nam adipisci porro ipsam maiores fugit autem quaerat magni omnis! Quisquam quidem reiciendis fugit. Ipsam, voluptatum. Repellat exercitationem architecto quaerat.
Maiores voluptas repudiandae libero nam veniam perspiciatis, cupiditate dolorem veritatis, aliquid illo esse autem deserunt iusto quia repellendus voluptatum adipisci. Nesciunt quos dolor dolore facere impedit earum inventore voluptatem provident.
Ad magnam non dolorum, laboriosam exercitationem accusamus beatae cumque sapiente veritatis in nostrum omnis repudiandae reprehenderit rem illo enim? Quasi numquam dignissimos ipsam et eligendi illo accusamus, perferendis enim magnam.
Nemo, quidem eveniet rerum ut est consequatur neque necessitatibus repudiandae architecto fugit, eius totam fuga ea facilis, iste magni veritatis voluptatibus. Voluptatem sunt animi nesciunt praesentium aliquid ad. Nesciunt, nobis?
Corrupti ipsam modi molestias expedita? Quis explicabo esse eos, quod tenetur necessitatibus eius molestias cupiditate fugiat nihil temporibus qui ratione modi sunt tempore officia, voluptate ipsum aut, quasi aliquid laborum.
Libero cumque enim eum? Neque voluptatem quae ducimus a rem esse vel aperiam excepturi doloremque at iusto, quod nemo iure, consequuntur eos modi! Impedit quo placeat neque eum dolore velit?
Libero temporibus dolore labore praesentium eos dolorem dicta vel magni eius eum et excepturi iure, est perferendis nam autem molestiae corporis impedit nulla id natus? Corrupti soluta unde excepturi dolore.
Nemo, debitis praesentium, nobis veritatis ratione ipsa pariatur, fugiat maxime distinctio alias nihil corrupti. Aliquid ad possimus illum in deserunt aliquam earum. Consequuntur, eligendi id! Neque dignissimos voluptatibus magni doloremque.
Magnam illo consectetur commodi molestias minima eaque ullam! Eaque at quas delectus doloremque, optio necessitatibus rerum? Libero sunt in amet, maiores dolorum cum dignissimos et enim quas debitis assumenda quidem.
Minus debitis ad nihil dolorum rerum ut veniam quam sit quia ullam iste corporis at, aut cum velit molestias dignissimos voluptate eos quas? Amet exercitationem dolor veniam, cupiditate maxime unde.
Facilis eum repellat accusantium esse excepturi minus, vero magni. Id amet harum veritatis debitis obcaecati laboriosam dolores ipsam earum nesciunt nemo magni sint, placeat natus, itaque perferendis perspiciatis labore officiis?
Modi, cumque excepturi sint aliquam autem esse molestias quaerat dolores recusandae labore obcaecati ex nesciunt quis inventore et pariatur sed. Omnis excepturi quidem cumque odio nesciunt rem nemo ratione eaque.
Excepturi dolores minus fugiat et fuga quis error iste possimus, deserunt a accusantium repellendus ratione? Tenetur atque officiis minima ea quam dolores voluptate aliquam quas delectus praesentium, temporibus rerum adipisci!
Minus explicabo dolorem enim unde quia cupiditate consectetur vitae aliquam accusantium dolore nam ipsam nihil suscipit, laborum mollitia! Ab nulla fugit modi cupiditate illum vel a maxime corrupti voluptatem est.
Tenetur, consectetur reprehenderit. Repudiandae libero assumenda corrupti iure voluptatum vitae sapiente aspernatur magnam veritatis, beatae iusto ipsa delectus maiores est? Animi ab facere facilis aperiam voluptatem ea ipsa incidunt sunt!
Vel nam consectetur iusto quod ipsa unde maiores ipsum quo dignissimos nesciunt minima iste quas recusandae itaque ut in provident omnis repudiandae aliquam, enim fuga nobis. Qui doloremque odio tempore.
Veniam reprehenderit facilis, optio excepturi recusandae et, neque a aperiam necessitatibus cumque porro ipsa aut provident molestiae earum molestias odit at est! Porro facere explicabo esse rerum, delectus distinctio magnam.
Deserunt dolorem voluptatibus ad, mollitia quas, distinctio quam, dolores sunt repellat voluptates cupiditate et accusamus nam nihil non suscipit? Ipsum eius fugit, consequatur quidem cum esse modi minima eveniet quo.
Soluta voluptatum enim quos voluptates similique tempora sapiente provident, nulla commodi veritatis iure ipsam ut corrupti harum, consequatur, fugiat ad delectus molestias officia voluptatibus hic laudantium. Hic unde nisi vero?
Nemo a voluptate earum sint rem maxime omnis? Sed laudantium eligendi, aliquid, laborum quo laboriosam ullam minus et, excepturi eaque soluta odio debitis esse ex doloremque ut voluptatem. Delectus, incidunt!
Architecto ullam, dolor adipisci sequi neque voluptate voluptates nobis maxime, non possimus incidunt eum expedita earum quis sunt? Voluptate ratione quasi vitae pariatur porro non corporis culpa adipisci possimus soluta?
Error quisquam eaque iusto praesentium obcaecati cum quod earum aliquid repellat porro unde officia rem aspernatur architecto sint voluptatum eius, molestiae animi pariatur magni labore atque ea. Incidunt, consequatur facere.
Architecto exercitationem reprehenderit tempora dignissimos eveniet repudiandae iusto cupiditate! Incidunt quod ab illum exercitationem nemo, minus quia. Quaerat eveniet eos sequi vitae illo, odit quidem commodi beatae nulla quo temporibus!
Magni dolor fugiat rem iste! Nulla vero doloribus magnam sed velit distinctio, aperiam cum pariatur quis voluptatibus ipsa saepe minus nihil debitis numquam. Deserunt consequatur neque asperiores nulla maiores rerum.
Esse nobis deserunt rem facilis ex culpa mollitia dolorum possimus cum labore, magni quo! Ut a ad commodi? Quidem dicta quasi fuga delectus vel repellat odio at enim quos cupiditate.
Dolor similique nisi numquam placeat maxime itaque quibusdam veritatis, accusamus ipsa, nostrum commodi reiciendis aut iste quia hic architecto sapiente? Repellat qui incidunt repellendus eius ea, natus aut quaerat mollitia!
Dolores consequatur fugiat, doloremque vitae facere atque ipsa voluptatum ullam quisquam laborum reiciendis nisi enim provident iusto corrupti repellendus. Iure esse iste cum porro qui quis facilis, rerum laboriosam dolore.
Beatae maxime mollitia id ipsam quas libero non deserunt quae fugit enim, facilis qui nisi, ullam tenetur! Consequatur assumenda, nostrum dolores soluta quisquam maiores quam facere tempore voluptatem dignissimos quibusdam?
Vitae et magni, nobis illo eaque corrupti fuga! Iure eaque laudantium nostrum error voluptatum ab debitis, aut consectetur, necessitatibus provident porro harum. Nemo veniam libero deserunt ea iste, dolor earum.
Libero cumque modi laboriosam maiores omnis maxime sapiente quia sint mollitia amet veritatis reiciendis, illum aliquid sit commodi ipsa necessitatibus saepe perspiciatis? Aspernatur quas placeat ut ex illum, adipisci inventore!
Quidem dolorem totam quaerat vel voluptas accusantium, assumenda animi et, modi fugiat ducimus? Officiis alias quis maxime. Fuga fugiat nesciunt suscipit asperiores aspernatur dicta ducimus, sed eveniet, pariatur dolores rem!
</div>
</section>css
/* 폰트 시작 */
@font-face {
font-family: 'LotteMartDream';
font-style: normal;
font-weight: 400;
src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}
@font-face {
font-family: 'LotteMartDream';
font-style: normal;
font-weight: 700;
src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}
@font-face {
font-family: 'LotteMartDream';
font-style: normal;
font-weight: 300;
src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}
html {
font-family: 'LotteMartDream', sans-serif;
}
/* 폰트 끝 */
/* 노말라이즈 시작 */
body, ul, li {
margin:0;
padding:0;
list-style:none;
}
a {
color:inherit;
text-decoration:none;
}
/* 노말라이즈 끝 */
/* 라이브러리 시작 */
.con {
margin-left:auto;
margin-right:auto;
}
.block {
display:block;
}
.bg-red {
background-color:red;
}
.bg-blue {
background-color:blue;
}
/* 라이브러리 끝 */
/* 커스텀 시작 */
:root {
--site-width:1200px;
}
.con-min-width {
min-width:var(--site-width);
padding:0 10px;
}
.con {
width:var(--site-width);
}
/* 사이드바 시작 */
.side-bar {
position:fixed;
top:0;
left:-275px;
width:300px;
height:100%;
background-color:#afafaf;
}
.side-bar:hover{
left:0;
}
.side-bar__status-ico-box > span {
display:block;
text-align:right;
padding:10px;
}
.side-bar__status-ico-box>span:last-child{
display:none;
}
.side-bar:hover .side-bar__status-ico-box>span:first-child{
display:none;
}
.side-bar:hover .side-bar__status-ico-box>span:last-child{
display:block;
}
.side-bar__menu-box-1 ul > li > a:not(:only-child)::after {
content:"[+]";
}
.side-bar__menu-box-1 ul > li:hover > a:not(:only-child)::after {
content:"[-]";
}.side-bar__menu-box-1 ul >li{
position:relative;
}
.side-bar__menu-box-1 ul >li>a{
padding:10px;
display:block;
white-space:nowrap;
}
.side-bar__menu-box-1 ul >li:hover>a{
background-color: black;
color:white;
}
.side-bar__menu-box-1>ul ul{
display:none;
position:absolute;
left:100%;
top:0;
background-color: #afafaf;
}
.side-bar__menu-box-1 ul >li:hover>ul{
display:block;
}
/* 사이드바 끝 */
/* 커스텀 끝 */
볼빨간 개발자