@charset "UTF-8";/*** 추모 ***/
@font-face{font-family:'NotoSerifKR';font-style:normal;font-weight:700;src:local("NotoSerifKR-Bold"),url(//t1.daumcdn.net/media/common/modoo_2023/fonts/NotoSerifKR-Bold.woff) format("woff"),url(//t1.daumcdn.net/media/common/modoo_2023/fonts/NotoSerifKR-Bold.otf) format("opentype");}
@font-face{font-family:'NotoSerifKR';font-style:normal;font-weight:400;src:local("NotoSerifKR-Regular"),url(//t1.daumcdn.net/media/common/modoo_2023/fonts/NotoSerifKR-Regular.woff) format("woff"),url(//t1.daumcdn.net/media/common/modoo_2023/fonts/NotoSerifKR-Regular.otf) format("opentype");}
/*** 헤더 (추모) ***/
/* 일반형 - box_feature_memorial */
#modoo .box_feature_memorial{padding:56px 0 30px;border-radius:0;background-color:#F5F5F5;}
#modoo .memorial_info .bg_memorial{display:block;width:262px;height:170px;margin:-4px auto -3px;background:url(//t1.daumcdn.net/media/common/modoo_2023/m/bg_memorial.png) 0 0 no-repeat;background-size:262px auto;}
#modoo .memorial_info{position:relative;text-align:center;}
#modoo .memorial_info .tit_feature{font-size:1.75em;line-height:1.29;font-family:'NotoSerifKR','SF Pro Display','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;letter-spacing:-0.022em;color:#000;}
#modoo .memorial_info .subtit_feature{display:block;padding-top:18px;line-height:1.43;font-family:'NotoSerifKR','SF Pro Display','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#000;}
#modoo .memorial_info .wrap_link{margin:0;padding:33px 0 0;white-space:nowrap;}
#modoo .memorial_info .link_feature{font-size:0.938em;line-height:1.2;color:#000;text-decoration:none;}
#modoo .memorial_info .link_feature + .link_feature{margin-left:20px;}
#modoo .memorial_info .link_feature .ico_arrow{display:inline-block;margin-left:4px;}
#modoo .memorial_info .wrap_action{padding:34px 16px 0;}
#modoo .memorial_info .btn_action{display:block;width:100%;border-radius:12px;line-height:3.75;color:#fff;background-color:#101010;}
/* 인물 + 콘텐츠형 - box_feature_memorial2 */
#modoo .box_feature_memorial2{padding:56px 0 30px;background-color:#F5F5F5;}
#modoo .memorial_thumb{position:relative;padding:0 16px;}
#modoo .memorial_thumb .thumb_memorial{overflow:hidden;position:relative;z-index:1;padding-top:100%;border-radius:18px;}
#modoo .memorial_thumb .bg_memorial2{position:absolute;right:0;bottom:-89px;width:170px;height:290px;background:url(//t1.daumcdn.net/media/common/modoo_2023/m/bg_memorial2.png) 100% 100% no-repeat;background-size:170px 290px;}
#modoo .memorial_thumb .img_memorial{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;filter:grayscale(1);}
#modoo .box_feature_memorial2 .memorial_info .bg_memorial{display:none;}
#modoo .memorial_info .tit_subject{padding:34px 0 5px;font-size:0.813em;line-height:2;color:#161617;}
/* PC */
/* 일반형 - box_feature_memorial */
.pcweb #modoo .box_feature_memorial{margin-top:0;padding:0 0 80px;}
.pcweb #modoo .memorial_info .bg_memorial{width:400px;height:260px;margin-top:-27px;margin-bottom:14px;background-image:url(//t1.daumcdn.net/media/common/modoo_2023/pc/bg_memorial.png);background-size:400px auto;}
.pcweb #modoo .memorial_info .tit_feature{font-size:45px;line-height:58px;}
.pcweb #modoo .memorial_info .subtit_feature{padding-top:28px;font-size:26px;line-height:34px;}
.pcweb #modoo .memorial_info .wrap_link{padding-top:51px;}
.pcweb #modoo .memorial_info .link_feature{position:relative;min-width:137px;height:45px;margin:0;padding:0 31px 0 20px;border:1px solid #DADADA;border-radius:25px;font-size:16px;line-height:23px;background-color:#F5F5F5;}
.pcweb #modoo .memorial_info .link_feature:hover{border-color:#B9B9B9;background-color:#EAEAEA;}
.pcweb #modoo .memorial_info .link_feature + .link_feature{margin-left:12px;}
.pcweb #modoo .memorial_info .link_feature .ico_arrow{position:absolute;top:50%;right:20px;margin:-6px 0 0 0;}
.pcweb #modoo .memorial_info .wrap_action{padding:54px 0 0;}
.pcweb #modoo .memorial_info .btn_action{width:340px;height:70px;margin:0 auto;font-size:20px;line-height:70px;}
.pcweb #modoo .memorial_info .btn_action:hover{background-color:#222;}
/* 인물 + 콘텐츠형 - box_feature_memorial2 */
.pcweb #modoo .box_feature_memorial2{padding:9px 0 70px;}
.pcweb #modoo .feature_memorial{display:flex;flex-direction:row-reverse;justify-content:center;width:900px;margin:0 auto;}
.pcweb #modoo .memorial_thumb{flex-shrink:0;width:470px;margin-left:90px;padding:0;}
.pcweb #modoo .memorial_thumb .thumb_memorial{padding-top:111.915%;border-radius:24px;}
.pcweb #modoo .memorial_thumb .bg_memorial2{display:none;}
.pcweb #modoo .box_feature_memorial2 .memorial_info{display:flex;flex:1;flex-direction:column;justify-content:flex-end;width:340px;height:526px;padding-bottom:115px;box-sizing:border-box;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .bg_memorial{flex-shrink:0;display:block;width:215px;height:140px;margin:9px auto 0;background-size:215px 140px;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .tit_subject{margin-top:-10px;padding-top:12px;font-size:18px;line-height:30px;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .subtit_feature{padding:19px 0 38px;font-size:20px;line-height:34px;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .tit_feature{padding-top:13px;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .wrap_link{margin:0 -8px;padding:0;}
.pcweb #modoo .box_feature_memorial2 .memorial_info .wrap_action{position:absolute;bottom:0;left:0;padding-top:0;}
/*** 추모 참여자 ***/
/* box_cmt_memorial */
#modoo .box_cmt_memorial{padding:59px 23px 40px;background-color:#101010;}
#modoo .box_cmt_memorial:last-child{padding-bottom:10px;border-radius:0;}
#modoo .box_cmt_memorial .tit_cmt{display:block;font-weight:600;font-size:1.25em;line-height:1.35;color:#fff;text-align:center;}
#modoo .box_cmt_memorial .txt_cmtinfo{display:block;padding-top:10px;font-size:0.875em;line-height:1.21;text-align:center;color:#888;}
#modoo .memorial_cmt{position:relative;overflow:hidden;max-height:334px;margin-top:18px;}
#modoo .memorial_cmt:before{content:'';position:absolute;z-index:1;left:0;top:-3px;width:100%;height:68px;background-image:linear-gradient(0deg,rgba(16,16,16,0) 0%,#101010 80%,#101010 100%);}
#modoo .memorial_cmt:after{content:'';position:absolute;z-index:1;left:0;bottom:-8px;width:100%;height:68px;background-image:linear-gradient(180deg,rgba(16,16,16,0) 0%,#101010 80%,#101010 100%);}
#modoo .list_cmt_memorial{overflow:hidden;}
#modoo .list_cmt_memorial:after{content:'';display:block;clear:both;}
#modoo .list_cmt_memorial li{float:left;width:50%;padding-top:3px;}
#modoo .list_cmt_memorial .item_nickname{overflow:hidden;}
#modoo .list_cmt_memorial .img_memorial{float:left;width:40px;height:40px;margin:6px 7px 0 0;background:url(//t1.daumcdn.net/media/common/modoo_2023/m/img_memorial.png) 0 0 no-repeat;background-size:40px auto;}
#modoo .list_cmt_memorial .txt_nickname{display:block;overflow:hidden;padding-right:10px;line-height:2.5;color:rgba(255,255,255,0.8);white-space:nowrap;text-overflow:ellipsis;}
#modoo .rolling_non:before{display:none;}
#modoo .rolling_non:after{display:none;}
/* PC */
.pcweb #modoo .box_cmt_memorial{padding-top:79px;padding-bottom:70px;}
.pcweb #modoo .box_cmt_memorial:last-child{padding-bottom:0;}
.pcweb #modoo .box_cmt_memorial .tit_cmt{font-size:1.625em;line-height:1.31;}
.pcweb #modoo .box_cmt_memorial .txt_cmtinfo{padding-top:12px;font-size:1em;line-height:1.19;color:rgba(255,255,255,0.48);}
.pcweb #modoo .memorial_cmt{width:912px;max-height:306px;margin:27px auto 0;padding-left:11px;}
.pcweb #modoo .list_cmt_memorial li{width:25%;padding-top:9px;}
.pcweb #modoo .list_cmt_memorial .img_memorial{margin:2px 9px 0 0;}
.pcweb #modoo .list_cmt_memorial .txt_nickname{width:122px;font-size:1.125em;line-height:2.22;}
/* layout */
#modoo.container-doc{width:100%;}
#modoo .main-content{margin-top:0;}
/* header */
#modoo .head_service .logo_daum svg{fill:#273552;}
#modoo .head_service .logo_service{color:#000;}
#modoo .head_service .link_share .ico_share{background-position:-30px 0;}
/* layout - 일반형 */
#modoo .footer_dark{background-color:#101010;}
#modoo .footer_dark small,#modoo .footer_dark .link_kakao{color:rgba(255,255,255,0.48);}
/* 공통 클래스 */
#modoo .tit_box{font-size:1.25em;line-height:1.2;}
#modoo .tit_box .ico_arrow4{margin-top:5px;}
/* 도움말 - wrap_help (좌측정렬) */
#modoo .type_help{top:-3px;}
/* box_photomore */
#modoo .photomore_list{margin:-6px;}
#modoo .list_photomore li{padding:6px;}
/* 토스트 레이어 */
#modoo .toast_memorial{position:fixed;z-index:999;bottom:34px;left:40px;right:40px;text-align:center;}
#modoo .toast_memorial .inner_toast{display:inline-block;min-width:240px;padding:16px 33px 15px;border-radius:8px;vertical-align:top;background-color:#404040;box-sizing:border-box;}
#modoo .toast_memorial .desc_toast{font-size:0.875em;line-height:1.21;color:#fff;}
/* PC */
/* layout */
.pcweb body{background-color:#fff;}
.pcweb #modoo.container-doc{width:100%;min-width:990px;padding:0;}
/* header */
.pcweb #modoo .doc-header{background-color:#F5F5F5;}
.pcweb #modoo .head_service .inner_service{width:900px;margin:0 auto;box-sizing:border-box;}
/* footer */
.pcweb #modoo .doc-footer .inner_foot{width:900px;margin:0 auto;}
/* 공통 클래스 */
.pcweb #modoo .box_comp{width:900px;margin:0 auto;padding:38px 0 0;border-radius:0;background-color:transparent;box-shadow:none;box-sizing:border-box;}
/* 슬라이드 영역 - slide_box */
.pcweb #modoo [class^=btn_slide]:hover{background-color:#F8F8F8;}
/* box_news_slide */
.pcweb #modoo .list_newsslide{margin:0 -8px;}
.pcweb #modoo .list_newsslide .flicking-panel .item_slide{margin:0 8px;}
.pcweb #modoo .item_newsslide .wrap_thumb{padding-top:63.85%;}
.pcweb #modoo .item_newsslide .img_g{transition:transform 0.5s;}
.pcweb #modoo .item_newsslide .wrap_thumb:hover .img_g{transform:translate(-50%,-50%) scale(1.1);}
.pcweb #modoo .item_newsslide .cont_thumb{padding-top:14px;}
.pcweb #modoo .box_news_slide .btn_slide3{top:46px;margin-top:0;}
/* box_photomore */
.pcweb #modoo .photomore_list{margin:-8px -8px -7px -7px;}
.pcweb #modoo .list_photomore li{padding:8px 8px 7px 7px;}
.pcweb #modoo .list_photomore .img_g{transition:transform 0.5s;}
.pcweb #modoo .list_photomore .link_thumb:hover .img_g{transform:scale(1.1);}
/* 토스트 레이어 */
.pcweb #modoo .toast_memorial{bottom:60px;}
/* 포인트 컬러 */
/* 다크모드 - M */
:root[data-darktheme=true] #modoo .head_service .logo_service{color:#111;}
:root[data-darktheme=true] #modoo .memorial_info .link_feature{color:#000;}
/* 다크모드 - PC */
:root[data-darktheme=true].pcweb{/* layout */ /* header */ /* memorial_info */ /* 슬라이드 영역 - slide_box */ }
:root[data-darktheme=true].pcweb body{background-color:#131416;}
:root[data-darktheme=true].pcweb #modoo .head_service .logo_daum svg{fill:#273552;}
:root[data-darktheme=true].pcweb #modoo .head_service .logo_service{color:#111;}
:root[data-darktheme=true].pcweb #modoo .head_service .link_share .ico_share{background-position:-30px 0;}
:root[data-darktheme=true].pcweb #modoo .box_comp{background:transparent;}
:root[data-darktheme=true].pcweb #modoo .memorial_info .link_feature{color:#000;}
:root[data-darktheme=true].pcweb #modoo [class^=btn_slide]:hover{background-color:#1C1D20;}