/* Web site layout style */
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Black+Han+Sans&family=Comfortaa:wght@700&family=Lobster&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Song+Myung&family=Sunflower:wght@300;500;700&display=swap');
/*
font-family: 'Abril Fatface', cursive;
font-family: 'Anton', sans-serif;
font-family: 'Black Han Sans', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Lobster', cursive;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Song Myung', serif;
font-family: 'Sunflower', sans-serif;
*/

html, body {margin:0; padding:0; font-size:14px; background-color:#ecf1f2; font-family: 'Noto Sans KR', sans-serif; color:#323538;}
a {text-decoration:none; color:#2c3337; padding:0; margin:0; line-height:100%;}
a:hover {color:#4f646e;}
ul {list-style:none; margin:0; padding:0;}
* {box-sizing:border-box;}
form {margin:0; padding:0;}
button[name*="btn-"] {border:none; background-color:transparent; outline:none; padding:0; margin:0; transition:.5s;}
button[name*="btn-"]:hover {cursor:pointer;}
iframe[name*="_action_frame_"] {margin:auto; padding:0; display:none;}
.colorscripter-code {width:100%;}
.colorscripter-code table {width:100%;}
.colorscripter-code table>tbody>tr>td:nth-child(1) {width:40px;}
.ad-google {padding:5px; overflow:hidden;}
.v-youtube {width:100%; height:473px;}
/* animation @keyframes */
@keyframes ani1 {
    from {width:0; opacity:0;}
    to {width:100%; opacity:1;}
}
@keyframes ani2 {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes ani3 {
    0 {left:-100px; top:100%; transform:rotateZ(0deg); width:100px;}
    10% {left:15%; top:65%;}
    20% {left:20%; top:61%;}
    30% {left:30%; top:58%;}
    40% {left:40%; top:56%;}
    50% {left:50%; top:55%; transform:rotateZ(45deg); width:80px;}
    60% {left:60%; top:56%;}
    70% {left:70%; top:58%;}
    80% {left:80%; top:61%;}
    90% {left:85%; top:65%;}
    100% {left:110%; top:100%; transform:rotateZ(0deg); width:100px;}
}
@keyframes ani4 {
    0 {opacity:.7;}
    50% {opacity:1;}
    100% {opacity:.7;}
}
@keyframes ani5 {
    0 {left:-150px;}
    50% {width:200px;}
    100% {left:110%; top:0;}
}
/* */
@media screen and (max-width:425px) {
    .v-youtube {height:194px;}
}