@charset 'utf-8';

@import url('reset.css');
@import url('style.css');


@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR');

/* list thumbnail transition */
.thumb-wrapper-main {
	width:100%;
	height:240px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
    border-radius:5px;
}
.thumb-wrapper {
	width:100%;
	height:180px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
}
.thumb-wrapper-view {
	width:100%;
	height:330px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
}
.thumb-child {
	height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.thumb-child-view {
	height: 100%;
    width: 100%;
    background-size: cover ;
    background-repeat: no-repeat;
}

.thumb-wrapper:hover .thumb-child, .thumb-wrapper:focus .thumb-child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.thumb-wrapper:hover .thumb-child:before, .thumb-wrapper:focus .thumb-child:before {
    display: block;
}

.thumb-wrapper:hover a, .thumb-wrapper:focus a {
    display: block;
}

.thumb-wrapper-main:hover .thumb-child, .thumb-wrapper-main:focus .thumb-child {
    -ms-transform: rotate(3deg) scale(1.1);
    -moz-transform: rotate(3deg) scale(1.1);
    -webkit-transform: rotate(3deg) scale(1.1);
    -o-transform: rotate(3deg) scale(1.1);
    transform: rotate(3deg) scale(1.1);

}

.thumb-wrapper-main:hover .thumb-child:before, .thumb-wrapper-main:focus .thumb-child:before {
    display: block;
}

.thumb-wrapper-main:hover a, .thumb-wrapper-main:focus a {
    display: block;
}
/*
.thumb-wrapper-view:hover .thumb-child-view:before, .thumb-wrapper-view:focus .thumb-child-view:before {
    display: block;
}

.thumb-wrapper-view:hover a, .thumb-wrapper-view:focus a {
    display: block;
}
*/

.thumb-child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.35);
}
/*
.thumb-child-view:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.35);
}
*/
a.thumb-btn{
	display: none;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 130px;
    cursor: pointer;
    text-decoration:none;
}
/* list thumbnail transition */
.thumb-wrapper-main {
	width:100%;
	height:240px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
    border-radius:5px;
}
.thumb-wrapper {
	width:100%;
	height:180px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
}
.thumb-wrapper-view {
	width:100%;
	height:330px;
	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom:1.5em;
}
.thumb-child {
	height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.thumb-child-view {
	height: 100%;
    width: 100%;
    background-size: cover ;
    background-repeat: no-repeat;
}

.thumb-wrapper:hover .thumb-child, .thumb-wrapper:focus .thumb-child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.thumb-wrapper:hover .thumb-child:before, .thumb-wrapper:focus .thumb-child:before {
    display: block;
}

.thumb-wrapper:hover a, .thumb-wrapper:focus a {
    display: block;
}

.thumb-wrapper-main:hover .thumb-child, .thumb-wrapper-main:focus .thumb-child {
    -ms-transform: rotate(3deg) scale(1.1);
    -moz-transform: rotate(3deg) scale(1.1);
    -webkit-transform: rotate(3deg) scale(1.1);
    -o-transform: rotate(3deg) scale(1.1);
    transform: rotate(3deg) scale(1.1);

}

.thumb-wrapper-main:hover .thumb-child:before, .thumb-wrapper-main:focus .thumb-child:before {
    display: block;
}

.thumb-wrapper-main:hover a, .thumb-wrapper-main:focus a {
    display: block;
}
/*
.thumb-wrapper-view:hover .thumb-child-view:before, .thumb-wrapper-view:focus .thumb-child-view:before {
    display: block;
}

.thumb-wrapper-view:hover a, .thumb-wrapper-view:focus a {
    display: block;
}
*/

.thumb-child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.35);
}
/*
.thumb-child-view:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.35);
}
*/
a.thumb-btn{
	display: none;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 130px;
    cursor: pointer;
    text-decoration:none;
}