diff --git a/README.md b/README.md index cc6a3b23..24fcaa3d 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,31 @@ -[참고 내용] +## 진종수 과제 제출 -👀 자신이 원하는 사이트 레이아웃 클론 -원하는 사이트(페이지)를 자유롭게 선택하고 레이아웃을 클론 코딩하세요. -평소에 도전해 보고 싶었거나 혹은 자신의 수준에 맞는 사이트(페이지)를 선택하세요. -과제 수행 및 리뷰 기간은 별도 공지를 참고하세요! +구현하고자 했던 사이트 : 인터파크 +사이트 URL : https://www.interpark.com/
+나의 배포 사이트 URL : https://jongsujin.github.io/fastcampusfirst/ -과제 수행 및 제출 방법 +### 사용 기술 -1. 현재 저장소를 로컬에 클론(Clone)합니다. -2. 자신의 본명으로 브랜치를 생성합니다.(구분 가능하도록 본명을 꼭 파스칼케이스로 표시하세요, git branch KDT0_이름) -3. 자신의 본명 브랜치에서 과제를 수행합니다. -4. 과제 수행이 완료되면, 자신의 본명 브랜치를 원격 저장소에 푸시(Push)합니다.(main 브랜치에 푸시하지 않도록 꼭 주의하세요, git push origin KDT0_이름) -5. 저장소에서 main 브랜치를 대상으로 Pull Request 생성하면, 과제 제출이 완료됩니다!(E.g, main <== KDT0_이름) + + + + +### 설명 +1.header + : semantic tag를 사용해서 구분했습니다. 전체적으로 margin-left 속성을 주어 간격을 조정했습니다. + : header 라는 클래스로 묶어서 알아보기 쉽게 구분하고자 했습니다. + : swiper 기능을 구현하진 않았지만 구현 가능하도록 버튼과 이미지를 container에 담아서 작성했습니다. +2. section + : mainDesc 혹은 SubDesc 과 같이 중복 사용 가능한 것은 그대로 가져와 코드의 낭비를 줄이고자 했습니다. + : 전체적인 width를 맞추기 위해 전체적으로 width를 주었고 부족한 부분은 실제 웹 사이트 page rulers 기능을 통해 자세하게 주었습니다. +3. footer + : 두 개의 큰 틀로 나눈 후 첫 번째는 개인정보이용약관 등을 넣는 곳으로 두었고 display: flex 를 사용했습니다. + : 남은 부분은 인터파크트리플과 인터파크커머스에 대한 소개인데 이를 구현하고자 display:flex 를 사용 , flex-direction : column을 통해 서로 구분지어줬습니다. +4. 느낀 점 : 처음에 relative와 absolute에 대한 혼동으로 버튼의 이미지가 고정되어서 이를 똑같이 구현하지는 못했는데 이번 기회에 position에 대해 배우게 되었습니다. + : 실제 html로 적어 다른 라이브러리 사용했을 때보다 코드의 복잡성과 효율이 떨어졌지만 기본을 다지는데 큰 도움이 되었습니다. + : 깃허브와 배포에 대해 배웠습니다. 실제로 네티파이와 깃허브 페이지를 사용해 배포에 성공했고 파일명이 index.html이 아니면 안된다는 점을 배웠습니다. -- main 혹은 다른 사람의 브랜치로 절대 병합하지 않도록 주의하세요! -- Pull Request에서 보이는 설명을 다른 사람들이 이해하기 쉽도록 꼼꼼하게 작성하세요! -- Pull Request에서 과제 제출 후 절대 병합(Merge)하지 않도록 주의하세요! -- 과제 수행 및 제출 과정에서 문제가 발생한 경우, 바로 담당 멘토나 강사에서 얘기하세요! -필수 요구사항 -- 과제에 대한 설명을 포함한 README.md 파일을 제공하세요! -- 과제 결과와 비교할 수 있는 실제 사이트(페이지)의 주소를 명시하세요! -- 과정에서 사용한 프로젝트 폴더/파일이 모두 포함돼야 합니다, 일부 파일만 제출하지 마세요! -- 실제 서비스로 배포하고 접근 가능한 링크를 추가해야 합니다. -선택 요구사항 - -- < header >, < section > 등 시멘틱 태그를 최대한 활용해보세요. -- 실제 사이트의 레거시 코드 활용보단 최신의 CSS Flex 혹은 Grid 등을 활용해보세요. -- 부분적으로 BEM 방법론을 도입해보세요. -- JS가 필요한 부분은 되도록 생략하되 이유를 명시해보세요.(CSS로 대체 가능한지 피드백이 있을 수 있겠죠?!) -- JS가 필요한 부분 중 구현할 부분이 있다면 자유롭게 구현해보세요.(JS 과제가 아니니까 가볍게 구현하시길 추천해요) - -손쉬운 이미지 추출 방법 - -사이트 클론에 필요한 이미지를 좀 더 쉽게 추출하기 위해서 Chrome 확장 프로그램인 Image Downloader를 사용하세요. - -1. 원하는 사이트 접속 -2. Image Downloader 확장 프로그램 실행 -3. 다운로드 원하는 이미지 선택 -4. 서브 폴더 이름(Save to subfolder) 명시 -5. 다운로드! diff --git a/assets/icons/badge_hot.65abbe70.svg b/assets/icons/badge_hot.65abbe70.svg new file mode 100644 index 00000000..658ba561 --- /dev/null +++ b/assets/icons/badge_hot.65abbe70.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/icons/btn_search.6cba72a7.svg b/assets/icons/btn_search.6cba72a7.svg new file mode 100644 index 00000000..d371e662 --- /dev/null +++ b/assets/icons/btn_search.6cba72a7.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/btn_search.svg b/assets/icons/btn_search.svg new file mode 100644 index 00000000..d371e662 --- /dev/null +++ b/assets/icons/btn_search.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/btn_searchDelete.svg b/assets/icons/btn_searchDelete.svg new file mode 100644 index 00000000..ba93b35d --- /dev/null +++ b/assets/icons/btn_searchDelete.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/btn_topArrow.a6a5bbee.svg b/assets/icons/btn_topArrow.a6a5bbee.svg new file mode 100644 index 00000000..1783f4a3 --- /dev/null +++ b/assets/icons/btn_topArrow.a6a5bbee.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/icons/icon_book.3e6e2e08.svg b/assets/icons/icon_book.3e6e2e08.svg new file mode 100644 index 00000000..a41558d2 --- /dev/null +++ b/assets/icons/icon_book.3e6e2e08.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/icons/icon_book.png b/assets/icons/icon_book.png new file mode 100644 index 00000000..793f13d6 Binary files /dev/null and b/assets/icons/icon_book.png differ diff --git a/assets/icons/icon_down.svg b/assets/icons/icon_down.svg new file mode 100644 index 00000000..4ff92c18 --- /dev/null +++ b/assets/icons/icon_down.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/icon_interparkMain.dbdfbd7a.svg b/assets/icons/icon_interparkMain.dbdfbd7a.svg new file mode 100644 index 00000000..5a27d7cc --- /dev/null +++ b/assets/icons/icon_interparkMain.dbdfbd7a.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/icon_new.svg b/assets/icons/icon_new.svg new file mode 100644 index 00000000..9575cb6e --- /dev/null +++ b/assets/icons/icon_new.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/icon_shopping.8d0cae5c.svg b/assets/icons/icon_shopping.8d0cae5c.svg new file mode 100644 index 00000000..ff8b9f73 --- /dev/null +++ b/assets/icons/icon_shopping.8d0cae5c.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/icon_shopping.png b/assets/icons/icon_shopping.png new file mode 100644 index 00000000..98991516 Binary files /dev/null and b/assets/icons/icon_shopping.png differ diff --git a/assets/icons/icon_special.png b/assets/icons/icon_special.png new file mode 100644 index 00000000..0b96037d Binary files /dev/null and b/assets/icons/icon_special.png differ diff --git a/assets/icons/icon_ticket.498268cd.svg b/assets/icons/icon_ticket.498268cd.svg new file mode 100644 index 00000000..c6adaf13 --- /dev/null +++ b/assets/icons/icon_ticket.498268cd.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/icon_ticket.png b/assets/icons/icon_ticket.png new file mode 100644 index 00000000..156a8fbf Binary files /dev/null and b/assets/icons/icon_ticket.png differ diff --git a/assets/icons/icon_top.a6a5bbee.svg b/assets/icons/icon_top.a6a5bbee.svg new file mode 100644 index 00000000..1783f4a3 --- /dev/null +++ b/assets/icons/icon_top.a6a5bbee.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/icons/icon_tour.5b0f3840.svg b/assets/icons/icon_tour.5b0f3840.svg new file mode 100644 index 00000000..e0f43cd5 --- /dev/null +++ b/assets/icons/icon_tour.5b0f3840.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/icon_tour.png b/assets/icons/icon_tour.png new file mode 100644 index 00000000..dd97a51c Binary files /dev/null and b/assets/icons/icon_tour.png differ diff --git a/assets/icons/icon_triple.png b/assets/icons/icon_triple.png new file mode 100644 index 00000000..aa83add6 Binary files /dev/null and b/assets/icons/icon_triple.png differ diff --git a/assets/icons/icon_up.svg b/assets/icons/icon_up.svg new file mode 100644 index 00000000..e8096a1f --- /dev/null +++ b/assets/icons/icon_up.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/live_tab_img1.svg b/assets/icons/live_tab_img1.svg new file mode 100644 index 00000000..063f551b --- /dev/null +++ b/assets/icons/live_tab_img1.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/live_tab_img2.jpg b/assets/icons/live_tab_img2.jpg new file mode 100644 index 00000000..bf621fd4 Binary files /dev/null and b/assets/icons/live_tab_img2.jpg differ diff --git a/assets/icons/logo.svg b/assets/icons/logo.svg new file mode 100644 index 00000000..8db5ef60 --- /dev/null +++ b/assets/icons/logo.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/slider_arrow.d2fa00ea.svg b/assets/icons/slider_arrow.d2fa00ea.svg new file mode 100644 index 00000000..f8082bd3 --- /dev/null +++ b/assets/icons/slider_arrow.d2fa00ea.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/pictures/0328_300X350_PCWel_eventbn_kb.png b/assets/pictures/0328_300X350_PCWel_eventbn_kb.png new file mode 100644 index 00000000..bf9390da Binary files /dev/null and b/assets/pictures/0328_300X350_PCWel_eventbn_kb.png differ diff --git a/assets/pictures/0328_300x350_PCWel_eventbn_min.png b/assets/pictures/0328_300x350_PCWel_eventbn_min.png new file mode 100644 index 00000000..3242ded2 Binary files /dev/null and b/assets/pictures/0328_300x350_PCWel_eventbn_min.png differ diff --git a/assets/pictures/0411_db direct_300350.jpg b/assets/pictures/0411_db direct_300350.jpg new file mode 100644 index 00000000..7aff3e61 Binary files /dev/null and b/assets/pictures/0411_db direct_300350.jpg differ diff --git a/assets/pictures/0411_kok check_300350.jpg b/assets/pictures/0411_kok check_300350.jpg new file mode 100644 index 00000000..256591cd Binary files /dev/null and b/assets/pictures/0411_kok check_300350.jpg differ diff --git a/assets/pictures/0411_kok main_300350.jpg b/assets/pictures/0411_kok main_300350.jpg new file mode 100644 index 00000000..ec267fcc Binary files /dev/null and b/assets/pictures/0411_kok main_300350.jpg differ diff --git a/assets/pictures/0411_skb center_300350.jpg b/assets/pictures/0411_skb center_300350.jpg new file mode 100644 index 00000000..2d87143c Binary files /dev/null and b/assets/pictures/0411_skb center_300350.jpg differ diff --git a/assets/pictures/0413_shinhan_300350.png b/assets/pictures/0413_shinhan_300350.png new file mode 100644 index 00000000..f5181f00 Binary files /dev/null and b/assets/pictures/0413_shinhan_300350.png differ diff --git a/assets/pictures/0428_skb_300350.jpg b/assets/pictures/0428_skb_300350.jpg new file mode 100644 index 00000000..7c1e24af Binary files /dev/null and b/assets/pictures/0428_skb_300350.jpg differ diff --git a/assets/pictures/0515_samsung_300350.jpg b/assets/pictures/0515_samsung_300350.jpg new file mode 100644 index 00000000..dddac7e2 Binary files /dev/null and b/assets/pictures/0515_samsung_300350.jpg differ diff --git a/assets/pictures/0601_hecto_login_300350.png b/assets/pictures/0601_hecto_login_300350.png new file mode 100644 index 00000000..df8d3fd6 Binary files /dev/null and b/assets/pictures/0601_hecto_login_300350.png differ diff --git a/assets/pictures/0602_kok_300350.jpg b/assets/pictures/0602_kok_300350.jpg new file mode 100644 index 00000000..2c29f9ec Binary files /dev/null and b/assets/pictures/0602_kok_300350.jpg differ diff --git a/assets/pictures/0609_pet_300350.jpg b/assets/pictures/0609_pet_300350.jpg new file mode 100644 index 00000000..6b9f510e Binary files /dev/null and b/assets/pictures/0609_pet_300350.jpg differ diff --git a/assets/pictures/0630_kok_100_300350.jpg b/assets/pictures/0630_kok_100_300350.jpg new file mode 100644 index 00000000..cab8ca5f Binary files /dev/null and b/assets/pictures/0630_kok_100_300350.jpg differ diff --git a/assets/pictures/096930a5_z.jpg b/assets/pictures/096930a5_z.jpg new file mode 100644 index 00000000..fac13b56 Binary files /dev/null and b/assets/pictures/096930a5_z.jpg differ diff --git a/assets/pictures/10343676705s.jpg b/assets/pictures/10343676705s.jpg new file mode 100644 index 00000000..a6354fec Binary files /dev/null and b/assets/pictures/10343676705s.jpg differ diff --git a/assets/pictures/11581596343s.jpg b/assets/pictures/11581596343s.jpg new file mode 100644 index 00000000..88165f35 Binary files /dev/null and b/assets/pictures/11581596343s.jpg differ diff --git a/assets/pictures/11750710399_l.jpg b/assets/pictures/11750710399_l.jpg new file mode 100644 index 00000000..377ea18d Binary files /dev/null and b/assets/pictures/11750710399_l.jpg differ diff --git a/assets/pictures/11784568209s.png b/assets/pictures/11784568209s.png new file mode 100644 index 00000000..09393a4b Binary files /dev/null and b/assets/pictures/11784568209s.png differ diff --git a/assets/pictures/11835724501_l.jpg b/assets/pictures/11835724501_l.jpg new file mode 100644 index 00000000..624ed13e Binary files /dev/null and b/assets/pictures/11835724501_l.jpg differ diff --git a/assets/pictures/11835798933_l.png b/assets/pictures/11835798933_l.png new file mode 100644 index 00000000..504bd13b Binary files /dev/null and b/assets/pictures/11835798933_l.png differ diff --git a/assets/pictures/11847139070s.jpg b/assets/pictures/11847139070s.jpg new file mode 100644 index 00000000..7eb19975 Binary files /dev/null and b/assets/pictures/11847139070s.jpg differ diff --git a/assets/pictures/11965679439s.png b/assets/pictures/11965679439s.png new file mode 100644 index 00000000..a2cd6bc8 Binary files /dev/null and b/assets/pictures/11965679439s.png differ diff --git a/assets/pictures/11999438320s.jpg b/assets/pictures/11999438320s.jpg new file mode 100644 index 00000000..c08b6aed Binary files /dev/null and b/assets/pictures/11999438320s.jpg differ diff --git a/assets/pictures/12032169198s.jpg b/assets/pictures/12032169198s.jpg new file mode 100644 index 00000000..57696090 Binary files /dev/null and b/assets/pictures/12032169198s.jpg differ diff --git a/assets/pictures/1d4431974ff84e3185acc4a5488c7b3f.png b/assets/pictures/1d4431974ff84e3185acc4a5488c7b3f.png new file mode 100644 index 00000000..2283c6f6 Binary files /dev/null and b/assets/pictures/1d4431974ff84e3185acc4a5488c7b3f.png differ diff --git a/assets/pictures/20230614015201.jpg b/assets/pictures/20230614015201.jpg new file mode 100644 index 00000000..83dd7bfd Binary files /dev/null and b/assets/pictures/20230614015201.jpg differ diff --git a/assets/pictures/20230619235951.jpg b/assets/pictures/20230619235951.jpg new file mode 100644 index 00000000..83dd7bfd Binary files /dev/null and b/assets/pictures/20230619235951.jpg differ diff --git a/assets/pictures/20230706023515.jpeg b/assets/pictures/20230706023515.jpeg new file mode 100644 index 00000000..12e8c0d4 Binary files /dev/null and b/assets/pictures/20230706023515.jpeg differ diff --git a/assets/pictures/20230710163526.png b/assets/pictures/20230710163526.png new file mode 100644 index 00000000..dc548a03 Binary files /dev/null and b/assets/pictures/20230710163526.png differ diff --git a/assets/pictures/20230711050706.jpg b/assets/pictures/20230711050706.jpg new file mode 100644 index 00000000..0bbc0c32 Binary files /dev/null and b/assets/pictures/20230711050706.jpg differ diff --git a/assets/pictures/20230712050445.jpg b/assets/pictures/20230712050445.jpg new file mode 100644 index 00000000..60221faf Binary files /dev/null and b/assets/pictures/20230712050445.jpg differ diff --git a/assets/pictures/20230718051254.png b/assets/pictures/20230718051254.png new file mode 100644 index 00000000..cc1f7315 Binary files /dev/null and b/assets/pictures/20230718051254.png differ diff --git a/assets/pictures/20230718074125.png b/assets/pictures/20230718074125.png new file mode 100644 index 00000000..9a85bb56 Binary files /dev/null and b/assets/pictures/20230718074125.png differ diff --git a/assets/pictures/20230719025033.jpg b/assets/pictures/20230719025033.jpg new file mode 100644 index 00000000..bf621fd4 Binary files /dev/null and b/assets/pictures/20230719025033.jpg differ diff --git a/assets/pictures/20230724052115.png b/assets/pictures/20230724052115.png new file mode 100644 index 00000000..871fec75 Binary files /dev/null and b/assets/pictures/20230724052115.png differ diff --git a/assets/pictures/20230725030015.jpg b/assets/pictures/20230725030015.jpg new file mode 100644 index 00000000..e330bea9 Binary files /dev/null and b/assets/pictures/20230725030015.jpg differ diff --git a/assets/pictures/23007154_p.gif b/assets/pictures/23007154_p.gif new file mode 100644 index 00000000..5e255a77 Binary files /dev/null and b/assets/pictures/23007154_p.gif differ diff --git a/assets/pictures/2305_keiti_300350.jpg b/assets/pictures/2305_keiti_300350.jpg new file mode 100644 index 00000000..d2d4cac8 Binary files /dev/null and b/assets/pictures/2305_keiti_300350.jpg differ diff --git a/assets/pictures/2307_cpa_100160.png b/assets/pictures/2307_cpa_100160.png new file mode 100644 index 00000000..01caa019 Binary files /dev/null and b/assets/pictures/2307_cpa_100160.png differ diff --git a/assets/pictures/2307_cpa_300350.jpg b/assets/pictures/2307_cpa_300350.jpg new file mode 100644 index 00000000..d993c3e1 Binary files /dev/null and b/assets/pictures/2307_cpa_300350.jpg differ diff --git a/assets/pictures/2307_kok_300350.jpg b/assets/pictures/2307_kok_300350.jpg new file mode 100644 index 00000000..bc2e7c93 Binary files /dev/null and b/assets/pictures/2307_kok_300350.jpg differ diff --git a/assets/pictures/2307_media_300350_2.jpg b/assets/pictures/2307_media_300350_2.jpg new file mode 100644 index 00000000..ffde4f5a Binary files /dev/null and b/assets/pictures/2307_media_300350_2.jpg differ diff --git a/assets/pictures/2307_skb_300350.jpg b/assets/pictures/2307_skb_300350.jpg new file mode 100644 index 00000000..2c9261ea Binary files /dev/null and b/assets/pictures/2307_skb_300350.jpg differ diff --git a/assets/pictures/352591846g.jpg b/assets/pictures/352591846g.jpg new file mode 100644 index 00000000..81dcbd0b Binary files /dev/null and b/assets/pictures/352591846g.jpg differ diff --git a/assets/pictures/356759903g.jpg b/assets/pictures/356759903g.jpg new file mode 100644 index 00000000..e1af461c Binary files /dev/null and b/assets/pictures/356759903g.jpg differ diff --git a/assets/pictures/356766925g.jpg b/assets/pictures/356766925g.jpg new file mode 100644 index 00000000..529dbcc8 Binary files /dev/null and b/assets/pictures/356766925g.jpg differ diff --git a/assets/pictures/356767260g.jpg b/assets/pictures/356767260g.jpg new file mode 100644 index 00000000..59f24ba1 Binary files /dev/null and b/assets/pictures/356767260g.jpg differ diff --git a/assets/pictures/356769897g.jpg b/assets/pictures/356769897g.jpg new file mode 100644 index 00000000..d13790f0 Binary files /dev/null and b/assets/pictures/356769897g.jpg differ diff --git a/assets/pictures/356769944g.jpg b/assets/pictures/356769944g.jpg new file mode 100644 index 00000000..97002cdd Binary files /dev/null and b/assets/pictures/356769944g.jpg differ diff --git a/assets/pictures/356771984g.jpg b/assets/pictures/356771984g.jpg new file mode 100644 index 00000000..03f7d1e9 Binary files /dev/null and b/assets/pictures/356771984g.jpg differ diff --git a/assets/pictures/57cc7ec664b54d99ac13f451de03ea0b.png b/assets/pictures/57cc7ec664b54d99ac13f451de03ea0b.png new file mode 100644 index 00000000..73f9d1b6 Binary files /dev/null and b/assets/pictures/57cc7ec664b54d99ac13f451de03ea0b.png differ diff --git a/assets/pictures/5d475dc606c44ce6876be3640e1be7f7.jpg b/assets/pictures/5d475dc606c44ce6876be3640e1be7f7.jpg new file mode 100644 index 00000000..68966d9e Binary files /dev/null and b/assets/pictures/5d475dc606c44ce6876be3640e1be7f7.jpg differ diff --git a/assets/pictures/613ba9f06fe649aebd234e5b9ec5be6b.png b/assets/pictures/613ba9f06fe649aebd234e5b9ec5be6b.png new file mode 100644 index 00000000..4d02c6bc Binary files /dev/null and b/assets/pictures/613ba9f06fe649aebd234e5b9ec5be6b.png differ diff --git a/assets/pictures/8079617658s.jpg b/assets/pictures/8079617658s.jpg new file mode 100644 index 00000000..c09d6580 Binary files /dev/null and b/assets/pictures/8079617658s.jpg differ diff --git a/assets/pictures/8125573223s.jpg b/assets/pictures/8125573223s.jpg new file mode 100644 index 00000000..26a66e75 Binary files /dev/null and b/assets/pictures/8125573223s.jpg differ diff --git a/assets/pictures/8244614573s.jpg b/assets/pictures/8244614573s.jpg new file mode 100644 index 00000000..38cabc3e Binary files /dev/null and b/assets/pictures/8244614573s.jpg differ diff --git a/assets/pictures/8409127330s.jpg b/assets/pictures/8409127330s.jpg new file mode 100644 index 00000000..55734bbe Binary files /dev/null and b/assets/pictures/8409127330s.jpg differ diff --git a/assets/pictures/895e9151-c929-4497-b43b-5e31b48fb373.jpg b/assets/pictures/895e9151-c929-4497-b43b-5e31b48fb373.jpg new file mode 100644 index 00000000..cb54da3f Binary files /dev/null and b/assets/pictures/895e9151-c929-4497-b43b-5e31b48fb373.jpg differ diff --git a/assets/pictures/903544e647f548bfbf1a1375a81200aa.jpg b/assets/pictures/903544e647f548bfbf1a1375a81200aa.jpg new file mode 100644 index 00000000..57e40e03 Binary files /dev/null and b/assets/pictures/903544e647f548bfbf1a1375a81200aa.jpg differ diff --git a/assets/pictures/9387772209s.jpg b/assets/pictures/9387772209s.jpg new file mode 100644 index 00000000..98b74c8e Binary files /dev/null and b/assets/pictures/9387772209s.jpg differ diff --git a/assets/pictures/A3018629_3_537.jpg b/assets/pictures/A3018629_3_537.jpg new file mode 100644 index 00000000..98cfdff2 Binary files /dev/null and b/assets/pictures/A3018629_3_537.jpg differ diff --git a/assets/pictures/AAA13329_9_917.jpg b/assets/pictures/AAA13329_9_917.jpg new file mode 100644 index 00000000..500a59ad Binary files /dev/null and b/assets/pictures/AAA13329_9_917.jpg differ diff --git a/assets/pictures/B1017228_1_343.jpg b/assets/pictures/B1017228_1_343.jpg new file mode 100644 index 00000000..736a760e Binary files /dev/null and b/assets/pictures/B1017228_1_343.jpg differ diff --git a/assets/pictures/B4012494_1_120.jpg b/assets/pictures/B4012494_1_120.jpg new file mode 100644 index 00000000..b5434921 Binary files /dev/null and b/assets/pictures/B4012494_1_120.jpg differ diff --git a/assets/pictures/F01_GIM009000092_13242d74cdacc40e2e6079d129eacb55.jpg b/assets/pictures/F01_GIM009000092_13242d74cdacc40e2e6079d129eacb55.jpg new file mode 100644 index 00000000..cf4a0f2b Binary files /dev/null and b/assets/pictures/F01_GIM009000092_13242d74cdacc40e2e6079d129eacb55.jpg differ diff --git a/assets/pictures/F03_GN0002150925_a0a217700e1a4adbc54ac380af56712c.jpg b/assets/pictures/F03_GN0002150925_a0a217700e1a4adbc54ac380af56712c.jpg new file mode 100644 index 00000000..55af84e6 Binary files /dev/null and b/assets/pictures/F03_GN0002150925_a0a217700e1a4adbc54ac380af56712c.jpg differ diff --git a/assets/pictures/F03_GN0002151577_5a83e9ae35aa29e9cdabd40852676766.jpg b/assets/pictures/F03_GN0002151577_5a83e9ae35aa29e9cdabd40852676766.jpg new file mode 100644 index 00000000..58138791 Binary files /dev/null and b/assets/pictures/F03_GN0002151577_5a83e9ae35aa29e9cdabd40852676766.jpg differ diff --git a/assets/pictures/F03_GN0002152000_ea0e922072c116d9da65c65c25e78f62.jpg b/assets/pictures/F03_GN0002152000_ea0e922072c116d9da65c65c25e78f62.jpg new file mode 100644 index 00000000..2fcc7993 Binary files /dev/null and b/assets/pictures/F03_GN0002152000_ea0e922072c116d9da65c65c25e78f62.jpg differ diff --git a/assets/pictures/F03_GN0002152077_81b22de7e96b841c761b6e7af145101e.jpg b/assets/pictures/F03_GN0002152077_81b22de7e96b841c761b6e7af145101e.jpg new file mode 100644 index 00000000..cc536e19 Binary files /dev/null and b/assets/pictures/F03_GN0002152077_81b22de7e96b841c761b6e7af145101e.jpg differ diff --git a/assets/pictures/F03_GN0002152240_2a907f4409225a38c633f975d4dbd831.jpg b/assets/pictures/F03_GN0002152240_2a907f4409225a38c633f975d4dbd831.jpg new file mode 100644 index 00000000..1a860233 Binary files /dev/null and b/assets/pictures/F03_GN0002152240_2a907f4409225a38c633f975d4dbd831.jpg differ diff --git a/assets/pictures/F03_GN0002152602_6a0fa858ad97a760e5a9c01af520dff0.jpg b/assets/pictures/F03_GN0002152602_6a0fa858ad97a760e5a9c01af520dff0.jpg new file mode 100644 index 00000000..33ff3309 Binary files /dev/null and b/assets/pictures/F03_GN0002152602_6a0fa858ad97a760e5a9c01af520dff0.jpg differ diff --git a/assets/pictures/L0000049_p.gif b/assets/pictures/L0000049_p.gif new file mode 100644 index 00000000..abdb43c9 Binary files /dev/null and b/assets/pictures/L0000049_p.gif differ diff --git a/assets/pictures/P0003461_p.gif b/assets/pictures/P0003461_p.gif new file mode 100644 index 00000000..fa98c82d Binary files /dev/null and b/assets/pictures/P0003461_p.gif differ diff --git a/assets/pictures/amond.jpg b/assets/pictures/amond.jpg new file mode 100644 index 00000000..04b4d493 Binary files /dev/null and b/assets/pictures/amond.jpg differ diff --git a/assets/pictures/badge_hot.65abbe70.svg b/assets/pictures/badge_hot.65abbe70.svg new file mode 100644 index 00000000..658ba561 --- /dev/null +++ b/assets/pictures/badge_hot.65abbe70.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/pictures/book_tab_img1.jpg b/assets/pictures/book_tab_img1.jpg new file mode 100644 index 00000000..4925a3c0 Binary files /dev/null and b/assets/pictures/book_tab_img1.jpg differ diff --git a/assets/pictures/book_tab_img2.jpg b/assets/pictures/book_tab_img2.jpg new file mode 100644 index 00000000..a0f4758d Binary files /dev/null and b/assets/pictures/book_tab_img2.jpg differ diff --git a/assets/pictures/book_tab_img3.jpg b/assets/pictures/book_tab_img3.jpg new file mode 100644 index 00000000..6ec52b88 Binary files /dev/null and b/assets/pictures/book_tab_img3.jpg differ diff --git a/assets/pictures/book_tab_img4.jpg b/assets/pictures/book_tab_img4.jpg new file mode 100644 index 00000000..e32262cf Binary files /dev/null and b/assets/pictures/book_tab_img4.jpg differ diff --git a/assets/pictures/book_tab_img5.jpg b/assets/pictures/book_tab_img5.jpg new file mode 100644 index 00000000..8b430505 Binary files /dev/null and b/assets/pictures/book_tab_img5.jpg differ diff --git a/assets/pictures/btn_search.6cba72a7.svg b/assets/pictures/btn_search.6cba72a7.svg new file mode 100644 index 00000000..d371e662 --- /dev/null +++ b/assets/pictures/btn_search.6cba72a7.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/pictures/btn_search.svg b/assets/pictures/btn_search.svg new file mode 100644 index 00000000..d371e662 --- /dev/null +++ b/assets/pictures/btn_search.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/pictures/btn_searchDelete.svg b/assets/pictures/btn_searchDelete.svg new file mode 100644 index 00000000..ba93b35d --- /dev/null +++ b/assets/pictures/btn_searchDelete.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/pictures/btn_topArrow.a6a5bbee.svg b/assets/pictures/btn_topArrow.a6a5bbee.svg new file mode 100644 index 00000000..1783f4a3 --- /dev/null +++ b/assets/pictures/btn_topArrow.a6a5bbee.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/pictures/cff29ba0_z.jpg b/assets/pictures/cff29ba0_z.jpg new file mode 100644 index 00000000..87b6cfa9 Binary files /dev/null and b/assets/pictures/cff29ba0_z.jpg differ diff --git a/assets/pictures/e9a1764ba7074113a201171de7e8cf4e.jpg b/assets/pictures/e9a1764ba7074113a201171de7e8cf4e.jpg new file mode 100644 index 00000000..fda9859e Binary files /dev/null and b/assets/pictures/e9a1764ba7074113a201171de7e8cf4e.jpg differ diff --git a/assets/pictures/event_tab_img1.png b/assets/pictures/event_tab_img1.png new file mode 100644 index 00000000..bf9390da Binary files /dev/null and b/assets/pictures/event_tab_img1.png differ diff --git a/assets/pictures/event_tab_img2.jpg b/assets/pictures/event_tab_img2.jpg new file mode 100644 index 00000000..dddac7e2 Binary files /dev/null and b/assets/pictures/event_tab_img2.jpg differ diff --git a/assets/pictures/event_tab_img3.jpg b/assets/pictures/event_tab_img3.jpg new file mode 100644 index 00000000..2c9261ea Binary files /dev/null and b/assets/pictures/event_tab_img3.jpg differ diff --git a/assets/pictures/event_tab_img4.jpg b/assets/pictures/event_tab_img4.jpg new file mode 100644 index 00000000..7c1e24af Binary files /dev/null and b/assets/pictures/event_tab_img4.jpg differ diff --git a/assets/pictures/event_tab_img5.png b/assets/pictures/event_tab_img5.png new file mode 100644 index 00000000..3242ded2 Binary files /dev/null and b/assets/pictures/event_tab_img5.png differ diff --git a/assets/pictures/jungso_2307_300350_1.jpg b/assets/pictures/jungso_2307_300350_1.jpg new file mode 100644 index 00000000..255617be Binary files /dev/null and b/assets/pictures/jungso_2307_300350_1.jpg differ diff --git a/assets/pictures/landing_01 (1).jpg b/assets/pictures/landing_01 (1).jpg new file mode 100644 index 00000000..675ea48d Binary files /dev/null and b/assets/pictures/landing_01 (1).jpg differ diff --git a/assets/pictures/landing_01 (2).jpg b/assets/pictures/landing_01 (2).jpg new file mode 100644 index 00000000..5c030841 Binary files /dev/null and b/assets/pictures/landing_01 (2).jpg differ diff --git a/assets/pictures/landing_01 (3).jpg b/assets/pictures/landing_01 (3).jpg new file mode 100644 index 00000000..bdeff9d7 Binary files /dev/null and b/assets/pictures/landing_01 (3).jpg differ diff --git a/assets/pictures/landing_01 (4).jpg b/assets/pictures/landing_01 (4).jpg new file mode 100644 index 00000000..d6a8c5ee Binary files /dev/null and b/assets/pictures/landing_01 (4).jpg differ diff --git a/assets/pictures/landing_01.jpg b/assets/pictures/landing_01.jpg new file mode 100644 index 00000000..fea67bdb Binary files /dev/null and b/assets/pictures/landing_01.jpg differ diff --git a/assets/pictures/landing_02.jpg b/assets/pictures/landing_02.jpg new file mode 100644 index 00000000..c6b2639f Binary files /dev/null and b/assets/pictures/landing_02.jpg differ diff --git a/assets/pictures/live_tab_img1.png b/assets/pictures/live_tab_img1.png new file mode 100644 index 00000000..cc1f7315 Binary files /dev/null and b/assets/pictures/live_tab_img1.png differ diff --git a/assets/pictures/live_tab_img3.jpg b/assets/pictures/live_tab_img3.jpg new file mode 100644 index 00000000..508f1260 Binary files /dev/null and b/assets/pictures/live_tab_img3.jpg differ diff --git a/assets/pictures/live_tab_img4.png b/assets/pictures/live_tab_img4.png new file mode 100644 index 00000000..871fec75 Binary files /dev/null and b/assets/pictures/live_tab_img4.png differ diff --git a/assets/pictures/live_tab_img5.png b/assets/pictures/live_tab_img5.png new file mode 100644 index 00000000..73df9248 Binary files /dev/null and b/assets/pictures/live_tab_img5.png differ diff --git a/assets/pictures/live_tab_img6.jpg b/assets/pictures/live_tab_img6.jpg new file mode 100644 index 00000000..e330bea9 Binary files /dev/null and b/assets/pictures/live_tab_img6.jpg differ diff --git a/assets/pictures/live_tab_img7.png b/assets/pictures/live_tab_img7.png new file mode 100644 index 00000000..a2cd6bc8 Binary files /dev/null and b/assets/pictures/live_tab_img7.png differ diff --git a/assets/pictures/no_img_interpark.svg b/assets/pictures/no_img_interpark.svg new file mode 100644 index 00000000..97f2c6de --- /dev/null +++ b/assets/pictures/no_img_interpark.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/assets/pictures/sodam_2307_300350_1.jpg b/assets/pictures/sodam_2307_300350_1.jpg new file mode 100644 index 00000000..31a70536 Binary files /dev/null and b/assets/pictures/sodam_2307_300350_1.jpg differ diff --git a/assets/pictures/stake.jpg b/assets/pictures/stake.jpg new file mode 100644 index 00000000..026624fe Binary files /dev/null and b/assets/pictures/stake.jpg differ diff --git a/assets/pictures/temper_original.jpg b/assets/pictures/temper_original.jpg new file mode 100644 index 00000000..44c53dcf Binary files /dev/null and b/assets/pictures/temper_original.jpg differ diff --git a/assets/pictures/ticket_tab_img1.gif b/assets/pictures/ticket_tab_img1.gif new file mode 100644 index 00000000..01a1008c Binary files /dev/null and b/assets/pictures/ticket_tab_img1.gif differ diff --git a/assets/pictures/ticket_tab_img2.gif b/assets/pictures/ticket_tab_img2.gif new file mode 100644 index 00000000..fcafdd42 Binary files /dev/null and b/assets/pictures/ticket_tab_img2.gif differ diff --git a/assets/pictures/ticket_tab_img3.gif b/assets/pictures/ticket_tab_img3.gif new file mode 100644 index 00000000..5e255a77 Binary files /dev/null and b/assets/pictures/ticket_tab_img3.gif differ diff --git a/assets/pictures/ticket_tab_img4.gif b/assets/pictures/ticket_tab_img4.gif new file mode 100644 index 00000000..ad184883 Binary files /dev/null and b/assets/pictures/ticket_tab_img4.gif differ diff --git a/assets/pictures/ticket_tab_img5.gif b/assets/pictures/ticket_tab_img5.gif new file mode 100644 index 00000000..ef1a188a Binary files /dev/null and b/assets/pictures/ticket_tab_img5.gif differ diff --git a/assets/pictures/title_live.svg b/assets/pictures/title_live.svg new file mode 100644 index 00000000..063f551b --- /dev/null +++ b/assets/pictures/title_live.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/assets/pictures/today_book_tab_img1.jpg b/assets/pictures/today_book_tab_img1.jpg new file mode 100644 index 00000000..4925a3c0 Binary files /dev/null and b/assets/pictures/today_book_tab_img1.jpg differ diff --git a/assets/pictures/today_book_tab_img2.jpg b/assets/pictures/today_book_tab_img2.jpg new file mode 100644 index 00000000..a0f4758d Binary files /dev/null and b/assets/pictures/today_book_tab_img2.jpg differ diff --git a/assets/pictures/today_book_tab_img3.jpg b/assets/pictures/today_book_tab_img3.jpg new file mode 100644 index 00000000..6ec52b88 Binary files /dev/null and b/assets/pictures/today_book_tab_img3.jpg differ diff --git a/assets/pictures/today_book_tab_img4.jpg b/assets/pictures/today_book_tab_img4.jpg new file mode 100644 index 00000000..e32262cf Binary files /dev/null and b/assets/pictures/today_book_tab_img4.jpg differ diff --git a/assets/pictures/today_book_tab_img5.jpg b/assets/pictures/today_book_tab_img5.jpg new file mode 100644 index 00000000..8b430505 Binary files /dev/null and b/assets/pictures/today_book_tab_img5.jpg differ diff --git a/assets/pictures/tour_tab_img1.jpg b/assets/pictures/tour_tab_img1.jpg new file mode 100644 index 00000000..d4bc2059 Binary files /dev/null and b/assets/pictures/tour_tab_img1.jpg differ diff --git a/assets/pictures/tour_tab_img2.jpg b/assets/pictures/tour_tab_img2.jpg new file mode 100644 index 00000000..c6cfac7b Binary files /dev/null and b/assets/pictures/tour_tab_img2.jpg differ diff --git a/assets/pictures/tour_tab_img3.jpg b/assets/pictures/tour_tab_img3.jpg new file mode 100644 index 00000000..d7ab987b Binary files /dev/null and b/assets/pictures/tour_tab_img3.jpg differ diff --git a/assets/pictures/tour_tab_img_ocean1.jpg b/assets/pictures/tour_tab_img_ocean1.jpg new file mode 100644 index 00000000..33ff3309 Binary files /dev/null and b/assets/pictures/tour_tab_img_ocean1.jpg differ diff --git a/assets/pictures/ulos.jpg b/assets/pictures/ulos.jpg new file mode 100644 index 00000000..e2bb9b5b Binary files /dev/null and b/assets/pictures/ulos.jpg differ diff --git a/index2.html b/index2.html new file mode 100644 index 00000000..a47ec041 --- /dev/null +++ b/index2.html @@ -0,0 +1,679 @@ + + + + + + + + + KD0_진종수_인터파크 + + +
+
+
+
+
+ logo +
+
+ + search +
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ slide-picture(1) + slide-picture(3) +
+
+
+
+
+
+
+
+
+

