@charset "utf-8";

/*----------------------------------- GT THEME  ----------------------------------------
-- 온웹(ONWEB) GT테마에 포함된 파일입니다.
-- GT테마는 상용테마로 구매자의 허용된 사이트 외에는 사용하실 수 없습니다.
-- Theme Name: GT/ Maker: ONWEB
----------------------------------------------------------------------------------------*/

#hd { }
.gt_page { margin: 0 auto; padding:50px 0; vertical-align:center; min-height: auto; }
.margin_bottom10 { margin-bottom:10px; }
.margin_top10 {}

.onweb_grad_bg3{background:-webkit-linear-gradient(45deg, hsla(65, 100%, 74%, 1) 0%, hsla(65, 100%, 74%, 0) 70%),
-webkit-linear-gradient(315deg, hsla(345, 97%, 77%, 1) 10%, hsla(345, 97%, 77%, 0) 80%),
-webkit-linear-gradient(225deg, hsla(40, 100%, 74%, 1) 10%, hsla(40, 100%, 74%, 0) 80%),
-webkit-linear-gradient(135deg, hsla(359, 97%, 72%, 1) 100%, hsla(359, 97%, 72%, 0) 70%);background:linear-gradient(45deg, hsla(65, 100%, 74%, 1) 0%, hsla(65, 100%, 74%, 0) 70%),
linear-gradient(135deg, hsla(345, 97%, 77%, 1) 10%, hsla(345, 97%, 77%, 0) 80%),
linear-gradient(225deg, hsla(40, 100%, 74%, 1) 10%, hsla(40, 100%, 74%, 0) 80%),
linear-gradient(315deg, hsla(359, 97%, 72%, 1) 100%, hsla(359, 97%, 72%, 0) 70%);}

/* 인덱스페이지 전용 미디어쿼리 */
@media (max-width:1200px) {
	.mbox_innr {width:100%;padding:0px;overflow:hidden}
	mbox1 .left1, .mbox1 .right1 { width:inherit; }
}
@media (max-width:800px) {
	.mobile_display>.left {display:none}
	.mbox_innr { width:100%; padding:0 10px; }
	
	.mbox1 .left1, .mbox1 .right1 { width:100% !important; }
	.mbox1 .left, .mbox1 .right {width:100%;float:inherit}
	.mbox1 .left, .mbox1 .left2 {padding-right:0}
	.mbox1 .right, .mbox1 .right2 {padding-left:0}
	
	#wlr2 { width:100%; height:auto !important; }
	#mbgbox { height:310px !important;}
	.mbox1 .m2box .left { float:left; width:calc(50% - 5px); }
	.mbox1 .m2box .right { float:right; width:calc(50% - 5px); margin-top:0px;}
	.margin_top10 { margin-top:10px !important; }
	#googlemaps { margin:0px 10px !important; height:400px !important; }
	
	/* 기본팝업 모바일 스타일 별도 지정 */
	.hd_pops { left: 10px !important; position: absolute !important; z-index:9999 !important;}
	.hd_pops_con { width: auto !important; height: auto !important; }
	.hd_pops img { max-width: 100%; }
} 
@media (max-width:480px) {
	.mbox { padding:50px 0px !important; }
	.mbox1 .left2 { margin-top:0px !important; }
	.mbox1 .m2box .left { width:100%;float:inherit; }
	.mbox1 .m2box .right { width:100%;float:inherit; margin-top:10px; }
	
	#mbgbox { height:auto !important;}
	.mbox1 .left2, .mbox1 .right2 {width:100%;float:inherit}
	.mbox1 .left2 { margin-top:10px; width:100% !important; }
	.mbox1 .right2 { width:100% !important; margin-left:0px !important; }
	.mbox1 .right, .mbox1 .right2 {margin-top:10px}
	.mbox1 .left:after, .mbox1 .right:after {display:block;visibility:hidden;clear:both;content:""}
	.mbox1 .left2:after, .mbox1 .right2:after {display:block;visibility:hidden;clear:both;content:""}
	
	#googlemaps { margin:0px 10px !important; height:400px !important; }
	.onweb_g2 li { float:left; width:50%; }
	.onweb_g2 .onweb_big_photo { width:100%; }
}


