@charset "utf-8";

/* storyIn Main */
.mainstory { position:relative; width:100%; height:400px; text-align:center; margin:0 auto; background-size:cover; }
.mainstory .imgtext{ position:absolute; left:50%; top:50%; border:10px solid #fff; box-shadow:0 5px 5px rgba(0,0,0,0.5);transform:translate(-50%, -50%); }

#footer.min{border-top:1px solid #dcdcdc;padding:27px 0 30px;margin-top:50px;}
#footer.min .copy {font-size:14px;color:#555;text-align:center;}

.storylist {width:1150px;margin:0 auto;}

/* storyIn List */
.item-type {margin:0 auto;padding:30px 0 20px;text-align:center;font-size:0;border-bottom:1px solid #dcdcdc; }
.item-type a{border:1px solid #dcdcdc;padding:14px 15px;width:52px;height:49px;box-sizing:border-box;}
.item-type .icon-list{border-right:0;}
.item-view {}
.storylist .thumb img{width:100%; height:100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.storylist .thumb:hover img{transform: scale(1.1);}

.gallery-view { margin-top:4px; }
.gallery-view:after {display:block;clear:both;content:'';}
.gallery-view ul {display: flex;flex-wrap: wrap;gap: 1%}
.gallery-view li{width: calc((100% - 3%) / 4);margin-bottom: 1%;box-sizing:border-box;}
/* .gallery-view li:nth-child(4n+4){ margin-right:0;}
.gallery-view li:nth-child(1), .gallery-view li:nth-child(2),.gallery-view li:nth-child(3),.gallery-view li:nth-child(4){margin-top:0;}
*/

.gallery-view .thumb a{display:block;width:100%;height:100%;overflow:hidden;}
.gallery-view .item-box {display: flex;flex-direction: column;position:relative;border-top:0;padding:20px 20px 0px;box-sizing:border-box;}
.gallery-view h3 {position:relative;min-height:45px;}
.gallery-view h3 span, .gallery-view h3 strong {display:block;}
.gallery-view h3 strong {font-size:18px;color:#fff;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.gallery-view h3 strong a{color:#fff !important;}
.gallery-view h3 span {color:#fff;font-size:14px;word-break: keep-all;}
.gallery-view h3 span:first-child {display:none;}
.gallery-view h3 span:last-child {margin-top:5px;height:45px;}
.gallery-view .lead, .gallery-view dt, .gallery-view dd {display:none;}
.gallery-view .item-box .share {position:relative;padding:13px 0;margin: 20px -20px 0;border-top:1px solid #c8c8c8;text-align:center;}
.gallery-view .making .date{display:block;font-size:14px;color:#fff;}

.list-view {/*border-top:1px solid #dcdcdc;*/}
.list-view li{padding:40px 0;border-bottom:1px solid #dcdcdc;}
.list-view li:nth-last-child(1) { border-bottom:0; }
.list-view li:after {display:block;clear:both;content:'';}
.list-view .thumb {float:left;padding-right:40px;}
.list-view .thumb a{display:block;width:440px;height:250px;overflow:hidden;}
.list-view .item-box {position:relative; float:right;width:670px;min-height:250px;box-sizing:border-box;overflow:hidden;}
.list-view h3{margin-bottom:15px;}
.list-view h3 span, .list-view h3 strong{display:block;color:#222;word-break:keep-all; word-wrap:break-word;}
.list-view h3 span:last-child {display:none;}
.list-view h3 strong {font-size:24px;margin-top:10px;font-weight:600;word-break:keep-all; word-wrap:break-word;}
.list-view h3 span{font-size:14px;}
.list-view p{margin-bottom:6px;font-size:16px;color:#767676;min-height:77px;word-break:keep-all;word-wrap:break-word;overflow:hidden;}
.list-view dl{float:left;width:50%;margin-bottom:4px;overflow:hidden;}
.list-view dl:after {display:block;clear:both;content:'';}
.list-view dt, .list-view dd {float:left;display:block;height:24px;font-size:14px;color:#4a9aab;line-height:24px;}
.list-view dt {width:65px;border:1px solid #4a9aab;border-radius:2px;background:#fff;text-align:center;font-weight:bold;}
.list-view dd {padding-left:10px;white-space:nowrap;}
.list-view .url{margin-bottom:17px;width:100%;}

.share{font-size:0;}
.share [class^=icon-], .share [class*=icon-]{width:32px;height:32px;margin-right:5px;}

/* icon */
[class^=icon-], [class*= icon-]{display:inline-block;background:url(../images/icon_story.png?ver2309) no-repeat;}
[class^=icon-]:before,[class*= icon-]:before{display:inline-block}
[class^=icon-] i,[class*= icon-] i{font-size:0;line-height:0;text-indent:-9999px}

.icon-home{background-position:0 0;}
.icon-twitter{background-position:-64px 0;}
.icon-facebook{background-position:-32px 0;}
.icon-list{background-position:0 -32px;}
.icon-gallery{background-position:-52px -32px;}

.icon-list.active {background-position:0 -81px;}
.icon-gallery.active {background-position:-52px -81px;}
@media all and (max-width:1150px){
	.storylist { width:100%; }
	.mainstory { height:auto; padding-bottom:38%; }
	.mainstory .imgtext { width:80%; }
	.mainstory .imgtext img { max-width:auto; }
	
	.list-view .thumb { width:40%; padding-right:0; }
	.list-view .thumb > a { width:100%; height:100%; }
	.list-view .thumb > a > img { max-width:100%; }
	.list-view .item-box { float:right; width:56%; }
}
@media (max-width: 980px) {
	.gallery-view li{width: calc((100% - 2%) / 3);}
}
@media (max-width: 767px) {
	.gallery-view li{width: calc((100% - 1%) / 2);}
}
@media (max-width: 650px) {
	.item-type { padding:0; }
	.item-type a { border-top:0; border-bottom:0; }
	
	.list-view li{position:relative; box-sizing:border-box;padding:4px 2%;}
	.list-view .item-box { position:absolute; float:none; left:45%; top:0; width:55%; height:100%; padding:20px 0; box-sizing:border-box; overflow:hidden; }
	.list-view p { display:none; }
	.list-view .making { display:none; }
	.list-view .share { display:none; }
	.gallery-view .item-box .share {display:none; } 
	.gallery-view .item-box {padding: 20px}
	.list-view h3 span { font-size:12px;}
	.list-view h3 strong {font-size:18px;line-height:1.3;padding-right:2%;box-sizing:border-box;}
	/*
	.list-view .thumb {width:100%;}
	.list-view .thumb a{display:block;width:100%;height:auto;overflow:hidden;}
	.list-view .thumb img {width:100%;height:auto;}
	.list-view .item-box {width:100%;}
	.list-view dl{float:none;}
	.list-view h3 strong {font-size:22px;line-height:1.3;}
	.list-view .making{margin-top:10px;}
	*/
	/*
	.gallery-view li{width:47%;margin:0 2% 2%; }
	.gallery-view li:nth-child(2n+1) { margin-right:1%; }
	.gallery-view li:nth-child(2n+2) { margin-left:1%; }
	.gallery-view li:nth-child(1), .gallery-view li:nth-child(2),.gallery-view li:nth-child(3),.gallery-view li:nth-child(4){}
	*/
}
/*
@media (max-width: 520px) {
	.gallery-view .item-box .share {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;padding: 15px 50px;flex-wrap: wrap}
	.gallery-view .item-box .share a,
	.gallery-view .item-box .share button {margin: 0}
}
@media (max-width: 460px) {
	.gallery-view .item-box .share {padding: 10px 40px;flex-wrap: wrap}
}
	*/
@media (max-width:414px) {
	.list-view .item-box { top:50%; height:auto !important; min-height:auto; padding:0; transform:translateY(-50%); }
	.list-view h3 { margin-bottom:0; }
	.list-view h3 span { font-size:11px;}
	.list-view h3 strong {font-size:15px;line-height:1.2;}
	
	.gallery-view .item-box {height:auto; padding:10px 10px 8px;}
	/* .gallery-view .item-box .share {display:none; } */
	.gallery-view .making .date{display:none; }
	.gallery-view h3 strong { font-size:15px; }
	.gallery-view h3 span { display:block; height:31px !important; font-size:11px; }
	.gallery-view h3 span:last-child { margin-top:5px; opacity:0.7;}
	.gallery-view .thumb a{display:block;width:90%;height:auto;margin:0 auto 5%; overflow:hidden;}
}

@media (max-width: 360px) {
	.gallery-view .item-box .share {padding: 15px 20px}
}

/* 2025-12-17: 자세히보기 버튼 추가(리스트형식 표출) */
.has-link.list-view p {min-height:unset;margin-bottom:5px;}
.golink {display:inline-flex;margin:15px 0;padding:8px 34px 9px;border:1px solid #0c82e9;border-radius:2px;background:#0c82e9;}
.golink[target='_blank'] span {position:relative;display:inline-block;align-items:center;font-size:16px;font-weight:bold;line-height:1;color:#fff;}
.golink[target='_blank'] span:after {display:inline-block;width:15px;height:15px;margin-left:7px;content:'';vertical-align:top;background:url(../images/icon_story_blank.png) no-repeat 0 0;}
.gallery-view .golink{display:none;}

@media (max-width: 650px) {
	.list-view li {display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:space-between;padding:8px 2%;}
	.list-view li * {position:static !important;}
	.list-view li .thumb {padding:0;}
	.list-view li:after {display:none;}
	.list-view .item-box {min-height:unset;padding:2px 0;transform:inherit;}
	.list-view h3 strong {margin-top:8px;}
	.list-view h3{margin-bottom: 10px;}
	.list-view .golink{margin: 0;padding: 4px 17px;}
	.list-view .golink span{font-size: 13px;}
	.golink[target='_blank'] span:after {margin-left: 4px;width:12px;height:12px;background:url(../images/icon_story_blank-sm.png) no-repeat 0 0;background-size: contain;}
}

/* 공유하기 추가 */
.btn-story-share {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin-right: 5px;background: url(../images/icon-list-share.png) no-repeat 0 0;}
.btn-story-share.bss-facebook {background-position: -32px 0}
.btn-story-share.bss-kakao {background-position: -96px 0}
.btn-story-share.bss-X {background-position: -64px 0}
.btn-story-share.bss-blog {background-position: -128px 0}
.btn-story-share.bss-url {background-position: -160px 0}