@charset "utf-8";

.wrap_photo{padding: 185px 0 170px;position: relative;}
.wrap_photo > .container > .inner{max-width: 1560px;margin:0 auto;position: relative;z-index: 2;}
.wrap_photo > .container > .inner:after{content:'';width:1799px;height: 1385px;background:url(../images/mark.png) no-repeat center;position: absolute;right: -700px;top: -300px;z-index: -1;}
.wrap_photo .title{font-size: 60px;color:#a0a0a0;margin-bottom: 50px;font-family: 'BMDOHYEON';font-weight: normal;}
.wrap_photo .title span{color:#8b0029;display: inline-block;}
.wrap_photo .title p:nth-child(2){display:none;}
/**.wrap_photo .title p{transition:ease all 1s;}
.wrap_photo .title p:nth-child(1){opacity:1;}
.wrap_photo .title p:nth-child(2){opacity:0;position:absolute;top:0;font-family:'Noto Bold;';}
.wrap_photo .container:hover .title p:nth-child(1){opacity:0;}
.wrap_photo .container:hover .title p:nth-child(2){opacity:1;}
**/

.wrap_photo .list > ul{display: flex;justify-content: space-between;position: relative;z-index: 3;}
.wrap_photo .list > ul > li{width:100%;max-width: 760px;}
.wrap_photo .list > ul > li + li{margin-left:40px;}
.wrap_photo .list > ul > li .thumb{overflow: hidden;}
.wrap_photo .list > ul > li .thumb img{width:760px;height: 410px;transition:all ease 0.75s;}
.wrap_photo .list > ul > li .con{padding:45px 30px 0;}
.wrap_photo .list > ul > li .con .subjectText{font-size:30px;font-family: 'Noto Medium';color:#212121;display:block;margin-bottom:20px;line-height: 1.25;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.wrap_photo .list > ul > li .con .content{font-size:18px;font-family: 'Noto Light';color:#7d7d7d;line-height: 1.5;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

.wrap_photo .list > ul > li .con .date,
.wrap_photo .list > ul > li .readMore{display:none;}

.wrap_photo > .container .inner .more{position: absolute;right:0;top: 5px;width:50px;height:50px;font-size:16px;font-family: 'Noto Medium';color:#8b0029;}
/**.wrap_photo > .container .inner .more:after{content:'';width: 66px;height:8px;background:url('../images/more-arrow.png') no-repeat center;display: block;position:relative;top: -21px;left: 50px;}
.wrap_photo > .container > .inner .more:before{content:'';background:#8b0029;width:42px;height:42px;border-radius:50%;display:block;margin-left:auto;position: relative;top: 36px;left: 3px;}**/


.wrap_photo .hamburger{position:relative;}
.wrap_photo .hamburger .line{width: 50px;height: 5px;background-color: #9c9c9c;display: block;-webkit-transition: all 0.3s ease-in-out;-o-wrap_photo : all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.wrap_photo .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
.wrap_photo .hamburger .line:nth-child(2){width:5px;height:50px;margin:0 auto;}
.wrap_photo .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}

.wrap_photo .hamburger:hover .line:nth-child(2){background:#fff;transform: rotate(90deg);}
.wrap_photo .hamburger:hover .line:nth-child(1){background:#fff;top:14px;width:35px;transform: translateX(23px) rotate(45deg);}
.wrap_photo .hamburger:hover .line:nth-child(3){background:#fff;top:36px;width:35px;transform: translateX(23px) rotate(-45deg);}



@media (max-width: 1600px) {
    .wrap_photo .inner{padding:0 25px;}
    .wrap_photo .inner .more{right:25px;}
}

@media (max-width: 1400px) {
.wrap_photo .title{font-size:50px;}
.wrap_photo .list > ul > li .con{padding:30px 20px 0;}
.wrap_photo .list > ul > li .con .subjectText{font-size:22px;}
.wrap_photo .list > ul > li .con .content{font-size:15px;}
.wrap_photo .inner:after{display: none;}
}

@media (max-width: 1200px) {
    .wrap_photo .list > ul > li .thumb img{height:300px;}
    .wrap_photo .list > ul > li + li{margin-left:30px;}
    .wrap_photo .list > ul > li .con{padding:25px 15px 0;}

    .wrap_photo > .container .inner .hamburger{width: 38px;height: 38px;top: 5px;font-size:11px;}
    .wrap_photo > .container .inner .hamburger .line{width:38px;height:3px;}	
    .wrap_photo > .container .inner .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-2.5px;}
    .wrap_photo > .container .inner .hamburger .line:nth-child(2){width:3px;height:38px;margin:0 auto;}
    .wrap_photo > .container .inner .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-2.5px;}
    .wrap_photo > .container .inner .hamburger:hover .line:nth-child(1){top:11px;width:25px;transform: translateX(18px) rotate(45deg);}
    .wrap_photo > .container .inner .hamburger:hover .line:nth-child(3){top:28px;width:25px;transform: translateX(18px) rotate(-45deg);}	
}

@media (max-width: 1000px) {
    .wrap_photo{padding: 90px 0 40px;}
    .wrap_photo .title{font-size:37px;margin-bottom: 30px;}
    .wrap_photo .list > ul > li .thumb img{height:255px;}
    .wrap_photo .list > ul > li .con .subjectText{font-size:18px;margin-bottom: 10px;}
    .wrap_photo .list > ul > li .con .content{font-size:12px;line-height: 1.4;}
    /**.wrap_photo .inner .more{width:85px;height: 25px;top: -10px;font-size:11px;}
    .wrap_photo .inner .more:before{width:25px;height:25px;top: 22px;left: 1px;}
    .wrap_photo .inner .more:after{width:40px;background-position: right center;left: 37px;top: -17px;}**/
}

@media (max-width: 767px) {
    .wrap_photo .title{font-size:40px;text-align: center;}
    .wrap_photo .list > ul > li .thumb img{height:265px;}
    .wrap_photo .list > ul > li + li{margin-top:60px;margin-left: 0;display:none;}
    .wrap_photo .list > ul{display:block;}
    .wrap_photo .list > ul > li .con .subjectText{font-size:24px;}
    .wrap_photo .list > ul > li .con .content{font-size:16px;}
    /**.wrap_photo .inner .more{position:initial;display: block;margin-left: auto;margin-top: 60px;font-size:13px;width: 105px;}
    .wrap_photo > .container > .inner .more:before{width:34px;height:34px;top: 30px;left: -2px;}
    .wrap_photo > .container > .inner .more:after{width:52px;}**/

    .wrap_photo > .container .inner .hamburger{width:32px;height:32px;top: 8px;right:25px;}	
    .wrap_photo > .container .inner .hamburger .line{width:32px;height:3px;}	
    .wrap_photo > .container .inner .hamburger .line:nth-child(1){position:absolute;top:50%;margin-top:-1.5px;}
    .wrap_photo > .container .inner .hamburger .line:nth-child(2){width:3px;height:32px;margin:0 auto;}
    .wrap_photo > .container .inner .hamburger .line:nth-child(3){position:absolute;top:50%;margin-top:-1.5px;}
    .wrap_photo > .container .inner .hamburger:hover .line:nth-child(1){top:8px;width:22px;transform: translateX(16px) rotate(45deg);}
    .wrap_photo > .container .inner .hamburger:hover .line:nth-child(3){top:23px;width:22px;transform: translateX(16px) rotate(-45deg);}	
}