@charset "utf-8";
@import url(common.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

#wrap{
	width:100%;
	margin:0 auto;
}

#main_header{
	position:relative;
	width:100%;
    height:120px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.logo{
    position: absolute;
    left:57px;
    top:44px;
}

.logo a{
    display: block;
    width:222px;
    height:34px;
    background: url(../images/logo.png) no-repeat;
    transition-duration: 0.5s;
}

.logo a:hover{
    background: url(../images/logo_hover.png) no-repeat;
    transition-duration: 0.5s;
}

#topnav{
    position:absolute;
    top:59px;
    right:60px;
}

#topnav ul{
    overflow: hidden;
}

#topnav ul li{
    float:left;
}

#topnav ul li a{
    padding-left:30px;
    color:#333;
    transition-duration: 0.5s;
}

#topnav ul li a:hover{
    color:#df628c;
    transition-duration: 0.5s;
}

#imageslide{
    width:100%;
    height:587px;
}

#main_contents{
    width:1290px;
    margin:108px auto 0;
}
#album{
    overflow: hidden;
    margin-bottom:100px;
}
#album>a{
    float:left;
    margin-right:42px;
}
#album>a:last-child{
    margin-right:0;
}
#album>a div{
    background-color:#df628c;
}
#album>a div img{
    width:291px;
    transition-duration: 1s;
}
#album>a:hover div img{
    opacity:0.3;
    transition-duration: 1s;
}

.title{
    overflow:hidden;
    margin-bottom:30px;
}
.title h1{
    font-size:3em;
    float:left;
    color:#000000;
}
.title a{
    color:#000000;
    float:right;
    margin-top:20px;
    display:block;
    padding-right:20px;
    background:url(../images/viewmore.png) no-repeat 100% 45%;
}

#latestnews{
    overflow: hidden;
}

#latestnews a div{
    float:left;
}

#latestnews a div{
    width:840px;
    height:433px;
    overflow:hidden;
}
#latestnews a div:last-child{
    width:450px;
    height:433px;
    background-color:#b19bce;
    transition-duration: 1s;
}

#latestnews a div:last-child h2{
    font-size:2em;
    margin:20px;
    color:white;
}
#latestnews a div:last-child p{
    margin:20px;
    color:white;
}

#latestnews a div img{
    display: block;
    transform: scale(1);
    transition-duration: 1s;
}

#latestnews a:hover div img{
    transform: scale(1.2);
    transition-duration: 1s;
}

#latestnews a:hover div:last-child{
    background-color:#9075b4;
    transition-duration: 1s;
}

footer{
    position:relative;
    width:1920px;
    height:164px;
    border-top:1px solid #666;
    margin-top:100px;
}

footer #sns{
    position:absolute;
    top:40px;
    left:313px;
    overflow:hidden;
}
footer #sns a{
    display: block;
    float:left;
    margin-right:20px;
}
footer #sns a:nth-child(1){
     width:26px; height:26px;
    background:url(../images/icon_instagram.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(1):hover{
    background:url(../images/icon_instagram_hover.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(2){
     width:26px; height:21px;
    margin-top:3px;
    background:url(../images/icon_twitter.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(2):hover{
    background:url(../images/icon_twitter_hover.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(3){
     width:28px; height:19px;
    margin-top:4px;
    background:url(../images/icon_youtube.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(3):hover{
    background:url(../images/icon_youtube_hover.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(4){
     width:13px; height:25px;
    background:url(../images/icon_facebook.png);
    transition-duration: 0.5s;
}
footer #sns a:nth-child(4):hover{
    background:url(../images/icon_facebook_hover.png);
    transition-duration: 0.5s;
}

footer #join{
    position: absolute;
    top:26px;
    right:317px;
    width:337px;
    height:54px;
    text-align:center;
    background-color:#df628c;
    line-height:54px;
    color:white;
    transition-duration: 0.5s;
}
footer #join:hover{
    background-color:#ce4976;
    transition-duration: 0.5s;
}

footer div:last-child{
    position: absolute;
    bottom:0;
    width:1920px;
    height:56px;
    background-color:#ebebeb;
}

footer div:last-child p{
    position: absolute;
    top:21px;
    left:313px;
    font-size:0.75em;
}

footer div:last-child ul{
    overflow:hidden;
    position:absolute;
    top:19px;
    right:317px;
}
footer div:last-child ul li{
    float:left;
    margin-right:5px;
}
footer div:last-child ul li a{
    font-size:0.75em;
}
footer div:last-child ul li a:hover{
    color:#ce4976;
}
footer div:last-child ul li span{
    font-size:0.7em;
}