쇼핑 추천

+
+
+

할인이 쎄다! 지금, 특가 상품을 확인하세요.

+
+
+
+ + + + + +
+
+
+
+
+
+ +
+
+
+
+ sale-item(1) +
+
+
+

17%

+
+
+

57,880원

+
+
+
+

[일본발매 정품] 템퍼 오리지널 베개 S/M + /
걱정없는 수면/인체공학적 이상적인 디자인

+
+
+
+
+ sale-item(2) +
+
+
+

38%

+
+
+

10,790원

+
+
+
+

[프레시지]블랙라벨 스테이크 2인분(냉장)

+
+
+ +
+
+ sale-item(3) +
+
+
+

10%

+
+
+

14,310원

+
+
+
+

[10%쿠폰][당일생산]산과들에 22년 햇 당일 +
볶음/구운아몬드 500g 2봉 (총 1kg) +

+
+
+
+
+ sale-item(4) +
+
+
+

38%

+
+
+

16,480원

+
+
+
+

[1+1세트]NEW 우르오스 스킨 로션 밀크 +
바디워시 세트 ULOS

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

투어 특가

+
+
+

해외여행은 인터파크다

+
+
+
+ + + + +
+
+
+
+
+
+ +
+
+
+
+ tour-item(1) +
+
+

