#mjs_main_wrapper { width:100%; max-width:1500px; margin:0 auto; min-width:1500px; }
/* 사이드바 [S] */
.sidebar { width:100%; max-width:270px; position:relative; z-index:10; background:#fff; left:0; top:0; height:auto; transition: 0.3s; font-size:14px; box-shadow:0 0px 3px 0 rgba(0,0,0,0.03);}
.sidebar .logo { width:100%; height:70px; max-height:70px; display:flex; padding:15px 27px; justify-content: space-between; align-items: center; border-bottom:1px solid #e1e1e1;}
.sidebar .general { color:#444; padding-bottom:12px; height:auto; }
.sidebar .general .sidebar_title { display:block; border-top:1px solid #e1e1e1; font-weight:600; width:calc(100% - 24px); margin-left:12px; padding:12px 0px; margin-top:10px; padding-bottom:10px; letter-spacing:-1px; }
.sidebar .general .sidebar_title:nth-child(1) { border-top:none; margin-top:0; }
.sidebar .general li.sb_one span { display:flex; position:relative; cursor:pointer; font-weight:500; width:100%; font-size:14px; padding:6px 12px; align-items: center; flex-wrap: wrap; letter-spacing:-1px; }
.sidebar .general li.sb_one span.is-active { color:#000; font-weight:500; background:#fafafa; position:relative; }
/* .sidebar .general li.sb_one span.is-active::after { content:''; position:absolute; right:0; top:10%; height:80%; width:4px; background:#7366ff; border-radius: 5px 0px 0px 5px; }
 */.sidebar .general li.sb_one  i { max-width:18px; margin-right:7px; }
.sidebar .general li.sb_one span > i { max-width:18px; margin-right:10px; }
.sidebar .general li.sb_one span > i.arrow { position:absolute; right:20px; }
.sidebar .general li.sb_one span img {max-height: 18px; margin-right: 2px; }
.sidebar .general li.sb_one > .sb_two { width:100%; padding:4px 20px; padding-bottom:6px; }
.sidebar .general li.sb_one > .sb_two > a { letter-spacing:-0.7px; font-size:13px; display:block; width:100%; position:relative; padding:4px 0;  }
.sidebar .general li.sb_one > .sb_two > a.active,
.sidebar .general li.sb_one > .sb_two > a:hover { cursor:pointer; color:#7366ff; font-weight:600;}
.sidebar .general li.sb_one > .sb_two > a.active::before,
.sidebar .general li.sb_one > .sb_two > a:hover::before { background:#7366ff; }
/* .sidebar .general li.sb_one > .sb_two > a::before { content:''; width:2px; height:2px; background:#444; border-radius:100%; position:absolute; left:0; top:calc(50% - 1px); }
 */.sidebar .general li.sb_one > .is-hidden { display:none; }

.me_new_icon { background:#673ab7; color:#fff; border-radius:2px; font-size:10px; margin-left:4px; vertical-align:1px; font-weight:400; padding:0px 4px; }
.me_new_icon {
  animation: blinker 1.25s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.sb_sum { position:absolute; right:20px; background-color:rgba(115, 102, 255, 0.1); color:#7366ff; font-size:9px; padding:2px 5px; border-radius:3px;}

.sidebar .information { position:fixed; display:flex; bottom:0; left:0; }
.sidebar .information a { width:50%; }
/* 사이드바 [E] */


/* 헤드 [S] */
#phantom_header { position:relative; top:0; left:0; width:100%; z-index:5; padding:10px 20px; min-width:1500px; margin:0 auto; max-width:1500px; height:100%; max-height:70px; display:flex; align-items: center; background:#fff; border:1px solid #e1e1e1; border-top:0; transition:0.5s; }

/* 로고 */
.hd_logo {display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.hd_logo_img {width:40px;height:40px;border-radius:10px;object-fit:cover;}
.hd_logo_text {display:flex;flex-direction:column;line-height:1.2;}
.hd_logo_text strong {font-size:16px;font-weight:800;color:#333;letter-spacing:-0.5px;}
.hd_logo_text span {font-size:10px;color:#999;letter-spacing:-0.3px;}

#phantom_header .phantom_news { width:50%; margin-left:24px; align-content: center; overflow:hidden; display:flex; justify-content: flex-start; align-items: center; height: 100%; max-height:36px; z-index: 99999; position: relative; flex-wrap: wrap;}
#phantom_header .phantom_news .swiper-wrapper { width:100%; text-align:left; line-height:1em; }
#phantom_header .phantom_news .swiper-wrapper .swiper-slide { font-size:12px; line-height:1em; letter-spacing:-0.5px; align-items: center;}
#phantom_header .phantom_news .swiper-wrapper .swiper-slide > b { color:#7366ff; font-weight:400; margin:0 3px;}
#phantom_header .phantom_news .swiper-wrapper .swiper-slide > a img { max-height:20px; margin-top:-4px; margin-right:8px;}
#phantom_header .phantom_news .swiper-wrapper .swiper-slide > a { width: 100%; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap;}  

#head_search_form { display:flex; } 

#phantom_header .phantom_profile { width:50%; align-content: center; display:flex; justify-content: flex-end; align-items: center; height: 100%; z-index: 99999; position: relative; flex-wrap: wrap;}
#phantom_header .phantom_profile .user_profile { position:relative; padding:20px 0; display:flex; flex-wrap:wrap; }

#phantom_header .phantom_profile .user_profile .profile_image { margin-right:10px; }
#phantom_header .phantom_profile .user_profile .profile_image img { max-height:30px; border-radius:100%; border:1px solid #e1e1e1; }
#phantom_header .phantom_profile .user_profile .profile_content { font-size:13px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }

#phantom_header .phantom_profile .user_profile:hover .profile_ul { display:block; top:70px; right:0; width:100%; position:absolute;  background:#fff; box-shadow: 0 0 21px 0 rgb(89 102 122 / 10%); border-radius:8px; font-size:12px; }
#phantom_header .phantom_profile .user_profile .profile_ul { display:none; }
#phantom_header .phantom_profile .user_profile .profile_ul a { padding:10px 20px; display:inline-block; width:100%; border-bottom:1px solid #e1e1e1; }
#phantom_header .phantom_profile .user_profile .profile_ul a:nth-last-child(1) { border:none; }
#phantom_header .phantom_profile .user_profile .profile_ul a:hover { transition:0.3s ease all; color:#7366ff; }
#phantom_header .phantom_profile .user_profile .profile_content b { margin-right:5px; }



#phantom_header .clock { font-size: 14px; color: #666; font-weight: 350; letter-spacing: -0.5px; white-space: nowrap;}
#phantom_header .clock > i { margin-right:3px; }
#phantom_header .clock .clock_ampm { font-size:14px; }

#top_menu { display:flex; width:100%; font-size:14px; justify-content: center;}
#top_menu > a { white-space:nowrap; letter-spacing: -.5px; color: #444; padding: 0 20px; display: flex; font-weight: 500; align-items: center; justify-content: center;}
#top_menu > a:hover { font-weight:600; transition:0.15s ease all; color:#7366ff; }
#top_menu > a > img { max-height:20px; margin-right:4px; }

#none_member { width:auto; display:flex; font-size:12px; font-weight:500;}
#none_member > a:nth-child(1) { margin-right:12px; }
#none_member > a { position:relative; }
#none_member > a:hover { color:#7366ff; }
#none_member > a::before { content:''; width:100%;  height:1px; z-index:9; position:absolute; bottom:-2px; left:0; }
#none_member > a:hover::before { width:100%; background:#7366ff; color:#7366ff; height:1px; animation: none_member1 .2s linear alternate; }
#none_member > a img { max-height:16px; margin-right:4px}

/* 헤드 [E] */

#bo_list { padding:12px; background:#fff; box-shadow:0 1px 3px 0 rgba(0,0,0,0.03); border-radius:4px; }

/* 컨텐츠 [S] */
#mjs_main_wrapper {display:flex; flex-wrap:wrap; flex-direction: row; }

#phantom_content { position:relative; width:calc(100% - 270px); max-width:100%; min-height:100%;}
#phantom_content .navigator { background:#fff; display:inline-block; width:100%; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:12px 20px; } 
#phantom_content .navigator .nav_row { width:100%; display:flex; justify-content: space-between; }
#phantom_content .navigator .nav_row h1 { font-size:12px; letter-spacing:-1px;}
#phantom_content .navigator .nav_row .right_nav { position:relative; display:flex; font-size:11px; }
#phantom_content .navigator .nav_row .right_nav li:nth-child(1)::after { position:relative; content:'/'; margin:0 10px; font-size:10px;}
#phantom_content .navigator .nav_row .right_nav li:nth-child(2) { color:#7366ff; font-weight:500; }
#phantom_content .content_wrap {display: flex; flex-wrap: wrap; padding-bottom:0;padding-right:0;  background:#f9f9f9; }



.main_section_01 { width:100%; display:inline-block; }
.main_section_01 .ms01_content { width:100%; display:flex; }
.main_section_01 .ms01_content .ms_menu { width:100%; display:flex; flex-wrap:wrap; }
.main_section_01 .ms01_content .ms_menu .mnb { width:calc(100% / 5 - 20px); margin-bottom:24px; margin-right:24px; align-items: center; box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); display:flex; background:#fff; padding:20px; border-radius:8px; }
.main_section_01 .ms01_content .ms_menu .mnb:nth-child(5n) { margin-right:0; }
.main_section_01 .ms01_content .ms_menu .mnb span { box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); display:flex; align-items: center; justify-content: center; min-width:50px; min-height:50px; background:#fff; color:#ff1e1e; border:1px solid #ff1e1e; border-bottom:2px solid #ff1e1e; border-left:2px solid #ff1e1e; border-radius:100%; }

.main_section_01 .ms01_content .ms_menu .mnb span.bg_purple { color:#7366ff; border:1px solid #7366ff; border-bottom:2px solid #7366ff; border-left:2px solid #7366ff; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_orange { color:#FFAA05; border:1px solid #FFAA05; border-bottom:2px solid #FFAA05; border-left:2px solid #FFAA05; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_green { color:#54BA4A; border:1px solid #54BA4A; border-bottom:2px solid #54BA4A; border-left:2px solid #54BA4A; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_mint { color:#4abaab; border:1px solid #4abaab; border-bottom:2px solid #4abaab; border-left:2px solid #4abaab; }


.main_section_01 .ms01_content .ms_menu .mnb span.bg_dpurple { color:#c000ff; border:1px solid #c000ff; border-bottom:2px solid #c000ff; border-right:2px solid #c000ff; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_blue { color:#00a9ff; border:1px solid #00a9ff; border-bottom:2px solid #00a9ff; border-right:2px solid #00a9ff; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_dmint { color:#0c00ff; border:1px solid #0c00ff; border-bottom:2px solid #0c00ff; border-right:2px solid #0c00ff; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_pink { color:#e668db; border:1px solid #e668db; border-bottom:2px solid #e668db; border-right:2px solid #e668db; }
.main_section_01 .ms01_content .ms_menu .mnb span.bg_gray { color:#999; border:1px solid #999; border-bottom:2px solid #999; border-right:2px solid #999; }

.main_section_01 .ms01_content .ms_menu .mnb span > i { font-size:24px; }
.main_section_01 .ms01_content .ms_menu .mnb:hover span > i { animation: tada 1.5s ease infinite; }
.main_section_01 .ms01_content .ms_menu .mnb p { margin-left:10px; display:flex; flex-wrap: wrap; font-size:16px; font-weight:400; color:#555; letter-spacing:-1px; }
.main_section_01 .ms01_content .ms_menu .mnb p b { width:100%; font-weight:600; font-size:24px; color:#000; }

#phantom_main_chart_01 { width:100%; position: relative; height: 100vh; max-height:300px; overflow: hidden; }

.main_wrap { width:100%; display:flex; flex-wrap:wrap; }

.main_section_02 { display:flex; width:60%; background:#fff; border-radius:8px; padding:24px; box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); }
.main_section_02 .ms02_content { width: 100%; display: flex; max-width: 240px; margin-left: 24px; flex-wrap: wrap; align-items: center; justify-content: flex-start; align-content: flex-end; }
.main_section_02 .ms02_content .graph_sum_box { width:100%; margin-bottom:10px; display:flex; padding:12px 20px; background:#f9f9f9; border-radius:8px; }
.main_section_02 .ms02_content .graph_sum_box .gs_box { box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); font-weight:300; font-size:20px; display:flex; align-items: center; justify-content: center; min-width:48px; min-height:48px; background:#fff; color:#333; border-radius:20%; }
.main_section_02 .ms02_content .graph_sum_box p { margin-left:12px; font-size:14px; color:#777; display:flex; flex-wrap:wrap; letter-spacing:-0.5px; }
.main_section_02 .ms02_content .graph_sum_box p b { width:100%; font-size:16px; color:#222; font-weight:500;}

.main_section_03 { display:flex; flex-wrap:wrap; align-content: flex-start; width:calc(40% - 24px); margin-left:24px; background:#fff; border-radius:8px; padding:24px; box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); }
.main_section_03 > h1 { font-size:20px; margin-bottom:24px; line-height:1em; width:100%; font-weight:600; }
.main_section_03 .ms03_content { width:calc(100% - 200px); display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; }
.main_section_03 .ms03_content .ms03_box { display:flex; flex-wrap:wrap; align-items: center;position:relative; padding-left:24px; font-size:14px; letter-spacing:-1px; font-weight:500; color:#666; }
.main_section_03 .ms03_content .ms03_box p { width:100%; margin-left:11px; }
.main_section_03 .ms03_content .ms03_box p b { font-size:24px; color:#000; }
.main_section_03 .ms03_content .recent_circle.rc_blue { background:#5db2f3 }
.main_section_03 .ms03_content .recent_circle.rc_pink { background:#e668db }

.main_section_03 .ms03_content .recent_circle { position:relative; width:6px; height:6px; border-radius:100%; margin-right:5px; background:#7366ff }


.main_section_04 { display:flex; margin-top:24px; flex-wrap:wrap; align-content: flex-start; width:100%;  }
.main_section_04 .phantom_latest { width:calc(100% / 3 - 16px); border-radius:8px; margin-right:24px;background:#fff; box-shadow: 1px 2px 21px -2px rgb(214 214 227 / 80%); }
.main_section_04 .phantom_latest > h1 { font-size:20px; padding:24px; letter-spacing:-1px; line-height:1em; width:100%; font-weight:600; }
.main_section_04 .phantom_latest:nth-child(3) { margin-right:0; }
.main_section_04 .phantom_latest ul.download { width:100%; display:flex; flex-wrap:wrap; max-height:670px; overflow-x:hidden; overflow-y:scroll; }
.main_section_04 .phantom_latest ul.download::-webkit-scrollbar-thumb { width:5px; border-radius: 8px; background: rgba(115, 102, 255, 0.2);}
.main_section_04 .phantom_latest ul.download::-webkit-scrollbar-track { width:5px; border-radius: 8px; background:white; }
.main_section_04 .phantom_latest ul.download::-webkit-scrollbar { width:5px; border-radius: 8px; background:white; }
.main_section_04 .phantom_latest ul.download > a { width:100%; border-top:1px solid #e1e1e1; padding:24px; display:flex; flex-wrap:wrap; transition:0.3s ease all; }
.main_section_04 .phantom_latest ul.download > a:hover { background:#f2f3f8; transition:0.3s ease all; }
.main_section_04 .phantom_latest ul.download > a > li { width:100%; }
.main_section_04 .phantom_latest ul.download > a > li > p.title { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.main_section_04 .phantom_latest ul.download > a > li > p.title b { background:rgba(220, 220, 220, 0.45); color:#666; font-weight:400; padding:4px 8px; border-radius:4px; }
.main_section_04 .phantom_latest ul.download > a > li > h1 { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#222; letter-spacing:-1px; margin:8px 0; }
.main_section_04 .phantom_latest ul.download > a > li > p.content { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#888; letter-spacing:-0.5px; }
.main_section_04 .phantom_latest ul.download img { max-width:100%; height:auto; }
.main_section_04 .phantom_latest ul.maintenance { width:100%; display:flex; flex-wrap:wrap; max-height:670px; overflow-x:hidden; overflow-y:scroll; }
.main_section_04 .phantom_latest ul.maintenance::-webkit-scrollbar-thumb { width:5px; border-radius: 8px; background: rgba(115, 102, 255, 0.2);}
.main_section_04 .phantom_latest ul.maintenance::-webkit-scrollbar-track { width:5px; border-radius: 8px; background:white; }
.main_section_04 .phantom_latest ul.maintenance::-webkit-scrollbar { width:5px; border-radius: 8px; background:white; }
.main_section_04 .phantom_latest ul.maintenance > a { width:100%; border-top:1px solid #e1e1e1; padding:23px; display:flex; flex-wrap:wrap; transition:0.3s ease all; }
.main_section_04 .phantom_latest ul.maintenance > a:hover { background:#fafafa; transition:0.3s ease all; }
.main_section_04 .phantom_latest ul.maintenance > a > li { width:100%; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.title { display: flex; width: 100%; align-items: center; justify-content: flex-start; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.title b { background:#7366ff; margin-right:4px; color:#fff; font-weight:400; padding:4px 8px; border-radius:4px; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.title b:nth-last-child(1) { margin-right:0; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.title b.category {background:rgba(115, 102, 255, 0.08); color:#7366FF; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.title b.day {background:#FFAA05; color:#fff; }
.main_section_04 .phantom_latest ul.maintenance > a > li > p.content { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#888; margin-top:4px; letter-spacing:-0.5px; }


/* 컨텐츠 [E] */

/* 스와이퍼 배너 [S] */

.swiper { width:100%; height: 100%; text-align:left; }
.swiper-slide {text-align: left; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: flex-start; justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/* 스와이퍼 배너 [E] */

.ms03_sc { width:100%; position:relative; max-width:200px; }
.ms03_sc .circle { margin-top:20px; width: 100%; display: inline-block; position: relative; text-align: center; line-height: 1.2; }
.ms03_sc .circle strong {
 position: absolute;
 top: calc(50% - 30px);
 left: 0;
 width: 100%;
 text-align: center;
 line-height: 1;
 font-size: 36px;
}
.ms03_sc .circle span {
 position: absolute;
 top: calc(50% + 12px);
 left: 0;
 width: 100%;
 text-align: center;
 line-height: 1;
 font-size: 12px;
}
.ms03_sc canvas { position:relative; width:100% !important; height:100% !important; }

.sb_bottom { position:relative; bottom:0; }

/* 푸터 */
#mujumsa_tail { width:100%; border-top:1px solid #e1e1e1; padding:50px; display:inline-block; }
#mujumsa_tail .wrap { display:flex; flex-wrap:wrap; width:100%; min-width:1670px; margin:0 auto; }
#mujumsa_tail .wrap .customer { margin-right:10%; }
#mujumsa_tail .wrap .customer .tit { line-height:1; font-size:18px; font-weight:500; letter-spacing:-1px; }
#mujumsa_tail .wrap .customer .tel { line-height:1; margin:16px 0; font-size:24px; font-weight:600; letter-spacing:-1px; }
#mujumsa_tail .wrap .customer .content { white-space:pre-line; line-height:1.8em; letter-spacing:-.5px; font-size:12px; color:#333;}
#mujumsa_tail .wrap .customer .content img { max-height:14px; max-width:14px; margin-right:4px; }

#mujumsa_tail .wrap .sitemap { display:flex; }
#mujumsa_tail .wrap .sitemap ul { display:flex; flex-wrap:wrap;}
#mujumsa_tail .wrap .sitemap ul li { margin-left:90px; }
#mujumsa_tail .wrap .sitemap ul li:nth-child(1) { margin-left:0; }
#mujumsa_tail .wrap .sitemap ul li p { font-size:18px; margin-bottom:12px; font-weight:500; }
#mujumsa_tail .wrap .sitemap ul li a { display:block; width:100%; font-weight:400; line-height:1.8em; font-size:14px; }

#footer { width:100%; max-width:1500px; margin:0 auto; min-width:1500px; display:flex; position:relative; text-align:center; background:#fff; align-items: center; border-top:1px solid #e1e1e1;}
#footer .sideL { width:100%; text-align:left; max-width:270px; padding:20px; border-right:1px solid #e1e1e1; }
#footer .sideL .customer { margin-right:10%; }
#footer .sideL .customer .tit { line-height:1; font-size:18px; font-weight:500; letter-spacing:-1px; }
#footer .sideL .customer .tel { line-height:1; margin:16px 0; font-size:24px; font-weight:600; letter-spacing:-1px; }
#footer .sideL .customer .content { white-space:pre-line; line-height:1.8em; letter-spacing:-.5px; font-size:12px; color:#333;}
#footer .sideL .customer .content img { max-height:14px; max-width:14px; margin-right:4px; }
#footer .sideL .customer p > img { max-height:20px; margin-right:8px; }
#footer .sideR { width:100%; text-align:left;  border-right:1px solid #e1e1e1; }
#footer .sideR .tit { line-height: 1; font-size: 18px; font-weight: 500; letter-spacing: -1px; margin-bottom: 8px; display: inline-block; }
#footer .sideR ul { width:100%; display:flex; flex-wrap:wrap; }
#footer .sideR ul > li { width:calc(100% / 6 - 14.4px); padding:10px; display:flex; flex-wrap:wrap; margin-right:12px; }
#footer .sideR ul > li p { width:100%; font-size:18px; font-weight:500; letter-spacing:-1px; }
#footer .sideR ul > li img { width:100%; max-height:50px; }
#footer .sideR ul > li:nth-child(6n) { margin-right:0; }