body > div {min-height: 100vh;}
header {position: fixed; padding: 50px 50px 50px 25px; top: 0; bottom: 0; width: 280px; background: #f5f4e2; box-sizing: border-box;}
header h1 {font-size: 48px; color: #0c50ff; line-height: 1; font-weight: bold;}
header h1 > em {color: #937a7a;}
header h1 b {color: transparent; background: linear-gradient(180deg, #f6bf9f 0%, #db8ade 100%); background-clip: text; -webkit-background-clip: text;}
header h1 span {display: block; font-weight: normal;}   
header h1 p { padding: 29px 0 15px; font-size: 13px; color: #000; letter-spacing: 2px;font-weight: lighter; line-height: 16px;} 
header h1 p span {display: none;}
header .txt {font-size: 15px; line-height: 25px; letter-spacing: 0.5px;}
header .gnb {padding: 22px 0;}
header .gnb li {border-bottom: 1px solid #e9e8d6;}
header .gnb li button {display: block; font-size: 15px; font-weight: 600; height: 64px;color: #262626; padding: 0; box-sizing: border-box; background: none; }
header .gnb li.active button {color: #0c50ff;}

header .gnb li button::before {content: ""; display: inline-block; width: 40px; height: 40px; background: no-repeat center; vertical-align: -15px;}

header .gnb li.people button::before {background-image: url(../images/ico/people.png);}
header .gnb li.youtube_live button::before {background-image: url(../images/ico/youtube_live.png);}
header .gnb li.stat button::before {background-image: url(../images/ico/table_chart.png);}

p.inquiry_email {position: fixed; left: 20px; bottom: 20px; font-size: 15px;}

main {padding: 0 42px 0 322px; width: 100%; min-height: 100vh; background: #fcfde9; box-sizing: border-box;}

main section {display: none;}
main section.active {display: block;}

/* 
    main section {height: 100vh; box-sizing: border-box;}
*/

.pointerNone {pointer-events : none;} 

main h2 {margin: 42px 0;}
main h2 span {padding: 0 9px 0 30px;  font-size: 17px; color: #215ffd;  border-radius: 8px; background: #eef3ea; }

main .sgnb_wrap {position: relative; display: inline-block; padding: 48px 40px; width: 400px;}
main .sgnb { position: static; margin: 0; width: 100%; }
main .sgnb li button {display: block; width: 100%; padding: 0 8px; height: 35px; font-size: 15px; color: #97988c; font-weight: 600;background: none;}
main .sgnb li.active button {font-size: 25px;color: #000;background: #e4e5cc; border-radius: 10px;  pointer-events : none;}

main .btn_group button {position: absolute; background: url(../images/ico/arrow_back.png) no-repeat center; width: 20px; height: 20px; top: 50%; }
main .btn_prev {left: 10px;  transform: translateY(-50%);}
main .btn_next {right: 10px; transform: translateY(-50%) rotate(180deg);}

main .list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
main .list li {padding: 0 14px 33px; line-height: 1; height: 300px;}
main .list li .frame {position: relative; width: 200px; height: 200px; border: 5px solid #fff; border-radius: 7px;}
main .list li .frame .pic {width: 100%; height: 100%; }
main .list li .frame .insta {position: absolute; left: 10px;top:10px; width:20px; height:20px;}
main .list li .profile {padding: 0 10px;}
main .list li strong {display: block; padding: 14px 0 10px; font-size: 16px; color: #262626;}
main .list li p {color: #7a7a7a; font-size: 14px; font-weight: 410;}
main .list li p span {color: #262633;}

main .people_list {padding: 30px 0 0; margin: 10px 0 0;}
main .people_list li:first-child {position: relative; }
main .people_list li:first-child::before {content: ""; position: absolute; left: 16px; top: -40px;  width: 20px; margin: 20px 0;}
main .people_list.man li:first-child::before {border-top: 3px solid blue;}
main .people_list.woman li:first-child::before {border-top: 3px solid red;}
main .people_list li:first-child::after {content: ""; position: absolute; left: 16px; top: -40px; width: 20px; height: 20px; background: no-repeat center;}
main .people_list.man li:first-child::after {background-image: url(../images/ico/male.svg);}
main .people_list.woman li:first-child::after {background-image: url(../images/ico/female.svg);}

main .section_live,
main .section_stat {padding: 30px 0 0;}

main .live_list li {height: 200px;}

main .section_stat .t2,
main .section_stat .t2 th:first-child, 
main .section_stat .t2 td:first-child {border-left: none;}


main .section_stat th, 
main .section_stat td {padding: 2px 0;text-align: center; border: 1px solid #000; font-size: 16px;}
main .section_stat ul {display: flex; flex-wrap: wrap;}
main .section_stat li {padding: 0 10px 30px;}
main .section_stat li > div {display: flex;}
main .section_stat li table {width: 200px; border: 1px solid #000;}