i {display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* icon : a b c d e f g h i j k l m n o p q r s t u v w x y z */
.ic-more {width: 1.2rem; height: 1.2rem; background-image: url(/assets/img/ico/ic-more-7bc3519cc119be958efe14c10de9595f.svg);}
.ic-delete {width: 1.2rem; height: 1.2rem; background-image: url(/assets/img/ico/ic-delete-6c44690242ff676cf7716d17dea52385.svg);}
.ic-delete-wh {width: 1.2rem; height: 1.2rem; background-image: url(/assets/img/ico/ic-delete-wh-4d124af0dae940e36582dcdb1fe82f6b.svg);}

.ic-language {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-language-gray700-dda8d917781cfefdf3a27d2e3012c850.svg);}
.ic-language.light {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-language-gray600-ed018565c93de6cdda888a1066b5a3bc.svg);}
.ic-lock {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-lock-4bb99038464b9f53551c5bc8638fb4d0.svg);}
.ic-clip {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-clip-bec5c482c81d0fecdd5c584c284efa71.svg);}
.ic-clip-gr {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-clip-gr-1af47a8e608e001c0594a4272f283abe.svg);}

.ic-language-wh {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-language-wh-3628f99cc53d61b0154abee90bbdb9b7.svg);}
.ic-id {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-id-59668bc2bf1e446e21446c2322625f43.svg);}
.ic-password {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-password-f89c182fac0c900a25ed4659b4c60703.svg);}
.ic-visible {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-visible-1e7a5feb1200658504938cf82e3a5529.svg); cursor: pointer;}
.ic-hidden {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-hidden-c7736ce1e8fcd49a36c8a0cc19b38b43.svg); cursor: pointer;}
.ic-close-20 {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-close-20-3c9f963c7c0179deefbbc5c6545fd32e.svg); cursor: pointer;}
.ic-close-wh {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-close-wh-90ea40e8a2426506785141d9f430ab7d.svg); cursor: pointer;}
.ic-plus-20 {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-plus-20-c10ef51d7f87773ed4d830c1ac8942d8.svg); cursor: pointer;}
.ic-sub {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-sub-7b7be019e2d287f1c2385081e65609eb.svg); cursor: pointer;}

.ic-search {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-search-41ed0ededd5374003dc5b817df55e9ed.svg);}
.ic-search-wh {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-search-wh-5784f5857fb1c54547289acfef0f6b73.svg);}
.ic-cart {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-cart-86ad345e99c0db51ce393fe8111cbf4b.svg);}
.ic-cart-wh {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-cart-wh-187f8103de2236bb83f8f228a7916c49.svg);}
.ic-user {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-user-dce3b3736538ae589b6abe28213e9fb0.svg);}
.ic-user-wh {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-user-wh-e6d1075a8a1c8fec7d793dfa238096b0.svg);}
.ic-close-24 {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-close-24-e42fcafd0f3d7cdf11f72010b3bdc7d4.svg); cursor: pointer;}
.ic-delete-24 {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-delete-24-6373ca3162d21466949a3125fc6aee53.svg); cursor: pointer;}
.ic-more-24 {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-more-24-72f9c099daa03e0ffaa8cd131311e3c4.svg); cursor: pointer;}
.ic-heart {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-heart-d4a1cd977af425b9b6124d12d073f70e.svg); cursor: pointer;}
.ic-heart.active {width: 2.4rem; height: 2.4rem; background-image: url(/assets/img/ico/ic-heart-ov-03bf5c4080308bfd9d88c931e2d67ce1.svg); cursor: pointer;}

.ic-share {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-share-f812d6a23e86eb68b17656317c6ec41e.svg); cursor: pointer;}

.ic-minus {width: 3.6rem; height: 3.6rem; background-image: url(/assets/img/ico/ic-minus-500f4769cd205cc68d5e632e5a5f21b7.svg); cursor: pointer;}
.ic-plus {width: 3.6rem; height: 3.6rem; background-image: url(/assets/img/ico/ic-plus-896856747add72f6273c9d7d83464c53.svg); cursor: pointer;}

.ic-scroll {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-scroll-82d7bdd4cda1b1faf95cd41c59138982.svg);}

.ic-phone {width: 4.8rem; height: 4.8rem; background-image: url(/assets/img/ico/ic-phone-ff445fd1d66c11d28f9b9549e41bfabc.svg);}