/* 새글 스킨 (latest) */
.GT_gallery2 { position:relative; width:100%; position:relative; overflow:hidden; margin:0 auto; padding:0; text-align:justify; line-height:180%; color:#555; }

.GT_gallery2 ul { width:100%; list-style:none; margin:0; padding:0; }
.GT_gallery2 li { float:left; width:25%; margin:0px; padding:5px; text-align:center; margin-top:0px; }
.GT_gallery2 .onweb_big_photo { width:50%; }

.GT_gallery2 li .lt_img_box { position:relative; padding:0px; display:block; width:100%; height:auto; background-color:#000; }
.GT_gallery2 li .lt_txt_box { position:absolute; z-index:1; top:0px; width:100%; height:100%; }

.GT_gallery2 li .lt_img { display:block; width:100%; max-width:100%; height:auto; border-radius:0px;}
.GT_gallery2 li .lt_img { position:relative; z-index:0; background-color:#000; transition: .2s ease; transform 0.2s; opacity: 1; }

.GT_gallery2 li .lt_img_box:hover .lt_img { opacity: 0.3; } 
.GT_gallery2 li .lt_img_box:hover .lat_title { opacity: 1.0; }

.GT_gallery2 li .lat_title { position:relative; display:inline-block; top:40%; margin:0 auto; padding:0px; width:100%; opacity: 0; transition: .2s ease; transform 0.2s; color:#FFF; font-family:"Noto Sans KR"; font-size:20px; text-align:center; letter-spacing:0px; overflow:hidden; white-space: nowrap;}

.GT_gallery2 li .expand_bar { position:relative; display:inline-block; top:40%; margin:0 auto; padding:0px; width:30px; height:1px; background-color:transparent; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.GT_gallery2 li .lt_img_box:hover .expand_bar{ -ms-transform: scaleX(3);-webkit-transform: scaleX(3); transform: scaleX(3); background-color:#FFF; } 

.GT_gallery2 .lt_contents { font-size:14px; line-height:160%; padding:0 5% 0 5%; letter-spacing:0px; text-align:justify; color:#777; min-height:70px; }
.GT_gallery2 .underbar1 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#F00; margin-top:20px; margin-bottom:20px; opacity: 0.5; }
.GT_gallery2 .lat_etc { font-size:12px; line-height:180%; padding:0px 0px 10px 0px; letter-spacing:0px; text-align:center; color:#999;}

@media (max-width:640px) { 
	.GT_gallery2 .onweb_big_photo { width:100% !important; }
	.GT_gallery2 li { width:50% !important; }
	}
	

.gt_simple2_lt_wrap{ width:100%; margin:0px; padding:0px;  }
.gt_simple2_lt_pic { float:left; width:20%; text-align:center; padding:40px 0px; }
.gt_simple2_lt_contents { float:left; width: 60%; text-align:left; margin-left:2.5%; margin-right:2.5%; padding:40px 0px; }
.gt_simple2_lt_date { float:right; width:15%; text-align:center; padding:40px 0px;  }

.gt_simple2_lt .date1{ font-family:'Noto Sans KR'; text-align:center; letter-spacing:0px; font-size:27px; font-weight:700; color:#00B4D8; padding:0px; }
.gt_simple2_lt .date2{ font-family:'Noto Sans KR'; text-align:left; letter-spacing:0px; font-size:13px; color:#00B4D8; }
.gt_simple2_lt .arr_right1 { font-size:100px; color:#DDD; vertical-align:middle; transform: rotate(90deg); }
.gt_simple2_lt .arr_right1:hover { color:#000; }

/* 타이틀 */
.gt_simple2_lt{ width:100%; font-size:15px; }
.gt_simple2_tit{ width:100%; letter-spacing:0px; padding:0px; font-size:21px; font-weight:400; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gt_simple2_content { font-family:'Noto Sans KR'; font-weight:400; width:100%; margin:10px 0px 0px 0px; padding:0px; font-size:16px; line-height:24px; color:#666; }

.gt_simple2_lt ul{ width:100%; padding:0;list-style:none; border-top:1px solid #DDD; margin-top:30px; }
.gt_simple2_lt li{ width:100%; padding: 0px; border-bottom:1px solid #DDD;} /* 줄간격 */
.gt_simple2_lt li a{color:#333; font-size:15px; }
.gt_simple2_lt li:first-child{border-top:0}
.gt_simple2_lt li .cnt_cmt{font-size:10px;color:#EE5A00}
.gt_simple2_lt li{ width:100%;}
.gt_simple2_lt li:after{display:block;clear:both;content:''}
.gt_simple2_lt li a{ width:100%; }
.gt_simple2_lt li:hover{background-color:#EEE;}
.gt_simple2_lt li a.fbold{font-weight:700}
.gt_simple2_lt li:last-child{border-bottom:0}

/* 더보기 */
.gt_simple2_lt .gt_simple2_more {float:right;}
.gt_simple2_lt .gt_simple2_more  a{font-size:13px;font-weight:normal;color:#666;text-decoration:none}
.gt_simple2_lt .gt_simple2_more  a:hover{color:#990000;text-decoration:none;}

.gt_simple2 .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

@media (max-width:640px) { 
	.gt_simple2_lt_date { display:none; }
	.gt_simple2_lt_contents { width:70%; }
	.gt_simple2_tit{ font-size:16px; font-weight:700; }
	.gt_simple2_content { font-family:'NanumBarunGothic'; font-size:13px; color:#888; font-weight:400; line-height:20px; }
	.gt_simple2_lt_pic { width:25%; padding:40px 0px; }
}


/* 최근게시물 스킨 (latest) */
#GT_content_view3 .item img{
	display: block;
	width: 100%;
	height: auto;
	/*
	min-height:100vh;
	object-fit: cover !important;
	object-position: 50% 50% !important;
	*/
}

/*owl control*/
#GT_content_view3 .owl-pagination { position:absolute; width:100%; bottom:0px; text-align:center; }
#GT_content_view3 .owl-pagination .owl-page { background:#e5e5e5; width:15px; height:10px; border-radius:5px !important; display:inline-block; margin:0 3px; transition:all 0.3s ease-in-out; }
#GT_content_view3 .owl-pagination .owl-page.active { background:#DF3128;width:30px; }
#GT_content_view3 .owl-buttons > div { position:absolute; height:80px; width:40px; line-height:80px; text-align:center; background: transparent !important; top:50%; margin:0px !important; padding:0px !important; margin-top:-40px !important; }
#GT_content_view3 .owl-buttons .owl-prev { left:10px; }
#GT_content_view3 .owl-buttons .owl-next { right:10px; }
#GT_content_view3 .owl-controls { margin:0px !important; padding:0px !important;}
#GT_content_view3 .owl-controls span { display:none !important; margin:0px !important; padding:0px !important; }
#GT_content_view3 .underbar1 { position:relative; margin:0 auto; padding:0px; width:100px; height:1px; background-color:#F00; margin-top:20px; margin-bottom:20px; opacity: 0.5; }
