@charset "utf-8";
/* Neople UI Developer 박지연(Park Ji Yeon) 2023.01.00 */
/* reset */
body{position:relative;min-width:1536px;background:#000;}
body{font-family:'Noto Sans KR';font-weight:400;letter-spacing:-.7px;}
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
table{border-spacing:0;border-collapse:collapse}
img, fieldset{border:0;}
img{vertical-align:top}
form, fieldset{margin:0;padding:0;}
em, address{font-style:normal;}
button{margin:0;padding:0;overflow:visible;cursor:pointer;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none}
ul,ol,li{list-style:none}
hr{display:none}
label{cursor:pointer}
.clear{clear:both;}
.ovh{overflow:hidden;}
.none{display:none;}

/* aside nav */
.aside{transition:all 0.5s;position:fixed;left:-266px;bottom:0;width:320px;height:100%;z-index:1100;background:url('../img/intro/aisde_bg.png') repeat-y 0 0}
.aside .wrap_in{z-index:20;position:absolute;left:0;top:0;width:266px;padding-top:101px;}
.aside.on{left:0;}

.aside .chk_week{z-index:30;position:fixed;top:20px;left:20px;width:199px;height:40px;padding:10px 0 0 21px;background:#262626;border-radius:25px;box-shadow:0 2px 3px 0 rgb(0 0 0 / 24%);}
.aside .chk_week a{display:block;float:left;text-indent:-9999px;}
.aside .chk_week a.toh{width:26px;height:30px;margin-right:19px;background:url('../img/intro/btn_home.png') no-repeat}
.aside .chk_week a.toc{width:135px;height:30px;background:url('../img/intro/chk_week.png') no-repeat}
.aside .chk_week a.toh::after{content:'ㅣ';display:block;position:absolute;left:58px;top:20px;width:1px;height:10px;background:#616161;}
.aside .chk_week a:hover{background-position-y:bottom;}

.aside .wrap_in .bnr_b{position:relative;width:220px;margin:0 auto;padding-bottom:14px;text-align:center;}
.aside .wrap_in .bnr_b::after{content:'';display:block;position:absolute;left:10px;bottom:0;width:200px;height:2px;background:#232323;}
.aside .wrap_in .bnr_b a{color:#777;font-size:16px;line-height:22px;font-weight:400;}
.aside .wrap_in .bnr_b a em{display:block;color:#fff;margin-top:10px;}
.aside .wrap_in .bnr_b a i{display:block;margin-bottom:11px;font-style:normal;color:#777;}
.aside .wrap_in .bnr_s{width:225px;overflow-y:auto;margin-left:30px;padding:25px 0 7px 0;}
.aside .wrap_in .bnr_s a{display:table;overflow:hidden;width:200px;margin-bottom:18px;}
.aside .wrap_in .bnr_s a img, .aside .wrap_in .bnr_s a em{display:table-cell;height:100%;vertical-align:middle;text-align:left;}
.aside .wrap_in .bnr_s a img{margin-right:9px;border-radius:30px;}
.aside .wrap_in .bnr_s a em{transition:0.3s;width:130px;margin-top:-2px;color:#777;font-weight:400;font-size:16px;line-height:22px;}
.aside .wrap_in .bnr_s a:hover em{color:#fff;}

.aside .btn_ing_evt{z-index:30;position:absolute;left:0;bottom:0;display:block;width:260px;height:70px;text-indent:-9999px;background:#161616 url('../img/intro/btn_ing_evt.png') no-repeat 30px 0}
.aside .btn_swch{z-index:10;transition:0.3s;display:block;position:absolute;right:-9px;top:50%;margin-top:-33px;width:73px;height:66px;text-indent:-9999px;background:url('../img/intro/aside_on.png') no-repeat 0 0}
.aside.on .btn_swch{right:0;width:60px;height:66px;background:url('../img/intro/aside_off.png') no-repeat 0 0}

.aside ::-webkit-scrollbar{width:5px;}
.aside ::-webkit-scrollbar-thumb{border-radius:20px;background-color:#434343;}
.aside ::-webkit-scrollbar-track{background-color:#161616;}