@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/people_main_files/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family: "Pretendard-Regular", "�������", "Malgun Gothic", sans-serif;}
#wrap{max-width: 100%;}
#wrap *{/*font-family: 'Roboto', 'Notokr Local','Noto Sans KR','Malgun Gothic',sans-serif;*/}
.main-bg{position: relative;}
.main-bg > img{width: 100%;}
.sp_nav{display: block;}
.sp_nav{width:40px;float:right;position:relative;cursor:pointer;height:20px;margin-top:20px;z-index: 100;}
.sp_nav span{display:block;background:#a7a7a7;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.5s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:5px}
.sp_nav span:nth-of-type(3){top:10px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
#gnb{right: -100%;background: #fff;position: fixed;top: 12px;height: 100%;width: 33%;z-index: 99;overflow-y: auto;overflow-x: hidden;}
.gnb-depth1{margin: 56px 10px 10px 10px;}
.gnb-depth1 > li > a{background: #5d21b5;display: block;padding: 5px 10px;color: #fff;border-radius: 6px;}
.gnb-depth2{}
.gnb-depth2 > li{padding:10px;border-bottom: 1px solid #f7f7f7;}
.gnb-depth2 > li > a{padding: 0px 0px;    display: block;    color: #868686;    }
#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background-color: #cdc2fe;}
#header.on{background: #fff;}
#header > .logo{float: left;margin: 15px 0 15px 2%;}
.main-txt{position: absolute;left: 0;top: calc(50% - 63px);z-index: 1;width: 100%;text-align: center;height: 125px;}
.main-txt p{text-align: center;color: #fff;font-size: 16px;font-weight: bold;}
.main-txt a{margin-top: 15px;font-size: 12px;color: #fff;background: -moz-linear-gradient(top, #ff393e 0%, #ff3f7b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff393e), color-stop(100%,#ff3f7b));background: -webkit-linear-gradient(top, #ff393e 0%,#ff3f7b 100%);background: -o-linear-gradient(top, #ff393e 0%,#ff3f7b 100%);background: -ms-linear-gradient(top, #ff393e 0%,#ff3f7b 100%);background: linear-gradient(to bottom, #ff393e 0%,#ff3f7b 100%);padding: 0 15px;border-radius: 23px;height: 30px;line-height: 30px;display:inline-block;}
.main-con{background: #5d21b5;padding: 0 2% 28px;}
.main-button{margin-left: -10px;}
.main-button li{padding-top: 3%;width: calc(100% / 2 - 10px);margin-left: 10px;float: left;}
.main-button li a{display: block;padding-left: 15px;color: #fff;background: #3d0e81;border-radius: 38px;height: 38px;line-height: 38px;font-size: 14px;position: relative;}
.main-button li a::before{margin-right: 5px;font-family:'FontAwesome' !important;}
.main-button li a::after{content: "\f105";font-family:'FontAwesome' !important;position: absolute;top: 1px;right: 10px;}
.main-con-2{position: relative;background:#38136e;margin-top: 5%;border-radius: 10px;}
.main-con-2-con{display:table;width: 100%;box-sizing: border-box;}
.main-con-2-con > div{color: #fff;font-size: 2vw;float: left;display: table-cell;vertical-align:middle;padding: 6% 5% 5%;}
.main-con-2-con > div span{display:inline-block;}
.main-con-2-con > div p{color: #f0ed18;font-weight: 500;font-size: 2vw;margin-top: 1%;line-height: 120%;}
.main-con-2 > img{width: 100%;margin-top: 3%;}
.main-con-2-con > ul{display:table-cell;width: 50%;padding: 5%;}
.main-con-2-con > ul > li{float: left;margin-left: 15px;width: calc(100% / 2 - 15px);}
.main-con-2-con > ul > li img{width: 100%;}
.main-txt-bar{margin-top: 5%;color: #fff;}
.main-txt-bar span{text-shadow: 0 0 7px #000;}
.main-img img{width: 100%;margin-top: 3%;}
.main-title{margin-top: 5%;color: #fff;font-size: 18px;text-align: center;display: block;font-weight: 500;}
.main-title::before{font-family:'FontAwesome' !important;margin-right: 3px;}
.main-scroll{border-radius: 10px;background: #fff;overflow: hidden;width: 90%;margin: 0 auto;margin-top: 3%;padding: 10px;height: 300px;}
.main-scroll i{font-style: normal;}
.main-scroll li{border-bottom: 1px solid #efefef;padding: 5px 0;box-sizing: border-box;}
.main-scroll li strong{font-weight: 400;}
.main-scroll li span{padding: 3px 10px;float: right;color: #fff;font-size: 13px;border-radius: 30px;}
.main-scroll li span.red{background: #ef4083;}
.main-scroll li span.blue{background: #53a2e5;}
#footer{background: #5d21b5;}
.footer-menu li{padding: 10px;float: left;position: relative;}
.footer-menu li a{display: block;color: #fff;font-size: 14px;}
.footer-menu li::after{content: "";width: 2px;height: 10px;background: #fff;position: absolute;right: 0;top: 15px;}
.footer-menu li:last-child::after{display: none;}
#footer h2{color: #fff;margin-top: 3%;padding: 0 2%;}
#footer ul{padding: 0 2%;padding-top: 3%;}
#footer ul li{color: #fff;font-size: 14px;}
.copyright{padding: 3% 2%;font-size: 14px;}
.gnb-depth2 > li > a i::before{font-family: 'FontAwesome' !important;}


    @media (max-width: 768px){ /*0~768*/
        #gnb{
            width: 100%;
        }
     }