.ic-reserve-compl {width: 8rem; height: 8rem; background-image: url(/assets/img/ico/ic-reserve-compl-c1cbc4c8896dd0dcdc090520be300067.svg);}

.ic-empty {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-empty-604d09c6fed6c4cd35f3a9342c3b852d.svg);}
.ic-empty-black {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-empty-black-22c54a81722c93372e0ae51ea1258998.svg);}

/* error */
.ic-403 {width: 13.2rem; height: 13.2rem; background-image: url(/assets/img/ico/ic-403-dbc09ec599b0961c4e09c4d73fa4e7d5.svg);}
.ic-404 {width: 13.2rem; height: 13.2rem; background-image: url(/assets/img/ico/ic-404-2d5ea08bd985022daa0ebb7aa817ba1f.svg);}
.ic-500 {width: 13.2rem; height: 13.2rem; background-image: url(/assets/img/ico/ic-500-4e0f3a449439875207283a27eb0b73ef.svg);}

/* grade */
.ic-star {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-star-7731c7479e1c23884f7cbf2e4d885a15.svg);}
.ic-star.half {background-image: url(/assets/img/ico/ic-star-half-92b1f79a85fe7515ed1773ed725e3b5a.svg);}
.ic-star.full {background-image: url(/assets/img/ico/ic-star-full-1e640f2e1b018900436e443af34d6209.svg);}

/* review */
.review-star {width: 28px; height: 28px; background-image: url(/assets/img/review/review-star-1-d52f716a889bc317084b635b914c705c.svg);}
.review-star.second {width: 28px; height: 28px; background-image: url(/assets/img/review/review-star-2-a55f8c21d6e7f1d04e4f2530903b7a61.svg);}
.review-star.third {width: 28px; height: 28px; background-image: url(/assets/img/review/review-star-3-e58d92bd4131a678be9c431bad896baf.svg);}
.review-star.fourth {width: 28px; height: 28px; background-image: url(/assets/img/review/review-star-4-c8394d3e7eacfb64d2309c94b8161791.svg);}
.review-star.full {width: 28px; height: 28px; background-image: url(/assets/img/review/review-star-5-697e7560e464038ab7d5c09e98b6ef1c.svg);}

/* arrow */
.ic-arrow-up-16 {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-arrow-up-16-91ace3f98ac34b0f305cb78c7f37fa78.svg); cursor: pointer;}
.ic-arrow-up-20 {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-arrow-up-20-79acf37aef71c59ed2ac02ed067ac285.svg); cursor: pointer;}
.ic-arrow-down-16 {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-arrow-down-16-689c37855f0bbdbd46b166e5d539331e.svg); cursor: pointer;}
.ic-arrow-down-20 {width: 2rem; height: 2rem; background-image: url(/assets/img/ico/ic-arrow-down-20-fb8701a981f92718548b609f4e8f4c83.svg); cursor: pointer;}
.ic-arrow-right-16 {width: 1.6rem; height: 1.6rem; background-image: url(/assets/img/ico/ic-arrow-right-16-a9307458e380b462c7cc02a09a728ed5.svg); cursor: pointer;}
.ic-arrow-right-22 {width: 2.2rem; height: 1.2rem; background-image: url(/assets/img/ico/ic-arrow-right-22-70f390f2bef6b801812da34081ab9f8d.svg); cursor: pointer;}
.ic-arrow-right-60 {width: 6rem; height: 6rem; background-image: url(/assets/img/ico/ic-arrow-right-60-df95d58ee3cdcbc8d3fbbe3b41ea744f.svg); cursor: pointer;}

/* pagination */
.ic-pagination-first {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-first-e45639a9eb0953dcfb72919c2df12691.svg); cursor: pointer;}
.ic-pagination-first.disabled {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-first-disabled-47410849bcdfbf08bd0702d407e4b289.svg); cursor: default;}
.ic-pagination-prev {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-prev-f4d11813b82cdad579969c8ef1b9daa6.svg); cursor: pointer;}
.ic-pagination-prev.disabled {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-prev-disabled-8d083b42d9d8937e8914ad91c6195cbf.svg); cursor: default;}
.ic-pagination-next {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-next-95223904919fac3ef2bf11d0e9592015.svg); cursor: pointer;}
.ic-pagination-next.disabled {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-next-disabled-2e0ff26b5d67fd8e89bab70878b6337b.svg); cursor: default;}
.ic-pagination-last {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-last-e7f14291654a122201984ee82732de90.svg); cursor: pointer;}
.ic-pagination-last.disabled {width: 3.2rem; height: 3.2rem; background-image: url(/assets/img/ico/ic-pagination-last-disabled-473d711273c144671e8015a0ced39e23.svg); cursor: default;}

