/* 폰트사이즈 */
.size_9 { font-size: 9px }
.size_10 { font-size: 10px !important;}
.size_11 { font-size: 11px !important;}
.size_12 { font-size: 12px !important;}
.size_13 { font-size: 13px !important;}
.size_14 { font-size: 14px !important;}
.size_15 { font-size: 15px !important;}
.size_16 { font-size: 16px }
.size_17 { font-size: 17px }
.size_18 { font-size: 18px }
.size_19 { font-size: 19px }
.size_20 { font-size: 20px }
.size_21 { font-size: 21px }
.size_22 { font-size: 22px }
.size_23 { font-size: 23px }
.size_24 { font-size: 24px }
.size_25 { font-size: 25px }
.size_26 { font-size: 26px }
.size_27 { font-size: 27px }
.size_28 { font-size: 28px }
.size_29 { font-size: 29px }
.size_30 { font-size: 30px }
.size_31 { font-size: 31px }
.size_32 { font-size: 32px }
.size_33 { font-size: 33px }
.size_34 { font-size: 34px }
.size_35 { font-size: 35px }
.size_36 { font-size: 36px }
.size_37 { font-size: 37px }
.size_38 { font-size: 38px }
.size_39 { font-size: 39px }
.size_40 { font-size: 40px }
.size_41 { font-size: 41px }
.size_42 { font-size: 42px }
.size_43 { font-size: 43px }
.size_50 { font-size: 50px }

.size_0_8em {font-size:0.8em !important;}
.size_0_9em {font-size:0.9em !important;}
.size_0_95em {font-size:0.95em !important;}
.size_1em {font-size:1em !important;}
.size_1_1em {font-size:1.1em !important;}
.size_1_15em {font-size:1.15em !important;}
.size_1_25em {font-size:1.25em !important;}
.size_1_3em {font-size:1.3em}
.size_1_5em {font-size:1.5em}
.size_1_75em {font-size:1.75em}
.size_2em {font-size:2em}
.size_2_5em {font-size:2.5em}
.size_3em {font-size:3em}
.size_4em {font-size:4em}
.size_5em {font-size:5em}


