@charset "utf-8";

/*!
 *@(주)가민정보시스템
 *@2021.12.20 류승호초안
 *@추가수정 :수정시 작성
 */

.content h3{ font-size:28px;color:#012c6a;}
.content h3:before{ display:inline-block; width:24px; height:20px; vertical-align:middle; background:url(/images/sub/bullet_blue.png) center no-repeat; background-size:contain; margin-right:10px; content:""}
.content h4{ font-size:22px; font-weight:600;}
.content h4:before{ display:inline-block; width:6px; height:6px; vertical-align:top; background:#0565f0; transform:rotate(45deg); margin-right:10px; content:""}
.content p{ font-size:16px; color:#686868; line-height:150%}

/*리스트타입*/
.list_basic > li{ position:relative; color:#686868; line-height:150%; font-size:16px;padding-left:16px; margin:5px 0;}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px;}
.list_basic > li.no_bullet:after{ display:none;}
.list_basic > li:after{ position:absolute; display:block; content:""; left:0; top:12px;}
.list_basic > li span.bold{ font-weight:bold;}
.lt01 > li:after{width:10px; height:2px; background:#000;}
.lt02 > li:after{width:10px; height:2px; background:#b6b6b6;}
.lt03 > li:after{width:6px; height:6px; background:#409700; left:3px; top:10px; border-radius:10px;}
.lt04 > li:after{width:6px; height:6px; background:#000; left:3px; top:10px; border-radius:10px;}
.font_s > li{ font-size:14px;}
.half{ display:flex; flex-wrap:wrap}
.half li{ width:50%;}

.dl_basic dt{ font-weight:500; line-height:1.3}
.dl_basic dd{ font-weight:300; padding-left:15px; line-height:1.3}

.ol_basic > li{ position:relative; padding-left:40px; color:#686868; padding-top:5px; min-height:30px; margin-bottom:5px;}
.ol_basic > li:after{ display:block; content:"1"; width:30px; height:30px; color:#fff; background:#000; position:absolute; left:0; top:0; border-radius:30px;}
.ol_basic > li:after{ text-align:center; line-height:30px; font-size:17px;}
.ol_basic > li:nth-child(1):after{content:"1";}
.ol_basic > li:nth-child(2):after{content:"2";}
.ol_basic > li:nth-child(3):after{content:"3";}
.ol_basic > li:nth-child(4):after{content:"4";}
.ol_basic > li:nth-child(5):after{content:"5";}
.ol_basic > li:nth-child(6):after{content:"6";}
.ol_basic > li:nth-child(7):after{content:"7";}
.ol_basic > li:nth-child(8):after{content:"8";}
.ol_basic > li:nth-child(9):after{content:"9";}
.ol_basic > li:nth-child(10):after{content:"10";}
.ol_basic > li:nth-child(11):after{content:"11";}
.ol_basic > li:nth-child(12):after{content:"12";}
.ol_basic > li:nth-child(13):after{content:"13";}
.ol_basic > li:nth-child(14):after{content:"14";}
.ol_basic > li:nth-child(15):after{content:"15";}

.ot01 > li:after{ background:#83ad12}
.ot02 > li:after{ background:#d62020}
.ot03 > li:after{ background:#5183de}
.ot04 > li:after{ background:#858585}


.tc01{ color:#000 !important}
.tc02{ color:#25724c !important}
.tc03{ color:#fe3c3c !important}
.tc04{ color:#2b86ec !important}

.txt_under{ text-decoration:underline}
.img_wrap{ padding:40px 0; text-align:center;}

/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff}
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff}
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757}


/*컨텐츠용버튼*/
.btn_con{display:inline-block;background-color:#012c6a;background-position:10px center;background-repeat:no-repeat;padding:9px 20px 9px 17px;font-size:14px;color:#fff;border-radius:3px; border:0;}
.btn_con:before{ display:inline-block; content:""; font-family:"Font Awesome 5 Pro"; font-weight:500; margin-right:5px;}
.btn_con:hover{ background-color:#030f3b; transition:0.3s;}
.btn_con.no_icon:before{ display:none;}
.btn_blue{ background-color:#1089e6;}
.btn_green{ background-color:#008936;}
.btn_green:hover{ background-color:#157347; transition:0.3s;}
.btn_red{ background-color:#dc3545;}
.btn_red:hover{ background-color:#bb2d3b; transition:0.3s;}
.btn_light{ color:#000; background-color:#f8f9fa;}
.btn_light:hover{ background-color:#f9fafb; transition:0.3s;}
.btn_grey{ color:#fff; background-color:#d3d3d3;}
.btn_grey:hover{ background-color:#d3d3d3; transition:0.3s;}


.btn_txt:before{ content:"\f893"}
.btn_request:before{ content:"\f316"}
.btn_ok:before{ content:"\f2f7"}
.btn_no:before{ content:"\f05e"}
.btn_cal:before{ content:"\f319"}
.btn_cal_end:before{ content:"\f05e"}
.btn_work:before{ content:"\f573"}
.btn_file:before{ content:"\f865"}
.btn_down:before{ content:"\f33d"}
.btn_search:before{ content:"\f002"}
.btn_reset:before{ content:"\f2ea"}
.btn_question:before{ content:"\f128"}
.btn_question{padding-right:14px;background-color:#6c757d;color:#fff;padding:5px 5px 5px 8px;}
.btn_question:hover{background-color:#5c636a;}

.btn_eye:before{ content:"\f06e"}
.btn_won:before{ content:"\f159"}
.btn_check:before{ content:"\f058"}
.btn_reset:before{ content:"\f2f1"}

.btn_add:before{ content:"\f067"}
.btn_write:before{ content:"\f044"}
.btn_edit:before{ content:"\f893"}
.btn_del:before{content:"\f2ed"}

.btn_save:before{ content:"\f0c7"}
.btn_close:before{ content:"\f00d"}
.btn_list:before{ content:"\f03a"}
.btn_xls{background-color:#008936;color:#fff;padding:9px 20px 9px 17px;}
.xls_up:before{ content:"\f574"}
.xls_down:before{ content:"\f56d"}

.btn_sm{ padding:3px 8px;}
.btn_md{ padding:6px 10px;}
.btn_file_sm{padding:3px 5px 3px 9px;margin-top:5px;margin-left:10px;}

.btn_form_s { height:25px; padding:0 10px 2px; color:#fff; font-size:12px; background:#43474f; border-radius:3px; vertical-align:middle; border:0;}

.vm {vertical-align:middle;padding-right:5px;}
/*기본테이블*/
.table_scroll{ overflow-x:auto}

.basic_table { width:100%; border-collapse:collapse; border-top:2px solid #232323;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:""}
.basic_table thead tr th{ font-weight:600; border-bottom:#dbddeb solid 1px !important}
.basic_table thead tr th,.basic_table thead tr td { padding:15px 5px; border-bottom:#e0e0e0 solid 1px; border-left:#e0e0e0 solid 1px; border-right:#e0e0e0 solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 5px; border-bottom:#e0e0e0 solid 1px; border-left:#e0e0e0 solid 1px; border-right:#e0e0e0 solid 1px;}
.basic_table tbody tr th{ text-align:center}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:16px; color:#0c295a; background-color:#ebeef1; vertical-align:middle;}
.basic_table td { font-size:14px; color:#000; background-color:#fff; line-height:150%; text-align:center; vertical-align:middle}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style:none;}
.basic_table .td_center,.basic_table .center { text-align:center !important}
.basic_table .td_right,.basic_table .right { text-align:right !important}
.basic_table .td_left,.basic_table .left { text-align:left !important}
.basic_table .none { display:none;}
.basic_table .label_only:before{ display:inline-block; margin-right:0;}
.basic_table .star{ color:#f22e53; display:inline-block; margin-right:5px;}
.basic_table input[type='checkbox'],.basic_table input[type='radio']{ opacity:1; position:inherit;}
.basic_table input.type02[type='checkbox'],input.type02[type='radio']{ opacity:0; position:absolute;}
.basic_table .select_custom{height:35px;padding:0 10px;border-radius:5px;border:1px solid #e0e0e0;}

.basic_table.table_left tbody td{ text-align:left}
.basic_table.table_right tbody td{ text-align:right}
.basic_table.table_right tbody td:first-child{ text-align:left;padding-left:10px;}
.table_th_center tbody th{ text-align:center !important}

.basic_table.tbl_st01{ border-radius:10px; border-top:0; overflow:hidden}
.basic_table.tbl_st01 th{ font-weight:600; background:#c1daff;color:#232323}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td { padding:15px 5px; border-bottom:0; border-left:0; border-right:0;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td { padding:10px 5px; border-bottom:#c1daff solid 1px; border-right:#c1daff solid 1px; border-left:#c1daff solid 1px; color:#0e2458;}
.basic_table.tbl_st01 tbody tr td{ background:#fbfbfb;}
.basic_table.tbl_st01 tbody tr:last-child th,.basic_table.tbl_st01 tbody tr:last-child td{ border-bottom:0;}

.basic_table.tbl_st02{ border-radius:10px; border-top:0; overflow:hidden}
.basic_table.tbl_st02 thead tr th,.basic_table.tbl_st02 thead tr td { padding:15px 5px; border-bottom:0; border-left:0; border-right:0;}
.basic_table.tbl_st02 tbody tr th { font-weight:600; padding:10px 15px; border-bottom:#a0d0ff solid 1px; background:#bddeff; color:#012c6a;}
.basic_table.tbl_st02 tbody tr td { padding:10px 15px; border-bottom:#e0e0e0 solid 1px; background:#fbfbfb; text-align:left;}
.basic_table.tbl_st02 tbody tr:last-child th,.basic_table.tbl_st02 tbody tr:last-child td{ border-bottom:0;}

.basic_table.tbl_s thead tr th,
.basic_table.tbl_s thead tr td,
.basic_table.tbl_s tbody tr th,
.basic_table.tbl_s tbody tr td{ padding:8px 5px; font-size:14px;}
.basic_table.tbl_s tbody tr td{ font-size:12px;}

.basic_table.td_back tbody tr td { background-color:#fbfbfb;}

.modal_table tbody tr td {padding:10px 5px 10px 10px;text-align:left;}
.modal_table thead tr th, .modal_table tbody tr th {text-align:center !important}

.line_table thead tr th {border-right:#a0d0ff solid 1px !important;border-bottom:#a0d0ff solid 1px !important;}
.line_table thead tr th.right_line {border-right:#a0d0ff solid 1px !important;}

.highligth_line {background-color:#fbfbfb !important;font-weight:bold !important;font-size:1.1em !important;}

.tab_sub ul{ display:flex; border:#ccc solid 1px; border-radius:10px;}
.tab_sub ul li{ position:relative; width:50%; border-right:#ccc solid 1px;}
.tab_sub ul li:last-child{ border-right:0;} 
.tab_sub ul li a{ position:relative; display:block; font-size:14px; padding:15px 0; text-align:center; z-index:2}
.tab_sub ul li:after{ position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; content:""; border-radius:10px; background:#fff; color:#232323;z-index:1}
.tab_sub ul li:hover:after,.tab_sub ul li.active:after{ left:-2px; right:-2px; top:-2px; bottom:-2px; background:#0565f0; box-shadow:rgba(0,0,0,0.2) 1px 1px 3px; transition:all 0.3s;}
.tab_sub ul li:hover a,.tab_sub ul li.active a{ color:#fff; font-size:16px; font-weight:500;}
.tab_sub ul li:hover a #spn2ndTitle3031700,.tab_sub ul li.active a #spn2ndTitle3031700{font-size:15px;letter-spacing:-1.5px;}

/*페이징*/
.paging{clear:both; text-align:center; padding:20px 0; overflow:hidden}
.paging span{display:inline-block; width:30%;}
.paging ul{display:inline-block; width:38%;}
.paging ul li{display:inline-block;}
.paging ul li:first-child{margin-left:0;}
.paging ul li:last-child{margin-right:0;}
.paging ul li a{display:block;width:30px;height:30px;color:#000;line-height:30px;font-size:16px;font-weight:400;}
.paging ul li a.active,.paging ul li a:hover{background:#012c6a;color:#fff;border-radius:5px;}
.popupPaging span{font-size:.9em;width:25%;}
.popupPaging ul{display:inline-block; width:48%;}
.popupPaging ul li a{width:23px;height:25px;line-height:25px;}

/*컨텐츠내용시작*/
.suppose_box{ text-align:center; background:url(/images/sub/bg_block.jpg) center no-repeat; background-size:cover; padding:40px 0;}
.suppose_box p{ color:#fff; line-height:1.5}
.suppose_box .txt{ font-size:24px;}
.suppose_box .txt span{ font-size:28px; font-weight:600;}
.suppose_box .bull:before{ display:inline-block; content:"\f00c"; font-family:"Font Awesome 5 pro"; font-weight:500; vertical-align:middle; margin-right:10px;}
.rule_list{ display:flex; justify-content:space-between; flex-wrap:wrap}
.rule_list > li{ width:32%; margin-bottom:30px; word-break:keep-all}
.rule_list .icon{ background:#3571f6; color:#fff; font-size:25px; display:flex; justify-content:center; align-items:center; width:60px; height:60px; border-radius:50px;}
.rule_list > li span{ display:block; font-weight:600; color:#1f51c1; margin-top:15px; margin-bottom:20px; font-size:22px;}
.rule_list > li p{ font-size:20px; font-weight:600;margin-bottom:30px;}

/*팝업*/
.popup_layer{ margin:0;padding:0;border-radius:8px;border-top:#002ab3 solid 3px;background:#fff;}
.popup_layer.pop_full{ height:90%;}
.popup_layer h3{ font-size:24px; color:#012c6a; padding:20px 15px;}
.popup_layer h3:before{display:inline-block; width:24px; height:20px; vertical-align:middle; background:url(/images/sub/bullet_blue.png) center no-repeat; background-size:contain; margin-right:10px; content:""}
.popup_layer h4{ font-size:20px; font-weight:400; margin-bottom:20px;}
.popup_layer h4:before{ display:inline-block; width:6px; height:6px; vertical-align:top; background:#0565f0; transform:rotate(45deg); margin-right:10px; content:""}
.popup_layer h5{ font-size:18px; font-weight:500; margin-bottom:20px;}
.popup_layer h5:before{ display:inline-block; width:4px; height:18px; vertical-align:top; background:#002087; border-radius:10px;margin-right:10px; content:""}
.popup_layer h6{ font-size:18px;}
.popup_layer .pop_con{ padding:15px 25px; border-top:#e6effb solid 1px;}
.popup_layer .pop_con p{ line-height:1.3; word-break:keep-all}
.popup_layer .exp{ color:#1089e6; padding:10px 0; font-size:14px;}
.popup_layer .tip{ color:#1089e6; font-size:14px;}
.popup_layer .agree_box{ padding:10px 15px; display:flex; justify-content:space-between; background:#f5f5f5;}
.popup_layer .pop_close{ display:inline-block; font-size:30px; color:#012c6a; position:absolute; right:25px; top:20px;}
.popup_layer .today{ display:inline-block; text-decoration:underline; margin-right:20px;}
.pop_notice{ background:#f2f7ff url(/images/sub/icon_notice.png) 30px center no-repeat; padding:30px 50px 30px 250px;}
.pop_notice .title{ font-size:20px; font-weight:500; margin-bottom:15px; color:#002ab3;}
.pop_notice .text{ color:#636876; line-height:1.5; word-break:keep-all}
.pop_notice .text span{ font-weight:bold; color:#000;}
.popup_layer .ico_security01{background:url(/images/common/icoSecurity01.gif) no-repeat left top;padding-left:22px;height:18px;line-height:18px;display:block;}
.popup_layer .ico_security02{background:url(/images/common/icoSecurity02.gif) no-repeat left top;padding-left:22px;height:21px;line-height:18px;display:block;}
.popup_layer .ico_security03{background:url(/images/common/initech_crossweb_icon_small.png) no-repeat left top;padding-left:22px;height:21px;line-height:18px;display:block;}
.popup_layer .security{background:url(/images/common/security.gif) #f1f1f1 no-repeat 25px 30px;padding:35px 20px 35px 150px; border-radius:10px;}
.popup_layer .security .txt01{font-size:1.3em;font-weight:bold;padding-bottom:10px;}
.popup_layer .securityInfo{margin:10px 0;}
.popup_layer .securityInfo li{font-size:.9em;padding:5px;}
.popup_layer .securityTable thead tr th{padding:10px 5px;}
.popup_layer .securityTable tbody tr td{padding:5px;}
.popup_layer .basic_table tbody tr td .select_custom{height:35px;padding:0 10px;border-radius:5px;border:1px solid #e0e0e0;}

.grade_box{ position:relative;padding-top:15px;}
.grade_box .grade_list{ display:flex;}
.grade_box .grade_list li{ position:relative; width:20%;}
.grade_box .grade_list li.active:before{ position:absolute; left:50%; top:0; transform:translateX(-50%) translateY(-80%); content:"\f606"; font-family:"Font Awesome 5 pro"; font-size:25px; font-weight:500}
.grade_box .grade_list li span{ color:#fff; display:block; padding:10px 0; text-align:center;}
.grade_box .grade_list li:nth-child(1) span{ background:#23a6d2;}
.grade_box .grade_list li:nth-child(2) span{ background:#64bc54;}
.grade_box .grade_list li:nth-child(3) span{ background:#efcf1c;}
.grade_box .grade_list li:nth-child(4) span{ background:#f5933e;}
.grade_box .grade_list li:nth-child(5) span{ background:#ee3f24;}

.agree_box .state{ display:inline-block; padding:5px 10px; border-radius:20px; vertical-align:middle; margin-right:15px; color:#fff;}
.agree_box .grade01{ background:#23a6d2;}
.agree_box .grade02{ background:#64bc54;}
.agree_box .grade03{ background:#efcf1c;}
.agree_box .grade04{ background:#f5933e;}
.agree_box .grade05{ background:#ee3f24;}

.box_blue{ padding:20px; background:#eef7ff}

.tab_con{ display:none;}

/*503*/
.alert_wrap{ background:#f0f5ff}
.alert_wrap .container{ padding:42px 0 120px 0;}
.alert_wrap .logo img{ vertical-algin:middle;}
.alert_wrap .logo span{ display:inline-block; color:#2045bd; font-size:20px; vertical-align:2px; margin-left:15px;}
.alert_wrap .alert_box{ position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; width:1000px; height:570px; margin:0 auto; background:#fff; border-top:#002ab3 solid 2px;}
.alert_wrap .alert_box span{ display:block; font-size:50px; margin-bottom:20px; color:#002ab3}
.alert_wrap .alert_box .title{ font-size:20px; font-weight:500; margin-bottom:30px; color:#002ab3;}
.alert_wrap .alert_box .icon{ display:block; margin-bottom:50px;}
.alert_wrap .alert_box .txt{ font-size:16px; color:#636876; margin:10px 0;}
.alert_wrap .alert_box .btn_gohome{ display:inline-block; background:#18ddf1; color:#fff; padding:15px 30px; border-radius:5px; margin:20px 0;}
.alert_wrap .alert_box .time{ color:#18ddf1}

.alert_wrap .prepare_box{ position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; width:1000px; height:630px; margin:0 auto; background:#fff; border-top:#002ab3 solid 2px;}
.alert_wrap .prepare_box .icon{ display:block; margin-bottom:30px;}
.alert_wrap .prepare_box h2 {font-size:2em;margin:10px 0 30px;}
.alert_wrap .prepare_box p {font-size:1.3em;color:#000;margin-bottom:20px;line-height:1.5;font-weight:500;}
.alert_wrap .prepare_box ul li {color:#000;font-size:1.2em;padding-bottom:10px;}
.alert_wrap .prepare_box ul li ul li {font-size:.9em;padding-bottom:0;}

/*faq_list*/
.faq_wrap{ padding:20px 0 0 0;}
.faq_list{ border-radius:10px; overflow:hidden}
.faq_list li a{ position:relative; display:block; background:#bddeff; padding:15px 30px; color:#012c6a;font-size:18px;font-weight:600; border-bottom:#9dcdfb solid 1px;}
.faq_list li a:after{ position:absolute; right:18px; top:18px;display:inline-block; content:"\f078"; font-family:"Font Awesome 5 pro"; font-weight:bold; transition:all 0.3s}
.faq_list li.open a:after{ transform:rotate(180deg); transition:all 0.3s}
.faq_list li a span{ display:inline-block; margin-right:10px; line-height:25px; color:#fff; font-size:20px; font-weight:600; padding:0 5px; border-radius:5px; background:#324c73; vertical-align:middle}
.faq_list .faq_con{ display:none; background:#fbfbfb;padding:30px 60px;overflow:hidden}
.faq_list .faq_con .title{ font-weight:600; color:#232323; margin-bottom:10px;}
.faq_list .faq_con .title span{ display:inline-block; margin-right:10px; line-height:25px; color:#fff; font-size:20px; font-weight:600; padding:0 5px; border-radius:5px; background:#96c0fd; vertical-align:middle}
.faq_list .faq_con .txt{ font-size:14px; line-height:1.5; padding-left:37px;}

/*시스템관리*/
.system_wrap{ display:flex; justify-content:space-between}
.system_menu{ width:320px;}
.system_menu ul li label:before{ margin-right:0;}
.system_menu ul li a:before{ display:inline-block; content:""; font-size:16px; font-family:"Font Awesome 5 pro"; font-weight:bold;}
.system_menu > ul{ position:relative;}
.system_menu > ul:before{display:block;position:absolute;left:24px;top:3px;bottom:16px;width:1px;border-left:#666 dotted 2px;content:"";}
.system_menu > ul > li{ position:relative; margin-bottom:10px;}
.system_menu > ul > li i{color:#666;}
.system_menu > ul > li:last-child{ margin-bottom:0;}
.system_menu > ul > li > a.link{ display:inline-block;}
.system_menu > ul > li > a.link:before{ content:"\f07b"; margin-right:7px; color:#E6AE2C}
.system_menu > ul > li.open > a.link:before{ content:"\f07c"; font-weight:500;}
.system_menu > ul > li > a.link.open > a:before{}
.system_menu > ul > li > ul{display:none;padding:10px 0 10px 45px;}
.system_menu > ul > li > ul > li{ position:relative; padding-bottom:10px; font-size:14px;}
.system_menu > ul > li > ul > li:last-child{ padding-bottom:0;}
.system_menu > ul > li > ul > li:before{display:block;position:absolute;left:-17px;top:8px;bottom:0;width:10px;border-top:#666 dotted 2px;content:"";}
.system_menu > ul > li > ul > li > a:before{ content:"\f15b"; font-weight:300; margin-right:5px; vertical-align:-2px}
.system_con{ width:1090px;}
/* 가로 스크롤 */
.widthWrap { overflow-x:auto;}
.widthWrap::-webkit-scrollbar {width:7px;height:7px;}
.widthWrap::-webkit-scrollbar-thumb {background:rgb(0,0,0,0.4);height:5px;border-radius:7px;background-clip:padding-box;}
.widthWrap::-webkit-scrollbar-track {border-radius:7px;background:rgb(51,51,51,0.2);}
/* 툴팁 */
.tooltip {position:absolute;z-index:1070;display:block;margin:0;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0;}
.tooltip.show {opacity:0.9;}
.tooltip .arrow {position:absolute;display:block;width:0.8rem;height:0.4rem;}
.tooltip .arrow::before {position:absolute;content:"";border-color:transparent;border-style:solid;}
.bs-tooltip-top,.bs-tooltip-auto[x-placement^="top"] {padding:0.4rem 0;}
.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^="top"] .arrow {bottom:0;}
.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^="top"] .arrow::before {top:0;border-width:0.4rem 0.4rem 0;border-top-color:#000;}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {padding:0 0.4rem;}
.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^="right"] .arrow {left:0;width:0.4rem;height:0.8rem;}
.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^="right"] .arrow::before {right:0;border-width:0.4rem 0.4rem 0.4rem 0;border-right-color:#000;}
.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^="bottom"] {padding:0.4rem 0;}
.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^="bottom"] .arrow {top:0;}
.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {bottom:0;border-width:0 0.4rem 0.4rem;border-bottom-color:#000;}
.bs-tooltip-left,.bs-tooltip-auto[x-placement^="left"] {padding:0 0.4rem;}
.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^="left"] .arrow {right:0;width:0.4rem;height:0.8rem;}
.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^="left"] .arrow::before {left:0;border-width:0.4rem 0 0.4rem 0.4rem;border-left-color:#000;}
.tooltip-inner {max-width:450px;padding:0.25rem 0.5rem;color:#fff;text-align:center;background-color:#000;border-radius:0.25rem;}
.popover {position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:0.3rem;}
.popover .arrow {position:absolute;display:block;width:1rem;height:0.5rem;margin:0 0.3rem;}
.popover .arrow::before, .popover .arrow::after {position:absolute;display:block;content:"";border-color:transparent;border-style:solid;}
.bs-popover-top,.bs-popover-auto[x-placement^="top"] {margin-bottom:0.5rem;}
.bs-popover-top > .arrow,.bs-popover-auto[x-placement^="top"] > .arrow {bottom:calc(-0.5rem - 1px);}
.bs-popover-top > .arrow::before,.bs-popover-auto[x-placement^="top"] > .arrow::before {bottom:0;border-width:0.5rem 0.5rem 0;border-top-color:rgba(0, 0, 0, 0.25);}
.bs-popover-top > .arrow::after,.bs-popover-auto[x-placement^="top"] > .arrow::after {bottom:1px;border-width:0.5rem 0.5rem 0;border-top-color:#fff;}
.bs-popover-right,.bs-popover-auto[x-placement^="right"] {margin-left:0.5rem;}
.bs-popover-right > .arrow,.bs-popover-auto[x-placement^="right"] > .arrow {left:calc(-0.5rem - 1px);width:0.5rem;height:1rem;margin:0.3rem 0;}
.bs-popover-right > .arrow::before,.bs-popover-auto[x-placement^="right"] > .arrow::before {left:0;border-width:0.5rem 0.5rem 0.5rem 0;border-right-color:rgba(0, 0, 0, 0.25);}
.bs-popover-right > .arrow::after,.bs-popover-auto[x-placement^="right"] > .arrow::after {left:1px;border-width:0.5rem 0.5rem 0.5rem 0;border-right-color:#fff;}
.bs-popover-bottom,.bs-popover-auto[x-placement^="bottom"] {margin-top:0.5rem;}
.bs-popover-bottom > .arrow,.bs-popover-auto[x-placement^="bottom"] > .arrow {top:calc(-0.5rem - 1px);}
.bs-popover-bottom > .arrow::before,.bs-popover-auto[x-placement^="bottom"] > .arrow::before {top:0;border-width:0 0.5rem 0.5rem 0.5rem;border-bottom-color:rgba(0, 0, 0, 0.25);}
.bs-popover-bottom > .arrow::after,.bs-popover-auto[x-placement^="bottom"] > .arrow::after {top:1px;border-width:0 0.5rem 0.5rem 0.5rem;border-bottom-color:#fff;}
.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^="bottom"] .popover-header::before {position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid #f7f7f7;}
.bs-popover-left,.bs-popover-auto[x-placement^="left"] {margin-right:0.5rem;}
.bs-popover-left > .arrow,.bs-popover-auto[x-placement^="left"] > .arrow {right:calc(-0.5rem - 1px);width:0.5rem;height:1rem;margin:0.3rem 0;}
.bs-popover-left > .arrow::before,.bs-popover-auto[x-placement^="left"] > .arrow::before {right:0;border-width:0.5rem 0 0.5rem 0.5rem;border-left-color:rgba(0, 0, 0, 0.25);}
.bs-popover-left > .arrow::after,.bs-popover-auto[x-placement^="left"] > .arrow::after {right:1px;border-width:0.5rem 0 0.5rem 0.5rem;border-left-color:#fff;}
.popover-header {padding:0.5rem 0.75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px);}
.popover-header:empty {display:none;}
.popover-body {padding:0.5rem 0.75rem;color:#212529;}

/* 연관과제 목록 */
.subj_list li {color:#000;font-size:14px;padding-left:19px;}
.subj_list li.active{padding-left:0;}
.subj_list li.active:before{ display:inline-block;font-family:"Font Awesome 5 Pro";font-weight:500;content:"\f058";margin-right:5px;}
.subj_list li span {padding-right:5px;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

}