@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700;900&display=swap');

.remem_wrap{position: relative; }
a[target="_blank"].btn_none:after{display:none;}

/*top*/
.remem_wrap .remem_top{background-image:url(/home/www/images/remembrance/bg.jpg); width:100%; background-size:cover; background-position:center center; padding-bottom: 50px;}
.remem_wrap .remem_top .top_logo{position: relative;}
.remem_wrap .remem_top .top_logo h1{padding-left: 15px; padding-top: 20px; margin-bottom: 28px;}
.remem_wrap .remem_top .top_btn{border:2px solid #000;padding:7px 8px;border-radius:5px;background:#fff;color:#000;text-align:center;margin-top: 14px;width:189px;margin:10px auto 0;}
.remem_wrap .remem_top .top_btn a{position:relative; color:#000; font-weight:bold; padding-left:52px; }
.remem_wrap .remem_top .top_btn a:before{content:'';position:absolute;display:block;top:5px;left:0;background:url(/home/www/images/remembrance/live_icon02.png) no-repeat;width:72px;height: 20px;}
.remem_wrap .remem_top .share_box{top:20px; padding-right:15px;}
.remem_wrap .remem_top h2{text-align: center; font-size:30px; font-family: 'Noto Serif KR', serif; font-weight:bold; word-break: keep-all; line-height:1.3; padding:0 15px;}
.remem_wrap .remem_top h2 span{font-size:18px; display: block; margin-bottom:5px;}
.remem_wrap .remem_top .text{font-size:16px; text-align: center; margin-top:20px; line-height:1.3; word-break: keep-all; padding:0 15px; font-weight: 400;}
.remem_wrap .remem_top .visual img {max-width: 100%;}
.remem_wrap .remem_top .totalnum_text{font-weight:500; margin-top: 14px;}
.remem_wrap .remem_top .totalnum_text .totalnum{font-weight:bold; font-size:21px;}
.remem_wrap .remem_top .remem_btn{margin-top:32px;}
.remem_wrap .remem_top .remem_btn a span{border-radius:5px; background:#222223; padding:16px 112px; color:#fff; font-weight:bold; font-size:20px;}
.remem_wrap .remem_top .page_btn_set .btn_share {position:absolute; top:62px; right:15px; width:40px; height:40px; border:1px solid #c5c5c5; text-indent:-9999px; background:#f5f7fb url(/home/www/images/remembrance/icon_share.png) no-repeat center;}
.remem_wrap .remem_top .page_btn_set .sns_share {border:1px solid #000; position:absolute; top:102px; right:15px; width:340px; z-index:999; background:#fff; display:none;}
.remem_wrap .remem_top .page_btn_set .sns_share .title {display:block; background:#0095c0; color:#fff; padding:15px;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul {padding:15px 0; overflow:hidden;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li {float:left; text-align:center; width:20%;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a {padding-top:60px; display:inline-block; font-size:12px; width:100%;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a.sns01 {background:url(/home/www/images/remembrance/sns01_icon.png) no-repeat top center;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a.sns02 {background:url(/home/www/images/remembrance/sns02_icon.png) no-repeat top center;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a.sns03 {background:url(/home/www/images/remembrance/sns03_icon.png) no-repeat top center;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a.sns04 {background:url(/home/www/images/remembrance/sns04_icon.png) no-repeat top center;}
.remem_wrap .remem_top .page_btn_set .sns_share > ul > li > a.sns05 {background:url(/home/www/images/remembrance/sns05_icon.png) no-repeat top center;}
.remem_wrap .remem_top .page_btn_set .sns_share .share_close {position:absolute; top:15px; right:15px; width:15px; height:15px; display:block;}
.remem_wrap .remem_top .page_btn_set .sns_share .share_close a {position:relative; display:block; height:15px; text-indent:-9999px;}
.remem_wrap .remem_top .page_btn_set .sns_share .share_close:before, .page_btn_set .sns_share .share_close:after {display:block; content:""; position:absolute; width:15px; height:2px; background:#fff; top:5px; left:0;}
.remem_wrap .remem_top .page_btn_set .sns_share .share_close:before {transform:rotate(45deg);}
.remem_wrap .remem_top .page_btn_set .sns_share .share_close:after {transform:rotate(-45deg);}
.remem_wrap .remem_top .page_btn_set .btn_share {top: 20px;border:1px solid #ccc;}
.remem_wrap .remem_top .page_btn_set .sns_share {top: 48px; right:0;}

/*middle*/
.remem_wrap .remem_mid{margin-top:20px;}
.remem_wrap .remem_mid .remem_con{ padding:20px;}
.remem_wrap .remem_mid .remem_con h3{text-align:center; margin-bottom:15px; font-size:22px;  font-weight:bold;}
.remem_wrap .remem_mid .remem_con .year_video_list li .img_wrap{border-radius: 5px;}
.remem_wrap .remem_mid .remem_con .card{width:100%;}
.remem_wrap .remem_mid .remem_con .card a{ background:url(/home/www/images/remembrance/card_img.jpg) no-repeat; display:block;  height: 266px; background-size:cover; background-position:center center;  border-radius: 5px;}


/*대장 영상*/
.remem_wrap .remem_mid .remem_con .year_video {max-width: 1080px; margin: 0 auto;}
.remem_wrap .remem_mid .remem_con .year_video_list{ position:relative; }
.remem_wrap .remem_mid .remem_con .year_video_list:before{ position:absolute; top:-25px; height:100%; display:block; content:"" }
.remem_wrap .remem_mid .remem_con .year_video_list:after {clear:both; display:block; content:'';}
.remem_wrap .remem_mid .remem_con .year_video_list li{ float:none; margin-right:0; position:relative; width:100%; transition:all ease-out 1s 1s; }
.remem_wrap .remem_mid .remem_con .year_video_list li > span{ font-size:17px; font-weight:bold; }
.remem_wrap .remem_mid .remem_con .year_video_list li .img_wrap{display:block; height:266px;  }
.remem_wrap .remem_mid .remem_con .layer_play {position:absolute; top:30%; left:40%;}
.remem_wrap .remem_mid .remem_con .pop_layer{  display:none;  position:fixed; left:0; top:0; width:100%; height:200%; background:rgba(0,0,0,0.7);  z-index:10000}
.remem_wrap .remem_mid .remem_con .pop_layer.movie001{padding-top:40%;}
.remem_wrap .remem_mid .remem_con .movie_wrap{ position:relative; width:90%; padding-top:40px; margin:0 auto   }
.remem_wrap .remem_mid .remem_con .movie_wrap .pop_close{ position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999px; background:url(/home/www/images/remembrance/close_pop.png) no-repeat; background-size:cover }
.remem_wrap .remem_mid .remem_con .movie_wrap video, .movie_wrap iframe {width:100%; height:315px; background-color:#000;}

/*bottom*/
.remem_wrap .remem_bot{margin-top:20px;} 
.remem_wrap .remem_bot h3{text-align:center; font-size:22px;  margin-bottom:0; font-weight:bold;}

/*추모글*/
.remem_wrap .remem_bot .write_opinion{ padding:15px 20px 0; }
.remem_wrap .remem_bot .write_opinion.bus_opinion {padding:20px 0;}
.remem_wrap .remem_bot .write_opinion .title{ display:inline-block; word-break:keep-all; line-height: 1.3;}
.remem_wrap .remem_bot .write_opinion_form{ border:#000 solid 1px; }
.remem_wrap .remem_bot .write_opinion_form .opinion_top{ background:#f6f8fa; padding:15px; border-bottom:#000 solid 1px;  text-align:center }
.remem_wrap .remem_bot .write_opinion_form .opinion_sort{ background:#fff; padding:15px; border-bottom:#000 solid 1px;  text-align:center }
.remem_wrap .remem_bot .write_opinion.bus_opinion .write_opinion_form .opinion_sort{ text-align:left; }
.remem_wrap .remem_bot .write_opinion_form .opinion_sort em {color:#ff0000;}
.remem_wrap .remem_bot .write_opinion_form textarea{ width:100%; padding:21px 15px;  border:0;}
.remem_wrap .remem_bot .write_opinion_form .btn_list_b{ width:100%; border-radius:0; padding:10px 0; margin:0; background:#444; color:#fff;}
.remem_wrap .remem_bot .opinion_select {display:inline-block; margin-left:20px;}
.remem_wrap .remem_bot .write_opinion.bus_opinion .opinion_select {display:inline-block; margin-left:0;}

/*의견리스트*/
.remem_wrap .remem_bot .write_opinion .opinion_list{ padding:30px 0 20px;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_header{ border-bottom:#000 solid 1px; padding-bottom:10px; margin-bottom:0; overflow:hidden}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_header span{ float:left; display:inline-block; padding:5px 0; font-size:18px;  font-weight: bold;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_header .sug_sort{ float:right; padding:0; }
.remem_wrap .remem_bot .write_opinion .opinion_list .list_header .sug_sort li a{ padding:0 5px; }
.remem_wrap .remem_bot .write_opinion .opinion_list .list_header #comtMCount{font-size:19px;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row{ padding:15px 0;  border-bottom:#ccc solid 1px;  overflow:hidden;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text{ overflow:hidden; line-height:1.3; font-weight: 300;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text p{ line-height:1.3; font-size:14px; margin-top:5px; color:#999;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text p strong {color:#000; margin-right:5px;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span span{ display:inline-block; margin-right:10px; } 
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span .del {display:inline-block;text-indent:-9999px;width:18px;height:18px;border:1px solid #ccc; margin:10px 0 0 10px; position:relative;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span .del:before, .list_row .list_text span .del:after  {display:block;content:"";position:absolute;top: 7px;left: 2px;width: 12px;height: 2px;background: #999;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span .del:before {transform:rotate(45deg);}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span .del:after {transform:rotate(-45deg);}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text .btn_set{ text-align:right;}
.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .btn_set a{ display:inline-block;  }


@media all and (min-width:768px) {
	.remem_wrap .remem_top .top_logo h1{width:153px}
	.remem_wrap .remem_top .top_btn{padding:7px 20px}
	.remem_wrap .remem_top h2{margin-top: 30px;font-size:43px;}
	.remem_wrap .remem_top h2 span{font-size:22px;}
	.remem_wrap .remem_top .text{font-size:18px; line-height: 1.4; width:564px; margin: 20px auto 0;}
	.remem_wrap .remem_top .totalnum_text{font-size:18px;}
	.remem_wrap .remem_top .totalnum_text .totalnum{font-size:23px;}
	
	.remem_wrap .remem_mid{overflow: hidden;}
	.remem_wrap .remem_mid .remem_con{float: left; width:50%;}
	.remem_wrap .remem_mid .remem_con h3{font-size:28px; margin-bottom:20px;}
	.remem_wrap .remem_mid .remem_con .year_video_list li .img_wrap{min-height:266px;}
	.remem_wrap .remem_mid .remem_con .pop_layer.movie001{padding-top:0;}
	
	.remem_wrap .remem_bot h3{font-size:28px; margin-bottom:5px;}
	
	.remem_wrap .remem_bot .write_opinion .write_opinion_form .opinion_top{ text-align:left }	
	.remem_wrap .remem_bot .write_opinion .write_opinion_form .opinion_sort{ text-align:left }	
	.remem_wrap .remem_bot .write_opinion .write_opinion_form textarea{ float:left; width:82%; }  
	.remem_wrap .remem_bot .write_opinion .write_opinion_form .btn_list_b{float:right; width:auto; border-radius: 5px; margin-top:17px; margin-right: 24px; padding: 18px 30px; font-size:16px; cursor:pointer; margin-bottom: 17px;}
	.remem_wrap .remem_bot .write_opinion .write_opinion.bus_opinion .write_opinion_form textarea    {width:100%; margin:10px 0;}  
	.remem_wrap .remem_bot .write_opinion .write_opinion.bus_opinion .write_opinion_form .btn_list_b {float: none; width: 100%; border-radius: 0; margin-top: 0;}
	
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row{ padding:15px 20px; }
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text{ float:left; max-width:100%;}
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text{ word-wrap:break-word;}
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span i {margin-left:20px;}
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .list_text span .del {margin-left:20px;}
	.remem_wrap .remem_bot .write_opinion .opinion_list .list_row .btn_set { float:right;}
}


@media all and (min-width:1024px) {
	.remem_wrap .remem_top{padding:0 0 80px;}
	.remem_wrap .remem_top .top_logo{width:1000px; margin:0 auto;}
	.remem_wrap .remem_top .top_logo h1{padding-left:0;}
	.remem_wrap .remem_top .top_logo .share_box{top:27px;}
	.remem_wrap .remem_top .top_logo .page_btn_set .btn_share{right:0;}
	.remem_wrap .remem_top .top_btn{margin-top:20px}
	.remem_wrap .remem_top h2{margin-top:40px; font-size:57px;}
	.remem_wrap .remem_top h2 span{font-size:30px;}
	.remem_wrap .remem_top .text{font-size:22px; width:680px;}
	.remem_wrap .remem_top .totalnum_text{font-size:22px; margin-top:24px;}
	.remem_wrap .remem_top .totalnum_text .totalnum{font-size:28px;}
	
	.remem_wrap .remem_mid{width:1000px; margin:34px auto 0;}
	.remem_wrap .remem_mid .remem_con:first-child{padding-left:0;}
	.remem_wrap .remem_mid .remem_con:last-child{padding-right:0;}
	.remem_wrap .remem_mid .remem_con h3{font-size:34px; margin-bottom:26px;}
	.remem_wrap .remem_mid .remem_con .pop_layer .movie_wrap video, .movie_wrap iframe{height:600px;}
	
	.remem_wrap .remem_bot{width:1000px; margin:48px auto 0; }
	.remem_wrap .remem_bot h3{font-size:34px; margin-bottom:11px;}
	
	.remem_wrap .remem_bot .write_opinion{padding:15px 0;}
}

html, body { overflow-x: inherit; }
.modal{ max-width: 540px;}

.remem_name {font-size:0.8em; padding:10px 0 0 15px;}