@charset "utf-8";

/* 회원스토리 */
.story-result-list-wrap { overflow-y: auto; background-color: #F5F5F5; height: 1066px;}
.story-result-list-wrap .result-list {width: 100%; height: auto; box-sizing: border-box; padding: 10px; border-radius: 10px; margin-bottom: 14px; overflow: hidden; background: #FFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);}
.story-result-list-wrap .result-list:last-child {margin-bottom: 0;}
.story-result-list-wrap .result-list .result-list-top {display: flex;justify-content: center; align-items: stretch;}
.story-result-list-wrap .result-list .result-list-top .result-img-wrap {width: 100px; height: 140px; margin-right: 10px; border-radius: 5px; overflow: hidden;}
.story-result-list-wrap .result-list .result-list-top .result-img-wrap img {display: block; width: 100%; height: 100%; object-fit: cover;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap {width: calc(100% - 110px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-top {width: 100%;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap {padding-bottom: 5px;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap > p {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap > p > span:nth-child(2) {margin-right: 4px;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap h5 > span{font-size: 18px; font-weight: 600; color: #0D3F7A; word-break:keep-all;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span {font-size: 20px; font-weight: 600;position: relative;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM:before{
	content: ''; display: inline-block; width: 3px; height: 3px; background: #1f1f1f; border-radius: 100%; margin-right: 4px; margin: 0 5px 0 6px;
}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .h-line {display: block; width: 100%; height: 1px; background: #BEBEBE;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap {padding-top: 5px;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap p {font-size: 15px; font-weight: 500;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .result-position {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 15px;
    font-weight: 500; flex-wrap: wrap;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .mem_info_right {font-size: 15px; font-weight: 500;display: flex; justify-content: flex-start; align-items: flex-start;width: 100%;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .mem_slash {width: 10px; display: block; height: auto; text-align: center;}
/* .story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .result-search-WKSITE_WKPO_NM{max-width: calc(100% - 10px);} */
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap {display: flex; justify-content: flex-end; align-items: center; width: 100%; height: auto;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap .result-article-more-btn {width: 18px; height: 18px; background: url(/images/icon/result-list-plus.svg) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap .result-article-more-btn.on {background: url(/images/icon/result-list-minus.svg) no-repeat center center; background-size: 100% 100%;}
.story-result-list-wrap .result-list .result-list-bottom {display: none; width: 100%; height: auto; margin-top: 10px; box-sizing: border-box; padding: 10px; border-radius: 5px; background: #ECF5FF;}
.story-result-list-wrap .result-list .result-list-bottom.on {display: block;}
.story-result-list-wrap .result-list .result-article-bottom{display: block; background: none !important;padding: 0; margin-top: 3px;}

.story-result-list-wrap .result-list .result-list-bottom p {font-size: 15px; font-weight: 500;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-location p span:last-of-type{position: relative;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-location p span:last-of-type:after{content: '\f3c5';display: inline-block; display: none; font-family: "Font Awesome 6 Free";font-weight: 900;padding-left: 5px;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-title {padding-right: 10px;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-title i{
	width: 25px; height: 25px; text-align: center; color: #0D3F7A; display: flex; justify-content: center; align-items: center; 
	border-radius: 100%; background: #fff;
}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-title i:after{}
.story-result-list-wrap .result-list .result-list-bottom .v-line {width: 1px; height: 12px; background: #BEBEBE; margin-right: 10px;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 5px;}
.story-result-list-wrap .result-list .result-article-bottom .result-bottom-call {padding-bottom: 0;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call:last-child {padding-bottom: 0;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .call-num-rock {position: relative; /* padding-left: 16px; */ color: #707070;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .call-num-rock::after {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 100%; /* background: url(/images/icon/call-num-rock.svg) no-repeat center 40%; */}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-article {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap {display: flex; flex-direction: row; justify-content: flex-end; align-items: baseline;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a {width: 20px; height: 20px; padding: 0; margin: 0; border: 0; outline: none; background: transparent;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a:last-child {margin-left: 8px;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a > svg > g > path {fill: #261C62;}
/* .story-result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a img {display: block; width: 100%; height: 100%; object-fit: contain;} */
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-contents {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding-bottom: 5px;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-contents:last-child {padding-bottom: 0;}
.story-result-list-wrap .result-list .result-list-bottom .result-bottom-contents img {display: block; width: 100%; height: auto; object-fit: cover;}


.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.user_gener{
	margin-right: 4px; font-size: 12px; font-weight: 600; background: #3B479D; color: #fff; height: 21px;
    display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;
    }
.result-article-name-wrap .user_position_wrap{font-size: 15px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.result-article-name-wrap .user_position{margin-right: 2px; font-size: 12px; background: #8c90c1; color: #fff; padding: 0 3px; border-radius: 5px;}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM{
	font-size: 15px; margin-right: 4px;display: flex; justify-content: center; align-items: center;
}
.story-result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span:last-child{
	margin-right: 0;
}

/* 등록버튼 */
.story_register{width: 55px; height: 55px; border-radius: 100%; position: fixed; bottom: 110px; right: 30px;padding: 10px;background: transparent; border: 0;overflow: hidden; z-index: 10;}
.story_register:before{content: ''; width: 100%; height: 100%; background: #0d3f7a; position: absolute; left: 0; top: 0;}
.story_register span{display: block;  position: relative; font-size: 20px;}
.story_register span i{color: #fff;}


/* .result-list .result-list-bottom div:nth-child(5) {display: flex; align-items: center; flex-wrap: wrap; padding: 8px 0 !important; column-gap: 6px; row-gap: 6px;} */
.result-list .result-list-bottom div:nth-child(5) a {width: calc(100% / 3 - 4px); padding: 5px 0;}

@media only screen and (max-width:360px) {
	
	.result-list .result-list-bottom div:nth-child(5) a {width: calc(100% / 2 - 3px);}
}

.story_button {
	display: inline-block;
	outline: none;
	font-size: 16px;
	color: #fff;
	background: #3B479D;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
	margin: 5px;
}

/* 
.story_button:hover {
	text-decoration: none;
}
.story_button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
} */

