/* 커뮤니티 */
.communities_content { position:relative; margin-bottom:110px; }

.communities_list ul li{border-bottom:1px solid #ddd; margin-bottom:25px;}
.communities_list ul li a{display:block; width:100%; height:100%; position:relative; padding-bottom:25px;}
.communities_list ul li a:after{position:absolute; content:""; width:0; height:2px; background:#151a59; left:0; bottom:-1px; transition:all 0.6s ease-out}
.communities_list ul li a > p b{font-size:24px; color:#151a59; font-weight:500;}
.communities_list ul li:hover a:after{width:100%;}

.communities_view .view_tit{border-bottom:1px solid #151a59; margin-bottom:70px; padding-bottom:70px;}
.communities_view .view_tit > h2{font-size:41px; line-height:125%; margin-bottom:15px;}
.communities_view .view_tit > p{opacity:0.7}
.communities_view .view_con{padding:10px 50px; font-size:17px;}
.communities_view .view_con img { max-width:100%; }

/********************************************
	seach_wrap & pagecut & accordion
********************************************/
.seach_wrap{display:flex; justify-content: space-between; align-items:center; margin-bottom:40px;}
.srch_box {position: relative;transition: all 0.3s ease-out;}
.srch_box input[type="text"] {color: #444; height: 35px;padding: 0px 30px 10px 5px; border:0; border-bottom: 1px solid #1c1c1c !important; box-sizing: border-box;  width: 340px; }
.srch_box .btn_submit{position:absolute; right:20px}

.pagecut_{margin-top:50px;}
.pagecut_ ul{text-align:center}
.pagecut_ ul li{display:inline-block; vertical-align:middle; cursor:pointer; margin:0 5px; font-size:18px; font-weight:500; min-width:20px; color:#777}
.pagecut_ ul li.actived{color:#151a59; font-weight:600}
.pagecut_ ul li span{width:34px; height:34px; line-height:34px; border-radius:40px; background:#151a59; color:#fff; font-size:18px}

.pagecut{margin-top:80px;}
.pagecut{display:flex; align-items:center; justify-content:center;}
.pagecut .prev_btn{flex-grow:1}
.pagecut .list_btn{width:150px; flex-shrink:0; text-align:center;}
.pagecut .next_btn{flex-grow:1; text-align:right;}

.pagecut .btn__list{font-size:17px; display:inline-block; width:110px; height:50px; line-height:50px; background:#151a59; border-radius:50px; text-align:center; font-family: 'Spoqa Han Sans'; transition: all 0.4s; color:#fff;}
.pagecut .btn__list span{font-size:24px; position:relative; top:5px; left:3px;}
.pagecut .btn__list:hover{background:#212121; box-shadow:10px 10px 15px -5px rgba(0,0,0,.3)}

.pagecut .pagebtn { position:relative; display:block; }
.pagecut .pagebtn span,
.pagecut .pagebtn p{display:inline-block;}
.pagecut .pagebtn p { position:absolute; top:8px; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pagecut .pagebtn.prev_btn p { left:calc(100px + 20px); }
.pagecut .pagebtn.next_btn p { right:calc(100px + 20px); }
.pagecut .pagebtn .btn{font-size:14px; width:100px; height:40px; line-height:37px; border:1px solid #ddd; background:#f5f5f5; border-radius:50px; text-align:center; font-family: 'Spoqa Han Sans'; transition: all 0.4s;}
.pagecut .pagebtn:hover .btn{background:#777; color:#fff;}
/*accordion*/
.styled-accordion .control {
	position: relative;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	padding:20px 0;
	color: #333333;
}
.styled-accordion .control .collapse {
	position: absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%)
}
.styled-accordion .control .expand {
	position: absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%)
}
.styled-accordion .control:hover {
	text-decoration: none;
}
.styled-accordion .group {
	border-bottom: 1px solid #ddd;
}
.styled-accordion .group .box {
	border-top: 1px solid #9a9a9a;
	padding: 0;
	margin: 0;
}
.styled-accordion .group .box .inner_box {
	padding: 20px;
}
.styled-accordion .group.open .control p{
	color:#3c5194
}

.styled-accordion .group a{display:block;  display:flex; align-items:center; justify-content:flex-start}
.styled-accordion .group a > p{
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.styled-accordion .group a > p:nth-child(1){width:60px; flex-shrink:0; font-weight:700; font-size:27px; text-align:center;}
.styled-accordion .group a > p:nth-child(2){width:80px; flex-shrink:0;}
.styled-accordion .group a > p:nth-child(3){flex-grow:1; font-weight:400; font-size:18px; padding:0 50px 0 10px;}
.styled-accordion .group a > p > span{font-size:14px; border:1px solid #ddd; border-radius:500px; width:70px; height:30px; line-height:30px; display:block; text-align:center;}
.bgcolor01{background:#fff}
.bgcolor02{background:#151a59; color:#fff; border:none !important;}
.bgcolor03{background:#3c5194; color:#fff; border:none !important;}
.bgcolor04{background:#5785c2; color:#fff; border:none !important;}
.bgcolor05{background:#91764a; color:#fff; border:none !important;}
.bgcolor06{background:#b8a06f; color:#fff; border:none !important;}

.sch_spot { font-weight:normal; color:#EF4422 !important;}
#scroll_point { position:absolute; top:-80px; left:0; width:100%; height:0; z-index:-1; }

/* 커뮤니티 */
@media screen and (max-width:640px){
	.communities_list ul li a > p b{font-size:21px;}
}
@media screen and (max-width:1400px){
	.communities_view .view_con{padding:10px 0;}
}

/********************************************
	seach_wrap & pagecut & accordion
********************************************/
@media screen and (max-width:1024px){
    .pagecut .pagebtn p{display:none;}
	.pagecut .pagebtn .btn{font-size:13px; width:90px; height:38px; line-height:35px;}

	.pagecut .list_btn{width:100px;}
	.pagecut .btn__list{font-size:15px; width:100px; height:38px; line-height:35px;}
}
@media screen and (max-width:1100px){
	.seach_wrap{display:block;}
    .seach_wrap > h2{display:none;}
	
	.srch_box input[type="text"]{width:100%}
}
@media screen and (max-width:768px){
    .styled-accordion .group a{flex-wrap:wrap; align-items:flex-start;}
    .styled-accordion .group a > p:nth-child(1){text-align:left}
    .styled-accordion .group a > p:nth-child(2){flex-grow:6; text-align:left}
	.styled-accordion .group a > p:nth-child(3){margin-left:55px; margin-top:10px; width:100%; display:flex;}
}