@charset "utf-8";
/* 울산과학대 전용 스타일 오버라이드 */

body{overflow-x:hidden;font-size:15px;color:#666;line-height:1.2;letter-spacing:-1px;background:#F8F7F5}
select{}
select{width:100%;height:40px;padding:0 10px;line-height:40px;border-radius:5px;border:1px solid #E5E5E5;color:#333;font-size:15px}
select{padding-right:25px;background:url(../images/user/select_arrow.png) no-repeat calc(100% - 10px) 50% #fff}
body *::-webkit-scrollbar-track{background-color:#eee}
body *::-webkit-scrollbar{width:7px;height:12px;background-color:#eee;}
body *::-webkit-scrollbar-thumb{background-color:#ABAEB3;border-radius:50px}
.inner{width:100%;max-width:1440px;margin:0 auto;padding:0 10px;}
.login_wrap.contents{width:100%;}
.header{position:fixed;top:0;left:0;width:100%;height:80px;border-bottom:1px solid #F0F0F0}
.header .inner{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:1920px;height:100%;padding:0 100px}
.header .logo{width:300px;height:43px;padding-top:15px;padding-left:160px;background:url(../images/common/uc_logo.png) no-repeat 0 50%;background-size:160px;transition:0.3s}
.header .logo span{font-weight:500;font-size:17px;color:#222;white-space:nowrap}
.header .logo span::before{content:'';display:inline-block;width:1px;height:10px;margin:0 10px;background:#979797}
.header_info li{position:relative}
.header_info li + li::before{content:'';display:block;position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-1px;border-radius:50%;background:#E5E5E5}
.header_info button{display:block;padding:0 12px;border:0;white-space:nowrap;font-size:14px;color:#989898;background:none}
.header_info .logout::before{width:1px;height:8px;border-radius:0;margin-top:-4px;background:#C4C4C4}
.header_info .logout button{color:#EA2735}
.session_info{display:flex;align-items:center;position:fixed;bottom:0;left:0;width:100%;padding:10px;font-size:13px;color:#fff;background:#EA2735}
.session_info .btn01{padding:4px 10px;border:1px solid #fff;margin:0 10px;background:none;font-size:12px;white-space:nowrap;}
.is_hidden{display:none}
/* gnb_bg */
/*
.gnb_wrap .gnb_bg{display:none;top:88px;height:auto}
.gnb_bg .gnb_bg{display:none !important}
.gnb_bg .gnb{align-items:normal;width:100%;padding:0;text-align:center}
.gnb_bg .gnb > li{flex:1;padding:30px 15px;border-top:2px solid #fff}
.gnb_bg .gnb > li + li{border-left:1px solid #F0F0F0}
.gnb_bg .gnb > li > a{display:inline-block;padding:5px 30px;border-radius:50px;font-size:16px;color:#fff;background:#98999C}
.gnb_bg .gnb > li:hover{border-top:2px solid #5380F2;background:#F8F9FD}
.gnb_bg .gnb > li:hover > a{background:#5380F2}
.gnb_bg .gnb .depth2{display:block !important;position:static;height:auto;padding:20px 0 0}
.gnb_wrap .inner{max-width:calc(100% - 320px);padding:0;margin:0}
*/

.gnb_wrap .gnb_bg{display:block;visibility:hidden;top:80px;overflow:hidden;height:0;}
.gnb_wrap .gnb > li{padding:0 25px}
.gnb_wrap .gnb > li:last-child{padding-right:0}
.gnb_wrap .gnb > li > a{position:relative;z-index:10;padding:34px 0;font-weight:600;white-space:nowrap}
.gnb_wrap .gnb > li + li .depth2{border-left:1px solid #F0F0F0}
.gnb_wrap .depth2{display:block;visibility:hidden;overflow:hidden;top:50px;height:0;border-top:2px solid transparent;}
.gnb_wrap .depth2 > li > a{display:block;position:relative;padding-left:6px;font-weight:500;font-size:15px;color:#000}
.gnb_wrap .depth2 > li > a::after{content:'';display:block;position:absolute;top:7px;left:0;width:2px;height:2px;background:#01050D}
.gnb_wrap .depth3 a{color:#666}
.gnb_wrap .depth2 > li > a:hover{color:#5380F2}
.gnb_wrap .depth2 > li > a:hover::after{background:#5380F2}
.gnb_wrap .depth3 > li > a:hover{color:#5380F2;}
.gnb_wrap .depth3 > li.on > a{color:#5380F2}
.gnb_wrap li:has(ul.depth2 li.on) > a.use_sub{ color: #5380F2; }
.gnb_wrap .gnb > li:hover > a{color:#5380F2}
.gnb_wrap .gnb > li:hover .depth2{border-top-color:#5380F2;background-color:#F8F9FD;}
.header.hover .logo{width:250px;padding-left:134px;background-size:134px}
.header.hover .logo span{font-size:14px;}
.header.hover .gnb_wrap .gnb > li{padding:0 60px 0 15px}
.header.hover .header_info li{font-size:14px;}

.professor .gnb_wrap .depth2 > li > a:hover{color:#56B8F4}
.professor .gnb_wrap .depth2 > li > a:hover::after{background:#56B8F4}
.professor .gnb_wrap .depth3 > li > a:hover{color:#56B8F4;}
.professor .gnb_wrap .gnb > li:hover > a{color:#56B8F4}
.professor .gnb_wrap .gnb > li:hover .depth2{border-top-color:#56B8F4;background-color:#F7FBFE;}
.student .gnb_wrap .depth2 > li > a:hover{color:#F6925A}
.student .gnb_wrap .depth2 > li > a:hover::after{background:#F6925A}
.student .gnb_wrap .depth3 > li > a:hover{color:#F6925A;}
.student .gnb_wrap .gnb > li:hover > a{color:#F6925A}
.student .gnb_wrap .gnb > li:hover .depth2{border-top-color:#F6925A;background-color:#FEFAF9;}
.assistant .gnb_wrap .depth2 > li > a:hover{color:#A369EF}
.assistant .gnb_wrap .depth2 > li > a:hover::after{background:#A369EF}
.assistant .gnb_wrap .depth3 > li > a:hover{color:#A369EF;}
.assistant .gnb_wrap .gnb > li:hover > a{color:#A369EF}
.assistant .gnb_wrap .gnb > li:hover .depth2{border-top-color:#A369EF;background-color:#FAF7FD;}
.company .gnb_wrap .depth2 > li > a:hover{color:#F65B56}
.company .gnb_wrap .depth2 > li > a:hover::after{background:#F65B56}
.company .gnb_wrap .depth3 > li > a:hover{color:#F65B56;}
.company .gnb_wrap .gnb > li:hover > a{color:#F65B56}
.company .gnb_wrap .gnb > li:hover .depth2{border-top-color:#F65B56;background-color:#FEF8F8;}
.footer{/*height:155px;*/padding:0;background:#515151;color:#C1C1C1;font-size:14px;text-align:left}
.footer .terms a{color:#C1C1C1}
.footer .terms li + li::before{height:10px;background:#ABABAB}
.footer .addr{padding:25px 0;border-top:1px solid #616161;background:url(../images/common/footer_base_logo.png) no-repeat 100% 50%}
.footer .addr dl{display:inline-block;}
.footer .addr dl + dl{margin-left:30px;}
.footer .addr dt{padding-right:5px;font-weight:500;font-size:16px;margin-bottom:5px;}
.footer .copy{margin-top:15px;font-size:14px;text-transform:uppercase}
.float_btn{position:fixed;bottom:20px;left:calc(50% + 740px);}
.float_btn a{display:block;color:#fff;font-size:13px;letter-spacing:0;word-break:keep-all;text-align:center}
.float_btn .chk_list{background:#C41C39}
.float_btn .chk_list span{background-image:url(../images/user/float_chk_list_arrow.png)}
.float_btn .quick{background:#4c4c4c}
.scroll_btn a{width:40px;height:40px;border-radius:50%;border:2px solid #E0E0E0;background:#fff no-repeat 50% 50%;box-shadow:0 0 10px 5px rgba(0,0,0,0.05)}
.scroll_btn .top{background-image:url(../images/user/scroll_btn_top.png)}
.scroll_btn .bottom{background-image:url(../images/user/scroll_btn_bottom.png)}
.scroll_bottom .float_btn{position:absolute;bottom:225px}
.sub_visual{position:static;display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;width:100%;height:130px;transition:0.3s}
.sub_visual .page_tit{display:flex;align-items:flex-end;padding-bottom:30px;color:#000}
.sub_visual .page_tit .tit::after{content:'';display:block;position:absolute;top:-4px;right:-4px;width:7px;height:7px;border-radius:50%;background:#E75826}
.sub_visual .visual_bg{position:relative;height:100%;background:no-repeat calc(100% - 20px) 100%}
.sub_visual .visual_bg .bubble{position:absolute;bottom:76px;right:410px;min-width:140px;padding:10px 20px;border-radius:50px;background:#000;color:#fff;font-size:14px;white-space:nowrap;}
.sub_visual .visual_bg .bubble::after{content:'';display:block;position:absolute;bottom:-1px;right:2px;border-style:solid;border-width:12px 7px 0 7px;border-color: #000 transparent transparent transparent;transform:rotate(75deg);}
.contents{min-height:calc(100vh - 155px);padding:80px 0 70px;background:#f8f8f8;}
.contents .cont_wrap{overflow:hidden;padding:30px 50px;border-radius:20px;border:1px solid #F1F0EE;background:#fff;box-shadow:0 0 15px 2px rgba(151,151,151,0.15)}
.page_top{padding-bottom:20px}
.page_top .page_tit{font-size:24px}
.page_top .page_tit button{display:inline-block;position:relative;top:-2px;width:24px;height:24px;margin-left:10px;border-radius:50%;border:1px solid #444;background:#fff url(../images/user/tit_guide_ic.png) no-repeat 50% 50%}
.page_top .page_tit button:hover{border-color:#0C33A8;background-image:url(../images/user/tit_guide_ic_over.png);box-shadow:3px 2px 1px 0 #E3E3E3}
.navigation{padding:0}
.navigation li{color:#9598A0}
.navigation li + li{background-image:url(../images/user/user_nav_arrow.png)}
.guide_wrap{display:flex;align-items:center;flex-wrap:wrap;position:relative;z-index:10;min-height:100px;padding:20px 40px;padding-right:140px;border-radius:5px;border:0;background:#F8F8F9 url(../images/user/user_guide_ic.png) no-repeat calc(100% - 40px) 50%}
.guide_wrap ul li{padding:0;font-weight:600;font-size:18px;color:#000;background:none;}
.guide_wrap .warn{display:block;margin-top:10px;padding:5px 0;padding-left:30px;font-weight:400;font-size:14px;color:#aaa;background:url(../images/user/guide_warn_ic.png) no-repeat 0 50%}
.guide_wrap .btn01{padding:8px 30px;background:#8B90A2}
.page_guide{position:relative;}
.page_guide .tooltip_msg{display:block;visibility:hidden;opacity:0;min-width:150px;padding:8px 15px;position:absolute;top:-50px;right:-6px;left:auto;text-align:center;font-size:13px;color:#C6C6C6;white-space:nowrap;background:#202021;box-shadow:0 0 15px 2px rgba(0,0,0,0.05);transform:translateY(50%);transition:0.3s}
.page_guide .tooltip_msg::after{content:'';display:block;position:absolute;bottom:-10px;right:10px;top:auto;left:auto;border-style:solid;border-width:10px 6px 0 6px;border-color:#202021 transparent transparent transparent}
.guide_wrap button{display:block;position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;border:1px solid #E8E8E8;box-shadow:0 0 15px 2px rgba(0,0,0,0.05);background:url(../images/user/guide_close.png) #fff no-repeat 50% 50%}
.guide_wrap button:hover{border-color:#6D6D6D;background-image:url(../images/user/guide_close_hover.png)}
.guide_open{position:absolute;top:45px;right:-76px;left:auto;z-index:10;transition:0.3s}
.guide_open button{width:26px;height:40px;border:1px solid #EBEBEB;border-radius:40px 0 0 40px;background:url(../images/user/guide_open_ic.png) no-repeat 9px 50% #fff;box-shadow:0 0 10px 5px rgba(0,0,0,0.05)}
.guide_open button:hover{border-color:#000;background-image:url(../images/user/guide_open_ic_on.png)}
.guide_open .tooltip_msg{transform:translateY(0);}
.close .guide_wrap{display:none}
.close .guide_open{right:-50px;}
.cont_tit{font-weight:600;font-size:24px;color:#000;}
.cont_tit2{font-weight:500;font-size:20px;color:#000;}
.cont_subtit{font-weight:500;font-size:19px;color:#000;}
.req{display:inline-block;padding-left:4px;font-weight:700;font-size:14px;color:#5381F2}
.warn{font-size:14px;color:#aaa;}
.warn2{font-size:14px;color:#E75826;}
.str{color:#5181f8}
.str2{color:#0D318C}
.text_btn{color:#1B294D;cursor: pointer;}
.highlights {color: #005667;}
.btn01{border:1px solid #ABAEB3;background:#ABAEB3;text-align:center;color:#fff;cursor: pointer;}
.btn01.col02{background:#0D318C}
.btn01.col04{border-color:#0D318C;color:#0D318C;background:#fff;}
.btn01.col05{background:#8B90A2}
.btn01.col06{border-color:#666;color:#666;background:#fff}
.btn01.col07{border-color:#EA2936;color:#EA2936;background:#fff}
.ic_btn{display:inline-block;min-width:40px;width:40px;height:40px;vertical-align:middle;border-radius:5px;border:1px solid #666;background:no-repeat #fff 50% 50%;text-indent:-9999px;}
.ic_btn.del{border-color:#EA2936;background-image:url(../images/user/ic_btn_del_ic.png)}
.ic_btn.del2{border-color:#999;background-color:#999;background-image:url(../images/user/ic_btn_del_w_ic.png)}
.ic_btn.search{border-color:#1B294D;background-color:#1B294D;background-image:url(../images/user/search_btn_ic.png)}
.ic_btn.img_edit{border-color:#999;background-image:url(../images/user/ic_btn_img_edit_ic.png)}
.ic_btn.apply{border-color:#0D318C;background-image:url(../images/user/ic_btn_img_apply_ic.png)}
.ic_btn.small_add{position:relative;top:-1px;min-width:auto;width:13px;height:13px;margin:0 5px;border-radius:50%;border:0;background:#3D3D3D no-repeat 50% 50% url(../images/user/ic_btn_small_add_ic.png)}
.ic_btn.small_del{position:relative;top:-1px;min-width:auto;width:13px;height:13px;margin:0 5px;border-radius:50%;border:0;background:#C41C39 no-repeat 50% 50% url(../images/user/ic_btn_small_del_ic.png)}
.ic_btn.down{min-width:28px;width:28px;height:28px;border:0;border-radius:50%;background-color:#1B294D;background-image:url(../images/user/ic_btn_down_ic.png)}
.ic_btn.down.sq{min-width:40px;width:40px;height:40px;border:1px solid #666;border-radius:5px;background-color:#fff;background-image:url(../images/user/ic_btn_down_b_ic.png)}
.ic_btn.print.round{min-width:28px;width:28px;height:28px;border:0;border-radius:50%;background-color:#1B294D;background-image:url(../images/user/ic_btn_print_w_ic.png)}
.ic_btn.user_view.round{min-width:28px;width:28px;height:28px;border:0;border-radius:50%;background-color:#1B294D;background-image:url(../images/user/ic_btn_user_view_w_ic.png)}
.ic_btn.sem_view{min-width:28px;width:28px;height:28px;border:0;border-radius:50%;background-color:#1B294D;background-image:url(../images/user/ic_btn_sem_view_ic.png)}
.ic_btn.preview{min-width:30px;width:30px;height:30px;border:0;border-radius:50%;background-color:#1B294D;background-image:url(../images/user/t_list_view_ic.png);}
.ic_btn.down.mini{min-width:15px;width:15px;height:15px;border-radius:50%;border:0;background-color:#fff;background-image:url(../images/user/ic_btn_down_mini_ic.png)}
.btn01.file_btn{display:inline-block;min-width:40px;width:40px;height:40px;vertical-align:middle;border-radius:5px;border:1px solid #666;background:no-repeat url(../images/user/ic_btn_file_ic.png) #fff 50% 50%}
.file_list{}
.file_list li a{padding-left:0;text-decoration:underline;font-weight:400;color:#5380F2;background:none}
.file_list .del{background-image:url(../images/common/del_ic.png)}
.file_box .btn01{padding:9px 12px;border-radius:5px;border:1px solid #666;color:#3d3d3d;background-color:#fff}
.label{display:inline-block;padding:6px 16px;border-radius:50px;color:#fff;font-size:14px;line-height:1}
.label.col02{background:#0D318C}
.label.col03{background:#9598A0}
.label.col04{background:#137C5B}
.label.col05{background:#1EB1D4}
.check input:checked + .txt::before{border-color:#5380F2;background:#5380F2 no-repeat url(../images/user/check_ic.png) 50% 50%}
.radio input:checked + .txt{color:#5381F2}
.radio input:checked + .txt::before{border:4px solid #5380F2;background:#fff}
.check.label .txt{display:inline-block;padding:6px 16px;border-radius:50px;color:#fff;background:#9598A0 no-repeat 12px 50%;transition:0.3s}
.check.label input:checked + .txt{padding-left:30px;background-color:#0D318C;background-image:url(../images/user/check_ic_w.png);color:#fff}
label.sq .txt{display:block;width:100%;padding:10px;border:1px solid #E5E5E5;border-radius:5px;background:#F8F8F8;font-size:14px;color:#bbb}
label.sq input:checked + .txt{border:1px solid #01050D;color:#01050D;background:#fff}
.sem_tab{position:relative;z-index:10;margin-bottom:15px;border-bottom:1px solid #f8f8f6}
.sem_tab .label.col01{background:#5380F2}
.sem_tab .label.col02{background:#FC7347}
.sem_tab .label.col03{background:#22BF5F}
.sem_tab .sem_tit{display:flex;align-items:center;position:relative;height:75px;padding:0 30px;padding-right:60px;border-top:1px solid #222;font-size:20px;font-weight:600;color:#000;}
.sem_tab .sem_tit::after{content:'';display:block;position:absolute;right:30px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#CACBD0 url(../images/user/sel_tit_arrow.png) no-repeat 50% 50%;transition:0.3s}
.sem_tab .sem_cont{display:none;position:absolute;top:75px;left:0;width:100%;background:#fff}
.sem_tab .sem_cont ul{display:flex;flex-wrap:wrap;padding:20px 20px 10px;max-height:300px;overflow-y: scroll;}
.sem_tab .sem_cont li{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;}
.sem_tab .sem_cont li:nth-child(2n){margin-right:0}
.sem_tab .sem_cont a{display:block;padding:12px 15px;border:1px solid #F8F8F9;border-radius:5px;font-weight:500;font-size:14px;color:#333;background:#F8F8F9}
.sem_tab .sem_cont a:hover{border:1px solid #5380F2;opacity:1;background:#F6F9FF}
.sem_tab .search_gp{display:flex;flex-wrap:wrap;padding:20px 15px;border-top:1px solid #EFEFEF;background:#FAFAFA}
.sem_tab .search_gp dt{width:115px;font-weight:600;color:#1A1A1A}
.sem_tab.on .sem_tit{border:1px solid #222;border-bottom:0}
.sem_tab.on .sem_tit::after{transform:rotate(180deg);background-color:#222}
.sem_tab.on .sem_cont{display:block;border:1px solid #222;border-top:1px solid #EFEFEF;box-shadow:0 10px 10px 5px rgba(0,0,0,0.05)}
.search_form{position:relative;padding:0;margin-bottom:15px;border:0;border-radius:5px;background:#fff}
.search_form li{padding:0}
.search_form li .search_title{padding:0;font-size:15px;font-weight:600;color:#000;vertical-align:middle}
.search_form li .search_title::before{content:'';display:inline-block;position:relative;top:-5px;width:3px;height:3px;margin-right:6px;background:#000}
.search_form dl dt.no_title{overflow: hidden;text-indent:-9999em;}
.search_form dl + .search_bar_wrap{padding:5px 0;padding-left:15px}

.search_form > li + li .search_bar_wrap dt{width:100%;margin-bottom:10px;}
.search_form > li + li .search_bar_wrap dd{width:100%;}
.search_form .search_bar_wrap #searchBtn{min-width:90px;width:90px;height:40px;background:#1B294D}
.search_form .search_bar_wrap #resetBtn{min-width:40px;width:40px;height:40px;border:0;background:#999 url(../images/user/reset_btn_ic.png) no-repeat 50% 50%}
.search_form .search_bar_wrap .detail_btn{min-width:120px;height:40px;padding:0 20px;margin-left:5px;border:1px solid #ccc;text-align:center}
.search_form .search_bar_wrap .detail_btn span::after{content:'';display:block;position:absolute;top:50%;right:0;width:10px;height:10px;margin-top:-5px;background:url(../images/user/search_detail_btn_arrow.png) no-repeat 50% 50%;transition:0.3s}
.search_form .search_detail{display:none;background:#F8F8F9}
.search_form.on li{padding:0 15px;border:1px solid #5B5B5B;border-bottom:0}
.search_form.on .search_detail{display:flex;position:absolute;top:60px;left:0;z-index:10;width:100%;padding:5px 15px;border:1px solid #5B5B5B;border-top:0;box-shadow:0 5px 10px 5px rgba(0,0,0,0.05)}
.search_form.on .search_detail .flx{flex:1;}

.search_form li.one_row dl{display:flex;align-items:center;}
.search_form li.one_row dl dt{width:auto;margin-right:15px;margin-bottom:0;flex-shrink:0;}
.search_form li.one_row dl + .search_bar_wrap dt{width:auto;}
.search_form li.one_row dl + .search_bar_wrap dd{width:auto;flex:1;}
.search_filter{overflow:hidden;border-radius:10px;margin-bottom:30px;background:#F8F8F9}
.search_filter .filter_cont{padding:30px 30px 22px;}
.search_filter .filter_list{display:flex;flex-wrap:wrap;overflow:hidden;height:132px}
.search_filter .filter_btm{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid #e5e5e5}
.search_filter .filter_chk{width:calc(16.66% - 6.66px);margin-right:8px;margin-bottom:8px}
.search_filter .filter_chk:nth-child(10n){margin-right:8px}
.search_filter .filter_chk:nth-child(6n){margin-right:0}
.search_filter .filter_chk input{overflow:hidden;position:absolute;top:0;left:0;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.search_filter .filter_chk .txt{display:flex;align-items:center;position:relative;height:36px;padding:0 15px;padding-right:40px;border:1px solid #CACBD0;border-radius:5px;font-size:14px;color:#A8AAB3;background:#fff}
.search_filter .filter_chk .txt::after{content:'';display:block;position:absolute;top:50%;right:15px;width:10px;height:10px;margin-top:-5px;background:url(../images/user/filter_chk_ic.png) no-repeat 50% 50%}
.search_filter .filter_chk input:checked + .txt{border-color:#0D318C;color:#0D318C}
.search_filter .filter_chk input:checked + .txt::after{background-image:url(../images/user/filter_chk_on_ic.png)}
.search_filter .filter_btn span::after{content:'';display:block;position:absolute;top:50%;right:0;width:8px;height:8px;margin-top:-4px;background:url(../images/user/search_filter_arrow.png) no-repeat 50% 50%;transition:0.3s}
.search_filter .filter_all input{overflow:hidden;position:absolute;top:0;left:0;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.search_filter .filter_all .txt{display:inline-block;position:relative;padding:6px 15px;padding-left:30px;border:1px solid #CACBD0;border-radius:50px;font-size:13px;line-height:1;color:#A8AAB3;background:#fff}
.search_filter .filter_all .txt::before{content:'';display:block;position:absolute;top:50%;left:15px;width:10px;height:10px;margin-top:-5px;background:url(../images/user/filter_chk_ic.png) no-repeat 50% 50%;}
.search_filter .filter_all input:checked + .txt{border-color:#0D318C;color:#fff;background:#0D318C}
.search_filter .filter_all input:checked + .txt::before{background-image:url(../images/user/filter_chk_w_ic.png)}
.table_top .btn01{padding:4px 15px;border-color:#6B6B6B;color:#6B6B6B;line-height:1;font-size:13px;background-color:#fff}
.table_top .btn01.on{color:#fff;background: #5380f2;border-color:#5380f2;}
.table_top .btn01.on span{padding-left:15px;background:url(../images/user/check_ic.png) no-repeat 0 50%;}
.table_top .btn01.col02{border-color:#6B6B6B;color:#fff;background-color:#6B6B6B}
.table_wrap .btn01{padding:9px 12px;border-radius:5px;border:1px solid #666;color:#3D3D3D;background-color:#fff}
.table_wrap .btn01.col02{border-color:#1B294D;background-color:#1B294D;color:#fff}
.table_wrap{border-top:2px solid #222;border-bottom:1px solid #DADADA;}
.table_wrap a{color:#5380F2}
.table_wrap .label{color:#fff;text-decoration:none}
.table_wrap table.t_list thead tr th[colspan]{height:55px;padding:10px;border-bottom:1px solid #CECECE;background:#F8F8F9;font-weight:600;color:#000}
.table_wrap table.t_list thead tr th[colspan] + th::before{background:#C2C3C7}
.table_wrap table.t_list tbody td{border-top:1px solid #EFEFEF;border-left:1px solid #efefef;height:60px;color:#333}
.table_wrap table.t_list tbody td[rowspan]{border-right:1px solid #efefef;}
.table_wrap table.t_list tbody tr:nth-child(2n) td{background:#fff}
.table_wrap table.t_list a.title{display:inline-block;padding:6px 0;padding-right:40px;font-weight:600;text-decoration:none;color:#333;background:url(../images/user/t_list_view_ic.png) no-repeat 100% 50%}
.table_wrap table.t_list tbody tr.highlight{border:2px solid #5380F2}
.table_wrap table.t_list tbody tr.highlight td{background:#F6F9FF}
.table_wrap table.t_list tbody tr.tbl_highlight td{background:#F6F9FF}
.table_wrap table.t_list tbody tr td.wr_highlight{border:2px solid #FC4C43;background:#FFF6F5}
.table_wrap table.t_list .prd{display:block;font-weight:400;color:#666;font-size:14px}
.table_wrap table.t_view tbody tr th{border-color:#EFEFEF;font-weight:600;text-align:left}
.table_wrap table.t_view tfoot td{height:60px;padding:10px;border-color:#EFEFEF;}
.table_wrap .t_view .btn01.col02{border:0;background:#6b6b6b}
.right-align {
	text-align: right;
}
div.no_result{border:1px solid #E5E5E5;border-radius:10px;}
.no_result p{padding-top:70px;color:#77797F;font-weight:500;font-size:16px;background:url(../images/user/no_result_ic.png) no-repeat 50% 0}
.table_wrap.round{overflow:hidden;border-radius:5px;border:1px solid #E5E5E5}
.table_wrap.round table.t_view tbody tr th{background:#F8F8F9}
.table_wrap.round table.t_view tbody tr + tr td{border-top:1px solid #F0F0F0}
.table_wrap.round table.t_view tbody tr.dv td{border-top:1px solid #ccc}
.tbl_col2 {display: flex; gap: 20px; align-items: flex-start;}
.tbl_col2 .table_wrap + .table_wrap {margin-top: 0;}
.scroll_tbl.Yfx{/* max-height:1000px; */max-height:calc(100vh - 200px);}
.scroll_tbl.Xfx table.t_list tr th:first-child,
.scroll_tbl.Xfx table.t_list tr td:first-child{position:sticky;top:0;left:0;z-index:10;}
.byte{margin-top:5px;font-size:14px;color:#AAA}
.byte strong{font-size:16px;color:#0D318C}
.warn_info{margin-top:10px;padding:15px 20px;background:#F6F9FF;font-size:14px}
.warn_info .tit{margin-bottom:10px;padding-left:24px;font-weight:600;color:#111;background:url(../images/user/warn_info_tit_ic.png) no-repeat 0 50%}
.warn_info li{position:relative;padding-left:25px;color:#999}
.warn_info li::before{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:-2px;border-radius:50%;text-align:center;font-size:12px;letter-spacing:0;color:#fff;line-height:20px;background:#5380F2}
.warn_info .warn{margin-top:0;padding:5px 0;padding-left:32px;color:#666;background:url(../images/user/guide_icon_01.png) no-repeat 0 50%}
.warn_info .warn::before{display:none}
.warn_info.memo{background:#F3F1FF}
.warn_info.memo .warn{background-image:url(../images/user/guide_icon_02.png);background-position-x:4px}
.warn_info.sucs{background:#DDFFF1}
.warn_info.sucs .warn{background-image:url(../images/user/guide_icon_03.png)}
.warn_info.war{background:#FFF7D6}
.warn_info.war .warn{background-image:url(../images/user/guide_icon_04.png)}
.warn_info.err{background:#FFECEB}
.warn_info.err .warn{background-image:url(../images/user/guide_icon_05.png)}


.table_gp{overflow:hidden;border:1px solid #E5E5E5;border-radius:5px}
.table_gp .gp_tit{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 40px;background:#F8F8F9}
.table_gp .gp_tit dt{margin-right:20px;font-size:20px;font-weight:600;color:#000}
.table_gp .text_btn{color:#999}
.dl_input_gp dl{display:flex;flex-wrap:wrap;align-items:center;width:50%;padding:30px 15px;border-top:1px solid #F0F0F0}
.dl_input_gp dt{width:130px;font-weight:600;color:#1A1A1A}
.dl_input_gp dd{width:calc(100% - 130px);font-weight:600;font-size:14px;color:#333}
.dl_input_gp .dot dt::before{content:'';display:block;position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:50%;vertical-align:middle;background:#CCC}

.page_bottom .page_cnt{width:auto;margin-left:20px;border-radius:50px;color:#333;background-image:url(../images/user/page_cnt_arrow.png)}
.page_list li a{width:36px;height:36px;border-radius:50%;line-height:36px;color:#666;letter-spacing:0}
.page_list li.on a{background:#EDF2FD;color:#5381F2}
.page_list li.on a::before, 
.page_list li a:hover::before{display:none}
.page_list li:last-child a{width:26px;height:36px;border:0;opacity:0.6;background:no-repeat 50% 50%}
.page_list li:nth-child(1) a,
.page_list li:nth-child(1) a:hover{background-image:url(../images/user/pageing_ic_first.png)}
.page_list li:nth-child(2) a,
.page_list li:nth-child(2) a:hover{background-image:url(../images/user/pageing_ic_prev.png)}
.page_list li:nth-last-child(2) a,
.page_list li:nth-last-child(2) a:hover{background-image:url(../images/user/pageing_ic_next.png)}
.page_list li:last-child a,
.page_list li:last-child a:hover{background-image:url(../images/user/pageing_ic_last.png)}
.page_list li:last-child a:hover{opacity:1}
.tooltip_cont{border:1px solid #1B294D;}
.tooltip_cont .btn01{padding:6px 15px;border:1px solid #1B294D;color:#1B294D;background:#fff}
.tooltip_cont .btn01.col02{background:#1B294D;color:#fff}
.tooltip_cont .file_btn{background:no-repeat url(../images/user/ic_btn_file_ic.png) #fff 50% 50%}}
.tooltip_cont .dot_list li{font-size:12px;color:#1B294D}
.tabType02{overflow:hidden;border-radius:5px;background:#F5F5F5}
.tabType02 ul li a:hover{height:40px;border-radius:5px;font-size:15px;color:#999;background:#F5F5F5}
.tabType02 ul li.on a{color:#fff;background:#066C70}
.dot_list li::before{background:#253355}
.num_list li::before{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:-1px;border-radius:50%;text-align:center;font-size:12px;letter-spacing:0;color:#fff;line-height:20px;background:#5380F2}
.gray_box{padding:20px 25px;border:1px solid #E5E5E5;border-radius:5px}
.layer_pop .pop_head{height:60px;padding:10px 20px 0;background:#fff}
.layer_pop .pop_head .title{padding-left:10px;font-weight:600;font-size:20px;color:#000}
.layer_pop .pop_head .pop_close{background-image:url(../images/user/popup_close.png);border:0;}
.layer_pop .pop_cont{overflow-x:hidden;overflow-y:auto;max-height: calc(100vh - 300px);padding:10px 30px 30px;font-weight:500;font-size:18px;color:#000;text-align:center}
.layer_pop .pop_btn .btn01{padding:10px 30px;border:0;border-radius:50px;background:#9D9DA2;color:#fff}
.layer_pop .pop_btn .btn01.col02{background:#0D318C}
.layer_pop .pop_btn .btn01.col03{border:1px solid #9D9DA2;background:#fff;color:#9D9DA2}
.layer_pop .pop_btn .chk_ic{padding-left:20px;background:url(../images/user/pop_btn_chk_ic.png) no-repeat 0 50%}
.layer_pop .guide_wrap{padding:20px 30px;background:#F8F8F9;text-align:left}
.layer_pop .guide_wrap ul li{padding:5px 0;padding-left:35px;font-size:16px;color:#000;background:url(../images/user/guide_warn_ic.png) no-repeat 0 50%}
.layer_pop .guide_wrap .warn{padding-left:0;margin-top:0;background:none}
.layer_pop .warn{font-size:14px;color:#aaa;word-break:keep-all}
.layer_pop .cont_box{text-align:left;font-size:16px;color:#666}
.layer_pop .pers_info{margin:20px 0;padding:25px;line-height:1.6;font-size:14px;color:#666}
.layer_pop .pop_btn .btn01 .today_close{padding-left:15px;background:url(../images/user/pop_btn_today_close_ic.png) no-repeat 0 50%}
.layer_pop .password_info{padding:30px;border:1px solid #E5E5E5;border-radius:5px;margin-bottom:20px;text-align:left}
.layer_pop .password_info p{font-size:18px;color:#000}
.layer_pop .password_info dl{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;margin-top:20px;border-radius:5px;background:#F6F9FF;font-size:16px}
.layer_pop .password_info dt{color:#5381F2}
.multiPop_wrap{display: flex;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.multiPop_wrap .layer_pop_wrap{background:none;left:unset;top:unset;z-index: inherit;width:536px;}
.multiPop_wrap .swiper-opt{display:flex;justify-content:space-between;align-items:center;width:160px;height:42px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:rgba(15,15,15,.4);border-radius:30px;}
.multiPop_wrap .swiper-button-next{position:static;width:42px;height:100%;margin-top:0;background-repeat: no-repeat;background-position: 50% 50%;background-size:7px;}
.multiPop_wrap .swiper-button-prev{background-image: url(../images/common/multiPop_sw_prev.png);}
.multiPop_wrap .swiper-button-next{background-image: url(../images/common/multiPop_sw_next.png);}
.multiPop_wrap .swiper-pagination{position:static;width:auto;font-size:15px;color:#e5e5e5;}
.multiPop_wrap .swiper-pagination-current{color:#fff;font-weight:600;}
.multiPop_wrap .layer_pop .pop_btn .btn01{border:0;background:#fff;color:#01050e;}
.layer_pop_wrap.list .layer_pop .sidebar{position:absolute;left:0;top:0;width:270px;height:100%;background:#fdfeff;border-right:1px solid #f0f0f0;}
.layer_pop_wrap.list .layer_pop .sidebar > p{height:62px;font-size:16px;color:#d2d2d2;font-weight:600;letter-spacing: 1.5em;text-indent: 30px;line-height:62px;}
.layer_pop_wrap.list .layer_pop .sidebar ul{padding:0 60px 0 40px;box-sizing: border-box;}
.layer_pop_wrap.list .layer_pop .sidebar ul li + li{border-top:1px solid #eaeaea;}
.layer_pop_wrap.list .layer_pop .sidebar ul li a{position:relative;display:block;padding:15px 0;font-size:16px;color:#333;text-align: left;transition:all .2s;background:url(../images/common/listPop_arrow_ico.png) no-repeat 100% 50%;}
.layer_pop_wrap.list .layer_pop .sidebar ul li a::before{display:block;content:'';position:absolute;top:0;left: -25px;width:calc(100% + 20px);height:100%;border-radius:50px;background-image:linear-gradient(45deg, #0b3190, #5180f7) ;box-shadow:3px 3px 7px 1px rgba(0,0,0,0.3) ;visibility: hidden;opacity:0;}
.layer_pop_wrap.list .layer_pop .sidebar ul li a:hover{color:#fff;width:calc(100% + 55px);background:none;}
.layer_pop_wrap.list .layer_pop .sidebar ul li a:hover::before{visibility: visible;opacity:1;}
.layer_pop_wrap.list .layer_pop .sidebar ul li a span{position:relative;width: calc(100% - 40px);overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-button-next{position:static;width:40px;height:40px;margin:0;border-radius:50%;border:2px solid #9d9da3;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-button-prev{background:url(../images/common/listPop_sw_prev.png) no-repeat 50% 50%;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-button-next{background:url(../images/common/listPop_sw_next.png) no-repeat 50% 50%;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-pagination-fraction{position:static;width:auto;color:#6b6b6b;font-weight:400;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-pagination-current{position:relative;color:#5181f8;font-weight:600;}
.layer_pop_wrap.list .layer_pop .sidebar .swiper-opt .swiper-pagination-current::after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;transform:translateY(-50%);}
.step_tab li.on .step::after{background:rgba(255,255,255,0.3)}
.step_tab li:last-child a::after{display:none}
.stu_prof{display:flex;flex-wrap:wrap;align-items:center;padding:40px 60px;margin-bottom:20px;border-radius:5px;background:#F8F8F9}
.stu_prof .prof_img{display:flex;align-items:center;justify-content:center;overflow:hidden;width:130px;height:130px;border-radius:50%;background:#DADADA}
.stu_prof .stu_name .name{font-size:24px;font-weight:600;color:#000}
.stu_prof .prof_etc dl{display:flex;flex-wrap:wrap;flex-flow:column-reverse;flex:1;border-radius:5px;background:#fff}
.stu_prof .prof_etc dt{padding:8px 10px;border-top:1px solid #EFEFEF}
.stu_prof .prof_etc dd{display:flex;align-items:center;justify-content:center;height:90px;padding:15px 10px;font-weight:600;font-size:20px;color:#000}
.writer_chk .guide_wrap .writer_btn{padding:8px 30px;margin-left:5px;background:#8B90A2}
.writer_chk .writer_wrap .writer_btn{padding:8px 30px;margin-left:5px;background:#8B90A2}
.writer_chk .writer_wrap .writer_btn span{position:relative;padding-left:18px;}
.writer_chk .writer_wrap .writer_btn span::before{content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:6px;margin-top:-3px;background:url(../images/user/writer_btn_arrow.png) no-repeat 50% 50%;transition:0.3s}
.writer_chk .wirter_cont .wt_top{font-size:14px;color:#999}
.writer_chk .wirter_cont .wt_top::after{display:inline-block;padding-left:4px;font-weight:600;color:#5381F2}
.writer_chk .wirter_cont .wt_tit{margin-top:15px;font-size:20px;color:#1a1a1a}
.writer_chk .wirter_cont .warn{padding:5px 0;padding-left:30px;font-weight:500;font-size:14px;color:#aaa;background:url(../images/user/guide_warn_ic.png) no-repeat 0 50%}
.writer_chk.on .writer_wrap .writer_btn span::before{transform:rotate(180deg)}
.resi_ok{padding:60px;border-radius:10px;border:1px solid #E5E5E5;text-align:center}
.resi_ok p{font-size:16px;color:#333}
.no_ic_result{padding:60px;border-radius:10px;border:1px solid #E5E5E5;text-align:center}
.no_ic_result p{font-size:16px;color:#333}
.select_col .select_info{padding:25px;background:#FAFAFA}
.select_col.type2 > div + div{margin:0;padding-left:40px;padding-right:25px;border-left:1px solid #F5F5F5}
.select_col .select_btn .btn01{display:block;min-width:auto;width:36px;height:36px;padding:0;border:2px solid #D1D6DF;border-radius:50%;background:no-repeat #fff 50% 50%}
.select_col .select_btn .btn01.del{border-color:#9F9FA5;background-image:url(../images/user/select_del_ic.png)}
.agree_box{padding:30px 40px;border-radius:5px;background:#F8F8F9}
.agree_box dl{margin-top:25px;padding-top:25px;border-top:1px solid #E6E6E6}
.agree_box dl dt{margin-bottom:12px;padding-left:22px;font-weight:600;font-size:18px;color:#000;background:url(../images/user/agree_box_tit_ic.png) no-repeat 0 50%}
.agree_box .dot_list li::before{background:#5B86F2}
.pers_info{padding:30px 40px;border:1px solid #E5E5E5;border-radius:5px}
.pers_info dt{width:70px;font-weight:600;color:#000}
.pers_info dt::after{content:'';display:inline-block;width:1px;height:10px;margin:0 10px;background:#D0D1D6}
.agree_chk .txt{display:block;width:100%;padding:25px;border-radius:5px;text-align:center;font-size:16px;background:#F8F8F9}
.agree_chk input:checked + .txt{background:#EEF2FD;font-weight:600;color:#5381F2}
.surv_wrap{border-top:1px solid #737373;font-size:16px;text-align:left}
.surv_box .surv_tit{padding:20px 25px;border-bottom:1px solid #EFEFEF;font-weight:600;color:#000;background:#F8F8F9}
.surv_box .surv_cont{padding:20px 25px;border-bottom:1px solid #EFEFEF}
.surv_box .addr .btn01{background:#333;border-radius:5px;}
.surv_box .add_chd + .add_chd{border-top:1px dashed #e5e5e5;padding-top:10px;}
.surv_box .add_chd .add_tit{padding: 0;font-size: 15px;font-weight: 600;color: #000;vertical-align: middle;display:inline-block;padding-top:12px;}
.surv_box .add_chd .add_tit::before {content: '';display: inline-block;position: relative;top: -5px;width: 3px;height: 3px;margin-right: 6px;background: #000;}
.total_tbl .total{display:inline-block;margin:0 10px;padding:5px 15px;border-radius:50px;font-weight:400;font-size:14px;color:#fff;background:#5380F2}
.total_tbl .total_tr td{font-weight:600;color:#333;background:#F6F9FF}
.oath_wrap .cont_desc{margin-bottom:15px;font-size:16px;color:#666}
.oath_wrap .gray_box{font-size:14px;color:#666;line-height:1.4;white-space:pre-line;}
.order_chk .txt{display:block;width:100%;padding:10px;border-radius:5px;border:1px solid #E4E4E5;font-size:14px;background:#FBFBFC}
.order_chk input:checked + .txt{border-color:#E12642;background:#FEF3F5;}
.prct .logo_wrap{display:flex;overflow:hidden;align-items:center;justify-content:center;width:140px;height:48px;border-radius:5px;background:#fff}
.prct .logo_wrap img{max-width:100%;max-height:100%;}
.prct .tit{display:flex;align-items:center;font-weight:600;font-size:20px;color:#000}
.prct .label{margin-right:10px;background:#5380F2}
.prct .sta_label{display:inline-block;padding:8px 12px;margin:2px;border-radius:5px;font-weight:500;color:#666;font-size:14px;line-height:1;background:#ddd}
.prct .sta_label.col01{color:#1EB1D4;background:#E6F7FA}
.prct .sta_label.col02{color:#fff;background:#137C5B}
.prct .sta_label.col03{color:#FA834F;background:#FFEEE7}
.prct .sta_label.col04{color:#5381F2;background:#EDF2FD}
.prct .sta_label.col05{color:#EA5957;background:#FBE6E6}
.prct .sta_label.col06{color:#858176;background:#EFEEEC}
.prct .sta_label.col07{color:#636977;background:#EFF0F1}
.prct .sta_label.col08{color:#fff;background:#3D3D3D}
.prct .sta_label.col09{color:#147C5B;background:#E5F2EE}
.agree_summary{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;border:1px solid #E4E7EC;border-radius:10px;background:#F6F7FA}
.agree_summary dl{display:flex;flex-wrap:wrap;align-content:space-between;width:calc(25% - 15px);height:120px;padding:25px 30px;border-radius:10px;background:#fff}
.agree_summary dt{padding:4px 0;padding-left:28px;font-weight:600;color:#828287;background:no-repeat 0 50%}
.agree_summary dd{font-weight:600;color:#000;font-size:20px;text-align:right}
.agree_summary .btn01{padding:4px 15px;border-color:#6B6B6B;color:#6B6B6B;line-height:1;font-weight:400;font-size:13px;background-color:#fff}
.agree_summary .btn01.col02{background:#828287;color:#fff}
.agree_info{padding:30px;border-radius:5px;border:1px solid #E5E5E5}
.agree_info li{position:relative;padding-left:25px;color:#666;line-height:1.4;}
.agree_info li::before{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:1px;border-radius:50%;text-align:center;font-size:12px;letter-spacing:0;color:#fff;line-height:20px;background:#5380F2}
.agree_info strong{color:#000}
.sign_wrap{border-top:1px solid #252525}
.sign_wrap .table_wrap{border-top:1px solid #252525}
.sign_wrap .sign_name .sign{padding:0;font-weight:600;font-size:25px;color:#333}
.agree_chk_dl{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #E5E5E5}
.cont_box.oath{padding:30px;border:1px solid #F0F0F0;border-radius:10px}
.prac_chk{margin-top:20px;border-top:1px solid #222;border-bottom:1px solid #DADADA}
.prac_chk li{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;height:66px;padding:5px 20px;border-bottom:1px solid #F0F0F0}
.board_list{border-top:2px solid #222;border-bottom:1px solid #DADADA}
.board_list > li + li{border-top:1px solid #EFEFEF}
.board_list .state.comp{border:1px solid #5380F2;color:#5380F2}
.board_list .state.wait{border:1px solid #137C5B;color:#137C5B}
.board_list .board_cont a{display:flex;align-items:center;font-size:16px;font-weight:600;color:#000}
.board_list .board_cont .type.col01{color:#5380F2}
.board_list .board_cont .type.col02{color:#FC7347}
.board_list .board_cont .type.col03{color:#22BF5F}
.board_list .etc_info li{font-size:14px;color:#9D9DA3}
.board_list .etc_info li + li::before{content:'';display:inline-block;width:1px;height:10px;margin:0 10px;background:#ddd}
.board_view .board_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px;border-radius:5px;background:#F8F8F9}
.board_view .board_top .tit{font-weight:600;font-size:20px;color:#000}
.board_view .board_info span{display:inline-block;padding-left:22px;font-size:15px;color:#666;background:no-repeat 0 50%}
.board_view .board_info .writer{background-image:url(../images/user/board_info_writer_ic.png)}
.board_view .board_info .date{background-image:url(../images/user/board_info_date_ic.png)}
.board_view .view_cont{min-height:400px;margin-bottom:40px;font-size:14px;color:#333}
.board_view .board_file{display:flex;align-items:center;flex-wrap:wrap;padding:15px;border-radius:50px;background:#F8F8F9}
.board_view .board_file dt{width:80px;text-align:center;font-weight:600;color:#000}
.board_view .board_nav{border-top:1px solid #222;border-bottom:1px solid #222}
.board_view .board_nav li + li{border-top:1px solid #F0F0F0}
.board_view .board_nav dt{width:70px;font-weight:600;color:#000}
.board_view .board_nav .next a{background-image:url(../images/user/board_nav_next_ic.png)}
.board_view .board_nav .prev a{background-image:url(../images/user/board_nav_prev_ic.png)}
.board_view.ans{border-top:1px solid #222;border-bottom:1px solid #DADADA}
.board_view.qus .board_top{display:block;padding:20px 20px 0;background:#fff}
.board_view.qus .board_top .tit::before{content:'Q';display:inline-block;margin-right:6px;color:#CECED1}
.board_view.qus .board_info{display:flex;align-items:center;padding:15px 20px;border-radius:5px;margin-top:20px;background:#F8F8F9}
.board_view.qus .board_info dl + dl::before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;margin:0 10px;background:#C1C1C1}
.board_view.qus .board_info dl dd::before{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#CECECE}
.board_view.qus .board_btn .btn01{border-color:#666;border-radius:5px;color:#666;background:#fff}
.board_view.qus .board_btn .btn01.col07{border-color:#ED4654;color:#ED4654}
.board_view.ans .board_info span + span::before{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#CECECE}
.join_comp{display:flex;align-items:center;width:100%;height:490px;border:1px solid #E5E5E5;border-radius:10px;padding:0 110px;background:url(../images/user/comp_search_bg.png) no-repeat 100% 100%}
.join_comp .tit{margin-bottom:10px;font-size:25px;font-weight:600;color:#333}
.join_comp .tit .str{color:#333;background:linear-gradient(to bottom, transparent 65%, #D2E6FD 35%)}
.join_comp dl dt{margin-bottom:8px;font-weight:600;color:#111}
.join_comp dl .btn01{border:1px solid #666;border-radius:5px;background:#fff;color:#666}
.review_list .gp_tit .date{display:flex;padding:0;background:none;color:#666}
.review_list .date dt{margin:0;font-weight:400;color:#666}
.review_list .date dt::after{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#CECECE}
.review_list .review_view{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#EDF2FD;text-align:center;}
.review_list .review_view span{display:inline-block;padding-top:22px;font-size:14px;color:#5381F2;background:url(../images/user/review_view_ic.png) no-repeat 50% 0}
.review_list .comp_info li + li::before{content:'';display:inline-block;width:2px;height:2px;margin:0 5px;background:#666;vertical-align:middle}
.review_list .review_info li + li::before{content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background:#D5D5D5;vertical-align:middle}
.review_list .review_info strong{color:#111}
.review_list .tit{margin:10px 0;font-weight:600;font-size:20px;color:#111}
.review_swiper{position:relative;margin-top:40px;padding:20px 40px;border-top:1px solid #F0F0F0}
.review_swiper .swiper::after{content:'';display:block;position:absolute;top:0;right:0;z-index:10;width:100px;height:100%;background:linear-gradient(to right, transparent, #fff);}
.review_swiper .swiper-button-next{top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#CACBD0 no-repeat 50% 50%}
.review_swiper .swiper-button-prev{left:0;background-image:url(../images/user/review_swiper_prev.png)}
.review_swiper .swiper-button-next{right:0;background-image:url(../images/user/review_swiper_next.png)}
/* subj_chk */
.subj_chk{display:inline-block;position:relative;margin:2px 5px;margin-left:0}
.subj_chk input{overflow:hidden;position:absolute;top:0;left:0;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.subj_chk .txt{display:inline-block;padding:8px 15px;padding-left:28px;border:1px solid #ddd;border-radius:50px;font-size:13px;line-height:1;color:#ddd;background:url(../images/user/subj_chk_ic.png) #fff no-repeat 15px 50%}
.subj_chk.col01 input:checked + .txt{border-color:#79C1C5;color:#79C1C5;background-color:#F3FBFB;background-image:url(../images/user/subj_chk_col01_on_ic.png)}
.subj_chk.col02 input:checked + .txt{border-color:#5381F2;color:#5381F2;background-color:#F6F9FF;background-image:url(../images/user/subj_chk_col02_on_ic.png)}
.subj_chk.col03 input:checked + .txt{border-color:#FDACA9;color:#FDACA9;background-color:#FFF8F8;background-image:url(../images/user/subj_chk_col03_on_ic.png)}
.subj_chk.col04 input:checked + .txt{border-color:#FC8997;color:#FC8997;background-color:#FEE7EA;background-image:url(../images/user/subj_chk_col04_on_ic.png)}
.subj_chk.col05 input:checked + .txt{border-color:#89AECE;color:#89AECE;background-color:#EDF3F7;background-image:url(../images/user/subj_chk_col05_on_ic.png)}
.subj_chk.col06 input:checked + .txt{border-color:#DB9CDA;color:#DB9CDA;background-color:#FAF0F9;background-image:url(../images/user/subj_chk_col06_on_ic.png)}
.subj_chk.col07 input:checked + .txt{border-color:#F887B7;color:#F887B7;background-color:#FDE7F0;background-image:url(../images/user/subj_chk_col07_on_ic.png)}
.subj_chk.col08 input:checked + .txt{border-color:#61A7E3;color:#61A7E3;background-color:#DFEEF9;background-image:url(../images/user/subj_chk_col08_on_ic.png)}
.subj_chk.col09 input:checked + .txt{border-color:#AFB4BA;color:#AFB4BA;background-color:#F3F4F5;background-image:url(../images/user/subj_chk_col09_on_ic.png)}
.subj_chk.col10 input:checked + .txt{border-color:#CDD98D;color:#CDD98D;background-color:#FBFCF6;background-image:url(../images/user/subj_chk_col10_on_ic.png)}
.subj_chk.col11 input:checked + .txt{border-color:#F3BD7B;color:#F3BD7B;background-color:#FDF2E4;background-image:url(../images/user/subj_chk_col11_on_ic.png)}
.subj_chk.col12 input:checked + .txt{border-color:#F29A6B;color:#F29A6B;background-color:#FDF0E9;background-image:url(../images/user/subj_chk_col12_on_ic.png)}
.subj_chk.col13 input:checked + .txt{border-color:#F2826B;color:#F2826B;background-color:#FCECE8;background-image:url(../images/user/subj_chk_col13_on_ic.png)}
.subj_chk.col14 input:checked + .txt{border-color:#DF7783;color:#DF7783;background-color:#FAEAEC;background-image:url(../images/user/subj_chk_col14_on_ic.png)}
.subj_chk.col15 input:checked + .txt{border-color:#7B89C2;color:#7B89C2;background-color:#EBEDF6;background-image:url(../images/user/subj_chk_col15_on_ic.png)}
.subj_chk.col16 input:checked + .txt{border-color:#8979B6;color:#8979B6;background-color:#F1EFF6;background-image:url(../images/user/subj_chk_col16_on_ic.png)}
.subj_chk.col17 input:checked + .txt{border-color:#95C5A3;color:#95C5A3;background-color:#F2F8F3;background-image:url(../images/user/subj_chk_col17_on_ic.png)}
.subj_chk.col18 input:checked + .txt{border-color:#9FD785;color:#9FD785;background-color:#F2F8F3;background-image:url(../images/user/subj_chk_col18_on_ic.png)}
.subj_chk.col19 input:checked + .txt{border-color:#BEA982;color:#BEA982;background-color:#F7F5EF;background-image:url(../images/user/subj_chk_col19_on_ic.png)}
.subj_chk.col20 input:checked + .txt{border-color:#C4A1CE;color:#C4A1CE;background-color:#F9F5FA;background-image:url(../images/user/subj_chk_col20_on_ic.png)}
.flex_box .subj_chk{margin-right:0}
.subj_box.col01{background-color:#F3FBFB;}
.subj_box.col02{background-color:#F6F9FF;}
.subj_box.col03{background-color:#FFF8F8;}
.subj_box.col04{background-color:#FEE7EA;}
.subj_box.col05{background-color:#EDF3F7;}
.subj_box.col06{background-color:#FAF0F9;}
.subj_box.col07{background-color:#FDE7F0;}
.subj_box.col08{background-color:#DFEEF9;}
.subj_box.col09{background-color:#F3F4F5;}
.subj_box.col10{background-color:#FBFCF6;}
.subj_box.col11{background-color:#FDF2E4;}
.subj_box.col12{background-color:#FDF0E9;}
.subj_box.col13{background-color:#FCECE8;}
.subj_box.col14{background-color:#FAEAEC;}
.subj_box.col15{background-color:#EBEDF6;}
.subj_box.col16{background-color:#F1EFF6;}
.subj_box.col17{background-color:#F2F8F3;}
.subj_box.col18{background-color:#F2F8F3;}
.subj_box.col19{background-color:#F7F5EF;}
.subj_box.col20{background-color:#F9F5FA;}

.drag_table .sortable-ghost{border:1px dashed #6B6B6B}
.drag_table .sortable-swap-highlight{background:#F5F5F6}

/* accd_table */
.table_wrap.accd_table table{min-width:1280px}
.accd_table .accd_hd{display:none}
.accd_table .fxd.accd_hd{display:revert}
.accd_table .accd_btn{display:flex;align-items:center;height:20px;position:absolute;top:50%;right:20px;padding-left:12px;margin-top:-10px;font-size:12px;color:#666;font-weight:400;text-decoration:none;background:url(../images/user/accd_arrow.png) no-repeat 0 50%}
.accd_table .accd_btn.accd_on{background-image:url(../images/user/accd_right_arrow.png)}
.t_list .class{display:inline-block;width:20px;height:20px;border-radius:3px;font-weight:600;line-height:20px;text-align:center;letter-spacing:0;background:#eee}
.t_list .class.col06{color:#636977;background:#D8D9DD}
.t_list .gender{display:inline-block;width:20px;height:20px;border:1px solid #000;border-radius:3px;font-size:12px;line-height:20px;color:#000;text-align:center;letter-spacing:0;background:#fff}
.t_list .name{width:100%;margin-top:6px;font-size:14px;font-weight:600;color:#000}
.t_list .grade{display:inline-block;padding:4px 10px;border-radius:5px;font-weight:600;color:#777;font-size:12px;line-height:1;background:#ECECEC}
.wide_box.on{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;z-index:999;padding:15px;}

.bacth_wrap{border-radius:5px;border:1px solid #E5E5E5;height:calc(100% - 60px);}
.bacth_wrap table.t_list thead tr th[colspan]{position:relative;border-left:1px solid #EFEFEF;border-color:#EFEFEF;font-size:13px;background:#FAFAFA}
.bacth_wrap table.t_list thead tr.accd_tr th{background:#fff}
.bacth_wrap table.t_list tbody tr td{text-align:left;border-color:#EFEFEF;}
.bacth_wrap table.t_list tbody tr td.fxd{border-left:1px solid #ccc}
.bacth_wrap table.t_list tbody tr td.scroll_fxd::after{content:'';display:block !important;position:absolute;top:0;right:0;width:1px;height:100%;transform:translateY(0);background:#ccc}
.bacth_wrap .label{padding:4px 12px;margin-right:5px;border:1px solid #5381F2;font-size:12px;color:#5381F2}
.bacth_wrap .num{color:#AFAFAF}
.bacth_wrap .ic_btn.del{width:28px;min-width:28px;height:28px;border:0;margin-left:5px;background:url(../images/user/ic_btn_bacth_del_ic.png) #AFAFAF no-repeat 50% 50%}
.bacth_wrap .subj_cont .tit{font-size:14px;font-weight:600;color:#000}
.bacth_wrap .subj_cont .desc{margin-top:4px;font-size:13px;color:#666}
.bacth_wrap .subj_cont dt{margin-bottom:4px;font-weight:600;color:#000}
.bacth_wrap .subj_cont dt::before{content:'';display:inline-block;position:relative;top:-2px;width:3px;height:3px;border-radius:50%;margin-right:4px;border-radius:50%;background:#5380F2;vertical-align:middle}
.drag_postn .postn_gp > li + li{border-left:1px solid #EFEFEF}
.drag_postn th .postn_gp > li{padding:0 10px;background:#fff}
.drag_postn table.t_list tbody tr td + td{border-left:1px solid #ccc}
.vac_wrap table.t_list tbody tr td.scroll_fxd:nth-child(2)::after{content:'';display:block !important;position:absolute;top:0;right:0;width:1px;height:100%;transform:translateY(0);background:#ccc}
.etc_vac + .etc_vac{margin-top:10px;padding-top:10px;border-top:1px solid #EFEFEF}
.vac_info .label{color:#777;background:#ECECEC;}
.vac_info .yn{color:#fff;background:#9598A0}
.vac_info .yn.col02{background:#0D318C}
.vac_info .yn2{border:1px solid #0D318C;color:#0D318C;background:#fff}
.vac_info .yn2.col02{border:1px solid #EF4529;color:#EF4529;}
.vac_info .yn3{color:#ffffff;background:#db5248}
.vac_info .yn3.col02{color: #ffffff;background:#57af30;}
.vac_cont dl{display:flex;align-items:center;font-weight:500;font-size:14px;color:#333}
.vac_cont dt::after{content:'';display:inline-block;width:1px;height:10px;margin:0 6px;background:#E5E5E5}
.atted_summary{display:flex;justify-content:space-between;padding:30px;margin-bottom:20px;border-radius:5px;border:1px solid #E4E7EC;background:#F6F7FA}
.atted_summary dl{flex:1;padding:30px 15px;border-radius:5px;text-align:center;background:#fff}
.atted_summary dt{color:#828287}
.atted_summary dd{padding-top:20px;font-weight:600;font-size:20px;color:#000}
.atted_cal{position:relative;border:1px solid #ddd;border-radius:5px;padding:50px 15px;}
.atted_cal .cal_top{position:absolute;top:50px;left:0;width:100%;padding:0 60px;margin-bottom:20px;}
.atted_cal .cal_month{display:flex;align-items:center;justify-content:center;}
.atted_cal .cal_month .date{padding:0 20px;font-weight:600;color:#333;font-size:30px;white-space:nowrap}
.atted_cal .cal_month a{width:30px;height:30px;border-radius:50%;background:#CACBD0 no-repeat 50% 50%}
.atted_cal .cal_month .cal_prev{background-image:url(../images/user/atted_cal_prev.png)}
.atted_cal .cal_month .cal_next{background-image:url(../images/user/atted_cal_next.png)}
.atted_cal .cal_month .disabled{opacity:0.5}
.cal_table table thead th{text-align:center;color:#828287}
.cal_table table td{border:10px solid #fff;}
.cal_table .day_cont{position:relative;width:100%;height:100%;padding:10px;border-radius:5px;background:#F8F8F8}
.cal_table .day_cont .day{display:block;margin-bottom:10px;font-weight:600;color:#5C5C5C}
.cal_table .day_cont .attend_write{display:block;width:80px;height:24px;padding:0;margin:0 auto;border:0;border-radius:3px;font-size:14px;color:#7F7F7F;background:#D4D4D4}
.cal_table .day_cont .attend_write span{padding:0;padding-left:12px;line-height:24px;background:url(../images/user/attend_ic.png) no-repeat 0 50%}
.cal_table .day_cont .attend_view{display:block;width:80px;height:24px;padding:0;margin:0 auto;border:0;border-radius:3px;font-size:14px;color:#fff;background:#0F3188}
.cal_table .day_cont.out{opacity:0.3;background:#fff}
.cal_table .day_cont.holi .day{color:#EC5A50}
.cal_table .day_cont .holi_name{position:absolute;top:15px;right:15px;font-size:12px;color:#B0B0B0} 
.cal_table .day_cont .holiday{padding-top:32px;text-align:center;font-weight:500;color:#333;background:url(../images/user/holiday_ic.png) no-repeat 50% 0}
.cal_table .cont_list li{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#333}
.cal_table .cont_list .label{padding:3px 4px;border-radius:3px;margin-right:3px;font-size:12px;color:#fff;line-height:1;}
.cal_table .cont_list .label.col01{background:#5380F2}
.cal_table .cont_list .label.col02{background:#0C1C42}
.cal_table .cont_list .label.col03{background:#636977}
.cal_table .cont_list .label.col04{background:#EC5B50}
.cal_table .cont_list .label.col05{background:#F38A35}
.cal_table .today-label{display:block;position:absolute;left:5px;top:5px;width:26px;height:26px;border-radius:50%;border:2px solid red;}
.cal_table .tooltip_wrap .time{padding-left:6px;white-space:nowrap;color:#aaa}
.cal_table .ic_btn.del{width:28px;min-width:28px;height:28px;border:0;margin-left:5px;background:url(../images/user/ic_btn_bacth_del_ic.png) #AFAFAF no-repeat 50% 50%}
.cal_table .ic_btn.del_sm{width:16px;min-width:16px;height:16px;background:url(../images/user/guide_close_hover.png) no-repeat 50% 50%;border:0;}
.atted_cal .cal_table .day_cont .holiday{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:0;padding-left:20px;background-position:0 50%;background-size:16px;font-size:14px;text-align: left;} /*출석부 캘린더 휴일 표시 작게*/
.atted_cal .cal_table .cont_list{padding-top:7px;border-top:1px solid #ccc;width:calc(100%);} /*위에 휴일 있을때 보더탑,패딩*/
.atted_cal .cal_table .cont_list li{margin-left:0;overflow: visible;text-overflow:unset;}
.attend_pop{display:none;/* position:absolute; */position:fixed;top:50%;left:50%;z-index:10;width:370px;padding:20px;border:1px solid #1B294D;border-radius:10px;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);background:#fff;transform:translate(-50%, -50%)}
.attend_pop .day_tit{font-weight:600;font-size:20px;color:#333}
.attend_pop .attend_type{display:flex;flex-wrap:wrap;padding-top:10px;border-top:1px solid #E5E5E5;}
.attend_pop .btn01{flex:1;padding:6px 15px;border:1px solid #1B294D;border-radius:5px;font-size:13px;color:#1B294D;text-align:center;background:#fff}
.attend_pop .btn01.col02{background:#1B294D;color:#fff}
.bulk_info{color:#5181f8}
.filedown + .filedown{margin-top:10px;padding-top:10px;border-top:1px solid #EFEFEF}
.atted_cal.hldy .cal_table .cont_list li{display:flex;justify-content: space-between;align-items: center;}
.atted_cal.hldy .cal_table .cont_list li .label + span{width:calc(100% - 40px);overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.write_flex{display:flex;flex-wrap:wrap;border:1px solid #ddd}
.write_flex .table_gp{width:65%;border-left:1px solid #ddd}
.write_flex .cal_table .day_cont .holiday{padding:0;background:none;color:#EC5A50}
.wait_wrap .tit{padding-top:130px;margin-bottom:20px;font-size:46px;color:#111;background:url(../images/user/page_wait_ic.png) no-repeat 50% 0}
.wait_wrap .desc{font-weight:500;font-size:18px;color:#111;line-height:1.6}
.calc_wrap{display:flex;overflow:hidden;flex-wrap:wrap;justify-content:center;padding:25px 30px;border:1px solid #e5e5e5;border-radius:5px;background:#f6f7fa;}
.calc_wrap .calc_ico_wrap{width:calc(((100% - 70px) / 3) + 35px); padding-right:35px;background-repeat: no-repeat;background-position: calc(100% - 8px) 50%;}
.calc_ico_wrap.calc01{background-image: url(../images/common/calc_ico01.png);}
.calc_ico_wrap.calc02{background-image: url(../images/common/calc_ico02.png);}
.calc_ico_wrap.calc03{background-image: url(../images/common/calc_ico03.png);}
.calc_ico_wrap.calc04{background-image: url(../images/common/calc_ico04.png);}
.calc_ico_wrap.calc05{background-image: url(../images/common/calc_ico05.png);}
.calc_ico_wrap.calc06{background-image: url(../images/common/calc_ico06.png);}
.calc_ico_wrap.calc07{background-image: url(../images/common/calc_ico07.png);}
.calc_ico_wrap.calc08{background-image: url(../images/common/calc_ico08.png);}
.calc_ico_wrap.calc09{background-image: url(../images/common/calc_ico09.png);}
.calc_ico_wrap.calc10{background-image: url(../images/common/calc_ico10.png);}
.calc_ico_wrap.calc11{background-image: url(../images/common/calc_ico11.png);}
.calc_ico_wrap.calc12{background-image: url(../images/common/calc_ico12.png);}
.calc_box{position:relative;height:120px;display:flex;align-items: center;padding:15px 35px;border-radius:10px;background:#fff;}
.calc_box.type1::before{background-image: url(../images/common/calc_type1_prev.png);} /*type1 - 중괄호*/
.calc_box.type1::after{background-image: url(../images/common/calc_type1_next.png);}
.calc_box.type2::before{background-image: url(../images/common/calc_type2_prev.png);} /*type2 - 대괄호*/
.calc_box.type2::after{background-image: url(../images/common/calc_type2_next.png);}
.calc_box.type3::before{background-image: url(../images/common/calc_type3_prev.png);} /*type3 - 소괄호*/
.calc_box.type3::after{background-image: url(../images/common/calc_type3_next.png);}

.calc_box > div:first-child{width:100%;min-width:120px;text-align: center;}
.calc_box > div > p{padding:10px 0;font-size:20px;color:#01050e;font-weight:500;}
.calc_box > div > p + p{border-top:1px solid #e5e5e5;}
.calc_box input.sty{background:#fbfbfc;color:#333;font-weight:500;}
.calc_box input.sty::-webkit-input-placeholder{color:#333 !important;font-weight:500 !important;}
.calc_box input.sty::placeholder{color:#333 !important;font-weight:500 !important;}
.table_wrap.eval tr td .flex_box span{display:inline-block;color:#aaa;font-weight:500;}
.calcPop .calc_wrap .calc_ico_wrap{width:100%;padding-right:0;padding-bottom:35px;background-position: 50% calc(100% - 2px);}
.calcPop .calc_tot span{padding-left:30px;font-size:18px;color:#1a1a1a;font-weight:600;background:url(../images/common/calc_ico08.png) no-repeat 0 50%;}
.list_txt + .list_txt {padding-top: 20px;}
.list_txt .label_tit {display: inline-block;font-weight: 600;padding: 4px 11px;border-radius: 45px; margin-bottom: 15px;}
.list_txt.pointColor .label_tit {color: #066c70;background: #e6f0f0;}
.list_txt.pointColor2 .label_tit {color: #417abb;background: #e2ebf6;}
.list_txt .dot_list li {font-size: 16px;padding-left: 13px; line-height: 1.4;}
.list_txt .dot_list li + li {margin-top: 10px;}
.list_txt .dot_list li:before {width: 5px;height: 5px;top: 8px;}
.list_txt .dot_list li em {display: block; font-size: 16px;}
.list_txt.pointColor .dot_list li:before {background: #066c70;}
.list_txt.pointColor2 .dot_list li:before {background: #417abb;}
.dot_list li.in>ul {padding: 10px 0;}
.dot_list li.in>ul>li {display: flex;padding-left: 0;font-size: 15px;}
.dot_list li.in>ul>li + li {margin-top: 5px;}
.dot_list li.in>ul>li:before {content: '-';background: none !important;width: auto;height: auto;position: inherit;top: 0;margin-right: 5px;}
em.alert {color: #066c70; font-weight: 500; font-size: 14px;}
.round_box {border-radius: 10px;border: 1px solid #e5e5e5;padding: 20px;}
.organization_wrap {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;font-size: 15px;font-weight: 600;color: #444;padding: 30px;}
.organization_wrap:after {content: '';display: block;position: absolute;z-index: -1;width: 1px;height: 80%;top: 30px;left: 50%;background: #ccc;}
.organi_box {border-radius: 5px;font-size: 16px;color: #066c70;display: flex;height: 65px;align-items: center;border: 1px solid #83b3b5;background: #f2f8f8;width: 200px;justify-content: center;}
.organi_box.top {color: #fff;background: #066c70;font-size: 18px;margin-bottom: 30px;}
.organ {width: 200px;border-radius: 5px;border: 1px solid #ccc;display: flex;align-items: center;height: 48px;justify-content: center;background: #fff;}
.organization_wrap .right {padding-left: 460px;position: relative;}
.organization_wrap .right:before {content: '';position: absolute;left: 50%;top: 50%;width: 50%;height: 1px;background: #ccc;z-index: -1;}
.organi_list>ul {display: flex;flex-direction: column;gap: 5px;background: #fff;}
.info_wrap {display: flex; gap: 20px;}
.info_wrap .info_box {padding: 35px 40px; border-radius: 10px; border: 1px solid #e5e5e5; width: 100%; background: #f8f8f9;}
.info_wrap .info_box .list_txt {padding-top: 15px;}
.info_wrap .info_box .ico {display: inline-block; vertical-align: middle; margin-right: 3px; width: 22px; height: 22px; background: url(/images/user/ic_chk.png) no-repeat center;}
.info_wrap .info_box .ico.type2 {background-image: url(/images/user/ic_no.png);}
.info_box .cont_subtit .alert {padding-left: 5px;}
.cont_bg_box {display: flex; align-items: center; height: 300px; padding: 50px; border-radius: 10px; overflow: hidden; margin-bottom: 50px;}
.cont_bg_box.practice01 {background: url(/images/user/bg_practice_01.png) no-repeat; background-size: cover;}
.cont_bg_box .bg_txt {color: #fff; font-size: 18px; font-weight: 500; line-height: 1.4; text-shadow: 2px 2px 5px rgba(105,105,105,0.5);}
.cont_bg_box .bg_txt>p {font-size: 26px; padding-bottom: 10px; font-weight: 600; letter-spacing: 0;}

.process_info {padding: 30px;}
.process_info>ul.top, .process_info>ul.process>li {display: grid; grid-template-columns: 200px 70px 200px 70px 200px; justify-content: center;}
.process_info>ul.top, .process_info>ul.process {width: fit-content; margin: 0 auto;}
.process_info>ul.process {padding-top: 20px; position: relative; z-index: 1;}
.process_info>ul.process .line {position: absolute; left: 100px; top: 0; display: block; width: 1px; height: 100%; z-index: -1; border: 1px dashed #ddd;}
.process_info>ul.process .line.second {left: 50%;}
.process_info>ul.process .line.third {left: auto; right: 100px;}
.process_info>ul.process>li + li {padding-top: 20px;}
.process_info .top .sky {grid-column: 1;}
.process_info .top .gr {grid-column: 3;}
.process_info .top .yg {grid-column: 5;}
.process_info .box {position: relative; min-width: 200px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #bbb; background: #f9f9f9; font-size: 14px; font-weight: 500; color: #444; padding: 13px 5px;}
.process_info .box .arrow {content: ''; position: absolute; left: 50%; top: -7px; margin-left: -4px; display: block; width: 0; height: 0; border-top: 7px solid #ddd; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.process_info .box .arrow.left {margin-left: 0; left: 95px;}
.process_info .box .arrow.right {margin-left: 0; left: auto; right: 95.5px;}
.process_info .box.yg .arrow {margin-left: -5.5px;}
.process_info .process .box.yg:before {margin-left: -5.5px;}
.process_info .top .box {color: #fff; font-size: 16px; font-weight: 500;}
.process_info .top .sky .box {border-color: #6c9bd1; background: #6c9bd1;}
.process_info .top .gr .box {border-color: #066c70; background: #066c70;}
.process_info .top .yg .box {border-color: #abcd05; background: #abcd05;}
.process_info .box.sky {grid-column: 1; border-color: #9dbce0; background: #f0f5fa;}
.process_info .box.gr {grid-column: 3; border-color: #83b3b5; background: #f2f8f8;}
.process_info .box.yg {grid-column: 5; border-color: #abcd05; background: #f6fae6;}
.process_info .box.col_span2 {grid-column: 3 / span 3;}
.process_info .box.col_span3 {grid-column: span 5;}

.table_wrap.period_tbl table.t_list tbody td {position: relative; height: 70px;}
.period_tbl td > .period {display: block; height: 40px; width: calc(100% + 1px); position: absolute; left: 0; top: 14px; z-index: 1;}
.period_tbl td > .period.last {width: calc(100% - 20px);}
.period_tbl td > .period.last:before {content: ''; position: absolute; right: -20px; top: -9px; width: 0; height: 0; border-left: 20px solid #e2ebf6; border-top: 29px solid transparent; border-bottom: 30px solid transparent;}
.period_tbl td > .period.blue {background: #e2ebf6;}
.period_tbl td > .period.mint {background: #e6f0f0;}
.period_tbl td > .period.mint.last:before {border-left-color: #e6f0f0;}
.period_tbl td > .period.green {background: #eef5cd;}
.period_tbl td > .period.green.last:before {border-left-color: #eef5cd;}
.period_tbl td > .period.orange {background: #fdecd5;}
.period_tbl td > .period.orange.last:before {border-left-color: #fdecd5;}