@charset "utf-8";
/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css');


/* 사이트 전체의 모든 글자를 페이퍼로지로 강제 변경 */
*, body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, dt, dd, dl, address, label, small, pre, code, button, input, select, textarea { 
    font-family: 'Paperlogy', -apple-system, sans-serif !important;
    word-break: keep-all; /* 단어기준 줄바꿈 */ 
    text-transform: none;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, div, li { 
	font-weight: 400; 
    /* letter-spacing: -0.02em; */ 
    line-height: 1.3; 
}











/* 모바일 메뉴일때 상단 네비바에 홈 링크 걸리는 에러 없애기 */
@media (max-width: 959px) {
    .logo-container .style-dark a.navbar-brand {
        display: inline-block !important;
        width: auto !important;
        max-width: max-content !important;
    }
}










/* 사이즈 기본 세팅 */
/* 400픽셀부터 1600픽셀까지 조절되도록 설정 */
:root {
	
    --font-18-24: clamp(18px, calc(16.00px + 0.50vw), 24px);
	--font-30-50: clamp(30px, calc(23.33px + 1.67vw), 50px);
	--font-18-22: clamp(18px, calc(16.67px + 0.33vw), 22px);
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	--logo-23-26: clamp(23px, calc(22.00px + 0.25vw), 26px);
	--logo-140-160: clamp(140px, calc(133.33px + 1.67vw), 160px);	/* 고객사 로고들 */
	
	--layout-50-70-percent: clamp(50%, calc(-106.67px + 76.67vw), 70%);	/* 소개 패럴럭스 텍스트 */
	
	--layout-400-800: clamp(400px, calc(266.67px + 33.33vw), 800px);
	--layout-150-400: clamp(150px, calc(66.67px + 20.83vw), 400px);
	--layout-150-300: clamp(150px, calc(100.00px + 12.50vw), 300px);
	--layout-120-180: clamp(120px, calc(100px + 5.00vw), 180px);	/**/
	--layout-100-200: clamp(100px, calc(66.67px + 8.33vw), 200px);
	--layout-80-160: clamp(80px, calc(53.33px + 6.67vw), 160px);
	--layout-60-120: clamp(60px, calc(40.00px + 5.00vw), 120px);
	--layout-60-100: clamp(60px, calc(46.67px + 3.33vw), 100px);	/**/
	--layout-40-80: clamp(40px, calc(26.67px + 3.33vw), 80px);
	--layout-30-60: clamp(30px, calc(20.00px + 2.50vw), 60px);
	--layout-25-50: clamp(25px, calc(16.67px + 2.08vw), 50px);
	--layout-20-40: clamp(20px, calc(13.33px + 1.67vw), 40px);
	--layout-15-30: clamp(15px, calc(10.00px + 1.25vw), 30px);
	--layout-12-24: clamp(12px, calc(8.00px + 1.00vw), 24px);
	--layout-10-20: clamp(10px, calc(6.67px + 0.83vw), 20px);	/* 포폴 썸네일 하단 여백 */
	--layout-0-20: clamp(0px, calc(-6.67px + 1.67vw), 20px);
	--layout-minus-70-100: clamp(-100px, calc(-60px - 2.50vw), -70px);	/* 소개 이미지 위 텍스트 */
	--layout-6-10: clamp(6px, calc(4.67px + 0.33vw), 10px);
	
	--backbtn-42-56: clamp(42px, calc(37.33px + 1.17vw), 56px);
	
	--fonttitle-34-50: clamp(34px, calc(28.67px + 1.33vw), 50px);
	--font-26-50: clamp(26px, calc(18.00px + 2.00vw), 50px);
	--font-30-40: clamp(30px, calc(26.67px + 0.83vw), 40px);
	--font-26-36: clamp(26px, calc(22.67px + 0.83vw), 36px);
	--font-26-34: clamp(26px, calc(23.33px + 0.67vw), 34px);
	--font-24-30: clamp(24px, calc(22.00px + 0.50vw), 30px);
	--font-22-26: clamp(22px, calc(20.67px + 0.33vw), 26px);
	--font-22-24: clamp(22px, calc(21.33px + 0.17vw), 24px);
	
	--font-18-22: clamp(18px, calc(16.67px + 0.33vw), 22px);
	--font-16-22: clamp(16px, calc(14.00px + 0.50vw), 22px);
	--font-18-21: clamp(18px, calc(17.00px + 0.25vw), 21px);
	--font-16-18: clamp(16px, calc(15.33px + 0.17vw), 18px);
	
}




/***************************************************************** 전체 공통 *****************************************************************/
/* PC에서만 줄바꿈 */
@media screen and (max-width: 1200px) {	.br-pc	{ display: none !important; }}

/* 모바일에서 스페셜 커서 안보임 */
@media (max-width: 959px) { #uncode-custom-cursor, #uncode-custom-cursor-pilot { display: none !important; }}

/* 관리자 BOXED 옵션 껐을때 창조절시 떨림현상 없애기 */
.box-container { width: 100% !important; margin-left: auto !important; }

/* 모바일 버거메뉴, 버튼 등 터치 하이라이트(번쩍임) 제거 */
/* 웹킷 브라우저 (크롬, 사파리, 안드로이드 등) */
html, body { -webkit-tap-highlight-color: transparent !important; }
/* 터치 영역의 묘한 그림자나 깜빡임 방지 */
a, button, .custom-link-box, .mobile-menu-button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: none !important; }

/* 폰에서 드래그시 이미지 오버효과 없애기 */
@media (max-width: 959px) {
    /* 1. 이미지 확대(Zoom) 차단 */
    .tmb:hover img, .tmb:active img { transform: none !important; }    
    /* 2. 검은 막(Overlay) 덮임 차단 */
    .tmb:hover .t-entry-visual-overlay-in, .tmb:active .t-entry-visual-overlay-in { opacity: 0 !important; }
}

/* 애니메이션 bottom to top, top to bottom 움직이는 거리 조절 (기본은 100px) */
@keyframes anim_ttb {
    0% 		{ transform: translate3d(0, -50px, 0); opacity: 0; }
    100% 	{ transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes anim_btt {
    0% 		{ transform: translate3d(0, 50px, 0); opacity: 0; }
    100% 	{ transform: translate3d(0, 0, 0); opacity: 1; }
}
html:not(.no-cssanimations) body:not(.fp-waiting) .animate_when_almost_visible.start_animation:not(.zoom-reverse):not(.srcset-lazy-animations).bottom-t-top {
    animation-name: anim_btt; opacity: 1;
}









/* 버티컬 메뉴 로고는 블록이랑 여기에서 설정 */
/* 모바일일때 로고 설정은 관리자 로고설정에서 해야됨 */
/* 로고 크기 및 여백 조정 */
.top-logo img { height: 40px !important; width: auto !important; }

/* 로고와 하단 메뉴 사이 여백 */
/* 1) 로고 컨테이너 강제 패딩 적용 (공간 확보) */
.uncode-single-media.top-logo { padding-bottom: 50px !important; margin-bottom: 0 !important; }
@media (max-width: 959px) {.top-logo { display: none;}}

/* 모바일 로고 사이즈 */
@media (max-width: 959px) { .navbar-brand > * { height: 28px !important; } }





















/***************************************************************** 데스크탑 버티컬 메뉴 *****************************************************************/

/* 좌측 버티컬메뉴 창크기 조절할때 첫위치 중앙에서 위로 올라가는 것 없애기 */
@media (min-width: 960px) {
    .vmenu-container .vmenu-wrap-cell 	{ vertical-align: top !important; }
	.vmenu-container .vmenu-row-wrapper { margin-top: 0 !important; padding-top: 0px !important; }
	.vmenu-container .main-menu-container, .vmenu-container .vmenu-row-wrapper { height: auto !important; }
}

/* 1뎁스 폰트 */
#menu-pptx > li > div > a, #menu-pptx > li > div > a span, #menu-pptx > li > div > span { color: #ffffff !important; font-size: 24px !important; font-weight: 500 !important; }
/* 2뎁스 폰트 */
#menu-pptx li a, #menu-pptx li a span, #menu-pptx li div span { color: #aaaaaa !important; font-size: 20px !important; font-weight: 300 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; }

/* 2뎁스 마우스 오버시 1뎁스까지 컬러 변환 */
#menu-pptx li.menu-item-has-children:hover > div > a, #menu-pptx li.menu-item-has-children:hover > div > a span, #menu-pptx li.menu-item-has-children:hover > div > span { color: #267ff2 !important; }
/* 개별 메뉴 마우스 오버 시 */
#menu-pptx li a:hover, #menu-pptx li a:hover span, #menu-pptx li div:hover span { color: #267ff2 !important; }
/* 활성화 시 컬러 고정 */
#menu-pptx li.current-menu-item > a, #menu-pptx li.current-menu-item > a span, #menu-pptx li.current-menu-ancestor > div > a, #menu-pptx li.current-menu-ancestor > div > a span, #menu-pptx li.current-menu-ancestor > div > span,
#menu-pptx li.active > div > a, #menu-pptx li.active > div > a span, #menu-pptx li.active > div > span { color: #267ff2 !important; }
/* 메뉴 간격 */
#menu-pptx > li { padding: 0 0 15px 0 !important; }
#menu-pptx ul.sub-menu { display: block !important; padding: 0 !important; margin: 0 !important; row-gap: 0 !important; }
#menu-pptx ul.sub-menu li { padding: 8px 0 0 0 !important; margin: 0 !important; }

/* 2뎁스 앞에 - 추가 */
.vmenu-container .sub-menu li a span::before { content: "- "; margin-right: 6px !important; }















/* [교체] PC 데스크탑 세로 메뉴일 때만 높이 제한 적용 (모바일 오프캔버스 간섭 차단) ?????????????????????????????? */
@media (min-width: 960px) {
    .vmenu-container {
        max-height: 100vh !important; /* 화면 세로 크기 제한 */
        overflow-y: auto !important;  /* 내용 넘칠 때만 스크롤 */
        -ms-overflow-style: none;     /* IE 및 Edge 스크롤바 숨기기 */
        scrollbar-width: none;        /* 파이어폭스 스크롤바 숨기기 */
    }    
    .vmenu-container::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
}










/***************************************************************** 모바일 메뉴 *****************************************************************/

/* 버거 메뉴 두께, 길이 조절 */
.lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span { height: 3px; width: 24px; border-radius: 0 !important; }
.lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span { transform-origin: 12px center; }









/* 모바일 메뉴(오프캔버스) 열렸을 때 본문 스크롤바 및 이중 스크롤 완벽 차단 ?????????????????????????????????????? */
body.unc-offcanvas-open, 
body.menu-mobile-open {
    overflow: hidden !important;   /* 본문 바깥 스크롤바 강제 제거 */
    position: fixed !important;    /* 본문 스크롤 잠금 */
    width: 100% !important;
    height: 100% !important;
}
/* 959px 이하 모바일 화면에서 오프캔버스 자체의 불필요한 기본 스크롤바 레이어 숨기기 */
@media (max-width: 959px) {
    .main-menu-container,
    .vmenu-container {
        -ms-overflow-style: none !important;  /* IE, Edge 스크롤바 제거 */
        scrollbar-width: none !important;     /* 파이어폭스 스크롤바 제거 */
    }
    .main-menu-container::-webkit-scrollbar,
    .vmenu-container::-webkit-scrollbar {
        display: none !important;             /* 크롬, 사파리 등 모바일 브라우저 스크롤바 UI 제거 */
        width: 0 !important;
        height: 0 !important;
    }
}













.page_title h2 span 	{ font-size: var(--font-18-24) !important; font-weight: 500 !important; margin: 0 0 40px 0 !important; }
.page_slogan h2 span 	{ font-size: var(--font-30-50) !important; font-weight: 600 !important; margin: 0 0 100px 0 !important; }


/***************************************************************** 홈 *****************************************************************/



.home-area { }
.home-area h2 span { font-size: 18px !important; }









/***************************************************************** 서비스 소개 *****************************************************************/

/* 서비스 배경 설정 */
.service_bg_row div 		{ border-radius: 10px !important; overflow: hidden !important; }
.service_bg_row .row-internal {
    display: flex !important; flex-direction: column !important;
    justify-content: center !important; /* 내용물 상하 정중앙 정렬 */
    align-items: center !important;     /* 내용물 좌우 정중앙 정렬 */
    height: 50vh !important;            /* 모니터/스마트폰 화면 높이의 정확히 50% */
    min-height: 550px !important;       /* 아무리 화면이 작아도 최소 400px 유지 */
	margin-bottom: 100px !important;
}
/* 서비스 배경 안쪽 패딩 */
.service_bg_col2 { padding: 0 30px !important;  box-sizing: border-box !important; }


/* 서비스 배경 속 텍스트 설정 */
.service_area_txt h2 span 	{ font-size: var(--font-18-24) !important; font-weight: 400 !important; color: #ffffff !important; border-top: 1px solid #ffffff !important; border-bottom: 1px solid #ffffff !important; padding: 5px 0px !important; }
.service_title 				{ margin-top: 40px !important; }
.service_title h1 span 		{ font-size: var(--font-30-50) !important; font-weight: 600 !important; color: #ffffff !important; }
.service_title_sub 			{ margin-top: 15px !important; }
.service_title_sub p 		{ font-size: var(--font-18-22) !important; font-weight: 300 !important; color: #ffffff !important; }


/* 견적문의 버튼 - 기본 상태 정의 */
.service_area_btn_contact { background-color: #267ff2 !important; color: #ffffff !important; font-size: 18px !important; font-weight: 500 !important; padding: 12px 28px !important; border-radius: 9999px !important; margin-top: 50px !important; }
/* 견적문의 버튼 - 호버 상태 정의 (테마 이펙트 간섭 없이 순수 색상만 변경) */
.service_area_btn_contact:hover { background-color: #101213 !important;  color: #ffffff !important; }












/***************************************************************** 포트폴리오 리스트 *****************************************************************/
/* 포트폴리오 카테고리 스타일 설정 */
/* ⭐️ 초기 로드 시 튕김 방지 및 부드러운 노출 */
.pptx-filter-container { opacity: 0; visibility: hidden; transition: opacity 0.15s ease-in-out; }
.pptx-filter-container.pptx-loaded { opacity: 1; visibility: visible; }
/* ⭐️ 36px 마진으로 감싸서 물리적 벽 생성 (그리드 유지) */
.pptx-filter-container.swiper {
    width: calc(100% - 72px) !important;
    margin-left: 36px !important;
    margin-right: 36px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 0 50px 0 !important; 
}
.pptx-filter-container .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; padding: 0 !important; }
/* 카테고리 카드 */
.pptx-filter-card.swiper-slide {
    flex: 0 0 100px !important;
    width: 100px !important; height: 100px !important;
    background-color: #181818 !important; border: 1px solid #333333 !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background-color 0.2s, border-color 0.2s !important;
}
/* 카드 오버 */
.pptx-filter-card.swiper-slide:not(.active):hover 	{ background-color: #292929 !important; border-color: #444444 !important; }
/* 카드 활성화 */
.pptx-filter-card.swiper-slide.active 				{ background-color: #267ff2 !important; border-color: #267ff2 !important; }
/* 아이콘 평상시 */
.pptx-filter-card .pptx-icon { display: flex !important; justify-content: center !important; align-items: center !important; color: #777777 !important; margin-bottom: 10px !important; }
/* 아이콘 활성화 */
.pptx-filter-card.swiper-slide.active .pptx-icon { color: #ffffff !important; }
/* 아이콘 사이즈 */
.pptx-filter-card .pptx-icon svg { width: 24px !important; height: 24px !important; }
/* 카테고리 제목 평상시 */
.pptx-filter-card .pptx-title { font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1 !important; white-space: nowrap !important; }
/* 카테고리 제목 활성화 */
.pptx-filter-card.swiper-slide.active .pptx-title { color: #ffffff !important; }
/* 카운트 평상시 */
.pptx-filter-card .pptx-count { font-size: 13px !important; color: #777777 !important; margin-top: 5px !important; line-height: 1 !important; white-space: nowrap !important; }
/* 카운트 활성화 */
.pptx-filter-card.swiper-slide.active .pptx-count { color: #ffffff !important; }










/* 포트폴리오 카드 배경 일괄 변경 */
.cssgrid-system .tmb .t-inside { background-color: #292929 !important; }
/* 포트폴리오 카드 제목 */
.cssgrid-system .tmb .t-entry-title a { font-size: 18px !important; font-weight: 500 !important; color: #ffffff !important; }
.cssgrid-system .tmb .t-entry-cf-role { font-size: 15px !important; font-weight: 400 !important; color: #777777 !important; margin-top: 4px !important; }
/* 포트폴리오 카드 글자 구역 여백 */
.cssgrid-system .tmb .t-entry-text { padding-top: 11px !important; padding-bottom: 20px !important; padding-left: 18px !important; padding-right: 18px !important; }


/* 카드 전체를 클릭 영역으로 확장 */
.tmb .t-inside { position: relative !important; cursor: pointer; }
.tmb .t-entry-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
/* 카테고리 태그 링크는 정상 작동하도록 클릭 레이어 위로 올림 */
.tmb .t-entry-meta a { position: relative; z-index: 6; }
/* 1. 부드러운 색상 변화 애니메이션 추가 */
.tmb .t-inside { transition: background-color 0.3s ease !important; }
/* 2. 마우스 오버 시 카드 배경색 변경 */
.tmb:hover .t-inside { background-color: #323232 !important; }



/* 소개서 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="intro"] 		{ background-color: #4a4a4a !important; color: #85B7F3 !important; }
/* 발표자료 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="presentation"] 	{ background-color: #4a4a4a !important; color: #78DAB2 !important; }
/* 제안서 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="proposal"] 		{ background-color: #4a4a4a !important; color: #C2A8F2 !important; }
/* IR자료 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="ir"] 			{ background-color: #4a4a4a !important; color: #FBA3AD !important; }
/* 보고서 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="report"] 		{ background-color: #4a4a4a !important; color: #F7C889 !important; }
/* 교육자료 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="lecture"] 		{ background-color: #4a4a4a !important; color: #EA9ACF !important; }
/* 표준템플릿 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence[href*="template"] 		{ background-color: #4a4a4a !important; color: #68D0DE !important; }


/* 뱃지 설정 */
.cssgrid-system .t-entry-meta 	{ margin-bottom: 8px !important; display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
/* 카테고리 태그 뱃지 글자 크기 및 상세 디자인 강제 적용 */
.cssgrid-system .tmb .t-entry-text .t-entry-meta a.tmb-term-evidence { font-size: 13px !important; border-radius: 4px !important; font-weight: 500 !important; padding: 4px 8px !important; display: inline-block !important; }
/* 카테고리 태그 뱃지 링크 없애기 */
.cssgrid-system .tmb-term-evidence { pointer-events: none !important; cursor: default !important; }




















/***************************************************************** 포트폴리오 상세 *****************************************************************/

/* 포트폴리오 상세 메인이미지 관련 설정 */
/* 1. 메인 이미지 영역의 손가락 커서 및 마우스 반응 완전 차단 */
.uncode-single-media .tmb,
.uncode-single-media .t-inside,
.uncode-single-media img {
    cursor: default !important;
    pointer-events: none !important; /* 링크가 없으므로 마우스 이벤트를 차단해 기본 커서로 고정 */
}

/* 2. 이미지 하단 그림자, 테두리, 라인 완벽 제거 */
.uncode-single-media .tmb,
.uncode-single-media .t-inside,
.uncode-single-media .t-entry-visual,
.uncode-single-media img {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
}



.portfolio_view_detail_wrap 			{ margin-top: 40px !important; }
.portfolio_view_client_title h4 span 	{ font-size: 16px !important; font-weight: 500 !important; color: #999999 !important; }
.portfolio_view_client h3 span		 	{ font-size: 20px !important; font-weight: 500 !important; color: #ffffff !important; margin-top: 5px !important; }





/* 하단 네비게이션 관련 설정 */
/* 하단 네비게이션 완벽 정렬 수정 코드 */

/* 1. 네비게이션 컨테이너(ul)를 플렉스 양 끝 정렬로 설정 */
ul.uncode-custom-navigation__nav { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    width: 100% !important; 
    max-width: 100% !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    box-sizing: border-box !important; 
}

/* 2. 각 아이템(li)이 공간을 나눠 가지며 좌우 벽으로 밀어냄 */
li.uncode-custom-navigation__item { 
    display: flex !important; 
    width: 50% !important; 
    flex: 1 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}

/* 최근 (왼쪽 li) */
li.uncode-custom-navigation__item--next { 
    order: 1 !important; 
    justify-content: flex-start !important; 
}

/* 이전 (오른쪽 li) */
li.uncode-custom-navigation__item--prev { 
    order: 2 !important; 
    justify-content: flex-end !important; 
}

/* 3. 링크 영역 정렬 및 패딩 */
.uncode-custom-navigation__link { 
    display: inline-flex !important; 
    align-items: center !important; 
    gap: 10px !important; 
    text-decoration: none !important; 
    padding: 10px 0 !important; 
    margin: 0 !important; 
}
.uncode-custom-navigation__link--next { flex-direction: row !important; }
.uncode-custom-navigation__link--prev { flex-direction: row-reverse !important; }

/* 4. 텍스트 및 아이콘 스타일 */
.uncode-custom-navigation__text { 
    font-size: 22px !important; 
    color: #ffffff !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    transform: none !important; 
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out !important; 
}
.uncode-custom-navigation__icon { 
    font-size: 20px !important; 
    color: #ffffff !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    transform: none !important; 
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out !important; 
}

/* 5. 마우스 오버 효과 */
.uncode-custom-navigation__link--next:hover .uncode-custom-navigation__icon, 
.uncode-custom-navigation__link--next:hover .uncode-custom-navigation__text { 
    transform: translateX(-15px) !important; 
    color: #267ff2 !important; 
}
.uncode-custom-navigation__link--prev:hover .uncode-custom-navigation__icon, 
.uncode-custom-navigation__link--prev:hover .uncode-custom-navigation__text { 
    transform: translateX(15px) !important; 
    color: #267ff2 !important; 
}





















/***************************************************************** 푸터 *****************************************************************/
.footer_wrap { margin-top: 300px !important; }