@charset "utf-8";
[v-cloak] { display: none; }
body{font-size:15px;color:#666;line-height:1.2;letter-spacing:-1px;background:#fafafa}

/* layout */
.inner{width:1280px;padding:0 15px;margin:0 auto}
.select select{width:100% !important}

/* scroll */
body *::-webkit-scrollbar-track{background-color:#E0E0E0}
body *::-webkit-scrollbar{width:4px;height:6px;background-color:#E0E0E0;}
body *::-webkit-scrollbar-thumb{background-color:#B81C2B;border-radius:50px}

/* header */
.header{position:relative;z-index:100;border-bottom:1px solid #eee;background:#fff}
.header_top{padding:8px 0;background:#B81C2B;color:#fff;font-size:14px}
.header_top .inner{display:flex;align-items:center;justify-content:flex-end}
.header_top .logout{margin-left:10px;padding:5px 10px;border-color:#fff;color:#fff;font-size:13px;background:none;}
.header_top p, 
.header_top button{white-space:nowrap;}
.gnb_wrap{height:90px;border-bottom:1px solid #eee}
.gnb_wrap a:hover{opacity:1}
.gnb_wrap .inner{display:flex;align-items:center;justify-content:space-between;position:relative;height:100%;}
.gnb_wrap .logo{display:block;width:132px;height:46px;background:url(/images/common/syworks_logo.png) no-repeat 50% 50%}
.gnb_wrap .gnb{display:flex;align-items:center;position:relative;left:45px;z-index:10;height:100%;padding:20px 0;}
.gnb_wrap .gnb > li{position:relative;padding:0 45px;}
.gnb_wrap .gnb > li > a{font-weight:500;font-size:18px;color:#333}
.gnb_wrap .gnb > li.on > a{color:#B81C2B}
.gnb_wrap .depth2{display:none;position:absolute;top:50px;left:0;width:100%;height:360px;padding-left:30px;padding-top:30px}
.gnb_wrap .depth2 > li + li{margin-top:10px}
.gnb_wrap .depth2 > li > a{position:relative;line-height:1.2;font-size:15px}
.gnb_wrap .depth2 > li > a::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:transparent;opacity:1;transition:0.3s}
.gnb_wrap .depth2 > li > a:hover{color:#B81C2B}
.gnb_wrap .depth2 > li > a:hover::before{left:-8px;background:#B81C2B}
.gnb_wrap .depth3{padding-left:10px}
.gnb_wrap .depth3 a{font-size:14px;color:#777}
.gnb_wrap .depth3 a::before{content:'- '}
.gnb_wrap .depth3 a:hover{text-decoration:underline;color:#B81C2B}
.gnb_wrap .depth3 li{margin-top:8px}
.gnb_wrap .gnb_bg{display:none;position:absolute;top:90px;left:50%;width:100vw;height:380px;margin-left:-50vw;background:#fff;box-shadow:0 10px 10px 4px rgba(0,0,0,0.05)}
.gnb_wrap .gnb:hover .depth2,
.gnb_wrap .gnb:hover + .gnb_bg{display:block}

/* contents */
.contents{background:#fafafa}
.contents .inner{display:flex;flex-wrap:wrap;padding-top:20px;}
.contents .lnb{display:none;width:240px;border-right:1px solid #eee;border-left:1px solid #eee;background:#fff}
.contents .cont_wrap{width:100%;min-height:600px;padding:40px 0}
.contents .cont_section{min-height:300px;padding:30px;border:1px solid #eee;background:#fff}
.cont_box + .cont_box{margin-top:40px}

/* footer */
.footer{padding:20px 0;color:#eee;background:#333;text-align:center}
.footer a{color:#eee;font-size:14px}
.footer .terms{display:flex;align-items:center;justify-content:center;}
.footer .terms li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background:#ccc}
.footer .copy{margin-top:10px;font-weight:300;font-size:12px;}
.footer .btn01{border-color:#fff;background:none;color:#fff}
.footer .tooltip_cont{color:#000}
.footer .tooltip_cont .btn01{border-color:#B81C2B;color:#B81C2B}
/* lnb */
.contents .lnb_list{padding:10px}
.contents .lnb_list > li > a{display:block;padding:15px;border-radius:5px;color:#333}
.contents .lnb_list > li + li{border-top:1px solid #eee;}
.contents .lnb_list > li.on > a{color:#fff;background:#B81C2B;}

/* page_top */
.page_top{display:flex;/* align-items:center;justify-content:space-between */flex-wrap:wrap;}
.page_top .page_tit{font-size:22px;font-weight:600;color:#000}
.page_top .page_tit button{display:none}

/* navigation */
.navigation{padding:20px 0;width:100%;}
.navigation ul{display:flex;align-items:center;font-size:14px}
.navigation li + li{padding-left:20px;background:url(/images/common/nav_arrow.png) no-repeat 8px 50%}

/* login_wrap */
.login_wrap.contents{padding:0;height:100%;min-height:100vh;}
.login_wrap{display:flex;flex-wrap:wrap;position:relative;height:100vh;min-height:900px;margin:0 auto;padding:0;background:#fff}
.login_wrap input{width:100%}
.login_wrap .login_left{display:flex;align-items:flex-end;position:relative;width:calc(100% - 580px);padding:0 40px 0 90px;background:no-repeat url(/images/common/login_bg.jpg) 50% 50%;background-size:cover}
.login_wrap .login_right{width:580px;padding:50px 100px;padding-bottom:130px;background:url(/images/common/login_char_gif.gif) no-repeat 100% 100%}
.login_wrap .login_left .img_wrap{position:absolute;left:0;width:100%;height:100%;background:url(/images/common/login_bg_img.jpg) no-repeat 0 0 / cover;}
/* .login_wrap .login_left .img_wrap > ul{display:flex;width:100%;height:50%;}
.login_wrap .login_left .img_wrap > ul li{width:25%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.login_wrap .login_left .img_wrap > ul li.dp1{background-image: url(/images/common/login_dp01.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp2{background-image: url(/images/common/login_dp02.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp3{background-image: url(/images/common/login_dp03.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp4{background-image: url(/images/common/login_dp04.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp5{background-image: url(/images/common/login_dp05.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp6{background-image: url(/images/common/login_dp06.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp7{background-image: url(/images/common/login_dp07.jpg);}
.login_wrap .login_left .img_wrap > ul li.dp8{background-image: url(/images/common/login_dp08.jpg);} */
.login_wrap .login_left .login_dim{position:absolute;left:0;width:100%;height:100%;background:url(/images/common/login_dim.png) no-repeat 50% 50% / cover;}
.login_wrap .login_left .text_wrap{position:relative;padding-bottom:150px;text-align:left}
.login_wrap .login_left .text_wrap p{color:#fff;}
.login_wrap .login_left .login_tit{margin-bottom:20px;font-size:37px;}
/* .login_wrap .login_left .login_tit::before{content:'';display:block;position:absolute;left:0;bottom:0;width:227px;height:133px;background:url(/images/common/comm_fly_swwu.png) no-repeat;} */
.login_wrap .login_left .login_tit > span{font-size:34px;font-weight:900;}
.login_wrap .login_left .login_tit strong{text-shadow:0 0 20px rgba(0,0,0,0.5)}
.login_wrap .login_left .login_desc{font-weight:300;font-size:15px;line-height:1.5}
.login_wrap .logo_wrap{width:210px;height:52px;margin:0 auto 95px;background:url(/images/common/kookmin_logo.png) no-repeat 50% 50% / 210px}

.login_wrap .login_box{width:100%;}
.login_wrap .login_input{margin-top:30px}
.login_wrap .desc{margin-top:30px;font-size:17px;color:#222}
.login_wrap .input_box + .input_box{margin-top:20px}
.login_wrap .input_box input{height:45px;padding-left:30px;border:0;border-bottom:1px solid #000;border-radius:0;color:#000;background:#fff no-repeat 0 50%}
.login_wrap .input_box input.id_input{background-image:url(/images/common/login_id_ic.png)}
.login_wrap .input_box input.pw_input{background-image:url(/images/common/login_pw_ic.png)}
.login_wrap .input_box input.id_input:focus{background-image:url(/images/common/login_id_focus_ic.png)}
.login_wrap .input_box input.pw_input:focus{background-image:url(/images/common/login_pw_focus_ic.png)}
.login_wrap .input_box input:focus{border-color:#BA1823;}
.login_wrap .input_box input::placeholder{color:#000}
.login_wrap .loginBtn{display:block;width:100%;height:68px;border:0;margin-top:40px;border-radius:8px;line-height:68px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(to right, #E22633, #A9151D)}
.login_wrap .warn{margin-top:15px;font-size:16px;color:#999;}
.login_wrap .quick_login{margin-top:20px}
.login_wrap .comp_join{display:flex;padding:15px 0;margin-top:40px;border:1px solid #E4E4E4;border-radius:5px}
.login_wrap .comp_join li{position:relative;flex:1}
.login_wrap .comp_join li + li::before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:#E5E5E5}
.login_wrap .comp_join a{display:block;width:100%;height:100%;padding:0 10px;text-align:center;font-size:14px;color:#222}
.login_wrap .comp_join a span{display:inline-block;padding:5px 0;padding-left:30px;background:no-repeat 0 50%}
.login_wrap .comp_join .join span{background-image:url(/images/common/login_comp_join_ic.png)}
.login_wrap .comp_join .join_chk span{background-image:url(/images/common/login_comp_join_chk_ic.png)}
.login_wrap .footer{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;height:70px;text-align:left;background:none;font-size:13px;color:#BDBDBD;}
.login_wrap .footer .terms{justify-content:flex-start;padding-left:90px}
.login_wrap .footer .terms a{color:#fff;}
.login_wrap .footer .copy{width:580px;padding:0 80px;text-transform:uppercase;letter-spacing:0;font-size:13px}
.login_wrap .quick_login{position:absolute;top:40px;left:40px;z-index:10;max-width:500px}
.login_wrap .quick_login .btn01{margin:4px;border:1px solid #fff;background:none;}
.login_wrap .login_intro{position:absolute;bottom:120px;right:165px;padding:10px 15px;border:2px solid #000;border-radius:50px;background:#fff;font-weight:600;font-size:14px;color:#000;}
.login_wrap .login_intro::after{content:'';display:block;position:absolute;bottom:-12px;right:25px;width:18px;height:12px;background:url(/images/common/login_gif_dot.png) no-repeat 0 0}


/* login_box js_tab */
.login_box .js_tab{display:flex;}
.login_box .js_tab li{margin-right:20px}
.login_box .js_tab li a{display:block;position:relative;padding-top:10px;font-weight:400;color:#7E7E7E;font-size:17px;}
.login_box .js_tab li a::before{content:'';display:block;position:absolute;top:0;left:50%;overflow:hidden;width:0;height:4px;background:#EA2635;transform:translateX(-50%);transition:0.3s}
.login_box .js_tab li.on a{font-weight:500;color:#EA2534}
.login_box .js_tab li.on a::before{width:100%;}

/* btn */
.btn01{display:inline-block;padding:8px 18px;border-radius:50px;border:1px solid #B81C2B;color:#B81C2B;background:#fff}
.btn01:active{transform:scale(0.95)}
.btn01.col02{color:#fff;background:#B81C2B}
.btn01.col03,
.table_wrap .btn01.col03{border-color:#999;color:#999;background:#fff}
.btn01 + .btn01{margin-left:5px}
.table_wrap .btn01,
.table_top .btn01{padding:5px 10px;font-size:13px;text-decoration:none;}
.table_wrap .btn01{border-color:#6b6b6b;color:#6b6b6b}
.table_wrap .btn01.col02{background:#6b6b6b;color:#fff}

/* page_btn */
.page_btn{overflow:hidden;margin-top:20px}
.page_btn .btn01{padding:10px 30px;border-radius:5px;}
.page_btn .f_left{float:left}
.page_btn .f_right{float:right}

/* btn_wrap */
.btn_wrap{margin-top:20px;}
.btn_wrap.flex_between{display:flex;align-items:center;justify-content:space-between;}

.btn01 .write{padding-left:17px;background:url(../images/user/btn_write_ic.png) no-repeat 0 50%}
.btn01 .add{padding-left:18px;background:url(../images/user/btn_add_ic.png) no-repeat 0 50%}
.btn01 .pool_add{padding-left:16px;background:url(../images/user/btn_pool_add_ic.png) no-repeat 0 50%}
.btn01 .user_add{padding-left:16px;background:url(../images/user/btn_user_add_ic.png) no-repeat 0 50%}
.btn01 .copy{padding-left:18px;background:url(../images/user/btn_copy_ic.png) no-repeat 0 50%}
.btn01 .req_chk{padding-left:18px;background:url(../images/user/btn_req_chk_ic.png) no-repeat 0 50%}
.btn01 .search{padding-left:20px;background:url(../images/user/search_btn_ic.png) no-repeat 0 50%}
.btn01 .pass_chg{padding-left:20px;background:url(../images/user/btn_pass_chg_ic.png) no-repeat 0 50%}
.btn01 .select{padding-left:23px;background:url(../images/user/btn_select_ic.png) no-repeat 0 50%}
.btn01 .excel{padding-left:20px;background:url(../images/user/btn_excel_ic.png) no-repeat 0 50%}
.btn01 .comp_search{padding-left:28px;background:url(../images/user/btn_comp_search_ic.png) no-repeat 0 50%}
.btn01 .dept_search{padding-left:28px;background:url(../images/user/btn_dept_search_ic.png) no-repeat 0 50%}
.btn01 .dept_resi{padding-left:20px;background:url(../images/user/btn_dept_resi_ic.png) no-repeat 0 50%}
.btn01 .doc_search{padding-left:20px;background:url(../images/user/btn_doc_search_ic.png) no-repeat 0 50%}
.btn01 .cal_search{padding-left:25px;background:url(../images/user/btn_cal_search_ic.png) no-repeat 0 50%}
.btn01 .cal_search2{padding-left:25px;background:url(../images/user/btn_cal_search2_ic.png) no-repeat 0 50%}
.btn01 .resu_search{padding-left:18px;background:url(../images/user/btn_resu_search_ic.png) no-repeat 0 50%}
.btn01 .down_ic{padding-left:16px;background:url(../images/user/btn_down_ic.png) no-repeat 0 50%}
.btn01 .print_ic{padding-left:16px;background:url(../images/user/btn_print_ic.png) no-repeat 0 50%}
.btn01 .doc_down{padding-left:18px;background:url(../images/user/btn_doc_down_ic.png) no-repeat 0 50%}
.btn01 .comp_ok{padding-left:20px;background:url(../images/user/btn_comp_ok_ic.png) no-repeat 0 50%}
.btn01 .call{padding-left:17px;background:url(../images/user/btn_call_ic.png) no-repeat 0 50%}
.btn01 .edit{padding-left:20px;background:url(../images/user/btn_edit_ic.png) no-repeat 0 50%}
.btn01 .del{padding-left:20px;background:url(../images/user/ic_btn_del_ic.png) no-repeat 0 50%}
.btn01 .auto{padding-left:18px;background:url(../images/user/ic_btn_auto_ic.png) no-repeat 0 50%}
.btn01 .reset{padding-left:16px;background:url(../images/user/ic_btn_reset_w_ic.png) no-repeat 0 50%}
.btn01 .screen{padding-left:18px;background:url(../images/user/ic_btn_screen_ic.png) no-repeat 0 50%}
.btn01 .list_chk{padding-left:20px;background:url(../images/user/ic_btn_list_chk_ic.png) no-repeat 0 50%}

.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 + .ic_btn{margin-left:4px}
.ic_btn.add{background-image:url(../images/user/ic_btn_add_ic.png)}
.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.file{background-image:url(../images/user/ic_btn_file_ic.png)}
.ic_btn.search{border-color:#1B294D;background-color:#1B294D;background-image:url(../images/user/search_btn_ic.png)}
.ic_btn.reset{background-image:url(../images/user/ic_btn_reset_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.print{background-image:url(../images/user/ic_btn_print_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{background-image:url(../images/user/ic_btn_user_view_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.doc_view{background-image:url(../images/user/ic_btn_doc_view_ic.png)}
.ic_btn.doc_view2{background-image:url(../images/user/ic_btn_doc_view2_ic.png)}
.ic_btn.next{border-radius:50%;background-image:url(../images/user/ic_btn_next_ic.png)}
.ic_btn.edit{background-image:url(../images/user/ic_btn_edit_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)}


/* check  / radio */
.check,
.radio{display:inline-block;cursor:pointer;position: relative;overflow:hidden;margin-right:20px}
.radio input,
.check 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;}
.check{width:auto;height:auto;min-height:auto;padding:0;text-align:center}
.check .txt{padding:0 2px 0 0;font-size:14px;}
.check .txt,
.radio .txt{line-height:18px}
.check .txt::before{content:'';display:inline-block;position:relative;top:-1px;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:3px;vertical-align:middle;background:#eee;box-sizing:border-box}
.check input + .txt::before{background:#fff;}
.check input:checked + .txt::before,
.check input:checked + input + .txt::before{border-color:#B81C2B;background:url(/images/common/check_ic.png) no-repeat 50% 50%;background-size:auto}
.radio{width:auto;height:auto;min-height:auto;padding:0;text-align:center}
.radio .txt::before{content:'';display:inline-block;position:relative;top:-1px;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:50%;vertical-align:middle;background:#fff no-repeat 50% 50%;box-sizing:border-box}
.radio .txt{padding:0 2px;font-size:14px;}
.radio input:checked + .txt::before,
.radio input:checked + input + .txt::before{position:relative;border-color:#B81C2B;background-image:url(/images/common/check_ic.png)}
.radio input:checked + .ico::after{content:'';display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#B81C2B;transform:translate(-50%,-50%)}
.table_wrap .t_list .check,
.input_dl_gp .check{margin:0 20px}
.table_wrap .check .txt::before,
.input_dl_gp .check .txt::before{margin:0 5px}

/* toggle_check */
.toggle_check{display:block;position:relative;width:48px;height:20px;}
.toggle_check 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;}
.toggle_check .switch{display:block;width:100%;height:100%;border-radius:60px;background:#f1f1f1;box-shadow:inset 0 0 5px 2px rgba(0, 0, 0, 0.05)}
.toggle_check .switch::before,
.toggle_check .switch::after{content:'';display:block;position:absolute;box-sizing:border-box;transition:0.3s}
.toggle_check .switch::before{overflow:hidden;top:0;left:1px;width:10px;height:100%;border-radius:60px;background:#B81C2B;}
.toggle_check .switch::after{top:-2px;left:-2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.toggle_check input:checked + .switch::before{width:100%}
.toggle_check input:checked + .switch::after{left:26px}

.f_alert{display:block;margin-top:5px;font-size:13px;color:#ff0000}

/* tooltip */
.tooltip_wrap{position:relative;z-index:10;}
.tooltip_cont{display:none;position:absolute;bottom:calc(100% + 15px);left:30px;min-width:210px;padding:12px;border:1px solid #B6232E;border-radius:5px 5px 5px 0;margin:0;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,0.05)}
.tooltip_cont select{width:100%;max-width:100%}
.tooltip_cont select + select{margin-top:5px;margin-left:0}
.tooltip_cont .btn_gp{display:flex;margin:10px 0 0}
.tooltip_cont .btn01{flex:1;padding:6px 10px;border-radius:5px;font-size:13px;text-align:center;}
.tooltip_cont::before{content:'';display:block;position:absolute;bottom:-9px;left:-1px;width:10px;height:9px;background:url(../images/user/tootip_dot_adm.png) no-repeat 0 0}
.tooltip_cont .scroll_box{overflow:auto;max-height:500px;}
.ic_btn + .tooltip_cont{left:12px}
.tooltip_close.ic{display:block;position:absolute;top:0;right:0;z-index:10;width:26px;height:26px;background:url(../images/user/tooltip_close_ic.png) no-repeat 50% 50%}
.tooltip_cont.w_auto{width:auto}
.tooltip_wrap.btm .tooltip_cont{bottom:auto;top:45px}
.tooltip_wrap.btm .tooltip_cont::before{bottom:auto;top:-9px;left:4px;transform:scale(1, -1)}

.tooltip_wrap.on .tooltip_cont{display:block}


/* .search_form */
.search_form{width:100%;padding:15px 0;margin-bottom:30px;border:1px solid #E0E0E0;background:#FCFCFC}
.search_form > li{display:flex;flex-wrap:wrap;}
.search_form > li dl{width:25%;padding:5px 20px;}
.search_form li dl dd{width:100%;padding-right:0}
.search_form li dl dd div{width:100%}
.search_form li dl dt,
.search_form .comm_set{padding-right:0}
.search_form > li.dl2 dl{width:50%}
.search_form > li.dl3 dl{width:33.333%;}
.search_form > li.dl4 dl{width:25%}
.search_form li dl dt{float:none;width:auto}
.search_form li .search_title{display: inline-block;height:auto;font-size:14px;padding:0 0 10px;font-weight:500;line-height:1;vertical-align:top;}
.search_form li .search_title label{font-weight:500;font-size:14px;}
.search_form dl dd,
.search_form .line_box{display:flex;align-items:center;width:100%}
.search_form input[type="text"]{width:100%;border:1px solid #e0e0e0}
.search_form select{width:100%;border:1px solid #e0e0e0;}
.search_form select + select{margin-left:5px}
.search_form dd select{min-width:120px}
.search_form input[type="text"] + .btn01,
.search_form input + .btn01{margin-left:5px;}
.search_form select,
.search_form input{font-size:14px}

/* search_bar_wrap */
.search_form > li dl + .search_bar_wrap{width:75%}
.search_form > li dl + dl + .search_bar_wrap{width:50%}
.search_form > li .search_bar_wrap{width:100%}
.search_form > li .search_bar_wrap .select,
.search_form > li .search_bar_wrap select{width:160px;margin-right:5px}
.search_form > li .search_bar_wrap select,
.search_form > li .search_bar_wrap .select + input[type="text"],
.search_form > li .search_bar_wrap .comm_set + input[type="text"],
.search_form > li .search_bar_wrap .cd + input[type="text"]{width:calc(100% - 375px);}
.search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 210px);}
.search_form > li .search_bar_wrap .user_search input[type="text"]{width:auto;}
.search_form .search_bar_wrap .btn01{min-width:auto;height:38px;padding:0;border:0;line-height:36px;}
.search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px}
.search_form .search_bar_wrap .searchBtn,
.search_form .search_bar_wrap #searchBtn,
.search_form .search_bar_wrap #dialogSearchBtn{width:145px;border-radius:50px;background:#B81C2B;color:#fff;font-size:14px;text-align:center;}
.search_form .search_bar_wrap .searchBtn span,
.search_form .search_bar_wrap #searchBtn span,
.search_form .search_bar_wrap #dialogSearchBtn span{display:inline-block;padding:0 0 0 28px;background:url(/images/common/search_btn_ic.png) no-repeat 0 50%}
.search_form .search_bar_wrap .resetBtn,
.search_form .search_bar_wrap #resetBtn,
.search_form .search_bar_wrap #dialogResetBtn{width:50px;border:1px solid #B81C2B;border-radius:50px;text-indent:-9999px;background:url(/images/common/reset_btn_ic.png) no-repeat 50% 50%}
.search_form .search_bar_wrap .btn01:hover{opacity:0.8}


/* table_top */
.table_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.table_top h4{font-weight:600;font-size:18px;color:#000}
.data_cnt{font-size:14px}
.data_cnt span{font-weight:600;color:#B81C2B}
.table_wrap + .table_top{margin-top:40px}
.warn{margin-top:5px;font-size:13px;color:#B81C2B}
.text_btn{color:#B81C2B;font-size:13px}
.text_btn:hover{opacity:1;text-decoration:underline}

.top_search{display:flex;align-items:center;justify-content:flex-end;}
.top_search dl{display:flex;align-items:center;}
.top_search dl + .btn01{margin-left:5px}
.top_search dt{padding-right:5px;color:#333}

/* dot_list */
.dot_list li{position:relative;padding-left:8px}
.dot_list li + li{margin:5px 0 0}
.dot_list li::before{content:'';display:block;position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:50%;background:#B81C2B}


/* table_wrap */
.table_wrap{min-height:auto;overflow:auto;border-top:0}
.table_wrap + .table_wrap{margin-top:20px}
.table_wrap select{width:100%}
.table_wrap table{width:100%}
.table_wrap table.t_list thead tr th{position:relative;padding:10px 0;height:42px;border-bottom:1px solid #B81C2B;font-weight:500;font-size:15px;background:#fff;text-align:center}
.table_wrap table.t_list thead tr th::after,
.table_wrap table.t_list thead tr th[colspan] + th::before{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background:#E6E6E6;transform:translateY(-50%)}
.table_wrap table.t_list thead tr th:last-child::after {display:none;}
.table_wrap table.t_list thead tr th[colspan] + th::before{left:0;right:auto}
.table_wrap table.t_list thead tr th[colspan]::after,
.table_wrap table.t_list thead tr th.last::after{display:none}
.table_wrap table.t_list thead tr th[colspan]:last-child{border-right:0}
.table_wrap table.t_list thead tr th[colspan]{border-color:#E6E6E6}
.table_wrap table.t_list tbody td{padding:10px;height:42px;border:0;border-top:1px solid #F0F0F0;border-bottom:0;color:#4c4c4c;text-align:center}
.table_wrap table.t_list th,
.table_wrap table.t_list td{font-size:15px;color:#333}
.table_wrap table.t_list thead th.last,
.table_wrap table.t_list tbody th.last,
.table_wrap table.t_list tbody td.last{border-right:0}
.table_wrap table.t_list tbody th{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;font-weight:500;text-align:center;color:#333}
.table_wrap table.t_list tbody tr:last-child td{border-bottom:1px solid #f0f0f0}
.table_wrap table.t_list tbody td.title{text-align:left}
.table_wrap table.t_list tbody td.title a{border:0;text-decoration:underline;}
.table_wrap table.t_list tbody td.title a:hover{color:#B81C2B}
.table_wrap table.t_list tbody tr:nth-child(2n) td{background:#FDFDFD}
.table_wrap table.t_list tbody tr.highlight{border:2px solid #B42931}
.table_wrap table.t_list tbody tr.highlight td{background:#F8E9EA}
.table_wrap table.t_list .comm_set{width:100%;padding:0}
.table_wrap table.fxd thead tr th:first-child,
.table_wrap table.fxd tbody tr td:first-child{position:sticky;position:-webkit-sticky;left:0;z-index:1;}
/*[DK][241218][학생참여관리 고정컬럼 1개 감소로 인해 주석처리]*/
/*.table_wrap table.fxd thead tr th:nth-child(2),*/
/*.table_wrap table.fxd tbody tr td:nth-child(2){position:sticky;position:-webkit-sticky;left:60px;z-index:1;box-shadow:6px 5px 7px -2px rgba(204 204 204 / 15%);}*/
.table_wrap a{text-decoration:underline;color:#2DA3FD}
.table_wrap.select_table tbody td{cursor:pointer}
.tab_bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:14px}
.tab_bottom span{font-weight:500;color:#B81C2B}
.table_wrap.warn-exist{overflow:visible !important;}

.table_wrap.hover table.t_list tbody tr{cursor:pointer;}
.table_wrap.hover table.t_list tbody tr:hover td{background:#f6f9ff;}

/* no_result */
.no_result,
.table_wrap table.t_list tbody td.no_result{height:auto;padding:60px 0;text-align:center}
.table_wrap table.t_list tbody td.no_result{padding:20px 0;}
.table_wrap table.t_list tbody td.no_result p{padding-top:40px;background-size:25px;font-size:15px;}
.no_result p{color:#999}

/* t_view */
.table_wrap table.t_view{border-top:1px solid #f0f0f0}
.table_wrap table.t_view + table{border-top:0}
.table_wrap table.t_view th{background:#f9f9f9;font-weight:500}
.table_wrap table.t_view th label{font-weight:500}
.table_wrap table.t_view th,
.table_wrap table.t_view td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333}
.table_wrap table.t_view th:last-child,
.table_wrap table.t_view td:last-child{border-right:0}
.table_wrap table.t_view thead th,
.table_wrap table.t_view tbody tr th,
.table_wrap table.t_view tbody tr td,
.table_wrap table.t_view tfoot th,
.table_wrap table.t_view tfoot td{height:40px;padding:5px 10px;border-color:#f0f0f0;font-size:15px;vertical-align:middle}
.table_wrap table.t_view thead tr th{text-align:center}
.table_wrap table.t_view tbody tr th{border-right:1px solid #f5f5f5;text-align:left;font-weight:500;}
.table_wrap table.t_view input[type="text"]{min-width:100%;}
.table_wrap table.t_view .flex_box input[type="text"]{width:calc(100% - 80px);min-width:auto}
.table_wrap table.t_view input[type="text"].hasDatepicker {min-width:auto;}
.table_wrap .dl_list{display:flex;align-items:center}
.table_wrap .dl_list + .dl_list{margin-top:10px}
.table_wrap .dl_list dt{width:100px;padding-right:10px}
.table_wrap .dl_list dd{width:calc(100% - 100px)}
.table_wrap .chart_wrap tbody tr td{padding:0}
.table_wrap label + input[type="text"]{margin-left:5px}
.table_wrap .td_box{padding:10px}
.table_wrap textarea{height:160px;}

.list_wrap{margin-top:20px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.list_wrap ul{display:flex;align-items:center;justify-content:space-between;padding:15px 0}
.list_wrap strong{font-size:14px;color:#333}
.list_wrap p{margin-top:8px;}
.list_wrap a:hover p{color:#264f86;text-decoration:underline}

/* flex_box */
.flex_box{display:flex;align-items:center;}
.flex_box.f_wrap{flex-wrap:wrap}
.flex_box.jt_btw{justify-content: space-between !important;}
.flex_box * + *{margin-left:5px}
.flex_box .btn01{white-space:nowrap;}
.cont_flex_box{display:flex;margin-top:40px;}
.cont_flex_box > .cont_box{width:calc((100% - 20px)/2);height:calc(100% - 20px);}
.cont_flex_box > .cont_box + .cont_box{margin-top:0;margin-left:20px;}
.cont_flex_box > .cont_box table{height:100%;}

/* guide_wrap */
.guide_wrap{padding:15px;border:1px solid #B81C2B;background:#fff}
.guide_wrap ul li{padding:0 0 0 20px;color:#B81C2B;background:url(/images/common/guide_li_ic.png) no-repeat 0 3px;text-indent:0}
.guide_wrap > ul > li:before{display:none}
.guide_wrap ul li + li{margin-top:5px}
/*.guide_wrap button,
.guide_wrap p{display:none}*/



/* page_list */
.page_list{display:flex;align-items:center;justify-content:center;padding:20px 0}
.page_list li{margin:0;text-align:center}
.page_list li + li{margin-left:5px}
.page_list li a{display:block;position:relative;min-width:15px;height:32px;background:none;line-height:32px;font-size:13px;color:#666}
.page_list li a::before{content:'';display:none;position:absolute;left:50%;bottom:6px;width:8px;height:2px;margin-left:-3px;background:#B81C2B}
.page_list li.on a,
.page_list li a:hover{background:none;font-weight:600;color:#B81C2B}
.page_list li.on a::before,
.page_list li a:hover::before{display:block}
.page_list li:nth-child(1) a,
.page_list li:nth-child(2) a,
.page_list li:nth-last-child(2) a,
.page_list li:last-child a{width:32px;height:32px;border:1px solid #E8E8E8;border-radius:50%;text-indent:-9999px;background:#fff no-repeat 50% 50%}
.page_list li:nth-child(2) a{margin-right:20px}
.page_list li:nth-last-child(2) a{margin-left:20px}
.page_list li:nth-child(1) a:hover::before,
.page_list li:nth-child(2) a:hover::before,
.page_list li:nth-last-child(2) a:hover::before,
.page_list li:last-child a:hover::before{display:none}
.page_list li:nth-child(1) a{background-image:url(/images/common/pageing_ic_first.png)}
.page_list li:nth-child(2) a{background-image:url(/images/common/pageing_ic_prev.png)}
.page_list li:nth-last-child(2) a{background-image:url(/images/common/pageing_ic_next.png)}
.page_list li:last-child a{background-image:url(/images/common/pageing_ic_last.png)}
.page_list li:nth-child(1) a:hover{border-color:#B81C2B;background-image:url(/images/common/pageing_ic_first_over.png)}
.page_list li:nth-child(2) a:hover{border-color:#B81C2B;background-image:url(/images/common/pageing_ic_prev_over.png)}
.page_list li:nth-last-child(2) a:hover{border-color:#B81C2B;background-image:url(/images/common/pageing_ic_next_over.png)}
.page_list li:last-child a:hover{border-color:#B81C2B;background-image:url(/images/common/pageing_ic_last_over.png)}

/* error_wrap */
.error_wrap{margin:0 auto;padding-bottom:35px;min-height:500px;padding-top:200px;background:#fff}
.error_wrap .error_con{text-align:center;padding:0 10px;}
.error_wrap .error_con .text01{font-size:38px;color:#222;}
.error_wrap .error_con .text02{font-size:18px;color:#444;padding-top:16px;}
.error_wrap .error_con .text03{font-size:13px;color:#444;padding-top:6px;padding-bottom:40px;letter-spacing:-0.4px}
.error_wrap .error_con .btn01{font-size:16px;font-weight:500; width:250px;height:60px;line-height:60px;padding:0;background:#303030;border:1px solid #000000;text-indent:0;}
.error_wrap .error_con .btn01 span{text-align:center;color:#fff;}
.error_wrap .error_con .btn01:hover span{color:#fff;}
.error_wrap .error_con .btn01:hover {opacity:0.8;}
.error_wrap:before{content:"";display:block;position:absolute;width:100%;height:124px;background:#2e2d2d;left:0;bottom:0}
.error_wrap:after{content:"";display:block;position:absolute;bottom:100px;left:50%;width:500px;height:205px;margin-left:-250px;background:url(/images/common/error_404.png) no-repeat 50% 50%}
.error_wrap .error_footer{text-align:center;color:#fff;padding-top:50px;}

/* layer_pop_wrap */
.layer_pop_wrap{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;margin:0;background:rgba(0,0,0,0.3)}
.layer_pop{width:300px;background:#fff}
.layer_pop .pop_head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height:50px;padding:0 20px;padding-right:10px;background:#B6232E}
.layer_pop .pop_head .title{width:calc(100% - 30px);font-size:16px;color:#fff}
.layer_pop .pop_head .pop_close{width:30px;height:50px;margin:0;background:url(/images/common/pop_close.png) no-repeat 50% 50%}
.layer_pop .pop_cont{padding:20px}
.layer_pop .pop_btn{padding:10px 20px 20px;text-align:center;}
.layer_pop .pop_btn .btn01{padding:8px 20px;border-radius:5px;font-size:14px}
.layer_pop_wrap .cont_section{min-height:auto;padding:0;border:0}


/* tab style */
.tabType01 a:hover,
.tabType02 a:hover{opacity:1}
.tabType01 {width:100%;margin-bottom:30px;margin-top:-5px; padding-bottom:0; overflow:hidden;}
.tabType01 ul{display:flex;flex-wrap:wrap;}
.tabType01 ul li {margin-right:8px;margin-top:5px;text-align:center;}
.tabType01 ul li:LAST-CHILD{margin-right:0;}
.tabType01 ul li a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 30px; color:#fff; font-size:18px;border-radius:50px;background:#BDBDBD; }
.tabType01 ul li a:hover,
.tabType01 ul li.on a {background:#222;}

.tabType02{margin-bottom:20px}
.tabType02 ul{display:flex}
.tabType02 ul li{flex:1}
.tabType02 ul li a{display:flex;align-items:center;justify-content:center;height:46px;padding:0 30px; color:#fff; font-size:18px;border-radius:5px 5px 0 0;background:#BDBDBD; }
.tabType02 ul li a:hover,
.tabType02 ul li.on a {background:#222;}

.tab_cont{display:none}
.tab_cont.on{display:block;}


/* menu_wrap */
.menu_wrap{display:flex;flex-wrap:wrap;}
.menu_wrap .menu_tree,
.menu_wrap .menu_ctrl{width:50%}
.menu_wrap .menu_ctrl{padding-left:40px}
.menu_wrap .menu_tree{overflow:auto;height:700px;padding:20px;background:#f1f1f1}
.menu_tree li + li{margin-top:5px}
.menu_tree .menu_list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;position:relative;height:50px;padding:5px 15px;padding-left:30px;border:1px solid #CACACC;border-left:2px solid #000;background:#fff}
.menu_tree .menu_list .work_flag_label {display: inline-block;padding: 3px 5px;border-radius: 50px;color: #fff;font-size: 10px;line-height: 1;}
.menu_tree .menu_list .work_flag_label.update {background: #0E318C}
.menu_tree .menu_list .work_flag_label.create {background: #22BF5F}
.menu_tree .menu_list .work_flag_label.delete {background: #C41C39}
.menu_tree .menu_tit{width:calc(100% - 60px);padding-right:0;font-weight:500;color:#000;font-size:15px}
.menu_tree .menu_tit em{font-size:13px}
.menu_tree .dragableArea{cursor:move}
.menu_tree ul ul .menu_tit{color:#666;}
.menu_tree ul ul{margin-top:5px}
.menu_tree ul ul li{padding-left:20px;background:url(/images/common/menu_sub_arrow.png) no-repeat 0 20px}
.menu_tree ul ul{margin-top:5px}
.menu_tree ul ul .menu_list{border-left:2px solid #CACACC}
.menu_tree .more{position:absolute;top:50%;left:15px;width:10px;height:10px;margin-top:-5px;border-radius:1px;border:1px solid #555;background:#555 url(/images/common/menu_more.png) no-repeat 50% 50%}
.menu_tree .more.open{background:#fff url(/images/common/menu_more_open.png) no-repeat 50% 50%}
.menu_tree .edit,
.menu_tree .add,
.menu_tree .del{width:20px;height:20px;border:0;background:no-repeat 50% 50%;text-indent:-9999px;cursor:pointer;}
.menu_tree .edit{background-image:url(/images/common/menu_btn_edit.png)}
.menu_tree .add{background-image:url(/images/common/menu_btn_add.png)}
.menu_tree .del{background-image:url(/images/common/menu_btn_del.png)}
.menu_guide{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:80%;margin:40px auto;padding:40px;border:1px solid #ddd}
.menu_guide .tit{width:100%;font-weight:600;font-size:18px;color:#000;text-align:center}
.menu_guide .guide_cont{margin-top:15px;font-size:14px;line-height:1.4}
.menu_guide .guide_cont span{display:inline-block;width:15px;height:15px;text-indent:-9999px;background:no-repeat 50% 50%;vertical-align:middle;}
.menu_guide .guide_cont .edit_ic{background-image:url(/images/common/menu_btn_edit.png)}
.menu_guide .guide_cont .add_ic{background-image:url(/images/common/menu_btn_add.png)}
.menu_guide .guide_cont .del_ic{background-image:url(/images/common/menu_btn_del.png)}

/* code */
.menu_tree.code .dragableArea{cursor:revert}
.menu_tree.code li{background:#fff}
.menu_tree.code .menu_tit{width:calc(100% - 40px)}
.menu_tree.code .menu_list{height:auto;border:0;padding:10px 15px;padding-left:30px}
.menu_tree.code ul ul{padding-left:6px;padding-bottom:5px}
.menu_tree.code ul ul li{padding:0;background:none}
.menu_tree.code ul ul li + li{margin-top:0}
.menu_tree.code ul ul .menu_list{padding:2px 15px}
.menu_tree.code ul ul .menu_tit{padding-left:18px;font-weight:400;font-size:14px;background:url(/images/common/menu_code_ic.png) no-repeat 2px}

/* input_dl_gp */
.input_dl_gp{display:flex}
.input_dl_gp > dl{flex:1;text-align:center}
.input_dl_gp > dl + dl{border-left:1px solid #f0f0f0}
.input_dl_gp dt{display:flex;align-items:center;justify-content:center;height:40px;border-bottom:1px solid #f0f0f0;font-weight:500;font-size:15px;color:#333;background:#f9f9f9}
.input_dl_gp dd{padding:8px 10px;border-bottom:1px solid #f0f0f0}

/* password input */
.flex_box.password{align-items:flex-start;}
.flex_box.password .btn01{margin-top:5px}
.validation-list{display:flex;flex-wrap:wrap;margin-top:10px}
.validation-list li{width:50%;margin:2px 0;font-size:12px;color:#888;line-height:16px;}
.validation-list li span{display:inline-block;width:16px;height:16px;margin-right:4px;border-radius:50%;background:#EBEBEC url(../images/common/invalid_ic.png) no-repeat 50% 50%;vertical-align:top;}
.validation-list li.valid{color:#3DC896}
.validation-list li.valid span{background-image:url(../images/common/valid_ic.png);background-color:#3DC896}
.password-input{position:relative}
.password-input button{position:absolute;top:50%;right:5px;margin-top:-10px;width:20px;height:20px;border:0;background:none}


/* file_btn */
.file_btn{border-radius:5px;}
.file_btn span{display:inline-block;padding:3px 0;padding-left:22px;background:url(/images/common/common_file_ic.png) no-repeat 0 50%}
.file_list{margin-top:10px;}
.file_list a{display:inline-block;padding-left:16px;font-size:14px;color:#999;background:url(/images/common/file_ic.png) no-repeat 0 50%;background-size:12px;vertical-align:middle;}
.file_list li + li{margin-top:4px}
.file_list .del{width:15px;height:15px;padding:0;border:1px solid #ddd;margin-left:5px;text-indent:-9999px;background:url(/images/common/del_ic.png) no-repeat 50% 50%;background-size:auto;}
.table_wrap .file_btn{border-color:#B81C2B}
/* multiFile upload */
.multi-file-list {display: flex;flex-direction: column;gap: 6px;}
.file-item {display: flex;align-items: center;gap: 6px;}
  

.page_bottom{display:flex;align-items:center;justify-content:center}
.page_bottom select{margin-left:20px;border-radius:5px}


/* system sat_survey  */
.system_survey_top{display:flex;align-items:center;justify-content:space-between;background:#f8fbfd;border-radius: 10px;border:1px solid #d4e9f7;padding:22px 20px 22px 40px;}
.system_survey_top .survey_tit{font-weight:500;font-size:18px;color:#01050e;}
.system_survey_top .survey_info_top{display:flex;align-items:center;}
.system_survey_top .survey_info_top > ul{display:flex;align-items:center;margin-right:30px;}
.system_survey_top .survey_info_top > ul li{display:flex;align-items:center;}
.system_survey_top .survey_info_top > ul li + li{position:relative;margin-left:40px;}
.system_survey_top .survey_info_top > ul li + li::before{content:'';display:block;position:absolute;top:50%;left:-20px;transform:translateY(-50%);width:1px;height:9px;background-color:#999;opacity:.55;;}
.system_survey_top .survey_info_top > ul li p{font-weight:500;font-size:16px;color:#999;}
.system_survey_top .survey_info_top > ul li span{padding-left:25px;font-weight:500;font-size:16px;color:#999;}
.system_survey_top .survey_info_top > ul li span em{font-weight:600;font-size:18px;color:#232323;}
.system_survey_top .survey_info_top > .survey_print_btn{cursor: pointer;}
.system_survey_top .survey_info_top > .survey_print_btn:hover{opacity:0.8;}
.system_survey_top .survey_info_top > .survey_print_btn:active{transform: scale(0.95);}
.system_survey_top .survey_info_top > .survey_print_btn span{display:flex;align-items:center;justify-content:center;padding:23px 28px;background:#fff url(../images/common/comm_print_ic.png) no-repeat 50% 50%;border:1px solid #0b3190;border-radius:10px;}

.sat_survey_wrap{margin-top:20px;}
.sat_survey_wrap .survey_list{display:flex;flex-wrap:wrap;;}
.sat_survey_wrap .survey_list > li{width:100%;padding:20px 30px;border-radius:10px;border:1px solid #e5e5e5;margin-bottom:20px;}
.sat_survey_wrap .survey_list > li.half_list{width:auto;flex:0 0 calc(50% - 10px);}
.sat_survey_wrap .survey_list > li.half_list + li.half_list{margin-left:20px;}
.sat_survey_wrap .survey_list > li .survey_item{display:flex;align-items:center;border-bottom:1px solid #f3f3f3;padding-bottom:12px;;}
.sat_survey_wrap .survey_list > li .survey_item span{margin-right:12px;border-radius:12px;border:1px solid #010101;background-color:#fff;padding:3px 8px;font-weight:600;font-size:14px;color:#000;}
.sat_survey_wrap .survey_list > li .survey_item p{font-weight:600;font-size:14px;color:#1a1a1a;}
.sat_survey_wrap .survey_list > li .survey_opin_box{margin-top:20px;}
.sat_survey_wrap .survey_list > li .survey_opin_box p{font-weight:400;font-size:14px;color:#666;}

.survey_graph_wrap{display:flex;margin-top:16px;}
.survey_graph_wrap .left_cont{display:flex;align-items:center;padding:30px 0 30px 10px;}
.survey_graph_wrap .left_cont.type2{padding:20px 0 20px 10px;}
.survey_graph_wrap .left_cont.type1 ul li + li{margin-top:36px;}
.survey_graph_wrap .left_cont.type2 ul li + li{margin-top:14px;}
.survey_graph_wrap .left_cont ul li span{position:relative;padding-left:22px;font-weight:500;font-size:14px;color: #242424;}
.survey_graph_wrap .left_cont ul li span::before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:10px;height:10px;}
.survey_graph_wrap .left_cont ul li.legend.col01 span::before{background-color:#179fec;}
.survey_graph_wrap .left_cont.type1 ul li.legend.col02 span::before{background-color:#458a30;}
.survey_graph_wrap .left_cont.type1 ul li.legend.col03 span::before{background-color:#bbc56e;}
.survey_graph_wrap .left_cont.type2 ul li.legend.col01 span::before{background-color:#179fec;}
.survey_graph_wrap .left_cont.type2 ul li.legend.col02 span::before{background-color:#3b9fa6;}
.survey_graph_wrap .left_cont.type2 ul li.legend.col03 span::before{background-color:#458a30;}
.survey_graph_wrap .left_cont.type2 ul li.legend.col04 span::before{background-color:#bbc56e;}
.survey_graph_wrap .left_cont.type2 ul li.legend.col05 span::before{background-color:#ff8921;}
.survey_graph_wrap .right_cont{position:relative;width:calc(100% - 150px);margin-left:60px;}
.survey_graph_wrap .right_cont .graph_line{display:flex;align-items:center;}
.survey_graph_wrap .right_cont .graph_line li{display:flex;position:relative;flex:1;}
.survey_graph_wrap .right_cont .graph_line li span{position:relative;font-weight:400;font-size:10px;color:#cfcfcf;}
.survey_graph_wrap .right_cont .graph_line li span::before{content:'';display:block;position:absolute;top:14px;left:50%;transform:translateX(-50%);background:url(../images/common/dot_line.png) no-repeat;width:1px;height:163px;}

.survey_graph_wrap .bar_graph .bar_graph_wrap{display:flex;align-items:center;position:absolute;top:30px;width:100%;}
.survey_graph_wrap .bar_graph .bar_graph_wrap:nth-child(2){top:85px;}
.survey_graph_wrap .bar_graph .bar_graph_wrap:nth-child(3){top:140px}

.right_cont.type2 .bar_graph .bar_graph_wrap{top:20px;}
.right_cont.type2 .bar_graph .bar_graph_wrap:nth-child(2){top:52px;}
.right_cont.type2 .bar_graph .bar_graph_wrap:nth-child(3){top:85px;}
.right_cont.type2 .bar_graph .bar_graph_wrap:nth-child(4){top:116px;}
.right_cont.type2 .bar_graph .bar_graph_wrap:nth-child(5){top:148px;}

.bar_graph_wrap .bar{height:12px;}
.right_cont.type1 .bar_graph_wrap .bar.col01{background-color:#179fec;}
.right_cont.type1 .bar_graph_wrap .bar.col02{background-color:#458a30;}
.right_cont.type1 .bar_graph_wrap .bar.col03{background-color:#bbc56e;}
.right_cont.type2 .bar_graph_wrap .bar.col01{background-color:#179fec;}
.right_cont.type2 .bar_graph_wrap .bar.col02{background-color:#3b9fa6;}
.right_cont.type2 .bar_graph_wrap .bar.col03{background-color:#458a30;}
.right_cont.type2 .bar_graph_wrap .bar.col04{background-color:#bbc56e;}
.right_cont.type2 .bar_graph_wrap .bar.col05{background-color:#ff8921;}

.survey_graph_wrap .bar_graph .bar_graph_wrap .bar + span{margin-left:8px;width:35px;font-weight:500;font-size:14px;color:#242424;}

.stack_bar_graph_wrap{margin-top:20px;}
.stack_bar_graph_wrap .stack_label{position:relative;z-index:0;width:100%;height:15px;border-right:1px solid #dedede;border-left:1px solid #dedede;}
.stack_bar_graph_wrap .stack_label span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;font-weight:500;font-size:14px;color:#232323;background-color: #fff;padding:0 12px;}
.stack_bar_graph_wrap .stack_label::after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:1px;background-color:#dedede;}

.stack_bar_graph{margin-top:12px;}
.stack_bar_graph .stack_bar{display:flex;align-items:center;}
.stack_bar_graph .stack_bar .bar{text-align:center;;}
.stack_bar_graph .stack_bar .bar span{display:flex;align-items:center;justify-content:center;height:25px;}
.stack_bar_graph .stack_bar .bar span em{font-weight:500;font-size:14px;color:#fff;}
.stack_bar_graph .stack_bar .bar.col01 span{background-color:#bbc56e;}
.stack_bar_graph .stack_bar .bar.col02 span{background-color:#458a30;}
.stack_bar_graph .stack_bar .bar.col03 span{background-color:#3e9be2;}
.stack_bar_graph .stack_bar .bar > p{margin-top:20px;font-weight:500;font-size:14px;color:#242424;;}

.survey_chart_wrap{padding:50px;}
.survey_chart_wrap .left_chart{display:flex;align-items:center;}
.survey_chart_wrap .left_chart .chart_legend{display:flex;align-items:center;;margin-left:80px;}
.survey_chart_wrap .left_chart .chart_legend ul{display:flex;flex-wrap:wrap;padding-right:94px;}
.survey_chart_wrap .left_chart .chart_legend ul + ul{display:flex;flex-wrap:wrap;padding-right:0;padding-left:94px;border-left:1px solid #ebebeb;}
.survey_chart_wrap .left_chart .chart_legend ul + ul > li{margin-top:0;flex:0 0 calc(33.3%)}
.survey_chart_wrap .left_chart .chart_legend ul + ul > li:nth-child(n + 4){margin-top:20px;}
.survey_chart_wrap .left_chart .chart_legend ul li{margin-top:12px;}
.survey_chart_wrap .left_chart .chart_legend ul li:first-child{margin-top:0;}
.survey_chart_wrap .left_chart .chart_legend ul li span{position:relative;padding-left:26px;font-weight:}
.survey_chart_wrap .left_chart .chart_legend ul li span::before{content:'';display: block;position: absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:100%;;}
.survey_chart_wrap .left_chart .chart_legend ul li.col00 span::before{background-color:#dbdbdb;}
.survey_chart_wrap .left_chart .chart_legend ul li.col01 span::before{background-color:#ff5a66;}
.survey_chart_wrap .left_chart .chart_legend ul li.col02 span::before{background-color:#ff9f6e;}
.survey_chart_wrap .left_chart .chart_legend ul li.col03 span::before{background-color:#fdcc49;}
.survey_chart_wrap .left_chart .chart_legend ul li.col04 span::before{background-color:#53cdb4;}
.survey_chart_wrap .left_chart .chart_legend ul li.col05 span::before{background-color:#00b7ff;}
.survey_chart_wrap .left_chart .chart_legend ul li.col06 span::before{background-color:#ab47cc;}
.survey_chart_wrap .left_chart .chart_legend ul li.col07 span::before{background-color:#314b97;}
.survey_chart_wrap .left_chart .chart_legend ul li.col08 span::before{background-color:#888888;}

pre {white-space: pre-wrap; word-break: break-word;}

@media screen and (max-height: 780px) {
    .login_wrap .logo_wrap{margin-bottom:30px;}
    .login_wrap .login_right {background-size: 220px;padding-bottom:130px !important;}
    .login_wrap .login_intro {bottom: 90px;right: 125px;}
}

@media only screen and (max-width:1560px){   
    .login_wrap .login_left{width:calc(100% - 480px);padding:0 100px}
    .login_wrap .login_right{width:480px;padding:50px}
    .login_wrap .login_left .text_wrap br{display:none}
    .login_wrap .footer .terms{padding-left:100px}
    .login_wrap .footer .copy{width:480px;padding:0 50px}

    .sat_survey_wrap .survey_list > li.half_list{flex:0 0 calc(100%);}
    .sat_survey_wrap .survey_list > li.half_list + li.half_list{margin-left:0;}
}

@media only screen and (max-width:1980px){
    .survey_chart_wrap .left_chart{flex-wrap:wrap;justify-content: center;}
    .survey_chart_wrap .left_chart .chart_legend{margin-top:40px;margin-left:0;;}
}
@media only screen and (max-width:1280px){
    .header,
    .footer{width:1280px}
    .gnb_wrap .gnb{left:0}

    .login_wrap .login_left{padding:0 80px}
    .login_wrap .login_left .login_tit{left:-46px;padding:150px 0 0 0;font-size:30px;background-position:0 0;background-size:220px}
    .login_wrap .login_left .login_tit::before{bottom:unset;top:0;}
    .login_wrap .footer .terms{padding-left:80px}

    .survey_chart_wrap .left_chart .chart_legend{flex-wrap:wrap;width:100%;}
    .survey_chart_wrap .left_chart .chart_legend ul{width:100%;padding-right:0;}
    .survey_chart_wrap .left_chart .chart_legend ul li{flex:0 0 calc(33.3%);margin-top:0;}
    .survey_chart_wrap .left_chart .chart_legend ul > li:nth-child(n + 4){margin-top:12px;}
    .survey_chart_wrap .left_chart .chart_legend ul + ul{padding-left:0;border-top:1px solid #ebebeb;border-left:0;margin-top:20px;padding-top:20px;;}
}

@media only screen and (max-width:1024px){
    .login_wrap{position:relative;}
    .login_wrap .swu_logo{margin:0 auto 40px}
    .login_wrap .login_left{display:none} 
    .login_wrap .login_right{width:100%;padding:20px 20px 270px;background-size:auto 140px}
    .login_wrap .login_intro{bottom:90px;right:100px;padding:8px 12px;font-size:13px;}

    .login_box .js_tab li a{font-size:16px}
    .login_wrap .desc{margin-top:20px;font-size:14px}
    .login_wrap .input_box + .input_box{margin-top:10px}
    .login_wrap .input_box input{height:40px;font-size:14px}
    .login_wrap .loginBtn{height:50px;margin-top:20px;line-height:50px}
    .login_wrap .warn{margin-top:20px;font-size:14px}
    .login_wrap .footer{display:block;bottom:160px;padding:0}
    .login_wrap .footer .terms,
    .login_wrap .footer .copy{width:100%;padding:0 20px}
    .login_wrap .footer .copy br{display:none}
    .login_wrap .footer a,
    .login_wrap .footer .terms a{color:#bdbdbd}
    .login_wrap .comp_join{padding:15px 0;margin-top:20px}
    .login_wrap .comp_join a{font-size:13px}

    .login_wrap .quick_login{display:none}

    .system_survey_top{display:block;padding:10px;}
    .system_survey_top .survey_info_top{justify-content:space-between;margin-top:10px;}
    .system_survey_top .survey_info_top > ul{display:block;margin-right:0;}
    .system_survey_top .survey_info_top > ul li{justify-content:space-between;}
    .system_survey_top .survey_info_top > ul li + li{margin-top:4px;margin-left:0;}
    .system_survey_top .survey_info_top > ul li + li::before{display:none;;}

    .survey_chart_wrap{padding:0;}

}
@media only screen and (max-width:768px){
    .survey_chart_wrap .left_chart .chart_legend{margin-top:20px;}
    .survey_chart_wrap .left_chart .chart_legend ul > li + li{margin-top:12px;}
    .survey_chart_wrap .left_chart .chart_legend ul li{flex:0 0 calc(100%)}
    .survey_chart_wrap .left_chart .chart_legend ul + ul > li{flex:0 0 calc(100%)}
    .survey_chart_wrap .left_chart .chart_legend ul + ul > li:nth-child(n + 4){margin-top:12px;}
}