@charset "utf-8";
        @font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
       div#pr-wrap * { padding: 0; margin: 0; box-sizing: border-box; font: 14px "맑은 고딕","돋움",sans-serif;}
        a { text-decoration: none;}
        html,body { height: 100%;}
        div#pr-wrap { width:100%; height: 100%; }
        div#pr-wrap>div#total { display: flex; flex-direction: column; width: 1200px; margin: 0 auto;
             padding-top: 30px; }
        div#pr-wrap>div#total>div#name{ background-color:#E9EFC0; border-radius: 1.5rem 1.5rem 0 0;}
        div#pr-wrap>div#total>div#name>h1 { font-size: 2vw; text-align: center;font-family: GmarketSansMedium;}
        div#pr-wrap>div#total>div#name>h1 span { font-size: 1.3vw; font-family: inherit;}
        div#pr-wrap>div#total>div#name>#tagname { display: flex; justify-content: flex-end; margin-top: 40px;}
        div#pr-wrap>div#total>div#name>#tagname>p { text-align:center; font-family: GmarketSansMedium; background:#E9D5DA; padding: .3vw .6vw; border-radius: .5vw .5vw 0 0;}
            div#pr-wrap>div#total>div#name>#tagname>p>a { font-weight: bold; font-size: 1vw; color:black;}
         div#pr-wrap video { width: 1200px; height:auto;}
        div#pr-wrap>div#total>div#name>#tagname>p:hover { transform: scale(1.1,1.1); transform-origin: bottom center;
         background:#035397; color:#FCD900; cursor: pointer;}
         div#pr-wrap>div#total>div#name>#tagname>p.active { background:#363062; color:#F2F2F2;}
         div#pr-wrap>div#total>div#name>#tagname>p.active>a { background:#363062; color:#F2F2F2;}
        div#pr-wrap>div#total>div#name span { font-size: 0.2vw; font-family: inherit;}

        @media only screen and (max-width:480px) {
            div#pr-wrap>div#total { width: 100%;padding-top: 20px; } 
            div#pr-wrap>div#total>div#name>h1 {font-size: 4vw; padding-top: 20px;}
            div#pr-wrap>div#total>div#name>h1 span { display: none;}
            div#pr-wrap>div#total>div#name>#tagname { margin-top: 20px;}
             div#pr-wrap>div#total>div#name>#tagname>p>a { font-size: 2vw;}
            div#pr-wrap>div#total>div#name span { display: none;}
            div#pr-wrap video { width: 100%;} 
        }