/* logo */
.img-logo {width: 19rem; height: 4rem; background-image: url(/assets/img/logo/img-logo-2f5dad5860d92a97a1815afe744f4118.svg);}
.img-logo-wh {width: 19rem; height: 4rem; background-image: url(/assets/img/logo/img-logo-wh-64ccb4c38b7fa58b4d2c665a204f821e.svg);}

/* sns */
.sns-kakao {width: 4.8rem; height: 4.8rem; background-image: url(/assets/img/ico/sns-kakao-a15a7377d7efc496c256992af4895c04.svg);}
.sns-naver {width: 4.8rem; height: 4.8rem; background-image: url(/assets/img/ico/sns-naver-e9f146b089e54d7fe1e6e4d698e6af9f.svg);}
.sns-google {width: 4.8rem; height: 4.8rem; background-image: url(/assets/img/ico/sns-google-5babf29d7a41e13a80d3563d81f6d2bc.svg);}
.sns-apple {width: 4.8rem; height: 4.8rem; background-image: url(/assets/img/ico/sns-apple-979780124060b351da3b7c55e862f351.svg);}

.ic-channel-naver {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-channel-naver-8ab618b3fd9665cbd3e9e77d0cc14170.svg); cursor: pointer;}
.ic-channel-instagram {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-channel-instagram-a1462f1579e9834a56d57b40ed7c19dd.svg); cursor: pointer;}
.ic-channel-facebook {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-channel-facebook-7221887bd0a3fd56d628a2fef0c952c1.svg); cursor: pointer;}
.ic-channel-youtube {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-channel-youtube-28c731709721f46794b18672e0485698.svg); cursor: pointer;}
.ic-channel-kakao {width: 10rem; height: 10rem; background-image: url(/assets/img/ico/ic-channel-kakao-56a797d0a9fdd8f23df25458efdf034d.svg); cursor: pointer;}
.ic-channel-wir {width: 10rem; height: 10rem; background-image: url('https://d2nxb27ysr05sd.cloudfront.net/icon/big_linkdIn.png'); cursor: pointer;}

.ic-footer-facebook {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-footer-facebook-d17383cce63250b9c20ff62d9affc1df.svg); cursor: pointer;}
.ic-footer-instagram {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-footer-instagram-0c9bc7e97ca1d74b4cba806f046f8eb2.svg); cursor: pointer;}
.ic-footer-youtube {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-footer-youtube-e36441d3e1c3b0a30707e7fe3c774cc3.svg); cursor: pointer;}
.ic-footer-wir {width: 4rem; height: 4rem; background-image: url('https://d2nxb27ysr05sd.cloudfront.net/icon/small_linkdIn.png'); cursor: pointer;}
.ic-footer-kakao {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-footer-kakao-219f63c4473b80b03ab8bd837c9a51e8.svg); cursor: pointer;}
.ic-footer-blog {width: 4rem; height: 4rem; background-image: url(/assets/img/ico/ic-footer-blog-c6bb2e9172cb7bdc2f2570bbca52af3a.svg); cursor: pointer;}

/* file */
.ic-file-photo {width:36px; height: 36px; background-image: url(/assets/img/file/photo-01b38e814c8f5c32f9f2f78d50fa2ddf.svg);}
.ic-file-photo.inactive {width:36px; height: 36px; background-image: url(/assets/img/file/inactive/photo-78bab0ada6c1ed17577c3cc21e91c3ba.svg);}
.ic-file-video {width:36px; height: 36px; background-image: url(/assets/img/file/video-89a2603ba7ce161f95ff1c0e7166e6dc.svg);}
.ic-file-remove {width:16px; height: 16px; background-image: url(/assets/img/file/remove-a85beed8efeb615d896aa387d1d29f2f.svg);}
.ic-play { width: 40px; height: 40px; background-image: url(/assets/img/file/play-ccb8403bf8f25d2085445823a92314f3.svg); }
.ic-file-close { width: 36px; height: 36px; background-image: url(/assets/img/file/close-bdc29e190edd1868385e5460888aef79.svg); }