항공불포함

+
+
+
+

23/24 영국 프리미어리그/내 맘대로 Design

+
+
+

[EPL 9/16 토트넘 VS 셰필드]유럽축구를 디자인하다

+
+
+
+

1,050,000원~

+
+
+
+
+ tour-item(2) +
+
+

출발확정

+
+
+
+

편안한 국적기+전신마사지1시간까지!

+
+
+

[아시아나항공/하노이/하롱베이 5일] 4성호텔+히롱야간투어

+
+
+
+

539,000원~

+
+
+
+
+ ticket-item(3) +
+
+

키즈특전

+
+
+
+

오션월드2인+레전드히어로즈2인+키즈특전까지!

+
+
+

소노벨 비발디파크 B, C

+
+
+
+

258,000원~

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

티켓 랭킹

+
+
+

오늘 뭐볼까? 지금 HOT한 공연

+
+
+
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+ ticket-item(1) +
+
+

1

+

뮤지컬 <멤피스>

+

충무아트센터 대극장
+ 2023.07.20 ~ 2023.10.22 +

+
+

좌석우위

+
+
+
+
+
+ ticket-item(2) +
+
+

2

+

뮤지컬 <그날들>10주년 기념 공연

+

예술의전당 오페라극장
+ 2023.07.12 ~ 2023.09.03 +

