@import url('reset.css');

.btn_toggle{display: inline-block; position: absolute; top: 15px; left: 10px; width: 40px; height: 40px; border-radius: 10px; background: #d0dcfc url(/opennote/img/common/i_toggle.svg) no-repeat 50% 50%;}
.area_bg, .global_bg, .my_bg { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}
.left_area{ display: none; position: fixed; top: 15px; left: 60px; width: 300px; height: calc(100% - 15px); border-radius: 6px; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1); background: #5875EE; z-index: 1200;}
.left_area::before{display: block; position: absolute; content: ''; top: 10px; left: -16px; width: 26px; height: 31px; background: url(/opennote/img/common/header_arrow.png) no-repeat;}

#header{padding: 20px 0 0 0;}
.logo{ padding-bottom: 20px; text-align: center; border-bottom: 1px solid #7391f0;}
nav li:hover > a{color: #ffcd00;}
nav .depth1 {height: calc(100vh - 125px); overflow-y: auto;}
nav .depth1 .scroll-content > li,
nav .depth1 > li{ border-bottom: 1px solid #7391f0; font-size: 15px; letter-spacing: -0.75px; color: #fff; cursor: pointer;}
nav .depth1 .scroll-content > li:last-child,
nav .depth1 > li:last-child{border-bottom: 0;}
nav .depth1 .scroll-content > li > a,
nav .depth1 > li > a {display: inline-block; width: 100%; padding: 15px 0; border-left: 4px solid transparent;}
nav .depth1 .scroll-content > li i,
nav .depth1 > li i{ display: inline-block; width: 24px; height: 24px; padding-right: 20px; margin-left: 20px; vertical-align: middle;}
nav .depth1 .scroll-content > li span,
nav .depth1 > li span{ padding-left: 20px; vertical-align: middle;}
nav .depth1 .scroll-content > li i.gnb_01,
nav .depth1 > li i.gnb_01{background: url(/opennote/img/common/i_header01.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_02,
nav .depth1 > li i.gnb_02{background: url(/opennote/img/common/i_header02.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_03,
nav .depth1 > li i.gnb_03{background: url(/opennote/img/common/i_header03.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_04,
nav .depth1 > li i.gnb_04{background: url(/opennote/img/common/i_header04.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_05,
nav .depth1 > li i.gnb_05{background: url(/opennote/img/common/i_header05.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_06,
nav .depth1 > li i.gnb_06{background: url(/opennote/img/common/i_header06.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_07,
nav .depth1 > li i.gnb_07{background: url(/opennote/img/common/i_header07.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_08,
nav .depth1 > li i.gnb_08{background: url(/opennote/img/common/i_header08.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_09,
nav .depth1 > li i.gnb_09{background: url(/opennote/img/common/i_header09.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_10,
nav .depth1 > li i.gnb_10{background: url(/opennote/img/common/i_header10.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_11,
nav .depth1 > li i.gnb_11{background: url(/opennote/img/common/i_header11.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_12,
nav .depth1 > li i.gnb_12{background: url(/opennote/img/common/i_header_g_01.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_13,
nav .depth1 > li i.gnb_13{background: url(/opennote/img/common/i_header_g_02.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_14,
nav .depth1 > li i.gnb_14{background: url(/opennote/img/common/i_header_g_03.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_15,
nav .depth1 > li i.gnb_15{background: url(/opennote/img/common/i_header_g_04.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_16,
nav .depth1 > li i.gnb_16{background: url(/opennote/img/common/i_header_g_05.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_17,
nav .depth1 > li i.gnb_17{background: url(/opennote/img/common/i_header_g_06.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li i.gnb_18,
nav .depth1 > li i.gnb_18{background: url(/opennote/img/common/i_header_g_07.svg) no-repeat 0 50%;}
nav .depth1 .scroll-content > li.has_sub > a,
nav .depth1 > li.has_sub > a{position: relative;}
nav .depth1 .scroll-content > li.has_sub > a::after,
nav .depth1 > li.has_sub > a::after{position: absolute; display: block; content: ''; width: 9px; height: 6px; top: 50%; right: 18px; transform: translateY(-50%); background: url(/opennote/img/common/i_arrow_btm.png) no-repeat;}
nav .depth1 .scroll-content > .has_sub.open > a::after,
nav .depth1 > .has_sub.open > a::after{transform: translateY(-50%) rotate(-180deg); transition: transform 200ms linear;}
nav .depth1 .scroll-content > li.open > a,
nav .depth1 > li.open > a  { border-left: 4px solid #ffcd00; color: #FFCD00; }
nav .depth1 .scroll-content > li.open a i ,
nav .depth1 > li.open a i {filter:invert(20%) sepia(56%) saturate(600%) hue-rotate(315deg) brightness(106%) contrast(105%)}
nav .depth1 .scroll-content > li.has_sub > .depth2,
nav .depth1 > li.has_sub > .depth2{padding-left:35px;}
nav .depth1 .scroll-content > li.has_sub > .depth2 > li,
nav .depth1 > li.has_sub > .depth2 > li { padding-bottom: 10px;}
nav .depth1 .scroll-content > li.has_sub > .depth2 > li.open > a,
nav .depth1 > li.has_sub > .depth2 > li.open > a{color: #FFCD00;}
nav .depth1 .scroll-content > li.has_sub > .depth2 > li > a,
nav .depth1 > li.has_sub > .depth2 > li > a{position: relative; padding-left: 12px;}
nav .depth1 .scroll-content > li.has_sub > .depth2 > li > a::before,
nav .depth1 > li.has_sub > .depth2 > li > a::before{display: block; position: absolute; content: ''; width: 6px; height: 2px; top: 50%; left: 0; transform: translateY(-50%); background: #b3b7cb;}
nav .depth2 > li.has_sub > .depth3{ margin-top: 13px; padding-left: 8px;}
nav .depth2 > li.has_sub > .depth3 > li{padding-bottom: 8px;}
nav .depth2 > li.has_sub > .depth3 > li:last-child{padding-bottom: 0;}
nav .depth2 > li.has_sub > .depth3 > li:hover > a{color: #ffcd00;}
nav .depth2 > li.has_sub > .depth3 > li > a{position: relative; padding-left: 10px;}
nav .depth2 > li.has_sub > .depth3 > li > a::before{display: block; position: absolute; content: ''; width: 3px; height: 3px; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; background: #fff;}
nav .depth3 > li.has_sub > .depth4{ margin: 10px 0; padding-left: 15px;}
nav .depth3 > li.has_sub > .depth4 > li{padding-bottom: 8px; font-size: 15px;}
nav .depth3 > li.has_sub > .depth4 > li:last-child{padding-bottom: 0;}
nav .depth3 > li.has_sub > .depth4 > li:hover > a{color: #ffcd00;}
nav .depth4 > li.has_sub > .depth5 { margin: 10px 0; padding-left: 12px;}
nav .depth4 > li.has_sub > .depth5 > li{padding-bottom: 8px; font-size: 15px;}
nav .depth4 > li.has_sub > .depth5 > li:last-child{padding-bottom: 0;}
nav .depth4 > li.has_sub > .depth5 > li > a{position: relative; padding-left:10px;}
nav .depth4 > li.has_sub > .depth5 > li > a::before{display: block; position: absolute; content: ''; width:4px; height:2px; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; background: #fff;}
nav .depth4 > li.has_sub > .depth5 > li:hover > a{color: #ffcd00;}
nav .depth5 > li.has_sub > .depth6 { margin: 10px 0; padding-left: 12px;}
nav .depth5 > li.has_sub > .depth6 > li{padding-bottom: 8px; font-size: 15px;}
nav .depth5 > li.has_sub > .depth6 > li:last-child{padding-bottom: 0;}
nav .depth5 > li.has_sub > .depth6 > li > a{position: relative; padding-left:10px;}
nav .depth5 > li.has_sub > .depth6 > li > a::before{display: block; position: absolute; content: ''; width:2px; height:2px; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; background: #fff;}
nav .depth5 > li.has_sub > .depth6 > li:hover > a{color: #ffcd00;}


#container{ background: #F4F7FC; width:100%; min-height: 100%;}
.dashboard_header{ display: flex; justify-content: space-between; align-items: center; padding: 15px 23px 15px 60px; width: 100%; height: 70px; border-bottom: 1px solid #E3E9F2;}
.dashboard_header .header_r,
.dashboard_header .header_r .profile{display: flex;}
.dashboard_header .search { position: relative; width:40px; height: 40px; border-radius: 10px; border: 1px solid #EAEAEE; background: #fff;}
.dashboard_header .search > span{ display:flex; align-items:center; justify-content:center; width: 100%;height: 100%;}
.dashboard_header .search input[type=text], .dashboard_header .search .btn_search {display:none; border: none; height: 100%;}
.dashboard_header .search .btn_search, .dashboard_header .search .search_icon {width: 17px; height: 17px; background: url(/opennote/img/common/i_search.svg) no-repeat; text-indent: -9999px;}
.dashboard_header .search.open { width: 250px; transition: .2s; }
.dashboard_header .search.open .search_icon {display:none}
.dashboard_header .search.open input { display: block; width: calc(100% - 37px); }
.dashboard_header .search.open .btn_search {display: block;}

/*Path 추가*/
.dashboard_header .path { position: relative; min-width:40%; height: 40px; margin:0 auto 0 1%}
.dashboard_header .path ul {display: flex; align-items:flex-end; height:100%;}
.dashboard_header .path ul li a {display:block; font-size:14px; padding-right:20px; color:#92929D; position:relative}
.dashboard_header .path ul li a:hover {color:#131523}
.dashboard_header .path ul li a:after {width:10px; height:10px; position: absolute; top:4px; right:3px; content:''; background:url(/opennote/img/main/i_slide_prev.png) no-repeat 50% 50%; transform:rotate(180deg)}
.dashboard_header .path ul li:first-child {font-weight:500; padding-left:18px; background:url('/opennote/img/sub/i_home.svg') no-repeat 0 center; background-size:15px}
.dashboard_header .path ul li:last-child a:after {width:0;}

.dashboard_header .header_r{align-items: center;}
.dashboard_header .header_r > li{ position: relative; margin-right: 30px;}
.dashboard_header .header_r > li:last-child{margin-right: 0;}
.dashboard_header .header_r > li > a {display:block; position: relative; width:24px; height:24px;}
.dashboard_header .header_r > li > a > span{ display: inline-block; width: 24px; height: 24px; }
.dashboard_header .header_r > li > a > span:hover {filter: invert(37%) sepia(47%) saturate(1963%) hue-rotate(210deg) brightness(104%) contrast(94%);}
.dashboard_header .header_r > li span.chat{background: url(/opennote/img/common/i_header_util01.svg) no-repeat center;background-size:contain}
.dashboard_header .header_r > li span.noti{ background: url(/opennote/img/common/i_header_util02.svg) no-repeat center;background-size:contain}
.dashboard_header .header_r > li .noti_num{display: inline-block; position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; border-radius: 50%; font-size: 12px; text-align: center; color: #fff; line-height: 16px; background: #F0142F;}
.dashboard_header .header_r > li span.global{background: url(/opennote/img/common/i_header_util03.svg) no-repeat center;background-size:contain}
.dashboard_header .header_r .profile{position: relative; align-items: center;}
.dashboard_header .header_r .profile .profile_thumb{width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 18px; line-height: 40px; color: #fff; background: linear-gradient(to bottom, #5574F7, #60C3FF);}
.dashboard_header .header_r .profile .profile_name{ margin-left: 15px; padding-right: 25px; font-size: 14px; letter-spacing: -0.7px; color: #131523; cursor: pointer; background: url(/opennote/img/common/i_arrow_btm2.png) no-repeat 100% 50%;}
.dashboard_header .header_r .profile .sub_menu{ display: none; position: absolute; top: 40px; right: -5px; width: 90px; border-radius: 10px; text-align: center; background: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); z-index:1001;}
.dashboard_header .header_r .profile .sub_menu::before{position: absolute; display: block; content: ''; top: -11px; left: 50%; transform: translateX(-50%); width: 27px; height: 12px; background: url(/opennote/img/common/img_bubble.png) no-repeat; z-index: -1;}
.dashboard_header .header_r .profile .sub_menu li{padding: 5px 0; font-size: 13px; letter-spacing: -0.65px; color: #474747; text-align: center;}
.dashboard_header .header_r .profile .sub_menu li:first-child{margin-top: 10px; padding-top: 2px;}
.dashboard_header .header_r .profile .sub_menu li:last-child{margin-bottom: 10px; padding-bottom: 2px;}
.dashboard_header .header_r .profile .sub_menu li:hover{ color: #5887F9; background: #F5F5F5;}
.dashboard_header .header_r .global_menu{ position: absolute; width: 125px; top: 40px; right: -50px; padding: 15px 30px; border-radius: 10px; background: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); z-index:1001;}
.dashboard_header .header_r .global_menu li{padding: 5px 0; font-size: 13px; letter-spacing: -0.65px; color: #474747;}
.dashboard_header .header_r .global_menu li:hover{color: #5887F9;}
/*
@media all and (max-width: 1750px) {
	.dashboard_header .path {flex-basis: 60%;}
}
@media all and (max-width: 1500px) {
	.dashboard_header .path {flex-basis:58%;}

@media all and (max-width: 1400px) {
	.dashboard_header .path {flex-basis:55%;}
}
@media all and (max-width: 1240px) {
	.dashboard_header .path {flex-basis:52%;}
	.dashboard_header .header_r > li {margin-right:7%}
	.dashboard_header .header_r, .dashboard_header .header_r .profile {flex-basis:23%}
}
}
@media all and (max-width: 1060px) {
	.dashboard_header .path {flex-basis:50%;}
} */

.main_slide .page {position:absolute; bottom:8px; left:50%; height:18px; z-index:9;}
.main_slide .page .swiper-pagination-bullet {width:18px; height:18px; background:#bbb; margin:0 0 0 10px}
.main_slide .page .swiper-pagination-bullet-active {background:#5887F9}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev {position:absolute; width:20px; height:120px; margin-top:-100px; top:50%; z-index:10; cursor: pointer;}
.main_slide .swiper-button-next {right:10px; background:url('/opennote/img/main/i_slide_arrow.svg') no-repeat 0 0; background-size:contain; transform: rotate(180deg);}
.main_slide .swiper-button-prev {left:10px; background:url('/opennote/img/main/i_slide_arrow.svg') no-repeat 0 0;background-size:contain; }
.main_slide .swiper-button-next.swiper-button-disabled, .main_slide .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}

#content{ width: 100%; }
.content.type01{padding: 33px 50px;}
.content.type02{display: flex; padding: 33px 50px;}

.item{ position: relative; padding: 25px 30px; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); background: #fff; overflow: hidden;}
/* .item:not(.subject .item, .time, .event, .record, .admin .item){min-height: 310px; } */
.item.trends, .item.trends2 {min-height: 310px;}
.item.info, .item.question {min-height:320px}
.item:not(.schd){padding: 22.5px 30px;}
.item_ttl{ margin-bottom: 13px; font-size: 18px; color: #131523; font-weight: 600;}
.item .btn_more{float: right;}
.item .btn_more:hover {transform: rotate(90deg); transition:0.3s all ease}
.item.event, .menu.quick, .menu.bookmark {height:110px; width: 100%; }
.scroll-content{padding: 5px 0;}
.scrollbar-track.scrollbar-track-y{background: #F2F2F2;}
.scrollbar-thumb,
.scrollbar-track{width: 6px;}
.scrollbar-thumb.scrollbar-thumb-y{background: #7E84A3;}

.main-top{display: flex;}
.main-sideA{min-width:30%; width:40%; height: 100%;}
.main-sideB {width:65%}
.main-sideB.mid {width:35%}	/*40%*/
.main-sideB,
.main-sideC{ position: relative;}
.main-sideC {width:100%}
.main-sideC.last {width:30% !important}
.main-top > div{margin-right: 40px;}
.main-top > div:last-child{margin-right: 0;}

.main-top{display: flex;}
.main-left, .main-right{width: calc( 74% - 30px);}
.main-right {width:26%;}
.main-top > div{margin-right:40px}
.main-top > div:last-child{margin-right: 0;}

.sch_top{ position: absolute; top: 0; left: 0; width: 100%; height: 208px; padding: 40px 30px; border-radius: 6px 6px 0 0; color: #fff; overflow: hidden;}
.sch_top.sun{background: linear-gradient(to bottom, #5574F7, #60C3FF);}
.sch_top.night{background: radial-gradient(#155382, #002E52)}
.sch_top .day{ display: block; font-size: 16px;}
.sch_top .day .time{ margin-left: 10px; padding: 3px 5px; border-radius: 5px;  font-size: 14px; background: #79a2fa;}
.sch_top.night .time{background: #3C6A8C;}
.sch_top .date{ padding-right: 30px;  font-size: 28px; background: url(/opennote/img/main/i_arrow_btm.png) no-repeat 100% 50%;}
.sch_top .weather{position: absolute; bottom: 50px; right: 30px; text-align: center; font-size: 12px;}
.sch_top .weather.sun{bottom: -10px; }
.sch_top .weather.night{ right: -70px; bottom: -25px;}
.sch_top .weather.snow{bottom: 60px;}
.sch_top .weather object {filter: drop-shadow(0px 2px 15px rgba(0, 0, 0, 0.3));}
.sch_top .weather_txt{z-index: 1; position: absolute; bottom: 75px; right: 95px;}
.sch_top .weather_txt .temp{display: block;  font-size: 14px; font-weight: 600;}
.sch_top .btn_more{position: absolute; top: 25px; right: 25px;}
.sch_wrap{position: relative; padding-top: 92px;}
.sch_wrap .tbl_wrap{ padding:20px 0; height: 290px; border-radius: 10px;  text-align: center; font-size: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); background: #fff;}
.sch_wrap .tbl_sch{height: 230px;}
.sch_wrap .tbl_sch th{ font-weight: 300; color: #B9B9B9;}
.sch_wrap .tbl_sch td{ color: #3E3E3E;}
.sch_wrap .tbl_sch .sch_box{ position: relative; height: 100%;}
.sch_wrap .tbl_sch .date{display: inline-block; width: 30px; height: 30px; margin: 5px; border-radius: 50%; line-height: 30px; text-align: center;}
.sch_wrap .tbl_sch .date.today{background: #dbe8ff;}
.sch_wrap .tbl_sch .sch_point{ height: 5px; margin-top: -10px}
.sch_wrap .tbl_sch .sch_point .sch { display: inline-block; margin-top: -20px; width: 6px; height: 6px; border-radius: 50%; background: #FFCD00;}
.sch_wrap .sch_btm{ position: relative; margin-top: 20px;}
.sch_wrap .sch_btm .tit{ margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #7E84A3;}
.sch_wrap .sch_btm .my_sch{height: 149px; padding-right: 15px; }
.sch_wrap .sch_btm .my_sch li,
.record_popup ul li{ position: relative; width: 100%; margin-bottom: 10px; padding: 10px 18px; border-left: 4px solid #FFCD00; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5}
.sch_wrap .sch_btm .my_sch li .sch_tit,
.record_popup ul li .record_tit{ display: block; margin-bottom: 2px; font-weight: 600; font-size: 16px; letter-spacing: -0.8px; color: #3E3E3E;}
.sch_wrap .sch_btm .my_sch li .sch_place,
.record_popup ul li .record_level{ font-size: 13px; color: #BABABA;}
.sch_wrap .sch_btm .my_sch li .sch_time{ float: right; margin-right: 15px;  font-size: 14px; color: #7E84A3; font-weight: 500;}
.sch_wrap .sch_btm .my_sch li .sch_time .time{font-size: 13px; color: #5887F9;}
.sch_wrap .sch_btm .my_sch li .btn_detail,
.record_popup ul li .btn_detail{position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.sch_wrap .sch_btm .swiper-button-next,
.sch_wrap .sch_btm .swiper-button-prev{ position: absolute; top: 0; width: 20px; height: 20px; border-radius: 50%; cursor: pointer;}
.sch_wrap .sch_btm .swiper-button-next{right: 0; background: #5887F9 url(/opennote/img/main/i_slide_next.png) no-repeat 50% 50%;}
.sch_wrap .sch_btm .swiper-button-prev{right: 25px; border: 1px solid #A2A2A2; background: #fff url(/opennote/img/main/i_slide_prev.png) no-repeat 50% 50%;}

.list_col{height: 220px; padding-right: 30px;}
.list_col:not(.question) li{position: relative; width: 100%; margin-bottom: 15px; padding: 10px 19px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border:1px solid #f7f7f7}
.experience .list_col li{position: relative; width: 100%; margin-bottom: 0; padding: 0 0; border-radius: 4px; box-shadow: none; border:none}
.list_col li .btn_detail{position: absolute; top: 50%; right: 13px; transform: translateY(-50%);}

.list_col.trends li{border-left: 4px solid #5887F9;}
.list_col.trends li:hover {background:#f9f9f9}
.list_col.trends li .list_tit{display: block; font-size: 17px; letter-spacing: -0.85px; color: #3E3E3E; font-weight: 600;}
.list_col.trends li .list_txt{ width: 95%; margin: 5px 0 10px 0; font-size: 14px; color: #BABABA; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.list_col.trends li .list_date{ color: #FFCD00; font-size: 14px;}
.list_col.trends li .list_date .day{font-size: 13px;}

.list_col.question li{margin-bottom: 14px;}
.list_col.question li:last-child{margin-bottom: 0;}
.list_col.question .question{ display: flex; align-items: center; position: relative; padding: 7px 38px 7px 10px; width: 100%; border-radius: 0 20px 20px 20px;}
.list_col.question .question .question_profile{position: relative;}
.list_col.question .question .state{ position: absolute; left: -3px; top: 0; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; background: #ABABAB;}
.list_col.question .question .state.on{background: #21D59B;}
.list_col.question .question .name{ width: 10%; margin: 0 10px 0 6px; font-weight: 600; font-size: 14px; letter-spacing: -0.7px;}
.list_col.question .question .question_txt{ float: right; width: 100%; font-size: 14px; letter-spacing: -0.7px; font-weight: 300; color: #2B2F3B;}
.list_col.question .date{ font-size: 12px; color: #D5D5D5;}
.list_col.question li:nth-child(even) .question{background: #eef7ff;}
.list_col.question li:nth-child(odd) .question{background: #eef3ff;}

.event {padding: 17.5px 30px!important;}
.event .event_list{display: flex; position: absolute; top: 20px; right: 30px;}
.event .event_list li{ position: relative; margin-right: 15px; font-size: 15px; color: #9E9E9E;}
.event .event_list li:last-child{margin-right: 0;}
.event .event_list li.active{color:#5887F9; font-weight: 600;}
.event .event_list li::after{display: block; position: absolute; content: ''; top: 50%; right: -10px; transform: translateY(-50%); width: 3px; height: 3px; background-color: #CECECE;}
.event .event_list li:last-child:after{display: none;}
.event .swiper-container{padding-left: 15px;}
.event .swiper-slide{ display: flex; align-items: center; position: relative; width: 50%;}
.event .swiper-slide.swiper-slide-active::after{display: block; position: absolute; content: ''; top: 50%; right: 15px; transform: translateY(-50%); width: 1px; height: 90%; background: rgba(112, 112, 112, 0.15);}
.event .swiper-button-next2,
.event .swiper-button-prev2{ position: absolute; top: 65%; transform: translateY(-50%); width: 6px; height: 11px; z-index: 2; cursor: pointer;}
.event .swiper-button-next2{ right: 30px; background: url(/opennote/img/main/i_slide_next2.png);}
.event .swiper-button-prev2{ left: 30px; background: url(/opennote/img/main/i_slide_prev2.png);}
.event .event_thumb{width: 41px; height: 41px; border-radius: 50%; line-height: 41px; text-align: center; color: #fff; font-size: 12px; letter-spacing: -0.6px;}
.event .event_thumb.pink{background: #FF75AE;}
.event .event_thumb.gray{background: #7E84A3;}
.event .event_info{margin-left: 10px;}
.event .name{display: block; font-size: 14px; letter-spacing: -0.35px; color: #343434;}
.event .name strong{font-size: 16px; letter-spacing: -0.4px; font-weight:600}
.event .team{font-size: 14px; letter-spacing: -0.7px; color: #BABABA;}

.list_row{display: flex;}
.list_row li{position: relative; margin-right: 15px; padding: 25px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); background: #fff;}
.list_row li:last-child{margin-right: 0;}

.info .swiper-slide{position: relative; max-width: 265px; height: 200px; margin: 3px 15px 3px 3px; padding: 25px; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); background: #fff;}
.info .swiper-slide:hover {background:#f9f9f9}
.info .swiper-slide .info_tit{font-size: 18px; letter-spacing: -0.9px; font-weight: 600; color: #3E3E3E;}
.info .swiper-slide .info_txt{ height: 57px; margin-top: 15px; font-size: 14px; letter-spacing: -0.7px; color: #BABABA;}
.info .swiper-slide .btn_more{position: absolute; bottom: 20px; right: 20px;}
.info .swiper-container-horizontal>.swiper-scrollbar { bottom: 0!important; height: 6px!important; width: 100%!important; background-color: #F2F2F2; }
.info .swiper-scrollbar-drag { background-color: #7E84A3!important; }

.welcome_ttl{color: #343434; font-size: 18px; letter-spacing: -0.9px;}
.welcome_ttl strong{color: #5887F9; font-size: 25px; letter-spacing: -1.25px;}

.item.time{ max-height: 265px; padding: 15px;}
.time_list{display: flex; align-items: center;}
.time_list li{ display: flex; flex-direction: column; align-items: center; margin-right: 5px; padding-bottom: 15px; border-radius: 20px; width: calc((100% - 5px) / 4); height: auto; text-align: center;}
.time_list li:last-child{margin-right: 0;}
.time_list li.chart1:hover{background: linear-gradient(to bottom, #5887F9, #B2C9FF);}
.time_list li.chart2:hover{background: linear-gradient(to bottom, #FFCD00, #FFEBB4);}
.time_list li.chart3:hover{background: linear-gradient(to bottom, #18A5A6, #66E3E3);}
.time_list li.chart4:hover{background: linear-gradient(to bottom, #7458EA, #B2A0FC);}
.time_list li:hover .highcharts-axis-title{color: #fff!important; fill: #fff!important;}
.time_list .highcharts-background{fill: transparent;}
.time_list .chart-container{position: relative; z-index: 1;}
.time_list .chart-container::after{display: block; position: absolute; content: ''; width: 122px; height: 122px; border-radius: 50%; top: 13.5%; left: 4px; border: 1px dashed #D8D8D8; background: #fff; z-index: -1;}
.time_list li:hover .chart-container::after{ border: transparent; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);}
.time_list .count{display: block; text-align: center;  color: #9D9D9D; font-weight: 600;}
.time_list .count > span{font-family: 'NotoSansKR';}
.time_list li:hover .count{color: #fff;}
.time_list .btn_more{display: inline-block; margin-top: 13px; width: 112px; height: 30px; border-radius: 20px; border: 1px solid #D6D6D6; text-align: center; font-size: 12px; line-height: 30px; background: #FBFBFB; }
.time_list li:hover .btn_more{border: 1px solid transparent; color: #fff; transform:none;}
.time_list li.chart1:hover .btn_more{background: #5887F9;}
.time_list li.chart2:hover .btn_more{background: #FFCD00;}
.time_list li.chart3:hover .btn_more{background: #18A5A6;}
.time_list li.chart4:hover .btn_more{background: #7458EA;}

.subject{position: relative;}
.sc_wrap {padding:15px}
.subject .item{padding:0}
.subject .item_ttl{margin-bottom: 10px;}
.subject .subject_list{ display: flex; position: absolute; top: 3px; right: 0; height: 34px; padding: 10px 15px; border-radius: 20px 20px 0 0; background: #fff; z-index: 1;}
.subject .subject_list li{ margin-right: 13px; font-size: 12px; letter-spacing: -0.6px; color: #464646;}
.subject .subject_list li:last-child{margin-right: 0;}
.subject .subject_list li span{display: inline-block; margin-right: 3px; border-radius: 50%; width: 10px; height: 10px;}
.subject .subject_list li.subject1 span{background: #7458EA;}
.subject .subject_list li.subject2 span{background: #18A5A5;}
.subject .subject_list li.subject3 span{background: #FFCD00;}
.subject .subject_list li.subject4 span{background: #5887F9;}
.subject .subject_list li.subject5 span{background: #BABABA;}
.subject .sjs-app-col,
.subject .sjs-grid-overlay{ margin-left: 35px; overflow-x:visible!important;}
.subject .sjs-grid-row{padding-left:27px; height: 32px;}
.subject .sjs-app-col{border-left: 0; }
.subject .sjs-grid-overlay-col{ border-radius: 20px; height: 28px!important; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); position:relative; cursor: pointer; overflow: visible;}
.subject .sjs-grid-overlay-col.subject1{background: linear-gradient(to right, #8B75E8, #C7B9FF);}
.subject .sjs-grid-overlay-col.subject2{background: linear-gradient(to right, #18A5A5, #92DEDE);}
.subject .sjs-grid-overlay-col.subject3{background: linear-gradient(to right, #FFCD00, #FFEFAB);}
.subject .sjs-grid-overlay-col.subject4{background: linear-gradient(to right, #5887F9, #B7CCFF);}
.subject .sjs-grid-overlay-col.subject5{background: linear-gradient(to right, #BABABA, #D5D5D5);}
.subject .sjs-grid-overlay-col-title{display: inline-block; padding:0 8px; max-width:100%; overflow:hidden; text-overflow:ellipsis; height: 22px; margin-top: 1px; border-radius: 20px; font-size: 12px; font-weight: 400; color: #464646; letter-spacing: -0.6px; line-height: 22px; text-align: center; background: #fff;}
.subject .sjs-grid-overlay-col-title{display: inline-block; width: 100%; max-width: 83px; height: 22px; margin-top: 1px; border-radius: 20px; font-size: 12px; font-weight: 400; color: #464646; letter-spacing: -0.6px; line-height: 22px; text-align: center; background: #fff;}
.subject .sjs-grid-overlay-col-time{display: none;}
.subject .sjs-grid-col-head:nth-child(2n), .subject .sjs-grid-col:nth-child(2n), .subject .sjs-grid-row-head:nth-child(2n), .subject .sjs-grid-row:nth-child(2n), .subject .sjs-name:nth-child(2n){background: transparent;}
.subject .sjs-grid-col:nth-child(2n){background: #F5F6FA;}
.subject .sjs-grid-col:last-child{display: none;}
.subject .sjs-grid, .subject .sjs-grid-row-head, .subject .sjs-name-col, .subject .sjs-name-head{border-bottom: 0;}
.subject .sjs-grid-col:first-child{border-left: 1px solid #F1F1F5;}
.subject .sjs-grid-col:nth-last-child(2){border-right: 1px solid #F1F1F5;}
.subject .sjs-name-col{position: absolute; top:15px; left:5px; font-size: 12px; color: #7E84A3; font-weight: 600;}
.subject .sjs-name-head{opacity: 0;}
.subject .sjs-grid-row-head{padding-left: 5px; margin-bottom: 10px; font-size: 12px;  color: #B9B9B9; font-weight: 500;}
.subject .sjs-grid-overlay-row{height: 32px;}
.subject .sjs-grid-overlay-row-head{margin-bottom:10px;}
.subject .sjs-name{line-height: 26px; padding:0; height:32px}
.subject .sjs-fill-height{height: 240px!important;}
.subject .tooltip{position: absolute; top: 50%; right: -115px; transform: translateY(-50%); padding: 10px; z-index: 9; border-radius: 10px; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.subject .tooltip::after{display: block; position: absolute; content: ''; top: 50%; left: -28px; width: 51px; height: 57px; transform: translateY(-50%); background: url(/opennote/img/main/i_Triangle.png) no-repeat;}
.subject .tooltip .date{ font-size: 12px; color: #131523;}
.subject .tooltip .date .month{  font-weight: 700; vertical-align: bottom;}
.subject .tooltip .info{ font-size: 12px; letter-spacing: -0.6px; color: #AAAAAA; padding-left: 10px;}
.subject .tooltip .info li{position: relative;}
.subject .tooltip .info li::after{position: absolute; display: block; content: ''; width: 3px; height: 3px; top: 50%; left: -7px; transform: translateY(-50%); background: #D5D7E3;}

.main-btm{display: flex; margin-top: 30px;}
.main-btm .menu{ display: flex; align-items: center; position: relative; width: calc( 100% - 38px ); padding: 20px 25px 20px 45px; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); background: #fff;}
.main-left .main-btm .menu{width: 100%;}
.main-btm .menu .menu_ttl{ font-weight: 600; color: #2B2F3B; line-height: 1.2; white-space: nowrap;}
.main-btm .menu .menu_ttl .blue{ display: block; color: #5887F9;}
.main-btm .menu.quick .menu_ttl{font-size: 17px;}
.main-btm .menu.bookmark .menu_ttl{font-size: 16px; }
.main-btm .menu.bookmark .btn_detail{position: absolute; top: 17px; right: 17px;}
.main-btm .menu.quick .btn_detail{position: absolute; top: 17px; right: 17px;}
.main-btm .menu .menu_link{display: flex; width: 100%; margin-left: 40px; align-items:center;}
.main-btm .menu .menu_link li{width: calc(100% - 30px); /*margin-right: 30px; */text-align: center;}
.main-btm .menu .menu_link li a {font-size:14px}
.main-btm .menu .menu_link li:hover a {font-weight:600; color:#5574F7}
.main-btm .menu .menu_link li i{ display: block; width: 50px; height: 55px; margin: 0 auto 5px auto;}
.main-btm .menu .menu_link li i.i_quick1{background: url(/opennote/img/main/i_quick.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick2{background: url(/opennote/img/main/i_quick02.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick3{background: url(/opennote/img/main/i_quick03.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick4{background: url(/opennote/img/main/i_quick04.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick5{background: url(/opennote/img/main/i_quick05.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick6{background: url(/opennote/img/main/i_quick06.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick7{background: url(/opennote/img/main/i_quick07.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick8{background: url(/opennote/img/main/i_quick08.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick9{background: url(/opennote/img/main/i_quick09.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_quick10{background: url(/opennote/img/main/i_quick10.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark1{background: url(/opennote/img/main/i_quick07.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark2{background: url(/opennote/img/main/i_quick08.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark3{background: url(/opennote/img/main/i_quick09.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark4{background: url(/opennote/img/main/i_quick10.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark5{background: url(/opennote/img/main/i_quick11.svg) no-repeat 50% 50%;}
.main-btm .menu .menu_link li i.i_bookmark6{background: url(/opennote/img/main/i_quick12.svg) no-repeat 50% 50%;}

.tooltip{position: absolute; background: #fff; color: #000; right: 0;}


/*global report*/
.left_area.fixed {display:block; width:250px; height:100%; top:0; left:0; border-radius:0}
.left_area.fixed::before {width:0}
.left_area.fixed nav .depth1 > li i.gnb_01 {background: url(/opennote/img/common/i_header_g_01.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_02 {background: url(/opennote/img/common/i_header_g_02.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_03 {background: url(/opennote/img/common/i_header_g_03.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_04 {background: url(/opennote/img/common/i_header_g_04.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_05 {background: url(/opennote/img/common/i_header_g_05.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_06 {background: url(/opennote/img/common/i_header_g_06.svg) no-repeat 0 50%;}
.left_area.fixed nav .depth1 > li i.gnb_07 {background: url(/opennote/img/common/i_header_g_07.svg) no-repeat 0 50%;}
.global_report {margin-left:250px; height:100%; min-height:93vh; display: flex; flex-wrap: wrap; justify-content: space-between;}
.global_report section.g01 {display:flex; flex-direction: column; flex-basis:81%}
.global_report section.g02 {flex-basis:17%; flex-direction: column;}
.global_report section.g03 {width:100%}
.global_report section h3 {font-size:20px; margin-bottom:10px; font-weight: 600; color:#131523}
.global_report .gr {width:100%; background:#fff; padding:30px; border-radius:6px; box-shadow:0 0 10px rgb(0 0 0 / 5%); position:relative}
.global_report section .gr.map {display: flex; align-items: center; justify-content: space-between;}
.global_report section .gr.map .global_map {background:url('/opennote/img/sub/bg_map.svg') no-repeat center #fff; height:565px; width:944px; position:relative}
.global_map .map_info {position:absolute;}
.global_map .map_info div::before {position:absolute; background:url('/opennote/img/sub/global_line.svg') no-repeat; content:''; z-index:1; }
.global_map .map_info div::after {position:absolute; width:23px; height:33px; background:url('/opennote/img/sub/i_marker.svg') no-repeat; content:''; z-index:2; }
.global_map .map_info div {position:relative; background:#fff; border-radius:10px; width:108px; box-shadow:0 0 10px rgb(0 0 0 / 10%);}
.global_map .map_info div .country_title {width:100%; background:#5887F9; color:#fff; border-radius:10px 10px 0 0; display: flex; align-items: center; justify-content: center; padding:5px 0; font-size:15px;}
.global_map .map_info div .country_title img {margin-right:5px;}
.global_map .map_info div .number {display: flex; align-items: center; justify-content: center; height:50px; font-size:20px; font-weight:600; border:1px solid #ECECEC; border-top:none; border-radius:0 0 10px 10px}
.global_map .map_info.eu {top:100px; left:300px;}
.global_map .map_info.eu div::before {width:40px; height:100px;left:-40px; top:40px}
.global_map .map_info.eu div::after {bottom:-40px; left:-50px}
.global_map .map_info.uk {top:190px; left:107px;}
.global_map .map_info.uk div::before {width:18px; height:45px;left:-30px; top:20px; transform: rotate(90deg);}
.global_map .map_info.uk div::after {top:14px; left:-55px}
.global_map .map_info.ko {top:240px; left:435px;}
.global_map .map_info.ko div::before {width:75px; height:35px;left:-62px; top:20px; transform: rotate(256deg)}
.global_map .map_info.ko div::after {top:14px; left:-55px}
.global_map .map_info.us {top:230px; left:640px;}
.global_map .map_info.us div::before {width:100px; height:20px;left:50px; top:-20px; }
.global_map .map_info.us div::after {top:-45px; left:88px}
.global_info {display: flex; align-items: center; justify-content:space-between; flex-direction:column; height:565px; min-width:18%}
.global_info li { background:#fff; border:1px solid #ECECEC; width:100%; height:24%; border-radius:10px;display: flex; align-items: center; justify-content: center; flex-direction: column; }
.global_info li a {color:#7E84A3; font-size:14px; font-weight:600; display: flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%}
.global_info li a span {color:#484848; font-size:20px; font-weight:normal; display: flex; align-items: center; justify-content: center;}
.global_info li a span strong {font-size:35px; font-weight:700; margin-right:5px}
.global_info li:hover, .global_info li.on {background:#5CCECE; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); transition:0.3s all ease}
.global_info li:hover a, .global_info li.on a, .global_info li:hover a span, .global_info li.on a span {color:#fff}

/* .member_info {display: flex; align-items: center; flex-direction: column; justify-content: space-between;} */
.member_info li {background:#fff; border:1px solid #ECECEC; width:100%; background:#fff; border:1px solid #ECECEC; width:100%; height:20%; border-radius:10px; border-radius:10px; margin-top:-7px;}
.member_info li:first-child {margin-top:0}
.member_info li a {color:#B1B1B1; font-size:16px; display: flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:117px}
.member_info li a span {color:#484848; font-size:20px; font-weight:normal; display: flex; align-items: center; justify-content: center;}
.member_info li a span strong {font-size:35px; font-weight:700; margin-right:5px}
.member_info li:first-child, .member_info li:last-child {transform: scale(0.9);}
.member_info li.most, .member_info li:hover {transform: scale(1.1); background:#5887F9; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); transition:0.3s all ease; z-index: 9;}
.member_info li.most a, .member_info li.most a span, .member_info li:hover a, .member_info li:hover span {color:#fff}

.g03 .global_slide {padding:20px 60px !important}
.global_ind li {text-align: center;}
.global_ind li a {font-size:14px}
.global_ind li:hover a {font-weight:600; color:#5574F7}
.global_ind li i { display: block; width: 50px; height: 55px; margin: 0 auto 10px auto;}
.global_ind li i.i_g_01 {background: url(/opennote/img/sub/i_global_01.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_02 {background: url(/opennote/img/sub/i_global_02.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_03 {background: url(/opennote/img/sub/i_global_03.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_04 {background: url(/opennote/img/sub/i_global_04.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_05 {background: url(/opennote/img/sub/i_global_05.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_06 {background: url(/opennote/img/sub/i_global_06.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_07 {background: url(/opennote/img/sub/i_global_07.svg) no-repeat 50% 50% / contain;}
.global_ind li i.i_g_08 {background: url(/opennote/img/sub/i_global_08.svg) no-repeat 50% 50% / contain;}
.global_slide .swiper-button-next-g, .global_slide .swiper-button-prev-g {width:36px; height:36px; background:#fff; border:1px solid #adadad; position:absolute; top:35%; border-radius:50%; display: flex; align-items: center; justify-content: center; z-index: 9; cursor: pointer;}
.global_slide .swiper-button-next-g img, .global_slide .swiper-button-prev-g img {filter: invert(98%) sepia(0%) saturate(1%) hue-rotate(179deg) brightness(91%) contrast(94%);}
.global_slide .swiper-button-next-g:hover, .global_slide .swiper-button-prev-g:hover {background:#5887F9; border:1px solid #5887F9;}
.global_slide .swiper-button-next-g:hover img, .global_slide .swiper-button-prev-g:hover img {filter:none;}
.global_slide .swiper-button-prev-g {left:25px}
.global_slide .swiper-button-next-g {right:25px; transform: rotate(180deg);}

.global_report.sub {align-items: center;}
.re_02 {flex-basis:48%; min-height:42vh;}
.re_03 {flex-basis:32%; min-height:42vh;}

@media all and (max-width: 1800px) {
	.global_report section.g01 {flex-basis: 100%;}
	.global_report section.g02, .global_report section.g03 {flex-basis: 100%; margin-top:20px}
	.global_report section .gr {display: flex; align-items: center; justify-content: center; flex-direction: row;}
}
@media all and (max-width: 1550px) {
	.global_report section .gr.map {flex-direction: row; flex-wrap: wrap;}
	/* .global_report section .gr.map .global_map {margin:0 auto} */
	.global_info {flex-direction: row; height:120px; width:100%; margin-top:3%}
	.global_info li {height:100%; width:24%}
}












/*Datepicker EVO*/
.calendar-events {display: none !important}
.calendar-inner {padding:0 !important}
.sidebar-hide .calendar-inner {max-width: 100% !important; box-shadow:none !important; }
.evo-calendar {box-shadow:none !important;}
tr.calendar-body .calendar-day .day.calendar-today {background-color:#5887F9 !important; border-color:rgba(0, 0, 0, 0.1) !important;}
tr.calendar-body .calendar-day .day {width:42px !important; height:42px !important; padding:0 !important; line-height: 40px !important; font-size:17px !important}
.task th[colspan="7"] {color:#5887F9 !important; padding:15px 0}
.main-sideA .calendar-table th[colspan="7"] {display:none !important}
.main-sideA tr.calendar-header .calendar-header-day {padding:10px 0 20px 0; font-size:16px; font-weight: 500; color:#B9B9B9}
.main-sideA .evo-calendar {width:94%}
.main-sideA tr.calendar-body .calendar-day {padding:0 !important}


@media all and (min-width: 1024px) and (max-width: 1750px) {
	.content.type02, .content.type01 {padding:33px 40px}
	.sub-left.profile {margin-left:-40px !important}
	.sub-left.profile.top {margin-left:0 !important}
}

@media all and (max-width: 1600px) {
	.event {padding:17px 20px !important}
	.event .swiper-button-prev2 {left:20px}
	.event .swiper-button-next2 {right:20px;}
	.event .event_thumb {width:30px;height: 30px;line-height: 30px; font-size:10px}
	.event .event_info {margin-left:5px; overflow: hidden;}
	.event .name strong {font-size:14px}
	.event .name, .event .team {font-size:12px; word-spacing: -2px;}
	.event .swiper-slide.swiper-slide-active::after {width:0}
	.event .swiper-container {margin-top:4px}
}


@media all and (max-width: 1024px) {
	body {width:100%;}
	nav .depth1{max-height:50rem; overflow-y: auto;}

	.main-top, .main-btm {flex-direction:column;margin-top: 30px !important;}
	.main-btm .menu:first-child {margin:0 0 1rem 0}
	.main-btm .menu {width:100%;}
	.main-left{width: 100%;}
	.dashboard_header .path {flex-basis:59%;height: 2rem;}
	.dashboard_header .path ul li a {font-size:0.9rem; }
	.dashboard_header .header_r, .dashboard_header .header_r .profile {flex-basis:12%}

	#content {padding-top:4rem}
	.content.type01,
	.content.type02{padding:5% !important;}
	.main-sideA, .main-sideB, .main-sideC, .main-right {min-width:100%!important; width:100%;}
	.item, .item:not(.schd) {padding:5%; margin-bottom:5%}
	.btn_toggle { position: fixed; top:1rem; left:1rem; width:2rem; height:2rem; background:#d0dcfc url(/opennote/img/common/i_toggle.svg) no-repeat 50% 50% / 50%; z-index:101}
	.dashboard_header {height:4rem; padding:3% 5% 3% 3.5rem; position:fixed; top:0; left:0; z-index:100; background:#F4F7FC;}
	.dashboard_header .search {width:2rem; height:2rem;}
	.dashboard_header .search.open {width:12rem;}
	.dashboard_header .search input[type=text] {font-size:0.9rem;}
	.dashboard_header .search .btn_search {right:5%; width:1.5rem; height:1.5rem; background:url(/opennote/img/common/i_search.svg) no-repeat center / 60%}
	.dashboard_header .header_r .profile .profile_name {margin:0; padding:0; font-size:0; width:1rem; height:1.5rem; background:url(/opennote/img/common/i_arrow_btm2.png) no-repeat 10% center}
	.dashboard_header .header_r .profile .profile_thumb {display:none}
	.dashboard_header .header_r > li {margin-right:0; margin-left:0.5rem;}
	.dashboard_header .header_r > li > a {width:1.4rem; height:1.4rem}
	.dashboard_header .header_r > li > a > span {width:1.4rem; height:1.4rem;}
	.dashboard_header .header_r .global_menu{ top: 40px; right: -15px;}

	.sch_top {height:20rem; padding:8%}
	.sch_top .weather, .sch_top .weather_txt {display:none}
	.sch_wrap {padding-top:6rem}
	.sch_wrap .tbl_wrap {padding:5%; height:17rem}
	.sch_wrap .tbl_sch {height:16rem; table-layout:auto}
	.sch_wrap .tbl_sch .date {width:1.5rem; height:1.5rem; margin:1%}
	.sch_wrap .tbl_sch .sch_point {margin-top:0}

	.item.question.mar_t30, .item.info.mar_t30 {margin-top:0 !important}
	.main-top > div {margin-right:0}
	.item_ttl {margin-bottom:0.5rem}
	.sch_wrap .sch_btm .my_sch, .list_col {width:100%; padding-right:1rem; height:15rem}
	.sch_wrap .sch_btm .my_sch {height:10rem}

	.list_col.question .question .name {width:20%; margin:0 0.3rem}
    .sch_wrap .sch_btm .my_sch li .sch_tit, .record_popup ul li .record_tit, .list_col.trends li .list_tit, .info .swiper-slide .info_tit, .event .event_list li a {font-size:1rem}

	.content.type02{flex-direction: column;}

	.item.time{max-height: unset; padding: 5%!important;}
	.item:not(.subject .item, .time, .event){min-height: unset; flex-direction: column; margin-top:5% !important}
    .item:not(.subject .item, .time, .event):first-child {margin-top:0 !important; margin-bottom:0 !important}

	.time_list{flex-direction: row; }
	.item.event, .menu.quick, .menu.bookmark{ height: unset;}

	.event .swiper-container{padding-left: 0;}
	.event .swiper-slide{justify-content: center;}
	.event .swiper-slide.swiper-slide-active::after{display: none;}
	.item.event, .menu.quick, .menu.bookmark { width: unset; }

	.subject .item{overflow-x: auto;}
	.subject .item_ttl{margin-bottom: 40px;}
	.subject_list{top: 32px!important;}

	.quick {margin-right: 0!important;}

	.info .swiper-slide {width:48%; padding:5%; height:10rem; margin:2%}
	.info .swiper-slide .btn_more {display:none}
	.info .swiper-slide .info_txt {margin-top:0.5rem}
	.main-btm {margin-top:0;}
	.main-btm .menu {padding:5%;}
	.main-btm .menu.quick .menu_ttl, .main-btm .menu.bookmark .menu_ttl {font-size:1rem; margin-right:1.5rem}
	.main-btm .menu .menu_link {margin:0; flex-wrap:wrap}
	.main-btm .menu .menu_link li {height:2.8rem; margin:0; flex-basis:25%;}
	.main-btm .menu .menu_link li a {display:flex; align-items:center; flex-flow:row; font-size:0.9rem; height:2.8rem}
	.main-btm .menu .menu_link li i {width:1.8rem; height:1.8rem; margin:0 5%}
	.main-btm .menu .menu_link li i.i_quick1{background: url(/opennote/img/main/i_quick.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick2{background: url(/opennote/img/main/i_quick02.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick3{background: url(/opennote/img/main/i_quick03.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick4{background: url(/opennote/img/main/i_quick04.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick5{background: url(/opennote/img/main/i_quick05.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick6{background: url(/opennote/img/main/i_quick06.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick7{background: url(/opennote/img/main/i_quick07.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick8{background: url(/opennote/img/main/i_quick08.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick9{background: url(/opennote/img/main/i_quick09.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_quick10{background: url(/opennote/img/main/i_quick10.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark1{background: url(/opennote/img/main/i_quick07.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark2{background: url(/opennote/img/main/i_quick08.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark3{background: url(/opennote/img/main/i_quick09.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark4{background: url(/opennote/img/main/i_quick10.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark5{background: url(/opennote/img/main/i_quick11.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu .menu_link li i.i_bookmark6{background: url(/opennote/img/main/i_quick12.svg) no-repeat 50% 50% / contain;}
	.main-btm .menu.bookmark .btn_detail {top:50%; right:1rem; margin-top:-9px}

    /* .main-sideA .calendar-table th[colspan="7"] {}
    .event-hide.sidebar-hide .calendar-inner {} */
    .main-sideA tr.calendar-header .calendar-header-day {font-size:1rem; padding:0.7rem 0}
    tr.calendar-body .calendar-day .day {width:2.2rem !important; height:2.2rem !important; line-height:2.2rem !important; font-size:1rem !important;}
    .calendar-sidebar > .calendar-year {display: none;}
    .sidebar-hide .calendar-sidebar {display: none}





}

@media all and (max-width: 700px) {
	nav .depth1{max-height: 495px; overflow-y: auto;}
	.dashboard_header .path {display: none;}
	.left_area {width:75%}
	.time_list{flex-direction: column; }
	.time_list li{width: 100%; padding-bottom: 7%; border-bottom: 1px dashed #ddd;}
	.time_list li:last-child{border-bottom: none;}
	.time_list li:hover{border-bottom: none;}
	.time_list .btn_more{width: 80%;}
	.main-btm .menu .menu_link li {height:2.8rem; margin:0; flex-basis:50%;}
}