@charset "utf-8";
@font-face { font-family: 'KyoboHand'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff'); font-weight: normal; font-style: normal; }


* {
    padding: 0px; margin: 0px;
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
#back {
    position: relative;
    height: 100%; width: 100%;
    /* clear: both; */
    background: url(../images/iam-back.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#back > div {
    /* float: left; */
}



/* 왼쪽 내용 */
#left {
    width: 49%; height: 100%;
    display: inline-block;
    vertical-align: top;
    /* background: tan; */
    /* text-align: center; */
    /* padding: 200px 0px; */
    position: relative;
}
#left .me {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-right: 2px solid #000;
    position: absolute; top: 100px; right: 0px;
    /* background: red; */
}
#left .me h1 {
    font-size: 70px; font-family: KyoboHand;
    padding: 100px 0px 50px;
}
#left .me img {
    border-radius: 50%;
    margin-bottom: 50px;
}
#left .me p {
    font-size: 20px; font-family: KyoboHand;
    padding-bottom: 100px;
}


/* 오른쪽 내용 */
#right {
    width: 49%; height: 100%;
    display: inline-block;
    vertical-align: top;
    /* background: skyblue; */
    /* text-align: center; */
    /* padding: 200px 0px; */
    position: relative;
}
#right .content {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute; top: 100px; left: 0px;
    /* background: teal; */
}
#right .content h2 {
    font-size: 70px; font-family: KyoboHand;
    padding: 100px 0px 50px;
}
#right .content p {
    text-align: left; text-indent: 1em; 
    text-decoration: underline; text-underline-position: under;
    font-size: 20px; font-family: KyoboHand;
    border: 2px solid #333; border-radius: 10px;
    width: 60%; line-height: 2em; height: auto;
    margin: 0px auto 30px; padding: 0px 10px;
    background: #fff;
}

/* 노래 아이콘 */
.icon p {
    position: absolute; right: 150px; top: 50px;
    font-size: 50px;
    display: inline-block;
    cursor: pointer;
    color: blueviolet;
    /* animation: music 0.5s infinite; */
}

/* 노래 */
.music {
    position: absolute; right: 210px; top: 60px;
}
/* .music audio {
    display: none;
}
.music.on audio {
    display: block;
} */