+
+
+
+
+ ticket-item(3) +
+
+

3

+

뮤지컬 <스웨그에이지 외쳐,조선!>

+

홍익대 대학로 아트센터 대극장
+ 2023.06.09 ~ 2023.08.20 +

+
+
+
+
+ ticket-item(4) +
+
+

4

+

뮤지컬 <오페라의 유령> - 서울

+

샤롯데씨어터
+ 2023.07.21 ~ 2023.11.17 +

+
+

단독판매

+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+ liveLogo +
+
+
+
+
+
+
+
+
+
+
+ ticket-item(1) +

방송예정

+
+

인트쇼 라이브 2탄에 함께 할 피식
+ 쇼 멤버는 누구? 라이브 깜짝 특... +

+
+
+

08월 01일(화)

+

11:00

+
+
+
live-img
+

[기획전]인트SHOW!

+
+
+
+
+
+ live-item(2) +

방송예정

+
+

롯데리조트 속초&부여 최대 77%
+ 할인! +

+
+
+

08월 03일(목)

+

19:00

+
+
+
+
+
+ live-item(3) +

VOD

+
+

[부산]여름 성수기 여행 특가! 최
+ 대 77% 할인! +

+
+
+
live-item(4)
+
+

해운대 썬클라우드 호텔

+

