@charset "utf-8";

/* common */
html,
body { background-color:#000; }
.section { position:relative; width:100%; color:#fff; word-break:keep-all; overflow:hidden; }
.section .sec_con { height:100%; }
.section .sec_wrap { max-width:1540px; height:100%; margin:0 auto; }
.section:not(.section1) .sec_con { padding-top:100px; max-height:100vh; }
.section .sec_con_wrap { padding-left:10%; padding-right:10%; }
.sec_title { margin:0 0 20px; font-family:var(--font-mont); font-size:3.75rem; font-weight:700; line-height:1.2; }
.sec_text { font-size:1.25rem; color:#999; line-height:1.6; }
.sec_text em { color:#fff; font-weight:600; }
.sec_more { margin-top:40px; }
.sec_more a { display:flex; justify-content:center; align-items:center; position:relative; width:126px; height:54px; line-height:52px; padding:0; color:#fff; font-size:1.125rem; font-weight:700; text-align:center; border:2px solid #fff; border-radius:40px; overflow:hidden; transition:all 0.3s; z-index:1; }
.sec_more a::before { content:""; position:absolute; width:0; height:100%; top:0px; left:0px; background-color:#000; transition:all 0.3s ease; z-index:-1; }
.sec_more a::after { content:"\e93f"; margin-left:10px; font-family:"xeicon"; vertical-align:middle; }
.container { max-width:none !important; width:100%; height:100%; padding:0; }
.inner { max-width:1540px; margin:0 auto; }
.sec_more a:hover { border-color:#FF474A; color:#FF474A; }
.sec_more a:hover::before { width:100%; background-color:#000; }
#fullpage { visibility:hidden; }
@media (max-width:1540px) {
	.section .sec_wrap { max-width:none; width:100%; padding:0 20px; }
	.inner { max-width:none; width:100%; padding:0 20px; }
}
@media (max-width:1400px) {
	.section .sec_top .sec_title { font-size:3.125rem; }
	.sec_text { font-size:1.125rem; line-height:1.4; }
}
@media (max-width:992px) {
  .fp-section, .fp-tableCell { height:auto !important; }
	.container { padding:0 20px; }
  .section .fp-container { height:auto; }
	.section { height:auto; }
	.section + .section { margin-top:60px; }
	.sec_more { margin-top:30px; }
	.sec_more a { display:inline-block; width:auto; height:auto; line-height:1.2; padding:10px 20px; font-size:1rem; border-radius:40px; }
}
@media (max-width:768px) {
	.section + .section { margin-top:40px; }
	.section .sec_top .sec_title { font-size:2.25rem; }
	.sec_text { font-size:0.933rem; }
}
@media (max-width:486px) {
	.section + .section { margin-top:30px; }
}

/* .section1 */
.section1 { position:relative; background-color:transparent; }
.section1 .sec_title { margin-bottom:32px; font-size:4rem; font-weight:700; line-height:1.2; }
.section1 .sec_text { padding:0; color:#fff; font-size:1.5rem; font-weight:normal; line-height:1.4; }
.section1 .sec_text em { font-weight:700; }
.section1 .swiper-container { width:100%; height:100%; }
.section1 .swiper-slide { background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.section1 .swiper-slide > img { display:block; margin:auto; opacity:1; width:100%; height:100vh; transform:scale(1.2, 1.2); transition:transform 4s; object-fit:cover; }
.section1 .slide-content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; height:100%; }
.section1 .swiper-slide.swiper-slide-active img { transform:scale(1,1); }
.section1 .swiper-slide.swiper-slide-active .sec_title { animation:text 1s 0.3s both; }
.section1 .swiper-slide.swiper-slide-active .sec_text { animation:text 1s 0.5s both; }
.section1 .slide_pagi { display:flex; margin-top:50px;  color:#fff; font-weight:700; text-shadow:3px 2px 30px rgba(0,0,0,0.3); z-index:1; }
.section1 .slide_pagi .page_wrap { display:flex; align-items:flex-end; gap:30px; }
.section1 .page_wrap .swiper-pagination-fraction { }
.section1 .page_wrap .swiper-pagination-fraction span { line-height:1; }
.section1 .page_wrap .swiper-pagination-current { margin-right:10px; font-weight:700; font-size:1.25rem; }
.section1 .page_wrap .swiper-pagination-total { margin-left:10px; }
.section1 .page_wrap .main-swiper-btn { display:flex; align-items:flex-end; gap:10px; }
.section1 .page_wrap .main-swiper-button-pause button { border:none; background:none; color:#fff; }
.section1 .page_wrap .main-swiper-button-pause button .fas { font-size:0.875rem; }
/* .section1
.section1 { position:relative; background-color:transparent; }
.section1 .sec_title { margin-bottom:32px; font-size:4rem; font-weight:700; line-height:1.2; }
.section1 .sec_text { padding:0; color:#fff; font-size:1.5rem; font-weight:normal; line-height:1.4; }
.section1 .sec_text em { font-weight:700; }
.section1 .swiper-container { width:100%; height:100% !important; }
.section1 .swiper-slide { height:100% !important; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.section1 .swiper-slide > img { display:block; margin:auto; opacity:1; width:100%; height:100vh; transform:scale(1.2, 1.2); transition:transform 4s; object-fit:cover; }
.section1 .slide-content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; height:calc(100% + 100px) !important; }
.section1 .swiper-slide.swiper-slide-active img { transform:scale(1,1); }
.section1 .swiper-slide.swiper-slide-active .sec_title { animation:text 1s 0.3s both; }
.section1 .swiper-slide.swiper-slide-active .sec_text { animation:text 1s 0.5s both; }
.section1 .slide_pagi { display:flex; margin-top:50px; color:#fff; font-weight:700; text-shadow:3px 2px 30px rgba(0,0,0,0.3); z-index:1; }
.section1 .slide_pagi .page_wrap { display:flex; align-items:flex-end; gap:30px; }
.section1 .page_wrap .swiper-pagination-fraction { }
.section1 .page_wrap .swiper-pagination-fraction span { line-height:1; }
.section1 .page_wrap .swiper-pagination-current { margin-right:10px; font-weight:700; font-size:1.25rem; }
.section1 .page_wrap .swiper-pagination-total { margin-left:10px; }
.section1 .page_wrap .main-swiper-btn { display:flex; align-items:flex-end; gap:10px; }
.section1 .page_wrap .main-swiper-button-pause button { border:none; background:none; color:#fff; }
.section1 .page_wrap .main-swiper-button-pause button .fas { font-size:0.875rem; } */
@media (max-width:1540px) {
	.section1 .slide_pagi .page_wrap { padding:0; }
}
@media (max-width:1400px) {
	.section1 .sec_title { font-size:3rem; }
	.section1 .sec_text { font-size:1.125rem; }
}
@media (max-width:1200px) {
	.section1 .sec_text br { display:block; }
}
@media (max-width:992px) {
	.section1 .fp-section, .section1 .fp-tableCell { height:100vh !important; }
	.section1 .slide-content { padding-top:100px; }
}
@media (max-width:768px) {
	.section1 .fp-section, .section1 .fp-tableCell { height:auto !important; }
	.section1 .swiper-container { height:550px; }
	.section1 .slide-content { padding-top:64px; }
	.section1 .sec_title { font-size:2rem; }
	.section1 .sec_text { font-size:1rem; }
}
@media (max-width:486px) {
	.section1 .swiper-container { height:400px; }
	.section1 .slide-content { padding-top:52px; }
	.section1 .sec_title { font-size:1.8rem; }
	.section1 .sec_text { font-size:0.933rem; }
	.section1 .sec_text br { display:none; }
}
@keyframes text {
  0% { opacity:0; transform:translateX(20px); }
  100% { opacity:1; transform:translateY(0); }
}

/* section2 */
.section2 { }
.section2::before { content:"DesignIAM"; display:block; position:absolute; bottom:10%; left:70px; font-family:var(--font-mont); font-size:10rem; font-weight:700; line-height:1; color:rgba(245, 245, 245, .1); }
.section2 .sec_wrap { display:flex; align-items:center; position:relative; }
.section2 .sec_top { width:400px; }
.section2 .sec_title { margin-bottom:28px; }
.section2 .sec_text { }
.section2 .sec_text em { }
.section2 .swiper-wrapper { align-items:center; }
.section2 .service_slide { display:grid; grid-auto-flow:column; position:absolute; width:100%; margin:0 0 0 590px; overflow:hidden; }
.section2 .service_slide .con { gap:50px; height:360px; padding:40px 40px 50px; text-align:left; background-color:#333; border-radius:25px; transition:.3s; }
.section2 .service_slide .con::before { content:""; display:block; position:absolute; top:40px; left:40px; width:70px; height:70px; border-radius:50%; background-color:rgba(255, 255, 255, .2); background-position:center; background-repeat:no-repeat; background-size:35px 35px; }
.section2 .service_slide .con1::before { background-image:url("../images/main/bg_service_1.svg"); }
.section2 .service_slide .con2::before { background-image:url("../images/main/bg_service_2.svg"); }
.section2 .service_slide .con3::before { background-image:url("../images/main/bg_service_3.svg"); }
.section2 .service_slide .con4::before { background-image:url("../images/main/bg_service_4.svg"); }
.section2 .service_slide .con p { margin:0; padding:0; }
.section2 .service_slide .con .tit { position:absolute; bottom:40px; left:40px; padding-top:127px; font-size:1.75rem; font-weight:700; line-height:1.5; color:#fff; }
.section2 .service_slide .con .txt { color:#fff; font-size:1.125rem; line-height:1.5; opacity:0; }
.section2 .service_slide .con .list_style { opacity:0; }
.section2 .service_slide .con .list_style > li { position:relative; padding-left:12px; font-size:1rem; font-weight:normal; line-height:1.5; color:#fff; word-break:keep-all; }
.section2 .service_slide .con .list_style > li::before { content:""; display:inline-block; position:absolute; top:0.6rem; left:0; width:4px; height:4px; background:#fff; border-radius:100%; }
.section2 .swiper-slide { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; }
.section2 .service_slide .con.on { height:500px; background-color:#E05149; border-radius:30px; }
.section2 .service_slide .con.on::before { width:100px; height:100px; background-size:50px 50px; }
.section2 .service_slide .con.on .tit { position:static; margin-bottom:10px; padding-top:120px; }
.section2 .service_slide .con.on .txt,
.section2 .service_slide .con.on .list_style { opacity:1; }
.section2 .service_slide .swiper-slide-next { margin-left:20px; }
.section2 .swiper-pagination { position:absolute; bottom:15%; left:50%; transform:translateX(-50%); }
.section2 .swiper-pagination-bullet { width:10px; height:10px; background-color:#ddd; opacity:1; }
.section2 .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; }
.section2 .swiper-pagination-bullet-active { background-color:#FF474A; }
@media (max-width:1200px) {
	.section2::before { left:30px; font-size:6.25rem; }
	.section2 .sec_top { width:300px; }
	.section2 .service_slide { margin:0 0 0 440px; }
	.section2 .service_slide .con { gap:50px; height:300px; padding:30px; }
	.section2 .service_slide .con .tit { bottom:30px; left:30px; padding-top:80px; font-size:1.375rem; line-height:1.4; }
	.section2 .service_slide .con .txt { font-size:0.938rem; }
	.section2 .service_slide .con.on { height:420px; }
}
@media (max-width:992px) {
	.section2 .sec_wrap { flex-wrap:wrap; }
	.section2 .sec_top { width:100%; }
	.section2 .service_slide { position:static; width:100%; margin:30px 0 0; }
	.section2 .service_slide .swiper-slide-next { margin-left:0; }
	.section2 .service_slide .con { gap:20px; height:auto; min-height:178px; }
	.section2 .service_slide .con::before { top:30px; left:30px; width:50px; height:50px; background-size:25px 25px; }
	.section2 .service_slide .con .tit { font-size:1.333rem; }
	.section2 .service_slide .con .txt { font-size:0.867rem; }
	.section2 .service_slide .con .list_style > li { padding-left:8px; font-size:0.867rem; }
	.section2 .service_slide .con .list_style > li::before { width:3px; height:3px; }
	.section2 .service_slide .con.on { height:auto; }
	.section2 .service_slide .con.on::before { width:70px; height:70px; background-size:40px 40px; }
	.section2 .service_slide .con.on .tit { padding-top:100px; }
	.section2 .swiper-pagination { position:static; transform:unset; margin:40px auto 0; }
}
@media (max-width:768px) {
	.section2 .sec_title { margin-bottom:15px; }
	.section2 .service_slide .con,
	.section2 .service_slide .con.on { height:auto; min-height:324px; }
	.section2 .service_slide .con .txt,
	.section2 .service_slide .con .list_style { opacity:1; }
	.section2 .service_slide .con .tit { position:static; margin-bottom:10px; padding-top:100px; }
	.section2 .service_slide .con::before { width:70px; height:70px; background-size:40px 40px; }
}
@media (max-width:486px) {
	.section2 .swiper-pagination { margin:20px auto 0; }
}

/* section3 */
.section3 { margin:0; padding:0; color:#fff; }
.section3 .sec_wrap { height:auto; }
.section3 p { margin:0; padding:0; }
.section3 .sec_top { text-align:center; }
.section3 .project_slide { display:flex; align-items:flex-end; gap:20px; position:relative; max-width:1540px; margin:30px auto 0; padding-bottom:60px; overflow:hidden; }
.section3 .slider-wrapper { flex:1; position:relative; overflow:hidden; }
.section3 .slides-container { display:flex; transition:transform 0.5s ease; }
.section3 .slide_item { flex:0 0 calc((100% - 40px)/3); position:relative; margin-right:20px; cursor:pointer; }
.section3 .slide_item::after { content:""; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); pointer-events:none; }
.section3 .slide_img { position:relative; height:380px; }
.section3 .slide_img::after { content:""; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%); pointer-events:none; }
.section3 .slide_img img { width:100%; height:100%; object-fit:cover; border-radius:20px; }
.section3 .slide_info { position:absolute; top:0; left:0; display:block; width:100%; height:100%; }
.section3 .slide_info .con_title { }
.section3 .slide_info .title { display:inline-block; position:absolute; top:0; left:50%; transform:translate(0%, 0%) rotate(90deg); transform-origin:0% 0%; width:350%; margin-left:14px; padding:0 30px; font-size:1.125rem; font-weight:600; line-height:1.3; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.section3 .slide_info .con_title,
.section3 .slide_info .tag,
.section3 .slide_info .percent_con { opacity:0; overflow:hidden; }
.section3 .slide_info .tag { display:flex; flex-wrap:wrap; gap:12px; }
.section3 .slide_info .tag span { display:inline-block; padding:8px 20px; font-size:1rem; line-height:1.4; border-radius:30px; border:1px solid #fff; background-color:rgba(0, 0, 0, .5); }
.section3 .slide_info .percent_con { position:relative; }
.section3 .slide_info .percent_con .date_per { display:flex; align-items:flex-end; justify-content:space-between; font-family:var(--font-mont); margin-bottom:24px; }
.section3 .slide_info .percent_con .date { font-size:1rem; }
.section3 .slide_info .percent_con .percent { font-size:1.25rem; }
.section3 .slide_info .percent_con .percent em { margin-right:8px; font-size:2rem; font-weight:700; }
.section3 .slide_info .percent_con .progress { position:absolute; bottom:0; width:100%; height:8px; background:rgba(255, 255, 255, 0.4); border-radius:10px; overflow:hidden; }
.section3 .slide_info .percent_con .progress .progress_bar { position:absolute; top:0; left:0; width:18%; height:100%; background:#fff; border-radius:10px; animation-duration:1.5s; }
.section3 .slide_info .progress .progress_bar.animate { animation:growBar 1.5s forwards; }
.section3 .active-slide { flex:0 0 75%; position:relative; overflow:hidden; }
.section3 .active-slide .slide_img { height:490px; transition: transform 0.3s ease; }
.section3 .active-slide .slide_img img { position:relative; width:100%; border-radius:20px; transition:transform 0.5s ease; }
.section3 .active-slide .slide_info { display:flex; flex-direction:column; justify-content:space-between; padding:100px 80px; font-weight:700; color:#fff; opacity:0; transform:translateX(30px); transition:opacity 0.5s ease, transform 0.5s ease; }
.section3 .active-slide .slide_info.info-in { opacity:1; transform:translateX(0); }
.section3 .active-slide .slide_info .title { position:static; transform:unset; width:100%; margin:0 0 40px; padding:0; font-size:2.5rem; font-weight:700; }
.section3 .active-slide .slide_info .con_title,
.section3 .active-slide .slide_info .tag,
.section3 .active-slide .slide_info .percent_con { opacity:1; overflow:visible; }
.section3 .active-slide .slide_img { touch-action:pan-y; -ms-touch-action:pan-y; }
.section3 .active-slide.dragging .slide_img { transition:none; }
.section3 .slide-in { animation:slideInFromRight 0.5s forwards; }
.section3 .ctl_box { display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; cursor:pointer; z-index:99; }
.section3 .ctl_box button.prev,
.section3 .ctl_box button.next { position:relative; margin:0; padding:0; border:0 none; background:0 none; transition:all 0.3s ease; }
.section3 .ctl_box button.prev::before,
.section3 .ctl_box button.next::before { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"xeicon"; vertical-align:middle; font-size:1.25rem; font-weight:400; color:#fff; }
.section3 .ctl_box button.prev::before { content:"\e93b"; }
.section3 .ctl_box button.next::before { content:"\e93e"; }
.section3 .pagination { margin:0 20px; }
.section3 .pagination .page-info { display:flex; justify-content:center; align-items:center; gap:8px; font-size:1.125rem; color:#fff; }
.section3 .pagination .page-info em { }
.section3 .pagination .page-info em.current { font-size:1.25rem; font-weight:700; color:var(--theme-color); }
.section3 .pagination .page-info em.total { }
@media (max-width: 1540px) {
	.section3 .project_slide { max-width:none; width:100%; }
}
@media (max-width: 1400px) {
	.section3 .active-slide .slide_img { height:360px; }
	.section3 .slide_item { flex:0 0 calc((100% - 20px)/3); margin-right:10px; }
	.section3 .slide_img { height:300px; }
	.section3 .active-slide .slide_info { padding:40px 30px; }
	.section3 .slide_info .con_title { font-size:1rem; }
	.section3 .active-slide .slide_info .title { font-size:1.875rem; }
}
@media (max-width: 992px) {
	.section3 .pagination { margin:0 10px; }
	.section3 .pagination .page-info { font-size:1.067rem; }
	.section3 .pagination .page-info em.current { font-size:1.2rem; }
	.section3 .ctl_box button.prev::before, .section3 .ctl_box button.next::before { font-size:1.067rem; }
}
@media (max-width: 768px) {
	.section3 .project_slide { padding-bottom:40px; }
	.section3 .active-slide .slide_img { height:300px; }
	.section3 .active-slide { flex:1 0 100%; }
	.section3 .slider-wrapper { display:none; }
	.section3 .slide_info .con_title { font-size:0.933rem; }
	.section3 .active-slide .slide_info .title { margin:0 0 10px; font-size:1.333rem; }
	.section3 .slide_info .tag { gap:8px; }
	.section3 .slide_info .tag span { padding:6px 10px; font-size:0.8rem; }
}
@media (max-width: 486px) {
	.section3 .active-slide .slide_img { height:240px; }
	.section3 .active-slide .slide_info { padding:30px; }
	.section3 .slide_info .percent_con { margin-top:20px; }
	.section3 .slide_info .percent_con .date_per { margin:0; padding-bottom:15px; }
	.section3 .active-slide .slide_info .tag { height:25px; overflow:hidden; }
	.section3 .slide_info .tag span { padding:3px 8px; font-size:0.8rem; }
}
@keyframes growBar {
  from { width:0; }
  to { width:100%; }
}
@keyframes slideInFromRight {
  0% { transform:translateX(100%); opacity:0; }
  100% { transform:translateX(0); opacity:1; }
}

/* section4 */
.section4 { margin:0; padding:0; }
.section4 a { color:#fff; }
.section4 p { margin:0; padding:0; }
.section4 .sec_top { text-align:center; }
.section4 .sec_top .sec_title { margin:0 0 26px; font-weight:700; line-height:1; }
.section4 .sec_top .sec_text { display:inline; min-height:42px; padding-right:5px; font-size:1.875rem; color:#fff; line-height:1.4; margin:0 auto; border-right:3px solid #999; animation:blink 1s step-end infinite; overflow:hidden; white-space:nowrap;	}
.section4 .foot_con { margin:50px auto 0; }
.section4 .foot_con .con_wrap { display:flex; gap:20px; }
.section4 .foot_con .contact_con { width:calc(100% - 630px - 20px); padding:50px 40px; border-radius:20px; background-color:#111; }
.section4 .foot_con .contact_con p { color:#999; }
.section4 .foot_con .contact_con .cp_logo { max-width:180px; margin:0 0 40px; }
.section4 .foot_con .contact_con .cp_logo a { }
.section4 .foot_con .contact_con .cp_logo img { max-height:none; }
.section4 .foot_con .contact_con .cp_add { margin-bottom:8px; }
.section4 .foot_con .contact_con .cp_info { display:flex; flex-wrap:wrap; gap:8px 24px; }
.section4 .foot_con .contact_con .cp_info p { position:relative; font-size:1rem; }
.section4 .foot_con .contact_con .cp_info p::after { content:""; display:block; position:absolute; top:50%; right:-14px; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:1px; height:10px; background-color:#999; }
.section4 .foot_con .contact_con .cp_info p:last-child::after { content:none; }
.section4 .foot_con .contact_con .cp_btn { display:flex; gap:20px; margin-top:52px; }
.section4 .foot_con .contact_con .cp_btn a { display:block; position:relative; width:50%; padding:20px; color:#fff; font-size:1.25rem; font-weight:700; line-height:1.4; text-align:center; border:2px solid #fff; border-radius:20px; overflow:hidden; transition:all 0.3s; z-index:1; }
.section4 .foot_con .contact_con .cp_btn a.btn_red { border-color:#FF474A; background-color:#FF474A; }
.section4 .foot_con .contact_con .cp_btn a::before { content:""; position:absolute; width:0; height:100%; top:0px; left:0px; background-color:#000; transition:all 0.3s ease; z-index:-1; }
.section4 .foot_con .contact_con .cp_btn a::after { content:"\e904"; margin-left:10px; font-family:"xeicon"; vertical-align:middle; font-weight:400; }
.section4 .foot_con .contact_con .cp_btn a.btn_red::after { content:"\e93f"; }
.section4 .foot_con .cp_nav_sns { display:flex; flex-direction:column; width:630px; }
.section4 .foot_con .cp_nav_sns .foot_nav { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:64px 40px; background-color:#111; border-radius:20px; }
.section4 .foot_con .cp_nav_sns .foot_nav > li { }
.section4 .foot_con .cp_nav_sns .foot_nav > li > a { display:block; line-height:1; overflow:hidden; }
.section4 .foot_con .cp_nav_sns .foot_nav > li > a span { display:inline-block; position:relative; font-size:1rem; font-weight:700; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; transition:transform 0.3s; }
.section4 .foot_con .cp_nav_sns .foot_nav > li > a span::before { position:absolute; top:100%; content:attr(data-hover); font-weight:700; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); color:var(--theme-color); }
.section4 .foot_con .cp_nav_sns .foot_nav > li:hover > a span { -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%); }
.section4 .foot_con .cp_nav_sns .foot_nav > li:last-child { display:none; }
.section4 .foot_con .cp_nav_sns .cp_sns { display:flex; gap:20px; height:100%; margin-top:20px; }
.section4 .foot_con .cp_nav_sns .cp_sns a { display:block; position:relative; width:25%; padding:30px; background-color:#111; border-radius:20px; text-indent:-10000em; transition:.3s; }
.section4 .foot_con .cp_nav_sns .cp_sns a::after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:32px; height:32px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.section4 .foot_con .cp_nav_sns .cp_sns a.instagram::after { background-image:url("../images/common/ico_insta.svg"); }
.section4 .foot_con .cp_nav_sns .cp_sns a.youtube::after { background-image:url("../images/common/ico_youtube.png"); }
.section4 .foot_con .cp_nav_sns .cp_sns a.blog::after { background-image:url("../images/common/ico_blog.svg"); }
.section4 .foot_con .cp_nav_sns .cp_sns a.facebook::after { background-image:url("../images/common/ico_facebook.svg"); width:16px; }
.section4 .ft_copy { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:#999; font-size:0.813rem; }
.section4 .foot_con .contact_con .cp_btn a:hover { border-color:#FF474A; color:#FF474A; }
.section4 .foot_con .contact_con .cp_btn a.btn_red:hover { background-color:transparent; }
.section4 .foot_con .contact_con .cp_btn a:hover::before { width:100%; background-color:#000; }
.section4 .foot_con .cp_nav_sns .cp_sns a.instagram:hover { background:radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); }
.section4 .foot_con .cp_nav_sns .cp_sns a.youtube:hover { background-color:#FF0808; }
.section4 .foot_con .cp_nav_sns .cp_sns a.blog:hover { background-color:#2CB24A; }
.section4 .foot_con .cp_nav_sns .cp_sns a.facebook:hover { background-color:#5072AC; }
@keyframes blink {
  50% { border-color:transparent; }
}
@media (max-width:1540px) {
	.section4 .sec_top { padding:0 20px; }
}
@media (max-width:1200px) {
	.section4 .sec_top .sec_title { margin:0 0 20px; font-size:2.5rem; }
	.section4 .sec_top .sec_text { font-size:1.25rem; }
	.section4 .foot_con .contact_con { width:calc(100% - 500px - 15px); padding:30px; }
	.section4 .foot_con .contact_con .cp_logo { margin:0 0 20px; }
	.section4 .foot_con .contact_con .cp_add { margin-bottom:5px; }
	.section4 .foot_con .contact_con .cp_info { gap:5px 24px; }
	.section4 .foot_con .contact_con .cp_btn { margin-top:20px; }
	.section4 .foot_con .contact_con .cp_btn a { padding:15px; font-size:1rem; }
	.section4 .foot_con .cp_nav_sns { width:500px; }
	.section4 .foot_con .cp_nav_sns .foot_nav { padding:30px; }
	.section4 .foot_con .cp_nav_sns .foot_nav > li > a span { font-size:0.813rem; }
}
@media (max-width:992px) {
	.section4 .foot_con { margin:30px auto 0; }
	.section4 .foot_con .con_wrap { flex-wrap:wrap; }
	.section4 .foot_con .contact_con { width:100%; }
	.section4 .foot_con .cp_nav_sns { width:100%; }
	.section4 .foot_con .cp_nav_sns .cp_sns { gap:10px; margin-top:10px; }
	.section4 .ft_copy { position:static; transform:unset; margin:50px 0; text-align:center; }
}
@media (max-width:768px) {
}
@media (max-width:576px) {
	.section4 .sec_top .sec_title { font-size:2rem; }
	.section4 .sec_top .sec_text { animation:none; border:0 none; width:100%; padding:0 20px; font-size:1.067rem; }
}
@media (max-width:486px) {
	.section4 .foot_con .contact_con,
	.section4 .foot_con .cp_nav_sns .foot_nav,
	.section4 .foot_con .cp_nav_sns .cp_sns a { padding:20px; border-radius:10px; }
	.section4 .foot_con .cp_nav_sns .cp_sns a::after { width:20px; height:20px; }
	.section4 .foot_con .cp_nav_sns .cp_sns a.facebook::after { width:10px; }
	.section4 .foot_con .contact_con .cp_logo { max-width:140px; margin-bottom:15px; }
	.section4 .foot_con .contact_con .cp_info p,
	.section4 .foot_con .contact_con .cp_add,
	.section4 .foot_con .contact_con .cp_btn a { font-size:0.867rem; }
	.section4 .foot_con .contact_con .cp_btn a { padding:10px; border-radius:10px; }
	.section4 .foot_con .contact_con .cp_btn { gap:10px; }
	.section4 .foot_con .contact_con .cp_info { gap:8px 16px; }
	.section4 .foot_con .contact_con .cp_info p::after { right:-10px; }
	.section4 .ft_copy { margin:30px 0; font-size:0.667rem; }
	.section4 .foot_con .cp_nav_sns .foot_nav { gap:5px 15px; justify-content:flex-start; }
	.section4 .foot_con .cp_nav_sns .foot_nav > li > a span { font-size:0.733rem; }
}
@media (max-width:420px) {
	.section4 .sec_top .sec_title { font-size:1.733rem; }
	.section4 .foot_con .contact_con .cp_info { gap:0; margin-top:10px; padding-top:10px; border-top:1px dashed rgba(255, 255, 255, .1); }
	.section4 .foot_con .contact_con .cp_info p { width:100%; }
	.section4 .foot_con .contact_con .cp_info p::after { content:none; }
	.section4 .foot_con .contact_con .cp_btn { flex-wrap:wrap; }
	.section4 .foot_con .contact_con .cp_btn a { width:100%; }
	.section4 .foot_con .cp_nav_sns .foot_nav > li.home { width:100%; }
}