/* 스크롤바 가로 사이즈 */
::-webkit-scrollbar {width: 10px; height: 10px;}

/* 스크롤바 막대기 */
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #666;}

/* 스크롤바 백그라운드 */
::-webkit-scrollbar-track {background-color: #ddd;}


.header {width:100%; margin:0 auto; z-index:6500; position: absolute;} /*position: relative;*/
.header:after {display:block; content:''; clear:both; }

.logobox {}
.logobox a{display:block; width:200px;}
.logobox a img{width:100%;}

.boxcen {position:relative;width: 1100px; margin:0 auto; padding: 2%;}
.boxcen:after {display:block;content:'';clear:both;}

.top_nav01 {position:absolute;top: 5%; right:0; z-index:900;}
.top_nav01 li {float:left;margin-left: 40px;}
.top_nav01 li a {/* display: block; */color: #ccc;font-weight: 500;font-family: 'Roboto', sans-serif;font-size: 13px;}
.top_nav01 li a:hover {color:#ddd; transition: all 250ms ease-in-out;}
.top_nav01 li a.active {color:#ddd;}
.goog-te-gadget-simple {border:0 !important;}
.goog-te-gadget-simple a span{color:#ccc; font-weight:bold; font-family: 'Roboto', sans-serif;}
.goog-te-gadget-simple a span:nth-child(3){border:0 !important;}
.goog-te-gadget-simple a:hover span{color:#ddd !important; transition: all 250ms ease-in-out;}

/*내비게이션*/
.m_navgrp {position:relative; height: 55px; box-sizing: border-box; display: flex; flex-direction: row;}
.m_navgrp div{width:1100px; margin:0 auto;}
.m_nav {display:flex; flex-direction:row; }
.m_nav:after {display:block; content:''; clear:both;} 
.m_nav > li {float:left; width:100%}
/* .m_nav > li:first-child {min-width:110px;} */
.m_nav > li:last-child {padding-right: 0px;}
.m_nav > li > a {display:block; width:100%; color:#fff; height:53px; line-height:53px; font-weight: 400; letter-spacing: 0.5px;
font-size:15px; text-align:center;}
.m_nav > li > a:hover {font-size:1.2em;}
li.dmenu {position: relative;}
.depth_nav {position:absolute; min-width:137px; height:35px; z-index:2000; padding-top:10px;}
.depth_nav li {padding-bottom:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.depth_nav li a {display: block; color: #ddd; width: 100%; height: 33px; line-height: 33px; font-size: 13px; text-align: center; bakcground: #000; }
.depth_nav li a:hover {color:#fff;}
.depth_nav {position: absolute; width: 100%; height: 35px; z-index: 2000; padding-top: 10px; display: none;}

.bg_nav {display: none; position:absolute; top: 100px; width:100%; height: 100%; min-height: 270px; padding: 10px 0; background:url('/resource/image/user/bg/SBgWrap.png') repeat; z-index:1000;}

/* 메인 슬라이더*/
.full_slider {position:relative; height:100vh; margin:0 auto; overflow: hidden;}
.full_slider img {display:block; width:100%; vertical-align:top; filter: brightness(.65);}

.full_slider .center_bx01 {position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); width:1100px; text-align:center; z-index:5000; color:#fff; text-shadow: 0 1.3px 6px rgba(0,0,0,0.3);}
.full_slider .center_bx01 .visual_txt_title {font-weight: 300; font-size: 4.5em; padding-bottom: 20px;}
.full_slider .center_bx01 .visual_txt02 {font-size: 18px; font-weight: 200;}


/* article02 -jungin_ver.02-2023 */		 
.article02 {position:relative; width:100%; background: #fafafa;}	 
.article02 .way_box {width:100%; height:700px; display:flex; justify-content:center; align-items:center;}
.way_box_inner {display: flex; justify-content:center; align-items:center;}
.way_box_inner .way_map {width:500px; height:500px; background-color:gray; background: url('/resource/image/user/main/map_test.png')}
.way_textbox {width:500px; height:500px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align: center;}
.way_textbox h3 {color:#292929; font-size:3em; font-weight:200;}
.way_textbox hr {border:0; width:80px; height:1px; background-color:#292929; margin: 15px 0;}
.way_textbox p {font-size: 1.1em; color: #292929; font-weight: 300;	opacity: .9;}


/* <<<<<<<<<<<<<<<<<<<< button 관리 모음 >>>>>>>>>>>>>>>>>>>>>> */

/*메인 섹션 - 버튼모양 (색없음)*/
.btn_shape {width:200px; height:50px; margin-top:25px; border-radius:900px; transition:.3s;}

/*흰배경 일때 - 색상(배경,선,폰트색상)*/
/* .btn_color {background-color:transparent; border: 1px solid #666;  color:#292929;} */
/* .btn_color:hover {background-color: red; border: 1px solid red; color: #fff; font-weight: 500;} */
 
/*어두운 배경 일때 - 색상(배경,선,폰트색상)*/
/* .btn_color_dark{border: 1px solid #fff; background: #fff; opacity: 80%; } */
/* .btn_color_dark:hover{background-color: red; border: 1px solid red; color: #fff; font-weight: 500; opacity: 100%;} */

/*서브페이지 버튼 통일 - 색상(배경, 폰트색상)*/
/* .sub_bg{background: pink !important; color:yellow !important;} */

 
 /* 버튼관리끝   */
 
 
/* article03 -jungin_ver.01-2023 */
.article03 {display: flex; justify-content: center; align-items: center; background: #fafafa; height: 820px; position: relative;}
.article03_inner {width: 1100px; position: relative; margin-bottom: 410px;}
.article03_inner h2 {font-size: 3em; font-weight: 200; text-align: center; margin-bottom: 50px}
.article03_inner>hr {width: 100px; height: 1px; background-color: rgb(99, 99, 99); border: 0; margin: 50px auto;}
.article03_slide_wrap {width: 100% !important; display: flex; justify-content: center;}
.article03_slide_wrap div:nth-child(3) {margin-right: 0; }

.tap_title {display: flex; justify-content: center; }

.tap_title .tap_btn{font-size: 1.12em; text-align:center; width:150px; height:50px; line-height: 50px; transition:.3s; border-radius:900px; margin: 5px;}
/* .tap_title .tap_btn:hover {background-color: #293BA7; border: 1px solid #293BA7; color: #fff; font-weight: 600;} */
/* .tap_title .tap_btn.active {background-color: #293BA7; border: 1px solid #293BA7; color: #fff; font-weight: 600; } */

/*tap01*/
.tap01_btn {overflow: hidden;}
.article03 .tap01_btn div {position: absolute; bottom:-200px;}
.tap01_btn .left_btn {left: -5%; z-index:9999; cursor: pointer; }
.tap01_btn .right_btn {right: -5%; z-index:9999; cursor: pointer;}

/* article03- 공통 */
.commu_box {width: 305px; height: 285px; margin-right: 0.8em; padding: 25px; transition: 1s; overflow: hidden; border: 1px solid #ddd; border-radius: 2px;}
.rooms_slide_btn {display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; width: 100px;	height: 30px; padding-top: 20px;}
.rooms_slide_btn span { background-color: gray; width: 30px; height: 3px;}
.commu_cont {height:200px;}
.commu_text_all {display: flex; flex-direction: column;}
.commu_text_all .date {text-align: right; color: #777;}
.commu_text_all .commu_jaemock {color:#444;	font-weight: 400; margin-top: 12px; height: 35px; display: flex; align-items: flex-end; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.commu_text_all .commu_jaemock h3 {font-size: 1.1em;}
.commu_text_all hr {border: 0; background-color: #ddd; width: 100%;	height: 1px;}
.commu_text_all .commu_naeyong {color:#444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 10px;}
.commu_text_all .commu_naeyong p {line-height: 2em;}
/*포토갤러리 css*/
.commu_text_all .commu_jaemock_photo {color:#444; font-weight: 400; height: 35px; display: flex; align-items: flex-end; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.commu_text_all .commu_jaemock_photo h3 {font-size: 1.1em;}
.commu_text_all .commu_naeyong_photo{color:#444; overflow: hidden; width: 305px; height: 160px; display: flex;}
.commu_text_all .commu_naeyong_photo img{width: 100%}

.commu_btn {width:170px; height:45px; transition:.3s; color:#292929; border-radius:900px; justify-self: center; align-self: center; margin-top: 20px;}
/* .commu_btn:hover {background-color: #293BA7; color: #fff; font-weight: 600; border: 1px solid #293BA7;} */

/*tap02 - 이벤트*/
.tap02_btn {overflow: hidden;}
.tap02{position: relative;}
.article03 .tap02_btn div {position: absolute; bottom: 40%;}

.tap02_btn .left_btn {left: -5%; z-index:9999; cursor: pointer; }
.tap02_btn .right_btn {right: -5%; z-index:9999; cursor: pointer;}

/*이벤트 종료*/
.end_event {position: relative;}
.end_event::before {content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 998;}
.end_event::after {content:"END EVENT"; position: absolute; top: 50%; left: 50%; color: #fff; text-align: center; font-size: 1.1em; line-height: 50px; transform: translate(-50%,-50%); width: 160px; height: 50px; background: #000; z-index: 999;}

/*tap - 게시글 없을때 기본 화면*/	
.no_cont { text-align: center; width: 100%; height: 300px; background: #ddd;}
.no_cont p {line-height: 300px; color: #666;}