@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

@font-face { font-family: 'chalkduster-regular'; src: url("../font/Chalkduster/Chalkduster.ttf"); }


* { font-family: 'Noto Sans KR', sans-serif; }
body{margin: 0; overflow-x: hidden; font-family: 'Noto Sans KR', sans-serif;     position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
 }

 a:hover { text-decoration: none; }

.contents_wrap { position: relative; margin: 0 auto; height: 100%; min-height: 1000px; width: 100%; max-width: 1920px; min-width: 1800px; display: flex; flex-direction: column; }


.contents_wrap .header{ padding: 70px 100px 20px; height: 220px; display: flex; justify-content: flex-end; align-items: flex-end; background-image: url(/static/image/layout/top_bg.jpg); box-shadow: 0 5px 20px 0px lightgrey; }
/* .contents_wrap .header .logo_area{margin: 36px 0 0 86px; float: left; text-decoration: none;} */
/* .contents_wrap .header .logo_area .header_title{font-size: 16.5px; font-weight: 800; color: #1596ea; text-align: center; font-family: 'Nanum Gothic', sans-serif; margin: 4px 0px 0 5px; letter-spacing: 0;} */

.contents_wrap .header .header_right { display: flex; flex-direction: column; }
.contents_wrap .header .header_right .welcome_area { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 20px; font-size: 36px; font-weight: 500; color: white; }
.contents_wrap .header .header_right .welcome_area .text_strong { font-weight: 700; }
.contents_wrap .header .header_right .user_login { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 20px; }



.contents_wrap .content_body { display: flex; flex-direction: row; flex-grow: 1; position: relative;  }
.contents_wrap .content_body .side_bar { padding: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex-basis: 250px; background-color: #4569ea; min-height: 750px; }
.contents_wrap .content_body .side_bar .menu_list { display: flex; flex-direction: column; gap: 5px;}
.contents_wrap .content_body .side_bar .menu_list .menu { padding: 10px; width: 190px; height: 50px; display: flex; justify-content: space-between; align-items: center; gap: 10px; border-radius: 60px; background-color: white; color: #4569ea; cursor: pointer; }
.contents_wrap .content_body .side_bar .menu_list .menu .icon { display: none; }
.contents_wrap .content_body .side_bar .menu_list .menu .icon_on { display: block; }
.contents_wrap .content_body .side_bar .menu_list .menu.collapsed { color: white; background-color: #4569ea;  }
.contents_wrap .content_body .side_bar .menu_list .menu.collapsed .icon { display: block; }
.contents_wrap .content_body .side_bar .menu_list .menu.collapsed .icon_on { display: none; }
/* .contents_wrap .content_body .side_bar .menu_list .menu .menu_icon { } */
.contents_wrap .content_body .side_bar .menu_list .menu .menu_title { flex-grow: 1; font-size: 22px; font-weight: bold; }
.contents_wrap .content_body .side_bar .menu_list .panel-collapse.collapsing,
.contents_wrap .content_body .side_bar .menu_list .panel-collapse.in { padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 10px; }
.contents_wrap .content_body .side_bar .menu_list .panel-collapse .menu_index { padding: 0 10px; font-size: 15px; font-weight: bold; color: white; border-radius: 15px; }
.contents_wrap .content_body .side_bar .menu_list .panel-collapse .menu_index.on,
.contents_wrap .content_body .side_bar .menu_list .panel-collapse .menu_index:hover { background-color: #ff7b00; }
.contents_wrap .content_body .side_bar .menu_list .panel-collapse .menu_index a { display: block; color: white; }
.contents_wrap .content_body .side_bar .menu_list .panel-collapse .menu_index a:hover { color: white; text-decoration: none; }

.contents_wrap .content_body .sub_side_bar { display: none; width: 250px; background-color: rgb(255 205 40); float: left; min-height: 750px; height: 100%; position: absolute; left: 250px; z-index: 1; }
.contents_wrap .content_body .sub_side_bar.on { display: block; }
.contents_wrap .content_body .sub_side_bar .plan_acc{ padding: 30px; display: none; }
.contents_wrap .content_body .sub_side_bar .archive_acc{ padding: 30px; display: none; }
.contents_wrap .content_body .sub_side_bar .plan_acc.on { display: block; }
.contents_wrap .content_body .sub_side_bar .archive_acc.on { display: block;  }

.contents_wrap .content_body .sub_side_bar .menu_line{ border: 1px solid #fff; }
.contents_wrap .content_body .sub_side_bar .menu_list .menu{ padding-bottom: 10px; cursor: pointer; background-color: rgb(255 205 40);}
.contents_wrap .content_body .sub_side_bar .menu_list .menu_icon{vertical-align: text-bottom;}
.contents_wrap .content_body .sub_side_bar .menu_list .menu .menu_title{font-family: 'Nanum Gothic', sans-serif; font-size: 26px; font-weight: 800; color: #fff; margin-left: 12px; letter-spacing: -1px;}
.contents_wrap .content_body .sub_side_bar .menu_list .menu .icon_arrow{font-size: 25px; float: right; margin: 2px 30px 0 0; color: #fff;}
/* .contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse {} */
.contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse .sub_menu { padding: 3px 15px; margin-bottom: 5px; cursor: pointer; }
.contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse .sub_menu a { color: black; }
.contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse .sub_menu_list { padding-left: 20px; }
.contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse .sub_menu_list .sub_menu_index { padding-bottom: 5px; }
.contents_wrap .content_body .sub_side_bar .menu_list .panel-collapse .sub_menu_list .sub_menu_index a { color: black; }


.contents_wrap .content_body .content { flex-grow: 1; }