/* 기념이념 내용 콘텐츠 */
#content .content_area{width: 1400px; margin: 0 auto; padding-bottom: 150px;}

#content .content_area .tab_menu{margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 30px;
margin-bottom: 100px;}
#content .content_area .tab_menu .tab{background: var(--font-color-main); width: 140px;
display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.3rem;
border-radius: 15px; border: 2px solid var(--font-color-main); padding: 13px 30px; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .2);
transition: all .3s ease-out;}
#content .content_area .tab_menu .tab:hover{background: #fff; color: var(--font-color-main);}
#content .content_area .tab_menu .tab.current{background: #fff; color: var(--font-color-main);}

#content .content_area .contlist:nth-of-type(1) iframe{display: block; margin: 0 auto; width: 900px; height: 505px;
border-radius: 25px; box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, .2); padding: 8px; background: var(--font-color-main);}
#content .content_area .contlist:nth-of-type(1) ul{display: flex;justify-content: center; align-items: center; gap: 60px;
margin-top: 70px;}
#content .content_area .contlist:nth-of-type(1) ul li a{display: block; width: 430px; height: 300px; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, .3);
display: flex; justify-content: center; flex-direction: column; align-items: center; gap: 14px;}
#content .content_area .contlist:nth-of-type(1) ul li a img{width: 400px; height: 230px;}
#content .content_area .contlist:nth-of-type(1) ul li a p{font-size: 1.3rem; font-weight: 500;}

#content .content_area .contlist ul li{position: relative;}

#content .content_area .contlist:nth-of-type(2) ul,
#content .content_area .contlist:nth-of-type(3) ul{margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 70px;}
#content .content_area .contlist:nth-of-type(2) ul li,
#content .content_area .contlist:nth-of-type(3) ul li{width: 400px; height: 270px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3); margin-top: 50px;}
#content .content_area .contlist:nth-of-type(2) ul li a,
#content .content_area .contlist:nth-of-type(3) ul li a{padding: 10px;}
#content .content_area .contlist:nth-of-type(2) ul li a img,
#content .content_area .contlist:nth-of-type(3) ul li a img{width: 100%; height: 100%;}
#content .content_area .contlist:nth-of-type(2) ul li a p,
#content .content_area .contlist:nth-of-type(3) ul li a p{text-align: center; font-weight: 500; font-size: 1.1rem; margin-top: 10px;}
#content .content_area .contlist ul li::before{content: ""; display: block; position: absolute; background: url(../images/content2/tape.png) no-repeat;
width: 100px; height: 40px; transform: translateX(150px) translateY(-23px);}
#content .content_area .contlist ul li::after{content: ""; display: block; position: absolute; background: url(../images/content2/play_btn.svg) no-repeat;
background-size: contain; width: 80px; height: 80px; font-size: 50px; transform: translate(-50%, -50%); top: 45%; left: 50%; opacity: 0; transition: all .3s ease-out;}
#content .content_area .contlist ul li:hover::after{opacity: 100;}