77%68,400원

+
+
+
+
+
+
+ live-item(5) +

VOD

+
+

소담상회 x 올리쉐

+
+
+

08월 01일(화)

+

11:00

+
+
+
live-item(6)
+
+

올리쉐 넥 앤 페이스 밸런싱밤

+

30%26,600원

+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

오늘의 도서

+
+
+

지금 읽기 딱 좋은 책, 놓치지 마세요!

+
+
+
+ + + + +
+
+
+
+
+
+ +
+
+
+
+ book-item(1) +
+
+
+

이토록 공부가 재미있어지는 순간

+

16,200원

+
+
+
+
+
+ book-item(2) +
+
+
+

맑은 날이 아니어서 오히려 좋아

+

15,300원

+
+
+
+
+
+ book-item(3) +
+
+
+

동주의 소포(초판본 미니북+크라프트..)

+

9,900원

+
+
+
+
+
+ book-item(4) +
+
+
+

수상한 놀이공원 천옥원

+

11,700원

+
+
+
+
+
+ book-item(5) +
+
+
+

눈에 갇힌 외딴 산장에서

+

16,920원

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+

이벤트

+
+
+

인터파크에서 할인혜택을 꼭 챙기세요.

+
+
+ +
+
+
+
+
+ +
+
+
+
+ sale-item(3) +
+
+ sale-item(3) +
+
+ sale-item(3) +
+
+ sale-item(3) +
+
+
+
+
+ +
+ + \ No newline at end of file diff --git a/styles2.css b/styles2.css new file mode 100644 index 00000000..7909497f --- /dev/null +++ b/styles2.css @@ -0,0 +1,506 @@ + +.main{ + width:100%; + display:flex; + flex-direction: column; + justify-content: center; +} + +.header{ + margin-left:60px; +} +.headerContainer{ + display:flex; + justify-content: space-between; +} +.logoSearchContainer{ + margin-top:20px; + margin-left:80px; +} +.mainContainer{ + margin-left:60px; + +} +.logoContainer img{ + width:162px; + height:48px; + margin-right:14px; +} +.logoSearchContainer{ + display:flex; +} +.searchContainer { + position:relative; + display:flex; +} +.searchContainer input{ + width:465px; + height:40px; + border-radius:20px; + border:1px solid #e0e0e0; +} +.searchIcon { + position: absolute; + width:32px; + height:24px; + top:10px; + right: 10px; + cursor: pointer; +} +.signUp .signUpList{ + display:flex; + list-style-type: none; + gap:10px; + font-size:13px; + font-weight:600; + margin-top:20px; + margin-right:118px; +} +.navContainer{ + border-bottom:1px solid #ebebeb; +} +.navList { + display:flex; + list-style-type: none; + gap:12px; + margin-left:40px; +} +.navList li{ + display:flex; +} +.navList li > img{ + width:36px; + height:36px; + padding-right:6px; +} +.navList li > p { + font-size:13px; + color:#000000; + line-height: 5px; + font-weight:bold; +} +.verticalLine{ + width:1.6px; + height:13px; + margin-top:10px; + border:0.1px thin #ececec; + background-color:#ececec; +} +.slideButton{ + display:flex; + justify-content: space-between; + margin-right:20px; +} +.slidePrevButton,.slideNextButton{ + position:relative; + top:150px; + width:50px; + height:50px; + border-color:#ebebeb; + border-radius:50px; + box-shadow: 1px 1px 1px; + background-color:transparent; + z-index:2; + align-items: center; +} + +.slidePrevButton i{ + margin-top:16px; + margin-left:18px; +} +.slideNextButton i{ + margin-top:16px; + margin-left:18px; +} +.slideItem{ + display:flex; + gap:40px; + justify-content: center; + +} +.slideItem img{ + margin-right:30px; + width:600px; + border-radius:20px; + background-color: transparent; +} +.DescList{ + padding-top:40px; +} + +.mainDesc{ + font-size:28px; + font-weight:700; + line-height: 2px; +} +.subDesc{ + font-size:18px; + line-height:2px; + color:#12121280; + +} +.tabContainer{ + text-align: center; +} +.tabButton button{ + border:1px solid #d9d9d9; + border-radius:20px; + font-size:12px; + padding:1.2rem; + line-height:2px; + height:40px; + background-color: transparent; +} +.ItemList{ + display:flex; + justify-content: center; + gap:20px; +} +.Item{ + width:300px; + height:400px; + border:1px solid #ebebeb; + border-radius:20px; +} +.Item img{ + width:300px; + height:300px; + border-radius:20px; + +} +.ItemPriceList{ + display:flex; + margin-left:10px; +} +.ItemPriceList p:nth-child(1){ + font-weight:bold; + font-size:13px; + line-height: 3px; + padding-top:10px; + padding-right:5px; +} +.ItemDesc p{ + font-size:13px; + margin:0 10px; + font-weight:400; +} +span { + font-size:10px; + font-weight:normal; +} +.goButton{ + margin-top:20px; + text-align: center; +} +.goButton button{ + border:1px solid #d9d9d9; + border-radius:20px; + width:200px; + height:50px; + font-weight: bold; + background-color: transparent; +} +.goButton i{ + padding-left:5px; +} +.tour .Item { + width:410px; + height:360px; +} +.tour .Item img{ + width:410px; + height:250px; +} +.ItemDescList{ + margin-left:20px; +} +.tourTabBox{ + position:relative; + z-index:2; + top:-20px; + left:20px; + width:80px; + height:26px; + border:1px solid #1869ff; + border-radius:6px; + background-color: #1869ff; + text-align: center; +} +.tourTabBox p{ + font-size:13px; + font-weight:bold; + line-height: 1px; + color:#d7e4ff; +} +.tourDescList p{ + padding:0; + margin:0; + line-height:14px; +} +.tourItemDesc{ + font-size:13px; + color: #1869ff; + font-weight:bold; +} +.tourItemSubDesc{ + font-size:13px; + color:#707070; +} +.tourItemPrice p{ + font-size:20px; + font-weight:bold; + line-height: 2px; +} +.ticket .Item{ + width:300px; + height:550px; +} +.ticket .Item img{ + width:300px; + height:400px; + margin:0; + padding:0; +} +.ticlet .Item .ItemDesc{ + padding-bottom:50px; +} +.ticketTabBox{ + position:relative; + z-index:2; + top:-160px; + font-size:60px; + color:#fff; + font-weight: bold; + margin:0; + padding:0; + +} +.ticketTabBox p{ + position:relative; + +} +.ticketTabBox p:nth-child(2){ + font-size:15px; + top:-30px; + color:#000000; + margin:0; + padding:0; +} +.ticketTabBox p:nth-child(3){ + font-size:12px; + top:-25px; + color:grey; + margin:0; + padding:0; +} +.ticketboxBlue{ + border:1px solid #a8bce0; + width:50px; + height:20px; +} +.ticketboxBlue #ticketTextBlue{ + font-size:10px; + line-height:2px; + text-align: center; + color:#a8bce0; +} +.ticketboxRed{ + border:1px solid rgb(187, 81, 81); + width:50px; + height:20px; +} +.ticketboxRed #ticketTextRed{ + font-size:10px; + line-height:2px; + text-align: center; + color:rgb(187, 81, 81); +} +.liveDescList { + position:relative; + +} +.liveDescList img{ + width:300px; + height:400px; + border-radius:20px; + filter: brightness(50%); +} +.liveItem{ + width:300px; + height:400px; +} +.liveItem > img{ + width:300px; + height:400px; + border-radius:20px; +} +.liveBlock{ + position:absolute; + z-index:2; + top:10px; + left:20px; + border:1px solid #000000; + background-color: #000000; + border-radius:20px; + width:80px; + height:30px; +} +.liveBlock p{ + font-size:13px; + color:#fff; + font-weight:bold; + text-align:center; + line-height: 4px; +} +.liveDesc{ + position:absolute; + z-index:2; + top:40px; + left:20px; + color:#fff; + font-weight:bold; +} +.liveCenterDesc{ + position:absolute; + z-index:2; + top:144px; + left:68px; + text-align: center; + line-height:6px; +} +.liveCenterDesc p{ + font-size:24px; + color:#fff; +} +.liveCenterDesc p:nth-child(2){ + font-size:30px; + font-weight:bold; +} +.liveImgContainer{ + display:flex; + position:absolute; + top:330px; + left:20px; + +} +.liveImg img{ + width:50px; + height:55px; + border-radius:10px; +} + +.liveImgDesc p{ + font-size:14px; + line-height:2px; + color:#fff; + font-weight:bold; + padding-left:5px; + +} +#liveSalePercent{ + color:red; + font-size:20px; + font-weight:bold; + line-height: 24px; + +} +#livePrice{ + font-size:20px; + font-weight:bold; +} +.todayBook{ + margin-bottom:20px; +} +.bookItem{ + margin-top:20px; + width:235px; + height:400px; + border:1px solid #ebebeb; + +} +.bookItem img{ + width:235px; + height:400px; +} +.bookItemDescList{ + text-align: center; + line-height: 2px; +} +.bookItemDesc p:nth-child(1){ + font-size:12px; + font-weight:400; +} +.bookItemDesc p:nth-child(2){ + font-weight:bold; +} +.bookItemList{ + display:flex; + justify-content: center; + gap:20px; + padding-bottom:60px; +} +.eventItem{ + width:300px; + height:400px; + border:1px solid #ebebeb; + border-radius:20px; +} +.eventItem img{ + width:300px; + height:400px; + border-radius:20px; +} +.agreementContainer{ + margin-top:40px; + border:1px solid #ebebeb; +} +.agreementDesc{ + list-style-type: none; + display:flex; + justify-content: space-around; + font-size:12px; + line-height: 24px; +} +.companyInfoContainer{ + display:flex; + justify-content: space-around; +} +.interparkTripleInfoContainer{ + display:flex; + margin-left:40px; + +} +.interparkTripleInfo{ + padding-left:5px; + line-height: 12px; +} +.interparkcommerceInfoContainer{ + display:flex; + margin-right:80px; + +} +.interparkcommerceInfo{ + padding-left:5px; + line-height: 12px; +} +.footerVerticalLine{ + width:1.6px; + height:220px; + margin-top:10px; + border:0.1px thin #ececec; + background-color:#ececec; +} +a{ + color:#1869ff; +} +#title{ + font-weight: bold; +} +#copyright{ + color:#d9d9d9; +} +#btn1{ + background-color:#000000; + color:#fff; + font-weight:bold; +} \ No newline at end of file