@charset "utf-8";

#GT_mainslide .dot_bg { opacity: 0.5 !important; } 
.owl-offres-dots { bottom: 80px; } 
/* 썸네일 위치 조절 */
#GT_mainslide .slide-caption__title { font-size: 70px; line-height: 70px; font-family: 'Nexon Gothic'; font-weight: 700; } 
#GT_mainslide .slide-caption__desc { font-size: 15px; line-height: 24px; font-family: 'Nexon Gothic'; font-weight: 400; } 
@media (max-width:480px){
#GT_mainslide .item img { height: 75vh !important; max-width: 480px !important; } 
/* 모바일 메인슬라이드 글자크기 조정 */
#GT_mainslide .slide-caption__title { font-size: 50px !important; line-height: 50px !important; } 
#GT_mainslide .slide-caption__desc { font-size: 14px !important; } 
}

/* SECTION #02 BEGIN */

/* SECTION_03  상단 버튼 넣기 & 중앙 정렬*/

#nav_buttons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 50px; text-align: center; }
.gt_pic2_div_button { line-height: 40px; padding: 10px; border-radius: 5px; outline: none; border: none; margin: 10px; }
.onweb_btn4:hover { background-color: #F00 !important; color: #FFF !important; outline: none; border: none; }
@media (max-width: 768px){
.gt_pic2_div_button { width: calc(50% - 20px); max-width: 200px; } 
}
/* 활성화 버튼 색상 추가 */
.highlighted { background-color: #F00 !important; color: #FFF !important; }		




/* SECTION #08 BEGIN 블로그 영역 */

.gt_simple2 { width: 100%; text-align: center; margin-top: 70px; } 
.gt_simple2_title1 { font-size: 46px; line-height: 60px; color: #111; font-weight: 200; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_simple2_title2 { font-size: 46px; line-height: 60px; color: #111; font-weight: 700; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_simple2_content1 { font-size: 18px; line-height: 30px; color: #333; font-weight: 400; letter-spacing: 0px; font-family: 'NanumSquare'; margin: 10px 0px; text-align: center; } 
.gt_simple2_bar { display: inline-block; margin: 20px 0px auto; width: 100px; border-bottom: 2px solid #000; margin-bottom: 20px; } 
.gt_simple2_button { line-height: 40px; margin-bottom: 30px; padding: 10px 5px 10px 10px; } 
@media (max-width:480px) {
.gt_simple2_title1,
.gt_simple1_title2 { font-size: 40px; line-height: 50px; } 
.gt_simple2_content1 { font-size: 16px; margin: 5px 10px 10px 10px; letter-spacing: -1px; } 
.gt_simple2_button { margin-bottom: 50px; padding: 0px 5px 0px 10px; border-radius: 40px; font-size: 15px; min-width: 150px; } 
}

/* SECTION #07 BEGIN 포트폴리오 부분 */

.gt_gl2 { width: 100%; overflow: hidden; text-align: center; margin-top: 30px; } 
.gt_gl2_title1 { font-size: 46px; line-height: 60px; color: #111; font-weight: 200; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_gl2_title2 { font-size: 46px; line-height: 60px; color: #111; font-weight: 700; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_gl2_content1 { font-size: 18px; line-height: 30px; color: #111; font-weight: 400; letter-spacing: 0px; font-family: 'NanumSquare'; margin: 30px 0px 20px 0px; } 
.gt_gl2_bar { padding: 10px 0px; width: 100px; border-bottom: 1px solid #000; } 
.gt_gl2 .onweb_btn1 { border: 2px solid #111; } 
@media (max-width:1111px){
.gt_gl2 { margin-top: 50px; } 
.gt_gl2_title1,
.gt_gl2_title2 { font-size: 36px; line-height: 50px; } 
.gt_gl2_content1 { font-size: 15px; margin: 5px 10px 10px 10px; letter-spacing: -1px; } 
.gt_gl2 .onweb_btn1 { margin-bottom: 30px; } 
}
@media (max-width:480px){
#SECTION_06_01 { padding: 0px !important; } 
#SECTION_06_01_01 { display: none !important; } 
#SECTION_06_01_02 { padding: 0px !important; } 
}


/* 메인 슬라이드 하단 마우스 스크롤 애니메이션 /skin/latest/mainslide_jarallax4_h3*/
.mouse { width: 40px; height: 70px; border: 2px solid #fff; position: absolute; bottom: 0px; left: 50%; margin-left: -20px; border-radius: 20px; opacity:0.5; }
.mouse:after { content: ""; position: absolute; height: 12px; width: 6px; background-color: #fff; border-radius: 3px; left: 50%; margin-left: -3px; top: 20px; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes rotateplane {  0% { -webkit-transform: translateY(-2px) }  100% { -webkit-transform: translateY(15px) } }
@keyframes rotateplane {  0% { transform: translateY(-2px); -webkit-transform: translateY(-2px); } 100% { transform: translateY(15px); -webkit-transform: translateY(15px); } }

@media (max-width:1600px) { 
	#main_mouse { display:none !important; }
}

/* ------------------------------------- SECTION #03 BEGIN ------------------------------------ */
#SECTION_05 .gt_cv2 { width: 25%; text-align: left; margin-top: 30px; } 
.gt_cv2_title1 { font-size: 46px; line-height: 60px; color: #111; font-weight: 200; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_cv2_title2 { font-size: 46px; line-height: 60px; color: #111; font-weight: 700; letter-spacing: -1px; font-family: 'NanumSquare'; } 
.gt_cv2_content1 { font-size: 16px; line-height: 30px; color: #333; letter-spacing: 0px; font-family: 'NEXON Gothic'; margin: 30px 0px 20px 0px; text-align: left; width: calc(100% - 20px); } 
.gt_cv2_bar { margin: 25px 0px; width: 40px; border-bottom: 4px solid #000; } 
.gt_cv2_button { line-height: 40px; margin-bottom: 30px; padding: 10px 5px 10px 10px; } 
@media (max-width:1111px){
#SECTION_05 .gt_cv2 { text-align: center; margin-top: 0px; } 
.gt_cv2_title1,
.gt_cv2_title2 { font-size: 40px; line-height: 50px; } 
.gt_cv2_content1 { text-align: center; width: 100%; margin: 5px 10px 10px 10px; letter-spacing: -1px; } 
.gt_cv2_bar { margin: 0 auto; padding: 10px 0px 20px 0px; display: none; }
.gt_cv2_button { margin-bottom: 50px; padding: 0px 5px 0px 10px; border-radius: 40px; font-size: 15px; min-width: 150px; } 
}

/*메인 갤러리 더보기 버튼 임시 주석*/

.view_all_container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -20px;
}

.btn_view_all {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    transition: background-color 0.3s ease;
    margin-bottom: 20px;
}

.btn_view_all:hover {
    background-color: #0056b3;
}
