@charset "utf-8";
/* CSS Document */
@import url("2021_remixicon.css");

/* Font
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Poppins:wght@300;400;500;700&display=swap');
*, body, button, select, input,textarea{font-size: 14px;font-family:'Poppins', 'Noto Sans KR',sans-serif;} 
html{max-width: 100%; overflow: auto}
body{position: relative;min-width: 1400px;margin: 0 auto;letter-spacing: -0.5px;font-size: 14px;font-weight: 400;background: #f3f6fa; line-height: 1.6; }
a:hover,a:link, a:active, a:visited{ text-decoration: none; color: inherit} 
.dimmed {position: fixed; left: 0;top: 0;width: 100%;height: 100%;z-index: -29;background-color: #000;opacity: 0;transition: opacity .5s;}
.dimmed.dimd_active{z-index:29;opacity:0.62;}
textarea, input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], select{ font-size: 14px; color: #000 }
.chk input[type="radio"] + span, .chk input[type="checkbox"] + span{ font-size: 14px} 
:focus{ outline: none !important } 
:focus-visible{ outline: 1px dotted #000 !important} 
input[type='text'], input[type='number'], input[type='password'], input[type="email"], select {max-width: 100%;height: 34px;padding: 5px 15px 5px;font-size: 14px;border: 1px solid #cdd0db;box-sizing: border-box;background: #fff;color: #000;border-radius: 5px; outline: none !important; font-weight: normal; height: 34px; line-height: 34px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select {min-width: 80px;line-height: 32px;padding: 0 30px 0 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(../images/select.svg)no-repeat right 10px top 50%;box-sizing: border-box;background-size: 7px;}
textarea:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus {box-shadow: none;outline: none !important;}
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
/*
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: background-color 5000s;}
*/
select option:disabled{ background: #fff} 

input[type="text"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, .selectboxit-container:focus, select:focus, ._form._both ._insert.tableWrap input:focus, ._form._both ._insert.tableWrap textarea:focus, ._form._both ._insert.tableWrap select:focus,input.dates:focus{ border-color: #0069d9} 
button {padding: 0;border: 0;background: transparent;cursor: pointer;-webkit-appearance: none;letter-spacing: -0.015em;color: #000;}
.buttons, .button_type {display: inline-block;vertical-align: middle;text-align: center;overflow: visible;line-height: 32px;height: 34px;color: #fff;font-size: 15px;background: #888;border-color: #7fa4d6;border-radius: 17px;min-width: 112px;padding: 0 15px;}
input[type='text']:disabled, input[type='number']:disabled, input[type='password']:disabled, input.disabled, select:disabled,input[type="email"]:disabled{color: #2c2c2c !important;background: #f6f7f7 !important;} 
::-webkit-input-placeholder { color:#999 !important; font-weight:normal; font-style: normal; font-size: 14px}
::-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal; font-size: 14px }
:-ms-input-placeholder { color:#999 !important; font-weight:normal !important; font-style: normal ; font-size: 14px}
:-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal; font-size: 14px }

.new2021_bx input[type='text'], .new2021_bx input[type='number'], .new2021_bx input[type='password'], select{ width: auto; text-indent: 0; line-height: 1 } 

/* common 
-------------------------------------------------------------- */
.blind, .hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
i.bullet{ display: inline-block; width: 6px; height: 6px; vertical-align: middle; margin-right: 5px} 
.bull_txt{ color: #fff; font-size: 12px; padding: 0 5px; min-width:40px; display: inline-block; border-radius: 4px} 
.sr,.sr-only{clip: rect(1px, 1px, 1px, 1px);position: absolute;margin: -1px;height: 1px;width: 1px;border: 0;padding: 0;overflow: hidden;word-wrap: normal;}
.ws_nw{ white-space: nowrap} 
.cmt {font-size: 0.82rem;font-weight: 400;display: inline-block;white-space: nowrap;}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.db{display:block !important;}
.dib{display:inline-block !important;}
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;}
.need{font-size:14px;color:#fb5c54 !important;}
.dotdot{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} 
.fl{ float: left !important} 
.fr{ float: right !important} 
.h50{height: 50px}.h65{height: 65px !important}.h100{height: 100px}.h150{height: 150px}.h200{height: 200px}.h300{height: 300px}.max{width:100% !important;}.half{width:50% !important;}.w70px{width:70px !important;}.w100px{width:100px !important;}.w138{width:138px !important;}.w140{width:140px !important;}.w150{width:150px !important;}.w200{width:200px !important;}.w240{width:240px !important;}.w270{width:270px !important;}.w300{width:300px !important;}.w350{width:350px !important;}.w400{width:400px !important;}.w520{width:520px !important;}
.half + .half{ width: calc(50% - 10px) !important} 
/* padding 
-------------------------------------------------------------- */
.pdt0{padding-top:0px !important;}.pdt5{padding-top:5px !important;}.pdt10{padding-top:10px !important;}.pdt15{padding-top:15px !important;}.pdt20{padding-top:20px !important;}.pdb0{padding-bottom:0px !important;}.pdb5{padding-bottom:5px !important;}.pdb10{padding-bottom:10px !important;}.pdb15{padding-bottom:15px !important;}.pdb20{padding-bottom:20px !important;}.pdr40{padding-right:40px !important;}.pdl20{padding-left:20px !important;}
/* margin
-------------------------------------------------------------- */
.mgt0{margin-top:0px !important;}.mgt1{margin-top:1px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}.mgt40{margin-top:40px !important;}.mgt45{margin-top:45px !important;}.mgt50{margin-top:50px !important;}.mgb0{margin-bottom:0px !important;}.mgb1{margin-bottom:1px !important;}.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgl0{margin-left:0px !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl15{margin-left:15px !important;}.mgl20{margin-left:20px !important;}.mgl40{margin-left:40px !important;}.mgl70{margin-left:70px !important;}.mgr0{margin-right:0px !important;}.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr15{margin-right:15px !important;}.mgr20{margin-right:20px !important;}.mgb10{margin-bottom:10px;}

/* color
-------------------------------------------------------------- */
.pink{color:#ec4545 !important}
.bgpink{ background:#ec4545; } 
.bgblue{ background-color: rgba(32,63,184,1.00) } 
.bggreen{ background-color: #89c330} 
.bgyellow{ background-color: #fdb813} 
.bggray{background-color:#999}
.bgdarkgray{background-color:#494949 !important}
.bglightgray{background-color:#ddd}
.bgred{background-color:#DB090D}
.blue{ color: #318bc0}
.green{ color:#89c330;}
#edx_link {text-decoration: underline;color:#1456a0;}


/***************
ELEMENT
***************/
/* 테이블 */
table{ border-top: 1px solid #d2d6e1; } 
.new2021_bx table{ width: 100%} 
table thead th{ background: #f3f4f9; font-size: 0.95rem; padding: 10px 15px; border-bottom: 1px solid #d2d6e1; text-align: center; font-weight: 500; } 
table tbody th, table tbody td,table tfoot th, table tfoot td{ border-bottom: 1px solid #d2d6e1; padding: 10px 15px; text-align: center; font-weight: 400; color:rgb(102, 111, 140);} 
table tfoot th, table tfoot td{ font-weight: bold;border-top: 1px solid #d2d6e1; border-right: 1px solid #d2d6e1; } 
table tfoot tr:first-of-type th, table tfoot tr:first-of-type td{ border-top: 3px double #d2d6e1} 
table tfoot tr td:last-of-type{ border-right: none} 
table tbody tr:last-of-type th, table tbody tr:last-of-type td{ border-bottom: none} 




/*
td a[target="_blank"]:after{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\F2C6"; padding-left: 5px} 
*/
table tbody td a { color: #1456a0; line-height: 1.4; word-break: break-all}
table .thum{ margin: 0 auto; border: 1px solid #cdd0db; width: auto; max-width: 120px; min-height: auto} 
table tbody td{ word-break: break-all} 


table.table_detail table.table-bordered tbody th{ background: #f1f1f1; border-color: #ddd} 
table.table_detail table.table-bordered tbody th, table.table_detail table.table-bordered tbody td{ text-align: left} 


/*컨텐츠 하단 버튼*/
.btn_bottom{margin-top:40px;text-align:center;}
.btn_bottom .buttons{margin:0 5px;width:190px;height:45px;line-height:45px;border-radius:0px;color:#252525;background:#fff; border: 1px solid rgba(104, 115, 143,0.5);}
.btn_bottom .buttons.color{background:rgb(0, 105, 217);color:#fff; border-color:rgb(0, 105, 217); }
.btn_bottom button{ background: #68738f; height: 45px; min-width: 120px; color: #fff; font-size:14px; border-radius: 5px; vertical-align: top} 
.btn_bottom button.buttons.color{ background: rgb(0, 105, 217)} 
.btn_bottom button.bd{ background: #fff; border-color:#68738f;color:#68738f } 
.btn_bottom button.bd.color{ background: #fff; border-color:rgb(0, 105, 217);color:rgb(0, 105, 217); } 
.btn_bottom .sel_bx{display: inline-block; line-height:45px; color:#68738f; vertical-align: top } 
.btn_bottom button + .sel_bx{ margin-left: 30px} 
.btn_bottom select{ height: 45px; min-width: 120px; color: #68738f; font-weight: 500} 
.btn_bottom button:disabled{ opacity: .35; cursor:auto } 
.tdbtn{ border: 1px solid #c8c8c8; color: #252525;; background: #fff; padding: 0 5px; line-height: 32px; min-width: 76px; border-radius: 3px; font-size: 0.8rem;}
.tdbtn i {line-height: 32px;vertical-align: top;}
.tdbtn:disabled, .table_detail button.tdbtn:disabled{ background:rgba(230,230,230,0.24) !important; color: #888 !important;border: 1px solid rgba(230,230,230,0.84) !important; cursor:default} 
._articleContent table._table + ._areaButton ._right { height: auto}

/* radio */
.chk{position:relative;display:inline-block;margin-left:30px;z-index:0; text-align: left; overflow: hidden; vertical-align: top; }
.chk input[type="radio"]{position:absolute;top:3px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1;}
.chk input[type="radio"] + span{position:relative;display:inline-block;font-size:14px;vertical-align:middle;cursor:pointer;color:#666f8c;z-index:2; background: #fff; text-align: left; line-height: 34px}
.chk input[type="radio"] + span:before{float:left;content:"";display:inline-block;margin:9px 10px 0 0;vertical-align:text-bottom;cursor:pointer; border: 1px solid #cdd0db;width: 16px; height: 16px; box-sizing: border-box; border-radius: 100%; background: #fff}
.chk input[type="radio"]:checked + span{} 
.chk input[type="radio"]:checked + span:before{background:#000; border-color: #000}
.chk input[type="radio"]:checked + span:after{ background:#fff; position: absolute; left: 5px; top:14px; width: 6px; height: 6px; display: block; content: ""; border-radius: 100% } 
.chk input[type="radio"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6; border-color: #999 }
.chk input[type="radio"]:checked:disabled + span:after{ background: #fff}
.chk input[type="radio"]:disabled + span{ font-weight: 400; color: #c3c6d0} 


/*check*/
.chk:first-child{margin-left:0;}
.chk input[type="checkbox"]{position:absolute;top:10px;left:2px;width:10px;height:10px;background:none;border:none;z-index:1;}
.chk input[type="checkbox"] + span{position:relative;display:inline-block;font-size:14px;line-height:34px;vertical-align:middle;cursor:pointer;z-index:2; text-align: left}
.chk input[type="checkbox"] + span:before{float:left;content:"";display:inline-block;margin:8px 10px 0 0;vertical-align:text-bottom;background:#fff;cursor:pointer; border: 1px solid #cdd0db;width: 16px; height: 16px; box-sizing: border-box}
.chk input[type="checkbox"]:checked + span{ } 
.chk input[type="checkbox"]:checked + span:before{background:#222;border: 1px solid #222; }
.chk input[type="checkbox"]:checked + span:after{ position: absolute; left:0; top:0; width: 16px; height: 16px; display: block;font-family: "remixicon"; font-style: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB7B"; color: #fff; font-weight: bold} 
.chk input[type="checkbox"]:disabled + span:before{ opacity: 0.5; background:#d7dbe6 }
.chk input[type="checkbox"]:checked:disabled + span:after{ color: #fff}
.chk input[type="checkbox"]:disabled + span{ font-weight: 400; color: #c3c6d0} 

/* 기존 달력 */
.cal_type > p > label.pickerlabel{ background: none; border: none; width: 34px; height: 34px; right:24px; } 
.cal_type > p > label.pickerlabel:before{ position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\EB25"; line-height: 34px; color: #666f8c } 
.cal_type{ width: auto !important; white-space: nowrap} 
.cal_type > p{ width: auto} 
.cal_type > p > span input.hasDatepicker,.cal_type > p > span input{ height: 34px; width: 180px; padding-right: 35px} 
.cal_type > p ~ p{ margin-left: 0} 
.cal_type > p ~ p:after{ left: -27px}

/* date, clock*/
input.dates,input.dates1{width:138px;padding-right:35px;text-align:left;border: 1px solid #cdd0db; background: none ; border: none }
table input[type=text].dates,table input[type=text].dates1{vertical-align:middle; width: 138px; margin: 1px 0; line-height: 1}
.date_dash{display:inline-block;width:15px;height:34px;line-height:34px;text-align:center;font-size:15px;}
span.date{ position: relative; display: inline-block;border: 1px solid #cdd0db; background: #fff; border-radius: 5px; line-height: 1} 
span.date:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\EB25"; position: absolute; right: 0; top: 0;width: 30px; line-height: 34px; color: #666f8c } 
span.date input[type=text], span.date input[type=text]:read-only{ cursor: pointer; position: relative;} 
input.dates:disabled,input.dates1:disabled{color:#aaa !important; background: rgba(0,0,0,0.03) !important }
span.date,span.clock{ display: inline-block; vertical-align: middle} 
.ui-datepicker .ui-datepicker-header{ padding: 3px 0} 
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ margin:0 3px}


.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{ top: 0 !important; margin-top: 0; text-align: center; height: 33px; width: 33px}
.ui-datepicker .ui-datepicker-prev{ left: 0 !important} 
.ui-datepicker .ui-datepicker-next{ right: 0 !important} 
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover span,.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover span{ background: none; top: 0; margin-top: 0; left: 0; margin: 0; height: 100%; width: 100%}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover{ background: rgba(0,0,0,0.3); border: none} 


.ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\EA64"; color: #fff; font-size: 20px; text-indent: 0; height: 100%; line-height: 33px; text-align: center; font-weight: 400 } 
.ui-datepicker .ui-datepicker-next span:before{content: "\EA6E";}





																																																														 
																																																		 
																												 
																																																		
							
															 
															 
																
 
					
															 
															 
																
 
							
															 
															 
															 
 
					
															 
															 
															 
 


/*file*/
.file_box {position:relative;overflow:hidden;padding-right:215px;}
.file_box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0; display: inline-block}
.file_box input[type='text']{width:100%;}
.file_box input[type='text']:read-only{background:#fff !important;}
.file_box input[type='text']:disabled{background:#f6f7f7 !important;} 
.file_box .button_type{position:absolute;top:0;right:110px;width:100px;background:#5f87d9; margin: 0; border-radius: 3px; border: 1px solid #0069d9; color: #0069d9; background: #fff; font-size: 0.8rem; min-width: inherit}
.file_box input[type='text']:disabled + .button_type{ opacity: 0.5} 
.file_box .tdbtn.upload_btn{position:absolute;top:0;right:0px;width:100px; padding: 0 15px; color: #fff !important; background:#666; border-color: #666 } 
.detail_wrap td .downBtn{ position: relative} 
.detail_wrap td .downBtn:before{ right: 10px} 

/* slide 형 파일업로드 */
.file_box.slide{ padding-left: 0; padding-right: 0;}
.file_box.slide .button_type, .file_box.slide .tdbtn.upload_btn{ position: relative; right: auto; width: auto} 
.file_box.slide input[type='text']:read-only{border: none} 
.file_box.slide .btn_x img{ width: 10px;} 
.file_box.slide .btn_x { display: inline-block; margin-left: 12px; padding: 3px; background: #fff; text-decoration: none}
.file_box.slide p.txt{ padding-top: 5px; padding-left: 5px} 
.file_box.slide p.txt a{ color: blue; text-decoration: underline} 
.slide .slidebar .bar_bg{ background-color: rgb(238, 238, 238); overflow: hidden;border-radius: 10px; width: calc(100% - 150px); height: 6px; display: inline-block; vertical-align: middle; margin-right: 12px}
.slide .slidebar .bar_bg .bar{ width: 100%; display: block; height: 100%; background: rgb(0, 105, 217);;border-radius: 10px;}


/* popup
-------------------------------------------------------------- */
.layer_wrap{display:none;position:fixed;top:0; left: 0; width: 100%; height: 100%; z-index:999; background:rgba(0,0,0,.7); }
.layer_wrap .layer_box{left:50%;width:460px;background-color:#fff; top: 50%;transform:translate(-50%, -50%); position: absolute;background-color: #fff;padding: 40px 30px ; border-radius: 10px; overflow: hidden; min-height: 260px; max-height:90%; max-width:85%}
.layer_wrap .layer_box img{ max-width: 100%!important} 
.layer_wrap .layer_title{display:block;margin-bottom:20px;font-size:24px;color:#252525;border-bottom:2px solid #333; padding:0 0 10px 0; font-weight: 700; line-height: 1.3}
.layer_wrap .layer_box .f_tit{margin-bottom: 2px;font-size: 16px;color: #252525; font-weight: 500;}
.layer_wrap .btn_layer_close{position:absolute;right:30px;top:20px;width:30px;height:30px;font-size:0;}
.layer_wrap .btn_layer_close:after{position:absolute;left:50%;top:50%; transform: translate(-50%,-50%);width:100%;height:100%;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB99"; font-size:30px; color: #666; display: block; line-height: 28px }
.layer_wrap.active,.layer_wrap.active ~ .overlay{display:block;}
.layer_wrap input, .layer_wrap select, .layer_wrap textarea{ text-indent: 0}
.layer_wrap textarea{height:130px;}
.layer_wrap .group{text-align:center;margin-top: 10px; padding: 15px 12px; background: #eef5fb;}
.layer_wrap .group>.buttons{margin:0 3px; border: 1px solid #0069d9; border-radius: 5px; background: none; color:#0069d9; font-size: 1rem }
.layer_wrap .group:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.layer_wrap .group>.buttons.color{ background:#0069d9; color: #fff } 
.layer_wrap .content{ padding: 0; max-height:calc(90vh - 250px); min-height: 70px; overflow: hidden;overflow-y: auto;}
.layer_wrap .content.ext{ max-height:calc(90vh - 195px); } 
.layer_wrap .content::-webkit-scrollbar {-webkit-appearance: none;}
.layer_wrap .content::-webkit-scrollbar:vertical {width: 12px;}
.layer_wrap .content::-webkit-scrollbar:horizontal {height: 11px;}
.layer_wrap .content::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid white;background-color: #ccc}
.layer_wrap .table_list{margin-bottom:0;}
.layer_wrap .table_list th, .layer_wrap .table_list td{height:36px;}
.layer_wrap.alert{padding-top:60px;}
.layer_wrap.alert .group{margin-top:35px;}
.layer_wrap .form_list{ padding:10px 15px} 
.layer_wrap .form_list > li + li{ border-top: 1px solid #eee; margin-top: 15px; padding-top: 15px} 
.layer_wrap .form_list li .f_tit{ font-size: 15px}
.layer_wrap .form_list li .f_tit .info{ margin-left: 100px; color: red; }  
.layer_wrap .form_list li .f_txt{ padding: 5px 0; color: #888; margin-top: 0 !important} 
.layer_wrap .form_list dl.f_list{ display: flex; align-items: center; justify-content: space-between}
.layer_wrap .form_list dl.f_list+.f_list{ margin-top: 10px}
.layer_wrap .form_list dl.f_list dt{ width:90px; font-weight: 500} 
.layer_wrap .form_list dl.f_list dd{  flex-basis: 100%} 
.layer_wrap .btm_group{ margin-top: 30px;border-top:1px solid #333; padding-top: 20px; text-align: center} 
.layer_wrap .btm_group > .buttons{ border: 1px solid #0069d9; border-radius: 5px; background: none; color:#0069d9; font-size:13px} 
.layer_wrap .btm_group > label{ line-height: 34px} 
.layer_wrap .group:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.layer_wrap .btm_group>.buttons.color{ background:#0069d9; color: #fff } 
.layer_wrap .search_wrap{ padding:10px 15px; margin: 0; background: #f3f3f3; border-radius: 6px; border: 1px solid #ddd} 
.layer_wrap .table_search{ width: 100%} 
.layer_wrap table th, .layer_wrap table td{ font-size: 14px} 
.layer_wrap .table_search td { padding-right:40px;}
.layer_wrap .table_search tr td:last-of-type { padding-right:0px;}
.layer_wrap .summary_list{} 
.layer_wrap .summary_list a{ text-decoration: underline; color: blue}
.layer_wrap .summary_list dt, .layer_wrap .summary_list dd{ float: left; width: 80px; padding: 5px 0}
.layer_wrap .summary_list dt{ clear: left; position: relative; padding-left:12px} 
.layer_wrap .summary_list dt:before{ position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background: #333; border-radius: 100%; content: "" }
.layer_wrap .summary_list dd{ width: calc(100% - 80px); float: right} 
.layer_wrap .summary_list:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.layer_wrap .content > *:last-child{ padding-bottom: 0}
.layer_wrap .content > .search_wrap{ padding-bottom: 15px} 
/* 탈퇴처리 */
.layer_wrap.drop .form_list{ padding:20px 20px 20px 20px; background: #f3f3f3; border-radius: 6px; border: 1px solid #ddd; margin-top: 20px} 
.layer_wrap.drop .form_list li .f_txt{ padding:0px 0 0 0; color: #333} 
.layer_wrap.drop .info_box{ margin-top: 30px; font-size: 14px; color: #666} 
.layer_wrap.drop .info_box h3{ margin-bottom: 10px; font-weight: 500} 


/* 레이어 사이즈 조정 */
.layer_wrap.example .layer_box,
.layer_wrap.history_del .layer_box,
.layer_wrap.drop .layer_box{ width:900px}
.layer_wrap.stulec_add .layer_box, .layer_wrap.fileupload_excel .layer_box{ width:700px}
.layer_wrap.receiver .layer_box{ width:1200px; max-width: 100%}
/***************
컬러픽커 
***************/
.sp-original-input-container .sp-add-on{ position: absolute; right: 0; top: 0; height: 34px; z-index: 1; width: 34px !important; border: none !important; border-left: 1px solid #cdd0db !important;} 
input.spectrum.with-add-on{ background: none; height: 34px; overflow: hidden; z-index: 2; position: relative; border: 1px solid #cdd0db !important; border-radius: 5px !important; padding-left: 15px; width: 175px} 
.sp-original-input-container{border-radius: 5px !important; overflow: hidden} 
.sp-container button.sp-choose{ background-color: #0069d9 !important}
/***************
로그인 
***************/
body.login_body{ background:rgba(0,105,217,1) ; text-align:center; font-size:16px; height:100vh; min-height: 830px }
body.login_body h1{ position:absolute; left:50%; top:50px;font-weight: bold; font-size:16px; text-align:left; z-index:5; padding:0 0; font-size:22px; letter-spacing:-1px; line-height:42px; transform: translateX(-50%); margin-top: 50px}
body.login_body h1 img{ vertical-align:top; height:35px }
body.login_body footer{ display:block; background:#092443; height:56px; position:absolute; bottom:0; width:100%; font-size:12px; color:rgba(255,255,255,0.3); line-height:56px; z-index:10;}
body.login_body canvas#canvas {display: block; overflow:hidden; box-sizing:border-box; position:absolute; left:50%; top:50%; z-index:2;transform: translate(-50%,-50%); height: 600px; margin-top: -20px} 
body.login_body #particles-js{ position: relative; width: 100%; height: 100%; z-index:3; box-sizing:border-box }
/* 로그인 */
.login{ width:600px; position:absolute; left:50%; top:50%; z-index:3;transform: translate(-50%,-50%); min-height: 660px}
.login p{ font-size:23px; padding:160px 30px 10px 30px ; text-align: center; font-weight:400; line-height: 1.43; color:rgba(0,105,217,1); margin: 0; color: #092443}
.login p em,.login p em i{ font-style:normal;font-size:26px; font-weight:700 }
.login p em i{ color:rgba(0,105,217,1) } 
.login p strong{ display:block; padding-top:0px; color:#000; font-weight:300;font-size:18px; }
body.login_body form { width:500px; margin: 0 auto;border-radius: 10px; margin-bottom: 60px; display:block;}
.login form p{ font-size:22px; padding:10px 0 10px 0; height: 35px}
.login form p.error{ display: none;} 
.login form p.error strong{ color:#CB004B; font-weight: 300; font-size:17px}
.floating-placeholder { font-size: 24px; line-height:90px; height:70px; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid rgba(0,105,217,0.8); padding-bottom:5px }
.floating-placeholder input {}
.floating-placeholder input:focus + label { color: #777;}
.floating-placeholder input[value] + label { color: #777;}
.floating-placeholder { position: relative; width:350px; margin:0 auto}
.floating-placeholder input { font-size:20px; border: none; outline: none; position: absolute; top: 10px; left: 0; display: block; background: transparent; z-index: 2;text-indent:0; color:#fff; line-height:90px; height:70px; box-sizing:border-box; width:100%; padding: 0; color: #000; width: 350px}
.floating-placeholder:last-child input {}
.floating-placeholder label {display: block;position: absolute;top: 0; left:0px; font-size: 20px; z-index: 1; -moz-transform-origin: 0 0em; -ms-transform-origin: 0 0em; -webkit-transform-origin: 0 0em; transform-origin: 0 0em; -moz-transition: -moz-transform 160ms, color 200ms; -o-transition: -o-transform 160ms, color 200ms; -webkit-transition: -webkit-transform 160ms, color 200ms; transition: transform 160ms, color 200ms; -moz-transform: scale(1, 1) rotateY(0); -ms-transform: scale(1, 1) rotateY(0); -webkit-transform: scale(1, 1) rotateY(0); transform: scale(1, 1) rotateY(0); color: rgba(0,105,217,1);}
.floating-placeholder input:valid ~ label, .floating-placeholder input.valid ~ label { -moz-transform: scale(0.55, 0.55) rotateY(0); -ms-transform: scale(0.55, 0.55) rotateY(0); -webkit-transform: scale(0.55, 0.55) rotateY(0); transform: scale(0.55, 0.55) rotateY(0); line-height:3.5; color:rgba(0,105,217,1)}
.floating-placeholder input:valid ~ label span, .floating-placeholder input.valid ~ label span{ opacity: 0}
.floating-placeholder input:valid, .floating-placeholder input.valid {line-height:90px;}
.floating-placeholder input#id:valid, .floating-placeholder input#id.valid{ width: 220px} 
.login button.ok{ height:56px; background:rgba(0,105,217,1); color:#fff; outline:none; border:none;overflow:hidden; position:relative; cursor:pointer; margin-bottom:10px; transition: .3s; margin-top: 30px; padding: 0; border-radius: 100%; width: 90px; height: 90px}
.login button.ok span.blind{ line-height:26px; width: auto; height: auto; position: relative; visibility: visible; font-size:16px } 

.login button.ok:before{font-size:22px;text-align:center; text-indent:0; width:100%; content:"\EED6";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; display: block; margin-bottom: 5px}

login span.miss{display:block;color:rgba(255,255,255,0.75); font-size:12px; text-decoration:none; font-weight:100; text-align:center; font-size:13px; padding-top: 15px}
.login span.miss a{ color:rgba(255,255,255,0.75); font-size:12px; text-decoration:none}
.id_save{ display: none; position: absolute; right: 0; top:30px; font-size: 16px; white-space: nowrap; width: 100px; z-index: 5} 
.id_save .chk input[type="checkbox"] + span{font-size: 16px} 
.id_save label.chk{ line-height: 34px}
.login button.ok:hover{ background: #092443;color:rgba(255,255,255,1);} 


/**************** 
대시보드
****************/
.innertab_wraping.dashbd{width: 100%; padding-bottom: 80px}
.innertab_wraping.dashbd > .container{ position: relative; max-width: none; width: 100%; padding: 20px 0 0px 0; margin: 0} 
.dashbd .bt_bx{ position: absolute; right: 0; top: 38px} 
.dashbd .bt_bx .bt_more{ display: inline-block; background:none; color:#6a737b; padding: 0px 0px 0px 30px; line-height: 1 } 
.dashbd .bt_bx .bt_more:hover{ border-color: #333} 
.dashbd .bt_bx .bt_more:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA6E"; vertical-align: top; margin-left: 12px }


.dashbd h3{display: block;padding: 0 0 20px; margin-bottom: 0; padding-bottom: 0px;font-size: 22px;line-height: 150%;font-weight: 600;color: #2D2F39;letter-spacing: -0.5px; height:56px;line-height: 56px} 
.dashbd h3 > span{ font-size: 13px; letter-spacing: 0; font-weight: 400; line-height: 56px; display: inline-block; vertical-align: middle; margin-left: 10px} 

.dashbd .box{border: 1px solid #e3e7e8;border-radius: 10px;background-color: #fff;margin-bottom: 30px;padding: 0px 10px 20px 20px; float: left; width: calc(50% - 20px);} 
.dashbd .group .box{width: calc(33.333% - 27.5px); margin-left: 40px; padding: 0 30px 30px 30px; overflow: hidden; position: relative} 
.dashbd .group .box:first-of-type{ margin-left: 0} 
.dashbd .box svg g text{font-size: 12px } 
.tip{ padding: 10px; font-size: 14px; }
.tip p{ white-space: nowrap; color: #666} 
.tip p em, .tip p strong{ font-weight: 600; color: #000} 
.tip p em{ padding-left: 5px; color: #3366cc} 
.dashbd .group .chart_box{ width: 280px; margin: 0 auto} 
.dashbd .group h4{ border-bottom: 1px solid #ddd; line-height: 60px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; margin-bottom: 20px } 
.dashbd .group .total{ position: absolute; left:50%; top: 50%;width: 280px; transform: translate(-50%,-50%); text-align: center; margin-top:25px; font-size: 14px; font-weight: 300; line-height: 1.3} 
.dashbd .group .total > strong{ display: block; font-weight: 700; font-size: 18px } 
.dashbd .info{ font-size: 14px; margin-left:5px; line-height: 46px; position: relative; } 
.dashbd .info i{ line-height: 40px; cursor: pointer} 
.dashbd .info .info_bx{ position: absolute; left:-50px; top: 30px; width: 250px; z-index: 2; line-height: 1.6; font-size: 13px; color: #666; background: #fff; border: 1px solid #aaa; border-radius: 3px; padding:30px 15px 15px 15px; display: none} 
.dashbd .info .info_bx .bt_close{ width: 20px; height: 20px; position: absolute; right: 10px; top:5px; text-align: center } 
.dashbd .info .info_bx .bt_close:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB99"; font-size: 18px; line-height: 20px}
.dashbd .info.active .info_bx{ display: block} 
.dashbd .box.nodata{ width: 100%; padding: 50px; text-align: center; font-size: 15px; font-weight: 200 } 
.dashbd .box.nodata:before{ font-size:60px; text-align: center; display: block; margin-bottom: 10px;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EA21"; }
.dashbd .now .box{ position: relative; padding-top: 20px} 
.dashbd .now .box h4{ position: absolute; left:20px; top: 30px; z-index: 2; padding-left: 10px; line-height: 15px; } 
.dashbd .now .box h4:before{ content: ""; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; background:#3366cc; border-radius: 100%} 
.dashbd .now .box.fr h4:before{background:#5ecba1; }
.dashbd .now .box h4 > span{ font-size: 13px; color: #666} 
.dashbd .now .box h4 .info i, .dashbd .now .box h4 .info{ line-height: 15px} 
.dashbd .now .box h4 .info i{ vertical-align: top} 
/*
.dashbd .now .box .info_box{ width: 200px; border: 1px solid #999; background: #fff; font-size: 13px; background: #fff; color: #555; padding: 15px; border-radius:5px; word-break: keep-all; position: absolute; left: 0; top: 25px; display: none}
*/
.dashbd .now .box.fr h4:hover .info_box{ display: block} 

/**************** 
레이아웃 
****************/

/* 헤더 */
header{ background:#fff; display:block; position:relative; z-index:30; overflow: visible; border-bottom: 1px solid #e9e9e9} 
h1{ font-weight:400; font-size:16px; text-align:left; z-index:5; padding:0px 30px; font-size:18px; letter-spacing:-1px; display:inline-block; text-align:left; line-height:50px; float: left}
h1 img{ vertical-align:top; height:30px; max-width: 100%; vertical-align: middle}
.util_b{ display: block ; height: 50px ; line-height: 50px ; float: right; margin-top:0 } 
header nav{vertical-align: middle; line-height: 1; margin: 0 auto; display: block; float: none; clear: both; border-top: 1px solid #ddd}
header nav .main_nav>li>button span{display:block;position:relative;font-weight:900;text-transform:uppercase;}
header nav .main_nav{ display: table; margin: 0 auto;}
header nav .main_nav>li{padding:0 35px; position: inherit; margin: 0; line-height: 52px; display: table-cell; text-align: left}
header nav .main_nav>li:first-child{margin-left:0;}
header nav .main_nav>li>a{position:relative;height:72px;font-size:18px;color:#000;padding:10px 0; display: inline-block; font-weight: 700 !important; border: none !important; position: relative}
header nav .main_nav>li>a.active:after,header nav .main_nav>li.active:hover>a:after{display:block;content:'';position:absolute;left:0;bottom:0;width:0%;height:4px;background-color:#0069d9;transition:width 0.2s; z-index: 2}
header nav .main_nav>li.active:hover>a,
header nav .main_nav>li>a.active{color:#0069d9 !important; text-decoration: none !important}
header nav .main_nav>li.active:hover>a:after,
header nav .main_nav>li>a.active:after{width:100%;}
header nav .drop_depth{display:none;position:absolute;left:0;top:120px;z-index:1;width:100%;padding:40px 0 50px;background-color:#fff; border-top: 1px solid #e9e9e9}
header nav .sb_2depth{margin: 0 auto; padding-left:35px }
header nav .sb_2depth>li{flex:none;margin-top:40px; margin-left: 0; float: left; max-width: 200px; word-break: keep-all; line-height: 1 }
header nav .sb_2depth>li:nth-child(n+1){margin-top:0; margin-left:90px}
header nav .sb_2depth>li:nth-child(7n+1){ margin-left:0; clear: left}
header nav .sb_2depth>li>a{font-weight:500;font-size:17px;color:#000; padding: 5px 0; line-height: 1.6}
header nav .sb_2depth>li>a.active{color:#0069d9;} 
header nav .sb_2depth>li:nth-child(7n+5){padding-left:0px;}
header nav .sb_3depth{margin-top:10px;line-height:28px;}
header nav .sb_3depth>li>a{font-size:16px;color:#454545; font-weight: 400; padding:6px 0; display: inline-block}
header nav .sb_3depth>li>a:hover, header nav .sb_3depth>li>a.active{color:#0069d9 !important;}
.user .auth{ font-weight: 400; color:#000; font-size: 14px !important}
.user .auth:before{ content: "["} 
.user .auth:after{ content: "]"} 
.user .name{font-weight: 700; color:#0069d9; font-size: 14px !important}
.user, .login_ok, .manual_ok{ float: left} 
.util_b .user a:before{content:"\F26E";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; width: 30px; height: 30px; display: inline-block; border-radius: 100%; background: #0069d9; vertical-align: top; text-align: center;color:#fff; line-height: 30px; font-size: 20px; margin-right: 5px; margin-top:10px }
.login_ok{ padding-right: 30px; margin-left: 10px} 
.login_ok button{ border: 1px solid #0069d9; color: #0069d9; line-height:28px; padding: 0 15px; border-radius: 20px; height: 30px} 
.login_ok button.bt_logout:before{content:"\EEDA";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right: 5px; vertical-align: top;}

.manual_ok{ margin-left: 30px; }
.manual_ok button{ border: 1px solid #0069d9; color: #0069d9; line-height:28px; padding: 0 15px; border-radius: 20px; height: 30px}
.manual_ok button.bt_manual:before{content:"\ead2";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-right: 5px; vertical-align: top;}

/**/
header nav .main_nav,header nav .sb_2depth{width:1300px;}
header nav .sb_2depth{ display: flex; justify-content: flex-start} 
header nav .teacher_nav, header nav .teacher_nav .sb_2depth{ width: auto; display: table; min-width: 600px; max-width: 1300px} 
header nav .teacher_nav .sb_2depth {padding-left: 0px !important; padding-right: 0 !important; display: flex; justify-content: center !important}
header nav .teacher_nav .sb_2depth>li{ margin-left: 0 !important; margin-right: 90px !important; clear: none !important} 
/* 메뉴 사이즈 설정

header nav .main_nav>li:nth-of-type(2) .sb_2depth{ padding-left:190px } 
header nav .main_nav>li:nth-of-type(3) .sb_2depth{ padding-left:363px } 
header nav .main_nav>li:nth-of-type(4) .sb_2depth{ padding-left:510px } 
header nav .main_nav>li:nth-of-type(5) .sb_2depth{justify-content: center;padding-left:550px } 
header nav .main_nav>li:nth-of-type(6) .sb_2depth{justify-content: center;padding-left:410px } 
header nav .main_nav>li:nth-last-of-type(1) .sb_2depth, header nav .main_nav>li:nth-last-of-type(2) .sb_2depth{ justify-content: flex-end; padding-right: 50px}
header nav .superteacher_nav>li:nth-of-type(2) .sb_2depth{ padding-left:190px } 
header nav .superteacher_nav>li:nth-of-type(3) .sb_2depth{ padding-left:360px } 
header nav .superteacher_nav>li:nth-of-type(4) .sb_2depth{ padding-left:510px } 
header nav .superteacher_nav>li:nth-of-type(5) .sb_2depth{justify-content: flex-start;padding-left:625px } 
header nav .superteacher_nav>li:nth-of-type(5) .sb_2depth{justify-content: flex-start;padding-left:625px } 
header nav .superteacher_nav>li:nth-last-of-type(2) .sb_2depth{padding-right:100px}
header nav .superteacher_nav>li:nth-last-of-type(1) .sb_2depth{padding-right:60px}
header nav .teacher_nav>li:nth-last-of-type(1) .sb_2depth{padding-left: 410px !important}
 */


/**/
.new2021_bx .container{ padding: 0 0px; margin: 0 auto; max-width: none; width: 100% !important } 


.cont_title{display:block;padding:0 0 20px;font-size:30px;color:#252525;line-height:1.2;}
.cont_title span.info{ font-size: 13px; font-weight: 400} 
.cont_title + .cmt{ position: absolute; right: 0; top:5px} 
.cmt.bt_bx{ position: absolute; right: 0; top:0px} 
.content_wrap .table_detail + .info{margin-top:40px;}
.content_wrap .info{padding-bottom:10px;}
.content_wrap .info ._count,.layer_wrap .tableinfo .total,.content_wrap .info .select_total,.content_wrap .info .use,.content_wrap .info .available,.content_wrap .info .sort,.content_wrap .info .delete, .content_wrap .info .cmt{float:left;margin-right:20px;line-height:34px;font-size:15px;color:#252525;} 
.content_wrap .info .cmt{ font-size: 13px} 
.content_wrap .info ._count{ margin: 0 20px 0 0; padding: 0; background: none; border-radius: 0} 
.content_wrap .info ._count strong,.layer_wrap .tableinfo .total strong,.content_wrap .info .sort strong,.content_wrap .info .select_total strong{font-size:15px;color:#0069d9; padding-left: 5px} 
.content_wrap .info .sort{position:relative;} 
.content_wrap .info .sort:after{content:"";content:"";position:absolute;top:50%;left:-10px;margin-top:-6px;width:1px;height:12px; background:#dfe6ef;} 
.content_wrap .info .select_total {color:#0069d9;} 
.content_wrap .info .page{float:right;}
.content_wrap .info .page button{color:#252525;background:#fff;border:1px solid #c8c8c8;}
.content_wrap .info .page button.color{background:#e4e4e4;border-color:#e4e4e4;}
.content_wrap .info .page button.buttons.downBtn{line-height: 32px !important; height: 34px !important; text-align: center; padding-right: 30px} 
.content_wrap .info .page button.buttons.downBtn:before{ margin-top: 6px} 
.content_wrap .info .page *{vertical-align:top;margin-left:4px;}
.content_wrap .info .page select{padding-right:30px;border-radius:17px;border-color:#eee;}
.content_wrap .info .page .srchbx{display:inline-block;margin-right:14px;}
.content_wrap .info .page .srchbx select{min-width:114px;}
.content_wrap .info .page .srchbx input{width:200px;border-radius:17px;border-color:#eee;}
.content_wrap .info .page .srchbx .buttons.color{background:#5f87d9;border-color:#5f87d9;color:#fff;}
.content_wrap .info.btm{margin-top:-10px;}
.content_wrap .info.btm{ position: absolute; right: 30px; bottom: 18px; padding-bottom: 0} 
.content_wrap,.detail_wrap{padding:40px 30px;}
.detail_wrap + .detail_wrap{margin-top:20px;}
.content_wrap .info .total.srchbx{color: #252525;font-size: 15px; font-weight: bold} 
.content_wrap .info .total.srchbx p.dib{ width: 100px} 
.content_wrap .info .total.srchbx .max{ max-width: calc(100% - 100px)} 
.content_wrap .info .page.change{ line-height: 35px}
.content_wrap .info .page.change p{ padding-right: 20px} 
.content_wrap .info .title{ float: left;line-height: 1.6;font-size: 13px; background: #0275d8; border-radius: 6px; padding:5px 20px 4px 20px; color: #fff; letter-spacing: 0}
.content_wrap .info .title > strong{ font-weight: 700; font-size: 16px} 
.content_wrap .info .title a{ text-decoration: underline} 
/**/
.new2021_bx{ margin: 0 auto; }
.content_wrap, .detail_wrap {border: 1px solid #e3e7e8;border-radius: 10px;background-color: #fff;margin-bottom: 20px; padding: 30px}
.new2021_bx .container > h3{display: block;padding: 0 0 20px; margin-bottom: 0; padding-bottom: 10px;font-size: 22px;line-height: 150%;font-weight: 600;color: #2D2F39; letter-spacing: -0.5px;} 
.new2021_bx .container + .container{ margin-top: 30px}

/* 상태표시 */
span.warn {background: #e85783;display: inline-block;color: #fff;font-size: 12px;padding: 0 5px;border-radius: 10px;margin-top: 3px;white-space: nowrap; min-width: 53px}
.orgPopup span.warn { margin-left: 10px; cursor: pointer; }
span.warn.ok {background: #5ecba1; min-width: 53px}
span.warn.drop {background: #666; min-width: 53px}
span.warn.caution{background: #ffae00; min-width: 53px}


/* 이미지 업로드 */
/**/
.pic_box{ margin:10px 0 10px 0;width:220px;position: relative; }
.pic_box .cmt{ display: block; text-align: left; font-size: 12px; margin-top: 5px; color: #999 } 
.pic_box .pic{border: 1px solid rgba(21, 165, 251,0.35);width: 100%; height:150px; overflow: hidden; text-align: center; position: relative;font-size: 0; background: rgba(21, 165, 251,0.05);; }
.pic_box .pic img{ position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover}
.pic_box .tool{ position: absolute; right: 2px; top:0px; width: 100%; height:150px; text-align: right}
.pic_box .tool button{ width: 46px; height: 46px; display: none; border: 1px solid rgba(0,0,0,0.5); box-shadow: 3px 3px 3px rgba(0,0,0,0.05); opacity: 0.5; transition: .3s; color: #000; border-radius: 100%; background: #fff; margin:10px 10px}
.pic_box .tool button:hover{opacity: 1}
.pic_box .tool button + button{ margin-left:-5px}
.pic_box .tool button:before, .pic_box .tool input[type="file"]:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size: 20px; color: #000; }
.pic_box .tool button.plus:before, .pic_box .tool input[type="file"]:before{content: "\EE47"; color: rgba(21, 165, 251,0.45); font-size: 26px}
.pic_box .tool button.plus:before{ display: block; margin-bottom: 5px}
.pic_box .tool button.modi:before{content: "\EE48" }
.pic_box .tool button.del:before{content: "\EC26" }
.pic_box .tool button.plus{ display: inline-block; opacity: 1}
.pic_box .tool button.plus, .pic_box .tool input[type="file"]{width:90px;height:70px; position: absolute; left:50%; top: 50%; margin:-50px 0 0 -45px; border:1px dashed rgba(21, 165, 251,0.5); color: #676767; border-radius: 0; font-size: 12px; transition: none; line-height: 1}
.pic_box .tool button.plus:after, .pic_box .tool input[type="file"]:after{ display: block; content: "로고 사이즈는 160*30px 입니다."; font-size: 12px; position: absolute; left: -65px; bottom: -40px; text-align: center; color: #999; width: 220px}
.pic_box .tool input[type="file"].plus{ display: none}
.pic_box + .pic_box{ margin-left:60px }
.pic_box label.chk{ height: 40px}
.pic_box.smallbox{ margin: 0} 
.pic_box.smallbox .tool{ right: auto; left: 2px} 
.pic_box.smallbox .tool,.pic_box.smallbox .pic{ height: 100px} 
.pic_box.smallbox .pic img{ max-height: 100%; width: auto } 
.pic_box.smallbox .tool button.plus:before{ font-size: 20px} 
.pic_box.smallbox .tool button.plus:after, .pic_box.smallbox .tool input[type="file"]:after{ bottom:-25px} 
.pic_box.smallbox .tool button.plus, .pic_box.smallbox .tool input[type="file"]{ margin: 0; transform: translate(-50%,-50%); height: 50px; margin-top: -10px; line-height: 1} 

.banner_box .tool button.plus:after, .banner_box .tool input[type="file"]:after{ content: "메인배너 사이즈는 755*365px 입니다. "}
.banner_box.wide .tool button.plus:after, .banner_box .tool input[type="file"]:after{ content: "메인배너 사이즈는 1900*550px 입니다. "}
.pic_box.banner_box{ width: 310px; margin: 0} 
.pic_box.banner_box .pic img{ width: 100%}
.pic_box.company_box{ width: 550px; margin: 0;} 
.pic_box.company_box .pic img{ width: 100%} 
.company_box .tool button.plus:after, .company_box .tool input[type="file"]:after{ content: "배너 이미지는 1260*340px 입니다. "} 


/* 카테고리 관리 */
.cate_ico{ display: inline-block; vertical-align: middle; width:45px; margin-right: 10px}
.cate_ico img{ max-width: 100%}
[class^="ri-"]:before{ vertical-align: top} 
.layer_wrap.cate .pic_box .tool button.plus:after{content: "아이콘 사이즈는 80*80px 입니다.";}
/*푸터 관리*/
.footer_container{ background: #6a737b;padding: 40px ; position: relative; border-radius:6px;width: 100%; } 
.footer_container .ft_bottom{ padding-right:0; margin-top: 30px; margin-right: 350px} 

.ft_top{position:relative; padding:0 0px 0 250px; display: table; table-layout: fixed; width: 100%; margin-top: 0 !important; max-width: 1260px; margin: 0 auto;}
.ft_top .ft_box{position:absolute; top:0;}
.ft_top .ft_loud{left:0;}
.ft_top .ft_loud .ft_logo{ width:180px; font-size:13px; }
:root .ft_top .ft_loud .ft_logo{ opacity: 1} 
.ft_top .ft_loud .ft_logo img{ max-width: 100%; filter:brightness(0) invert(1) grayscale(100%) opacity(0.46);} 
.ft_top .ft_cs{ position: relative; float: right; max-width: 300px;}
.ft_top .ft_cs > p{font-size:15px; color: #fff}
.ft_top .ft_cs > p:before{display:inline-block; width:18px; height:18px;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\EC0C"; font-size: 18px; vertical-align: top; margin-right: 5px}
.ft_top .ft_cs .call_box strong{display:block; font-size:34px; font-weight:bold; color:#fff !important; line-height:150%;}
.ft_top .ft_cs .call_box p{font-size:13px; color: rgba(255,255,255,0.7);}
.ft_top .ft_cs .mail_box{ margin-top: 20px; color: #fff}
.ft_top .ft_cs .mail_box p:before{display:inline-block; width:18px; height:18px;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\EEFC"; vertical-align: top; margin-right: 5px}
.ft_top .ft_cs a{color: #fff !important} 
.ft_top .ft_util{font-size:0; position: relative;float: left;display: flex;width: calc(100% - 350px)}
.ft_top .ft_util .ft_shortcut{display:inline-block; width:auto; font-size:13px; vertical-align:top; margin-right: 30px}
.ft_top .ft_util .ft_shortcut > span{display:block; margin-bottom:10px;font-weight:bold;}
.ft_top .ft_util .ft_shortcut > span a{ color: rgba(255,255,255,0.8)}
.ft_top .ft_util .ft_shortcut > span strong a{color: rgba(255,255,255,1)}
.ft_top .ft_util .ft_family{ position: absolute; right: 0; top: -10px} 
.ft_top .ft_util .ft_family select{ background-color:#5e676e; border: none; color: #fff; font-size: 13px} 
.ft_top .ft_util .ft_family select option{ border: none}
.ft_bottom{position:relative; padding-right:400px; border-top:1px solid rgba(255,255,255,0.3); font-size:12px; padding:26px 325px 0 0;}
.ft_bottom dl,.ft_bottom dl dt,.ft_bottom dl dd{display:inline-block;color: rgba(255,255,255,0.7)}
.ft_bottom dl dd a{ color: rgba(255,255,255,0.7);} 
.ft_bottom dl{padding-right:10px;}
.ft_bottom dl dt{font-weight:500;}
.ft_bottom dl dt:after{display:inline-block; content:""; margin:0 5px; width:1.2px; height:10px; background:rgba(255,255,255,0.47);}
.ft_bottom p.copyright{text-align:left; color: rgba(255,255,255,0.7); margin-top: 15px}



/**/
.f_txt .exam{ font-size: 13px; color: rgb(102, 111, 140); border: 1px solid #ddd; padding: 20px} 
.f_txt .exam h3, .f_txt .exam p{ margin-bottom: 10px}
.f_txt .exam h4{ margin-bottom:5px}
.sbtxt label{ font-weight: 300; font-size: 13px} 
.cmt.pink a{ text-decoration: underline; color:blue; } 


/*리스트 상단 검색영역*/
.search_wrap{position:relative;margin-bottom:20px; padding: 0 30px;border: none; border-bottom: 1px solid #ddd; padding-bottom: 30px}
.search_wrap .btn_search{ text-align: right; margin-top: 5px }
.search_wrap td .btn_search{ margin-top: 0}
.search_wrap button.buttons{width:160px;background:#5f87d9;}
button.buttons.reset{ width:34px; padding: 0; min-width: inherit; background: #666; position: relative }
button.buttons.reset:before{ position: absolute; width: 100%; height: 100%; display: block;font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff; left: 0; top: 0; content:"\F064"; line-height: 34px} 
.search_wrap input,.search_wrap textarea,.search_wrap select{border-color:#dfe6ef;}
.table_search th,.table_search td{padding:5px 5px;height:44px;font-size:15px;text-align:left; border: none}
.table_search th{color:#252525;font-size:15px;}
.table_search tr:last-child th,.table_search tr:last-child td{border-bottom:0;}
.table_search td{ padding-right:80px} 
.table_search td a{color:#00a0ea;border-bottom:1px solid #00a0ea;}
.table_search .point{color:#00a0ea;}
.table_search tr td:last-of-type{padding-right:0px;}
.search_wrap .chk{ margin-left: 0; margin-right: 50px} 
.search_wrap .chk:last-of-type{ margin-right: 0}
.search_wrap table{ border: none; table-layout: fixed; width: 100%} 
.term_link{ padding: 30px; margin:80px auto; width: 500px; text-align: center; font-size: 20px } 
.term_link p:before{ display: block; width:100px; height: 100px; content: ""; background: url("../images/http.svg") no-repeat center center ;background-size: 100%; margin: 0 auto; margin-bottom: 30px}
.clock select{ height: 38px; line-height: 38px}


/* 풋터 버튼 내의 infobox*/
.btn_bottom .info_box{ display: block; margin: 0 auto; text-align: left} 

.info_box li{ position: relative; padding-left: 15px} 
.info_box li:before{ content:""; width: 4px; height: 4px; background: #292b2c; border-radius: 100%; display: block; position: absolute; left: 0; top: 9px} 
.info_box li.pink:before{ background:#ec4545 } 
/**/
.layer_wrap .lec_list li .lec_title{ height: auto} 
/***************
기존 css수정 
***************/
/* */
.tab-content.current,.tab-content{ width: auto; width: 100%; padding: 0 40px;margin: 0 auto;max-width: 1860px;} 
.cont_Title{line-height: 40px;display: block;padding: 40px 0 0px 0;font-size:26px;color: #000;height: auto} 
#innTabContent{ } 
._border._write{ background: #fff; border: none; border-bottom: 1px solid #ddd; padding: 0; margin: 0 0 20px 0!important; padding: 0 30px} 
._form._both ._insert.tableWrap{ width: 100% !important; padding-bottom: 30px}
.tableWrap >.innTable > table{ margin-right: 0; width: 100% !important; border: none} 
._form._both ._insert.tableWrap input, ._form._both ._insert.tableWrap textarea, ._form._both ._insert.tableWrap select { border-color: #dfe6ef;}
.tab_wraping{ padding-bottom: 80px} 

._articleContent{border: 1px solid #e3e7e8;border-radius: 10px;background-color: #fff;margin-bottom: 30px;padding: 30px;}

/* 기존 요소 */
.lec_list li .btn_x{ background: #fff; margin-left: 12px} 
.lec_list li .btn_x img{ width: 10px} 
/*** 목록형 페이지 ***/
/* 정보영역 */
._listHead{ height: auto;padding-bottom: 10px; line-height: 1.6; margin: 0; text-align: left} 
._listHead:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
._listHead ._count{ padding: 0; background: #fff; margin: 0; margin-right: 20px;line-height: 34px;font-size: 15px;color: #252525; height: auto} 
._listHead ._count strong{font-size: 15px;color: #0069d9;padding-left: 5px;} 
._listHead .downBtn, ._listHead .mainBtn{ line-height: 32px !important; height: 34px !important; border-radius: 20px; min-width: 112px; margin-left: 4px} 
._border._write + ._listHead ._count + .cmt{ line-height: 34px} 
._listHead .downBtn:before{ margin-top: 5px} 
._listHead .mainBtn{ font-weight: 500 !important; padding: 0 18px !important} 
._listHead ._button._large input, ._listHead ._button._large a{ margin-left: 4px}
.mainBtn{ background: rgb(0, 105, 217) !important} 
.basicBtn{line-height: 32px !important; height: 34px !important; border-radius: 20px; min-width: 112px; padding: 0 18px; text-align: center;color: #252525 !important;background: #fff;border: 1px solid #c8c8c8 !important; font-weight: 400; font-size: 15px} 
.basicBtn:before{ display: none} 
._listHead .basicBtn{ margin-left: 4px} 
._listHead ._btnSet{ margin-right: 0; margin-left: 0; float: none; display: inline-block; vertical-align: top} 
._listHead ._search label, ._listHead ._search span, ._listHead ._search input[type="text"]{ line-height: 34px; margin: 0} 
._search fieldset, ._search select, ._search label, ._search input, ._search span{ display: inline-block; float: none} 
 ._listHead ._search { height: auto}
._listHead ._search input[type="text"]{ line-height: 34px !important; height: 34px !important; } 
._listHead ._search span._active.searchBtn{ line-height: 0; vertical-align: top} 
._listHead ._search ._button._active input{ height: 34px;line-height: 34px; padding: 0 18px !important; font-size: 15px; margin: 0 !important; font-weight: 400; text-align: center !important; background: #5f87d9 !important} 

/* 테이블셋팅 */
._articleContent table._list td{ color: rgb(102, 111, 140); border-color: #d2d6e1; padding: 10px 15px; height: auto} 
._articleContent table._table thead tr th{ background: #f3f4f9;color: rgb(102, 111, 140); font-weight: 500; font-size: 14px; padding: 10px 15px; height: auto} 
._articleContent table._table{border: 1px solid #d2d6e1;border-width: 1px 0;} 
._articleContent table._table thead tr th{border-color: #d2d6e1; border-bottom: 1px solid #d2d6e1; word-break: keep-all}
._articleContent table._table thead tr th:last-child{border-color: #d2d6e1; border-bottom: 1px solid #d2d6e1;} 
._articleContent table._table thead tr th:last-child{ border-right: 0} 
._articleContent table._list tbody th{ background: #f3f5fb; word-break: keep-all; color: rgb(102, 111, 140)} 
._articleContent table._list th._aL, ._articleContent table._list td._aL{ padding: 10px 15px} 
.total_td td{ background: #eeeeee ;} 
.bdl_bold {border-left: 2px solid #94A5D3!important;}
.bdr_bold {border-right: 2px solid #94A5D3 !important;}
._table tr td input.int_num{ width: auto; padding-left: 0; padding-right: 0; text-align: center} 
._table tr td input{ vertical-align: middle} 
._articleContent.microClass div.categoryTxt{ margin-top: 15px; margin-bottom: -15px; }
.innertab_wraping div >span > a.a-tag, ._articleContent.microClass div.categoryTxt > a{ margin-left: 5px; font-weight: 600; color: #3287f1 !important; text-decoration: underline; }
/* 하단부분 */
._areaButton{ min-height: 75px} 
._areaButton:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
._articleContent table._table + ._listHead_Left ._count{ padding:15px 20px; } 
._areaButton .downBtn{ border-radius: 20px} 
.bot_both{margin-top: 30px !important; text-align: center !important; padding: 0 !important; position: relative} 
.bot_both ._button._large input, .bot_both ._button._large a, .bot_both .right .basicBtn.bot{margin: 0 5px;width: 190px;height: 45px !important;line-height: 43px !important;border-radius: 0px;color: #252525 !important;background: #fff;border: 1px solid rgba(104, 115, 143,0.5); padding: 0 15px; text-align: center; display: inline-block; font-weight: 400; font-size: 14px !important; vertical-align: top}
.bot_both ._button._active input, .bot_both ._button._active a {background: rgb(0, 105, 217);color: #fff !important;border-color: rgb(0, 105, 217); }
.bot_both .left, .bot_both .right{ float: none; text-align: center} 
.bot_both .left{ position: absolute; left: 0; top: 0 } 
.bot_both .basicBtn, .bot_both .basicBtn.bot{ float: none !important} 
/* 페이징 */
._areaButton .pagination-sm_notice{ margin: 0 !important; left: 50%; transform: translateX(-50%)}
.pagination .page-item .page-link{ min-width:35px }
/* sorting */
._articleContent table._table thead tr th{ position: relative} 
.bu_down,.bu_up,.bu_updown{display:block;padding: 0px;cursor: pointer; vertical-align: middle; height: 100%; width: 100%; position: absolute; left: 0; top: 0; text-align: right }
.bu_down:before {content:"\EA4C";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: top;position: absolute; right: 5px; top: 50%; transform: translate(0, -50%); line-height: 14px; font-size: 11px }
.bu_up:before {content: "\EA76";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: top;position: absolute; right: 5px; top: 50%; transform: translate(0, -50%); line-height: 14px; font-size: 11px }

.bu_updown:before {content: "\EA74";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: top;position: absolute; right: 5px; top: 50%; transform: translate(0, -50%); line-height: 14px; font-size: 11px; opacity: 0.25 }

table thead .sorting, table thead .sorting_asc, table thead .sorting_desc{ cursor:pointer} 
table thead .sorting:before {content: "\EA74";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 2px; opacity: 0.25}
table thead .sorting_asc:before { content: "\EA76";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 5px;}
table thead .sorting_desc:before { content: "\EA4C";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 5px}
table thead .sorting_asc_disabled:before,table thead .sorting_desc_disabled:before, table thead .sorting_disabled:before { display: none !important}



/* 쓰기테이블 */
table.table_detail, table.table_list {border: 1px solid #d2d6e1; border-width: 1px 0; width: 100%}
.table_detail > tbody > tr > th,.table_detail > tbody > tr > td{ padding: 10px 15px; border-bottom: 1px solid rgba(210, 214, 225,0.4); text-align: left}
.table_detail > tbody > tr > th{ background:#f3f5fb; border-right: 1px solid rgba(210, 214, 225,0.4); }
.table_detail > tbody > tr > td + th{border-left: 1px solid rgba(210, 214, 225,0.4);}
.table_detail td label.chk input + span{ background: #fff !important; }
.table_detail button.tdbtn{ min-width:34px; height: 34px; overflow: hidden; vertical-align: middle; border:1px solid #0069d9 !important; color:#0069d9 !important; padding: 0 15px}
.table_detail td label.chk{ vertical-align: middle; margin-left: 0; margin-right: 30px}
.table_detail td label.chk:last-of-type{ margin-right: 0}

/* 목록 테이블 */
.table_list{border-color: #d2d6e1;} 
table.table_list thead th{ font-size:14px;color:rgb(102, 111, 140); position: relative } 
table.table_list thead th, table.table_list thead td, table.table_list tbody th, table.table_list tbody td{ border-right: 1px solid #d2d6e1} 

table.table_list thead tr th:last-of-type, table.table_list thead tr td:last-of-type, table.table_list tbody tr td:last-of-type{ border-right: none} 
/* 기타 테이블 */
.table_list.detail_list{ border: 1px solid #d2d6e1; border-width:1px 1px 0 1px}
.table_list.detail_list tbody td{ padding: 7px}

/**/
table thead .sorting, table thead .sorting_asc, table thead .sorting_desc{ cursor:pointer} 
table thead .sorting:before {content: "\EA74";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 2px; opacity: 0.25}
table thead .sorting_asc:before { content: "\EA76";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 5px;}
table thead .sorting_desc:before { content: "\EA4C";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 5px}
table thead .sorting_asc_disabled:before,table thead .sorting_desc_disabled:before, table.dataTable thead .sorting_disabled:before { display: none !important}
table tbody td a{ text-decoration: underline} 

.content_wrap table.table_list th, .content_wrap table.table_list td{ text-align: center} 

/* 툴팁 */
.shw_tooltip{ position: relative; overflow: visible} 
.shw_tooltip.child > p{ cursor: pointer; display: inline-block}
.shw_tooltip > p > i{ font-style: normal; display: inline} 
.shw_tooltip > p > i:after{content:"\EE59";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; padding-left: 5px; display: inline}
.shw_tooltip .tooltip{ position: absolute; left: 50%; top: 22px; display: block; z-index: 31; font-family:'Poppins', 'Noto Sans KR',sans-serif; opacity: 1; background: #fff; padding:30px 10px 15px 10px; border: 1px solid #aaa; border-radius: 3px; display: none; transform: translateX(-50%)} 
.shw_tooltip .tooltip p > span{ word-break: keep-all; white-space: nowrap; font-size: 13px }
.shw_tooltip .tooltip .bt_close{ position: absolute; right: 8px; top: 5px} 
.shw_tooltip .tooltip .bt_close:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB99"; font-size: 18px; line-height: 20px}



/* 기존 툴팁 */ 
.tt_show{ text-align: left; border-radius: 10px; background: #F7F7F7; padding-top: 15px} 
.tt_show p{ color: #333; font-size: 15px} 
.tt_show ul li{ font-size: 13px; color: #333; position: relative; padding-left:15px} 
.tt_show ul li:before{ content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background: #333 }
.need_link{ background: #ffae00;display: inline-block;color: #fff !important;font-size: 13px;padding:0 10px;border-radius: 18px;margin-top: 3px;white-space: nowrap; min-width: 70px; margin: 0; height: 26px; line-height: 26px} 
.need_link a, .need_link a[href],#list .need_link a[href]{ text-decoration: none; color: #fff} 

.tt_over{display: inline-block;color: #fff !important;font-size: 13px;padding: 0px 10px;border-radius: 18px;margin-top: 3px;white-space: nowrap;background: #0069d9; min-width:70px; margin: 0; text-decoration: none !important; height: 26px; line-height: 26px; position: relative; padding-right:20px}
.tt_over:after{content:"\F047";font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; padding-left: 8px; font-size: 14px; vertical-align: top; position: absolute; right:10px } 

/*** 상세 페이지 ***/
._articleContent + .w100{margin-top: 40px !important; text-align: center !important; padding: 0 !important} 
._articleContent + .w100 ._button._large input, ._articleContent + .w100 ._button._large a{margin: 0 5px;width: 190px;height: 45px;line-height: 45px;border-radius: 0px;color: #252525 !important;background: #fff;border: 1px solid rgba(104, 115, 143,0.5); padding: 0 15px; text-align: center; display: inline-block; font-weight: 400}
._articleContent + .w100 ._button._active input, ._articleContent + .w100 ._button._active a {background: rgb(0, 105, 217);color: #fff !important;border-color: rgb(0, 105, 217);}
/**/
._listHead_Left, ._listHead_Left ._count ._count2{ letter-spacing: -0.5px !important} 
._table._list + ._listHead_Left ._count ._count2.pb-4{ padding-bottom: 0 !important} 


/*** 상단 검색 ***/
._border._write ._form ._insert ul, ._border._write ._form ._insert input[type="text"], ._border._write ._form ._insert input[type="password"], ._border._write ._form ._insert input[type="color"], ._border._write ._form ._insert input[type="date"], ._border._write ._form ._insert input[type="datetime"], ._border._write ._form ._insert input[type="datetime-local"], ._border._write ._form ._insert input[type="email"], ._border._write ._form ._insert input[type="month"], ._border._write ._form ._insert input[type="number"], ._border._write ._form ._insert input[type="range"], ._border._write ._form ._insert input[type="search"], ._border._write ._form ._insert input[type="tel"], ._border._write ._form ._insert input[type="time"], ._border._write ._form ._insert input[type="url"], ._border._write ._form ._insert input[type="week"], ._border._write ._form ._insert .selectboxit-container, ._border._write ._form ._insert ._button, ._border._write ._form ._insert ._fL, ._border._write ._form ._insert label{ margin: 0} 
/* 검색 테이블 레이아웃 */
._border._write ._form, ._border ._inner{ display: block; padding: 0} 
._border._write ._form ._insert table tr td, ._border._write ._form ._insert table tr th{ padding-right: 80px; padding-left: 0 !important; padding-top: 5px; padding-bottom: 5px; border: none}
._border._write ._form ._insert table tr th,._border._write ._form ._insert table tr td:first-of-type,._border._write ._form ._insert table tr td.pl20,._border._write ._form ._insert table tr td:nth-of-type(2n+1) { padding-left: 0; padding-right: 0 !important}
._border._write ._form ._insert table tr td:last-of-type{ padding-right: 0} 
._border._write ._form ._insert label{ padding-left: 0 !important; margin: 0 !important; text-align: left;font-weight: 400; font-size: 15px}
._listHead_Left, ._listHead_Left ._count{ height: auto; float: none; letter-spacing: 0} 
._border._write ._form ._insert table tr td._aR{ text-align: right !important; white-space: nowrap} 
/* 검색버튼관련 */
._border._write .innTable+._areaButton.innerBtnB{ position: relative; height: auto; min-height: inherit} 
.resetBtn, .searchBtn{ position: relative; border-radius:17px; overflow: hidden; vertical-align: middle; display: inline-block} 
._areaButton.innerBtnB ._button.searchBtn,._areaButton.innerBtnB ._button.resetBtn{ float: none !important} 
._border._write ._button.searchBtn input,._border._write ._button.resetBtn input, .btn_search .searchBtn input, .btn_search 

.resetBtn input{display:inline-block; vertical-align:middle; text-align:center; overflow:visible; line-height: 32px; height: 34px; color: #fff;font-size:15px; padding:0 15px;letter-spacing: -0.015em;width: 160px;background: #5f87d9; border: none; border-radius: 0; }
._border._write ._button.resetBtn input, .btn_search .resetBtn input{width: 34px;padding: 0;min-width: inherit; z-index: 3; }
.searchBtn:before{ display: none}
.btn_search .resetBtn input{ background: none; z-index: 3; position: relative} 
.resetBtn:before {margin: 0;background: none; position: absolute; width: 100%; height: 100%; display: block;font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff; left: 0; top: 0; content:"\F064"; line-height: 34px; font-size: 15px;background: #666; text-align: center; z-index:0} 
._border._write ._aR ._selectBox + ._button.searchBtn, .btn_search select +.searchBtn{ margin-left: 20px} 
._border._write ._form ._insert table tr td._aR ._selectBox._fL{ margin-left: 0 !important; float: none; width: auto !important} 

/**************
 기존 레이어 팝업
**************/
#pop_header_text {font-weight: bold;font-size: 25px;font-color: #FFFFFF;position: static;} 
#pop_header_radiBtn2 {width:30px;height: 30px;line-height: 24px;position: absolute;cursor: pointer;z-index: 2;top: 20px;right:30px;fill: #fff; }
#pop_header_x {content: '닫기';position: absolute;left: 10px;top: 6px;width: 18px;height: 18px;background: url(../images/icon_x.png) center center no-repeat; text-align: center }
#modal_bg {background: rgba(0, 20, 20, 0.88);width: 100%;height: 100%;background: #fff;overflow: hidden;padding: 0px;position: reletive;z-index: 10;left: 20%;top: 0%;width: 900px;max-height: 600px;overflow-y: auto;border-radius: 20px 20px 0px 0px/20px 20px 0px 0px; padding: 40px 30px 0 30px}
#modal_h2 {display: block;margin-bottom: 20px;font-size: 24px;color: #252525;font-weight: 700;line-height: 1.3; border-bottom:2px solid #333; padding: 0 0 10px 0} 
#modal_h2_strong {font-weight:700;}
#pop_header_radiBtn2 svg path{ fill:#666666} 
#pop_header_radiBtn2 svg{ margin: 0 auto} 
._popup ._popContent{ margin: 0; padding: 0 30px} 
._popup ._articleContent{ padding: 0; border: none; margin: 0} 
._popup ._articleContent td.fw_bold{background: #f3f5fb;border-right: 1px solid rgba(210, 214, 225,0.4);color: rgb(102, 111, 140); font-weight: 400 !important; text-align: left}
._popup ._popupInner ._areaButton{margin:10px 30px 30px 30px; border-top: 1px solid #333;padding: 20px 0 0 0;text-align: center; min-height: inherit; line-height: 1}
._popup ._areaButton ._button._large input, ._popup ._areaButton ._button._large a{display: inline-block;vertical-align: middle;text-align: center;
overflow: visible;line-height: 32px;height: 34px;background:#fff;border-color: #7fa4d6;min-width: 112px;padding: 0 15px;border: 1px solid #0069d9;color: #0069d9 !important;border-radius: 5px;font-size: 13px; font-weight: 400} 
._popup ._areaButton ._button._active input, ._popup ._areaButton ._button._active a{background: #0069d9 !important;color: #fff !important;} 
#layerPopupMaskingDiv{background: rgba(0,0,0,.7) !important; opacity: 1 !important} 

._popContent::-webkit-scrollbar {-webkit-appearance: none;}
._popContent::-webkit-scrollbar:vertical {width: 12px;}
._popContent::-webkit-scrollbar:horizontal {height: 11px;}
._popContent::-webkit-scrollbar-thumb {border-radius: 8px;border: 2px solid white;background-color: #ccc}

/**************
로딩바
**************/

.mask > div{position: relative;text-align: center;top: 35%;} 
#top_loader, #loader{} 
#loaderBtn.close{display: inline-block;position: relative;right: 49.1%;top: 300px;color: #fff;opacity: 1;}

/**************
탭
**************/
.tab_bx, .tab-container{ clear: both; float: none; margin-top: 10px; border-bottom: 1px solid #666}
.tab_bx ul, .tab-container ul{ display: table; background: none; line-height: 50px; border: none } 
.tab_bx ul li, .tab-container ul li{ display: table-cell; text-align: center;font-size: 16px; border-radius: 10px 10px 0 0;background:rgba(255,255,255,0.5); border: 1px solid #ccc; border-bottom: none; width: auto; line-height: 50px; height: 100%; } 
.tab_bx ul li:first-of-type{} 
.tab_bx ul li.current{ background: #666; border-color: #666} 
.tab_bx ul li a{ display: block; width: 100%; height: 100%; padding: 0 30px; color: #999} 
.tab_bx ul li.current a{ color: #fff} 


/* 기존 탭 */
.tab-container{ margin-top: -10px} 
.tab-container ul li{ background: none; border: none} 
.tab-container input ~ label{ display: block; width: 100%; height: 100%; padding: 0 30px; color: #999; line-height: 50px !important; font-size: 16px !important; color: #999 !important; background:rgba(255,255,255,0.5); border: 1px solid #ccc; border-bottom: none;border-radius: 10px 10px 0 0; cursor: pointer} 
.tab-container input:checked ~ label{background: #666; border-color: #666; color: #fff !important} 



/**************
2차사업-차트관련 
**************/
.stat_chart rect[stroke-opacity], .stat_chart rect[fill-opacity]{stroke-width:0 !important;}
.stat_chart .tip{ padding:10px; font-size: 0.9rem; min-width: 120px} 
.stat_chart .tip *{ font-style: normal} 
.stat_chart .tip > strong{ display: block; margin-bottom: 5px; white-space: nowrap } 
.stat_chart .tip p{ white-space: nowrap;} 
.stat_chart .tip {left: 0px !important;}
.stat_chart .tip em{ padding-left: 5px; color: #3366cc; font-weight: 500} 
.stat_chart{ padding: 20px 0 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px} 


.content_wrap th span.info{padding: 0; margin: 0; font-size: 14px; margin-left:5px; position: relative; } 
th span.info i{ cursor: pointer} 
th span.info .info_bx{ position: absolute; left:-50px; top: 30px; width: 250px; z-index: 2; line-height: 1.6; font-size: 13px; color: #666; background: #fff; border: 1px solid #aaa; border-radius: 3px; padding:30px 15px 15px 15px; display: none; text-align: left; font-weight: 400} 
th span.info .info_bx .bt_close{ width: 20px; height: 20px; position: absolute; right: 10px; top:5px; text-align: center } 
th span.info .info_bx .bt_close:after{font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\EB99"; font-size: 18px; line-height: 20px}
th span.info.active .info_bx{ display: block} 


/* 조직소개 미리보기 */
body.winpop{ min-width: auto; padding: 20px; background: #fff}
.winpop .about{ max-width: 1260px; margin: 0 auto} 
.winpop .about .edit_img img{ max-width:100%} 
.winpop .about .edit_img{ margin-bottom: 30px; border-radius: 30px; overflow: hidden; line-height: 0}
.winpop .about .edit_txt p + p{ margin-top: 1.6rem}
@media only screen and (max-width: 500px){	 
.winpop .about .edit_img{ margin-left: -20px; border-radius: 0; width: calc(100% + 40px); height: 160px; position: relative } 
 /* .about_bx .edit_img img{ max-width: none; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)} */
.winpop .about .edit_img img{ max-width: none; height: 100%;}
}

/**/
.cmt.bt_bx .bt_sch{ background:#5f87d9 } 

/************
3차사업 - select2.js추가
************/
.select2-container { min-width: 170px }
.select2-hidden-accessible{ width: 1px !important} 
.select2-container--default .select2-selection--single{ height: 34px; border: 1px solid #cdd0db;; border-radius: 5px; font-size: 14px}
.search_wrap .select2-container--default .select2-selection--single{ border: 1px solid #dfe6ef; border-radius: 5px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 32px; color: #000; padding-left: 15px; padding-right: 30px} 
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 32px; width: 30px} 
.select2-container--default .select2-selection--single .select2-selection__arrow b{background:url(../images/select.svg)no-repeat center top 50%;  box-sizing: border-box;  background-size: 7px; border: none; display: block; width: 100%; height: 100%; margin: 0; position: relative; top: auto; left: auto}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ transform: rotate(180deg)}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border: 1px solid #0069d9} 
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{ font-size: 14px; color: #000} 
.select2-container--default .select2-selection--multiple .select2-selection__choice{ background: #f5f5f5; margin: 2px} 
.select2-container .select2-selection--multiple .select2-selection__rendered{ } 
.select2-container--default .select2-selection--multiple{ border: 1px solid #dfe6ef; border-radius: 5px; padding: 0; margin: 0; padding-right: 50px} 

.select2-container--default .select2-selection--multiple:before{background:url(../images/select.svg)no-repeat center top 50%;  box-sizing: border-box;  background-size: 7px; border: none; display: block; width:30px; height: 32px; margin: 0; position: absolute; top: 0; right:0; content: ""}
.select2-container--default .select2-selection--multiple:after{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #757575; content:"\EE75"; vertical-align: middle; position: absolute; right: 25px; top: 0;display: block; width: 30px; text-align: center; line-height: 35px} 


.select2-container .select2-search--inline .select2-search__field{ height: 32px; margin: 0; line-height: 22px; padding: 5px 15px; box-sizing: border-box} 
.select2-search--dropdown{ background:#f0f4fb; padding: 0 0 0 46px !important; border-bottom: 1px solid #d1d9e6; position: relative; }
.select2-search--dropdown:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #757575; content:"\F0D1"; vertical-align: middle; position: absolute; left: 0; top: 0;display: block; width: 40px; text-align: center; line-height: 35px; color: #5897fb; padding-left: 15px; text-align: left } 
.select2-search--dropdown:after{ content: ""; width: 1px; height: 15px; position: absolute; left: 36px; top:10px; background:rgba(0, 105, 217,0.24);} 


.select2-container--default .select2-search--dropdown .select2-search__field{outline: none !important; border-color:rgba(0,0,0,0); background: rgba(0,0,0,0); font-size: 14px;font-weight: 500; color:rgb(0, 105, 217);  } 
.select2-dropdown{ border: 1px solid #aaa !important; margin-top: -1px !important} 
.select2-results__message.select2-results__option{ padding: 10px !important; text-align: center; justify-content: center} 
.select2-results__option{ padding-left: 15px !important; padding-right: 15px !important; display: flex; align-items: center; } 
.select2-results__options{width: 100% !important} 
.select2-container--default .select2-results__group{font-size: 0; padding: 0} 
.newsch_bx{font-size: 0.82rem; font-weight: 400; display:  inline-flex;position: absolute; right: 0; top:-57px; align-items: center} 
.newsch_bx select{ min-width: auto}
.newsch_bx .buttons{display: inline-block;vertical-align: middle;text-align: center;overflow: visible;line-height: 32px;height: 34px;color: #fff;font-size: 15px;background: #888;border-color: #888;border-radius: 17px;min-width: 112px;padding: 0 15px;}
.newsch_bx .buttons.bt_sch{ margin-left: 5px;background: #5f87d9;border-color: #7fa4d6; }
.apply_bx .buttons.bt_sch{ margin-left: 5px;background: #5f87d9;border-color: #7fa4d6; }
.newsch_bx .select2-container { max-width:400px; margin-left: 5px }
.select2-container--default .select2-results__option--selected{ background: #f1f1f1; font-weight: 500} 
.select2-results__option--group{ padding: 0 !important} 
.select2-results__option--group + .select2-results__option--group{ border-top: 3px double #999  }
.select2-results__option--group:first-of-type .select2-results__options li:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\EE1D"; vertical-align: middle; font-weight: 200; font-size: 11px; width: 16px; height: 16px; border-radius: 4px; background: #292b2c; color: #fff; line-height: 16px; text-align: center; vertical-align: middle; margin-right: 8px; display: inline-block}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:before{ background: #fff !important; color: #5897fb !important} 
.select2-container--default.select2-container--disabled .select2-selection--single{ background: #fff} 
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b{ opacity: 0.2} 
select.max + .select2-container{ width: 100% !important}


.table_detail td.group_set  label.chk:last-of-type{ margin-right: 10px} 
.group_set .select2-container--default.select2-container--disabled .select2-selection--single{background-color: #f7f7f7; color: #999} 

.group_set .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{ color: #999} 
.group_set .list{ border: 1px solid rgba(210, 214, 225,1); margin-top: 10px; padding:10px 20px; opacity: 1; background: #fff}
.group_set .list li{ position: relative; padding-left: 15px; display: flex; align-items: center} 
.group_set .list li:before{ content: ""; width: 3px; height: 3px; background: #ccc; border-radius: 100%; display: block; position: absolute; left: 0; top: 8px}
.group_set .list li button.bt_del{ margin-left: 5px;vertical-align: middle} 
.group_set .list li button.bt_del:before{font-family: 'remixicon';speak: none;font-style: normal;font-weight: normal;font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; vertical-align: middle; font-size:15px; color: #333; content:"\EB97"; }
.group_set .list.disabled{ opacity: 0.5; background: #f5f5f5}
.group_set .list.disabled  button.bt_del{ display: none} 


/* Custom 
-------------------------------------------------------------- */
.search_wrap .chk.courseMng{ margin-right: 10px; }
.search_wrap .chk.courseMng:last-of-type{ margin-right: 20px; }
.visual_guide:after{ vertical-align: middle; font-family: "remixicon"; content: "\f044"; font-size: 15px; color: #666; }
.visual_guide:hover:after{
	position: absolute;
    content: "";
    background-repeat: no-repeat;
    border: 1px solid #F4F5FF;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 30%) 10px 12px 12px 5px !important;
    z-index: 9999;
}
.main_banner.visual_guide:hover:after{
	background-image: url(../images/banner_info.png);
	top: 15px;
    left: 42%;
    margin-left: calc(300px / -2);
    width: 700px;
    height: 170px;
}

.footer-preview:after{ vertical-align: middle; font-family: "remixicon"; content: "\f044"; font-size: 15px; color: #666; }
.footer-preview:hover:after{
	position: absolute;
    content: "";
    background-repeat: no-repeat;
    border: 1px solid #F4F5FF;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 30%) 10px 12px 12px 5px !important;
    z-index: 9999;
}
.company-footer.footer-preview:hover:after{
	background-image: url(../images/admin_footer.png);
	top: 15px;
    left: 42%;
    margin-left: calc(300px / -2);
    width: 423px;
    height: 290px;
}
