.border {border: 1px solid #ccc;}
.width2 {width:2px;}
.width3 {width:3px;}
.width4 {width:4px;}
.width5 {width:5px;}
.width14 {width:14px;}
.width20 {width:20px;}
.width30 {width:30px;}
.width40 {width:40px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width70 {width:70px;}
.width80 {width:80px;}
.width90 {width:90px;}
.width100 {width:100px;}
.width110 {width:110px;}
.width120 {width:120px;}
.width130 {width:130px;}
.width140 {width:140px;}
.width150 {width:150px;}
.width160 {width:160px;}
.width170 {width:170px;}
.width180 {width:180px;}
.width190 {width:190px;}
.width200 {width:200px;}
.width210 {width:210px;}
.width220 {width:220px;}
.width230 {width:230px;}
.width240 {width:240px;}
.width250 {width:250px;}
.width260 {width:260px;}
.width270 {width:270px;}
.width280 {width:280px;}
.width290 {width:290px;}
.width300 {width:300px;}
.width302 {width:302px;}
.width400 {width:400px;}
.width500 {width:500px;}
.width600 {width:600px;}
.width700 {width:700px;}
.width800 {width:800px;}
.width900 {width:900px;}
.width1000 {width:1000px;}
.wid1 { width: 1% !important;} 
.wid2 { width: 2% !important;} 
.wid3 { width: 3% !important;} 
.wid4 { width: 4% !important;} 
.wid5 { width: 5% !important;} 
.wid10 { width: 10% !important;} 
.wid15 { width: 15% !important;} 
.wid16 { width: 16% !important;} 
.wid17 { width: 17% !important;} 
.wid18 { width: 18% !important;} 
.wid19 { width: 19% !important;} 
.wid20 { width: 20% !important;} 
.wid21 { width: 21% !important;} 
.wid22 { width: 22% !important;} 
.wid23 { width: 23% !important;} 
.wid24 { width: 24% !important;} 
.wid25 { width: 25% !important;} 
.wid26 { width: 26% !important;} 
.wid27 { width: 27% !important;} 
.wid28 { width: 28% !important;} 
.wid29 { width: 29% !important;} 
.wid29-5 { width: 29.5% !important;} 
.wid30 { width: 30% !important;} 
.wid30-5 { width: 30.5% !important;} 
.wid31 { width: 31% !important;} 
.wid32 { width: 32% !important;} 
.wid33 { width: 33% !important;} 
.wid34 { width: 34% !important;} 
.wid35 { width: 35% !important;} 
.wid40 { width: 40% !important;} 
.wid45 { width: 45% !important;} 
.wid46 { width: 46% !important;} 
.wid47 { width: 47% !important;} 
.wid48 { width: 48% !important;} 
.wid49 { width: 49% !important;} 
.wid50 { width: 50% !important;} 
.wid51 { width: 51% !important;}
.wid52 { width: 52% !important;}
.wid53 { width: 53% !important;}
.wid55 { width: 55% !important;} 
.wid60 { width: 60% !important;} 
.wid65 { width: 65% !important;} 
.wid70 { width: 70% !important;} 
.wid74 { width: 74% !important;} 
.wid75 { width: 75% !important;} 
.wid80 { width: 80% !important;} 
.wid85 { width: 85% !important;} 
.wid90 { width: 90% !important;} 
.wid95 { width: 95% !important;} 
.wid100 { width: 100% !important;} 

.height2 {height:2px;}
.height5 {height:5px;}
.height10 {height:10px !important;}
.height12 {height:12px !important;}
.height15 {height:15px !important;}
.height20 {height:20px !important;}
.height23 {height:23px !important;}
.height25 {height:25px !important;}
.height28 {height:28px !important;}
.height30 {height:30px !important;}
.height32 {height:32px !important;}
.height35 {height:35px !important;}
.height40 {height:40px !important;}
.height45 {height:45px !important;}
.height50 {height:50px !important;}
.height60 {height:60px !important;}
.height70 {height:70px !important;}
.height80 {height:80px !important;}
.height85 {height:85px !important;}
.height90 {height:90px !important;}
.height100 {height:100px;}
.height110 {height:110px;}
.height120 {height:120px;}
.height130 {height:130px;}
.height140 {height:140px;}
.height150 {height:150px;}
.height160 {height:160px;}
.height170 {height:170px;}
.height180 {height:180px;}
.height190 {height:190px;}
.height200 {height:200px;}
.height205 {height:205px;}
.height210 {height:210px;}
.height220 {height:220px;}
.height230 {height:230px;}
.height240 {height:240px;}
.height245 {height:245px;}
.height250 {height:250px;}
.height260 {height:260px;}
.height300 {height:300px;}

.l-h20{line-height:30px;}
.l-h30{line-height:30px;}
.l-h40{line-height:30px;}
.l-h50{line-height:30px;}

/* 말줄임 */
.ellipsis {max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tableEllipsis {text-overflow:ellipsis; overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.nt_esis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 폰트컬러 */
.fontcolorfff{color:#FFFFFF}
.fontcolor000{color:#000000}
.fontcolorf68{color:#f6867b}
.fontcolorRed{color:Red}
.fontcolorBlue{color:#0079C3;}
.fontcolorYellow {color:#fcff10}
.bold{font-weight:bold}
.fontcolorBg{color:#7d5a58}
.fontcolorff6{color:#ff6c00}
.fontcolor6dc{color:#6dc53a}
.fontcolorf46{color:#f4614d}
.fontcolor212{color:#212121}
.fontcolorfc3{color:#fc362e}
.fontcolor8b4{color:#8b4d5c}
.fontcolor4d4{color:#4d4d4d}
.fontcolor999{color:#999ba4}
.fontcolordee{color:#dee0e7}
.fontcolor424{color:#42444e}
.fontcolor333{color:#333333}
.fontcolor777{color:#777777}
.fontcolor3f {color:#3f3f3f}
.fontcolor555 {color:#555555}
.fontcolor666 {color:#666666}
.fontcolor01 {color:#010101}
.fontcolor49 {color:#494949}
.fontcolor85 {color:#858585}
.fontcolor8d {color:#8d8d8d}
.fontcolor578 {color:#5781b5}
.fontcolor744 {color:#744def}
.fontcolord48 {color:#d48e37}
.fontcolor0f6 {color:#0f687a}
.fontcolor5b {color:#5b5b5b;}
.fontcolor27 {color:#272727;}
.fontcolor7e7 {color:#7e7274;}
.fontcolor54a {color:#54a2a1;}
.fontcolorc60 {color:#c60018;}
.color_6 {color:#0079C3 !important; }  /* 근로자문화센터 메인블루 */
.color_7 {color:#00A73C !important; }  /* 근로자문화센터 메인그린 */
.color_8 {color:#626262 !important; }  /* 근로자문화센터 메인그레이 */



.color_1st { color: #f4614d }
.color_2nd { color: #e9e9e9 }
.color_point { color: #FF6700 }
.color_success { color: #7FC704 }
.color_info { color: #5DB7E3 }
.color_alert { color: #FF0000 }


/* 마진 */
.mar0 { margin: 0 !important; } 
.mar5 { margin: 5px; } 
.mar10 { margin: 10px; } 
.mar15 { margin: 15px; } 
.mar20 { margin: 20px; } 
.mar30 { margin: 30px; } 
.mar40 { margin: 40px; } 
.mar50 { margin: 50px; } 
.mt-2 {margin-top:-2px}
.mt2 { margin-top: 2px }
.mt3 { margin-top: 3px }
.mt4 { margin-top: 4px }
.mt5 { margin-top: 5px }
.mt6 { margin-top: 6px }
.mt7 { margin-top: 7px }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px }
.mt18 { margin-top: 18px}
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mt33 {margin-top:33px;}
.mt35 { margin-top: 35px }
.mt40 { margin-top: 40px }
.mt49 { margin-top: 49px }
.mt50 { margin-top: 50px }
.mt100 { margin-top: 100px }
.mt110 { margin-top: 110px }
.mt135 { margin-top: 135px }
.mb5 { margin-bottom: 5px }
.mb6 { margin-bottom: 6px }
.mb7 { margin-bottom: 7px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb16 { margin-bottom: 16px }
.mb17 { margin-bottom: 17px }
.mb18 { margin-bottom: 18px }
.mb19 { margin-bottom: 19px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.mb35 { margin-bottom: 35px }
.mb50 { margin-bottom: 50px }
.mb100 { margin-bottom: 100px }
.mb135 { margin-bottom: 135px }
.mb145 { margin-bottom: 145px }
.mb230 { margin-bottom: 230px }
.ml1 {margin-left:1px}
.ml2 {margin-left:2px}
.ml3 {margin-left:3px}
.ml4 {margin-left:4px}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml16 {margin-left:16px}
.ml17 {margin-left:17px}
.ml18 {margin-left:18px}
.ml19 {margin-left:19px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}
.ml34 {margin-left:34px}
.ml35 {margin-left:35px}
.ml36 {margin-left:36px}
.ml37 {margin-left:37px}
.ml38 {margin-left:38px}
.ml39 {margin-left:39px}
.ml40 {margin-left:40px}
.ml41 {margin-left:41px}
.ml42 {margin-left:42px}
.ml43 {margin-left:43px}
.ml44 {margin-left:44px}
.ml45 {margin-left:45px}
.ml46 {margin-left:46px}
.ml47 {margin-left:47px}
.ml48 {margin-left:48px}
.ml49 {margin-left:49px}
.ml50 {margin-left:50px}
.mr1 {margin-right:1px}
.mr2 {margin-right:2px}
.mr3 {margin-right:3px}
.mr4 {margin-right:4px}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr17 {margin-right:17px}

.center {margin:0 auto;}


/* 패딩 */
.pad1 { padding: 1px !important; }
.pad2 { padding: 2px !important; }
.pad3 { padding: 3px !important; }
.pad4 { padding: 4px !important; }
.pad5 { padding: 5px !important; } 
.pad6 { padding: 6px !important; } 
.pad7 { padding: 7px !important; } 
.pad8 { padding: 8px !important; } 
.pad9 { padding: 9px !important; } 
.pad10 { padding: 10px !important; } 
.pad15 { padding: 15px !important; } 
.pad16 { padding: 16px !important; } 
.pad17 { padding: 17px !important; } 
.pad18 { padding: 18px !important; } 
.pad19 { padding: 19px !important; } 
.pad20 { padding: 20px !important; } 
.pad25 { padding: 25px !important; } 
.pad30 { padding: 30px !important; } 
.pad40 { padding: 40px !important; }
.pad45 { padding: 45px !important; } 
.pad50 { padding: 50px !important; } 

.pad-t5 { padding-top: 5px !important; } 
.pad-t6 { padding-top: 6px !important; } 
.pad-t7 { padding-top: 7px !important; } 
.pad-t8 { padding-top: 8px !important; } 
.pad-t9 { padding-top: 9px !important; } 
.pad-t10 { padding-top: 10px !important; } 
.pad-t15 { padding-top: 15px !important; } 
.pad-t20 { padding-top: 20px !important; } 
.pad-t30 { padding-top: 30px !important; } 
.pad-t40 { padding-top: 40px !important; } 
.pad-t50 { padding-top: 50px !important; } 
.pad-t60 { padding-top: 60px !important; } 

.pad-l5 { padding-left: 5px !important; } 
.pad-l10 { padding-left: 10px !important; }
.pad-l15 { padding-left: 15px !important; } 
.pad-l20 { padding-left: 20px !important; } 
.pad-l30 { padding-left: 30px !important; } 
.pad-l40 { padding-left: 40px !important; } 
.pad-l50 { padding-left: 50px !important; } 
.pad-l60 { padding-left: 60px !important; } 

.pad-r5 { padding-right: 5px !important; } 
.pad-r10 { padding-right: 10px !important; }
.pad-r15 { padding-right: 15px !important; } 
.pad-r20 { padding-right: 20px !important; } 
.pad-r30 { padding-right: 30px !important; } 
.pad-r40 { padding-right: 40px !important; } 
.pad-r50 { padding-right: 50px !important; } 
.pad-r60 { padding-right: 60px !important; } 

.pad-b5 { padding-bottom: 5px !important; } 
.pad-b10 { padding-bottom: 10px !important; } 
.pad-b15 { padding-bottom: 15px !important; } 
.pad-b20 { padding-bottom: 20px !important; } 
.pad-b30 { padding-bottom: 30px !important; } 
.pad-b40 { padding-bottom: 40px !important; }
.pad-b50 { padding-bottom: 50px !important; } 
.pad-b60 { padding-bottom: 60px !important; } 

.pad-h05 { padding: 0 5px !important; } 
.pad-h10 { padding: 0 10px !important; } 
.pad-h20 { padding: 0 20px !important; } 
.pad-h30 { padding: 0 30px !important; } 
.pad-h40 { padding: 0 40px !important; } 

.pad-v05 { padding: 5px 0 !important; } 
.pad-v7 { padding: 7px 0 !important; } 
.pad-v10 { padding: 10px 0 !important; } 
.pad-v15 { padding: 15px 0 !important; } 
.pad-v20 { padding: 20px 0 !important; } 
.pad-v30 { padding: 30px 0px !important; } 
.pad-v40 { padding: 40px 0 !important; } 

.pad-hv { padding: 5px 20px !important; } 

/* 텍스트위치 */
.txt_r { text-align: right !important;}
.txt_c { text-align: center !important;}
.txt_l { text-align: left !important;}
.bold { font-weight:bold;}
.bold400 { font-weight:400;}
.bold500 { font-weight:500;}
.bold600 { font-weight:600;}
.bold700 { font-weight:700;}


.hand { cursor: pointer; } 
.absolute {position:absolute}
.relative {position:relative}
.left {float:left}
.right {float:right}
.both {clear:both}
.inline-block {display:inline-block;}
.block {display:block;}
.cover {object-fit:cover;}


/* 폰트컬러 */
.color-white{color:#FFFFFF !important}
.color-black{color:#292929 !important}
.color-red{color:#ce0000 !important}
.color-blue{color:#0033da !important}
.color-skyblue{color:#00a8ff !important}
.color-yellow {color:#ffd200 !important}
.color-green {color:#52a123 !important}
.color-darkgray {color:#aaa !important}
.color-lightgray {color:#eee !important}
.text-gray {color: #7c7c7c; !important}

/* 색상 */
.bgcolor_1 {background:#f3f6f7;}
.bgcolor_2 {background:#515f7a;}
.bgcolor_3 {background:#000000;}
.bgcolor_4 {background:#D6E7F7;}
.bgcolor_5 {background:#32c4fb; border:1px solid ##037eca}
.bgcolor_6 {background:#0079C3;} /* 근로자문화센터 메인블루 */
.bgcolor_7 {background:#00A73C;} /* 근로자문화센터 메인그린 */
.bgcolor_8 {background:#626262;} /* 근로자문화센터 메인그레이 */
.bgcolor_9 {background:#333;} /* 근로자문화센터 메인그레이 */
.bgcolor_10 {background:#6f037e;} 
.bg-black { background-color: #141414 !important; } 
.bg-dagray { background-color: #dadddd !important; } 
.bg-ligray { background-color: #f0f0f0; color: #141414 !important; } 
.bg-white { background-color: #ffffff; color: #141414 !important; } 
.bg-orange{background-color: #e66a12 !important;
    border: 1px solid #e46710 !important;}


/* 폰트 */
.roboto {font-family: 'Roboto', sans-serif;}
.roboto300 {font-weight:300}
.roboto600 {font-weight:600}
.roboto900 {font-weight:900}


/*버튼 정리*/
/* 버튼 기본 */
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-color: #cccccc; border-radius: 3px; background: #fff; color: #303030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.btn_s { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 12px; font-weight: 500; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-color: #cccccc; border-radius: 3px; background: #fff; color: #303030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
/* 버튼 꽉차게 */
.btn_full { display: block; width: 100%;height: 100%; padding-right: 0; padding-left: 0; }
.btn + .btn { margin-left: 8px }
.btn_full + .btn_full { margin-top: 8px; margin-left: 0 }

/*
.btn_per {display: block; width: 80%;height: 50px; padding-right: 0; padding-left: 0; padding-top: 7px !important;}
*/

/* 버튼 크기 */
.btn_ex_big { font-size: 20px; padding: 14px 28px; }
.btn_big { font-size: 18px; padding: 8px 18px; }
.btn_big_small{font-size:13px; padding:7px 15px}
.btn_big_small1{font-size:12px; padding:7px 14px}
.btn_small { font-size: 12px; padding: 6px 12px; }
.btn_small1 { font-size: 11px; padding: 4px 6px; }
.btn_ex_small { font-size: 8px; padding: 4px 8px; }


.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { text-decoration: none !important; -webkit-box-shadow: inset 0px 0px 100px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 100px rgba(255, 255, 255, 0.225); }
.btn:active, .btn.active { text-decoration: none !important; background-image: none; outline: 0; -webkit-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.125); box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
/* 버튼 라운드 */
.round { border-radius: 100px }
.radius3 {border-radius:3px}
.radius5 {border-radius:5px}
.radius { border-radius: 10px }
.rad5 { border-radius: 5px !important; -webkit-border-radius: 5px !important; -ms-border-radius: 5px !important; } 
.rad10 { border-radius: 10px !important; -webkit-border-radius: 10px !important; -ms-border-radius: 10px !important; } 
.rad15 { border-radius: 15px !important; -webkit-border-radius: 15px !important; -ms-border-radius: 15px !important; } 
.rad20 { border-radius: 20px !important; -webkit-border-radius: 20px !important; -ms-border-radius: 20px !important; } 
.rad30 { border-radius: 30px !important; -webkit-border-radius: 30px !important; -ms-border-radius: 30px !important; } 
.rad40 { border-radius: 40px !important; -webkit-border-radius: 40px !important; -ms-border-radius: 40px !important; } 
.rad50 { border-radius: 50px !important; -webkit-border-radius: 50px !important; -ms-border-radius: 50px !important; } 
.box { border-radius: 0 }
/* 버튼 구분 */

/*
.bt-mlog1 { color: #ffffff !important; ; background-color: #0079C3; border-color: #037eca; }
.bt-mlog1:hover, .bt-mlog1:focus, .bt-mlog1:active, .bt-mlog1.active { color: #ffffff !important; border: 1px solid #037eca; box-shadow: none;}
*/

/*
.bt-mlog {
    margin-bottom: 5px;
    height: 50px;
    width: 80%;
    font-size: 1em;
    border: 1px solid #037eca;
    background-color: #0079C3;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.bt-mlog:active {
    border: 1px solid #037eca;
    background-color: #00588f;
    box-shadow: none;
}
*/





.btn_1st { color: #ffffff !important; ; background-color: #f4614d; border-color: #e04b36; }
.btn_1st:hover, .btn_1st:focus, .btn_1st:active, .btn_1st.active { color: #ffffff !important; }

.btn_2nd { color: #333333!important; background-color: #e9e9e9; border-color: #c3c3c3; }
.btn_2nd:hover, .btn_2nd:focus, .btn_2nd:active, .btn_2nd.active { color: #333333!important; }

.btn_gray { color: #ffffff!important; background-color: #959595; border-color: #959595 }
.btn_gray:hover, .btn_gray:focus, .btn_gray:active, .btn_gray.active { color: #ffffff!important; }

.btn_dark { color: #ffffff!important; background-color: #373a3c; border-color: #26292e }
.btn_dark:hover, .btn_dark:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_red { color: #ffffff!important; background-color: red; border-color: red }
.btn_red:hover, .btn_red:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_8b4 { color: #ffffff!important; background-color: #8b4d5c; border-color: #8b4d5c }
.btn_8b4:hover, .btn_8b4:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_iones{ color: #ffffff!important; background-color: #0434b0; border-color: #0434b0 }
.btn_iones:hover, .btn_8b4:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_point { color: #ffffff!important; background-color: #FF6700; border-color: #DD5900; }
.btn_point:hover, .btn_point:focus, .btn_point:active, .btn_point.active { color: #ffffff!important; }

.btn_success { color: #ffffff!important; background-color: #333; border-color: #212; }
.btn_success:hover, .btn_success:focus, .btn_success:active, .btn_success.active { color: #ffffff!important; }

.btn_delete { color: #ffffff!important; background-color: #333; border-color: #333; }
.btn_delete:hover, .btn_delete:focus, .btn_delete:active, .btn_delete.active { color: #ffffff!important; }

.btn_info { color: #ffffff!important; background-color: #5DB7E3; border-color: #50ABD7; }
.btn_info:hover, .btn_info:focus, .btn_info:active, .btn_info.active { color: #ffffff!important; }

.btn_alert { color: #ffffff!important; background-color: #FF0000; border-color: #DB0000; }
.btn_alert:hover, .btn_alert:focus, .btn_alert:active, .btn_alert.active { color: #ffffff!important; }

.btn_link { color: #333333!important; background-color: transparent; border-color: transparent }
.btn_link:hover, .btn_link:focus, .btn_link:active, .btn_link.active { background-color: transparent; border-color: transparent; text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; }
.btn_link:hover, .btn_link:focus { color: #428bca!important; }
.btn_link:active, .btn_link.active { color: #296192!important; }

.btn_login { color: #737373!important; background-color: #eaeaea; border-color: #bdbdbd }
.btn_login:hover, .btn_gray:focus, .btn_gray:active, .btn_gray.active { color: #737373!important; }

.btn_find{ color: #ffffff!important; background-color: #0089e0; border:1px solid #0089e0; font-size:15px; padding:8px; font-size:13px; font-weight:bold;}
.btn_find:hover, .btn_find:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_app_search{color: #ffffff!important; background-color: #1da0d7; border:1px solid #0370ae; font-size:12px; padding:4px;}
.btn_app_search:hover, .btn_app_search:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_app_con{color: #ffffff!important; background-color: #1da0d7; border:1px solid #0370ae; font-size:14px; padding:8px 12px;}
.btn_app_con:hover, .btn_app_con:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_app_gray{ color: #ffffff!important; background-color: #777; border:1px solid #666; font-size:13px; padding:6px;}
.btn_app_gray:hover, .btn_app_gray:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_orange{ color: #ffffff!important; background-color: #f26b41; border:1px solid #f26b41; font-size:15px; padding:5px 8px; font-weight:bold;}
.btn_orange:hover, .btn_orange:focus, .btn_dark:active, .btn_dark.active { color: #ffffff!important; }

.btn_mint{ color: #ffffff!important; background-color: #389595; border:1px solid #389595;}
.btn_mint:hover, .btn_mint:focus, .btn_mint:active, .btn_mint.active { color: #ffffff!important; }

.btn_darkgray{ color: #ffffff!important; background-color: #535961; border:1px solid #535961;}
.btn_darkgray:hover, .btn_darkgray:focus, .btn_darkgray:active, .btn_darkgray.active { color: #ffffff!important; }

.btn_lightgray{ color: #ffffff!important; background-color: #778187; border:1px solid #778187;}
.btn_lightgray:hover, .btn_lightgray:focus, .btn_lightgray:active, .btn_lightgray.active { color: #ffffff!important; }

.btn_charcoal { color: #cfd1d8!important; background-color: #111113; border:1px solid #111113; border-radius:5px; font-size:11px; padding:4px 6px;}
.btn_charcoal:hover, .btn_charcoal:focus, .btn_charcoal:active, .btn_charcoal.active { color: #cfd1d8!important; }

.topBtn {background:#0022a0; color:#fff!important; font-size:11px; padding:5px 13px; border-radius:30px}

.btn_orange_gradient {color:#ffffff!important; border:1px solid #c54600;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7930+0,e35000+100 */
background: rgb(255,121,48); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzkzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzUwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,121,48,1) 0%, rgba(227,80,0,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,121,48,1)), color-stop(100%,rgba(227,80,0,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,121,48,1) 0%,rgba(227,80,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,121,48,1) 0%,rgba(227,80,0,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,121,48,1) 0%,rgba(227,80,0,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,121,48,1) 0%,rgba(227,80,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7930', endColorstr='#e35000',GradientType=0 ); /* IE6-8 */
}

.btn_white_gray {color:#777777!important; border:1px solid #c1c1c1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
}


/* btn css-----------------------------------------------------------------------------------------------------------*/
.btn{
  line-height: 36px;
  padding:0 20px;
  cursor: pointer;
  display: inline-block;
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  margin:0 3px;
  position: relative;
  top: 0;
  font-size: 15px;
  border-radius: 3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  -webkit-border-radius:3px;
  transition: all 0.2s ease;
  user-select: none;
  vertical-align: top;
}

.btn-sm{font-size: 13px;padding:0 6px;line-height: 24px; position: absolute; right: 15px; top:15px;   box-shadow: 0 1px 3px rgba(170,170,170,.3); }
.btn-lg{padding:0 50px !important; font-size: 18px; line-height: 45px}
@media (max-width: 768px){
  .btn-lg{padding:0 15px !important; font-size: 16px }
}
.btn-close{top:0; right:0; line-height: 32px; padding:0 20px; margin: 0;position: absolute;border-radius: 0; border: 0 }

.btn-right{position: absolute; left: 10px; font-size: 24px}

.btn-rad0{border-radius: 0px; -moz-border-radius:0px;-o-border-radius:0px; -ms-border-radius:0px;-webkit-border-radius:0px; }
.btn-rad5{border-radius: 5px; -moz-border-radius:5px;-o-border-radius:5px; -ms-border-radius:5px;-webkit-border-radius:5px; }
.btn-rad10{border-radius: 10px; -moz-border-radius:10px;-o-border-radius:10px; -ms-border-radius:10px;-webkit-border-radius:10px; }
.btn-rad15{border-radius: 15px; -moz-border-radius:15px;-o-border-radius:15px; -ms-border-radius:15px;-webkit-border-radius:15px; }
.btn-rad20{border-radius: 20px; -moz-border-radius:20px;-o-border-radius:20px; -ms-border-radius:20px;-webkit-border-radius:20px; }
.btn-rad30{border-radius: 30px; -moz-border-radius:30px;-o-border-radius:30px; -ms-border-radius:30px;-webkit-border-radius:30px; }
.btn-rad50{border-radius: 50px; -moz-border-radius:50px;-o-border-radius:50px; -ms-border-radius:50px;-webkit-border-radius:50px; }


.b-main{background-color: #cd0000; border:1px solid #cd0000; color:#fff !important;}
.b-sub{background-color: #cd0000; border:1px solid #cd0000;  color:#fff !important;}
.b-sub:hover{background-color:#033a63}

.b-wmain{background-color: #fff; border:1px solid #cd0000;  color:#cd0000 !important;}

.b-wsub{background-color: #fff; border:1px solid #aaa;color:#111 !important;}
.b-wsub:hover{background-color:#aaa; color:#fff !important;}

.b-black{background-color: #141414; border:1px solid #000; color:#fff  !important;}
.b-black:hover{background-color: #000; color:#fff  !important;}
.b-white{background-color: #fff;}
.b-white:hover{background-color: #f0f0f0; border:1px solid #aaa;}
.b-wwhite{background-color: rgba(255,255,255,0.1); border:2px solid #fff; color:#fff !important;}
.b-red{background-color: #ce0000; color:#fff  !important;}
.b-wred{background-color: #fff; border:1px solid #ce0000; color:#ce0000  !important;}
.b-yellow{background-color: #fee100; color: #111 !important; border: 1px solid #edd203;}
.b-yellow:hover{background-color:#eabe00; border-color:#eabe00;}
.b-blue{background-color:#0033da}
.b-wblue{background-color: #fff; border:1px solid #0033da; color:#0033da  !important;}
.b-green {background-color:#00bb49; border-color:#02b347;  color:#fff !important;}
.b-green:hover{background-color:#12af4f; border-color:#12af4f;}
.b-wgeen{background-color: #fff; border:1px solid #0f800f; color:#0f800f  !important;}
.b-yellow a {color:#000 !important;}
.b-bcak-blue{ color: #0079C3;!important;}




/*버튼 정리 end*/

/*페이징 CSS*/
/*
.img_click {cursor:pointer}
.paging {text-align:center; border:solid 0px red; margin:15px 0 15px 0}
/*.paging a,
.paging strong { position:relative; display:inline-block; margin-right:1px; padding:2px 6px 3px; color:#555 !important; text-decoration:none; border:1px solid #ffffff; font:bold 11px/normal Verdana; _width :17px;}
.paging strong { color:#f66000 !important; border:1px solid #331fbe;}
.paging a:hover{ color:#000 !important;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}*/

/*.current{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #b9b9b9;background-color:#fff;color:#ff5544;font-size:12px;text-align:center;z-index:1; margin-right:5px;}
.current:hover{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #2b9e12;background-color:#fff;color:#000;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;}
.current_nowpage{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #2b9e12;background-color:#fff;color:#000;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;}*/
/*
.current{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #2b9e12;background-color:#fff;color:#000;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;}
.current:hover{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #b9b9b9;background-color:#fff;color:#ff5544;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;}
.current_nowpage{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #b9b9b9;background-color:#fff;color:#ff5544;font-size:12px;text-align:center;z-index:1; margin-right:5px;}


.next{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #2b9e12;background-color:#fff;color:#000;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;}
.next_hand{position:relative;display:inline-block;width:28px;height:27px;line-height:27px;border:1px solid #2b9e12;background-color:#fff;color:#000;font-size:12px;text-align:center;z-index:1; margin-right:5px;font-weight:bold;cursor:pointer;}
.next:hover{ color:#000 !important;}
.next_hand:hover{ color:#000 !important;}

/*페이징 CSS*/
/*
@import url("//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css");



/* 테이블 */
.board01 {table-layout:fixed}
.board01 th ,.board01 td {border-bottom:1px solid #cccccc; padding:5px; height:30px; line-height:2;}
.board01 th {background:#f4f3f1; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;}
.board01 td {color:#666666;}
.board01 th, .board01 tbody tr td.notice {color:#333333;}
.board01 tbody tr td.notice {background:#eef1f6;}




input:read-only{
	cursor:not-allowed !important;
	/* background-color:silver !important; */
	opacity:1 !important;
}

input:-moz-read-only{
	cursor:not-allowed !important;
	background-color:silver !important;
	opacity:1 !important;

}

input:-webkit-read-only{
	cursor:not-allowed !important;
	background-color:silver !important;
	opacity:1 !important;

}

/*페이징 CSS*/
.img_click {
    cursor: pointer
}

/* .paging {
    text-align: center;
}

.paging a,
.paging strong {
    position: relative;
    display: inline-block;
    margin-right: 1px;
    padding: 2px 6px 3px;
    color: #555 !important;
    text-decoration: none;
    border: 1px solid #ffffff;
    font: bold 11px/normal Verdana;
    _width: 17px;
}

.paging strong {
    color: #f66000 !important;
    border: 1px solid #331fbe;
}

.paging a:hover {
    color: #000 !important;
}

.paginate a:hover {
    background-color: #f7f7f7 !important;
    border: 1px solid #e9e9e9;
} 
.current {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    color: #ff5544;
    font-size: 12px;
    text-align: center;
    z-index: 1;

}
*/


.current_nowpage {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;

    background-color: #0079c3;
    color: #fff;
    font-size: 12px;
    text-align: center;
    z-index: 1;

    font-weight: bold;
}

.current {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    background-color: #fff;
    color: #000;
    font-size: 12px;

			border-right:0px;
    text-align: center;
    z-index: 1;
    font-weight: bold;
}

.current:hover {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    background-color: #ccc;
    color: #0079C3;
    font-size: 12px;
    text-align: center;
    z-index: 1;
    font-weight: bold;

}



.next {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    color: #333;
    font-size: 12px;
    text-align: center;
    z-index: 1;

    font-weight: bold;
    padding-top: 9px;
}

.next_hand {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    color: #333;
    font-size: 12px;
    text-align: center;
    z-index: 1;


    font-weight: bold;
    cursor: pointer;
    padding-top: 9px;
}



/*페이징 CSS*/