/*Gallery*/

.boardGalleryContainer { position:relative; color:#353535;    margin:0 auto; }
.boardGalleryContainer select {  }
.boardGalleryContainer fieldset { border:none; }
.boardGalleryContainer fieldset legend { display:none; }
.boardGalleryContainer a { color:#333; text-decoration:none; }
.boardGalleryContainer a:hover {  }
.boardGalleryContainer img { border:none; vertical-align:middle; }
.boardGalleryContainer .boardList { }
.boardGalleryContainer .boardList .boardListTitle {margin-bottom:0.75rem; font-size:0.75rem; font-weight:normal; color:#898989;}
.boardGalleryContainer .boardList .boardListTitle strong{color:#333;}

.boardGalleryContainer .selection {margin-bottom:2rem;}
.boardGalleryContainer .galleryList{position:relative;}
.boardGalleryContainer .galleryList .thumb_img {border-radius:0.3rem; margin-bottom: 1.2rem;}
.boardGalleryContainer .comm_and_likes {margin-bottom:0.6rem;}
.boardGalleryContainer .galleryList > ul{display:flex; flex-wrap: wrap; gap:2.2rem 2rem;}
.boardGalleryContainer .galleryList > ul > li{ width: calc((100% - 2rem * 3) / 4); border: 1px solid #E7E7E7; border-radius: 0.3rem; overflow:hidden;}
.boardGalleryContainer .galleryList .gal_separator {width: 100%;  height: 1px;  background: #ccc;}
.boardGalleryContainer .galleryList > ul > li a{display:block;transition: all 0.3s ease; transition-property: opacity;    transition-duration: 350ms;    transition-timing-function: ease-out; }
.boardGalleryContainer .galleryList > ul > li a input{position:relative;}
.boardGalleryContainer .galleryList > ul > li a .gimg{position:relative; padding-bottom:1rem; }
.boardGalleryContainer .galleryList > ul > li a .gimg:before{content : ""; display : block; position : absolute; left :-5%; bottom:0;  width :110%; height : 42.4%; background : #284b8f; opacity:0; transition: all 0.05s;}
.boardGalleryContainer .galleryList .thumb_img {border:none; margin-bottom:0; border-radius:unset;}
.boardGalleryContainer .galleryList > ul li a .gimg:after{content : ""; display : block; position : absolute; left :-5%; bottom:0;  width :70%; height : 80%; background : #284b8f; opacity:0; border-radius:5rem 0 0 0; z-index:-2; transition: all 0.05s;}
.boardGalleryContainer .galleryList > ul > li a .gimg_in{overflow:hidden; border-radius:1rem; position:relative; border:1px solid #e3e3e3; margin-bottom:0;}
.boardGalleryContainer .galleryList > ul > li a .gimg_in em{position:absolute; left:0.5rem; top:0.5rem;  display:inline-block; width:3.2rem; height:1.7rem; line-height:1.7rem; text-align:center; background:#fff; border:0.5px solid #676767; border-radius:0.7rem; color:#284b8f; font-size:0.8rem; z-index:0; }
.boardGalleryContainer .galleryList > ul > li a .gimg_in span{width:100%; padding-top:69%;  display: block; transition: all 0.2s; }
.boardGalleryContainer .galleryList > ul > li a:hover .gimg_in span{transform: scale(1.1);}
.boardGalleryContainer .galleryList > ul > li a:hover .gimg:before,
.boardGalleryContainer .galleryList > ul > li a:hover .gimg:after{opacity:1; }

.boardGalleryContainer .galleryList p.subject{ margin:1rem 0; font-weight:500;font-size: 1rem;  display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em;height: 2.6em; }

.boardGalleryContainer .galleryList .txt_box {padding:1.2rem;}
.boardGalleryContainer .galleryList .txt{display:flex; justify-content: space-between;color:#555; font-size:0.8rem;}
.boardGalleryContainer .galleryList .txt .author{flex-basis: 50%;}
.boardGalleryContainer .galleryList .txt.ar{justify-content: flex-end;}
.boardGalleryContainer .galleryList .txt p.view{margin-top:0; }
.boardGalleryContainer .galleryList .txt .date{margin-left:5px;display:inline-block;  padding-left:8px; position:relative;}
.boardGalleryContainer .galleryList .txt .date:before{content : ""; display : block; position : absolute; left : 0; top:10%;  width :1px; height : 80%; background : #ddd;}


.boardGalleryContainer .boardButton{margin-top:1.5rem; text-align:right; vertical-align:middle; }

.galleryList .noPost {flex-direction:column; gap:0.5rem;}
.noPost{ position:relative;padding:2rem 1rem; min-height: 25rem; background:#F6F6F6; width:100%;  display: flex;  align-items: center;  justify-content: center;}
.noPost .inner_flex {display:flex; gap:2rem; align-items: center; color:#232323;}
.noPost .txt_box {font-size:0.85rem;  font-weight:600;}
.noPost .txt_box strong {display:block; font-size:1.05rem; font-weight:800; color:#112B45; line-height: 1.2;}
.noPost .txt_box i {display:block; margin-bottom: 0.6rem; width:1.2rem; height:1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23112B45' d='M11.4 3.2a4.6 4.6 0 0 1 5 2.3l6.2 11.1a4.3 4.3 0 0 1-3.8 6.5H5.9a4.3 4.3 0 0 1-3.8-6.5l6.2-11c.7-1.3 1.8-2.1 3.1-2.4Zm1 12.9c-.5 0-.8.3-.8.7v.5a.8.8 0 0 0 1.5 0v-.5c0-.4-.3-.7-.8-.7Zm0-7c-.5 0-.8.3-.8.7v4a.8.8 0 0 0 1.5 0v-4c0-.4-.3-.7-.8-.7Z'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}
.noPost .img_box img {width:15.15rem;}

@media (max-width:1460px){	
	.boardGalleryContainer{width:100% !important; padding:0 1rem;}
}

@media (max-width:1030px){
	.boardGalleryContainer .galleryList > ul > li{ width: calc((100% - 2.5rem * 2) / 3);}
	.boardGalleryContainer .galleryList .txt{font-size:13px;}
	.boardGalleryContainer .galleryList p.view span{font-size:10px; letter-spacing:0;}
	
	.noPost .inner_flex {flex-direction:column;}
	.noPost .txt_box {text-align: center; font-size:1rem;}
	.noPost .txt_box i {margin: 0 auto 0.6rem;}
	.noPost .txt_box strong {font-size:1.11rem;}
}

@media (max-width:767px){
	.boardGalleryContainer .boardList .boardListTitle {font-size:0.9rem;}
	.boardGalleryContainer .galleryList > ul > li{ width: calc((100% - 2.5rem * 1) / 2);}
	.boardGalleryContainer .galleryList p.subject{font-size:1.1rem;}
	
	.noPost .img_box img {width: 11.15rem;}
}
@media (max-width:540px){
	.boardGalleryContainer .galleryList > ul{margin:0;}
	.boardGalleryContainer .galleryList > ul > li{width: 100%;}
	.boardGalleryContainer .galleryList > ul > li:first-child{margin-top:0;}
}

/*Clinical case 리스트 페이지 */
.boardGalleryContainer:is(.Clinical-case) .galleryList .thumb_img span {aspect-ratio:1080/1350;}


/* Article 리스트 페이지 */
.boardGalleryContainer:is(.Article) .galleryList .thumb_img span {aspect-ratio:1350/1080;}


/* Journal 리스트 페이지 */
.boardGalleryContainer:is(.Journal) .comm_and_likes,
.boardGalleryContainer:is(.Journal) .c_views,
.boardGalleryContainer:is(.Journal) .thumb_img .vid_icon {display:none;}

.boardGalleryContainer:is(.Journal) .c_name {margin-bottom:0.25rem !important}
.boardGalleryContainer:is(.Journal) .txt {flex-direction:column;}
.boardGalleryContainer:is(.Journal) .thumb_img { padding: 2.25rem 2.5rem 0; background:#F3F1E9; z-index:0; }
.boardGalleryContainer:is(.Journal) .thumb_img:after {display:none;}
.boardGalleryContainer:is(.Journal) .thumb_img span {aspect-ratio:208/296; box-shadow: 8px 6px 15px 0px rgba(38, 26, 0, 13%);}
.boardGalleryContainer:is(.Journal) .c_name {-webkit-line-clamp: 2; height: 3em;}
.boardGalleryContainer:is(.Journal) .txt .btn_default {margin-top:1.25rem; pointer-events: auto;}
.boardGalleryContainer:is(.Journal) .goView {pointer-events: none;}

@media (max-width:540px){
	.boardGalleryContainer:is(.Journal) .galleryList > ul {gap:2rem 1rem;}
	.boardGalleryContainer:is(.Journal) .galleryList > ul > li {width: calc((100% - 1rem * 1) / 2);}
	.boardGalleryContainer:is(.Journal) .galleryList  .txt_box {padding:0.8rem;}
	.boardGalleryContainer:is(.Journal) .thumb_img {padding:1rem 1rem 0;}
	.boardGalleryContainer:is(.Journal) .txt .btn_default {margin-top:0.88rem;}
}


/* MEGA'MIND 상단 인트로 */
.MEGA-MIND {text-align:center;}
.mega_logo {display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 7.25rem; max-width: 36rem; padding: 1rem; margin-bottom:2.2rem; position: relative; z-index:0;}
.mega_logo::before { content: ""; display:block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(39, 41, 45, 1); backdrop-filter: blur(3px); pointer-events: none; z-index: -1; }
.corner {display:none; position: absolute; width: 2rem; height: 2rem; border: 5px solid #0387E4; z-index: 2; }
.top-left { top: 0; left: 0; border-right: none; border-bottom: none; clip-path: polygon(0 0, 100% 0, 0 100%); }
.bottom-right { bottom: 0; right:0; border-left: none; border-top: none; clip-path: polygon(100% 100%, 0 100%, 100% 0); }
.mega_logo > img {width: 100%; max-width: 20.5rem;}
.mega_con {text-align:center; font-size:0.95rem; color:#232323;}
.mega_con h4 {margin-bottom:1.1rem; font-size:1.6rem; font-weight:800;}
.mega_con p {line-height:152.5%; font-weight:600;}

.mega_vod_zone {margin-top:1.6rem; margin-bottom:3rem; padding-bottom:4.5rem;  padding-left: 3rem; padding-right: 3rem; position:relative;}
.mega_vod_zone:after {content:''; display:block; width:100vw; height:85%; background:#F3F1E9; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-2;}
.mega_vod_zone .iframe_wrap {margin: 0 auto;   max-width:45rem; height:auto; position:relative;}
.mega_vod_zone .iframe_wrap:after {content:''; display:block; width:calc(100% + 3.65rem); height:80%; background:transparent; position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:-1; border-radius:0.2rem; box-shadow: var(--main) 0px 0px 0 0.95rem;}
.mega_vod_zone .iframe_wrap iframe {width:100%; height:auto; aspect-ratio:16/9; border-radius:0.6rem;}

.mega-title {margin-bottom: 1.5rem; text-align: center;}
.mega-title h4 {display: inline-flex; align-items: center; gap:0.6rem; font-size:1.6rem; font-weight:700; position:relative;}
.mega-title h4:before {content:''; display:block; width:1.6rem; height:0.7615rem; background: url('/images/default/content/sub_tit_bul.svg') no-repeat center center; background-size:100% auto;}

/* MEGA'MIND 리스트 페이지 */
.mega-list {}
.mega-list ul {gap:clamp(1.6rem, 1.48rem + 0.75vw, 2.2rem) clamp(0.6rem, 0.32rem + 1.75vw, 2rem) !important;}
.mega-list li {display:flex; flex-direction:column; width:calc((100% - clamp(0.6rem, 0.32rem + 1.75vw, 2rem) * 3)/4) !important;}
.mega-list li:is(.no-winner) {justify-content: center; padding: 2rem 1rem; width:100% !important; min-height: 25rem;  background: #F6F6F6; border:none !important; border-radius: 0 !important;}
.mega-list li .txt_box {display: flex; flex-direction: column; justify-content: space-between; padding: clamp(0.8rem, 0.72rem + 0.5vw, 1.2rem) !important; height:100%;}
.mega-list li:is(.no-winner) .txt_box {height:auto; display:block; padding:0 !important; text-align: left;}
.mega-list li:is(.no-winner) .txt_box  {font-size:0.85rem;  font-weight:600;}
.mega-list li:is(.no-winner) .txt_box strong {display:block; font-size:1.05rem; font-weight:800; color:#112B45; line-height: 1.2;}
.mega-list li:is(.no-winner) .txt_box i {display:block; margin-bottom: 0.6rem; width:1.2rem; height:1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23112B45' d='M11.4 3.2a4.6 4.6 0 0 1 5 2.3l6.2 11.1a4.3 4.3 0 0 1-3.8 6.5H5.9a4.3 4.3 0 0 1-3.8-6.5l6.2-11c.7-1.3 1.8-2.1 3.1-2.4Zm1 12.9c-.5 0-.8.3-.8.7v.5a.8.8 0 0 0 1.5 0v-.5c0-.4-.3-.7-.8-.7Zm0-7c-.5 0-.8.3-.8.7v4a.8.8 0 0 0 1.5 0v-4c0-.4-.3-.7-.8-.7Z'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}
.mega-list li:is(.no-winner)  img {width:15.15rem;}


.mega-list li:is(.no-winner) .inner_flex {display:flex; justify-content: center; align-items: center; gap:2rem; align-items: center; color:#232323;}
.mega-list .thumb span {display:block; width:100%; height:auto; aspect-ratio:299/370;}
.mega-list .winner_info {display:flex; flex-direction:column; gap:0.25rem; align-items: center;}
.mega-list .country {font-weight:700; font-size:0.8rem; color: var(--magenta);}
.mega-list .name {color: #232323; font-size: 0.9rem; font-weight: 800; text-align: center; line-height: 1.3;}
.mega-list .btn_default {margin-top:1rem;}


/* MEGA'MIND 뷰페이지 */
.content_view:has(.winner_view) .post_title .post-name {display: flex;  align-items: center; justify-content: center; gap: 0.5rem 1rem; margin-bottom:0;}
.content_view:has(.winner_view) .post_title .post-name .country {display: inline-flex; align-items: center;  justify-content: center;  padding: 0 1rem; height: 1.6rem;
line-height: 1.2rem; border-radius: 2rem;  border: 1px solid var(--main);  color: var(--main);  white-space: nowrap;  font-size: 1rem;  background: #fff;}
.winner_view.post-cont {padding-right: 1rem; padding-left: 1rem; max-width:60rem;}
.winner_view h6 {margin-top:2rem;  margin-bottom: 0.5rem; font-size: 1.11rem; font-weight: 700;}
.winner_view .view_wrap {display:flex; flex-direction: row; gap: 2rem; width: 100%;}
.winner_view .winner_thumb {flex-shrink: 0; width:32.5%;}
.winner_view .winner_thumb img {width:100%;}
.winner_vid {position: relative;}
.winner_vid  .swiper-slide a {display: block; width: 100%; height: 100%;  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.winner_vid  .swiper-slide iframe {pointer-events: none}
.winner_vid .navi_wrap {position: absolute; width: 100%; top: 60%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.winner_vid .navi_wrap .swiper-button-prev,
.winner_vid .navi_wrap .swiper-button-next {display: flex; align-items: center; justify-content: center; margin-top:0; width:2rem; height:2rem; aspect-ratio:1; color:var(--main); font-size:1.11rem; border-radius:100%; border:2px solid #fff; background:rgba(255,255,255,0.7); backdrop-filter:blur(9.25px); top:50%; transform:translateY(-50%); box-shadow: 0px 3.700000047683716px 9.25px 0px rgba(0, 0, 0, 10%)}
.winner_vid .navi_wrap .swiper-button-prev.swiper-button-disabled,
.winner_vid .navi_wrap .swiper-button-next.swiper-button-disabled  {display:none;}
.winner_vid .navi_wrap .swiper-button-prev:after,
.winner_vid .navi_wrap .swiper-button-next:after {display:none;}
.winner_vid .navi_wrap .swiper-button-prev {left:-1rem;}
.winner_vid .navi_wrap .swiper-button-next {right:-1rem;}



/* 해시태그 컨테이너 */
.hashtag_box {margin-top: 12px;padding-top: 12px;border-top: 1px solid #f0f0f0;display: flex;flex-wrap: wrap;gap: 6px;}


/* 개별 해시태그 스타일 */
.hashtag {display: inline-block;padding: 4px 12px;background-color: #f5f5f5;border: 1px solid #e0e0e0;border-radius: 16px;font-size: 13px;color: #666;transition: all 0.2s;}

.hashtag:hover {background-color: #e8e8e8;color: #333;}

.mega_tab {margin: 0 auto 2rem !important; position: relative;}
.mega_tab ul {flex-wrap:nowrap;}
.mega_tab .btn-tab {border:none !important;}
.mega_tab .btn-tab.active {background: linear-gradient(90deg, #92670A 0%, #997014 52.4%, #C0A031 100%) !important;}
.mega_tab .swiper-slide {}
.mega_tab:is(.over4slides) .swiper-slide {flex:unset; flex-shrink: 0;}
.mega_tab .swiper-slide .btn-tab {border:none; border-left:1px solid #B1B8BE;}
.mega_tab .swiper-slide:is(:first-child,:last-child) .btn-tab {border-radius:0;}
.mega_tab .swiper-slide:is(:first-child) {border-right:none;}

.mega_tab .innerWrap {margin:0 auto;  position:relative;}
.mega_tab .innerWrap .swiper {max-width: 45.5rem;border-radius: 0.4rem; border: 1px solid #B1B8BE; overflow:hidden;}
.mega_tab .navi_wrap {max-width: 45.5rem; margin: 0 auto; height: 100%; position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.mega_tab .navi_wrap .swiper-button-prev,
.mega_tab .navi_wrap .swiper-button-next {width:1rem; height:2rem; background-image:unset; z-index:10; margin:0; top: 50%; transform: translateY(-50%);}
.mega_tab .navi_wrap .swiper-button-prev:after,
.mega_tab .navi_wrap .swiper-button-next:after {display:none;}
.mega_tab .navi_wrap .swiper-button-prev {left:-2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 42'%3E%3Cpath stroke='%236D7882' stroke-linecap='round' stroke-width='2' d='M21 41 1.6 21.6a.8.8 0 0 1 0-1.2L21 1'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}
.mega_tab .navi_wrap .swiper-button-next {right:-2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 42'%3E%3Cpath stroke='%236D7882' stroke-linecap='round' stroke-width='2' d='M21 41 1.6 21.6a.8.8 0 0 1 0-1.2L21 1'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto; transform:translateY(-50%) scaleX(-1)}

.mega_under_banner {margin-top:7rem; }
.mega_under_banner > a {display:block; width:100%; height:12.8rem;}

@media (max-width:1440px){
	.winner_vid .navi_wrap .swiper-button-next {right:-0.5rem;}
	.winner_vid .navi_wrap .swiper-button-prev {left:-0.5rem;}
}
@media (max-width:1024px){
	.mega-list li {width:calc((100% - clamp(0.6rem, 0.32rem + 1.75vw, 2rem) * 2)/3) !important;}

	.mega_tab .innerWrap .swiper,
	.mega_tab .navi_wrap{max-width: 80%;}
}
@media (max-width:768px){
	.winner_view .view_wrap {flex-direction:column;}
	.winner_view .winner_thumb {width: 100%; max-width: 50%; margin: 0 auto;}

	.mega_under_banner {margin-top: 4rem;}
	.mega_under_banner > a {height:6.8rem;}
	.mega-list li {width:calc((100% - clamp(0.6rem, 0.32rem + 1.75vw, 2rem) * 1)/2) !important;}
	.mega-list li:is(.no-winner)  img {width: 11.15rem;}
	.mega-list li:is(.no-winner) .inner_flex {flex-direction: column;}
	.mega-list li:is(.no-winner) .txt_box {text-align: center; font-size: 1rem;}
	.mega-list li:is(.no-winner) .txt_box  i {margin: 0 auto 0.6rem;}
	.mega-list .name {font-size:0.8rem;}
	.content_view:has(.winner_view) .post_title .post-name .country {font-size:0.88rem;}
}
@media (max-width:450px){
	.winner_view .winner_thumb {max-width:100%;}
	.content_view:has(.winner_view) .post_title .post-name {flex-direction:column;}

	.mega_vod_zone {padding:2rem 0;}
	.mega_vod_zone:after {height:100%;}
	.mega_vod_zone .iframe_wrap:after {display:none;}
	.mega_vod_zone .iframe_wrap iframe {border:0.75rem solid var(--main);}
}