* { margin: 0, 0; font-family: 'malgun gothic'; }
header { /* background-color: red;  */ }
nav { background-color: #4c4c4c; }

#view_content { width: 935px; margin: 0 auto; text-align: center; }
#viewbox { position: relative; }
#viewbox .left_100 { position: absolute; top: 55px; right: 935px }
#viewbox .right_100 { position: absolute; position: fixed; float: left; top: 204px; left: 517px; z-index: -1; width: 100%; cursor: pointer; visibility: inherit; }


.left_ba { position: absolute; top: 204px; left: 395px; cursor: pointer; }
.kun01 { /* background-color: red;  */ }
.kun1 { position: absolute; z-index: 3; width: 100% top: 202px; left: 1420px; cursor: pointer; }
.kun2 { width: 935px; margin: 0 auto; }
.kun02 { width: 935px; height: 36px; margin: 0 auto; }
.kun3 tr { border: 1px solid #fff; /* background-color:  red; */ }
.kun3 tr td { border: 1px solid #fff; /* background-color:  red; */ }
.kun10 { background-color: #747474; }
.kun10 table { width: 935px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; }
.kun10 tr { border: 1px solid #747474; }
.kun10 tr td { border: 1px solid #747474; }
.kun11 { width: 935px; margin: 0 auto; }
.kun12 { background-color: #faf8f9; }
.kun13 { width: 935px; margin: 0 auto; }
.kun4 tr { border: 1px solid #fff; }
.kun4 tr td { border: 1px solid #fff; }
.kun4 img { border: 1px solid #dcdcdc; }
article { width: 935px; margin: 0 auto; }
article table { width: 935px; border: 1px solid #dcdcdc; border-collapse: collapse; z-index: 10; /* background-color:  red;  */ }
article table tr { text-align: center; border: 1px solid #dcdcdc; }
article table tr td { text-align: center; border: 1px solid #dcdcdc; }
article table tr th { /* border: 1px  solid #dcdcdc;
            padding-top:  10px;
            padding-bottom:  10px; */ }
article table tr td img { /* padding-top:  5px;
            padding-left: 15px;
            padding-right:  14px; */ }
del { color: gray; font-size: 12px; margin-right: 10px; text-decoration: line-through; }
span { color: red; font-size: 15px; font-weight: bold; }


footer { /* background-color: red; */ }

.kun09 { width: 935px; margin: 0 auto; }
.kun07 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; height: 20px; padding-left: 10px; text-align: center; font-size: 13px; }
.kun08 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 213px; height: 20px; padding-left: 10px; text-align: center; font-size: 13px; }
* { margin: 0; padding: 0; list-style: none; }
#slideWrap { width: 935px; height: 463px; border: 0px solid black; overflow: hidden; position: relative; }
#slider { height: 100%; position: absolute; }
#slider ul { display: inline; }
#slider li { float: left; width: 935px; height: 100%; }
.sample_image { width: 186px; height: 186px; overflow: hidden; }

.sample_image a img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.0); transition: transform .5s; }

.sample_image:hover a img { transform: scale(1.2); /* 이미지 확대 */ transition: transform .3s; /*  시간 설정  */ }
.kun20 img { border-radius: 15px; }