.col_title {width: 400px; height: 40px; border-bottom: 1px solid #ddd; text-align: center; color: #403F41; margin: 100px auto 30px;}
.col_title>h1 { font-size: 24px; font-weight: 600;}
section>article>h2 {font-size: 20px; font-weight: 600; border-left: 3px solid #ddd; padding-left: 10px; margin-left: 15px;}

/*가든 비디오*/
#video {width: 100%; margin: 150px 0;}
.video {width: 1200px; margin: 0 auto;}
.video_list {width: 100%;}
.video_list>li {width: 50%; height: auto; float: left; padding: 15px; overflow: hidden;}
.video_list>li>a {width: 100%; height: auto;}
.video_list>li:hover>a>img {transform: scale(1.02);}
.video_list>li>a>img {width: 100%; transition: .2s; display: block;}

/*가든 포토*/
#photo {width: 100%; margin: 150px 0;}
.photo {width: 1200px; margin: 0 auto;}
.photo_list {width: 100%;}
.photo_list>li {width: 50%; height: auto; float: left; padding: 15px; overflow: hidden;}
.photo_list>li>a {width: 100%; height: auto;}
.photo_list>li:hover>a>img {transform: scale(1.02);}
.photo_list>li>a>img {width: 100%; position: relative; transition: .2s; display: block;}
.photo_list>li>a>img:first-child {display: block;}
.photo_list>li>a>img:last-child {display: none;}

.photo_popup {width: 100%; height: 100vh; position: fixed; background-color: rgba(0,0,0,.7); padding: 30px; top: 0; z-index: 999;}
.photo_popup img {width: auto; max-width: 1200px; height: 90%; max-height: 90vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.photo_popup img:first-child {display: none;}
.photo_popup img:last-child {display: block;}